@media screen and (max-width: 1500px){
   #verseur .versModal-content {width: 40%!important;margin: 40% auto;}
}
@media screen and (max-width: 1300px){
  .wrapper{padding-left:120px; padding-right:60px;} 
  .calcoolateur-section .wrapper{padding-left:120px; padding-right:60px;} 
  #verseur .wrapper{padding-left:120px!important; padding-right:60px!important;}  
  #hero .owl-dots{padding-left:120px; padding-right:60px;}   
  .custom-content .pageWrapper .wrap-960{padding-left:120px; padding-right:60px;}   
  footer .backToTop{right:60px;} 
  #content.with-sidebar .wrapper .wrap-660.main{padding-right:0; padding-left:300px;}
  .custom-content .regularWrapper.right .wrap-660{padding-right:0; padding-left:300px;}
  #content.with-sidebar .sidebar{ width: 360px; padding-left: 120px;} 
  .video .wrap{padding-left:120px; padding-right:60px;}  
  header .wrapper .left{left:120px; }
  header .wrapper .right{right:60px;}    
  footer .wrapper .top > div{width:100%; max-width:100%!important; display:block;}
  footer .wrapper .top .right{position:relative; padding-bottom:50px;}
  footer .wrapper .top .right .wrap{padding-left:0;}
  footer .wrapper .top .right .wrap .newsletter{flex:none;}
  footer .wrapper .top .right .wrap .newsletter form input:first-child{width:100%; max-width:400px;} 
  footer .bot .mid{flex:0; position:absolute; top:38px; left:0; right:0;}
  footer .bot .mid .logo a{margin:auto;}
  footer .bot .left, footer .bot .right{text-align: center;}
  footer .bot .wrapper{padding-top:110px; display:block;} 
  #content.with-sidebar .wrapper .wrap-660.main .share{ display:none; }
  #content.with-sidebar .sidebar .share{display:block;} 
  #content.with-sidebar .sidebar .share{ width:auto; height:auto; left:0; top:0; position:relative; margin-bottom:0px; z-index:10;}
  #content.with-sidebar .sidebar .share a{margin-left:8px; margin-bottom:0;}
  #content.with-sidebar .sidebar .share .a2a_svg{height:38px!important; width:38px!important;}
  #content.with-sidebar .sidebar .share .a2a_svg svg{height:21px!important; width:21px!important;}
  #content.with-sidebar .sidebar .share a.a2a_button_facebook{margin-left:0;}
  #content.with-sidebar .sidebar .share .a2a_svg.a2a_s_linkedin svg{height:23px!important; width:23px!important;}
  #content.with-sidebar .sidebar .share .a2a_svg.a2a_s_email svg{height:26px!important; width:26px!important;}   
  .publications{margin-left:0; margin-right:0;}
  .publications .publication{width:33%;} 
  .publications .publication:nth-child(4n+1){ padding-left:initial; padding-right:initial; }
  .publications .publication:nth-child(4n+2){ padding-left:initial; padding-right:initial; }
  .publications .publication:nth-child(4n+3){ padding-left:initial; padding-right:initial; }
  .publications .publication:nth-child(4n){ padding-left:initial; padding-right:initial; } 
  .publications .publication:nth-child(3n+1){ padding-left:0px; padding-right: 25px; } 
  .publications .publication:nth-child(3n+2){ padding-left:13px; padding-right:13px; }
  .publications .publication:nth-child(3n+3){ padding-left:25px; padding-right:0; }  
  .custom-content .halfTextImg .wrapper{display:block;}
  .custom-content .halfTextImg .wrapper .img-container{display:block; width:100%; padding-bottom:70px;}
  .custom-content .halfTextImg .wrapper .img-container .img{ left:0; }
  .custom-content .halfTextImg .wrapper .img-container{min-height:initial; max-height:initial; max-width:660px; height:400px; margin-bottom:40px;} 
  .custom-content .textImgQuote .wrapper{display:block; padding-bottom:70px;}
  .custom-content .textImgQuote .wrapper .container{display:block; width:100%; max-width:660px; padding-left:0; margin-top:40px;}
  .custom-content .textImgQuote .wrapper .container .img{min-height:initial; max-height:initial; max-width:660px; height:400px; }
  .custom-content .textImgQuote .wrapper .container .img div{right:0;}  
  #content.with-sidebar.empty-sidebar .wrapper .wrap-660.main .share{ display:block!important; margin-top:40px;} 
  #content.with-sidebar.empty-sidebar .share{ width:auto; height:auto; left:0; top:0; position:relative; margin-bottom:0px; z-index:10;}
  #content.with-sidebar.empty-sidebar .share a{margin-left:8px; margin-bottom:0;}
  #content.with-sidebar.empty-sidebar .share .a2a_svg{height:38px!important; width:38px!important;}
  #content.with-sidebar.empty-sidebar .share .a2a_svg svg{height:21px!important; width:21px!important;}
  #content.with-sidebar.empty-sidebar .share a.a2a_button_facebook{margin-left:0;}
  #content.with-sidebar.empty-sidebar .share .a2a_svg.a2a_s_linkedin svg{height:23px!important; width:23px!important;}
  #content.with-sidebar.empty-sidebar .share .a2a_svg.a2a_s_email svg{height:26px!important; width:26px!important;} 
  #content.with-sidebar .sidebar .share{padding-top:0;}  
  footer .wrapper .top{display:block;}
  footer .bot .left, footer .bot .right{ min-width:initial;}
  footer .bot .wrapper{padding-left:20px!important; padding-right:20px!important;}

  #verseur .btn-radio label, 
  #verseur .btn-radio-drink label, 
  #verseur .glass-label{color: #fff;}

  #verseur .pourcentage label{
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.35px; 

  }

  #verseur .btn-radio, 
  #verseur .btn-radio-drink, 
  #verseur .btn-radio-glass,
  #verseur .btn-radio-drink:first-child{
     cursor: pointer;
     padding: 2px 10px;
     background-color: #003da5;
     min-height:40px;
     border-radius: 30px; 
     margin-top: 5px;
     width:32.3%;
     margin:0 0.5% 10px 0.5%;

  } 
  #verseur .btn-radio label, #verseur .btn-radio-drink label{
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.35px; 

  }
  #verseur input[type="radio"]{ border: none; width: 14px; height: 14px;}
  #verseur input[type="radio"]:checked{background-color: #003da5; border: 3px solid #fff;}
  #verseur .empty-drink1,#verseur .empty-drink2,#verseur .empty-drink3{display: flex;justify-content: center;}
  #verseur .group-info.second-group div{margin-bottom:70px; margin-left:1%; margin-right:1%;} 
  #verseur .group-info.second-group span.btn-radio-glass{
     height: 40px;
     position: absolute; 
     bottom: -70px;
     left: 0;
     right: 0;
     width: 100%;
     display: flex;
     flex-direction: row;
     flex: 1;
     align-items: center;
     justify-content: flex-start;
  }
  #verseur .glass-label{display:flex; align-items: center;}
  #verseur .group-info.second-group span.btn-radio-glass label{flex:1; width:100%;}
  #verseur .group-info.second-group span.btn-radio-glass label:before, #verseur .group-info.second-group span.btn-radio-glass label:after{
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.35px;  
     display:flex;
  }
  .calcoolateur-section span.q-tooltip-text{right:0; left:initial;}
  .calcoolateur-section span.q-tooltip-text:before{right:8px; left:initial;}


}	

