body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bloccoreg a {
    color:#000 !important;
    text-decoration:underline !important;
}
.none{
    display:none;
}
.row{
    margin : 0;
}

.s10{
    font-size:10px;
}
.s11{
    font-size:11px;
}
.s12{
    font-size:12px;
}
.s14{
    font-size:14px;
}
.s15{
    font-size:15px;
}
.s16{
    font-size:16px;
}
.s18{
    font-size:18px;
}
.s20{
    font-size:20px;
}
.s22{
    font-size:22px;
}
.s24{
    font-size:24px;
}
.s26{
    font-size:26px;
}
.s28{
    font-size:28px;
}
.s30{
    font-size:30px;
}
.s34{
    font-size:34px;
}
.s36{
    font-size:36px;
}
.s48{
    font-size:48px;
}

.accept_cookies{
    background-color:#ccc;
    padding:5px 15px;
    font-size:12px;
    text-align:center;
    color:#555;
    position:fixed;
    bottom:0;
    width:100%;
    z-index:10
}
.accept_cookies a{
    color:#555;
    text-decoration:underline;
}

#qui,
#contact_content,
#desinscription_content,
#enquete_content,
#vitrine_content, .bloc-content{
    background-color:#fff;
    margin-top:15px
}

#enquete_content{
    background-color:#fff;
}

.bloccoreg{
    margin-top:20px;
}
.qualifiante form{
    padding:10px;
}
.question {
    margin-bottom: 10px;
}
.level{
    margin-bottom:10px
}
#enquete_content .bloccoreg{
    width:100%
}
#enquete_content #cpv {
    float:right;
}
#enquete_content .fakecity,#enquete_content .fakecp {
    padding : 0 10px;
    height:40px;
    line-height:40px;
    margin-bottom:7px;
    border:none;
    font-weight:normal;
    font-size:14px;
    border: 1px solid #e3e3e3;
    width: 260px;
    background-color:#f1f1f1
}
#enquete_content .erreur2{
    display:inline-block;
    background-color:#e55454;
    padding: 5px 10px 5px 32px;
    color:#fff;
    font-size:14px;
    background-image: url('/assets/conso-enquete/img/picto-erreur.png');
    background-position:  7px center;
    background-repeat:no-repeat;
}

.bloccoreg div img{
    vertical-align:top
}
.bloccoreg .no-pad{
    padding:0;
}



.i-block{
    display:inline-block
}
div.selector.fixedWidth.small,
div.selector.fixedWidth.medium,
div.selector.fixedWidth.large{
    display:inline-block !important;
}
div.selector.fixedWidth.small, .small {
    width:140px !important;
}
div.selector.fixedWidth.medium, .medium {
    width:200px !important;
}
div.selector.fixedWidth.large, .large {
    width:300px !important;
}
.auto{
    width:96%
}
#enquete_content .bloccoreg {
    border-top: 1px solid #e3e3e3 !important;
}
/*  offre spéciale  *********************/

.bloccoreg .bloc-logo,
.bloccoreg .bloc-logo .offre-speciale{
    text-align:center;
}

.bloccoreg .bloc-logo,
.bloccoreg .coregcontent.content-logo{
    display:inline-block;
    vertical-align:middle;
    float:none;
}

.bloccoreg .coregcontent.content-logo{
    border-left:1px solid #e3e3e3;
}

.bloccoreg .bloc-logo img.img_coreg{
    width:120px;
    height:60px
}
.offre-speciale{
    margin-top:10px;
}
.offre-speciale .entete{
    color:#fff;
    background-color:#5f5e5e;
    text-transform:uppercase;
    text-align:center;
    font-size:14px;
    padding: 3px 10px 2px 10px;
    margin-bottom:7px
}
/*.bloccoreg, .bloccoreg form{ display:table }
.bloccoreg .bloc-logo,
.bloccoreg .coregcontent.content-logo{ display:table-cell; float:none; }*/
p.missing-infos {
    text-align: center !important;
    font-size: 1.3em !important;
    padding: 0.5em 0 !important;
    font-weight: 600;
    text-transform: uppercase !important;
    color: #fff !important;
    background-color: #073468 !important;
    margin: 1em 0 !important;
    position: relative !important;
    z-index: 5 !important;
}
#form-bloc-1 #infos-accueil p.missing-infos::after {
    top:100% !important;
    border-top:15px solid #073468 !important;
}

@media screen and (max-width:768px) {
    .bloccoreg .coregcontent.content-logo{
        border:none;
    }
    .bloccoreg .bloc-logo{
        border-bottom:1px solid #e3e3e3;
        padding-bottom:10px;
        border-right : none;
    }

}

.bloccoreg a.btn-coreg-info{
    position:absolute;
    right:0;
    bottom:0;
    text-decoration:none !important;
    background : url(/assets/common/img/bg-infos-coreg.png) top left no-repeat;
    display:inline-block;
    width:72px;
    height:23px;
    text-align:center;
    line-height:23px;
    font-size:12px;
    color:#fff !important
}
.bloccoreg .btn-coreg-info:hover{
    background-position: bottom left;
}

/*******************************************************************************************************************/
/* ProgressBar *****************************************************************************************************/
/*******************************************************************************************************************/

