@charset "utf-8";
html, body
	{
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #DDD url(../graphismes/body.gif) repeat-x center top;
	}

/*-------------------------------- GLOBAL
--------------------------------------------*/
.conteneur
	{
width: 100%;
margin: 0px auto;
padding: 0px;
position: relative;
	/*width: 100%;
	min-height: 100%;
	margin: 0 auto;*/
	}

h1, h2, h3, div, img, table, td, tr, p, li, dd, input, map, object, ul
	{
margin: 0;
padding: 0;
border: none;
	}
	
h1
{
	border-bottom: 1px solid rgb(182,201,115);
	color: rgb(182,201,115);
	font-size: 20px;
	margin: 0 0 10px 0;
}	

/*-------------------------------- HAUT DU SITE
--------------------------------------------*/
#header
	{
height: 120px;
text-align:left;
padding-top: 0px;
margin-top: 0px;
background:rgb(182,201,115);
	}

#header h1
	{
font: italic bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#logo
	{
float: left	;
padding-top: 0px;
margin-top: 18px;
margin-left:18px;
width: 245px;
	}

#slogan
	{
	font: bold 31px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; /*16px/15px*/
	color: rgb(120,89,54);
	text-align: center; /*right*/
	padding-top: 25px; 
	padding-right: 12px;
	height: 30px;
	margin-top: 0px;
	}

/*-------------------------------- MENU HAUT
--------------------------------------------*/
#menu_haut
	{
	margin: 0;
	height: 27px;
	background: rgb(120,89,54);
}

ul#menuheader {
list-style-type: none;
width: 100%;
}

ul#menuheader li {
float: left;
}

ul#menuheader a {
float: left;
margin: 0 2px;
padding: 5px 15px;
text-align: center;
border: 1px solid black;
text-decoration: none;
color: #000;
background: rgb(251,149,26);
font-weight: bold;
}

ul#menuheader a:hover {
background: rgb(182,201,115);
border: 1px solid black; 
font-weight: bold;
}

/*-------------------------------- FOOTER
--------------------------------------------*/
#ligne_bas
	{
	margin: 0;
	height: 23px;
	background: rgb(120,89,54);
}

#ligne_bas h1,a, a:hover
	{
	padding-left: 5px ;
	padding-top: 4px ;
	text-align: center;
	font-size: 8pt ;
	color: #fff ;
	}

#footer
	{
height: 120px;
text-align:left;
padding-top: 0px;
margin-top: 0px;
background:rgb(182,201,115);
	}

/* --------------------
CENTRE
--------------------*/
.centre {
	background-color:#fff;
	margin-top: 5px;	
	margin-bottom: 5px;		
	margin-right: 200px;
	margin-left: 200px;
	min-height:500px;
	padding-right:25px;
	padding-left:25px;
	border-style : solid;
	border-color : rgb(120,89,54);
	border-width : 2pt;
}

.centre h2

{
	padding-left: 50px ;	
	font-size: 10pt;
	text-align: left;
	text-decoration:none;
	color: rgb(231,149,26) ;
	border-bottom: 1px solid rgb(231,149,26);
	margin-top: 15px;
}

.centre ul
{
	margin: 2px;
	padding: 20px;
	border: none;
}

.centre li
{
		margin: 2px;
}

.centre h3
{
	margin-top: 15px;
	font-weight:bold;
}

/* --------------------
DROITE
--------------------*/
.droite {
	position: absolute;	
	right:0;
	width: 190px;
	min-height:500px; 
	text-align:center;
}

.blocdroit
{
	width: 180px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-width: 1px;
	border-style:solid;
	border-color: rgb(120,89,54);
	background-color: #fff;
	text-align: center;
}

.blocdroit h1
{
	height: 30px;
	background-color: rgb(120,89,54);
	width: 180px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 12px;
	color: rgb(251,149,26);
	text-align: center;
	line-height: 30px;
}

.blocdroit h2
{
	margin-left: 5px;
	font-size: 11px;
	color: #000;
	text-align: center;
}

/* --------------------
GAUCHE
--------------------*/

.gauche {
	position: absolute;
	left:0;
	margin-top: 5px;
	margin-left: 5px;
	width: 190px;
	text-align:center;
}

.menugauche
{
	list-style-type: none;
	margin: 0;
	padding:0;
}
.menugauche li
{
	margin-bottom: 5px;
	/*margin: 0px 0 5px 0 ;*/
	padding: 0 0 0 0 ;
	font-family: verdana, arial;
	font-size: 12pt;	
	background: url(../graphismes/rubrique.jpg) no-repeat 0 -20px ;
}
.menugauche a
{
	display: block ;
	width: 190px ;
	line-height: 30px ;
	color: rgb(231,149,26) ;
	/*text-indent: 5px ;*/
	text-decoration: none ;
	background: url(../graphismes/rubrique.jpg) no-repeat 0 5px ;
	border:none;
	font-size: 12pt;
	font-weight: bold;
}

.menugauche a:hover
{
	background: url(../graphismes/rubrique.jpg) no-repeat 0 -30px ;
	border:none;
	color: rgb(120,89,54) ;
}

//*--------------------------------------------------------------------------------------------------
	FORUMLAIRE CONTACT
--------------------------------------------------------------------------------------------------*/
p#mentions
{
	width: 544px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-size: 11px;
}

p.cgv
{
	width: 544px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

span.titre-cgv
{
	font-weight: bold;
	color: rgb(231,149,26);
	font-size: 16px;
}
span.ss-titre-cgv
{
	font-weight: bold;
	color: rgb(120,89,54);
	font-size: 12px;
}

#tab-contact
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 11px;
}
input
{
	background-color:rgb(219,228,188);
	border:1px solid;
	color : rgb(120,89,54);
}

