#content{
	width: 100%;
	padding-bottom:100px;
}

.info{
	clear:both;
	margin-bottom:40px;
}

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

.info img{
	max-height: 400px;
	margin-bottom: 20px;
	width:auto!important;
}

#content .info p{
	text-align: left;
	margin-bottom:10px;
}

#corps {
	position: absolute;
	top: 0; 
	left:0;
	overflow: hidden; 
	width: 100%;
	height: 100%;
	background-image: url(../../images/produits/trames.png);
}

#pageProduits {
	width: 960px;
	min-height: 550px;
	margin: auto;
	max-width: 100%;
	/*background-image: url('../../images/produits/');
	background-color: #f2e8e1;*/
}

#articles {
	position: relative;
	width: 100%;
	min-height: 550px;
	margin-top: 100px;
	/*background-image: url(../../images/design/fond_page.png);*/
	/*background:rgba(255,255,255,0.4);*/
	background-repeat: repeat-x;
	margin-bottom: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* SOUS MENU */
#sousMenu {
	min-height: 25px;
	margin-bottom: 0px;
	text-align: center;
}
#sousMenu li {
	display: inline;
	text-transform: uppercase;
	margin-left: 10px;
}
#sousMenu li a {
	font-weight: bold;
	font-size: 12px;
	color: #592418;
	text-decoration: none;
	line-height: 25px;
}
#sousMenu a:after, #sousMenu a:before {
	content: url(../../images/design/lien_vide.png);
	
}
#sousMenu a:hover:before {
	content: url(../../images/design/lien_before.png); 
}
#sousMenu a:hover:after {
	content: url(../../images/design/lien_after.png); 
}
#sousMenu .selected:before {
	content: url(../../images/design/lien_before.png); 
}
#sousMenu .selected:after {
	content: url(../../images/design/lien_after.png); 
}


/* 	---------------------------------------------------------------------------------------------------------------------------------	*/
/* 	-------------------------------------				CONTENT 				-------------------------------	*/
h1 {
	display: block;
	width:100%; 
	text-align: center;
	color: #96a610;
	background-image: url(../../images/design/header.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 94px;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 4px;
	padding-top: 0px;
}
h1 span { 
	font-size: 15px;
	letter-spacing: 3px;
	/*line-height: 23px;*/
}
h1 a {
	text-decoration: none;
	color: #96a610;
}

h2 {
	width: 385px;
	height: 102px;
	background-image: url(../../images/design/titreArticle.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	color: #96a610;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 20px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: -15px;
	padding-top:35px;
}

.degres{
	font-size:14px;
}

/* CONTENU TEXTUEL */
/* ############## PAGE PRODUITS ############## */
#menuProduits {
	width: 155px;
	float: right;
	height: 371px;
	overflow: hidden;
	margin-right: 30px;
	margin-top: 15px;
}
#menuProduits li {
	width: 100%;
	border-bottom: 1px solid black;
	list-style-type: none;
	text-transform: uppercase;
}

#visuel {
	float: left;
	margin-left: 30px;
	width: 330px;
	height: 371px;
	display: block;
	margin-top: 15px;
	overflow: hidden;
}

#content {
	/*width: 415px;*/
	float: left; 
	background-image: url(../../images/design/bck_content.png);
	min-height: 371px;
	margin-top: 15px;
	color: #524237;
	overflow: hidden;
}

.content-gauloise{
	background-image: url(img/bck-gauloise.jpg) !important;
	width:750px !important;
}

#content.content-gauloise p{
	color:#000;
	text-align: left;
}

#content p {
	font-family: Garamond, arial, sans-serif;
	font-size: 16px;
	padding: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.vignetteApero {
	margin-bottom: 5px;
	width: 155px;
	height: 90px;
	position: relative;
}

.vignetteLiqueur {
	margin-bottom:5px;
	width: 155px;
	height: 56px;
	position: relative;
}
.vignetteDigestif {
	margin-bottom: 5px;
	width: 155px;
	height: 183px;
	position: relative;
}

.vignetteApero img,.vignetteLiqueur img,.vignetteDigestif img {
	border-top: 0px solid black;
	position: absolute;
	left: 0;
	top: 0;
}
.vignetteApero p,.vignetteLiqueur p,.vignetteDigestif p {
	display: block;
	position: absolute;
	top: 0px;
	padding-top: 2px;
	width: 100%;
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	z-index: 20;
	border-bottom: 3px double #524237;
	background-image: url(../../images/design/bck_content2.png);
}
.vignetteApero a,.vignetteLiqueur a,.vignetteDigestif a {
	color: #524237;
	text-decoration: none;
}
.vignetteApero a:hover,.vignetteLiqueur a:hover,.vignetteDigestif a:hover {
	text-decoration: underline;
}
/* ############## PAGE PRODUITS RUBRIQUES ############## */
#rubriquesProduits {
	width: 960px;
	height: 428px;
	margin: auto;
	background-image: url(../../images/produits/fond_bouteilles.png);
	background-repeat: no-repeat;
}
#rubriquesProduits div {
	position: relative;
	float: left;
}

#aperitifs {
	width: 342px;
	height: 421px;
}
#liqueurs {
	width: 282px;
	height: 428px;
}
#digestifs {
	width: 316px;
	height: 428px;
}

img.titre, img.couleur, img.nb, img.fruits  {
	position: absolute;
	left: 0;
	top: 0;
} 
img.nb {
    z-index: 10;
    opacity:0;
}
img.couleur {
} 
img.titre {
	display: none;
    z-index: 20;
}
img.fruits {
    z-index: 25;
	top: 0px;
}

@media screen and (max-width: 960px) {
	#menuProduits{
		width:100%;
		height:auto;
		text-align: center;
	}

	.vignetteApero{
		display: inline-block;
		margin:0 10px;
	}

	.vignetteLiqueur{
		display: inline-block;
		margin:0 10px;
	}

	.vignetteDigestif{
		display: inline-block;
		margin:0 10px;
	}

	#articles {
		margin-top: 20px;
	}

	#menuProduits{
		float:none;
	}

	#visuel{
		margin-left:0;
		margin:auto;
		float:none;
	}
}

@media screen and (max-width: 700px) {
	#corps,#articles,#content,.info,#pageProduits{
		width:100% !important;
	}

	#content .info img{
		height:auto;
		max-width: 100% !important;
	}
}