#progressBar{
    padding:0;
    overflow:hidden
}
.progressbar {
    position: relative;
    width: auto;
    max-width:1200px;
    z-index: 1;
    clear:both;
    margin:auto;
    margin-bottom:0;
}
.progressbar .container{
    position:relative;
}
.progressbar .percent{
    font-size: 18px;
    float:right;
    display:inline-block;
    /*    width:50px;
        height:30px;*/
    text-align:center;
    margin-right:20px;
    font-weight:bold;
}
.progressbar .progress{
    color: #FFFFFF;
    font-size: 12px;
    left: 7px;
    position: absolute;
    top: 5px;
    display:none;
    /*    width:75px;*/
    line-height:normal;
}


/*******************************************************************************************************************/
/* Formulaire *****************************************************************************************************/
/*******************************************************************************************************************/

/*Taille de base du uniform des selecteurs*/

#wrapper div.selector.fixedWidth span {
    width: auto;
    float:none;
    /*    max-width:380px;*/
    padding-right:40px
}
#wrapper div.selector.fixedWidth{
    width: auto;
    max-width:400px;
    display:block;
    vertical-align:middle;
    margin-bottom:0 !important
}

/* Date en 3 sélecteur */

.form_date {
    max-width:300px;
    background-color:#fff;
    border:1px solid #e3e3e3;
    margin-bottom:10px;
    padding-right:25px;
    background-image:url('/assets/common/images/input-date.png');
    background-position:right center;
    background-repeat:no-repeat;
}
#accueil .form_date,
#landing .form_date {
    max-width:none;
}

#wrapper .form_date div.selector.fixedWidth{
    background:none;
    margin:0;
}
#wrapper .form_date div.selector.fixedWidth span{
    background-image: url('/assets/common/images/selectdate.png');
    background-position: right center;
    padding-right:15px;
}

#wrapper .form_date select{
    margin:auto;
}

#wrapper .form_date div.selector.fixedWidth{
    width:32%;
    display:inline-block;
    border-left:1px solid #e3e3e3;
}


#wrapper .form_date div.selector.fixedWidth:nth-child(1){
    width:24%;
    border:none;
}
#wrapper .form_date div.selector.fixedWidth:nth-child(2){
    width:40%;
}

.hasDatepicker{
    background-image : url('/assets/common/images/input-date.png');
    background-position:right center;
    background-repeat:no-repeat;
}
input[type=text][name=email]{
    background-image : url('/assets/common/images/input-mail.png');
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:20px
}

#form_accueil_v2 .form_elem{
    display:inline-block;
    padding-right:10px;
    width:49%;
    vertical-align:middle;
    position:relative;
    margin-bottom:10px !important
}

#form_accueil_v2 .form_elem#id_gender{
    width:25%
}
#form_accueil_v2 .form_elem#firstname, #form_accueil_v2 .form_elem#lastname{
    width:36%
}
#form_accueil_v2 .form_elem#cityBlock div.selector.fixedWidth span{
    max-width:none
}
#form_accueil_v2 .form_elem#pcode{
    width:180px
}
#form_accueil_v2 .form_date{
    margin:0;
}

input[type=text], textarea{
    height:38px;
    width:100%;
    margin:0;
    font-weight:300
}

#form_accueil_v2 input[type=text], textarea{
    margin:0;
}

#form_accueil_v2 label{
    font-size:14px;
    color:#4c4c4c;
    margin-bottom:5px;
    min-height:18px
}

#form_accueil_v2 .bloc-radio {
    margin-bottom:10px
}

#form_accueil_v2 .bloc-radio label{
    width:auto;
    margin-right:5px;
    position:static;
    font-size:12px;
    cursor:pointer;
    position:static;
}


#id_gender .bloc-radio{
    margin:0;
}
#form_accueil_v2 #id_gender{
    padding-right:0;
}
#id_gender .bloc-radio label{
    background-color:#fff;
    height:38px;
    line-height:38px;
    margin:0;
    width:48%;
    text-align:left;
    border-radius:3px;
    border:1px solid #e3e3e3;
    padding : 0 0 0 7px;
    cursor:pointer;
}
#id_gender .bloc-radio label:hover,
#id_gender .bloc-radio label.active{
    background-color:#eee;
    border-color:#eee
}

#id_gender .bloc-radio div.radio{
    top:-2px
}

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

}

/*''\f073';*/
/* Coreg OUI non */
.coreg_oui_non2 li,
.radio_oui_non li{
    display:inline-block;
    margin : 0 5px 7px 0;
    max-width : 44%;
    vertical-align:middle;
}

.coreg_oui_non2 li label{
    cursor:pointer;
}

.coreg_oui_non2 li label{
    display:inline-block;
}
.coreg_oui_non2 li label.label_oui{
    font-size:15px;
    font-weight:bold;
    border:2px solid #717171;
    color:#4d4d4d;
    padding: 10px 15px 10px 10px;
    margin-right:15px;
    line-height:18px;
    border-radius: 40px;
}
.coreg_oui_non2 li label.label_oui div.radio{
    float:left
}
.coreg_oui_non2 li label.label_non{
    font-size:14px;
}
/*.coreg_oui_non2 li label.label_non:hover{ color: #e01818 }*/

