@import "imports/imports";

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display : block;
	/*-webkit-transform: translate3d(0,0,0);*/
}

html, body {
	-webkit-overflow-scrolling : touch;
	width                      : 100%;
	height                     : 100%;
	margin                     : 0;
	padding                    : 0;
	font-size                  : 16px;

}
body > #wrap {
	height     : 100%;
	min-height : 100%;
}


/* ////////// Commun //////////////// */
.page {
	background : #fff;
}

#main {
	height   : 100%;
	width    : 100%;
	position : absolute;
}

a {
	font-family     : "leelawadee";
	color           : #ffffff;
	text-decoration : none;
}

a .titre_rubrique {
	font-style : normal;
}

.content {
	@include absolute($w:100%,$t:160px,$b:28px,$z:1);
	margin             : auto;
	padding            : 0px 0 0px;
	position           : absolute;
	text-align         : left;
	box-sizing         : border-box;
	@include smartphone{
	 top:105px;
	}
}
.contenu {
	position   : absolute;
	border     : 0;
	text-align : center;
	margin     : 0;
	height     : 100%;
	width      : 100%;
}


.accroche {
	color          : white;
	font-size      : 16px;
	font-family    : "leelawadee";
	text-transform : uppercase;
}

.illustration {
	margin      : 20px auto;
	white-space : nowrap;
}

.texte {
	font-family : Verdana;
	color       : #c7ccbf;
	font-size   : 14px;
	text-align  : justify;
	line-height : 170%;
}


.btn {
	cursor : pointer;
}
.smartphone {
	display : block;
}

.tablet {
	display : none;
}





.row1 {
	margin-bottom : 7px;
	font-size     : 13px;
}

.accueil .fLeelawadee.s15 {
	font-size : 0;
}

.bold {
	font-weight : bold;
}


.regions {
	background       : url("/img/smartphone/fond-selection-vins.png");
	background-size  : cover;
	font-family      : "leelawadee";
	width            : 100%;
	padding          : 20px;
	z-index          : 31;
	background-color : rgba(255, 255, 255, 0.64);
	margin-top       : 35px;
	position : relative;
}


.zoneRegion {
	font-family    : 'leelawadee';
	margin         : 20px 0;
	text-transform : uppercase;
	font-size      : 16px;
	color          : #4a403d;
}

.zonePays {
	color       : #fff;
	font-family : "leelawadee";
	overflow    : auto;

}

.selectionRegion {
	color       : #ab462f;
	font-size   : 16px;
	font-family : "leelawadee";
}

.selectionPays {
	font-family   : "leelawadee";
	color         : #fff;
	height        : 44px;
	display       : block;
	line-height   : 44px;
	border-bottom : 1px solid rgba(255, 255, 255, 0.2);
	padding-left  : 30px;
}



.titreVin {
	font-family : "leelawadee";
	font-size   : 17px;
	color       : #fff;
	width       : 80%;
	display     : block;
	margin      : 20px auto;
	text-align  : center;
}

.intitVin {
	text-transform : uppercase;
	color          : #e4792b;
	margin-right   : 10px;
}



.page form {
	text-align : center;
	margin     : 10px 0;
}



.texteContainer.ib.box.pays {
	width      : 100%;
	/*-webkit-transform: translate3d(0,0,0);      -webkit-transform: translateZ(0px);*/
	margin-top : 0;
}

.zonePlus .retina.btn-retour-menu {
	top      : 62px;
	position : fixed;
}


.texteContainer.ib.box.actu {
	color      : #fff;
	text-align : center;
	margin-top : 0;
}

.contenuActu {
	text-align : justify;
	padding    : 30px;
	color      : #fff;
}

.date {
	text-align : left;
	margin     : 20px 0px 10px 50px; font-family : "leelawadee";
	color      : #d0b9aa;
}


.contenuActu p {
	font-size   : 15px;
	margin      : 10px 0;
	font-family : "leelawadee";
	line-height : 20px;
}



