@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
h1, h2, h3, h4 {
    font-family: "Montserrat",sans-serif;
    font-weight: 300;
}
p {
    font-family: "Open Sans",sans-serif;
}
html {
   margin-top:-20px
}
.top {
background: transparent url("../img/fond-header.png") no-repeat scroll center top;
padding-top: 15px;
padding-bottom: 15px;
height:235px;
border-bottom:1px solid #167db3;
}

.top .navbar-brand {
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 10px;
    background-color: #CCC;
    color: #474747;
    text-decoration: none;
}
.top .container {
    padding: 0;
}
/*.banner {
    background: transparent url("../img/anim.png") ;
	background-color:#fff;
	margin-top:30px;
}*/
.contact{
background:#dfe6e9;
text-align:center;
color:#4a4a4a;
font-size:14px
}
.contact span{
font-size:24px;
font-weight:bold;
}
.contact h1{
margin-top:20px;
color:#167db3;
font-size:29px;
font-weight:700;
}
@media(min-width:1200px){
.contact{
width:375px;
height:398px
}
}
@media(max-width:1199px){
.contact{
width:32%;
height:355px
}
.contact{
	height:329px;
}
}
@media(max-width:991px){
.contact{
width:96%;
height:280px;
margin:15px
}
.contact h1{
margin-top:10px;
}

}
@media(max-width:405px){
.images img{
width:100%}
}
@media(min-width:767px){
.images2 img{
width:100%}
}

@media(max-width:530px){
.images2 img{
width:100%}
}
@media(max-width:360px){
.contact{
width:90%;

}
}
.trait{
background-color:#31353d;
height:15px
}
.logo{
height:142px;
background: url(../img/logo.png) no-repeat top center;
margin-top: 15px;
margin-bottom: 25px;
}
@media(max-width:767px){
	.logo{
	display:none
	}
	.logo2{
height:142px;
background: url(../img/logo.png) no-repeat top center;
margin-top: 30px;

}
}
@media(max-width:360px){
	.logo{
	display:none
	}
	.logo2{
height:142px;
background: url(../img/logo.png) no-repeat top center;
margin-top: 30px;

}
}
@media(min-width:767px){
	.logo2{
	display:none
	}
}

.container p {
 
    font-size: 13px;
    padding-left: 5px;
    font-weight: 300;
	padding-top:20px;
}
.middle {
    background-color: #f0f0f0;

}
.middle .container {
    background-color: #FFF;
	padding:0;    

}

.middle1 {
    background-color: #d6d5d5;
	
}


.middle1 .container {
    background-color: #d6d5d5;
    padding-bottom: 20px;
	text-align:center
}
.navbar-nav li a {
    color: #0b425e;
  font-family: "Montserrat",sans-serif;
	background-color: none;
	font-size:12px;
	text-align:center;
	FONT-WEIGHT:600
}
.navbar-nav > li > a {

    padding-top: 5px;
    padding-bottom: 5px;

}
.navbar-nav li  {
font-size:14px;
	background-color: none;

}
.navbar-nav li a:hover {
    background-color: none;
}

.navbar-nav li a.active{
    background-color: none;
}

.bottom2{
background:#E1E1E;
margin-bottom:-20px
}
.bottom2 .container {
background: #e8e5e5;

}
.bottom2 h1{
font-family: "Montserrat",sans-serif;
color: #167db3;
font-size: 14px;
text-align: center;
font-weight: 700;
}
@media (min-width:767px){
	.informations{
		min-height:263.6px;
		border-right:1px solid #167db3
	}
	.societe{min-height:263.6px;
	text-align:center;border-left:1px solid #167db3
	}
	.images img{
	width:100%}
}
@media (max-width:991px){
	.societe{min-height:233px;}
	.images img{
	width:60%}
}
.video a{
	color:#167db3
}
.video a:hover{
	font-weight:600;
	text-decoration:underline;
	color:#167db3
}
.adresse p, .form_content p{
padding-top:0px;}
.icon-contact{
	background-color: #167db3;
	margin: 30px;
    color: white;
   	width: 70px;
   	height: 70px;
   	-moz-border-radius: 50%;
   	-webkit-border-radius: 50%;
   	border-radius: 50%;
    text-align: center;
    font-size: 2em;
	padding:20px;
	overflow: hidden;
    position: relative;
    vertical-align: top;
    display: inline-block;
}
.icon-contact .fa-map-pin, .icon-contact .fa-phone{
	color:white;
	z-index: 2;
    width: 30px;
    display: block;
    font-size: 30px;
    max-height: 30px;
    line-height: 1;
    position: relative;
    text-align: center;
}
.container2 a {
 color: #fff;
    text-decoration:underline
}
.container2 a:hover {
 color: #e4e4e4;
    text-decoration:underline
}
.bottom .container h3 {
    color: #999;
}
.bottom .container p {
    color: #666;
}
.navbar-toggle { /*menu iphone*/
    background-color: none;
	color: #167db3;
    font-size: 20px;
    line-height: 20px;
	float:right;
border-radius:3px;
margin-right: -10px;
}