.coreg_oui_non2 div.radio span{
    background-image:url('/assets/conso-enquete/img/form_coreg.png');
}

/* OUI *******/
.coreg_oui_non2 .label_oui div.radio span {
    height: 20px;
    width: 20px;
    background-position: 0 0;
}


.coreg_oui_non2 .label_oui div.radio:active span,
.coreg_oui_non2 .label_oui div.radio.active span ,
.coreg_oui_non2 .label_oui div.radio.focus span,
.coreg_oui_non2 .label_oui div.radio:hover span {
    background-position: -20px 0;
}
.coreg_oui_non2 .label_oui div.radio span.checked {
    background-position: -60px 0;
}
.coreg_oui_non2 .label_oui div.radio.focus:active span,
.coreg_oui_non2 .label_oui div.radio:active:hover span,
.coreg_oui_non2 .label_oui div.radio.active:hover span,
.coreg_oui_non2 .label_oui div.radio.active.focus span,
.coreg_oui_non2 .label_oui div.radio:active span.checked,
.coreg_oui_non2 .label_oui div.radio.active span.checked,
.coreg_oui_non2 .label_oui div.radio.focus span.checked,
.coreg_oui_non2 .label_oui div.radio:hover span.checked,
.coreg_oui_non2 .label_oui div.radio.focus:active span.checked,
.coreg_oui_non2 .label_oui div.radio:hover:active span.checked,
.coreg_oui_non2 .label_oui div.radio.focus.active span.checked,
.coreg_oui_non2 .label_oui div.radio.active:hover span.checked,
.coreg_oui_non2 .label_oui div.radio.disabled span,
.coreg_oui_non2 .label_oui div.radio.disabled:active span,
.coreg_oui_non2 .label_oui div.radio.disabled.active span,
.coreg_oui_non2 .label_oui div.radio.disabled span.checked,
.coreg_oui_non2 .label_oui div.radio.disabled:active span.checked,
.coreg_oui_non2 .label_oui div.radio.disabled.active span.checked {
    background-position: -40px 0;
}

.coreg_oui_non2 .label_oui:hover,
.coreg_oui_non2 .label_oui.active{
    background-color: #717171;
    color:#fff
}
.coreg_oui_non2 .label_oui:hover div.radio span{
    background-position: -20px 0;
}

/* NON *******/
.coreg_oui_non2 .label_non div.radio{
    height: 15px;
    width: 15px;
}
.coreg_oui_non2 .label_non div.radio span {
    height: 15px;
    width: 15px;
    background-position: 0 -20px;
}
.coreg_oui_non2 .label_non div.radio:active span,
.coreg_oui_non2 .label_non div.radio.active span ,
.coreg_oui_non2 .label_non div.radio.focus span,
.coreg_oui_non2 .label_non div.radio:hover span {
    background-position: -15px -20px;
}
.coreg_oui_non2 .label_non div.radio span.checked {
    background-position: -45px -20px;
}
.coreg_oui_non2 .label_non div.radio.focus:active span,
.coreg_oui_non2 .label_non div.radio:active:hover span,
.coreg_oui_non2 .label_non div.radio.active:hover span,
.coreg_oui_non2 .label_non div.radio.active.focus span,
.coreg_oui_non2 .label_non div.radio:active span.checked,
.coreg_oui_non2 .label_non div.radio.active span.checked,
.coreg_oui_non2 .label_non div.radio.focus span.checked,
.coreg_oui_non2 .label_non div.radio:hover span.checked,
.coreg_oui_non2 .label_non div.radio.focus:active span.checked,
.coreg_oui_non2 .label_non div.radio:hover:active span.checked,
.coreg_oui_non2 .label_non div.radio.focus.active span.checked,
.coreg_oui_non2 .label_non div.radio.active:hover span.checked,
.coreg_oui_non2 .label_non div.radio.disabled span,
.coreg_oui_non2 .label_non div.radio.disabled:active span,
.coreg_oui_non2 .label_non div.radio.disabled.active span,
.coreg_oui_non2 .label_non div.radio.disabled span.checked,
.coreg_oui_non2 .label_non div.radio.disabled:active span.checked,
.coreg_oui_non2 .label_non div.radio.disabled.active span.checked {
    background-position: -30px -20px;
}

.coreg_oui_non2 .label_non:hover div.radio span{
    background-position: -15px -20px;
}

.checkH li label, .checkV li label,
.radio_oui_non li label{
    display:inline-block;
    height:40px;
    line-height:35px;
    background-color:#f1f1f1;
    border:1px solid #e3e3e3;
    text-align:left;
    padding: 0 10px;
    cursor:pointer;
    width:100%;
}
.checkH li label,.checkV li label,
.radio_oui_non label{
    width:auto;
    min-width:130px;
    height:auto;
    line-height:normal;
    padding:10px;
}
.checkV li label{
    width:100%;
}

.radio_oui_non li div.radio{
    float:none;
    display:inline-block;
    margin-right:20px
}
.checkH li label:hover, .checkV li label:hover,
.checkH li label.active, .checkV li label.active,
.radio_oui_non li label:hover,.radio_oui_non li label.active{
    border-color:#959fdb
}
.radio_oui_non li label.active{
    background-color:#808080;
    color:#fff;
    border-color:#6f6f6f;
}