.texteContainer.ib.box.actu ul li {
	height           : 85px;
	background-image : url("/img/smartphone/fond-selection-actu.png");
	line-height      : 18px;
	text-align       : left;
	padding-top      : 12px;
	box-sizing       : border-box;
	/* padding-left: 44px; */
	overflow         : hidden;
}

.texteContainer.ib.box.actu ul li a {
	color   : #fff;
	width   : 80%;
	display : inline-block;
}

.date1 {
	text-align  : left;
	font-family : "leelawadee";
	color       : #d0b9aa;
}




.selected {
	color : #e57a2c;
	/* border-bottom: 1px solid #e57a2c; */
	/* padding-bottom: 5px; */
}

.actuImage {
	text-align : center;
}



.retina.btn-retour-menu a
.duVin a, .retina.btn-retour-menu a, .retina.btn-fermer-popup.duVin a {
	height : 100%;
	width  : 100%;
}

.texteContainer.ib.box.vins {
	margin-top : 0;
}


.vin .enSavoirPlus {
	margin-left : 0;
}

.texteMobile {
	width            : 100%;
	background-color : rgba(167, 126, 106, 0.9);
	padding          : 20px 20px 40px 20px;
	box-sizing       : border-box;
	margin-top       : 40px;
}

.retina2 a {
	font-size  : 0;
	margin-top : 13px;
}

.messNews {
	text-align    : center;
	margin-bottom : 20px;
}


.newsletter, .mentionsLegales {
	font-family : "Leelawadee";
	h1{
		text-transform : uppercase;
		text-align     : center;
		margin-bottom  : 40px;
	}
}


#boutonOrange {
	background-image : url("/img/smartphone/fond-btn-orange.png");
	border           : 0;
	padding          : 5px 30px;
	color            : #fff;
	margin-top       : 29px;
	font-size        : 16px;
	letter-spacing   : 1.7px;
}

.enSavoirPlus::first-letter, .enSavoirPlus1::first-letter, .enSavoirPlus2::first-letter {
	text-transform : uppercase;
}



.m1::first-letter, .m2::first-letter, .m3::first-letter, .m4::first-letter {
	font-size : 20px;
}

#maison::first-letter {
	font-size   : 20px;
	line-height : 20px;
}



.enSavoirPlus1, .enSavoirPlus2 {
	margin-top : 2px;
}

.classDistrib {
	height : auto;
	/* margin-top: 10px; */
}





.cntrVideo.wrapA iframe {/*
    width  : 100% !important;
    height : 100% !important;*/
}

.cntrVideo {
	text-align : center;
	max-width: 1024px;
	background: rgba(255, 255, 255, 0.8);
	height: 100%;
	margin: 0 auto;

}
.cntrVideo     .miniature{
	display : inline-block;
	width : 320px;
	margin : 40px 20px 0;
	text-align : center;
	cursor : pointer;
	opacity : 0.85;
	-webkit-transition : all .5s;
	-moz-transition    : all .5s;
	-ms-transition     : all .5s;
	-o-transition      : all .5s;
	transition         : all .5s;
	vertical-align: top;
}
.cntrVideo     .miniature:hover{
	opacity : 1;
}
.cntrVideo .wrapperVideo {
	position : absolute;
	width    : 100%;
	height   : 100%;
	top      : 0;
	left     : 0;
	background-color : rgba(0, 0, 0, 0.19);
	display : none;
	z-index : 50;

}
.cntrVideo .wrapperVideo #myplayer iframe{

	position : absolute;
	width    : 100%;
	height   : 100%;
	top      : 0;
	left     : 0;

}
.cntrVideo .wrapperVideo .Fermer-Switchable{
	position : absolute;
	right: 50px;
	width: 150px;
	left: auto;
	z-index : 150;
	cursor : pointer;
}
.zoneGauche,
.listeVid {
	height: 100%;
	font-family: "leelawadee";
}