@import url(https://fonts.googleapis.com/css?family=Dosis);

 @import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700);

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700,400);

body {

	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 15px;

	line-height: 25px;

	color: #12115F;

	background-color: #fef8dd;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

	background: url(../img/motif.png)

}

/*li {

	color: #F16400;

}*/

p {

	margin-bottom: 10px;

}

h1, h2, h3{

	color: rgb(0,112,192);

	margin: 0 0 15px 0

}

h1{

	font-size: 22px;

}

h2{

	font-size: 18px;

}

h3{

	font-size: 16px;

}

a:link, a:visited, a:hover {

	color: #12115F;

	text-decoration: none

}

.header {

	padding: 10px 0

}

.main{

	margin: 10px 0

}

.content-footer{

	padding: 20px 0

}

.widget{

	border-left: 1px solid #666;

	overflow: hidden	

}

.widget h3{

	font-size: 24px;

}

.footer {

	color: #333;

	font-size: 12px

}

.navbar-default {

	background: transparent !important;

	border: 0;

	margin-top: 20px

}



.navbar-default .navbar-nav>li>a {

	color: #12115F;

	text-transform: uppercase;

	font-weight: bold;

	padding: 10px

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

	background: transparent !important;

	color: rgb(0,112,192);

	border-bottom: 2px solid #F16400

	

}

.navbar-default .navbar-nav>li>a:hover {

	border-bottom: 2px solid #F16400

	

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

	color: rgb(0,112,192)

}







.tel {

	font-size: 24px;

	font-weight: bold;

	color: #FAB725;

}

.select {

	font-size: 24px;

	font-weight: bolder;

	color: #12115F;

}

.academy {

	font-size: 24px;

	font-weight: bolder;

	color: #EF6301;

}

.cabinet {

	font-size: 18px;

	text-align: center;

	color: #333;

}

.message:link, .message:visited, .message:hover {

	color: #0070C0;

	font-weight: bold;

	border: 0px

}

.message:hover {

	color: #12115F;

}

.button {

	background-color: #F16400;

	border: 1px solid #F16400;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-weight: bold;

	font-size: 1em;

	margin: 7px;

	padding: 7px 15px;

	position: relative;

	text-decoration: none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

#inline, #inline_cv {

	display: none;

	width: 600px;

}

/* --- The Form --- */



#contact legend, #contact_form legend, #contact_cv legend, #devis_form legend, #inscription_form legend {

	color: #FAB725;

	margin-bottom: 0 !important;

	padding: 7px 0px;

	font-weight: bold

}

#contact .error, #contact_form .error, #contact_cv .error, #devis_form .error, #inscription_form .error {

	border: 1px solid #973d3d;

	background: #f0bebe;

	color: #a35959;

}

#contact .error:focus, #contact_form .error:focus, #contact_cv .error:focus, #devis_form .error:focus, #inscription_form .error:focus {

	border: 1px solid #eee;

	color: #a35959;

}

.content a:link, .content a:visited {

	color: #0070C0;

	text-decoration: underline

}

.content a:hover {

	color: #12115F;

	text-decoration: none

}

.more {

	font-style: italic;

	text-align: right;

	color: rgb(0,112,192);

	font-size: 17px

}

.tel2 {

	font-size: 20px;

	font-weight: bold;

	color: #FAB725;

}

.service {

	font-weight: bold;

	color: #12115F;

}

.timer {

	background-color: #FAB725;

	height: 6px;

	width: 0px;

}



.main-content{

	height: 350px;

	overflow: auto;

}





.form-control{

	background: #eee;

	height: 40px

}



button{

	height: 40px	

}



textarea.contact-msg{

	height: 187px

}



textarea.devis-msg{

	height: 111px

}



textarea.rdv-msg{

	height: 117px

}



.btn-warning{

	background: #EF6301;

	height: 40px	

}

.pull {

    float: left;

}

@media (min-width: 992px) {

.pull {

    float: right!important;

}

}

a.newsletter:link{
	color: #ef6301
}