/* Bloc Radio et Checkbox */
.checkH li {
    display:inline-block;
    margin-bottom: 7px;
    margin-right: 15px;
}
.checkV li{
    display:block;
    clear:both;
    margin-bottom:7px;
}

li.coreg_ext{
    /*padding: .5rem 1.2rem .5rem 1.2rem;*/
    padding: 0;
}
li.coreg_ext a{
    text-decoration: none !important;
    color: #45b12c !important;
    width: 100%;
    height: 100%;
    padding: .5rem 1.2rem .5rem 1.2rem;
}
li.coreg_ext:hover > a, li.coreg_ext a:hover, a.coreg_ext_a:hover, li.coreg_ext label.active{
    color: #fff !important;
}

/* Bouton enquête */
.btn-enquete{
    text-align:right;
}
.btn-enquete button{
    width:265px;
    height:60px;
    background-color:#e37b25;
    background:url('/assets/conso-enquete/img/bg-btn.png') 0 0 repeat-x;
    border:none;
    color:#fff;
    font-size:18px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    border:1px solid #e0761f;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    font-family: 'Lato', sans-serif;
    position:relative;
    cursor:pointer;
    margin: 20px 0;
}

.btnSmall input{
    border:none;
    font-size:16px;
    color:#fff;
    display:inline-block;
    background-color:#6471bf;
    padding:5px 15px;
    cursor:pointer;
}

#contact #email label{
    display:inline-block;
}
#idstep_296 .question{
    font-size:16px
}
#idstep_296 .long{
    width:260px
}

/*******************************************************************************************************************/
/* Partenaires *****************************************************************************************************/
/*******************************************************************************************************************/

#partenaires{
    text-align:center
}
#partenaires li{
    margin:2px;
    display:inline-block;
    border-radius:5px;
}
#partenaires li.cursor{
    cursor:pointer;
}
.optin_infos{
    display:none;
    padding:15px;
}
.optin_infos img{
    float:left;
    margin-right:15px;
}
.optin_infos .infos{
    display:inline-block;
    width:300px;
    float:left;
    padding-left:15px;
    border-left:1px solid #ccc;
    font-size:14px
}

.optin_infos .infos a{
    color:#444
}


/*******************************************************************************************************************/
/* Coreg personnalisées ********************************************************************************************/
/*******************************************************************************************************************/

/* Beertime */
#coreg_1085{
    height:465px;
    background : url('/assets/common/images/bg-beertime.jpg') top center no-repeat;
}
#coreg_1085 .coregcontent{
    margin-top:250px;
}

#coreg_1085 .level_1 .blocquestion{
    background-color:#dd0023;
    color:#fff;
    padding:15px;
    font-size:20px;
    text-align:center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#coreg_1085 .level_1 .blocquestion .question{
    margin-bottom:15px;
}
#coreg_1085 .checkH li{
    float:none;
    display:inline-block;
}

/* Vente Flash Boutique */
#coreg_1061 .level_1 .blocquestion{
    margin-top:20px;
}

/* Atlas For Men */
#enquete_content #coreg_1326{
    height:170px;
    background : url('/assets/common/coreg/AtlasForMen.jpg') left top no-repeat;
    position:relative;
}
#enquete_content #coreg_1326 .blocquestion{
    position:absolute;
    display:inline-block;
    top:140px;
    left:420px
}


input[disabled=disabled]{
    background:none;
    background-color:#ccc
}


input.nosponsor{
    background:none;
    line-height:10px;
    height:10px;
    cursor:pointer;
    border: none;
    color: #595959;
    text-decoration:underline;
    font-size:10px;
    font-family:arial;
    border-bottom:1px solid #595959;
    padding:0;
}

.SAG{
    font-size:12px;
    margin : 10px 0 0 0
}
.SAG a{
    text-decoration:underline;
    color:#009ee0
}

.ban-qualif{
    color:#fff;
    background-color:#ec6b25;
    box-shadow: 0 2px 0 #d25b1a;
    text-align:center;
    padding:10px 10px;
    font-size:16px;
    position:relative;
}
.ban-qualif.top{
    margin-bottom:20px
}

.ban-qualif span{
    background-image : url('/assets/common/img/ban-qualif.png');
    position:absolute;
    display:block;
    height:14px;
    bottom:-14px
}
.ban-qualif span.b-left{
    background-position: 0 0;
    left:0;
    width:11px
}
.ban-qualif span.b-center{
    background-position: -12px 0 ;
    left:49%;
    width:33px
}
.ban-qualif span.b-right{
    background-position: -46px 0 ;
    right:0;
    width:11px
}

.mention-coreg{
    font-size:11px;
    text-align:center;
    color:#888;
    font-style: italic;
    margin-top:15px;
    margin-bottom:10px
}
.mention-coreg.top{
    margin-top:0
}
/*******************************************************************************************************************/
/* Loading Générique ***********************************************************************************************/
/*******************************************************************************************************************/

