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

*{
	margin:0;
	padding:0;}

html, body{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#4A2432;
	background-color:#FCFAF0;
	
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;}


a img, img a{
	border:none;}
	
a{
	text-decoration:none;}	

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

GENERAL

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

.centrage{
	width:100%;
	max-width:1100px;
	height:auto;
	position:relative;
	margin:auto;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
	}
	


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

HEADER

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

header{
		padding-top:71px;
		padding-bottom:88px;}

.logo, .logo-menu{
	width:560px;
	height:50px;
	position:relative;
	margin:auto;}


h1, h2{
	font-weight:700;
	font-size:14px;
	font-variant:small-caps;
	text-align:center;

}

header a{
		color:#4A2432;
	text-decoration:none;
	border:none;}
	
	
.cd-primary-nav h1,
.cd-primary-nav h2{
	color:#C29F2B;}	
/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MENU

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

/* -------------------------------- 

Primary style

-------------------------------- */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.overflow-hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}



/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

.cd-header {
  position: fixed;
 top: 92px;
  right: 60px;
  height: 30px;
  z-index: 3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.cd-secondary-nav {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10em;
  /* hidden on small devices */
  display: none;
}

@media only screen and (min-width: 768px) {
  .cd-secondary-nav {
    display: block;
  }
}

.cd-primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  /*background-color: #03263d;*/
}
.cd-primary-nav-trigger .cd-menu-text {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 42px;
  height: 6px;
  background-color: #4A2432;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  box-shadow: 2px 2px 0px #FCFAF0, 4px 4px 0px #4A2432;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -12px;
  background-color: #4A2432;
   box-shadow: 2px 2px 0px #FCFAF0, 4px 4px 0px #4A2432;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 12px;
  background-color: #4A2432;
   box-shadow: 2px 2px 0px #FCFAF0, 4px 4px 0px #4A2432;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
   box-shadow:none;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: white;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color:#C29F2B;
  box-shadow: 0px -2px 0px #4A2432, 0px -4px 0px #C29F2B; 		/*2px 2px 0px #4A2432, 4px 4px 0px #C29F2B;*/
  }
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  background-color:#C29F2B;
  box-shadow: -2px 0px 0px #4A2432, -4px 0px 0px #C29F2B;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger {
    background-color: transparent;
   -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

  }
  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;

  }
  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  	background-color:#4A2432;
	 font-variant:small-caps;
}


.overlay-menu,
.langue{
	float:right;
	width:45%;
	}
	
.cd-primary-nav ul{
	list-style:none;}

.cd-primary-nav li {
  font-size: 32px;
  line-height:46px;
  font-weight: 700;
  text-align: left;
  
}
.cd-primary-nav li a {
 display: block;
  position: relative;
  color: #C29F2B;
}


.cd-primary-nav li a:hover{
color: #FCFAF0;
}

.no-touch .cd-primary-nav li a:hover {
  color:#FCFAF0;
}

.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
	  padding:0;
    padding-top: 71px;
  }
}
@media only screen and (min-width: 1170px) {

}

@media screen and (min-height: 800px) {
.caletoi{
	height:660px;
}	
	
.image-menu,
.langue{
	margin-top:142px;}
}

@media screen and (max-height: 800px) {
.caletoi{
	height:560px;
	}
		
.image-menu,
.langue{
	margin-top:20px;}
}


.image-menu{
	width:45%;
	float:left;}

.langue{
	width:45%;
	float:right;
	margin-bottom:36px;}

.langue a{
	font-size:21px;
	color:#C29F2B;
	margin-right:21px;
	text-decoration:none;
	}	



@media screen and (min-height: 660px) {
.ml-crea{
	max-width:1060px;
  width: 100%;
  height: 80px;/*avant 36*/
  position: fixed;
  bottom: 0;
  margin-top: -80px;/*avant -36*/
  padding-right:20px;
}


/*hack IE10 et 11 sinon couille avec le footer du menu qui reste apparent sur le site meme quand menu fermé*/
_:-ms-lang(x), .ml-crea { 
	max-width:1060px;
  width: 100%;
  height: 80px;/*avant 36*/
  bottom: 0;
  margin-top: -80px;/*avant -36*/
  padding-right:20px;
position: absolute;
background-color:#4A2432;
 }

}

