@charset "UTF-8";
/* CSS Document */

#debug{
   font-size:12px;
   color:#000;
   clear:both;
   padding-top:100px
}
html{ font-size:100%; width:100%; height:100% }
body{
   font-family:"lato", sans-serif;
   color:#595959;
   width:100%;
   height:100%;
   position:relative;
   background-image:url('/assets/conso-enquete/img/bg_body1.jpg');
   background-repeat: repeat;
   background-position: top center;
} 

@font-face {
   font-family: 'danielblack';
   src: url('/assets/conso-enquete/fonts/daniel_black_french/Daniel-Black-webfont.eot');
   src: url('/assets/conso-enquete/fonts/daniel_black_french/Daniel-Black-webfont.eot?#iefix') format('embedded-opentype'),
      url('/assets/conso-enquete/fonts/daniel_black_french/Daniel-Black-webfont.woff') format('woff'),
      url('/assets/conso-enquete/fonts/daniel_black_french/Daniel-Black-webfont.ttf') format('truetype'),
      url('/assets/conso-enquete/fonts/daniel_black_french/Daniel-Black-webfont.svg#danielblack') format('svg');
   font-weight: normal;
   font-style: normal;

}

.margV {
   margin-bottom: 15px;
   margin-top: 15px;
}
.po{
   z-index: 3;
}
#shoe{
   position:absolute;
   right: 37px;
   top:-20px;
   z-index: 1000;
}
#wrapper{
   width:auto;
   margin: 0 auto;
}
#titre{
   width:100%;
   clear:both;
   background-color: #fff;
}
#titre h1{
   padding: 1% 1% 1% 1%;
   text-align: right;
   font-variant: small-caps;
}	
.s14{
   padding: 1% 0% 0% 0%;
}	
#droite h2{
   color: #fff;
   font-style: bold;
   font-size: 22px;
   text-align: right;
   margin: 0 0 15px 0;
}	
#droite h2 span{
   background: url("/assets/conso-enquete/img/bg-numero.png") no-repeat scroll 0 0 ;
   display:inline-block;
   height:57px;
   left:-10px;
   line-height:70px;
   text-align:center;
   width: 50px;

}
.dr h2{
   color: #fff;
   font-style: bold;
   font-size: 22px;
   text-align: right;
   margin: 0 1% 0 0;
}	
.dr h2 span{
   background: url("/assets/conso-enquete/img/bg-numero.png") no-repeat scroll 0 0;
   display:inline-block;
   height:57px;
   left:-10px;
   line-height:70px;
   text-align:center;
   width: 50px;

}
#content{
}	

#gauche img{
   margin-left: -25px;
}	
#prev2 {
   float: left;
   position: absolute;
   top: 118px;
   left: -20px	}
#next2 {
   float: right;
   position: absolute;
   top: 118px;
   right: 2px;
}
#hr{
   border-bottom: 1px solid #f47d43;			
   clear: both;
}
#carousel{
   width: 100px;
}

#carousel li{
   display: block;
   float: left;
   height:190px;
   width:200px;
   overflow: hidden;
   margin: 20px 0 0 15px;
}

#display{
   height: 390px;
   background: url("/assets/conso-enquete/img/bg_slider.png") no-repeat;
}

#arrow{
   height: 0;
   overflow: hidden;
   position: absolute;
   right: -80px;
   top: -28px;
   z-index: 7;
}

/* Générique **************************************************************************************************************/
p{ font-size:12px; text-align:justify; margin-bottom:15px;}

strong{ font-weight:600; }

.s9{ font-size:9px; } .s10{ font-size:10px; } .s11{ font-size:11px; }
.s12{ font-size:12px; } .s14{ font-size:14px; } .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; } .s36{ font-size:36px; } .s48{ font-size:48px; }
.s38{ font-size:38px; }

