/*
#top-g	
	{width : 35%;}
#top-d	
	{width : 65%;}
#logo
	{
	width : 60%;
	}
*/

#contenu-g
	{
	height : 100%;
	//width : 35%;
	}
#contenu-d
	{
	//width : 58%;
	height : 100%;
	background-color : #6c3018;
	overflow : visible;
	}
	
#menu-produits
	{
	font-size : 1.15em;
	width : 90%;
	color : #6c3018;
	text-align : left;
	margin-top : 100px;
	}
	
	
.titre-categorie
	{
	list-style : square url('../graph/carre-vert.gif');
	padding : 10px;
	line-height : 0.75em;
	}
.titre-categorie.ici, .titre-categorie:hover, .titre-categorie.ouvert
	{
	color : #ed1c24;
	list-style : square url('../graph/carre-rouge.gif');
	padding : 10px;
	}
.titre-categorie.blanc
	{
	
	display : none;
	
	margin-top : 30px;
	color : #FFFFFF;
	background : #6c3018;
	list-style : square url('../graph/carre-blanc.gif') inside;
	padding : 10px;
	margin-left : -28px;
	}
.titre-categorie.blanc a:link
	{
	margin-left : 10px;
	}
	
.liste-produits
	{
	color : #6c3018;
	line-height : 1.2em;
	margin-top : 0px;
	padding : 0px 10px;
	font-style : italic;
	background : rgba(255, 255, 255, 0.5);
	}
	
.titre-produit
	{
	list-style : none;
	height : 0px;
	line-height : 0px;
	overflow : hidden;
	transition : height 0.75s, line-height 0.75s;
	}
.titre-categorie:hover .titre-produit, .titre-categorie.ouvert .titre-produit
	{
	list-style : none;	
	height : 20px;
	line-height : 1.2em;
	}
	
.titre-produit.ici, .titre-produit:hover
	{color : #ed1c24;}

	
	
@media screen and (max-width:1600px)
	{.liste-produits	{ font-size : 0.85em;	}	}
@media screen and (max-width:1500px)
	{.liste-produits	{ font-size : 0.75em;	}	}
@media screen and (max-width:1300px)
	{#menu-produits	{ font-size : 1em;	}	}
@media screen and (max-width:1200px)
	{
	#menu-produits	{ width : 80%; font-size : 0.9em; padding-left : 30px;	}
	.liste-produits	{ margin-left : -30px; letter-spacing : 0px; font-size : 0.8em;	}
	.titre-categorie	{line-height : 1em;}
	}
	
#bloc-produits, #bloc-produit
	{
	position : relative;
	margin-left : -5%;
	}
#bloc-produit h2
	{
	margin-right : 25%;
	}
#bloc-produits h2
	{
	margin-right : 5%;
	}
#bloc-produits h2, #bloc-produit h2
	{
	margin-left : -28.5%;
	font-size : 2.5em;
	vertical-align : bottom;
	line-height : 0.75em;
	text-align : left;
	color : #a6ce39;
	border-bottom : 4px solid white;
	margin-bottom : 0px;
	padding : 0px;
	}
#produits
	{	
	text-align : right;
	margin-right : 5%;
	}
#produit
	{	
	position : relative;
	text-align : right;
	margin-right : 25%;
	}
#produit img
	{
	max-width : 100%;
	}
	
#description-produit
	{
	text-align : left;
	vertical-align : middle;
	position : absolute;
	top : 5%;
	left : 96%;
	width : 50%;
	}
.fleche
	{
	display : inline-block;
	width : auto;		max-height:60px;	
	vertical-align : bottom;		position:absolute;		top: 20px;		left: -20px;
	}
#description-produit span
	{
	margin-left : 5%;
	margin-top : 20px;
	width : 70%;
	display : inline-block;
	vertical-align : middle;	
	}
#titre-produit
	{
	font-size : 1.75em;
	color : #a6ce39;
	}
.descr
	{
	margin-top : 10px;
	color : white;
	}
	
.quart
	{
	position : relative;
	display : inline-block;
	margin : 0px;
	margin-left : 1%;
	margin-bottom : 5px;
	width : 24%;
	}
.quart img
	{
	width : 100%;
	background-size : auto 100%;
	background-position : center center;
	}
.quart span
	{
	height : 30px;
	line-height : 30px;
	font-size : 0.85em;
	color : white;
	background : #a6ce39;
	width : 100%;
	position : absolute;
	bottom : 0px;
	left : 0px;
	text-align : center;
	font-style : italic;
	}
.quart span a
	{
	margin : 0px 5px;
	display : inline-block;
	line-height : 12px;
	vertical-align : middle;
	}