@media screen and (max-height: 660px) {
.ml-crea{
  width: 96%;
  height: 80px;/*avant 36*/
  position: absolute;
  bottom: 0;
  margin-top: -80px;/*avant -36*/
}
}



	
.ml-crea a{
	width:20%;
	float:left;}

.ml-crea p{
		width:45%;
		float:right;
	text-align:left;
}

.ml-crea a, .ml-crea p{
	color:#C29F2B;}
	

	
.ml-crea a{
	font-variant:normal;
	text-decoration:none;
	}
	
.langue a:hover,
.ml-crea a:hover,
.menu-actif{
	color:#FCFAF0;}	
	

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

HOME

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

.text-intro{
	width:100%;
	margin:42px 0;
	float:left;}

@media screen and (min-width: 1100px) {
.img-acc{
	width:212px;
	height:212px;
	float:left;
	}
	
.img-acc img{
	position:absolute;}	
	
a .img-acc .txt-accueil{
	box-sizing:border-box;
	padding-left:10px;
	padding-top:82px;
	
	
	width:100%;
	height:100%;
	background-color: rgba(252, 250, 240, 0.85);
		position:relative;
	
	display:block;
	font-size:32px;
		font-weight:700;
	color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #FCFAF0*/
	text-decoration:none;
	z-index:1;
	opacity:0;}

a:hover .img-acc .txt-accueil{
	box-sizing:border-box;
	padding-left:10px;
	padding-top:82px;
	
	
	width:100%;
	height:100%;
	background-color: rgba(252, 250, 240, 0.85);
		position:relative;
	
	display:block;
	font-size:32px;
	font-weight:700;
	color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #FCFAF0*/
	text-decoration:none;
	z-index:1;
	opacity:1;
	
}


}

@media screen and (max-width: 1100px) {
.img-acc{
	width:19.75%;
	height:212px;
	float:left;
	overflow:hidden;
	}
	
.img-acc img{
	width:auto;
	height:auto;
	position:absolute;}	
	
a .img-acc .txt-accueil{
	display:none;}

a:hover .img-acc .txt-accueil{
	box-sizing:border-box;
	padding-left:10px;
	padding-top:60px;
	
	
	width:100%;
	height:100%;
	background-color: rgba(252, 250, 240, 0.85);
		position:relative;
	
	display:block;
	font-size:32px;
	color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #FCFAF0*/
	text-decoration:none;
	z-index:10;}
}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

LISTE VINS

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

.bloc-vin{
	width:100%;
	min-height:454px;
	/*position:relative;*/
	float:left;
	background-color:#FCFAF0;}

.bouteille{
	width:33%;/*340px*/
	height:454px;
	}


.bouteille img{
	position:relative;
	margin:auto;
	width:100px;
	height:auto;
}

.image-callage{
	position:relative;
	margin:auto;
	width:116px;
	height:454px;
}

.nom-vin{
	width:64%;
	margin-top:102px;}
	



	
@media screen and (min-width: 1340px) {
.nom-vin h3,
.nom-vin h4{
	font-size:60px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:60px;
color:#4A2432;

}	
}	
/*HACK FF*/
@-moz-document url-prefix()
{
   .nom-vin h3,
.nom-vin h4{
	font-size:56px;/*au lieu de 60 sinon couille FF decallage en dssous*/
		font-weight:700;
	font-variant:small-caps;
margin-bottom:50px;
    }
}



@media screen and (max-width: 1340px) {
.nom-vin h3,
.nom-vin h4{
	font-size:50px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:60px;
color:#4A2432;

}	
}
/*HACK FF*/
@media screen and (max-width: 1340px) @-moz-document url-prefix()
{
   .nom-vin h3,
.nom-vin h4{
	font-size:46px;/*au lieu de 60 sinon couille FF decallage en dssous*/
		font-weight:700;
	font-variant:small-caps;
margin-bottom:50px;
    }
}


.bloc-vin:nth-of-type(2n+1) .nom-vin{
	float:left;
	box-sizing:content-box;
	padding-left:3%;/*40px*//*normalement c est 60 mais couille sous FF*/
	}	
	
	
.bloc-vin:nth-of-type(2n+1) .bouteille{
	float:left;}	
	
	

.bloc-vin:nth-of-type(2n+2) .nom-vin{
	float:left;
	box-sizing:content-box;
	/*padding-left:3%;*//*40px*//*normalement c est 60 mais couille sous FF*/
		}	

.bloc-vin:nth-of-type(2n+2) .bouteille{
	float:right;}	


.bloc-vin:nth-of-type(2n+1) .fleche{
	width:170px;
	height:97px;
	position:relative;
	top:-200px;
	right:-114px;
	float:right;
	}
	
.bloc-vin:nth-of-type(2n+2) .fleche{
	width:170px;
	height:97px;
	position:relative;
	top:-200px;
	left:-114px;
	float:left;
	}	

.bloc-vin:nth-of-type(2n+1) .fleche::after{/*bouteille*/  /*normalement left 87.5 mais couille avec modif de décallage du lien poru voir fiche vin*/
	position:relative;
	content:url(images/fleche-d-droite.png);
}


.bloc-vin:nth-of-type(2n+2) .fleche::after{/*bouteille*/  /*normalement left 87.5 mais couille avec modif de décallage du lien poru voir fiche vin*/
	position:relative;
	float:right;
	content:url(images/fleche-d-gauche.png);
}


.decouverte{
	width:auto;
	line-height:20px;
	margin-left:18%;/*90px*/
	font-weight:700;
		line-height:20px;
}
	

/*BLANCS*/

.bloc-vin.blanc a:link .nom-vin h3,
.bloc-vin.blanc a:link .nom-vin h4{
	color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #FCFAF0*/
}


.bloc-vin.blanc a:visited .nom-vin h3,
.bloc-vin.blanc a:visited .nom-vin h4{
	color:#FCFAF0;
text-shadow: 2px 2px 0px #C29F2B;/*, 4px 4px 0px #C29F2B*/
}


.bloc-vin.blanc a:hover .nom-vin h3,
.bloc-vin.blanc a:hover .nom-vin h4{
	color:#C29F2B;
text-shadow: none;
}


.bloc-vin.blanc a:active .nom-vin h3,
.bloc-vin.blanc a:active .nom-vin h4{
	color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #C29F2B*/
}
	
.bloc-vin.blanc a:link p{
	color:#4A2432;
	text-decoration:underline;}

.bloc-vin.blanc a:visited p{
	color:#C29F2B;
		text-decoration:underline;}

.bloc-vin.blanc a:hover p{
	color:#C29F2B;
		text-decoration:none;}	

.bloc-vin.blanc a:active p{
	color:#C29F2B;
		text-decoration:underline;}
	
	
/*ROUGES*/	
.bloc-vin.rouge a:link .nom-vin h3,
.bloc-vin.rouge a:link .nom-vin h4{
	color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #FCFAF0*/
}


.bloc-vin.rouge a:visited .nom-vin h3,
.bloc-vin.rouge a:visited .nom-vin h4{
	color:#FCFAF0;
text-shadow: 2px 2px 0px #900020;/*, 4px 4px 0px #900020*/
}


.bloc-vin.rouge a:hover .nom-vin h3,
.bloc-vin.rouge a:hover .nom-vin h4{
	color:#900020;
text-shadow: none;
}


.bloc-vin.rouge a:active .nom-vin h3,
.bloc-vin.rouge a:active .nom-vin h4{
	color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #900020*/
}
	
.bloc-vin.rouge a:link p{
	color:#4A2432;
		text-decoration:underline;}

.bloc-vin.rouge a:visited p{
	color:#900020;
		text-decoration:underline;}

.bloc-vin.rouge a:hover p{
	color:#900020;
		text-decoration:none;}	

.bloc-vin.rouge a:active p{
	color:#900020;
		text-decoration:underline;}
		
		

		
/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

P TYPE VIN

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/		

.detail-bouteille-txt{
	width:47%;
	height:auto;
	float:left;
	box-sizing:content-box;
	}

@media screen and (min-width: 1340px) {
.detail-bouteille-txt h4{
	font-size:60px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:40px;
color:#4A2432;
}	
}
/*HACK FF*/
@media screen and (min-width: 1340px) @-moz-document url-prefix()
{
   .detail-bouteille-txt h4{
	font-size:56px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:40px;
color:#4A2432;

}	

}

@media screen and (max-width: 1340px) {
.detail-bouteille-txt h4{
	font-size:50px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:40px;
color:#4A2432;

}
}
/*HACK FF*/
@media screen and (max-width: 1340px) @-moz-document url-prefix()
{
   .detail-bouteille-txt h4{
	font-size:46px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:40px;
color:#4A2432;

}	
	
}


.presentation-vin a{
	color:#4A2432;
		font-weight:700;
	text-decoration:underline;}
	
.presentation-vin a:hover{
	color:#4A2432;
		font-weight:700;
	text-decoration:none;}

.presentation-vin{
		width:auto;
	color:#4A2432;
	line-height:20px;
	margin-left:18%;/*90px*/}		

.detail-bouteille-img{
	width:50%;
	height:auto;
	float:right;
	margin-top:62px;
	/*padding-top:60px;*/
	
	}

.presentation-vin p strong{
	font-weight:300;}
	

.detail-bouteille-img img{
	float:right;}


.detail-bouteille-fleche{
	width:170px;
	height:42px;/*97px*//*42*/
	position:relative;
	margin:auto;
	margin-right:18.75%;
	
	}

.detail-bouteille-fleche::before{
	/*position:absolute;
	top:0px;*/
	width:170px;
	height:97px;
	content:url(images/fleche-d-gauche.png);}



.detail-bouteille-retour-liste{
	width:220px;
	height:auto;/*42*/
	float:right;
	padding:40px 20px;
margin-right:18.75%;
	}


.detail-bouteille-retour-liste a{
	color:#4A2432;
	font-weight:700;
		text-decoration:underline;}


.detail-bouteille-retour-liste a:hover{
text-decoration:none;
	}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

P TYPE TEXTE

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/


.bloc-txt-p-type{
	width:100%;
	min-height:454px;
	/*position:relative;*/
	float:left;
}


.image-txt-p-type iframe{
	width:520px;/*340px*/
	height:390px;
	}

.image-txt-p-type{
	width:50%;/*340px*/
	height:auto;
	margin-top:110px;/*60 au debut*/
	}

.image-txt-p-type img{
	width:100%;
	height:auto;}

.txt-p-type{
	width:47%;

	}
	


	
@media screen and (min-width: 1340px) {
.txt-p-type h3,
.txt-p-type h4{
	font-size:60px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:32px;
color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #FCFAF0*/

}	
}
/*HACK FF*/
@media screen and (min-width: 1340px)  @-moz-document url-prefix()
{
   .txt-p-type h3,
.txt-p-type h4{
	font-size:56px;/*au lieu de 60 sinon couille FF decallage en dssous*/
		font-weight:700;
	font-variant:small-caps;
margin-bottom:50px;
    }
}




@media screen and (max-width: 1340px) {
.txt-p-type h3,
.txt-p-type h4{
	font-size:50px;
		font-weight:700;
	font-variant:small-caps;
margin-bottom:32px;
color:#FCFAF0;
text-shadow: 2px 2px 0px #4A2432;/*, 4px 4px 0px #FCFAF0*/

}	
}
/*HACK FF*/
@media screen and (max-width: 1340px) @-moz-document url-prefix()
{
   .txt-p-type h3,
.txt-p-type h4{
	font-size:46px;/*au lieu de 60 sinon couille FF decallage en dssous*/
		font-weight:700;
	font-variant:small-caps;
margin-bottom:50px;
    }
}



.bloc-txt-p-type:nth-of-type(2n+1) .txt-p-type{
	float:left;
	box-sizing:content-box;
	padding-left:3%;/*40px*//*normalement c est 60 mais couille sous FF*/
	}	
	
	
.bloc-txt-p-type:nth-of-type(2n+1) .image-txt-p-type{
	float:left;}	
	
	

.bloc-txt-p-type:nth-of-type(2n+2) .txt-p-type{
	float:left;
	box-sizing:content-box;
	/*padding-left:3%;*//*40px*//*normalement c est 60 mais couille sous FF*/
		}	

.bloc-txt-p-type:nth-of-type(2n+2) .image-txt-p-type{
	float:right;}	



.bloc-txt-p-type .detail-bouteille-fleche{
	width:170px;
	height:42px;/*97px*//*42*/
	position:relative;
	margin:auto;
	}

.bloc-txt-p-type:nth-of-type(2n+1) .detail-bouteille-fleche{
	margin-left:18.75%;
	
	}
	
.bloc-txt-p-type:nth-of-type(2n+2) .detail-bouteille-fleche{
	margin-right:18.75%;
	
	}

.bloc-txt-p-type:nth-of-type .detail-bouteille-fleche::before{
	width:170px;
	height:97px;
	}

.bloc-txt-p-type:nth-of-type(2n+2) .detail-bouteille-fleche::before{
	content:url(images/fleche-d-gauche.png);}


.bloc-txt-p-type:nth-of-type(2n+1) .detail-bouteille-fleche::before{
	content:url(images/fleche-d-droite.png);}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FORM

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.cfg-clear{}

.cfg-label-value, .cfg-required{
	display:none;}




.cfg-contactform{
	width:100%;
	height:auto;
	}


.cfg-contactform input{
	}

.ui-datepicker{
	font-size:9pt !important;
}
	
.cfg-element-container{
	width:100%;
	float:left;
}

.cfg-element-container .captcha{
	width:80%;
	margin-left:10%;
	float:left;
	}
	
.cfg-element-container-envoyer{
	width:100%;
	margin-top:10px;
	margin-bottom:50px;
	float:left;}	
	
/*MARGE ENTRE LES CHAMPS*/
.cfg-element-set{
	margin-bottom:6px;
}

.cfg-option-set::after{ /* restore margin bottom when elements are floating */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cfg-label{
	display:block;
}

.cfg-paragraph{
	margin-bottom:1px; /* IE (for paragraphs above <select>) */
}
.captcha_container{
	margin-top:2px;
}

.cfg-captcha-input{
	
}

/*IMG CATPCHA*/
.cfg-captcha-img{
	border:none;
	background-color:#4A2432;
	width:100px;
	height:20px;
	display:inline;
	margin-left:13px;
	margin-bottom:1px; /* Opera */
filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
}

.cfg-captcha-refresh{
	margin-top:5px;
	margin-left:10px;
	cursor:pointer;
}
.cfg-submit{
	cursor:pointer;
	padding:8px 4px;
}

.cfg-required{/*champ requit*/
	color:#e62b65;
}

.cfg-uploadsuccess-container{
	margin-top:10px;

}
.cfg-deleteupload{
	color:#ff0033;
	margin-left:10px;
	cursor:pointer;
}
.cfg-deleteupload:hover{
	text-decoration:underline;
}

.cfg-loading{
	display:none;
	background:url('../img/loading.gif') no-repeat 0 1px;
	padding-left:20px;
	font-size:14px;
}

.cfg-errormessage, .cfg-validationmessage{
font-size:14px;
}

.cfg-errormessage{
	display:none;
	margin:0;
	width:95%;
}

.cfg-validationmessage{
	width:100%;
	margin-bottom:16px;
	padding-bottom:10px;
	
	background-color:#FCFAF0;
	z-index:100;
	color:#000;
	text-align:center;
}

.cfg-option-content input[type=radio], .cfg-option-content input[type=checkbox]{
	margin-right:2px;
}



.cfg-label{
	font-weight:100;
	font-style:normal;
	font-size:14px;
	color:#000;
}

.cfg-element-content input[type="text"], .cfg-element-content textarea, .cfg-element-content select, .cfg-option-content{
	font-weight:100;
	font-style:normal;
	font-size:14px;
	color:#404040;
		text-transform:inherit;

}

.cfg-element-content input[type="text"], .cfg-element-content textarea{
	width:100%;
border:none;
	padding-right:0;
	padding-top:6px;
	margin-top:10px;
	padding-left:2%;
	padding-bottom:6px;
	border:solid 1px #4A2432;
	border-top:none;
	border-left:none;
	
	box-sizing:border-box;
		background-color:#FCFAF0;

}


.cfg-element-content textarea{
	height:100px;
	margin-top:1px;
	resize:none;
	margin-top:10px;
	}


#cfg-element-67-16-label, #cfg-element-67-12-label, #cfg-element-67-15-label, #cfg-element-67-13-label{

	font-size:14px;
	color:#5C564D;
	width:20%;
	float:left;
	text-align:left;

}

#cfg-element-67-21-label{
font-size:14px;
color:#5C564D;
width:100%;
float:right;
height:20px;
text-align:center;


}
/*acptcha*/
input#cfg-element-67-21{
height:20px;
padding:0;
margin-top:14px;
background-color:#FCFAF0;
border:solid 1px #4A2432;
	border-top:none;
	border-left:none;
}
																	/*spe label Nom prenom*/



/*C est là qu'est géré la largeur des labels. Prends le dessus sur le ligne (environ) 154*/
#cfg-element-67-16-set, #cfg-element-67-12-set, #cfg-element-67-16-set, #cfg-element-67-15-set, #cfg-element-67-13-set{
width:100%;
float:left;
display:inline-block;
clear:left;
color:#F00;
}