.loading{
    position : absolute;
    z-index:1000;
    width:100%;
    height:100%;
    text-align:center;
    position:fixed;
    bottom:0;
    top:0;
    left:0;
    right:0;
    background :  url('/assets/common/images/transparence.png') 0 0 repeat;
    color:#444
}
.loading img{
    margin-bottom:15px;
}
.loading .loading_content{
    margin:0 auto;
    width:80%;
    background: url('/assets/common/images/bloc_transp.png') 0 0 repeat;
    position:fixed;
    top:30%;
    left: 10%;
    border:1px solid #e3e3e3;
    padding:15px;
    box-shadow : 0 0 10px rgba(0,0,0,0.3);

}
.loading-input-text{
    background-color: #ffffff;
    background-image: url("/assets/common/images/loader-mini.gif");
    background-size: 24px 24px;
    background-position:right center;
    background-repeat: no-repeat;
}


#fb_connexion{
    display:block;
    width: 196px;
    height:36px;
    background : url('/assets/conso-enquete/img/fb_login.png') 0 0 no-repeat;
}
#fb_connexion:hover{
    background-position: 0 -36px;
}

#enqueteRight #banniere,
#enqueteRight img{
    max-width:100%
}


/*******************************************************************************************************************/
/* Reponsive *****************************************************************************************************/
/*******************************************************************************************************************/

@media screen and (max-width:768px) {
    #wrapper #enquete_content .checkH li{
        display:block;
        margin-right: 0;
        float:none;
    }
    #wrapper .checkH li label{
        width:100%
    }
    #wrapper .coreg_oui_non{
        clear:both;
    }
    #wrapper .btn-enquete button{
        width:100%
    }
    #wrapper #enquete_content .erreur2{
        display:block;
    }
    #wrapper .coreg_oui_non .bloc-img-coreg{
        display:block;
        text-align:center;
        width:auto;
        max-width:none;
    }
    #wrapper .coreg_oui_non{
        text-align: center;
    }
    #header .bloc_fb, #header .bloc_confiance{
        display:none;
    }
    #header .grid_5{
        width:auto;
        text-align:center;
    }
    #wrapper .long, #wrapper .court, #wrapper .moyen{
        width:auto
    }
    #wrapper #enquete_content .fakecity, #wrapper #enquete_content .fakecp{
        width:auto;
    }
    #wrapper #enquete_content #cpv{
        float:none
    }
    .bloccoreg img{
        max-width:100%;
        height:auto !important;
    }

    #form_accueil_v2 .form_elem{
        width:100% !important;
    }
    #bloc_confiance{
        display:none
    }
    #logo{
        width:100%;
        text-align:center;
    }

    /* Vitrine BOF BOF */
    .blocfacebook .grid_6{
        float:none;
        width:100%;
    }
    #vitrine_content{
        text-align:center;
    }
    #vitrine_content .btnfb{
        width:100%;
        text-align:center;
    }
    #congrats, #congrats img,.imgban, .imgban img {
        max-width:100%
    }

}

/*******************************************************************************************************************/
/* Hack pour contrer l'ancien style ********************************************************************************/
/*******************************************************************************************************************/

#wrapper #enquete_content #cpv{
    position:static !important;
}




/*******************************************************************************************************************/
/* Sélectable + sortable *******************************************************************************************/
/*******************************************************************************************************************/


.sortable-select, .sortable-dropped, .sortable-number {
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    margin-right: 10px;
    color: #000;
}

.sortable-number {
    width: 8%;
}
.sortable-dropped {
    min-width : 250px;
    border:1px solid #e3e3e3;
    width:80%;
    padding:5px 5px 0 5px;
    width: calc(92% - 20px);
}
.sortable-number, .sortable-dropped {
    float: left;
}

/* LI */

.sortable-select li, .sortable-dropped li {
    margin: 0 0 5px 0;
    padding: 10px 5px;
    font-size: 1.2em;
    width: 100%;
    cursor: move;
    font-size:14px;
    color:#444
}

.sortable-select li i.clickable {
    float:right;
    color:#aaa;
    cursor:pointer;
    font-size:16px
}
.sortable-select li i.clickable:hover{
    color:#444
}

.sortable-dropped li i.clickable {
    display : none;
}

.sortable-number li{
    margin: 0 5px 5px 5px;
    padding: 10px 5px;
    font-size: 14px;
    width: 98%;
}

.sortable-select li, .sortable-dropped li{
    background-color:#f2f2f2;
    border:1px solid #e3e3e3;
    border-radius:3px
}
.sortable-select li:hover, .sortable-dropped li:hover{
    background-color:#e3e3e3
}
/*
.bg-sortable {
    background: #ccd5d9 none repeat scroll 0 0;
}

.border-sortable {
    border: 1px solid #e0e0e0;
}*/
.hideborder-sortable {
    border: 1px solid rgba(255,255,255,0);
}

li.placeholder {
    height: 36px;
    background-color:#f2f2f2 ;
    border:none;
}

.sortable-container {
    float:left;
    width:44%;

}
.droppable-container {
    float:left;
    width:52%;
}


/*******************************************************************************************************************/
/* Contact *******************************************************************************************/
/*******************************************************************************************************************/
#contact .form_elem{
    margin-bottom:10px;
    display:block;
    width:100%;
}
.form_elem label{
    display:inline-block;
    width:200px;
    vertical-align:middle
}
.form_elem .long{
    width:350px !important;
}
.form_elem .moyen{
    width:250px !important;
}
.form_elem .court{
    width:150px !important;
}
.form_elem .message{
    width:350px !important;
    height:200px
}

