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

/* Corrections spécifiques à l'identification du partenaire */

.select-wrapper {
	/* display:inline-block;    */
	/* width: 48.9%;            */
	/* margin: 0 .25em 0 0;     */
	width: 49%;
}

select {
	width: 100% !important;
}


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

.invisible, form h2 {
    display: none !important;
}

@font-face {
    font-family: 'DINRegular';
    src: url('/fr/v2/fonts/dinr____-webfont.eot');
    src: url('/fr/v2/fonts/dinr____-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fr/v2/fonts/dinr____-webfont.woff') format('woff'),
         url('/fr/v2/fonts/dinr____-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/dinr____-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINMedium';
    src: url('/fr/v2/fonts/dinm____-webfont.eot');
    src: url('/fr/v2/fonts/dinm____-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fr/v2/fonts/dinm____-webfont.woff') format('woff'),
         url('/fr/v2/fonts/dinm____-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/dinm____-webfont.svg#DINMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINBoldRegular';
    src: url('/fr/v2/fonts/din-bold-webfont.eot');
    src: url('/fr/v2/fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fr/v2/fonts/din-bold-webfont.woff') format('woff'),
         url('/fr/v2/fonts/din-bold-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/din-bold-webfont.svg#DINBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueMediumCond';
    src: url('/fr/v2/fonts/hlmc___-webfont.eot');
    src: url('/fr/v2/fonts/hlmc___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fr/v2/fonts/hlmc___-webfont.woff') format('woff'),
         url('/fr/v2/fonts/hlmc___-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/hlmc___-webfont.svg#HelveticaNeueMediumCond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueBoldCond';
    src: url('/fr/v2/fonts/helveticaneue-boldcond-webfont.eot');
    src: url('/fr/v2/fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fr/v2/fonts/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('/fr/v2/fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/helveticaneue-boldcond-webfont.svg#HelveticaNeueBoldCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLightCond';
    src: url('/fr/v2/fonts/helveticaneue-lightcond-webfont.eot');
    src: url('/fr/v2/fonts/helveticaneue-lightcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fr/v2/fonts/helveticaneue-lightcond-webfont.woff') format('woff'),
         url('/fr/v2/fonts/helveticaneue-lightcond-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/helveticaneue-lightcond-webfont.svg#HelveticaNeueLightCond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack';
    src: url('/fr/v2/fonts/lato-black-webfont.eot');
    src: url('/fr/v2/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('/fr/v2/fonts/lato-black-webfont.woff') format('woff'),*/
         url('/fr/v2/fonts/lato-black-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('/fr/v2/fonts/lato-bold-webfont.eot');
    src: url('/fr/v2/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('/fr/v2/fonts/lato-bold-webfont.woff') format('woff'),*/
         url('/fr/v2/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('/fr/v2/fonts/lato-light-webfont.eot');
    src: url('/fr/v2/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('/fr/v2/fonts/lato-light-webfont.woff') format('woff'),*/
         url('/fr/v2/fonts/lato-light-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('/fr/v2/fonts/lato-regular-webfont.eot');
    src: url('/fr/v2/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../font/lato-regular-webfont.woff') format('woff'),*/
         url('/fr/v2/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('/fr/v2/fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: EncodeSans-Thin;
    font-style: normal;
    font-weight: normal;
    src: url("/fr/v2/fonts/EncodeSans-Thin.eot");
    src: url("/fr/v2/fonts/EncodeSans-Thin.eot?#iefix") format("embedded-opentype"), /*url("../fonts/EncodeSans-Thin.otf") format("opentype"), url("../fonts/EncodeSans-Thin.woff2") format("woff2"), url("../fonts/EncodeSans-Thin.woff") format("woff"),*/ url("/fr/v2/fonts/EncodeSans-Thin.ttf") format("truetype"), url("/fr/v2/fonts/EncodeSans-Thin.svg#wf") format("svg");
}

@font-face {
    font-family: EncodeSans-Medium;
    font-style: normal;
    font-weight: normal;
    src: url("/fr/v2/fonts/EncodeSans-Medium.eot");
    src: url("/fr/v2/fonts/EncodeSans-Medium.eot?#iefix") format("embedded-opentype"), /*url("../fonts/EncodeSans-Medium.otf") format("opentype"), url("../fonts/EncodeSans-Medium.woff2") format("woff2"), url("../fonts/EncodeSans-Medium.woff") format("woff"),*/ url("/fr/v2/fonts/EncodeSans-Medium.ttf") format("truetype"), url("/fr/v2/fonts/EncodeSans-Medium.svg#wf") format("svg");
}


h1, .dinbold { font-family: 'DINBoldRegular'; font-weight:normal; }
/*#submit,*/ .dinmedium, h2 { font-family: 'DINMedium'; font-weight:normal; }
.dinregular  { font-family: 'DINRegular'; font-weight:normal; }

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

#documentation {
    position: relative;
    background: #f9f9f9;
    height: 195px;
    margin: 0 0 20px 0;
    color: #666;
    font-size: 11px;
}

#documentation { position:relative; background:#f9f9f9; height:195px; margin:0 0 20px 0; color:#666; font-size:11px; }
#documentation .fl { width:410px; padding:20px 0 0 40px; }
#documentation .pdf { background:url("/fr/v2/landing/partenariats/201308-appext/img/application-pdf.png") left top no-repeat; padding:0 0 2px 20px; color:#666; text-decoration:underline; line-height:18px; padding-top:2px; }
#documentation .video { background:url("/fr/v2/landing/partenariats/201308-appext/img/picto-video.png") left top no-repeat; padding:0 0 2px 20px; color:#666; text-decoration:underline; line-height:30px; padding-top:2px; }
#documentation .pdf:hover, #documentation .video:hover { text-decoration:none; }

#documentation h3 {
    font-size: 16px;
    color: #555;
    letter-spacing: -1px;
    border-bottom: 1px solid #CCCCCC;
    margin-right: 30px;
    padding-bottom: 5px;
}
#documentation h1, #documentation h3, .dinregular {
    font-family: 'DINRegular';
    font-weight: normal;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#111;
background:#F0F0EE;
margin:0px;
padding:0px;
border-top: 3px solid #314788;
}
#header { position:relative; height:90px; margin:25px 0 15px 0; }
#logo-reseau { position: relative; margin:0 0 10px 0; float:left; width:350px; }
#logo-reseau img { float:left; }
#pv { color:#314788; font-size:20px; font-weight:bold; float:right; margin:8px 0 0 0; }
.proVol{}
#logo_cmpv { float:left; }
.clear { clear:both; line-height:1px; height:1px; margin:0; padding:0; }
.fr { float:right; }
.fl { float:left; }
h1 { font-size:18px; color:#444444; margin:5px 0 15px 0; float:left; text-transform:uppercase; letter-spacing:-1px; clear:both; }
h2 {
    font-size: 16px;
    color: #314788;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 15px 0 5px 0;
    font-family: EncodeSans-Medium;
    font-weight: 500;
    padding-bottom: 20px;
}
h3 { font-size:16px; color:#111; }
.small { font-size:11px; color:#ababab; }
label{ font-size:12px; font-family: EncodeSans-Medium; }
.proVol {
    font-size: 26px;
    font-family: EncodeSans-Thin;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 25%;
}
#banniere{
    background: url("../img/banniere.png");
    height: 285px;
    margin-bottom: 50px;
    background-size: cover;
    background-position: center;
}

#banniere-promo {
    background: url(../img/banniere.png);
    height: 285px;
    margin-bottom: 50px;
    display: inline-block;
    width: 75%;
    float: left;
    background-position: center;
    background-size: cover;
}
div#promo {
    background-color: #f29120;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 25%;
    height: 285px;
}

.promo{
    font-family: EncodeSans-Medium;
    font-size: 20px;
    padding: 45px 0;
}

.big{
    font-size: 32px;
}

.offre-special{
    color: #f29120;
    font-family: EncodeSans-Medium;
    background-color: #fff;
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
    padding: 10px 0;
}

.duree{
    font-size: 18px;
    font-family: EncodeSans-Thin;
}

#featured-content #formulaire {
    width: 700px;
    
    float: left;
}
#featured-content #pdf_video {
    display: inline-block;
    padding-left: 40px;
    width: 365px;
}

#etape2 { position:relative; }
#retour { cursor:pointer; position:absolute; top:4px; right:4px; }

.input_wrapper { margin: 3px 25px 5px 0; display: inline-block; position: relative; float:left; /*background:url(../img/input-bg.png) top left no-repeat;*/ width:47%; height:33px; border:1px solid #ccc; }

.input_wrapper_disabled { background:#eee; }

.input_wrapper input.contact_form {
	color: #433c2c;
	font-size: 12px;
	text-align: left;
	line-height: 1.0em;
	margin: 4px;
	border: none;
	outline: none;
	background: transparent;
	position: absolute;
	line-height: 28px\9;
	left: 0;
	top: 0;
	width: 96%;
	height: 26px;
	padding: 0 9px;
}

.input_wrapper textarea.contact_form {
    color: #433c2c;
    font-size: 12px;
    text-align: left;
    line-height: 1.0em;
    margin: 4px;
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    line-height: 28px\9;
    left: 0;
    top: 0;
    width: 96%;
    height: 61px;
    padding: 6px 9px;
}

.input_wrapper input.contact_form_disabled { color:#999; }
.input_wrapper label { color: #666;	font-size: 12px; text-align: left; line-height: 35px; margin: 4px; padding: 0 9px; }
.input_wrapper label.error, .select_wrapper label.error { color: #666; font-size: 12px; text-align: left; line-height: 35px; margin: 4px; padding: 0 9px; background:none; }

.radio_wrapper { margin: 6px 0 6px 2px; display: inline-block; position: relative; float:left; color:#444; }
.radio_wrapper input.radio { margin:0; width:auto; background:none; border:none; }

.select_wrapper { margin: 4px 25px 8px 0; display: inline-block; position: relative; float:left; height:26px; /*background:url(../img/input-bg.png) top left no-repeat;*/ padding:7px 0 0 10px; width:45.6%; border:1px solid #ccc;  }
.select_wrapper label { float:left; width:223px; margin:9px 11px 0 0; color:#fff; text-align:right; }
.select_wrapper select { float:left; width: 315px; /*height: 26px;*/; border:none; background:#fff; padding-top:2px; color:#666; font-family: EncodeSans-Medium; }
.select_wrapper select .select_option { color: #433c2c; }

.input_wrapper_last, .select_wrapper_last { margin-right:0; }
 
div.error { /*background:url(../img/input-bg.png) bottom left no-repeat;*/ border:1px solid #cc0000; }

input#submit { padding:10px 40px 9px 39px; margin:15px 0 0 0; font-size:12px; font-family: EncodeSans-Medium; clear:both; }

#landing-error, label.des-error { font-size:12px; color:#000; font-weight:bold; padding: 3px 0 2px 2px; }

p.puce { background:url(../img/puce.png) left center no-repeat; padding-left:10px; list-style:none; }
ul.puce { margin:0; padding:0; margin-left:12px; }
ul.puce li { font-size:12px; background:url(../img/puce.png) left 4px no-repeat; padding-left:10px; list-style:none; }


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

#wrapper{ position:relative; width:1200px; margin:15px auto 20px auto; }
.demi-colonne { width:469px; float:left; }
/*.demi-colonne:nth-of-type(1) { margin-right:20px; }*/
#featured { 
position:relative; padding:45px; margin:10px 0 25px 0;
background: #fff; /* Old browsers */
}
#featured-content { /*width:600px;*/ }
#featured-content p { color:#444; font-size: 13px; font-family: EncodeSans-Medium; padding-right: 10px; }
#featured-content p.saut { font-size:8px; }
#featured-content p.highlight { font-size:16px; font-weight:bold; }

#offre-speciale {
font-size:13px; 
font-weight:bold;
color:#fad7b0;
padding:12px 15px;
background:#2e71a2;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}

.button-orange {
color:#fff;
font-size:15px;
display:block;
padding:8px 50px 10px 20px;
display: inline-block;
float:left;
cursor: pointer;
line-height:18px;
border:none;
position:relative;
    width: 100%;
background-color: #fd8400; /* Old browsers */
*background-color: #fd8400;
/*background-image: linear-gradient(top, #fd8400 0%, #cb5300 100%);  W3C */
/*background-image: -o-linear-gradient(top, #fd8400 0%, #cb5300 100%);  Opera 11.10+ */
/*background-image: -ms-linear-gradient(top, #fd8400 0%, #cb5300 100%);  IE10+ */
/* background-image: -moz-linear-gradient(top, #fd8400 0%, #cb5300 100%); FF3.6+ */
/*background-image: -webkit-linear-gradient(top, #ffb814 0%, #cb5300 100%);  Chrome10+,Safari5.1+ */
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd8400), color-stop(1, #cb5300));  Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFfd8400,EndColorStr=#FFcb5300); /* IE6-9 */
-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFfd8400,EndColorStr=#FFcb5300); /* IE6-9 */

/*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;

-webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-ms-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
-o-text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
text-shadow: 0 -1px 0 rgba(0,0,0,0.4);*/

/*-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;*/
}


.button-orange.deuxlignes:after {
	position:absolute;
	top:16px;
	right:10px;
	content:url(../img/button_arrow.png);
}
.button-orange.uneligne:after {
	position:absolute;
	top:8px;
	right:10px;
	content:url(../img/button_arrow.png);
}

.button-orange:hover{
background-color: #ed6f25;
*background-color: #ed6f25;
background-image: linear-gradient(top, #ed6f25 0%, #e76e00 100%);
background-image: -o-linear-gradient(top, #ed6f25 0%, #e76e00 100%);
background-image: -ms-linear-gradient(top, #ed6f25 0%, #e76e00 100%);
background-image: -moz-linear-gradient(top, #ed6f25 0%, #e76e00 100%);
background-image: -webkit-linear-gradient(top, #ed6f25 0%, #e76e00 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ed6f25), color-stop(1, #e76e00));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ed6f25,EndColorStr=#e76e00);
-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ed6f25,EndColorStr=#e76e00);

-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset;
}

.tabDetails {
position:relative;
margin:0 0 30px 0;
border:1px solid #e4e4e4;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}
.tabDetails .tabDetails-entete {
padding:1px 20px;
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f3f3 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3f3f3 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}

.tabDetails-content { padding:10px 20px 10px 15px; }
.tabDetails-content .args { float:right; width:300px; margin-right:20px; }

.demi-colonne .tabDetails-content { height:230px; }
.demi-colonne .tabDetails-content img { margin:15px 0 0 6px; }


.tabDetails-content ul { list-style:none; padding:0; }
.tabDetails-content ul li { background:url(../img/puce.png) left 4px no-repeat; padding-left:10px; margin:3px 0; }

.tabDetails-content ul.coche-verte { list-style:none; padding:0; }
.tabDetails-content ul.coche-verte li { background:url(../img/coche_verte.png) top left no-repeat; padding-left:25px; margin:8px 0; }

footer { border-top:1px solid #dedede; clear:both; position:relative;     padding: 10px; }
div.sep { background:#fff; border-top:1px solid #d6d6d6; width:100%; height:1px; margin:20px 0; }
a#voirDemo { /*float:right;*/ }
#content-form-landing { background:#f0f0f0; width:460px; border-top:1px solid #e2006e; border-bottom:1px solid #e2006e; font-size:18px; padding:20px; }
#content-form-landing .champ {float:left; width:50%; margin:3px 0; }
#loader { margin-top:19px; display:none; float:left; }
#loader img { float:left; margin-left:5px; }
#loader p { float:left; text-transform:uppercase; color:#314788; font-size:12px; font-weight:bold; margin:10px 0 0 10px; }
.terms a {
    color: #999;
    text-decoration: none;
}
#sb-wrapper { top:20px !important; }

#plus-infos { float:right; margin:25px; }

#demo-promo { position:relative; background: #4f81bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin:15px 300px 0 0; padding:35px 40px 30px 175px; }
#demo-promo p { font-size:18px; color:#083d7b; margin:0; }

#formulaire { float:left; margin:0; }

.dl_pdf {  position:relative; clear:both; margin:25px 5px 0 0; padding:20px 0 0 0; }
.dl_pdf .pdf { background:url("../img/application-pdf.png") left top no-repeat; background-size: 17px; padding:0 0 8px 28px; color:#555; text-decoration:underline; margin-top:5px; padding-top:5px; width:220px; line-height:20px; font-family: EncodeSans-Medium; font-size: 14px; }
.dl_pdf .pdf:hover { text-decoration:none; }

.infoCourtier { background:#dedede; color:#333; padding:18px 0px; margin:20px 0 0 0; display: inline-block; width: 100%}
/* .infoCourtier:before{ 
    content: url(../img/warning.png);
    position: relative;
    padding: 0 25px;
    top: 10px; 
    }*/
.infoCourtier img{
    float: left;
    position: relative;
    top: 13px;
    padding: 0 25px;
    margin-bottom: 40px;
}    
#voirVideo, #voirDemo {  }
.pre-form{
    font-family: EncodeSans-Thin;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}
.vid{
    width: 100%;
    height: 205px;
}
.commentaire{
    width: 98%;
    height: 80px;
}
.input-comment{
    width: 96%;
}

.textarea-comment{
    height: 71px;
}

.smile{
    position: absolute;
    top: 10%;
    left: 50%;
    margin-left: -45px;
}

.smile-promo {
    position: absolute;
    top: 10%;
    left: 40%;
    margin-left: -45px;
}

.banner-title{
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: 40%;
}

.firt-title {
    font-family: EncodeSans-Medium;
    color: #fff;
    font-size: 34px;
}
.subtitle {
    color: #fff;
    font-family: EncodeSans-Thin;
    font-size: 26px;
}


@media only screen and (max-width:1200px) {

}

@media only screen and (max-width:1024px) {
    #wrapper {
        width: 100%;
    }
    .proVol {
        font-size: 22px;
        padding: 0 30px;
    }
    #banniere {
        height: 285px;
        margin-bottom: 50px;
    }
    #featured-content #formulaire {
        width: 100%;
    }

    .select_wrapper {
        width: 45.7%;
    }
    .select_wrapper select {
        width: 100%;
    }
    .input_wrapper {
        width: 47%;
    }

    .input_wrapper.commentaire {
        width: 97.8%;
    }
    #featured-content #pdf_video {
        padding-left: 0px;
    }
    .smile {
        top: 8%;
    }

    .smile-promo {
        top: 5%;
        left: 40%;
    }
    .promo {
        padding: 25px 0;
    }
}

@media only screen and (max-width:768px) {
    #featured-content #formulaire {
        width: 100%;
    }
    #wrapper {
        width: 100%;
    }
    .select_wrapper {
        width: 45.2%;
    }
    .select_wrapper select {
        width: 100%;
    }
    .commentaire {
        width: 99%;
    }
    .input_wrapper textarea.contact_form {
        width: 94%;
        height: 61px;
    }
    .input_wrapper.commentaire {
        width: 98.9%;
    }
    .smile {
        top: 6%;
    }
    .smile-promo {
        top: 5%;
        left: 50%;
    }
    .banner-title {
        top: 30%;
    }
    #banniere {
        background: url(../img/banniere-small.jpg);
        background-position: center;
    }


    #banniere-promo {
        background: url(../img/banniere.png);
        height: 285px;
        margin-bottom: 0px;
        display: inline-block;
        width: 100%;
        background-position: center;
    }
    div#promo {
        width: 100%;
        height: 260px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:600px) {
    #wrapper {
        width: 100%;
    }
    .input_wrapper {
        width: 100%;
    }
    .select_wrapper {
        width: 97.5%;
    }
    .input_wrapper.commentaire {
        width: 100%;
    }
    #featured-content #pdf_video {
        padding-left: 0px;
        width: 100%;
    }
}

@media only screen and (max-width:480px) {
    #wrapper {
        width: 100%;
    }
    .input_wrapper {
        width: 100%;
    }
    .select_wrapper {
        width: 98.3%;
    }
    .input_wrapper.commentaire {
        width: 100%;
    }
}

input[type="text"], input[type="tel"], input[type="email"] {
    color: #433c2c;
    font-size: 12px;
    text-align: left;
    line-height: 1.0em;
    border:1px solid #c3c3c3;
    outline: none;
    background: transparent;
    line-height: 28px\9;
    left: 0;
    top: 0;
    width: 46%;
    height: 37px;
    padding: 0 9px;
    margin-bottom: 12px;
}

select{
    color: #433c2c;
    font-size: 12px;
    text-align: left;
    line-height: 1.0em;
    border:1px solid #c3c3c3;
    outline: none;
    background: transparent;
    line-height: 28px\9;
    left: 0;
    top: 0;
    width: 49%;
    height: 37px;
    padding: 0 9px;
    margin-bottom: 12px;
}
.radio-group {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 10px;
}

#I0\:panelContactFullEmailAppExt\.B{
    color: #fff;
    display: block;
    padding: 10px 35px 9px 35px;
    display: inline-block;
    float: left;
    cursor: pointer;
    line-height: 18px;
    border: none;
    position: relative;
    background: #ed6f25;
    width: 99.6%;
}

.eps-formsStyle-submitBtn{
    padding: 10px 35px 9px 35px;
    margin: 10px 0 0 2px;
    clear: both;
    font-size: 12px;
    font-weight: bold;
    width: 250px;
}

textarea {
    color: #444;
    font-size: 12px;
    text-align: left;
    line-height: 1.0em;
    border: 1px solid #ddd;
    outline: none;
    background: transparent;
    line-height: 28px\9;
    left: 0;
    top: 0;
    width: 95.3%;
    height: 55px;
    padding: 7px 9px;
}

input#I0\:panelContactFullEmailAppExt\.p3, input#I0\:panelContactFullEmailAppExt\.p4{
    background-color: #ebebeb;
}

#I0\:panelContactFullEmailAppExt\.raison-socialeDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.surfaceDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.prestataireDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.activiteDnfta{display: none;}
#I0\:panelContactFullEmailAppExt\.equipeDnfta{display: block;}
#I0\:panelContactFullEmailAppExt\.p1{display: none;}
#I0\:panelContactFullEmailAppExt\.p2{display: none;}
#I0\:panelContactFullEmailAppExt\.p3{display: none;}
#I0\:panelContactFullEmailAppExt\.p4{display: none;}

label#I0\:panelContactFullEmailAppExt\.L4 a{
    color: #999;
}
label#I0\:panelContactFullEmailAppExt\.L4 {
    font-size: 12px;
}

span#I0\:panelContactFullEmailAppExt\.typeClient\:span{}

.blocmsg.err, .blocmsg.err p {
    color: red !important;
}

.highlighted{
    background-color: #d9d9d9;
    padding: 10px;
    transition: background-color 1s linear; 
   -moz-transition: background-color 1s linear;  
   -webkit-transition: background-color 1s linear; 
   -ms-transition: background-color 1s linear; 
    transition: padding 1s linear;
}
.de-highlighted{
    padding: 0px;
    transition: padding 1s linear;
}

@-o-keyframes fadeIt {
  0%   { background-color: #F0F0EE; }
  50%  { background-color: #FFFFFF; }
  100% { background-color: #F0F0EE; }
}
@keyframes fadeIt {
  0%   { background-color: #F0F0EE; }
  50%  { background-color: #FFFFFF; }
  100% { background-color: #F0F0EE; }
}

.backgroundAnimated{
    padding: 5px;
    background-image:none !important; 
         -o-animation: fadeIt 5s ease-in-out; 
            animation: fadeIt 5s ease-in-out;
    transition: padding 1s linear; 
}


/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0, 0, 0, 0.69);
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal_perso {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 101;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    /* margin: auto; */
    padding: 30px;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

    text-align: justify;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-content-perso {
    position: relative;
    background-color: #fefefe;
    /* margin: auto; */
    padding: 30px;
    border: 1px solid #888;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

    text-align: justify;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px; font: 15px/1.4 'EncodeSans-Thin', sans-serif; color: #000;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

#politique_cookie{
    text-decoration: underline;
}

button#personnaliser {
    background-color: #ffffff;
    border: none;
    color: #767676;
    cursor: pointer;
    font-family: 'Carnas';
    font-size: 0.9em;
    font-weight: 300;
    margin-bottom: 0;
    padding: 15px;
    transition: background-color 0.25s;
    margin-top: 0;
}

button#personnaliser:hover {
    color: #ed6f25;
}

button#AcceptAll {
    background-color: #ed6f25;
    border: 1px solid #ed6f25;
    color: #fff;
    cursor: pointer;
    font-family: 'Carnas';
    font-size: 1em;
    margin-bottom: 0;
    padding: 10px;
    text-transform: uppercase;
    transition: background-color 0.25s;
    width: 80px;
    margin-top: 0;
    margin-left: 20px;
    font-weight: bold;
}

button#AcceptPerso {
    
    background-color: #ed6f25;
    border: 1px solid #ed6f25;
    color: #000;
    cursor: pointer;
    font-family: 'Carnas';
    font-size: 1em;;
    margin-bottom: 0;
    padding: 10px;;
    text-transform: uppercase;
    transition: background-color 0.25s;
    width: 150px;
    margin-top: 0;
    margin-left: 20px;
    font-weight: bold;
}

.bloc_button {
    text-align: right;
    margin: 30px 0 0px;
}
.bloc_button_perso{
    text-align: center;
    margin: 30px 0px;
}

div#personnalisation_cookie h4{
    margin: 10px 0;
}
div#personnalisation_cookie {
    margin: 25px 0px;
}


@media only screen and (max-width:879px) {
    button#personnaliser {
        margin-bottom: 20px;
        width: 100%;
    }
    button#AcceptAll {
        margin-left: 0;
        width: 100%;
    }
    .modal-content {
        width: 60%;
    }

    .modal-content-perso {
        width: 60%;
    }
}