#cfg-element-67-21-set{
	width:100%;
/*	clear:right;
	display:inline-block;*/
	float:left;
}

#cfg-element-67-21:nth-child(1){
margin-top:10px;
}

#cfg-element-67-21:nth-child(2){
	width:100px;
	float:right;
	position:relative;
	right:20px;
	top:-40px;
	margin-bottom:-40px;
}

.cfg-captcha-input{padding:20px;}


#cfg-element-67-21:nth-child(2),.cfg-element-content #cfg-element-67-14, .cfg-element-set #cfg-element-67-14{}

/*#cfg-element-67-16, #cfg-element-67-12, #cfg-element-67-15, #cfg-element-67-13, #cfg-element-67-21{*//*doubler la valeur du % pour que ça devienne un 100% en responsive*//*}*/

.cfg-element-content, .cfg-element-set{}


.cfg-type-text, .cfg-form-value{}

/*spe label BTN ENVOYER*/


/*ENVOYER*/
.cfg-element-content #cfg-element-67-14, .cfg-element-set #cfg-element-67-14{

position:relative;
width:100%;
height:30px;
font-size:14px;
color:#FCFAF0;
border:none;
background-color:#4A2432;
padding-top:3px;
padding-bottom:3px;		
}


#cfg-element-67-14{}