#contact .form_elem .long,
#contact .form_elem .moyen,
#contact .form_elem .court,
#contact .form_elem .message{
    float:none;
}

#contact div.selector.fixedWidth{
    display:inline-block;
    vertical-align:middle
}

#contact .form_elem label{
    width:120px
}


/*******************************************************************************************************************/
/* Notation avec étoiles *******************************************************************************************/
/*******************************************************************************************************************/

.bloc-notes label{
    font-size:14px
}
.bloc-notes .note-moyenne{
    font-size : 18px
}
.bloc-notes .note-moyenne span{
    font-weight:bold;
}
.bloc-notes .notes-echelle{
    width:100px;
    float:right;
}
.bloc-notes .notes-echelle li{
    float:left;
    margin:0;
}
.bloc-notes .notes-echelle li input[type=radio]{
    margin:0;
}
.bloc-notes .notes-echelle.js li input[type=radio]{
    position:absolute;
    left:-9999px;
}
.bloc-notes .notes-echelle li label{
    display:block;
    height:20px;
    width:18px;
    line-height:normal;
    margin:0;
    padding:0;
    background:url('/assets/common/img/stars-medium.png') center -36px no-repeat;
    cursor:pointer;
    text-indent: -200px;
    overflow:hidden;
}
.bloc-notes .notes-echelle li.note-off label {
    background-position:center -17px;
}
.bloc-notes .note-big{
    display: inline-block;
    vertical-align:middle;
}
.bloc-notes .note-big li{
    width:26px;
    height:22px;
    float:left;
    background : url('/assets/common/img/stars-big.png') center -23px no-repeat;
}
.bloc-notes .note-big li.note-off,
.bloc-notes .note-big li.active{
    background-position: center -46px;
}


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

    .sortable-container, .droppable-container {
        float:none;
        width:auto;
    }

    .sortable-dropped {
        min-width:0;
    }
    .sortable-select li i.clickable{
        transform : rotate(90deg)
    }

    .bloccoreg .col-sm-1,.bloccoreg .col-sm-2,.bloccoreg .col-sm-3,.bloccoreg .col-sm-4{
        display:none
    }

    .bloccoreg .bloc-logo, .bloccoreg .blocchoix,
    .bloccoreg .coregcontent .col-sm-1,
    .bloccoreg .coregcontent .col-sm-2,
    .bloccoreg .coregcontent .col-sm-3,
    .bloccoreg .coregcontent .col-sm-4{
        display:block;
    }

    .form_elem .long,
    .form_elem .moyen,
    .form_elem .court,
    .form_elem .message{
        width:100% !important;
    }
    .form_elem label{
        display:block;
    }
    #wrapper div.selector.fixedWidth{
        display:block;
    }
    #id_gender .bloc-radio label{
        display:inline-block;
    }
    div.selector.fixedWidth.large,
    div.selector.fixedWidth.medium,
    div.selector.fixedWidth.small{
        display:block !important;
        width : auto !important;
    }

    label.large, label.medium, label.small{
        width:auto
    }

}

#alerte-msg{
    background-image: url('/assets/common/images/alerte.gif');
    background-repeat:no-repeat;
    background-position : 10px center;
    padding: 10px 10px 10px 85px;
    border: 1px solid red;
    color: red;
    text-align: left;
    font-size:12px;
}

#qui h2{
    margin-bottom:15px;
}
#qui p{
    margin-bottom:10px;
}
#qui a{
    color:#444;
    text-decoration:underline
}

#contact_content select.court{
    position:absolute;
    width:100%
}

/*******************************************************************************************************************/
/* Parrainage *******************************************************************************************/
/*******************************************************************************************************************/
#idstep_379 .titre-parrain{
    text-align:center;
    margin-bottom:15px;
    font-size:20px;
}
#idstep_379 .titre-parrain strong{
    font-size:26px;
    color:#2e2e2e;
    margin-bottom:10px;
    display:inline-block
}

#idstep_379 .bloc-input{
    padding: 0 15px 10px 54px;
    position:relative;
}
#idstep_379 .bloc-input input{
    height:48px;
    font-size:16px;
}
#idstep_379 .bloc-input span{
    display:block;
    width:48px;
    height:48px;
    background-color:#e3e3e3;
    color:#a9a8a8;
    text-align:center;
    line-height:48px;
    position:absolute;
    left:6px;
    top:0;
    font-size:24px
}
#idstep_379 .bloc-input:nth-child(1) span::after{
    content:'1'
}
#idstep_379 .bloc-input:nth-child(2) span::after{
    content:'2'
}
#idstep_379 .bloc-input:nth-child(3) span::after{
    content:'3'
}
#idstep_379 .bloc-input:nth-child(4) span::after{
    content:'4'
}
#idstep_379 .bloc-input:nth-child(5) span::after{
    content:'5'
}