@media screen and (max-width: 1170px){ 
  #verseur .group-info,
  #verseur .group-info.second-group,
  #verseur .group-info{ padding: 40px 40px!important;} 
} 

@media screen and (max-width: 1045px){  
   #verseur .versModal-content {width: 45%!important;margin: 50% auto;}
}

@media screen and (max-width: 1024px){ 
  body #hero{max-height:768px; min-height:auto;}
  .promoted .grid article .lien{ font-size: 24px; line-height: 30px;}
  .promoted .grid article{height:350px;} 
  .gallery .su-custom-gallery .su-custom-gallery-slide{width:24%;}
  .archive .grid article:first-child .wrap .content, .archive .grid article:nth-child(2) .wrap .content{ padding-left: 40px; padding-right: 40px; }
  .archive .grid article.row-3:first-child, .archive .grid article.row-3:nth-child(2){height:275px;}
  .archive .grid article.row-3:first-child .content h3.h4, .archive .grid article.row-3:nth-child(2) .content h3.h4{ font-weight: 400; font-size: 20px; line-height: 24px;} 
  .archive .grid article.row-3:first-child{padding-right:11px;}
  .archive .grid article.row-3:nth-child(2){padding-left:11px;}
  .archive .grid article.row-3:first-child, .archive .grid article.row-3:nth-child(2){margin-bottom:22px;}
  .grid article.row-3 .wrap .thumbnail{height:180px;} 
  .archive .grid article.row-3.regular:nth-child(3n){ padding-left:0px; padding-right: 15px; } 
  .archive .grid article.row-3.regular:nth-child(3n+1){ padding-left:8px; padding-right:8px; }
  .archive .grid article.row-3.regular:nth-child(3n+2){ padding-left:15px; padding-right:0; }
  .archive .grid article.row-2{height:275px; margin-bottom:22px;}
  .archive .grid article.row-2 .content h3.h4{ font-weight: 400;  font-size: 24px; line-height: 30px;}
  .archive .grid article.row-2 .wrap .content{ padding-left: 40px; padding-right: 40px; } 
  .archive .grid article.row-2:nth-child(odd){padding-right:11px;}
  .archive .grid article.row-2:nth-child(even){padding-left:11px;} 
  #header.intro.secondary-archive .wrapper .content{min-height:auto;}
  .grid article .wrap{padding-bottom:22px;}
  .promoted .grid article:first-child .lien{right:-100vh;}
  .promoted .grid article:nth-child(2) .lien{left:-100vh;}
  .promoted .grid article:last-child .wrap .content,
  .promoted .grid article:nth-child(2) .wrap .content{padding-left:0; padding-right:0;}  
  #header.intro .wrapper .content .wrap{display:block; width:100%;}
  #header.intro .wrapper .content .title{width:100%; display:block; padding-right:0; margin-bottom:20px;}
  #header.intro .wrapper .content .about{width:100%; display:block; padding-left:0; max-width:660px; min-height:auto;}
  .featured article{height:500px;}
  body.logo-true header .wrapper .mid .logo{padding-bottom:0;} 
  .wrap-960{max-width:initial;}  
  .video{ margin-bottom:-220px;}
  #header.regular .wrapper{padding-top:160px}
  #menu #menu-list .menu-list-wrapper .wrap > div.secondary{padding-bottom:40px;}
  header .wrapper .right{display:none;}   
  #menu #menu-list .menu-list-wrapper .calcoolateur{display:flex!important; align-items: center; text-align: center; }
  #menu #menu-list .menu-list-wrapper .calcoolateur a{margin:auto; display:inline-flex;} 
  #hero .owl-carousel .item .wrapper .content p{margin-bottom:30px;} 
  .publications .publication:nth-child(3n+1){ padding-left:0px; padding-right: 15px; } 
  .publications .publication:nth-child(3n+2){ padding-left:8px; padding-right:8px; }
  .publications .publication:nth-child(3n+3){ padding-left:16px; padding-right:0; }  
  body .publications .publication .wrap .fields div label{display:none;} 
  body.lang_fr .publications .publication .wrap .fields div:before{content:'FR';}
  body.lang_fr .publications .publication .wrap .fields div:last-child:before{content:'AN';}  
  body.lang_en .publications .publication .wrap .fields div:before{content:'FR';}
  body.lang_en .publications .publication .wrap .fields div:last-child:before{content:'EN';}  
  .publications .publication .wrap .fields div:before{
     font-size: 11px;
     line-height: 16px;
     letter-spacing: 0px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0;
     font-family: 'Montserrat', sans-serif;
     text-decoration: none;  
     padding-right:5px;
  }
  .publications .publication .wrap .fields div{position:relative;}
  .publications .publication .wrap .fields div:last-child{padding-left:5px;}
  .publications .publication .wrap .fields div:first-child{padding-right:5px;}
  .publications .publication .wrap .fields div input{flex:1;}
  #outils-promoted .outils{padding-left:40px; padding-right:40px;}
  #verseur .versModal-content {width: 50%!important;margin: 55% auto;}
}
@media screen and (max-width: 1003px){ 
  #verseur .group-info.third-group .resultats{flex-direction: column;}
  #verseur .group-info.third-group .solo-drink{width: 100%!important;}
}
@media screen and (max-width: 975px){ 
  #verseur .btn-radio, 
  #verseur .btn-radio-drink, 
  #verseur .btn-radio-glass,
  #verseur .btn-radio-drink:first-child{ width:48%; margin:0 1% 10px 1%; }

}
@media screen and (max-width: 970px){
  .calcoolateur-section .head.small.fixe:after {left: 32%;}
  .calcoolateur-section .header-results span{line-height: 1.2em !important;}
  .calcoolateur-section .results{padding: 0; flex-direction: column;} 
  .calcoolateur-section .results .block-1-2:nth-child(1){padding-bottom: 0;}
  .calcoolateur-section .results .num.colored-num {margin-top: 5px;}
  .calcoolateur-section .results .block-1-2:first-child{width:100%; display:block;}
  .calcoolateur-section .header-results h3{font-size: 24px; line-height: 32px;}
  .calcoolateur-section .results{padding:20px; }
  .calcoolateur-section .results .block-1-2:first-child{padding:0 0 0 0; width:100%; margin-bottom:20px; margin-top:10px;}
  .calcoolateur-section .results .block-1-2:last-child{width:100%; margin:0 0 0 0;}
  .calcoolateur-section .results{padding-bottom:0;}
  .calcoolateur-section .results .infos{text-align: left;}

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

  .calcoolateur-section .bloc-conso{padding-left:20px; padding-right:20px; }
  .calcoolateur-section .verre-type .verre-standard{right:25px;}
  #verseur .group-info.second-group{
     display: block; 
     flex-direction: column;
     width: 100%;
     padding-bottom: 35px;
     justify-content: center;
  }
  #verseur .empty-drink1, #verseur .empty-drink2, #verseur .empty-drink3{display: flex;flex-direction: row;width: 100%!important;align-items: flex-end;margin-bottom: 15px;}
  #verseur .group-info.second-group span.btn-radio-glass{
     position: initial;
     display: flex;   
     margin-bottom:0;
  }
  #verseur .glass-label{display: inline-block;width: 90%;}
  #verseur .group-info.second-group div {
     max-width: 400px;
     margin:auto;
     background-position: left center!important;
     margin-bottom: 20px; 
     padding-left:80px;

  } 
  #verseur .group-info.second-group.beer div.empty-drink1{height: 80px; background-size: 40px 80px; align-items: center;}
  #verseur .group-info.second-group.beer div.empty-drink2{height: 80px; background-size: 40px 80px; align-items: center;}
  #verseur .group-info.second-group.beer div.empty-drink3{height: 80px; background-size: 60px 80px; align-items: center;}
  #verseur .group-info.second-group.wine div.empty-drink1{height: 60px; background-size: 40px 60px; align-items: center;}
  #verseur .group-info.second-group.wine div.empty-drink2{height: 80px; background-size: 40px 80px; align-items: center;}
  #verseur .group-info.second-group.wine div.empty-drink3{height: 80px; background-size: 50px 80px; align-items: center;}
  #verseur .group-info.second-group.mute div.empty-drink1{height: 80px; background-size: 40px 80px; align-items: center;}
  #verseur .group-info.second-group.mute div.empty-drink2{height: 80px; background-size: 40px 80px; align-items: center;}
  #verseur .group-info.second-group.mute div.empty-drink3{height: 80px; background-size: 40px 80px; align-items: center;}
  #verseur .group-info.second-group.fort div.empty-drink1{height: 30px; background-size: 20px 30px; align-items: center;}
  #verseur .group-info.second-group.fort div.empty-drink2{height: 40px; background-size: 40px 40px; align-items: center;}
  #verseur .group-info.second-group.fort div.empty-drink3{height: 55px; background-size: 40px 55px; align-items: center;}
  #verseur .group-info.second-group.cidre div.empty-drink1{height: 80px; background-size: 20px 80px; align-items: center;}
  #verseur .group-info.second-group.cidre div.empty-drink2{height: 80px; background-size: 30px 80px; align-items: center;}
  #verseur .group-info.second-group.cidre div.empty-drink3{height: 80px; background-size: 40px 80px; align-items: center;}
  #verseur .group-info.third-group .resultats > div.first{max-width:initial; left:0!important;}
  #verseur .group-info.third-group .resultats > div.first{ background-position: center!important;}
  body.lang_en #verseur .group-info.third-group .resultats > div.first{background-position:left center!important;}
}

