@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 .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 span.q-tooltip-text{right:0; left:initial;}
	#calcoolateur 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 .head.small.fixe:after {left: 32%;}
	#calcoolateur .header-results span{line-height: 1.2em !important;}
	#calcoolateur .results{padding: 0; flex-direction: column;} 
	#calcoolateur .results .block-1-2:nth-child(1){padding-bottom: 0;}
	#calcoolateur .results .num.colored-num {margin-top: 5px;}
	#calcoolateur .results .block-1-2:first-child{width:100%; display:block;}
	#calcoolateur .header-results h3{font-size: 24px; line-height: 32px;}
	#calcoolateur .results{padding:20px; }
	#calcoolateur .results .block-1-2:first-child{padding:0 0 0 0; width:100%; margin-bottom:20px; margin-top:10px;}
	#calcoolateur .results .block-1-2:last-child{width:100%; margin:0 0 0 0;}
	#calcoolateur .results{padding-bottom:0;}
	#calcoolateur .results .infos{text-align: left;}

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

	#calcoolateur .bloc-conso{padding-left:20px; padding-right:20px; }
	#calcoolateur .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 .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 .btn-radio-drink,
	#calcoolateur .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 .btn-radio-drink label,
	#calcoolateur .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 .group-info.first-group .btn-radio{margin-bottom:0; width:initial; flex:1;}
	#calcoolateur input[type="radio"]{ background-color: #fff; border: 2px solid #fff;}
	#calcoolateur input[type="radio"]:checked{ background-color: #003da5;  border: 3px solid #fff;} 
	#calcoolateur .bloc-conso #radio-container{padding-top:25px;}
	#calcoolateur .bloc-conso #radio-container{justify-content: center;}  
	#calcoolateur .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 .head.small.gender{margin-top:0;}
	#calcoolateur .number-round{position:absolute; top:0px; left:0;}
	#calcoolateur .group-info{display:block!important;  padding: 0 0 0 0; border-top:none; }
	#calcoolateur .group-info.first-group .btn-radio{width:100%; margin:0 0 10px 0; width: 49%;     margin: 0 0.5% 10px 0.5%;}
	#calcoolateur .group-info:first-child{padding-right:0;}
	#calcoolateur .group-info:first-child .bg-responsive{display:flex;} 
	#calcoolateur .group-info.second-group{border-bottom:2px solid #e6ecf6; padding-bottom:30px; margin-bottom:-10px;} 
	#calcoolateur .bloc-conso #radio-container{display:block;}
	#calcoolateur .bloc-conso .quantite,
	#calcoolateur .bloc-conso .pourcentage,
	#calcoolateur .bloc-conso .heure{padding-top:25px; padding-bottom:20px; margin-bottom:0; } 
	#calcoolateur .group-info.fixe.end{border-bottom:none; padding-bottom:35px;} 
	#calcoolateur .question{position:initial;}
	#calcoolateur 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 span.q-tooltip-text:before{ display:none; } 
	#calcoolateur span.number-round.q-mark{display:none;}
	#calcoolateur .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 .btn-radio-drink, #calcoolateur .group-info.first-group .btn-radio{width:49%;}

	#calcoolateur .bloc-conso .quantite{display:block; width:100%;}
	#calcoolateur .bloc-conso .pourcentage{display:block; width:100%;}
	#calcoolateur .slider-vol, #calcoolateur .slider-deg{display:block; margin:0; width: 100%;}
	#calcoolateur .quantite > label:first-child, #calcoolateur .heure label, #calcoolateur .pourcentage label{display:block; width:100%; text-align: left; margin-bottom:20px;}
	#calcoolateur .bloc-conso .quantite span.btn-convers,
	#calcoolateur .bloc-conso .pourcentage div.p-group{margin-top:20px;}
	#calcoolateur .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 .group-info:first-child .bg-responsive{display:block;}
	#calcoolateur .group-info.first-group .btn-radio.btn-male{margin-bottom:10px;}
	#calcoolateur .head.small { margin-left: 0; padding-left: 50px; }  
	#calcoolateur .btn-radio-drink, #calcoolateur .group-info.first-group .btn-radio{width:100%; margin:0;}
	#calcoolateur .btn-radio-drink{margin-bottom:10px;}
	#calcoolateur .bloc-conso #radio-container{margin-bottom:15px;}
	#calcoolateur span.q-tooltip-text{font-size:11px;}
	#calcoolateur .header-results.warning:before, #calcoolateur .header-results.warning:after{display:none;}
	#verseur .versModal-content {width: 70%!important;margin: 75% auto;}
}

@media screen and (max-width: 615px){#calcoolateur .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;}
}

@media screen and (max-width: 490px){#verseur .solo-drink.first {left:-10px;}} 
@media screen and (max-width: 479px) {  
	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 .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;}
	#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 .btn-radio, #calcoolateur .btn-radio-drink, #calcoolateur .group-bloc{padding-top: 5px; padding-bottom: 5px;}
	#calcoolateur 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 .head.small{margin-left:0; padding-left:50px;}
	#calcoolateur .header-results h3 {  font-size: 20px; line-height:25px!important; } 
	#calcoolateur .results .block-1-2:last-child{border-radius:0; padding:0 0 0 0; background-color:#fff;}
	#calcoolateur .results .block-1-2:first-child{margin:0; padding:30px 0;}
	#calcoolateur .results .num.colored-num{font-size:45px; margin-bottom:20px;}
	#calcoolateur .results .infos a button{border:2px solid #002565;}
	#calcoolateur .results .infos{text-align: center;}

	#calcoolateur .results .heure-conseil:after{ border-bottom: solid 2px #e6ecf6; }
	#verseur .wrapper,
	#calcoolateur .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 .wrapper{padding-left:10px!important; padding-right:10px!important;}

		/*#calcoolateur .head.small.fixe.gender {margin-right: 15px;}
		#calcoolateur .head.small.fixe.poids{margin-bottom: 18px;}
		#calcoolateur .group-info.fixe.first-group, #calcoolateur .group-info.fixe.second-group{height: 105px;}
		#calcoolateur .group-info.fixe.first-group .btn-radio.btn-male, #calcoolateur .group-info.fixe.second-group .btn-convers input{bottom: 20px; top: unset;}
		#calcoolateur .group-info.fixe.second-group .btn-convers input{bottom: 50px;}
		#calcoolateur .group-info.second-group .number-round {margin-top: 0px;}
		#calcoolateur .question{top:15px;}
		#calcoolateur .group-info.second-group .number-round.q-mark{margin-top: 0;}
		#calcoolateur span.number-round.q-mark{padding: 0px 8px;}
		#calcoolateur .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;}}*/