.orange{ color:#5060c2 }

.fRight{ float:right; } .fLeft{ float:left; }
.center{ text-align:center; } .right{ text-align: right; } .left{ text-align: left; } .justify{ text-align:justify; }

.color1{ color:#5060c2 ;} .color2{ color:#767676 ;} .color3{ color:#5b68ae ;} .color4{ color:#5b68ae ;} 

.pad10{ padding:10px; } .padV10{ padding:10px 0; } .padH10{ padding:0 10px; }
.marg10{ margin:10px; } .margV10{ margin:10px 0; } .margH10{ margin:0 10px; }
.margB10{ margin-bottom:10px; } .margT10{ margin-top:10px; } .margL10{ margin-left:10px; } .margR10{ margin-right:10px; }

hr{ border:none; height:1px; color:#ccc ; background-color:#ccc; margin-bottom:15px; text-shadow : 0 1px 0 #fff}	

.img{ border: 1px solid #b8d7f0; }
.img img{ width:96%; margin:2%; }

h1,h2,h3,h4,h5{ margin-bottom:15px; font-weight:normal;}

a{ color:#fff }
#mentions-easy{ color:#636fc5 }
a:hover{ text-decoration:underline; }

.none{display:none; }

.w620{ width:620px; }	

#popResto a{ color:#d31212}


.repondez{
   width:400px;
   margin: 160px 0 0 150px;
   line-height:24px
}
.bonus{
   margin: 93px 0 0 140px;
}	

/* header ********************************************************************************************************* header */
#header{ margin: 0 ; background-color:#373737; width:100%; height:110px;}
#header .logo{ margin:4px 0 0 0; padding:0}
#header .logo img{position: relative; width:245px}
#header .compteurs{ margin-top:0px; }


/* Footer ********************************************************************************************************* Footer */
#footer{
   padding-bottom:10px;
}
.footer{
   height: 50px;
   line-height: 50px;
   text-align: center;
}
.footer a{
   font-size:14px;
   margin-right:15px;
   font-weight:bold;
   color:#5b68ae;
}
/* Formulaires ************************************************************************************************* Formulaires */
#formWrap{
   clear: both;
   background-image: url('/assets/conso-enquete/img/bg_form.png');
   z-index:3;
}
.wrapperForm{
   position:relative;
   z-index:3;
}

.form input[type=password], .form input[type=text], .form select{
   width:100%;
   padding : 0 10px;
   height:40px;
   line-height:40px;
   margin-bottom:7px;
   border:none;
   font-weight:normal;
   color:#444;
  font-family:"lato", sans-serif;
   font-size:14px;
}
.form textarea{ line-height:normal }

.form .message textarea{
   height:150px;
}

.form select{ padding-right:0;}	

.form input[type=password], .form input[type=text], .form textarea{ 
   border: 1px solid #e3e3e3;
   box-shadow : 1px 1px 1px 0 #f7f7f7 inset;
}	


.form input[type=password]:focus, .form input[type=text]:focus, .form input[type=password]:hover, .form input[type=text]:hover,
.form .message textarea:hover, .form .message textarea:focus{ box-shadow : none; border-color:#959fdb}	
.form select option{ padding:2%; color:#545454; background-color:#fff; font-size:12px;}	
.form .court{ width:100px; }
.form .home{ width:240px; }
.form .moyen{ width:240px; }
.form .long{ width:260px; }
.form label{ font-size:14px; }


.form .court, .form .home, .form .moyen, .form .select{margin-right:8px; position:relative; }

select, input[type=checkbox], input[type=radio]{ cursor:pointer; }

.form div, .form table tr td{
   position : relative;
}



.erreur_connexion{
   color:white;
   font-size:12px; 
   background-color:#ea4b4b;
   border-radius:5px;
   padding:5px;
}




.btnBig input, .btnBig button, .btnBig a, .btnSmall input {
   background: url("/assets/conso-enquete/img/btns.png") repeat-x scroll 0 0;
   border: medium none;
   box-shadow: 3px 3px 3px #A8A5A3;
   color: #FFFFFF;
   cursor: pointer;
   float: left;
   font-size: 20px;
   font-weight: bold;
   height: 73px;
   line-height: 73px;
   text-align: center;
   width: 100%;
}
.btnBig input:hover, .btnBig button:hover, .btnBig a:hover ,.btnSmall input:hover{
   background: none repeat scroll 0 0 #5060c2;
   text-shadow: none !important;
}
.btnSmall input, .btnSmall button {
   background-position: 0 -73px;
   float: right;
   font-size: 16px;
   height: 40px;
   line-height: 40px;
   width: 220px;
}

.form div .error{
   position:absolute;
   width:279px;
   height:29px;
   background: url('/assets/conso-enquete/img/error.png') 0 0 no-repeat;
   font-size:12px;
   color:#fff;
   top:-27px;
   padding-left:30px;
   line-height:22px;
   left:200px;
   z-index:3
}	
.form div.moyen .error{ left:220px; }
.form div.home .error{ left:220px; }	
.form div.court .error { left:80px; }	
.form div.long .error{ left:220px; }	
.form div.date .error{ left:150px; }	
.form div.proche .error{ left:70px; }	
.form div.select .error{ left:70px; }	

.form table{
   border:none;
   background:none;
}
.form table td{
   border:none;
   text-align:left;
   padding:0;
}	

.formStyle{
   background-color:#dbecfb;
   border:1px solid #b8d7f0
}	

.formStyle table{ width:94%; margin:3% }
.formStyle table td{ font-size:14px; }
.formStyle input[type=text]{ 
   border: 1px solid #b8d7f0;
   box-shadow : 1px 1px 1px #fff
}

.formStyle legend{ padding:10px 10px 0 10px }	



/* Spécial form Accueil ***************************/
.form_elem{
    display:inline-block;
    padding-right:10px;
    width:49%;
    vertical-align:middle;
    position:relative;
}

.form_elem#id_gender{ width:16% }
.form_elem#firstname, .form_elem#lastname{ width:35% }
.form_elem#cityBlock div.selector.fixedWidth span{ max-width:none }
.form_elem#pcode{width:180px}
/* Compteur ********************************************************************************************************************************/	
.bloc_compteur{
   display:inline-block;
   padding:0 15px;
   margin-top:15px;
   float: right;
}

.bloc_compteur p{
   color:#dadada;
   margin:0;
}	

.bloc_compteur img{ float:left; }	
.bloc_compteur .picto{
    display:inline-block;
    width:49px;
    height:49px;
    background:url('/assets/conso-enquete/img/picto-compteur.png') 0 0 no-repeat;
    margin-right:10px;
    float:left;
}
.bloc_compteur .picto.livraison{ background-position: -50px 0}
.bloc_compteur .picto.fb{ background-position: -100px 0}

.bloc_compteur .compteur-content{
    float:left
}
.compteur{ float:right; }
.compteur{
   color: #fff;
   float: left;
   font-size: 20px;
   text-align: left;
   margin: 0
}
.compteur .fb-like{ top:-4px; z-index:5 }



.partenaires {
   display: block;
   height: 30px;
   margin:0 auto 20px auto;
   width:800px;
}
.partenaires span{
   float:left;
   margin-top:10px;
}

#footer_slider img{
   margin-left:10px;
}

/* PopUp Restopolitan *****************************************************************************************************/
#popResto { width : 600px }
#popResto .content, #commandeResto .content{
   background: url('/assets/conso-enquete/img/FicheRestopolitan.gif') right top no-repeat;
}

.liste123{
   margin-bottom:15px;
}

#popResto .content .s18{ color:#3d7eaf }	

.liste123 li{
   margin-bottom:15px;
}	

.liste123 li span{
   display:block;
   width:26px;
   height:26px;
   background-color:#da4b44;
   color:#fff;
   font-weight:bold;
   font-size:12px;
   text-align:left;
   float:left;
   margin-right:10px;
   line-height:26px;
   text-align:center;
}

#popResto, #commandeResto,#cadeauxProche, #bienvenue{
   background:none;
   box-shadow:none;
   border-radius:none;
   margin:0;
   border:none;
}

#commandeResto .content .blocL{	
   width:320px;
}	

#commandeResto .content .ajoute{
   padding-top:8px
}	