/*-------------------------------- MENU HAUT
--------------------------------------------*/
#sous_categorie
	{
	position: relative;
	margin: -20px 0 0 0;
	height: 27px;
	background: rgb(251,149,26);
}

ul#menu_sous_categorie {
list-style-type: none;
width: 100%;
}

ul#menu_sous_categorie li {
float: left;
margin: -20px 0 0 0;
}

ul#menu_sous_categorie a {
float: left;
margin: 0 2px;
padding: 5px 15px;
text-align: center;
border: 1px solid black;
text-decoration: none;
color: #000;
background: rgb(182,201,115); 
font-weight: bold;
}

ul#menu_sous_categorie a:hover {
background: rgb(251,149,26);
border: 1px solid black; 
font-weight: bold;
}

/* --------------------
LIGNE_ARTICLE
--------------------*/
.article_ligne
{
	background-color: #ffffff;
	border: 1px solid rgb(182,201,115);
	height: 115px;
	margin-bottom: 5px;
	padding: 0;
}

.article_ligne a.designation
{
	background-color: rgb(182,201,115);
	color: rgb(120,89,54);
	display: block;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding-left: 2px;
	text-decoration: none;
}

.article_ligne a.designation:hover
{
	text-decoration: underline;
}

.article_ligne a.reference
{
	display: block;
	font-size: 0.8em;
	margin-bottom: 20px;
	text-align: right;
	color: rgb(120,89,54);
}

.article_ligne a.description
{
	color: rgb(120,89,54);
	display: block;
	height: 48px;
	line-height: 16px;
	overflow: hidden;
	text-decoration: none;
}

.article_ligne a.disponibilite
{
	background-color: rgb(120,89,54);
	border: 1px solid rgb(120,89,54);;
	color: rgb(251,149,26);
	float: right;
	padding: 0 5px;
	text-decoration: none;
}

.article_ligne a.voir_detail
{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	color: rgb(120,89,54);
}

.article_ligne .adroite
{
	background-color: white;
	color: rgb(251,149,26);
	float: right;
	height: 100px;
	padding: 5px;
	width: 100px;
	text-align: center;
}

.article_ligne a.tarif
{
	color: rgb(251,149,26);
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.article_ligne a.ancien_tarif
{
	color: rgb(251,149,26);
	text-decoration: line-through;
}

.article_ligne a.nous_consulter
{
	color: rgb(251,149,26);
	text-decoration: none;
}

.article_ligne a.photo
{
	background-color: white;
	display: block;
	float: left;
	padding: 5px;
}

.article_ligne a.photo img
{
	border: 0;
}


/* --------------------
DETAIL ARTICLE
--------------------*/
.article_detail1
{
	text-align: center;
}

.article_detail1 .description_supplementaire
{
	color: rgb(9,82,40);
	height: 200px; 
	left: 50%; 
	line-height: 20px;
	margin-left: 106px;
	margin-top: 20px;
	overflow: hidden;
	position: absolute;
	width: 120px;
	text-align: center;
}

.article_detail1 a img
{
	border: 1px solid rgb(9,82,40);
}

.article_detail1 .tarif
{
	color: black;
	font-size: 1.5em;
	font-weight: bold;
}


.article_detail2
{
	background-color: rgb(250,234,115);
	border: 1px solid rgb(9,82,40);
	margin-bottom: 10px;
	padding: 5px;
}

.article_detail2 .disponibilite
{
	background-color:rgb(9,82,40);
	border: 1px solid rgb(9,82,40);
	color: #fff;
	float: right;
	padding: 0 5px;
}

#form_article_detail_commander
{
	background-color: rgb(230,227,227);
	border: 1px solid #6f6cf6;
	margin: 0 0 10px 0;
	padding: 0 5px;
}

#form_article_detail_commander label
{
	display: block;
	float: left;
	font-weight: bold;
	width: 150px;
}

#form_article_detail_commander p
{
	margin: 5px 0;
}

#form_article_detail_commander input
{
	vertical-align: top;
}

#form_article_detail_commander input.quantite
{
	width: 30px;
	text-align: right;
}

#form_article_detail_commander select
{
	width: 150px;
}

#form_article_detail_commander a img
{
	border: 0;
}

#form_article_detail_commander input.commander
{
	float: right;
}

/* --------------------
MENU
--------------------*/

.menu {
	margin: 0 0x 5px 0px;
	padding-top: 0px;
	text-align:center;
	font-size: 16pt;	

}

.principal
{
	list-style-type: none;
	margin: 0;
	padding:0;
	text-align:center;	
}
.principal li
{
	margin-bottom: 5px;
	margin: 0px 0 0px 0 ;
	padding: 0px 0px 0px 0 ;
	font-family: verdana, arial;
	font-size: 16pt;	
	background: url(../graphismes/fond.jpg) center no-repeat;
}
.principal a
{
	display: block ;
	line-height: 63px ;
	color: rgb(17,39,61) ;
	text-indent: 0px ;
	text-decoration: none ;
	background: url(../graphismes/fond.jpg) center no-repeat;
	border:none;
	font-weight:bold;
}
.principal a:hover
{
	/*background: url(../graphisme/fond.jpg) no-repeat 0 -30px ;*/
	background: url(../graphismes/fond.jpg) center no-repeat;
	border:none;
	color: rgb(255,0,0) ;
}