.navbar-collapse {
   background:none;
}
.navbar-toggle:hover {background-color: none;
}
.navbar-nav {
    margin: 0;
}

.content p {
    line-height: 20px;
    font-size: 13px;
}
.icones{
padding-top:25px
}


.header.container{
background: url(../img/logo.png) no-repeat left;
margin-top:20px;
margin-bottom: 40px;
height:142px;
}


 .fa {
 display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.fa-home:before {
font-family: "FontAwesome";
    content: "\f015";
	color:white;
	background:none
}
.middle h2{
font-family:"Montserrat",sans-serif;
color:#167db3;
font-size:18px;
text-align:center;
font-weight:700
}
.middle h4{
margin-top:20px;
font-family:"Montserrat",sans-serif;
color: #167db3;
font-size:20px;
text-align:left;
height:30px;
font-weight:700
}

.middle h3{
font-family:"Montserrat",sans-serif;
color:#f22c8b;

}
.middle1 p{
font-family:"Montserrat",sans-serif;
font-weight:normal;
text-align:justify

}

.nav > li > a:hover, .nav > li > a:focus {/*ONGLET SELECT*/
    text-decoration: none;
    background-color:#167db3;
	color:white
}
.glyphicon-chevron-right{
font-size:9px;

}
.anim{
min-height:300px;
background: url(../img/anim.png) no-repeat top left;
width:100%;

}

.content-tarif{
width:23%;
margin:10px;
padding:0px
}
.content-tarif3{
width:40%;
margin:10px;
padding:0px
}
.content-tarif2{
width:30%;
margin:10px;
padding:0px;
padding-bottom:10px
}
.content-tarif h4, .content-tarif3 h4{
font-family: "Montserrat",sans-serif;
color: #fff;
font-size: 18px;
text-align: left;
height: 45px;
background:#f22d8e url(../img/fond-degrade.png) repeat-x left top;
margin-top:0px;
padding:5px
}


.content-tarif p, .content-tarif3 p{
font-family: "Montserrat",sans-serif;
text-align: left;
padding:10px
}
		
@media (min-width: 767px) {
.navbar-nav > .menuid1 {
		 margin-left: 30px  ;

	}
.navbar-nav > .menuid2 {
		 margin-left: 30px  ;

	}
	.navbar-nav > .menuid3	{
		 margin-left: 30px  ;
	}
	.navbar-nav > .menuid4 {
		 margin-left: 30px  ;
	}
	.navbar-nav > .menuid5 {
		 margin-left: 30px  ;
	}
	.navbar-nav > .menuid6 {
		 margin-left: 30px  ;
	}
	.navbar-nav > .menuid7 {
		 margin-left: 30px  ;
	}
}

		
@media (max-width: 1199px) {
.navbar-nav > .menuid1 {
		 margin-left: 20px  ;


	}
.navbar-nav > .menuid2 {
		 margin-left: 15px  ;

	}
	.navbar-nav > .menuid3	{
		 margin-left: 15px  ;
	}
	.navbar-nav > .menuid4 {
		 margin-left: 15px  ;
	}
	.navbar-nav > .menuid5 {
		 margin-left: 15px  ;
	}
	.navbar-nav > .menuid6 {
		 margin-left:15px ;
	}
	.navbar-nav > .menuid7 {
		 margin-left:15px ;
	}
	.navbar-nav li a {
	font-size:11px;

	}
	.container p {
    font-size: 11px;
	padding-top:0px;

}
}


@media (max-width: 991px) {
	.adresse img{
	width:100%}
	.banner{
	margin-top:20px}
	.navbar-collapse{
	margin-top:0px}
	.logo{
	margin-top:15px}
	.navbar-nav li a{
	font-size:9px}

	.navbar-nav > .menuid1 {
			 margin-left:0px  ;
	}
	.navbar-nav > .menuid2 {
		 margin-left: 0px  ;

	}
	.navbar-nav > .menuid3	{
		 margin-left: 0px  ;
	}
	.navbar-nav > .menuid4 {
		 margin-left: 0px  ;
	}
	.navbar-nav > .menuid5 {
		 margin-left: 0px  ;
	}
	.navbar-nav > .menuid6 {
		 margin-left:0px ;
	}
	.navbar-nav > .menuid7 {
		 margin-left:0px ;
	}
}
@media (max-width: 767px) {

.navbar-nav > .menuid1 {
		 margin-left:0px  ;
}
.navbar-nav > .menuid2 {
		 margin-left: 0px  ;

	}
	.navbar-nav > .menuid3	{
		 margin-left: 0px  ;
	}
	.navbar-nav > .menuid4 {
		 margin-left: 0px  ;
	}
	.navbar-nav > .menuid5 {
		 margin-left: 0px  ;
	}
	.navbar-nav > .menuid6 {
		 margin-left:0px ;
	}
	.navbar-nav > .menuid7 {
		 margin-left:0px ;
	}
}

.content-services img{
width:100%}
.bottom2, .bottom2 p {
font-family: "Open sans",sans-serif !important;
color:#323232;
text-decoration:none;
text-align:center
}
.bottom2 a, .bottom2 a:hover{
font-family: "Open sans",sans-serif !important;
color:#323232;text-decoration:none
}
.fa-map-pin, .fa-phone, .fa-envelope{
	color:#167db3;
	font-size:20px;
	margin-right:10px;
}
.icones a:hover{
text-decoration:none
}
a.social {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 38px;
    font-size: 20px;
    text-align: center;
    background: #494949 repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    color: #FFF;
    margin: 10px 1px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
	}

 .fa {
 display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.fa-facebook:before {
font-family: "FontAwesome";
    content: "\f09a";
	color:white
}

.fa-facebook a:hover {
text-decoration:none
}



.company-details, .company-details3, .company-details4   {
    color: #323232;
    padding-top: 29px;
	text-align:center;
	font-size:14px;
	font-family: "Open sans",sans-serif !important;
}
.company-details2 {
    color: #fff;
	text-align:center;
	font-size:14px;
	font-family: "Montserrat",sans-serif !important;
}

.company-details .icon-top {
    font-size: 30px;
    margin-bottom: 10px;
}
.red-text {
    color: #E96656;
	text-align:center
}

.company-details .icon-top {
    font-size: 30px;
    margin-bottom: 10px;
}
.green-text {
    color: #34D293;
	text-align:center
}

.blue-text {
    color: #3AB0E2;
	text-align:center
}

.copyright {
    padding-top: 60px;
    padding-bottom: 72px;
    background: none repeat scroll 0% 0% #171717;
	text-align:center;
	font-size:14px;
	font-family: "Lato",sans-serif !important;
}
.fa-phone, .fa-envelope-o, .fa-map-marker, .fa-twitter{
font-size:24px;
margin-bottom:5px
}
.form_content input[type="text"] {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
color: #555;
background-color: #e8e8e8;
background-image: none;
border: none;
border-radius: 0px;
}
.form_content:focus input[type="text"] {

    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

.form_content textarea {
    color: #818181;
background-color: #e8e8e8;
    outline: medium none;
    width: 100%;
    padding: 15px 20px;
    display: block;
    margin-bottom: 15px;
border: none;
	margin-bottom:30px
}
.btn_submit  {
border-radius:4px;
display: block;
width: 100%;
padding-left: 0px;
padding-right: 0px;
background-color: #167db3;
background-position: 0px -15px;
background-repeat: repeat-x;
border-color: none;
padding: 10px 16px;
color:white;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
display: inline-block;
margin-bottom: 0px;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 4px;
-moz-user-select: none;
text-decoration:none;
}

.btn_submit a:hover, a:focus {
text-decoration:none;color:white
}
#map {
    height: 400px;
	 position: relative;
   text-align:center;
    overflow: hidden;
	margin-bottom:40px
}
.formulaire {
	font-family: 'Montserrat', sans-serif;

}
ul.address {
	font-family: 'Montserrat', sans-serif;
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
	font-size:13px
}
.address span{
margin-left:10px
}
.contact-info ul li {
    margin-bottom: 8px;
}
.photo img{
width:100%}
/*****************TAILLE*****************/
@media (max-width:1199px){
	.icones{
	width:30%;
	margin:9px;
	}
	.icones img{
	width:100%}
	.content-tarif, .content-tarif2{
	width:23%;
	margin:9px;
	}
	.photo img{
width:70%}
}
@media (max-width:991px){
	.icones{
	float:left;
	margin:10px;
	}
	.photo img{
	width:80%}
	.content-tarif, .content-tarif3{
	width:47%;
	float:left;
	margin:10px;
	}
	.content-tarif2{
	width:97%;
	float:left;
	margin:10px;
	}
	.bottom2{
	background: #e1e1e1;
	}
	
}

@media (max-width:767px){
	.phrase img{
	width:100%}
	.navbar-nav > li {
		display: inline-block;
		margin-bottom: 0px;
	}
	.navbar-collapse {
	   background:#dfe6e9;margin-top:0px;
	float:left
	}
	.logo{
	margin-top:20px;

	}
	.navbar-nav li a{
	color:#167db3
	}
	.content-services img{
	width:50%}
}
@media (max-width:719px){
	.icones{
	width:97%;
	float:left;
	}
	.content-tarif, .content-tarif2, .content-tarif3{
	width:95%;
	float:left;
	}

}
@media (max-width:600px){
	.photo img{
	width:100%
	}
}
@media (max-width:500px){
	.photo2 img{
	width:100%
	}
}
/***************************************/
.consultation a, a:hover{
color:#333}

.animation{
/*min-height:300px;
background: url(../images/anim2.jpg) no-repeat top left;*/
width:100%;

}
/******************************************************/

#slider {float:left;}
#slider ul ,#slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider li {display:none;}	
#slider li:first-child {display:block;}
#slider, #slider li {height:395px;overflow:hidden;} /* erreur met du blanc a la page*/


/* // Sudo Slider */	


/******************************************************/