/* ### Reset.css ### */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}
/* ### Reset.css ### */

/* ### Font style ### */
@font-face {font-family: BebasNeue;src: url(font/BebasNeueRegular.otf);}
@font-face {font-family: BebasNeueLight;src: url(font/BebasNeueLight.otf);}
@font-face {font-family: BebasNeueBold;src: url(font/BebasNeueBold.otf);}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, ul, li, p{margin:0;}
h1, .h1{font-size:2.813em;}
h2, .h2{font-size:1.438em;font-family:Arial, Helvetica, sans-serif;}
h3, .h3{font-size:2.000em;}
h4, .h4{font-size:1.750em;}
h5, .h5{font-size:1.688em;}
h6, .h6{font-size:1.250em;}
.txt_contact{font-size:1.563em;}
p{font-family:Arial, Helvetica, sans-serif;}

body{font-family:BebasNeue;color:#343536;font-size:1.000em;}
/* ### Font style ### */



/* ### Header ### */

header .top{margin-top:20px;margin-bottom:22px;}
header .top img{margin-left:auto;margin-right:auto;display:block;}

header .posLogo{position:relative;}
header .posLogo .logod{position:absolute;z-index:10;margin-left: auto;margin-right: auto;left: 0;right: 0;}
header .posLogo .logod img{margin-left: auto;margin-right: auto;display:block;}


header .slider{padding-left:0px;padding-right:0px;}
header .slider img{width:100%;}

.txtgris{background:#dad9d8;padding:30px 20px 40px;text-align:center;margin-bottom:20px;}
.txtgris .h1{margin-top:22px;margin-bottom:6px;color:#199dac;}
.txtgris .h2{margin-top:6px;margin-bottom:24px;}

.merci .txtnoir{margin-bottom:2px;}
.txtnoir{text-align:center;background:#343536;padding:30px 20px 40px;margin-bottom:20px;}
.txtnoir.infoImportante{padding:30px 20px 40px;}
.txtnoir h2, .txtnoir h4, .txtnoir h5, .txtnoir h6{font-family: BebasNeueBold;color:#ebb535;}
.txtnoir p, .txtnoir h1{font-family:Arial, Helvetica, sans-serif;color:#dad9d8;font-size:1.438em;color:#FFF;}
.txtnoir h3{color:#199dac;}

/* ### Header ### */

/* ### Main ### */

.main{margin-top:33px;}
.main .top{margin-bottom:43px;}
.main .top h3{color:#199dac;font-family:BebasNeueBold;}
.main .top .gauche{}
.main .top .gauche ul li{margin-bottom:16px;}

.main .top .droite{}
.main .top .droite .form{}
.main .top .droite .form h3{font-family: BebasNeueLight;}
.main .top .droite .form h3 span{font-family: BebasNeueBold;}
.main .top .droite .form form{font-family:Arial, Helvetica, sans-serif;margin-top:16px;}
.main .top .droite .form form div.info {width:100%;display:block;height:27px;margin-bottom:16px;}
.main .top .droite .form form div.g-recaptcha{width:100%;display:block;margin-bottom:16px;height:auto;}
.main .top .droite .form form div.g-recaptcha > div{width:100% !important;}
.main .top .droite .form form div.g-recaptcha iframe{width:100% !important;}
.main .top .droite .form form label{font-size:1em;width:25%;float:left;height:inherit;}
.main .top .droite .form form input[type="text"], .main .top .droite .form form input[type="tel"]{width:75%;float:left;border:none;background:#dad9d8;height:inherit;padding-left:10px;}
.main .top .droite .form form .textarea label{width:100%;}
.main .top .droite .form form .textarea textarea{width:100%;border:none;background:#dad9d8;height:92px;margin-top:5px;}
.main .top .droite .form form input[type="submit"], .submit-button{background:#199dac;border:none;color:#dad9d8;font-family: BebasNeueBold;font-size:2.000em;padding:11px 12px;height:46px;margin-top:12px;}
.main .top .droite .form form input[type="submit"]:hover, .submit-button:hover{background:#dad9d8;color:#199dac;}

.submit-button2{background:#199dac;border:none;color:#dad9d8;font-family: BebasNeueBold;font-size:2.000em;padding:11px 12px;height:46px;margin-top:12px;display:inline-block;margin-bottom:25px;}

.colorChoice li{float:left;}
.colorChoice img{width:70px;margin:10px;}

.accordion {
  margin:10px 0px;
  background-color: #ebb535;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1em;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ebb535;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* ### Main ### */

/* ### Main-bottom ### */
.main-bottom{margin-top:16px;}
.main-bottom .avantapres{margin-bottom:21px;}
.main-bottom .avantapres p{color:#ebb535;text-transform:uppercase;text-align:center;}
.main-bottom .avantapres div{width:40%;max-height:429px;overflow:hidden;}
.main-bottom .avantapres div img{width:100%;height:auto;}
.main-bottom .avantapres div:first-child{float:left;margin-left:70px;}
.main-bottom .avantapres div:last-child{float:right;margin-right:70px;}
.main-bottom .avantapres img{}

.main .avantage h3{color:#000;}
.main-bottom .avantage h3, .main .avantage h3{font-family: BebasNeueBold;padding:11px 32px;display:inline-block;margin-left:-15px;}
.main-bottom .avantage h3 span, .main .avantage h3 span{font-family: BebasNeueLight;}
.main-bottom .avantage p, .main .avantage p{margin:10px 0;}
.main-bottom .avantage .av, .main .avantage .av{display:inline-block;}
.main-bottom .avantage .av h3,.main-bottom .avantage .av4 h3, .main .avantage .av h3,.main .avantage .av4 h3{background:#199dac;}
.main-bottom .avantage .av2 h3,.main-bottom .avantage .av3 h3,.main-bottom .avantage .av5 h3, .main .avantage .av2 h3,.main .avantage .av3 h3,.main .avantage .av5 h3{background:#ebb535;}

.form .av{margin-bottom:45px;}
.newh5{font-family: BebasNeueBold !important;
padding: 11px 32px;
display: inline-block;
margin-left: -15px;
background: #ebb535;
color: #000 !important;
font-size: 1.688em;
margin-bottom:15px;
}

.main-bottom .bot strong{font-family: BebasNeueBold;font-size:23px;}
/* ### Main-bottom ### */

/* ### Footer ###*/
.merci footer{margin-top:0px;}
.merci footer .contact{margin-top:0px;}
footer {margin-top:15px;}
footer .tableau h3{width:100%;margin-left:-15px;background:#199dac;padding:11px 32px;margin-bottom:15px;font-family: BebasNeueBold;}
footer .tableau table{width:100%;}
footer .tableau table tr{}
footer .tableau table tr th{font-family: BebasNeueBold;font-size:1.750em;}
footer .tableau table tr td:first-child{font-weight:bold;}
footer .tableau table tr td{font-family:Arial, Helvetica, sans-serif;padding:10px 0px;}

footer .contact{background:#343536;color:#ebb535;text-align:center;padding:10px 20px 11px;margin-top:38px;}
footer .contact a{color:#ebb535;white-space: nowrap;}
footer .contact h2{font-family: BebasNeueBold;line-height:36px;margin:10px 0 11px;}
footer .contact h2 span{font-family: BebasNeueLight;}
footer .contact h2 span.icnPhone{text-indent:-99999999px;display:inline-block;width:34px;height:34px;background:url('images/phone.png') center center no-repeat;}
footer .contact .scah{width:20%;display:inline-block;}

/* ### Footer ###*/

.clear{clear:both;padding:0px !important;margin:0px !important;height:0px !important;}

.fancybox-title-over{width:100% !important;}
/* ### Responsive ### */

@media screen and (max-width: 640px) {
	.main-bottom .avantapres div:first-child{margin-left: 6%;}
	.main-bottom .avantapres div:last-child{margin-right: 6%;}
	.main-bottom .avantapres div{max-height:276px;}
	footer .contact .scah{width:50%;}
	
	.main .top .droite .form h3{font-family: BebasNeue;}
	.main-bottom .avantage h3 span{font-family: BebasNeue;}
	footer .contact h2 span{font-family: BebasNeue;}

}
@media screen and (max-width: 480px) {
	header .top img{width:100%;}
	header .bot.txtnoir{position:relative;}
	header .bot.txtnoir > div{position:relative;z-index:20;}
	header .bot.txtnoir:before{background: #343536;width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:10;content:"";opacity: 0.6;}
	header .bot.txtnoir:after{background:url('images/droulement_membrane.jpg');content:"";width:100%;height:100%;position:absolute;top:0;left:0;display:block;z-index:1;background-size:cover;}
	.main .top .droite .form form label{width:40%;}
	.main .top .droite .form form input[type="text"],.main .top .droite .form form input[type="tel"]{width:60%;}
	.main-bottom .container div{margin-bottom:15px;}
	.main-bottom .avantapres div{width:50%;}
	.main-bottom .avantapres img{width:209px;height:218px;}
	
	.main-bottom .avantapres div:first-child{margin-left:0px;}
	.main-bottom .avantapres div:last-child{margin-right:0px;}
	.main-bottom .avantapres div{max-height:256px;}
	header .posLogo .logod{width:100%;left:0px;position:relative;}
	header .posLogo .logod img{width:100%;}
	header .slider{display:none;}
	.colorChoice li {width:33%;}
	.submit-button2{font-size: 26px;}

}
@media screen and (max-width: 479px) {
	footer .tableau table tr th:last-child, footer .tableau table tr td:last-child{display:none;}
	.main-bottom .avantapres div{width:100%;}
	.main-bottom .avantapres img{width:100%;height:auto;}
	footer .tableau table{font-size:13px;}

}
@media screen and (max-width: 360px){
	footer .contact h2 img{display:none;}
	header .bot.txtnoir::after {background-repeat: no-repeat;background-position: -272px 0;}

}