*{
font-family:Arial;
}

html {
overflow-y: scroll;
}

body{
line-height:16px;
color:black;
font-size:12px;

}

/*.desktop, .mobile, .tablette {display: block}*/

.cb{
clear:both;
}

.fl{
float: left;
}

.fr{
float: right;
}

h3{
font-weight:bold;
font-size:13px;
}


h4{
font-weight:bold;
font-size:9px;
}

h5{
font-size:9px;
font-weight:bold;
}

h6{
font-size:8px;
font-weight:bold;
}

h2.big {
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
	font-size: 75px;
	color: #c6c6c5;
}


a{
	color:black;
	text-decoration: underline;
	/*order-bottom: 1px solid;*/
}

header a, footer a, .bx-wrapper a{
	text-decoration: none;
}

a:hover, a.active{
	color: #808080;
}

.desktop .centrale{
width:1000px;
margin:auto;
}

/*
.bx-wrapper .bx-viewport 
{
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: none;
    border: 0;
    left: 0;
    background: #F0F0F0;
}


#bxslider_img  {overflow: hidden}

#bxslider_txt li {padding: 10px 32px 10px 10px;}
.desktop #bxslider_txt li {padding: 32px;}

.mobile #content, .tablette #content {
	margin-top: 38px;
}
*/



/**** SLIDER ***/
.lwa_slider{width: 100%; overflow: hidden;}
.lwa_slide_container{border: 0px solid red;}
.lwa_slide {float: left; overflow: hidden}
.lwa_slide img{width: 100%; height: auto}

#slider_txt {background: #F0F0F0}
#slider_txt a{text-decoration: none}
.desktop #slider_txt .lwa_slide .pad {margin: 32px} 
.tablette #slider_txt .lwa_slide .pad{margin: 20px 32px}
.mobile #slider_txt .lwa_slide .pad{margin: 3% 0 0 32px; line-height: 14px}
.mobile #slider_txt h4, .mobile #slider_txt h3{float: left}
.mobile #slider_txt h3 {width: 55%; padding-right: 5px}
.mobile #slider_txt h4:before {content: " | "}
/**** FIN SLIDER ***/


.desktop header{
background:#F0F0F0;
}

.mobile header, .tablette header{
background:#F0F0F0;
margin-bottom:0px;
margin-top: 0;
top: 0;
position:fixed;
width:100%;
z-index: 10000;
}

.mobile #logo, .tablette #logo{
margin:10px 0px 5px 2%;
width:125px;
}

.desktop #logo{
margin:80px 0px 0px 32px;
width:204px;
}

.mobile #menu_mobile, .tablette #menu_mobile{
float:right;
margin:12px 2% 0 0;
cursor:pointer;
}

.desktop #menu_mobile{
display:none;
}

.mobile #menu, .tablette #menu{
display:none;
}

#menu{
font-size:10px;
font-weight:bold;
margin-left:32px;
padding-bottom:40px;
margin-top:30px;
}

#slides h4, #slides h5{margin-left: 32px}
#slides {background: #F0F0F0;width: 100%;}


#slides .slides_container div {width: 1000px; }


#slides .slides_container div img {width: 100% !important; height: auto !important}

.desktop #menu ul{
margin-top:72px;
}

.desktop #menu li{
display:inline-block;
margin-right:50px;
}



#contact .legende {color: #a1a1a1; width: 82%; text-align: right}

::-webkit-input-placeholder {
   color: #a1a1a1;
   font-style: italic;  
   font-size: 12px;
   font-family:Arial;
   opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
   color: #a1a1a1;
   font-style: italic;  
   font-size: 12px;
   font-family:Arial;
   opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #a1a1a1;
   font-style: italic;  
   font-size: 12px;
   font-family:Arial;
   opacity: 1;
}

:-ms-input-placeholder {  
   color: #a1a1a1;
   font-style: italic;  
   font-size: 12px;
   font-family:Arial;
   opacity: 1;
}

.half {
	width: 50%;
}