#commandeResto .select{
   margin: -10px 0 5px 10px
}	
#contentdr {
   height : 435px;
}      
#contentdr p{
   font-size: 14px;
   color:#3d3d3d;
   line-height:18px;
}
#contentdr p span{
   font-weight: bold;
}
#intro {
   position:relative;
   left:-30px;
}
#intro2 p{
   font-size: 14px;
   color:#3d3d3d;
   line-height:18px;
}
#intro2 p span{
   font-weight: bold;
   text-transform: uppercase;
   color:#5060c2;
}
#intro2 img{
   position:relative;
   top: -20px;
   right: -5px;
   z-index : 2;
}
.container_12 h1 {
   font-size: 22px;
   color:#3d3d3d;
   text-align: center;
   text-transform: uppercase;
   font-weight: bold;
   padding-top:5px;
}
.container_12 h1 span {
   font-family: 'danielblack';
   color: #5060c2;
}
.people {
   position:relative;
   top:-80px;
   z-index: 1;
}
#direct {
   background-color: #4b4b4b;
   height: 35px;
   margin-top: -40px;
   position: relative;
   width: 100%;
   z-index: 3;
}
.direct {
   line-height: 35px;
}
.direct .email {
   border: 1px solid #B6B6B6;
   border-radius: 5px;
   box-shadow: 1px 1px 1px 0 #BEBEBE inset;
   color: #7F7F7F;
   float: left;
   font-weight: bold;
   height: 22px;
   line-height: 22px;
   margin-top: 5px;
   padding: 0 10px;
   width: 90%;
}
.direct .valider {
   background: url("/assets/conso-enquete/img/btns.png") repeat-x scroll 0 -73px;
   border: medium none;
   color: #FFFFFF;
   cursor: pointer;
   float: left;
   height: 24px;
   line-height: 24px;
   margin-top: 5px;
   text-align: center;
   width: 95%;
}
.direct .valider:hover {
   background-position: 0 -22px;
}
.direct .color5 {
   color: #B8B8B8;
}



