body { padding-top:90px; }



.col-50 {  width:100%;}
.col-50 .marge-right { margin-right:0;}
.col-50 .marge-left { margin-left:0;}

.col-65 {  width:100%;}

.col-35 {  width:100%; border-top:1px solid rgba(0,0,0,0.2); margin-top:30px; padding-top:20px;}


.center {  max-width:580px;}
#slideProduits .title { margin-right:0;}
.slideProducts .col-25 , .listingProducts .col-25{ width:auto; float:none;}
.slideProducts .product {  margin:5px;}

.listingProducts .product {  margin:5px;}
.listingProducts { margin:-5px;}

.slideProducts { position:static; margin:25px 0 20px 0; height:auto; overflow:visible;}
.slideProducts .slideWrap { position:static; overflow:visible; height:auto;}
.slideProducts .nav { display:none;}
.slideProducts .slide { width:100%; height:auto; position:static; left:100%;  overflow:visible; margin:0 auto;}
.product .picture {  height:80px; padding:15% 0; }
.product.more a { height:140px; background-size:46px; background-position:center 30%; }

#footer .wrap {  width:100%;}
#footer .logos { width:100%; text-align:center; padding:20px 0 0 0; margin:0; border-top:1px solid rgba(0,0,0,0.1);}
#footer .logos img { height:50px; width:auto; margin:2px;}

#footer .wrap ul { float:left; width:100%; list-style:none; margin:0; padding:0; font-weight:400;}
#footer .wrap ul li { margin:0 0; text-align:center;}

#menu ul { margin:0;}
#menu ul li.border { margin:0 !important; padding:0 !important;}
#menu ul li.border:before , #menu ul li.border:after { display:none; }

#footer .wrap ul li a { display:block; text-align: center; text-indent: 0; padding:10px 0 !important; margin: 0 !important; border-bottom:1px solid rgba(255,255,255,0.2); font-size:16px;}
.slideProducts .slideWrap:before, .slideProducts .slideWrap:after { display:none; }

#results-produits  { margin:0 -8px;}
#results-produits .col-20 .product { margin:10px}

.shareBar { display:none; }

#whoAreYou { padding:0; }

#mainSharing { display:none; }

#toggleMenu { border-radius:6px; background:rgba(0,0,0,0.1) url(../images/pictos/menu.png) no-repeat center center; background-size:30px; position:absolute; top:20px; right:20px; z-index:201; width:50px; height:50px;}


.title { font-size:14px; line-height:18px;  padding:12px 0 5px 60px ;  }
.title strong { font-size:18px;}

#menu #logo { width:50px; height:50px; z-index:201; left:20px; top:20px; }
#menu #logo-collector { width:50px; height:50px; z-index:201; left:80px; top:20px; }
#menuAnnexe { display:none;}

#menu .center { max-width:none;}
#menu { padding:0; height:90px; top:0; left:0; overflow:visible; box-shadow:0 0 5px rgba(0,0,0,0.2); position:fixed; width:100%;  z-index:50;}



#menu .wrap { position:relative; padding:0;}

#menuRight { position:absolute; left:150px; width:auto; bottom:auto; right:90px;z-index:5;  padding:0; height:34px; top:25px; } 
#menuRight form { top:0; bottom:auto; position:relative; margin:0 auto; max-width:320px; }

#mainMenu {  display:none;  position:fixed; top:0; left:0; width:100%; height:100%; background:#E50612; display:none; overflow:auto; -webkit-overflow-scrolling: touch;}

.collector #mainMenu { background-color: #009fe8;}



#mainMenu.open { display:block;}
#menu ul { padding-top:80px; border-bottom:1px solid rgba(0,0,0,0.1);}
#menu ul li { float:none; width:auto; margin:0 20px; padding: 0 !important; border-top:1px solid rgba(0,0,0,0.1);}
#menu ul li a {   height:auto; display:block; padding:20px 0 15px 0; background:none !important;  font-size:18px;  line-height:44px; text-decoration:none; }
#menu ul li a:hover { transform:scale(1,1);}
#menu ul li a.actif { transform:scale(1,1); }   
   
  

  #menu ul li a strong { display:inline; font-size:22px; } 
  #menu ul li a em { display:inline; font-size:22px;  } 

#menuRight form  a {  width:36px; height:36px;}
#menuRight form  a:hover { transform:scale(1,1); }
#menuRight input {  height:40px; border-radius:34px;   }


#pdvs .col { float:left; width:33.3333333333%; }

#gammes .col { width:50%; }   
.filter .age { margin:0; width:100%; padding:0; border-width:1px 0; overflow:hidden; }
.filter .age span { display:none;}
.filter .age a { width:20%;}
.filter .age a span { display:block;}
.filter .selector { margin:10px 0 5px 0; width:100%; }
.filter .separe {  height:1px; margin:7px 0 2px 0; width:100%; }

#results-produits .col-20 { width:50%;}

.vignettes { margin:-5px;}
.vignettes .col { float:left; width:50%; }
.vignettes .col span { display:block; margin:5px;}

#actus .actu , #actus.hasOpe .actu {  width:100%; }
#actus .actu a {  margin:5px 0;  }

#actus.hasOpe #itemize { width:100%;}
#opesPromo { float:left; width:100%;}



#actu .actu { width:100%;}
#actu .actu .wrap { margin:0;}
#actu .last { width:100%; }
#actu .last .wrap { margin:30px 5px 0 5px;}
#actu .actu .wrap {  padding:2px 17px;}


#presse .presse {  width:100%; }

#actu .actu .wrap img {  height:auto !important; width:auto !important; max-width:100% !important; display:block; margin:15px 0 !important; float:none !important; display:block; }

#opesPromo div { margin:0 0;}


#who .wrap { margin-right:0;padding:2px 17px;}
#frise { position:static; height:auto; width:auto;  text-align:center; margin:30px 5px 5px 5px;  }

#frise li { position:relative; margin:0; padding:20px; border:none; border-top:1px solid rgba(0,0,0,0.1);   }
#frise li:before { display:none;}


#search .searchCat { position:static; width:auto; margin:30px 0 ;}
#search .searchResults { margin:20px 0 0 0;}
#search .searchResults hr { display:none;}
#search .searchCat h2 { display:none;}

#search a.result { padding:10px 10px 10px 66px;  }
#search a.result .picture { width:44px; height:44px; top:10px; left:10px;}


.col-quizz {position:static; width:100%; max-width:300px; margin:20px auto;}
.boxFormQuizz.exists { padding:0;}


#goTop { width:48px; height:48px;  bottom:20px; right:20px; }