#idstep_379 .bloc-input.ok input{
    border:1px solid #5dc645;
    color:#5dc645;
    background-image : url('/assets/common/images/check-filleul.png');
    background-position : 98% 15px;
    background-repeat:no-repeat;
}
#idstep_379 .bloc-input.ok span{
    background-color:#5dc645;
    color:#fff;

}
#idstep_379 .bloc-input.nok input{
    border:1px solid #cb3b3b;
    color:#cb3b3b;
    background-image : url('/assets/common/images/check-filleul.png');
    background-position:98% -38px;
    background-repeat : no-repeat;
}
#idstep_379 .bloc-input.nok span{
    background-color:#cb3b3b;
    color:#fff
}

/*******************************************************************************************************************/
/* Page opérations *******************************************************************************************/
/*******************************************************************************************************************/

.ope-title{
    background-color:#000;
    color:#fff;
    text-align:center;
    font-size:25px;
    text-transform:uppercase;
    padding:5px 15px;
    position:relative;
    margin-bottom:15px
}

.ope-title i.fa{
    color:#000;
    position:absolute;
    font-size:40px;
    bottom:-24px;
    left:49%
}

.operations{
    background-color:#fff;
    margin-bottom:15px;
    border-top:5px solid #e0e0e0
}
.operations.sponsors{
    margin-bottom:0;
}

.operations.sponsors img{
    margin-top : 10px
}
.operations .bloc{
    padding:0;
}
.operations h2{
    border-bottom:1px solid #efefef;
    padding:7px 15px;
    font-size:24px;
    margin-bottom:15px
}
.operations.sponsors h2{
    font-size:20px
}

.operations .content {
    padding: 0 15px;
    height: 90px;
}
.operations .desc{
    font-size:16px;
    margin-bottom:10px
}

.operations .btn{
    display:inline-block;
    background-color:#6471bf;
    border-bottom:5px solid #525ea9;
    color:#fff;
    text-transform:uppercase;
    font-size:20px;
    padding:7px 15px;
    text-decoration:none !important;
}

.operations .btn i{
    margin-left:15px
}
.operations .btn:hover{
    text-decoration:none;
    background-color:#7480c7;
}

.operations .btn-bloc{
    text-align:right;
    margin-bottom:15px
}

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

    .operations .btn{
        display:block;
        text-align:center;
        margin-top:10px;
    }
}


.coreg-video{
    width:100%;
    background-position: top center;
    background-repeat:no-repeat;
    background-size:100% auto;
    position:relative;
}
.coreg-video .img-video{
    position:relative;
    max-width:100%;
    z-index:1
}
.coreg-video .video-js{
    position:absolute;
    z-index:5;
    top:137px;
    left:179px
}

/*******************************************************************************************************************/
/* Gagnant *******************************************************************************************/
/*******************************************************************************************************************/
#wrapper{
    padding-bottom:80px;
}
.bloc-gagnants {
    background-color: #FFF;
    position: fixed;
    width: 100%;
    height: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    overflow: hidden;
}
.bloc-gagnants .gagnants-title {
    width:250px;
    height:70px;
    float:left;
    background-color:#494949;
    position:relative;
    text-align:center;
}
.bloc-gagnants .gagnants-title::after {
    content: "";
    position: absolute;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 23px solid #494949;
    height: 100%;
    left: 250px;
    bottom: 0px;
    z-index:10;
}
.bloc-gagnants .gagnants-title .gagnants-title-content {
    margin-top:10px;
}
.bloc-gagnants .gagnants-title .ico-cadeau {
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 46px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #FFF;
    border-radius: 50px;
    margin-right: 10px;
}
.bloc-gagnants .gagnants-title .ico-cadeau span.ico-gift {
    background-image : url('/assets/common/img/gift.png');
    width:21px;
    height:23px;
    display:inline-block;
    vertical-align:middle;
}
.bloc-gagnants .gagnants-title p {
    display:inline-block;
    vertical-align:middle;
    color:#FFF;
    font-size:20px;
    font-weight:300;

}
.bloc-gagnants .gagnants-title p span {
    text-transform:uppercase;
}
.bloc-gagnants .gagnants-slider {
    vertical-align: middle;
    width: 100%;
    height: 300px;
    text-align: center;
    padding: 0 15px 0 200px;
}
.bloc-gagnants .gagnants-slider .item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    text-align: left;
    height: 100%;
}
.bloc-gagnants .gagnants-slider .owl-item {
    border-right: 1px solid #e8e8e8;
}
.bloc-gagnants .gagnants-slider .owl-item:last-child {
    border-right:none;
}
.bloc-gagnants .gagnants-slider .item .gagnants-slider-content {
    margin-top: 5px;
}
.bloc-gagnants .gagnants-slider .item .user-icon {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    line-height: 76px;
    text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    margin-right: 10px;
}
.bloc-gagnants .gagnants-slider .item .user-icon span {
    background-image : url('/assets/common/img/picto-users.png');
    background-repeat:no-repeat;
    width:29px;
    height:29px;
    display:inline-block;
}
.bloc-gagnants .gagnants-slider .item .user-icon span.icon-woman {
    background-position:0 0;
}
.bloc-gagnants .gagnants-slider .item .user-icon span.icon-man {
    background-position:0 -29px;
}
.bloc-gagnants .gagnants-slider .item .user-infos {
    display:inline-block;
    vertical-align:middle;
}
.bloc-gagnants .gagnants-slider .item .user-infos p {
    font-size: 15px;
    color: #494949;
    margin-bottom:0
}
.bloc-gagnants .gagnants-slider .item .user-infos span {
    font-size: 13px;
    font-weight: 300;
    color: #8e8e8e;
}
@media (max-width: 1440px) {
    .bloc-gagnants .gagnants-slider .item .user-infos p {
        font-size:13px;
    }
}
@media (max-width: 767px) {
    .bloc-gagnants {
        display:none;
    }
}