@media screen and (max-width: 910px){
  #verseur .btn-radio label, #verseur .btn-radio-drink label{width: 95%;display: inline-block;cursor: pointer;}

  #verseur .case{width: 100%;}
  #verseur .p-group{display: block;}  
} 

@media screen and (max-width: 840px){  
  .video{ margin-bottom:-180px;}
  #header.regular .wrapper{min-height:400px; padding-bottom:140px;}
  #header.regular.empty .wrapper{padding-bottom:70px;} 
  .wrapper{padding-left:40px; padding-right:40px;}
  .calcoolateur-section .wrapper,
  #verseur .wrapper{padding-left:40px!important; padding-right:40px!important;}
  #hero .owl-dots{padding-left:40px; padding-right:40px;}
  .custom-content .pageWrapper .wrap-960{padding-left:40px; padding-right:40px;} 
  footer .backToTop{right:40px;}    
  .video .wrap{padding-left:40px; padding-right:40px;}  
  header .wrapper .left{left:40px;} 
  #content.with-sidebar .wrapper { display: block; }  
  #content.with-sidebar .wrapper .wrap-660.main{max-width:660px; padding-right:0; padding-left:0; padding-top:60px;}
  .custom-content .regularWrapper.right .wrap-660{max-width:660px; padding-right:0; padding-left:0;}
  #content.with-sidebar .sidebar{padding-left:0;}
  #content.with-sidebar .sidebar:before{
     content: "";
     height: 100%;
     top: 0;
     left: -200px;
     right: -200px;
     background-color: #E6ECF6;
     position: absolute;
  }
  body .share{ width:auto; height:40px; left:120px; right:auto; top: auto; bottom:0; margin-bottom:0px; z-index:10;}   
  .archive .grid article.row-3:first-child{padding-right:0;}
  .archive .grid article.row-3:nth-child(2){padding-left:0;}
  .archive .grid article.row-3:first-child, .archive .grid article.row-3:nth-child(2){height:400px; margin-bottom:30px; width:100%; display:block;} 
  .grid .row-3{width:50%;}
  .archive .grid article.row-3.regular:nth-child(3n){ padding-left:auto; padding-right: auto; } 
  .archive .grid article.row-3.regular:nth-child(3n+1){ padding-left:auto; padding-right:auto; }
  .archive .grid article.row-3.regular:nth-child(3n+2){ padding-left:auto; padding-right:auto; }
  .archive .grid article.row-3.regular:nth-child(2n+1){ padding-left:0; padding-right:15px;  } 
  .archive .grid article.row-3.regular:nth-child(2n+2){ padding-left:15px; padding-right:0;  }
  .grid article .wrap{padding-bottom:20px;}
  .promoted .grid article{width:100%; display:block; height:440px;}
  .promoted .grid article:first-child .thumbnail, .promoted .grid article:last-child .thumbnail{width:100%; display:block; height:440px; }
  .promoted .grid article:last-child .thumbnail{top:auto; bottom:0;}   
  .promoted .promoted-bg{display:none;}
  .promoted .grid article .thumbnail{display:block;}
  #video .bg{display:none!important;} 
  footer .wrapper .top .left > div > ul > li{width:33%; padding-right:20px;}
  footer .wrapper .top .right .wrap .social{position:initial; text-align:left; padding-top:60px; padding-left:22px;}
  .featured article{height:400px;}
  .featured article .wrap .content h3.h4{font-size:24px; line-height:30px;}  
  .header-responsive{display:flex; height:60px; align-items:  center;} 
  .header-responsive .title{position:relative; padding-left:26px; height:100%; line-height: 60px} 
  .archive .grid article.row-2{height:275px; margin-bottom:22px;}
  .archive .grid article.row-2 .content h3.h4{ font-weight: 400;  font-size: 24px; line-height: 30px;}
  .archive .grid article.row-2 .wrap .content{ padding-left: 40px; padding-right: 40px; } 
  .archive .grid article.row-2:nth-child(odd){padding-right:11px;}
  .archive .grid article.row-2:nth-child(even){padding-left:11px;} 
  #header.intro.secondary-archive .wrapper .content{min-height:auto;} 
  .header-responsive.active .title:before{ transform: rotate(45deg); } 
  #content.with-sidebar .sidebar{ background-color: #dbe4f2; margin-top:50px!important; position:relative; width:auto;}  
  #content.with-sidebar .sidebar .share{padding-top:14px;}
  #content.with-sidebar .wrapper .sidebar .wrap{ display:none; padding:0 0 40px 0;}  
  #content.with-sidebar .wrapper .sidebar.active .wrap{display:block;} 
  #content.with-sidebar .wrapper.active .sidebar .wrap{display:block;}
  #content.with-sidebar .sidebar .wrap:before{display:none;}  
  .archive.main:before{height:120px;} 
  .archive .grid article.row-2{height:400px; margin-bottom:22px; width:100%; display:block;}
  .archive .grid article.row-2:nth-child(odd){padding-right:0;}
  .archive .grid article.row-2:nth-child(even){padding-left:0;}  
  .archive .grid article.row-2 .wrap .content{ padding-left: 40px; padding-right: 40px; }  
  #header.intro.secondary-archive .wrapper .content{min-height:auto;} 
  .tags.search-tags .head{display:flex; align-items:center;} 
  .tags.search-tags .head .title{position:relative; padding-left:26px; height:100%; line-height:62px;} 
  .tags.search-tags{background-color:#E6ECF6; margin-bottom:20px; } 
  .tags.search-tags .wrapper .wrap{  display:none; } 
  .tags.search-tags .wrapper.active .wrap{  display:block; opacity}  
  .tags.search-tags ul li a{background-color:#fff; color:#002565;} 
  .gallery .su-custom-gallery .su-custom-gallery-slide{width:33%;}
  .partenaires .partenaire{ width:33%; position:relative; padding:0 10px 20px 20px;}  
  .partenaires .partenaire .logo{height:100px;}
  footer .wrapper .top .right .wrap{display:block;}
  footer .wrapper .top .right .wrap .newsletter{width:100%; max-width:360px;}
  footer .bot .right{display:block; width:100%; text-align: center; }
  .tags.search-tags .wrap{padding-bottom:10px;}
  .publications .publication{width:50%;}   
  .publications .publication:nth-child(3n+1){ padding-left:initial; padding-right: initial; } 
  .publications .publication:nth-child(3n+2){ padding-left:initial; padding-right:initial; }
  .publications .publication:nth-child(3n+3){ padding-left:initial; padding-right:initial; }  
  .publications .publication:nth-child(2n+1){ padding-left:initial; padding-right: 20px; } 
  .publications .publication:nth-child(2n+2){ padding-left:20px; padding-right:initial; }    
  body .custom-content .fullWidthImg .wrapper{display:flex; padding-bottom: 90px;} 
  #content.with-sidebar .wrapper .sidebar .wrap > div:nth-child(2){margin-top:20px;}

  .calcoolateur-section .btn-radio-drink,
  .calcoolateur-section .group-info.first-group .btn-radio{
     padding: 0 10px;
     margin: 0 0.5% 10px 0.5%;
     background-color: #003da5;
     border-radius: 30px;
     width: 32.3%;
     height:40px;
  }
  .calcoolateur-section .btn-radio-drink label,
  .calcoolateur-section .group-info.first-group .btn-radio label{
     font-size: 12px;
     line-height: 16px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0;
     font-family: 'Montserrat', sans-serif;
     letter-spacing: 0.35px;
     flex:1;
     color:#fff;
  }
  .calcoolateur-section .group-info.first-group .btn-radio{margin-bottom:0; width:initial; flex:1;}
  .calcoolateur-section input[type="radio"]{ background-color: #fff; border: 2px solid #fff;}
  .calcoolateur-section input[type="radio"]:checked{ background-color: #003da5;  border: 3px solid #fff;} 
  .calcoolateur-section .bloc-conso #radio-container{padding-top:25px;}
  .calcoolateur-section .bloc-conso #radio-container{justify-content: center;}  
  .calcoolateur-section .head.small{padding-left:54px; border-right: none; padding-right:0; margin-right:0; max-width: initial; width:auto; min-height: 40px; margin-bottom: 20px; margin-top:25px; padding-left:50px;}
  .calcoolateur-section .head.small.gender{margin-top:0;}
  .calcoolateur-section .number-round{position:absolute; top:0px; left:0;}
  .calcoolateur-section .group-info{display:block!important;  padding: 0 0 0 0; border-top:none; }
  .calcoolateur-section .group-info.first-group .btn-radio{width:100%; margin:0 0 10px 0; width: 49%;     margin: 0 0.5% 10px 0.5%;}
  .calcoolateur-section .group-info:first-child{padding-right:0;}
  .calcoolateur-section .group-info:first-child .bg-responsive{display:flex;} 
  .calcoolateur-section .group-info.second-group{border-bottom:2px solid #e6ecf6; padding-bottom:30px; margin-bottom:-10px;} 
  .calcoolateur-section .bloc-conso #radio-container{display:block;}
  .calcoolateur-section .bloc-conso .quantite,
  .calcoolateur-section .bloc-conso .pourcentage,
  .calcoolateur-section .bloc-conso .heure{padding-top:25px; padding-bottom:20px; margin-bottom:0; } 
  .calcoolateur-section .group-info.fixe.end{border-bottom:none; padding-bottom:35px;} 
  .calcoolateur-section .question{position:initial;}
  .calcoolateur-section span.q-tooltip-text{display:block; position:initial; width:initial; border:none; padding:0 0 0 0; text-align: left; font-weight: 400; margin-top:20px;}
  .calcoolateur-section span.q-tooltip-text:before{ display:none; } 
  .calcoolateur-section span.number-round.q-mark{display:none;}
  .calcoolateur-section .group-info:first-child{border-bottom:2px solid #E6ECF6; padding-bottom: 30px;}


}
@media screen and (max-width: 840px) and (orientation: landscape){  
  .wrapper{padding-left:100px; padding-right:40px;}  
  footer .backToTop{right:40px;} 
  #hero .owl-dots{padding-left:100px; padding-right:40px;}  
  .custom-content .pageWrapper .wrap-960{padding-left:100px; padding-right:40px;}   
  header .wrapper .left{display:none;} 
  #archive.search-results .tags{left:-100px;}
  #content.with-sidebar .wrapper .sidebar .wrap{padding:0 0 40px 0;} 
  .video .wrap{padding-left:100px; padding-right:40px;}
  footer .bot .left a{margin-right:0!important; margin-bottom:6px; font-size:10px; line-height:18px; }
  footer .bot .left{ width:100%; text-align: center; display:flex; flex-direction: column; padding-bottom:0; font-size:10px; line-height:18px; padding-top:14px;}
  #hero .arrowDown{display:none;}  
  .archive .grid article.row-2 .content h3.h4{ font-weight: 400; font-size: 24px; line-height: 30px; } 
  #hero .owl-carousel{padding-top:80px; padding-bottom:100px;}
}
@media screen and (max-height:840px){ 
  #menu #menu-list .menu-list-wrapper{ align-content: flex-start; justify-content: flex-start;  }
}
@media screen and (max-width: 805px){ 

  #verseur .group-info{padding: 15px;}
}
@media screen and (max-width: 805px) and (min-width: 756px){  
}


@media screen and (max-width: 767px){ 
  #hero .owl-carousel .item .wrapper .content h2.h1, h1, .h1{font-size:30px; line-height:38px;}  
  #menu #menu-search .menu-search-wrapper #searchform > div input{ font-size: 20px; line-height: 44px; padding-bottom:2px; }
  #menu #menu-search .menu-search-wrapper #searchform > div button{width:28px; padding-bottom:10px;} 
  #header.search .form .searchform > div{height:44px;}
  #header.search .form .searchform{margin-top:20px;}
  #header.search .form .searchform > div input{ font-size: 20px; line-height: 24px; padding-bottom:2px; }
  #header.search .form .searchform > div button{width:28px; padding-bottom:10px;} 
  .archive .grid article.row-2{height:340px; margin-bottom:22px; width:100%; display:block;}   
  .custom-content .halfTextImg .wrapper .img-container,
  .custom-content .textImgQuote .wrapper .container .img{height:320px;}
  footer .wrapper .top .left > div > ul > li{padding-right:20px!important;}
  footer .wrapper .top .left > div > ul > li{width:50%;}
  #outils-promoted .outils .wrap .left{display:block; width:100%; padding-right:0; margin-bottom: 18px;}
  #outils-promoted .outils .wrap .right{display:block; width:100%; }
  #outils-promoted .outils .wrap{display:block;}
  #outils-promoted .outils{padding-top:30px; padding-bottom:30px;}
  #menu #menu-search .menu-search-wrapper #searchform > div{height:44px;}
  #menu #menu-search .menu-search-wrapper #searchform > div button img{width:28px;} 
  #verseur .group-info, #verseur .group-info.second-group, #verseur .group-info { padding: 40px 20px!important; }
  #verseur .group-info:last-child{margin-bottom:0!important;}
  .calcoolateur-section .btn-radio-drink, .calcoolateur-section .group-info.first-group .btn-radio{width:49%;}

  .calcoolateur-section .bloc-conso .quantite{display:block; width:100%;}
  .calcoolateur-section .bloc-conso .pourcentage{display:block; width:100%;}
  .calcoolateur-section .slider-vol, .calcoolateur-section .slider-deg{display:block; margin:0; width: 100%;}
  .calcoolateur-section .quantite > label:first-child, .calcoolateur-section .heure label, .calcoolateur-section .pourcentage label{display:block; width:100%; text-align: left; margin-bottom:20px;}
  .calcoolateur-section .bloc-conso .quantite span.btn-convers,
  .calcoolateur-section .bloc-conso .pourcentage div.p-group{margin-top:20px;}
  .calcoolateur-section .verre-type .verre-standard{right:initial; left:0;}

}
@media screen and (max-width: 755px){
  #verseur .solo-drink.first{position: relative;overflow: hidden;width: 100%!important;align-self: baseline;left: 30px;}
  #verseur .group-info.third-group .qte-verseur{text-align: center;}
}

@media screen and (max-width: 736px) and (orientation: landscape){ 
  #header.parallax{background-attachment: initial;}
  .site-content h2, .site-content .h2, .promoted .grid article .wrap .content h3{font-size:24px; line-height:30px;}
  #header.regular h1.h2{font-size:24px; line-height:30px;} 
  .site-content h1, .site-content .h1{ margin-bottom:1rem; margin-top:0.5rem; }  
  .site-content h3, .site-content .h3{ font-size:20px; line-height:24px; }
  #header.regular .wrapper{min-height:360px;} 
  .home #archive h2.h1{margin-bottom:28px; }
  .home #archive .grid{padding-bottom:60px;}
  .home #archive{padding-top:60px;}
  body #content .wrapper:last-child{padding-bottom:50px;}
  #content.with-sidebar .wrapper:first-child{margin-bottom:50px;}
  li b, li strong, p b, p strong{font-size:14px;}  
}

@media screen and (max-width: 700px){   
  #verseur .p-group{max-width:140px;} 
}
@media screen and (max-width: 680px){
  /*#verseur.en .solo-drink.first.beer1:after, #verseur.en .solo-drink.first.beer2:after, #verseur.en .solo-drink.first.beer3:after, 
  #verseur.en .solo-drink.first.wine1:after, #verseur.en .solo-drink.first.wine2:after, #verseur.en .solo-drink.first.wine3:after,
  #verseur.en .solo-drink.first.mute1:after, #verseur.en .solo-drink.first.mute2:after, #verseur.en .solo-drink.first.mute3:after,
  #verseur.en .solo-drink.first.fort1:after, #verseur.en .solo-drink.first.fort2:after, #verseur.en .solo-drink.first.fort3:after,
  #verseur.en .solo-drink.first.cidre1:after, #verseur.en .solo-drink.first.cidre2:after, #verseur.en .solo-drink.first.cidre3:after{background: unset!important;}

  #verseur .solo-drink.first.beer1:before, #verseur .solo-drink.first.beer1:before, #verseur .solo-drink.first.beer2:before, #verseur .solo-drink.first.beer3:before, 
  #verseur .solo-drink.first.wine1:before, #verseur .solo-drink.first.wine2:before, #verseur .solo-drink.first.wine3:before,
  #verseur .solo-drink.first.mute1:before, #verseur .solo-drink.first.mute2:before, #verseur .solo-drink.first.mute3:before,
  #verseur .solo-drink.first.fort1:before, #verseur .solo-drink.first.fort2:before, #verseur .solo-drink.first.fort3:before,
  #verseur .solo-drink.first.cidre2:before, #verseur .solo-drink.first.cidre3:before {
     font: normal normal normal 20px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     content: "";
     top: 0px;
     left: 0px;
     background: #e6ecf6;
     position: absolute;
     font-size: 20px;
     width: 130px;
     height: 100%;
     display: block;
  }

  */
  #verseur .solo-drink.first, #verseur .solo-drink.first {left: 0px;}


}

@media screen and (max-width: 650px){
  header .wrapper .left{display:none!important;}   
  .calcoolateur-section .group-info:first-child .bg-responsive{display:block;}
  .calcoolateur-section .group-info.first-group .btn-radio.btn-male{margin-bottom:10px;}
  .calcoolateur-section .head.small { margin-left: 0; padding-left: 50px; }  
  .calcoolateur-section .btn-radio-drink, .calcoolateur-section .group-info.first-group .btn-radio{width:100%; margin:0;}
  .calcoolateur-section .btn-radio-drink{margin-bottom:10px;}
  .calcoolateur-section .bloc-conso #radio-container{margin-bottom:15px;}
  .calcoolateur-section span.q-tooltip-text{font-size:11px;}
  .calcoolateur-section .header-results.warning:before, .calcoolateur-section .header-results.warning:after{display:none;}
  #verseur .versModal-content {width: 70%!important;margin: 75% auto;}

  /* calendar */
  #event-calendar .main-calendar-week {
     display: none;
  }
  #event-calendar .week-item-content .week-name {
      font: normal normal bold 12px/20px Montserrat;
  }

  #event-calendar .week-item-content .date-value {
      font: normal normal bold 33px/30px Montserrat;
      color: #7B95C5;
  }
  #event-calendar .day-item .day-selector {
     width: 30px;
  }
  #event-calendar .day-item .date {
     width: 64px;
     padding:  0 12px;
  }
  #event-calendar .events {
     padding: 20px;
  }
  #event-calendar .event-title {
      font: normal normal 600 18px/36px Adelle PE;
  }
  #event-calendar .event-title strong {
      font: normal normal bold 22px/36px Montserrat;
  }
  #event-calendar .events .event-item .details {
      color: #002565;
      font: normal normal bold 12px/20px Montserrat;
  }
  #event-calendar .event-mobile-controls {
     position: absolute;
      top: 5px;
      right: 5px;
     display: inline-block;
  }
  #event-calendar .events .trash {
      position: absolute;
      top: auto;
      bottom: 0px;
      right: 11px;
      display: inline;
  }
  #event-calendar .events .mobile-detail {
      position: absolute;
      top: 5px;
      right: 5px;
      display: inline;
      height: 32px;
      padding: 8px;
      background: #CAD6EA;
      border-radius: 100%;
  }
  #event-calendar .events .mobile-detail img {
     width: 16px;
     height: 16px;
  }
  #event-calendar .events .detail-btn {
      display: none;
  }
  #event-calendar .day-item .date-content .date-value {
     font: normal normal bold 33px/30px Montserrat;
  }
  #event-calendar .desktop-hide {
     display: none;
  }
  #event-calendar .mobile-week-item {
     display: flex;
  }
  #event-calendar .event-content.empty {
     display: none;
  }
  .modalTableau {
     bottom:  60px !important;
  }
  .modalTableau .calcoolateur-section {
     margin-top: 0;
  }
  .modalTableau .modal-body {
     padding: 16px 20px 16px 20px;
  }
  .modalTableau .header {
     font-size: 16px;
     margin-bottom: 20px;
  }
  .modalTableau .title {
     text-align: left;
  }
  .modalTableau .description {
     margin-bottom: 4px;
  }
  .modalTableau .calcoolateur-section #div_button {
     margin-bottom: 16px;
  }
  .calcoolateur-section .bloc-conso.disabled .btn-radio-drink .drink-type:checked + label {
      color: #ffffff;
  }
  .modalTableau .detail-conso {
     padding: 24px;
  }
}

