/*
 * @autor : dynamic creative
 * @date : 2015
 */

/*** GENERAL ***/
.container { margin: 0 auto; position: relative; padding-left: 10px; padding-right: 10px;}
.wrap { position:relative; width:100%; }
.img-responsive{max-width: 100%;height: auto;}
.hide-mobile{display: none !important;}
#realisation {width:100%;max-width:320px;height: 220px;}
input.error, select.error{border: 2px solid red !important;}
#fleche-verify{display: none;}
.alead-copy{color: #fff;}
#content_wrap #content #home-offers #coreg .alead-qualif-legal{ color :#293a87; }
.section-cta .txt_infos a {
    text-decoration: underline;
    color: #7d90e8;
}
/*** GRILLE ***/
.row{position: relative;margin-left: -5px;margin-right: -5px;}
.row:after, .form-inline:after{
    content: "";
    display: table;
    clear: both;
}
[class*='col-'] {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.col-875,
.col-80,
.col-75,
.col-70,
.col-66,
.col-60,
.col-50,
.col-40,
.col-33,
.col-30,
.col-25,
.col-20,
.col-166,
.col-125{ position:relative; float: left; }
.col-875{width: 87.5%;}
.col-80{width:80%;}
.col-75{width:75%;}
.col-70{width: 70%;}
.col-66{width:66.66666666%;}
.col-60{width: 60%;}
.col-50{width:50%;}
.col-40{width:40%;}
.col-33{width:33.33333333%;}
.col-30{width:30%;}
.col-25{width:25%;}
.col-20{width:20%;}
.col-166{width: 16.66666666%;}
.col-125{width: 12.5%;}

/***  FORMULAIRES ***/
#wrap_error { margin:5px; font-size:12px;line-height: 12px;text-align:center; color:red; }
#wrap_error > span:before{vertical-align: -30%;content: url(/public/default/img/error_small.png);top: 1px;position: relative;}
.form-group{position: relative;margin-bottom: 10px;}
.form-control{width: 100%;height: 40px;background-color: #fff;padding: 0 10px;border: 0;border-radius: 2px;font-family: 'Open Sans', Arial, sans-serif;font-size: 16px;color: #212121;}
.form-inline{position: relative;margin-left: -5px;margin-right: -5px;}
.form-inline > .form-group{float: left;padding: 0 5px;}

/* boutons radio */
.myRadio{margin-bottom: 15px;margin-left: 2px;}
.myRadio input[type=radio]:not(:checked), 
.myRadio input[type=radio]:checked {position: absolute;left: -9999px;}
.myRadio input[type=radio]:not(:checked) + label, 
.myRadio input[type=radio]:checked + label {position: relative;font-family: Open sans, Arial, sans-serif;padding-left: 30px;font-size: 16px;font-weight: 400;color: #FFF;}
.myRadio input[type=radio]:not(:checked) + label:before,
.myRadio input[type=radio]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 10px;
}
.myRadio input[type=radio]:not(:checked) + label:after,
.myRadio input[type=radio]:checked + label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    background: #515151;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: all .2s;
}
.myRadio input[type=radio]:not(:checked) + label:after {opacity: 0;transform: scale(0);}
.myRadio input[type=radio]:checked + label:after {opacity: 1;transform: scale(1);}

/*** TITRES ***/
.titlehome{position: relative;font-family: 'Open Sans',Arial,sans-serif;border-top-left-radius: 18px;border-bottom-left-radius: 18px;line-height: 18px;padding: 9px 15px 9px 45px;font-size: 17px;font-weight: 600;color: #fff;text-transform: uppercase;margin-bottom: 20px;background-color: #36afac;word-wrap: break-word;}
.titlehome .number{position: absolute;left: 0;top: 0;width: 36px;height: 36px;border-radius: 50%;line-height: 30px;font-size: 25px;font-weight: 700;text-align: center;background: #36afac;color: #ffffff;border: 2px solid #fff;}
.title1{font-family: 'Open Sans',Arial,sans-serif;font-size: 17px;font-weight: 600;color: #fff;text-transform: uppercase;margin-bottom: 10px;}

/*** HEADER ***/
#header_wrap_home{padding: 10px;text-align: center;}
#header_wrap_coreg{background-color: #11396A;text-align: center;}
#header > #logoheader{display: none;}

/*** FOOTER ***/
#sponsors, #sponsors > p{margin-bottom: 15px;font-family: 'Open Sans', Arial, sans-serif; font-size: 13px;}
#footer_wrap{text-align: center;margin-top: 15px;}
#footer_wrap.border{border-top: 10px solid #1d2e6c;}
#footer_wrap #infos_links{margin: 20px auto;}
#footer_wrap footer .radius_footer{display: block;font-family: 'Open Sans',Arial,sans-serif;margin:10px 10px 0;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background-color:#F1EFEF;padding:10px 20px;color:#959595;text-decoration:none;font-size:14px;outline: none;}
#footer_wrap #text{position: relative;font-family: 'Open Sans',Arial,sans-serif;color: #959595;font-size: 12px;}
#footer_wrap.default{padding-top: 15px;}

/* bandeau cookies */
#bandeau-cookies{box-sizing: border-box;z-index: 10;position: fixed;bottom: 0;text-align: center;background-color: #f1f1f1;width: 100%;padding: 10px;}
#bandeau-cookies > p{margin-bottom: 0;padding-right: 20px;font-size: 11px;}
#bandeau-cookies > .close{position: absolute;right: 10px;top: 0;color: #666666;border: 0;font-size: 20px;}

/* popup cookies */
.white-popup {position: relative;background: #FFF;padding: 20px;width:auto;max-width: 600px;margin: 20px auto;}
#cookies-mentions-legales > h1{text-align: center;margin: 10px 0;}
#cookies-mentions-legales > h2{margin: 5px 0;}

/*** BOUTONS ***/
button { background:none; border:none; cursor:pointer; margin:0;  font-family: "Open Sans"; line-height: 15px;}
button:hover, button:focus, button:active { opacity:0.9; }
.btn{background-color: #23a59e;border-radius: 5px;text-transform: uppercase;color: #fff;font-weight: bold;padding: 20px;}
.btn:disabled{opacity: 0.8;}

/*** PAGE 1 ET 2 ***/
#logo-text{font-size: 14px;color: #151615;font-family: 'Open Sans';font-weight: 600;text-transform: uppercase;padding-bottom: 10px;}
#right-block{position: relative;margin:20px auto;background-color: #1d2e6c;}
#right-block:before{
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #091756 transparent;
}
.myform{position: relative;width: 100%;padding: 20px 20px 0;text-align: left;}
.myform .title{position: relative;font-family: Open sans, Arial, sans-serif;border-radius: 5px 0 0 5px;margin-bottom: 10px;font-weight: 600;background: #ff993c;line-height: 36px;padding-left: 30px;text-transform: uppercase;color: #fff;font-size: 15px;}
.alead-offer-sponsoring{margin-top: 10px;}
.section-cta{text-align: center;padding: 0 25px 40px;}
.section-cta #bt_confirmer{padding: 0;margin: 15px 0;background: url(./bg_btn_continuer.png) left top no-repeat;margin-bottom: 20px;width: 100%;max-width: 286px;height: 86px;font-size: 18px;}
.section-cta #bt_confirmer span:first-of-type{display: block;font-size: 32px;margin-bottom: 15px;margin-top: 5px;}
.section-cta #bt_participe{position: relative;bottom: 2px;left: -1px;padding: 0;color: #7d90e8;text-decoration: underline;text-align: left;}
.section-cta #bt_confirmer.disabled, .section-cta #bt_participe.disabled{cursor:not-allowed; opacity: .6;}
.section-cta #bt_confirmer.loading, .section-cta #bt_participe.loading{cursor:wait; opacity: .6;}

/*** PAGE 1 ***/
.label-day{position: relative;display: block;height: 30px;padding-top: 5px;padding-bottom: 10px;font-family: 'Open Sans', Arial, sans-serif;font-size: 16px;color: #fff;}
.txt_infos{font-size: 11px;color: #7d90e8;}
#content_wrap > #content #home-offers .title1{background: url(../img/icon-gift.png) left center no-repeat;min-height: 40px;padding: 10px 0 10px 45px;line-height: 20px;}
#content_wrap > #content #home-offers #coreg{color: #293a87;}
#content_wrap > #content #home-offers #coreg .alead-offer_bloc{font-family: 'Open Sans', Arial, sans-serif; background-color: #ebebeb;border-radius: 5px;padding: 10px;margin-bottom: 10px;}
#content_wrap > #content #home-offers #coreg .alead-lbl_filter{margin-left: 0;}
#content_wrap > #content #home-offers #coreg .alead-title_filter{background: none;font-size: 14px;font-weight: 600;padding: 0;margin-top: 0;color: #293a87;}
#content_wrap > #content #home-offers #coreg .alead-lbl_filter > label{font-family: 'Open Sans', Arial, sans-serif; font-size: 13px;color: #293a87;}
#content_wrap > #content #home-offers #coreg .alead-title_optin b, #global_wrap > #content_wrap > #content #home-offers .alead-title_optin strong{color: #36afac;}
#content_wrap > #content #home-offers #coreg .alead-title_optin{font-size: 13px;color: #293a87;}
#content_wrap > #content #home-offers #coreg [class*='alead-lbl']{color: #293a87;}

/*** PAGE 2 ***/
#tel-infos{font-size: 16px;margin-top: 10px;font-weight: 600;color: #FFF;font-family: 'Open Sans', Arial, sans-serif;}
#form_etape1 .title1{background: url(../img/icon-delivery.png) left center no-repeat;min-height: 40px;padding-left: 50px;line-height: 20px;}
#form_etape1 .section-cta #bt_confirmer span:first-of-type{font-size: 27px;}


/*** PAGE 3-4-5 ***/
#content_wrap > #content .alead-campaign td, .alead-campaign table {word-wrap: normal !important;white-space: normal !important;}
#content_wrap > #content .alead-campaign img {max-width: initial !important;}
#content_wrap > #content .alead-title_filter {background-color: #36afac;color: white;padding:5px 10px;font-size:13px;line-height: normal;margin: 10px 0;}
#content_wrap > #content .alead-lbl_filter > label{line-height:20px;font-size: 13px;}
#content_wrap > #content .alead-lbl_filter > label > input{position:relative;top:-2px;width: 16px;height: 16px;}
#content_wrap > #content .alead-optin > label > input{position:relative;top:-2px;}
#content_wrap > #content .alead-title_optin{display: inline-block;margin-bottom: 5px;font-size: 13px;}
#content_wrap > #content .alead-title_optin b, #global_wrap > #content_wrap > #content .alead-title_optin strong {color: #293a87;}
#step {position: relative;margin: 0 auto;text-align: center;padding: 10px 0;}
#step > span { display: inline-block;}
#step > span > b { position:relative; display:block; float:left; text-align:center; font-weight:bold; color:#ffffff; background:#50a0f7;width:90px; height:22px; line-height:22px;border-radius: 10px;}
#step > span > b.show-mobile{width:22px; height:22px; line-height:22px;border-radius: 10px;}
#step > .long, #step > .long > b { width:110px; }
#libelle{padding: 7px 20px;min-height: 30px;font-weight: bold;text-transform: uppercase;margin:15px auto;text-align: center;font-size: 15px;color:#FFFFFF;background: #1d2e6c;border-radius: 30px;}
#libelle > b{color: #36afac;}
#form_etape2 .btn, #form_etape3 .btn, #form_etape4 .btn{margin-top: 20px;font-size: 20px;color: #fff;}
.alead-lbl_filter > label, .alead-optin > label{font-size: 13px;}
#step > span:last-of-type > b{background: #562c88;}
#step > span:last-of-type > b > img{display: none;}
#step > span.actif > b { background:#806dff; }

/*** PAGE FIN ***/
#fin h3 {background: none repeat scroll 0 0 #1d2e6c;border-radius: 5px;color: #FFFFFF;font-size: 14px;font-weight: bold;line-height: 30px;margin: 10px 0;padding: 0 10px;position: relative;}
#fin > p { font-size:14px;margin-bottom:20px; }
#fin > p > span { color:#293a87; }
#fin > p > #fin-infos-redirect{display:block;text-align:center;font-size:12px;color:#666666;}
#offre_fin { margin: 0 auto;width:300px; text-align:center; }
.alead-offer-mailing-link{display: inline-block;padding: 5px 10px;color: #FFFFFF;text-decoration: none;background: #E41B10;border-radius: 10px;}
.alead-offer-mailing-link-text > b{color: #E41B10;}
.alead{margin-bottom: 0;}

.label-day{padding-top: 13px;}
/*** RESPONSIVE ***/

@media screen and (min-width: 540px){
    #footer_wrap footer .radius_footer{display:inline-block;}
}

@media screen and (min-width: 920px){

    /*** GENERAL ***/
    .default .container{width: 920px;}
    .hide-mobile{display: block !important;}
    .show-mobile{display: none !important;}
    .hidden-up920{display:none;}
    #fleche-verify{display: block;position: absolute;right: -25px;top: 0px;}
    
    #header_wrap_coreg{background:url(../img/header_coreg.jpg) no-repeat center center #FFFFFF;min-height: 160px;border-bottom: none;}

    /*** PAGE 3 4 5 ***/
    #step { text-align: left;padding:20px 0 5px 0; }
    #step > span { float:left; width:150px; height:22px; position:relative;}
    #libelle{width: 700px;}
    #step > span + span { padding-left:60px; background:url(../img/bg_step.png) left top no-repeat; }
    #step > span + span > b { background:#50a0f7; }
    /*#step > span + .actif { background:url(../img/bg_step.png) left bottom no-repeat; }*/
    #step > .actif + span::after {content: "";
    position: absolute;
    width: 60px;
    height: 22px;
    left: 0;
    top: 0;
    background: url(../img/bg_step.png) left bottom #fff; }
    #step > .actif[data-page="0"] + span::after {width:0px;}
    #step > .actif[data-page="1"] + span::after {width:19px;}
    #step > .actif[data-page="2"] + span::after {width:36px;}
    #step > .actif[data-page="3"] + span::after {width:60px;}
    #form_etape2 .bt_confirmer, #form_etape3 .bt_confirmer, #form_etape4 .bt_confirmer  {background: url("../img/btn.png") no-repeat left top;height: 76px;text-align: center;text-transform: uppercase;width: 206px;}
    #content_wrap > #content .alead-title_filter, #content_wrap > #content .alead-title_optin,
    #content_wrap > #content .alead-lbl_filter > label,.alead-lbl_filter > label, .alead-optin > label {font-size:12px;}
    #step > span:last-of-type > b{position: relative;}
    #step > span:last-of-type > b > img{display: block;position: absolute;right: -18px;bottom: -1px;}

    /*** PAGE FIN ***/
    #fin > p + p{float: left;width: 550px;margin-right: 50px;}
    #offre_fin{float: left;width: 300px;}

    /*** FOOTER ***/
    #sponsors > p{display: inline-block;}
    #footer_wrap{position: relative;z-index: 2;}

    #sponsors .alead-campaign > div{
        text-align: center;
    }
    #sponsors .alead-offer-sponsoring{
        margin:8px 8px 0;
    }
}

@media screen and (min-width: 960px){
    #header_wrap_home{padding: 15px 0;}
    #titre-lot{display: none;}
    #content_wrap.w1280{background-image: url(./home_bg.jpg);background-position: center top;background-repeat: no-repeat;min-height: 660px;}
    #logo-area{float: left;padding-top: 10px;}
    #logo-text{margin-right: 5px;}
    .myform{z-index: 10;padding: 20px 20px 0;}
    #right-block{position: absolute;right: 0;top: 0;margin:-40px auto 0;max-width: 520px; min-height: 700px;}
    #right-block:before{display: block;}
    #footer_wrap.w1280 #infos{padding-right: 510px; }
    #footer_wrap.w1280 #infos #sponsors{float: none;max-width: none;}
    #footer_wrap.w1280 #infos #text{clear: both;text-align: justify; margin:0 10px;}
    #footer_wrap.w1280 #infos #infos_links{text-align: left;}
}

@media screen and (min-width: 1100px){
    #footer_wrap.w1280 #infos #sponsors{max-width: none;}
}

@media screen and (min-width: 1280px){
    #footer_wrap.w1280 #infos{padding-right: 520px; }
    .container{padding-left: 0;padding-right: 0;}
    
    #logo-area > *{display: inline-block;vertical-align: bottom;}
    #logo-text{padding-bottom: 0;}
    
    #header_wrap_home{padding: 10px 0;}
    
    #header > #logoheader{display: block;position: absolute;right: 0;top: 5px;}
    .w1280 .container{width: 1280px;}
    #sponsors > p{
        margin-top: 8px;
        margin-left: 10px;
    }
    #sponsors{
        text-align: left;
    }
    #sponsors .alead-offer-sponsoring{
        margin:8px 8px 0;
    }
    #sponsors > p + div{display: inline-block;}
    #footer_wrap.w1280 footer .radius_footer{margin-top: 0;}
    
    #fleche-verify{right: 0;}
}

@media screen and (max-width: 480px){
    #form_home .col-xs-100, #form_etape1 .col-xs-100{width: 100%;float: none; clear: both;}
    #form_home .col-xs-hidden, #form_etape1 .col-xs-hidden{display: none;}
    .title1 { font-size: 14px;}
    #tel-infos{ font-size:13px; }
    #content_wrap > #content .alead-campaign td{
        width: 100%;
        display: block;
        clear: both;
        text-align: center;
    }
    #content_wrap > #content .alead-campaign td .alead-optin{
        text-align: left;
        margin-top:7px;
        margin-left: 0;
    }

    #bt_confirmer, .bt_confirmer {
        background-image: none !important;
        background-color: #23a59e !important;
    }

}

@media screen and (max-width: 540px){
    #tel-infos{ font-size:14px; }
	.titlehome{border-radius: 0;}
    .titlehome .number {border: 0;top: 50%;transform: translateY(-50%);left: 5px;}
}
@media screen and (max-width: 959px){
    #sponsors .alead-campaign > div{text-align: center;}
}

/* NATIVE ADS */
#native-ads-text > p > b{color: #293a87;}
.alead-native{border-color: #23a59e;}
.alead-native-color-bg{background-color: #23a59e;}
.alead-native-color, .alead-native-color a, .alead-native-header a{color: #293a87;}