#cfg-element-67-14:hover{
background-color:#C29F2B;
color:#4A2432;
}

		
/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

FOOTER

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/


hr.marge-basse{
	border:none;
	width:100%;
	height:42px;
	float:left;}

footer{
	width:100%;
	text-align:center;
	color:#4A2432;
	height:20px;
	padding:20px 0;
	float:left;}
	
	
	
	
	
	
a:link .img-acc .txt-accueil,
.ml-crea a,
.bloc-vin.blanc a .nom-vin h3,
.bloc-vin.blanc a .nom-vin h4,
.bloc-vin.blanc a p,
.bloc-vin.rouge a .nom-vin h3,
.bloc-vin.rouge a .nom-vin h4,
.bloc-vin.rouge a p,
.detail-bouteille-retour-liste a,
#cfg-element-67-14
{
	-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;}


a:hover .img-acc .txt-accueil,
.ml-crea a:hover,
.bloc-vin.blanc a:hover .nom-vin h3,
.bloc-vin.blanc a:hover .nom-vin h4,
.bloc-vin.blanc a:hover p,
.bloc-vin.rouge a:hover  .nom-vin h3,
.bloc-vin.rouge a:hover .nom-vin h4,
.bloc-vin.rouge a:hover p,
.detail-bouteille-retour-liste a:hover,
#cfg-element-67-14:hover
{
	-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;}