@media screen and (max-width: 615px){.calcoolateur-section .head.small.fixe:after {left: 34%;}}
@media screen and (max-width: 607px){ 
  .publications .publication{width:50%;}     
  .publications .publication:nth-child(2n+1){ padding-left:initial; padding-right: 10px; } 
  .publications .publication:nth-child(2n+2){ padding-left:10px; padding-right:initial; }  
  #hero .owl-dots{margin-top: 30px;} 
}
@media screen and (max-width: 600px){

  #verseur .solo-drink.first {left:40px;}
  #verseur .btn-radio, 
  #verseur .btn-radio-drink, 
  #verseur .btn-radio-glass, 
  #verseur .btn-radio-drink:first-child{width:100%; margin-left:0; margin-right:0;}

}

@media screen and (max-width: 540px){ 
  #verseur .solo-drink.first {left:10px;}
  #verseur .group-bloc{display:block!important;}
  #verseur .pourcentage label{width:100%; display: block;}
  #verseur .slider-deg{width:100%; display:block; margin-top:20px; margin-bottom:25px;}
  #verseur .versModal-content {width: 85%!important;margin: 90% auto;}

  .modalTableau .detail-conso {
     flex-direction: column;
      align-items: flex-start;
  }
  .modalTableau .detail-conso .time {
     text-align: center;
      flex: 1;
      width: 100%;
  }
  .modalTableau .detail-conso .vertical-seperator {
     width: 100%;
      height: 0;
      margin: 24px 0;
  }
  .modalTableau .detail-conso .conso-option {
     margin-right: 0;
     margin-bottom: 15px;
  }
  .modalTableau .detail-conso .conso-option:last-child {
     margin-bottom: 0;
  }
}