.dotted {
   border-left: 3px dotted #bbbaba;
   border-right: 3px dotted #bbbaba;
}



p {
   font-size: 14px;
   margin-bottom: 15px;
   text-align: justify;
}
.omega {
   margin-right: 0;
}
.center {
   text-align: center;
}
.color5 {
   color:#3c4670;
}









/* Step écolo ***/
.recommande {
   position: absolute;
   right: 0;
   top: 0;
}

.vert{color:#829C06}




#desinscription_content .btnBig input{

   height:30px;
   width:170px;
   font-size:16px;
   margin: 2px 0 0 20px;

}


/* Step Vacanciel *******************************************************************************************/	
/*#stepid_2 #L2 .contentL{
   height:293px;
   background-image : url('../../COMMON/images/coreg/step_vacanciel-bg.jpg');
   background-repeat:no-repeat;
   background-position: center center;
   position:relative;
}

#stepid_2 #L2 .contentL .question{
   position:absolute;
   width:255px;
   top : 200px;
   left: 410px
}

#stepid_2 #L2 .contentL .ouinon{
   position:absolute;
   top:205px;
   left:270px;
}

#stepid_2 #L2 .contentL .ouinon .radio, #stepid_2 #L2 .contentL .ouinon label{ margin-top:50px; float:left}*/


/* Step Audika *******************************************************************************************/
.audika #L2 .contentL{
   height:269px;
   background-image : url('../../common/coreg/bg_audika.png');
   background-repeat:no-repeat;
   background-position: center center;
}

.audika #L2 .contentL .question{
   width: 430px;
   margin-top:90px;
}
#enqueteRight .repas {
   text-align: center;
}

select{ padding:0; display:block; }

@media screen and (max-width:960px) {
    .logo{ text-align:center; }
    #header .col-xs-0{ display:none; }
}


.operations h2{
    color:#6471bf
}