#pop-depart{
    width:700px;
}
#pop-depart .title-depart{
    background-color:#373737;
    padding:10px 15px 15px 15px;
    color:#fff;
    text-align:center;
    position:relative;
}
#pop-depart .title-depart h3{
    font-size:32px;
    margin : 0
}
#pop-depart .title-depart h4{
    font-size:20px;
}

#pop-depart .operation-depart{
    padding:10px 0;
}

#pop-depart .arrow{
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:40px;
    border:3px solid #fff;
    background-color: #373737;
    position:absolute;
    bottom:-20px;
    left: calc(50% - 20px)
}

#pop-depart .arrow::after{
    content : '\f107';
    font-family:"fontAwesome";
    font-size:32px
}

@media (max-width: 700px) {
    #pop-depart{
        width:auto
    }
}

@media (max-width: 400px) {
    #pop-depart .title-depart h3{
        font-size:25px;
    }
    #pop-depart .title-depart h4{
        font-size:16px;
    }
}

#coreg_2053 textarea,
#coreg_2260 textarea{
    height:250px
}


.auto_adresse{
    position:relative;
}

.auto_adresse .auto_complete{
    display:none;
    position:absolute;
    right:0;
    left:0;
    border:1px solid #e3e3e3;
    border-top:none;
    background-color:#fff;
    overflow-y:scroll;
    z-index:5;
    width:100%;
    margin-top:-7px;
}

.auto_adresse .auto_complete ul{
    list-style-type: none;
    padding:0
}

.auto_adresse .auto_complete ul li a{
    display:block;
    padding: 10px 15px;
    border-bottom:1px solid #ccc;
    color:#888;
    font-size:14px;
}

.auto_adresse .auto_complete ul li a:hover, .auto_adresse .auto_complete ul li.hover a{
    background-color:#f2f2f2   ;
    text-decoration:none;
}

.infos_text{
    font-size:10px;
    margin:0 10px 10px 10px;
    line-height:10px;
    font-family: arial;
    text-align:left;
}
.infos_text a, .infos_text .nosponsor{
    color:inherit;
    text-decoration:underline;
}

#enquete .infos_text{
    width:60%;
    float:left;
    margin-top:15px;
    color:#595959;
    line-height:12px;
}

#pop-sponsor{
    width:700px
}
@media (max-width: 728px) {
    #pop-sponsor{
        width:auto
    }
}

#pop-sponsor .sponsor{
    text-align:left;
    border:1px solid #eee;
    box-shadow : 1px 1px 3px rgba(0,0,0,0.05)
}
#pop-sponsor .sponsor p{
    text-align:center;
    font-family:arial;
    font-size:10px;
    font-weight:300;
    padding:10px;
    margin-bottom:0
}
#pop-sponsor .sponsor p strong{
    font-weight:600
}

#pop-sponsor .sponsor .img-sponsor{
    background-color:#f1f1f1
}

#footer .mentions-foot{
    margin: 15px auto;
}

#footer .mentions-foot p{
    font-size:10px;
    margin-bottom:7px;
    color:#888
}
#footer .mentions-foot p a{
    padding:0;
    color:inherit;
    text-decoration:underline;
}

div.form{
    position:relative;
}
.bloc-hidden-step{
    background-color: rgba(255,255,255,0.8);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}
.bloc-overlay{
    position: absolute !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99; /* to be on the safe side */
    background: url(/assets/common/img/pix-white.png) repeat;
    opacity: .75;
    margin: 0;
    padding:0;
}

.cobrand-ban{
    display:block;
    background-color:#fff;
    text-align:center;
    padding:1em
}
.cobrand-ban > div{
    text-align:center;
    font-size:1.2rem;
    display:inline-block;
    vertical-align: middle
}
.cobrand-ban .cobrand-img img{
    height:70px;
    max-width:100%
}
#form_accueil_v2 .form-check{
    padding: 0 1em
}
#form_accueil_v2 .form-check .form-check-label{
    font-size:10px;
    font-weight:300;

}
#form_accueil_v2 .form-check .form-check-label a{
    color:inherit;
    text-decoration:underline
}


#form_accueil_v2 .form-v1{
    margin-bottom:1em
}

#form_accueil_v2 .form-v1 #btn-refuse{
    margin:0
}

#form_accueil_v2 #cta-valid,
#form_accueil_v2 #cta-refuse{
    font-size:0.8rem;
    padding : .7rem .7rem;
    margin : .5em
}

.cta-step2{
    font-weight: 400;
    color: #fff;
    background: #fcae06;
    padding: 12px 0;
    transition: all 0.3s ease;
    border-radius: 10px;
    text-transform: initial; 
    font-size: 0.8rem;
    padding: .7rem .7rem;
    margin: .5em;
    cursor:pointer;
    border-style: none;
}

.cta_step1{
    font-size: 14px;
    text-decoration: underline;
    cursor:pointer;
}