/* REGLES GÉNÉRALES */
div, h1, h2, h3{
	font-family:Tahoma;
	font-size:11px;
}

html{
	height:100%;
	background: url('/images/bg2.jpg');
	background-position:left;
	background-repeat:repeat-y;
}

body{
	height:100%;
}

.clearer{
	clear:both;
}

.full{
	width:100%;
}

/* POLICES */
.gras{
	font-weight:bold;
}

h1{
	font-family:Times New Roman, Times, serif;
	font-size:30px;

	font-style:italic;
	color:#669410;
	background-image:url('/images/puce_fleur_rouge.png');
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding-left:18px;
}

h1.sans-puce{
	background-image:none;
}

h2{
	font-family:Times New Roman, Times, serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color:#2b4101;
	background-image:url('/images/puce_fleur_rouge.png');
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding-left:18px;
	margin-bottom:10px;
	margin-top:20px;
}

h2.sans-puce{
	background-image:none;
}

h3{
	font-family:Times New Roman, Times, serif;
	font-size:20px;

	font-style:italic;
	color:#669410;
	background-image:url('/images/puce_fleur_rouge.png');
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding-left:18px;
}
h3.sans-puce{
	background-image:none;
}

h4{
	font-family:Times New Roman, Times, serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#2b4101;
	background-image:url('/images/puce_fleur_rouge.png');
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding-left:18px;
	margin-bottom:10px;
	margin-top:20px;
}

h4.sans-puce{
	background-image:none;
}

h5{
	font-family:Times New Roman, Times, serif;
	font-size:12px;

	font-style:italic;
	color:#669410;
	background-image:url('/images/puce_fleur_rouge.png');
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding-left:18px;
}
h5.sans-puce{
	background-image:none;
}

h6{
	font-family:Times New Roman, Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#2b4101;
	background-image:url('/images/puce_fleur_rouge.png');
	background-repeat:no-repeat;
	background-position:0% 0%;
	padding-left:18px;
	margin-bottom:10px;
	margin-top:20px;
}

h6.sans-puce{
	background-image:none;
}

p.pointille-bas{
	font-family:Times New Roman, Times, serif;
	color:#669410;
	font-size:16px;
	padding:5px 0px;
	border-bottom:dotted 1px #669410;
}


a{
	color:#669410;
	text-decoration:none;
}


/* DIVISIONS DE BASE */
div#conteneur{
	margin:0 auto;

}

div#col-gauche{
	float:left;
	width:229px;
	background-color:#729D31;
	height:100%;
	padding-bottom:20px;
}

div#col-droite{
	margin-left:229px;
	background-color:#FFFFFF;
}

div.conteneur-col-droite{
	width:90%;
	margin:0 auto;
}

/* MENU */
ul#menu{
	margin-left:10px;
	margin-top:5px;
}

ul#menu li a{
	color:#B2DE03;
}

ul#menu li.categorie{
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	padding:5px 0px 5px 30px;
	text-align:left;
}

ul#menu li.categorie:hover{
	background-image:url(/images/puce_categorie.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

ul#menu li.sous-categorie{
	font-style:normal;
	font-weight:normal;
	padding:5px 0px 5px 45px;
	text-align:left;
}

ul#menu li.sous-categorie:hover{
	background-image:url(/images/puce_sous_categorie.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

ul#menu li.sous-sous-categorie{
	font-style:normal;
	font-weight:normal;
	padding:5px 0px 5px 60px; 
	text-align:left;
}

ul#menu li.sous-sous-categorie:hover{
	background-image:url(/images/puce_sous_categorie.png);
	background-repeat:no-repeat;
	background-position:15px 0px;
	color:#FFFFFF; 
}

/* HEADER COLONNE GAUCHE */
div#ligne-beige{
	background-color:#E1E8B4;
	height:13px;
}

div#header{
	margin:30px 0px 20px 20px;
}

span#titre{
	color:#99AF05;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:24px;
	font-style:normal;
	font-weight:bold;
}

span#slogan{
	color:#82930A;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
}

div.ligne-beige-haute{
	background-color:#F4F8D7;
	padding:20px 30px;
	border-top:solid 1px #E3EAC0;
	border-bottom:solid 1px #E3EAC0;
	margin-bottom:15px;
}

div.ligne-beige-haute h1{
	font-size:36px;
}

/* PRODUITS */
div.box-produit{
	float:left;
	display:inline;
	width:210px;
	padding:5px;
	height:500px;
	overflow:auto;
}

div.box-produit span{
	font-family:Times New Roman, Times, serif;
	display:block;
	border-bottom:
}

div.box-produit span.titre{
	font-size:16px;
	text-align:center;
	padding:10px 5px;
}

div.box-produit span.description{
	font-size:16px;
	color:#669410;
}

div.box-produit span.prix{
	font-size:30px;
	font-weight:bold;
	padding:10px 0px;
}

div.box-produit span.note{
	font-size:16px;
	border-bottom:dotted 1px #669410;
}

/* FORMULAIRES */
table.formulaire-detail{
	width:400px;
	font-size:12px;
}

table.formulaire-detail tr td{
	padding:2px 0px;
	vertical-align:top;
}

table.formulaire-detail tr td .input-text, table.formulaire-detail tr td .input-upload{
	width:95%;
}

table.formulaire-detail tr td .input-select{
	width:98%;
}

.input-text{
	background-color: #EEEEEE;
	border:solid 1px #7F7F7F;
	padding:2px 4px;
}

.input-button{
	background-color:#D6D6D6;
	border:1px solid #7F7F7F;
	padding:1px 4px; 
	font-size:12px;
}

.input-upload{
	background-color: #EEEEEE;
	border:solid 1px #7F7F7F;
	padding:2px 4px;
}

.input-select{
	background-color: #EEEEEE;
	border:solid 1px #7F7F7F;
	font-size:12px;
	padding:1px 2px; 
}

table.tableau-listing{
	width:400px;
	font-size:12px;
}

table.tableau-listing tr td{
	padding:5px;
	border:solid 1px grey;
}

/* MESSAGES */
table.box-succes{
	width:80%;
	border:solid 3px #636161;
	margin:10px 0px;
}

table.box-succes tr td{
	vertical-align:top;
	text-align:left;
}

table.box-succes span.titre{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:7px 0px;
}

table.box-succes span.message{
	color:#009900;
}

table.box-erreur{
	width:80%;
	border:solid 3px #636161;
	margin:10px 0px;
}

table.box-erreur tr td{
	vertical-align:top;
	text-align:left;
}

table.box-erreur span.titre{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:7px 0px;
}

table.box-erreur span.message{
	color:red;
}