label{
height: 15px;
color: #F0F0F0;
margin-top: 15px;
border:none;
display: inline-block;
color: #a1a1a1;
font-style: italic;
}

input{
height: 22px;
width: 80%;
background:#F0F0F0;
border:none;
color: #a1a1a1;
padding: 0 5px 0 5px;
}


select {
height: 22px;
width: 83%;
background:#F0F0F0;
border:0px;
outline:0px;
color: #a1a1a1;
}

input:focus{
box-shadow:0px 0px 5px grey;
transition:0.5s;
}

textarea{
margin-top: 20px;
width: 90%;
height:150px;
resize:none;
background:#F0F0F0;
border:none;
color: #a1a1a1;
padding: 5px;
}

textarea:focus{
box-shadow:0px 0px 5px grey;
transition:0.5s;
}

input[type=submit]{
margin-top:25px;
border:none;
border-radius:10px;
width:100px;
height:25px;
background:#F0F0F0;
color: #000;
font-weight: bold;
}

input[type=submit]:hover{
cursor:pointer;
background:#388;
color: white;
box-shadow:none;

}

input[type=submit]:focus{

box-shadow:none;

}


a.bouton{
display: block;
background:#F0F0F0;
width:200px;
height:35px;
text-align:center;
border-radius:15px;
margin:auto;
text-decoration: none;
}

.bouton p{
font-size:12px;
font-weight:bold;
padding-top:9px;
}

a.bouton:hover{
/*
cursor:pointer;
box-shadow:0px 0px 5px grey;*/
background:#388;
color: white;
/*transition:0.5s;*/
}


.mobile .only_desktop{
display:none;
}



.tablette .img_2_3 {width: 49%}
.mobile .img_2_3 {width: 100%}


.tablette #desc{
width: 46%;
margin-right: 2%
}

.desktop #slider{ margin-left: 32px; width: 664px;}
.tablette #slider {width: 49%}
.mobile #slider {width: 100%}


.desktop #desc{
float: right;
width:218px;
text-align:justify;
margin-top:37px;
margin-right:32px;
}

.mobile #desc, .tablette #desc{
margin-top:10px;
}

.mobile #desc{float: left;}
.tablette #desc{float: right;}


.desktop .col{
width:269px;
float:left;
margin: 16px 32px 32px 32px;
}


.col {
text-align:justify;
margin-bottom: 20px;
}

.col1 { clear: both;}

.desktop .col img.full_width{
width:100%;
margin-left:0px;
margin-bottom:50px;
}

.tablette .col{
width:46%;
float:left;
margin: 2%;
}

.tablette .col3 { clear: both;}

.mobile .margin_top{
margin-top: 50px;
}


.mobile .col img.full_width, .tablette .col img.full_width{
width: 100%;
margin-bottom:25px;
margin-top:20px;
}

.mobile .marges{
margin:0px 2% 0px 2%;
}

.cols2 {
	max-width: 600px;
	text-align: justify;
	margin: 16px 32px 32px 32px;
}

.tablette .cols2, .mobile .cols2{
margin: 2%;
}

.cols3 {text-align:center}
.cols3 img{max-width: 800px; width: 100% !important; height: auto !important;}


#references .two_cols table{
	width: 100%;
}

#references .two_cols .ref{
	width: 33%;
	text-align: center;
	vertical-align: middle;


}

#references .two_cols .ref {text-align: center; width: 33%; margin-top: -15px; margin-bottom: -15px}
#references .two_cols .ref img{
/*	
	vertical-align:middle;
	max-width: 110px !important;
	width: 100%;
*/
width: 85%;
/*
	height: auto !important;
	max-height: 60px;
*/
}

.two_cols {
	width: 600px;
	max-width: 100%; 
	float: left;
	margin: 16px 32px 32px 32px;
}

.mobile .two_cols {
	width: 96%;
	margin: 2%;
 }


footer{
background:#A0A0A0;
margin-top:40px;
padding-top:40px;
font-size: 11px
}

footer .logo_footer{
width:60px;
}