body{font-family:'Open Sans',sans-serif}
h1,h2,h4{font-family:'Open Sans',sans-serif;font-weight:700}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body,html{margin:0;padding:0;height:100%}
body{font-weight:400;font-size:16px;line-height:20px;color:#212529;background-color:#fff;word-spacing:normal;letter-spacing:normal}
.wrapper{min-height:100%;position:relative}
h4{font-weight:700}
h1{font-size:2.5rem;font-weight:400}
h2{font-size:2.1rem;font-weight:400;padding-top:20px;}
h4{font-size:1.3rem}
p{margin-bottom:0}
.mentions{font-size:10px;line-height:11px}
.helper{border:1px solid #000;position:fixed;color:#000;font-size:12px;line-height:12px;top:0;left:0;z-index:999;background-color:#fff;width:20px;height:20px;display:inline-block;overflow:hidden;transition:all .3s ease-out;text-align:left}
.helper:hover{width:250px;height:auto}
.helper>span.responsive-indic{cursor:pointer;font-size:12px;line-height:14px}
.helper>span.responsive-indic::after{display:inline-flex;align-items:center;justify-content:center;height:20px;width:20px;font-weight:700;background-color:#ff0;z-index:999;content:'xl'}

.bg{background: url('../images/cfo.png') no-repeat;background-size: cover; min-height:780px }
.bg-2{background-color: #E9E9E9}
.bg-3{background: url('../images/quote-2.png') left top no-repeat;padding:95px 0;}


.temoignage{font-size:1.4em;line-height:35px;padding-bottom:10px;text-align:left}
.temoignage-p{text-align: left}
.temoignage-f{text-align: left;font-size:1.2em;padding-top:10px;font-style: italic}
@media (max-width:1239.98px){.helper>span.responsive-indic::after{content:'md'}}

@media (max-width:799.98px){.helper>span.responsive-indic::after{content:'sm'}}

@media (max-width:319.98px){.helper>span.responsive-indic::after{content:'xs'}
}

.helper>ul{padding:10px;width:250px;font-size:14px;line-height:16px}
.container.main-color a:not(.btn),.zone.main-color a:not(.btn),section.main-color a:not(.btn){color:inherit}
.container.main-color,.zone.main-color,section.main-color{background-color:#2B4262;color:#212529}
.zone{padding:15px}

@media (max-width:799.98px){.row{margin:1em 0}}

@media (max-width:799.98px){.hidden-sm-down{display:none!important}}

@media (min-width:800px){
	.hidden-md-up{display:none!important}}
.btn{text-transform:uppercase;font-weight:700;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;cursor:pointer}
.btn:hover{color:#fff!important}
footer.container .btn{color:#fff}
body{color:#332c2e;font-family:'Open Sans',sans-serif;font-weight:400;font-size:18px;line-height:24px}
body h1{font-family:'Open Sans',sans-serif;font-weight:700;font-size:28px;line-height:40px;text-transform:uppercase}
body h1 strong{font-weight:800;font-size:45px;line-height:61px}

@media (max-width:799.98px){
	body h1{font-size:20px;line-height:30px}
	body h1 strong{font-size:38px;line-height:50px}
}
body .cta-header{font-size:19px;color:#fff;text-transform:none;background-color:rgba(255,255,255,.35);padding:12px 25px}
body .cta-header:hover{background-color:rgba(255,255,255,.45)}

@media (max-width:799.98px){body .cta-header{font-size:16px;padding:12px 15px;min-width:160px}}body .cta-form{font-size:19px;color:#fff;text-transform:none;background-color:#fdbe4c;padding:12px 25px;min-width:140px}body .cta-form:hover{background-color:#fdbe4c}

@media (max-width:799.98px){body section.header-wrapper .container{padding:0}body section.header-wrapper .container .row{margin:10px 0}body section.header-wrapper .container .row div+div{padding-left:0}}
body section.d-block .container .row .gauche ul{padding-left:28px}body section.d-block ul li{list-style-position:outside;list-style-image:url(../images/puce-30.png);margin:0px 0 10px 25px;padding-left:0px;vertical-align: middle}

@media (max-width:799.98px){
	body section.d-block .container .row .gauche ul li{margin:10px 0}
}
body section .container .row1 .droite .zone.entete{background-color:#2e9f97;color:#fff}
body section .container .row1 .droite .zone.entete strong:first-child{font-size:20px;line-height:30px;font-family:'Open Sans',sans-serif;font-weight:700}
body section .container .row1 .droite .zone.entete strong+strong{font-size:16px;line-height:30px;font-weight:500;text-transform:uppercase;font-family:'Open Sans',sans-serif}
body section .container .row1 .droite .zone.hide-on-success{background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.07);padding:40px 30px 5px 30px;margin-bottom:-230px!important}
body section .container .row1 .droite .zone.hide-on-success form>.row1>div>div label{/*font-size:16px;margin-bottom:8px*/}
body section .container .row1 .droite .zone.hide-on-success form>.row1>div>div label.error{line-height:15px;font-size:12px}
body section .container .row1 .droite .zone.hide-on-success form>.row1>div>div input,body section .container1 .row1 .droite .zone.hide-on-success form>.row1>div>div textarea{border:1px solid #C8C8C8;border-radius:0.5em}
body section .container .row1 .droite .zone.hide-on-success form>.row1>div>div, input[type="text"],input[type="activite"],input[type="tel"],input[type="email"],input[type="cp"]{height:40px}
body section .container .row1 .droite .zone.hide-on-success form>.row1>div>div textarea{font-size:18px}
body section .container .row1 .droite .zone.hide-on-success form>.row1 .mentions{font-size:12px;line-height:14px}
body section .container .row1 .droite .zone.hide-on-success form>.row1 .mentions a{color:#332c2e}
body section .container .row1 .droite .zone.show-on-success{background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.07);border:none;border-radius:0;color:#332c2e;text-align:center;padding:60px 40px}
body section .container .row1 .droite .zone.show-on-success h2{font-family:'Open Sans',sans-serif;font-weight:700;font-size:34px}
body section .container .row1 .droite .zone.show-on-success p{font-size:18px}

@media (max-width:799.98px){
	body section .container .row1 .droite .zone.entete strong:first-child{font-size:18px;line-height:28px;font-family:'Open Sans',sans-serif;font-weight:700}
	body section .container .row1 .droite .zone.entete strong+strong{font-size:15px;line-height:20px;margin-top:5px}
	body section .container .row1 .droite .zone.hide-on-success{padding:10px 15px 15px 15px!important;margin-bottom:0!important}
	body section .container .row1 .droite .zone.hide-on-success form>.row1{margin:0}
	body section .container .row1 .droite .zone.hide-on-success form>.row1>div.col-md-6:first-child>div{padding-left:0}
	body section .container .row1 .droite .zone.hide-on-success form>.row1>div.col-md-6:last-child>div{padding-right:0}
	body section .container .row1 .droite .zone.hide-on-success form>.row1>div.col-md-12>div{padding-left:0;padding-right:0}
	body section .container .row1 .droite .zone.show-on-success{background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.07);border:none;border-radius:0;color:#332c2e;text-align:center;padding:60px 35px}
	body section .container .row1 .droite .zone.show-on-success h2{font-family:'Open Sans',sans-serif;font-weight:700;font-size:34px}
	body section .container .row1 .droite .zone.show-on-success p{font-size:18px}
}

body section.rea .container{padding:150px 0}
body section.rea .container .row .col-md-3 img+p{font-weight:600;font-size:20px;line-height:30px;color:#fff;margin-top:30px!important}
body section.rea .container .row .col-md-3 p+p{font-size:18px;line-height:30px;color:#fff;margin:0!important}

@media (max-width:799.98px){
	body section.rea .container{padding:30px 0}
	body section.rea .container .row .col-md-3 img+p{line-height:24px;margin-top:15px!important}
	body section.rea .container .row .col-md-3 p+p{font-size:18px;line-height:30px;color:#fff;margin:0!important}
}

body section.footer-wrapper{background-color:#1d304f;margin-top:80px;}
body section.footer-wrapper .container .row>div div{color:#fff;font-size:18px;line-height:24px}
body section.footer-wrapper .container .row>div span{color:#fff;font-size:18px;text-decoration:underline}

@media (max-width:799.98px){
	/*body section.bg{height:auto;background-size:cover;background-position:20% 0%}*/
}


#video {min-height:650px;}


@media (max-width:959.98px){#video {min-height:450px;}body section.bg{background-size:auto;background-position:center}}

@media (max-width:799.98px){#video {min-height:400px;}body section.bg{background-size:cover;background-position:center}}

@media (max-width:499.98px){#video {min-height:350px;}}

.flexblock {flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	
display: flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
align-items: center;	
-webkit-align-items:center;
justify-content: space-around;
-webkit-justify-content: space-around;}

.bloc-titre {background: url(../images/filtre.png) repeat;padding:10px;}
.slogan, .titre {color:#ffffff}
.titre {font-size:1.8em;padding:5px 0; line-height: 35px }
.slogan {font-size:1.2em;padding:5px 0; }
 
.zgau{float:left;width: 100%}
.petit{font-size:14px;padding:0 30px}

.checkbox, .radio {}
.checkbox label{} 
.radio label{padding-right:20px;padding-left:0px;margin-right:20px;}
.labciv{width: 30px;font-size: 14px;}
label{font-weight: normal}

.row1{display:flex;width:100%;flex-wrap: wrap;max-width: 1200px;margin-left: auto;margin-right: auto;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
justify-content: space-between;
-webkit-justify-content: space-between;}

.listeU {display:flex;width:100%;flex-wrap: wrap;max-width: 1200px;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: column;
-webkit-flex-direction:column;	
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */ 
justify-content: space-around;
-webkit-justify-content: space-around;font-size:18px;margin-left:0;padding-left:0}
li::marker {
  display: inline-block;
  vertical-align: middle;
}


.carousel-inner{width:100%;}
.carousel-inner .item {width:100%;padding:2% 10%;text-align: center;min-height:300px; }
.carousel-inner .item-titre {font-size:1.2em;font-weight: 600;padding:5px 0 }
.carousel-inner .item-desc {padding-bottom:20px; }
.carousel-control{opacity:1;text-shadow: none;color:#F7AE23 }
.carousel-control:hover{color:#AC750D }

.carousel-control.right, .carousel-control.left{background: none}
.carousel-indicators li { 
    border: 1px solid #A8A8A8; 
}
.carousel-indicators .active { 
    background-color: #A8A8A8;
}

@media (max-width:1200px){
.row1{ max-width:90%;margin-left: auto;margin-right: auto}
}

@media (max-width:768px){
.row1{flex-wrap: wrap;max-width:100%;}
}

@media (max-width:499.98px){
	.listeU {font-size:16px;}

	.col-sm-6 {
		flex:0 0 100%;
		max-width:100%;
	}
	
	.titre {font-size:1.6em;padding:10px 0;  }
	.slogan {font-size:1.1em;padding:10px 0; }
	
	.temo-img img {width:100%;height: auto}
	
}

@media (min-width: 320px) {

	.container {
		/* max-width:100%; */
	}
}