@media screen and (max-width: 490px){#verseur .solo-drink.first {left:-10px;}} 
@media screen and (max-width: 479px) {
  img[usemap="#image-map"]{display:none !important;}
  p.qte-type{font-size:14px!important; line-height:18px; margin-top:20px; max-width:220px;}
  #verseur .group-info.third-group .qte-verseur p.qte-ml span:before{font-size:35px;}
  #verseur .head.small{margin-left:10px;}
  .wrapper{padding-left:30px; padding-right:30px;} 
  #verseur .wrapper,
  .calcoolateur-section .wrapper{padding-left:30px!important; padding-right:30px!important;}     
  .custom-content .pageWrapper .wrap-960{padding-left:30px; padding-right:30px;}   
  #hero .owl-dots{padding-left:30px; padding-right:30px;}     
  footer .backToTop{right:30px;} 
  .video .wrap{padding-left:30px; padding-right:30px;}  
  h1, .h1{ font-size:36px; line-height:47px; }
  h2, .h2{ font-size:36px; line-height:47px; }
  h3, .h3{ font-size:30px; line-height:42px; }  
  #chartContainer h3 {line-height:38px;}

  .custom-content .fullWidthImg .wrap-960 h2,
  .custom-content .fullWidthImg .content h2,
  .site-content h2, .site-content .h2{font-size:24px; line-height:30px;}
  #header.regular h1.h2{font-size:24px; line-height:30px;} 
  .site-content h1, .site-content .h1{ margin-bottom:1rem; margin-top:0.5rem; }  
  .site-content h3, .site-content .h3{ font-size:20px; line-height:24px; }  
  .home #archive h2.h1{margin-bottom:28px; }
  .home #archive .grid{padding-bottom:60px;}
  .home #archive{padding-top:60px;}     
  li b, li strong, p b, p strong{font-size:14px;}
  #hero .owl-dots{ }
  #hero{max-height:763px; min-height:auto;}  
  #hero .owl-carousel .item .wrapper .content p{font-size:13px; line-height:18px;}
  #hero .arrowDown{display:none;}  
  body #content .wrapper:last-child{padding-bottom:70px;}
  #moneducalcool {padding:  0 20px;}
  #outils-promoted{padding-bottom:50px;} 
  #content.with-sidebar .sidebar{margin-top:50px; }  
  #hero .owl-carousel .item .wrapper .content h2.h1{ font-size:24px; line-height:30px; } 
  #hero .owl-carousel .item .wrapper .content p{margin-bottom:20px;}
  .promoted .grid article .wrap .content h3{font-size: 24px; line-height: 30px;} 
  .archive .grid article.row-3:first-child .content .head .xsmall, 
  .archive .grid article.row-3:nth-child(2) .content .head .xsmall{color:#99B2D9;}
  .archive .grid article.row-3:first-child .content .head .xsmall a, 
  .archive .grid article.row-3:nth-child(2) .content .head .xsmall a{color:#002565;}
  .archive .grid article.row-3:first-child .content .head .date:before, 
  .archive .grid article.row-3:nth-child(2) .content .head .date:before{background-color:#99B2D9;}
  .custom-content .regularWrapper,
  .custom-content .halfTextImg .wrapper,
  .custom-content .textImgQuote .wrapper{ padding-bottom:50px;}  
  .custom-content .regularWrapper{padding-top:60px; padding-bottom:50px;}
  .custom-content .fullWidthImg .wrapper{min-height:auto;}
  .custom-content .halfTextImg .wrapper .img-container,
  .custom-content .textImgQuote .wrapper .container .img{height:230px;}
  .custom-content .textImgQuote .wrapper .container .quote{padding-bottom:0;}
  .archive .grid article.row-3{ width: 100%!important; height:100%!important; display:block!important;  position: relative; display: flex; flex-direction: column; height:100%;}
  .archive .grid article.row-3{ padding-left:0px!important; padding-right:0px!important; }
  .archive .grid article.row-3:first-child .content h3.h4, 
  .archive .grid article.row-3:nth-child(2) .content h3.h4{font-size:20px; line-height:24px;}
  .archive .grid article.row-3 .thumbnail{ height:200px!important; } 
  .archive .grid article.row-3:first-child, 
  .archive .grid article.row-3:nth-child(2){margin-bottom:0;} 
  .archive .grid article.row-3:first-child .wrap,
  .archive .grid article.row-3:nth-child(2) .wrap{ position: relative; display: flex; flex-direction: column; height:100%; padding:0 0 0 0; } 
  .archive .grid article.row-3:first-child .wrap .thumbnail,
  .archive .grid article.row-3:nth-child(2) .wrap .thumbnail{ position:relative; background-color:#003DA5; }
  .archive .grid article.row-3:first-child .wrap .thumbnail .img,
  .archive .grid article.row-3:nth-child(2)  .wrap .thumbnail .img{ position:absolute; top:0; right:0; bottom:0; left:0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1; opacity:0.8;}
  .archive .grid article.row-3:first-child .wrap .thumbnail a,
  .archive .grid article.row-3:nth-child(2) .wrap .thumbnail a{position:absolute; top:0; right:0; bottom:0; left:0; text-decoration: none; height:100%; width:100%; z-index:2;}
  .archive .grid article.row-3:first-child .wrap .content a.cta,
  .archive .grid article.row-3:nth-child(2) .wrap .content a.cta{display:none;}
  .archive .grid article.row-3:first-child .content h3.h4, .archive .grid article.row-3:nth-child(2) .content h3.h4{ color:#002565; }
  .archive .grid article:first-child .content .category a, .archive .grid article:nth-child(2) .content .category a{ color:#002565; }
  .archive .grid article.row-3:first-child .wrap .content,
  .archive .grid article.row-3:nth-child(2) .wrap .content{padding-top:20px; padding-left:0; padding-right:0;} 
  .promoted .grid article{width:100%; display:block; height:350px;}
  .promoted .grid article:first-child .thumbnail, .promoted .grid article:last-child .thumbnail{ height:350px; }
  body:home article.row-3:nth-child(5) .wrap{padding-bottom:0;}
  body.home .archive .grid article.row-3:nth-child(6),
  body.home .archive .grid article.row-3:nth-child(7),
  body.home .archive .grid article.row-3:nth-child(8){display:none!important;}
  footer .wrapper .top .left > div > ul > li{width:50%; padding-right:0;}
  footer .wrapper .top .left > div > ul > li:nth-child(even){padding-left:20px;}
  footer .wrapper .top .left > div > ul > li{padding-bottom:28px;}
  footer .wrapper .top .right{padding-top:28px; padding-bottom:20px;} 
  footer .bot .right{display:block; width:100%; text-align: center; }
  footer .bot .left a{margin-right:0!important; margin-bottom:6px; font-size:10px; line-height:18px; }
  footer .bot .left{ width:100%; text-align: center; display:flex; flex-direction: column; padding-bottom:0; font-size:10px; line-height:18px; padding-top:14px;}
  #header.intro{z-index:3; margin-bottom:0; padding-bottom:20px;}
  #header.intro .wrapper .navigation{
     overflow:hidden;
     position:fixed; 
     bottom:60px; 
     left:0; 
     right:0; 
     background-color:#001A46;
     border-top:0px solid transparent;
     padding-top:0px; 
     height:60px; 
     padding-left:10px;
     padding-right:10px;
  }  
  #header.intro .wrapper .navigation .wrapper-carousel:before{
     position: absolute;
     content: "";
     height: 80px;
     width:40px;
     box-shadow: 10px 0 8px #001a46;
     left:-35px;
     top: -10px; 
     background:#001a46;
     z-index:3;
  } 
  #header.intro .wrapper .navigation .wrapper-carousel:after{
     position: absolute;
     content: "";
     height: 80px;
     width:40px;
     box-shadow: -10px 0 8px #001a46;
     right: -35px;
     top: -10px; 
     background:#001a46;
     z-index:3;
  }
  #header.intro .wrapper .navigation .item a{padding-left:22px; padding-right:22px;}
  #header.intro .wrapper .navigation .item.current a{padding-left:26px; padding-right:26px;}
  #header.intro .wrapper .navigation .item.all{padding-left:0;}
  #header.intro .wrapper .navigation .item.all.current{ padding-left:15px; }
  .no-js .owl-carousel, .owl-carousel.owl-loaded{height:60px;}
  #header.intro .wrapper .navigation .item{margin-top:10px;}
  #header.intro:before{bottom:0; }
  .featured{padding-top:28px;}
  .featured article{height:340px;} 
  .featured article .wrap .content{padding-left:40px; padding-right:40px;}
  .featured article .wrap .content h3.h4{font-size:20px; line-height:24px;}
  #header.intro .wrapper .navigation .owl-carousel .owl-nav{display:none!important;}
  footer{z-index:4;}
  .grid article:last-child .wrap{padding-bottom:0px!important;} 
  .video{ margin-bottom:-80px;}
  #header.regular .wrapper{padding-top:150px;}
  header .wrapper .left{display:none;}
  body.logo-true header .wrapper .left{display:initial;}
  #header.regular .wrapper{min-height:360px;} 
  #header.parallax{background-attachment: initial;} 
  .featured{padding-top:0;} 
  .archive.main:before{height:100px;} 
  .archive .grid article.row-2{height:300px; margin-bottom:22px; width:100%; display:block;}
  .archive .grid article.row-2:nth-child(odd){padding-right:0;}
  .archive .grid article.row-2:nth-child(even){padding-left:0;}  
  .archive .grid article.row-2 .wrap .content{ padding-left: 40px; padding-right: 40px; }  
  #header.intro.secondary-archive .wrapper .content{min-height:auto;} 
  #archive.search-results .no-results{margin-bottom:50px;}
  #hero .owl-carousel{padding-top:80px; padding-bottom:100px;}
  .gallery .su-custom-gallery .su-custom-gallery-slide{width:49%;}
  .partenaires .partenaire{ width:50%; position:relative; padding:0 10px 20px 20px;}  
  .partenaires .partenaire .logo{height:80px;}
  .publications .publication{width:100%; display:block;}     
  .publications .publication:nth-child(2n+1){ padding-left:0; padding-right: 0; } 
  .publications .publication:nth-child(2n+2){ padding-left:0; padding-right:0; }  
  body .gform_wrapper ul.gform_fields li.gfield { padding-left: 20px!important; padding-right: 20px!important; } 
  .archive .grid article.row-3:first-child .content .head .xsmall, 
  .archive .grid article.row-3:nth-child(2) .content .head .xsmall,
  .archive .grid article.row-3:first-child .content h3.h4 a, 
  .archive .grid article.row-3:nth-child(2) .content h3.h4 a,
  .archive .grid article:first-child .content a.cta, 
  .archive .grid article:nth-child(2) .content a.cta{text-shadow: 0px 0px 3px rgba(0, 37, 101, 0);}  
  .promoted .grid article .thumbnail .img{
     position:absolute; 
     top:0; 
     right:-80px;
     bottom:0;
     left:-80px;
     background-repeat:
     no-repeat;
     background-position: center;
     background-size: cover;
     z-index:1;
  }
  body #content.with-sidebar .custom-content .fullWidthImg .wrapper{height:400px;}
  .calcoolateur-section .btn-radio, .calcoolateur-section .btn-radio-drink, .calcoolateur-section .group-bloc{padding-top: 5px; padding-bottom: 5px;}
  .calcoolateur-section span.verre-standard{top: 15px;}
  #verseur .btn-radio-drink, #verseur .btn-radio-glass{padding-top: 5px; padding-bottom: 5px;} 
  /*#verseur-header #header.intro:before{height: 460px;}*/
  #verseur .group-info.second-group div{ padding-left: 55px; }
  #verseur .group-info.second-group div{height:80px!important;}
  #verseur .group-info.second-group.beer div.empty-drink1{height: 80px; background-size: 30px 70px; align-items: center;}
  #verseur .group-info.second-group.beer div.empty-drink2{height: 80px; background-size: 30px 70px; align-items: center;}
  #verseur .group-info.second-group.beer div.empty-drink3{height: 80px; background-size: 50px 70px; align-items: center;}
  #verseur .group-info.second-group.wine div.empty-drink1{height: 60px; background-size: 30px 50px; align-items: center;}
  #verseur .group-info.second-group.wine div.empty-drink2{height: 80px; background-size: 30px 70px; align-items: center;}
  #verseur .group-info.second-group.wine div.empty-drink3{height: 80px; background-size: 40px 70px; align-items: center;}
  #verseur .group-info.second-group.mute div.empty-drink1{height: 80px; background-size: 30px 70px; align-items: center;}
  #verseur .group-info.second-group.mute div.empty-drink2{height: 80px; background-size: 30px 70px; align-items: center;}
  #verseur .group-info.second-group.mute div.empty-drink3{height: 80px; background-size: 30px 70px; align-items: center;}
  #verseur .group-info.second-group.fort div.empty-drink1{height: 30px; background-size: 20px 30px; align-items: center;}
  #verseur .group-info.second-group.fort div.empty-drink2{height: 40px; background-size: 30px 30px; align-items: center;}
  #verseur .group-info.second-group.fort div.empty-drink3{height: 55px; background-size: 30px 45px; align-items: center;}
  #verseur .group-info.second-group.cidre div.empty-drink1{height: 80px; background-size: 10px 70px; align-items: center;}
  #verseur .group-info.second-group.cidre div.empty-drink2{height: 80px; background-size: 20px 70px; align-items: center;}
  #verseur .group-info.second-group.cidre div.empty-drink3{height: 80px; background-size: 30px 70px; align-items: center;}
  .calcoolateur-section .head.small{margin-left:0; padding-left:50px;}
  .calcoolateur-section .header-results h3 {  font-size: 20px; line-height:25px!important; } 
  .calcoolateur-section .results .block-1-2:last-child{border-radius:0; padding:0 0 0 0; background-color:#fff;}
  .calcoolateur-section .results .block-1-2:first-child{margin:0; padding:30px 0;}
  .calcoolateur-section .results .num.colored-num{font-size:45px; margin-bottom:20px;}
  .calcoolateur-section .results .infos a button{border:2px solid #002565;}
  .calcoolateur-section .results .infos{text-align: center;}

  .calcoolateur-section .results .heure-conseil:after{ border-bottom: solid 2px #e6ecf6; }
  #verseur .wrapper,
  .calcoolateur-section .wrapper{padding-left:20px!important; padding-right:20px!important;}
  #verseur .versModal-content {width: 85%!important;margin: 110% auto;}

} 
@media screen and (max-width: 479px),(max-height:812px){  
  body.home header .wrapper .mid .logo{padding-bottom:0;}
  body{font-size:16px; line-height:24px;} 
  ul li {  position: relative; padding-left: 40px;  }
  ul li:before{width:25px; top:12px;} 
  body #hero{ min-height:414px; }   
  #hero .owl-carousel .owl-item.active .item .bg{opacity:0.9;} 
  #hero .owl-carousel .item .bg:before{min-height:auto; background: transparent linear-gradient(180deg, #003DA533 0%, #003DA566 50%, #003DA5 100%) 0% 0% no-repeat padding-box;}  
} 
@media screen and (max-height:812px) and (orientation: landscape){  
}
@media screen and (max-width: 479px),(max-height:667px) and (orientation: landscape){   
  #hero .owl-carousel .item .wrapper .content p{margin-bottom:20px;} 
  #hero .owl-carousel .item .wrapper .content h2.h1{font-size:24px; line-height:30px;} 
  header .wrapper .left{display:none;}  
}
@media screen and (max-width: 479px),(max-height:374px) and (orientation: landscape){  
  #hero .owl-carousel{padding-top:50px; padding-bottom:90px;}
  body #hero{ min-height:380px; }  
}   


@media screen and (max-width: 430px){
  #verseur .case,#verseur .p-group{max-width:initial;}
  /*#verseur .solo-drink.first.beer1:before, #verseur .solo-drink.first.beer2:before, #verseur .solo-drink.first.beer3:before, 
  #verseur .solo-drink.first.wine1:before, #verseur .solo-drink.first.wine2:before, #verseur .solo-drink.first.wine3:before,
  #verseur .solo-drink.first.mute1:before, #verseur .solo-drink.first.mute2:before, #verseur .solo-drink.first.mute3:before,
  #verseur .solo-drink.first.fort1:before, #verseur .solo-drink.first.fort2:before, #verseur .solo-drink.first.fort3:before,
  #verseur .solo-drink.first.cidre1:before, #verseur .solo-drink.first.cidre2:before, #verseur .solo-drink.first.cidre3:before {
     font: normal normal normal 20px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     content: "";
     top: 0px;
     left: 0px;
     background: #e6ecf6;
     position: absolute;
     font-size: 20px;
     width: 85px;
     height: 100%;
     display: block;
     }*/

     #verseur.en .solo-drink:after{display:none!important;}
     body.lang_en #verseur .group-info.third-group .resultats > div.first{  background-position: right center!important; }
     #verseur .group-info.third-group .solo-drink.first.beer1,
     #verseur .group-info.third-group .solo-drink.first.beer2,
     #verseur .group-info.third-group .solo-drink.first.wine1,
     #verseur .group-info.third-group .solo-drink.first.wine2,
     #verseur .group-info.third-group .solo-drink.first.wine3{
        height: 200px;
        width: 140px!important;
        background-size: 220px 200px;
        background-position: right center!important;
     }

     #verseur .group-info.third-group .solo-drink.first.mute1,
     #verseur .group-info.third-group .solo-drink.first.mute3,
     #verseur .group-info.third-group .solo-drink.first.mute2,  
     #verseur .group-info.third-group .solo-drink.first.cidre1,
     #verseur .group-info.third-group .solo-drink.first.cidre2,
     #verseur .group-info.third-group .solo-drink.first.cidre3{
        height: 200px;
        width: 130px!important;
        background-size: 220px 200px;
        background-position: right center!important;
     }
     #verseur .group-info.third-group .solo-drink.first.beer3{
        height: 200px;
        width:170px!important;
        background-size: 250px 200px;
        background-position: right center!important;
        align-items: center; 
     }
     #verseur .group-info.third-group .solo-drink.first.fort1{
        height: 65px;
        width:130px!important;
        background-size: 220px 65px;
        background-position: right center!important;
        align-items: center;

     }
     #verseur .group-info.third-group .solo-drink.first.fort2, 
     #verseur .group-info.third-group .solo-drink.first.fort3{
        height: 100px;
        width:150px!important;
        background-size: 260px 100px; 
        background-position: right center!important;
        align-items: center; 
     }
     #verseur .group-info.third-group .solo-drink.first.fort3{height: 130px;background-size: 260px 130px;}
     #verseur .group-info.third-group .solo-drink.first.cidre1[data-id='5']{height: auto;}
     #verseur .solo-drink.first.cidre1[data-id='5']:before{background: unset;}
     #verseur .group-info.third-group .resultats > div.first{left:0!important; margin-left: auto; margin-right:auto;}
     #verseur .versModal-content {width: 85%!important;margin: 130% auto;}

  }



  @media screen and (max-width: 385px){
     #verseur .wrapper,
     .calcoolateur-section .wrapper{padding-left:10px!important; padding-right:10px!important;}

     /*.calcoolateur-section .head.small.fixe.gender {margin-right: 15px;}
     .calcoolateur-section .head.small.fixe.poids{margin-bottom: 18px;}
     .calcoolateur-section .group-info.fixe.first-group, .calcoolateur-section .group-info.fixe.second-group{height: 105px;}
     .calcoolateur-section .group-info.fixe.first-group .btn-radio.btn-male, .calcoolateur-section .group-info.fixe.second-group .btn-convers input{bottom: 20px; top: unset;}
     .calcoolateur-section .group-info.fixe.second-group .btn-convers input{bottom: 50px;}
     .calcoolateur-section .group-info.second-group .number-round {margin-top: 0px;}
     .calcoolateur-section .question{top:15px;}
     .calcoolateur-section .group-info.second-group .number-round.q-mark{margin-top: 0;}
     .calcoolateur-section span.number-round.q-mark{padding: 0px 8px;}
     .calcoolateur-section .group-info.fixe.end{height: 100px;}
     #verseur-header #header.intro:before{height: 500px;}*/
  }




  /*@media screen and (max-width: 335px){#verseur-header #header.intro:before{height: 540px;}}*/
  /*@media screen and (max-width: 331px){#verseur-header #header.intro:before{height: 580px;}}*/