/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	height:100%;
	background-image: url(img/fond-body.jpg);
	background-repeat: repeat-x;
	background-position:top;
	background-color:#cece9c;
}


h1{
	font-size: 12px;
	margin: 0;
	padding: 0;
	color:#79b01b;
}
h2{
	font-size: 18px;
	/*width:155px;*/
	margin: 0;
	padding: 0;
	color:#79b01b;
}

h3{
	font-size: 15px;
	margin: 0;
	padding: 0;
	margin-bottom:0px;
	color:#79b01b;
	/*padding-left:15px;*/
}

a {	text-decoration: none;	color:#990000;}
a:visited {	text-decoration: none;	color:#990000;}
a:hover { text-decoration: underline;}

img {	border: 0;}

/* Page
-------------------------------------------------------- */

#wrapper {
	overflow: visible;
	position: relative;
	width: 980px;
	height:auto;
	display:block;	
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background-color:#FFFFFF;
	border:1px solid #ffffff;
}

#subwrapper {
	overflow: hidden;
	padding: 0;
	width: 936px;
	height:auto;
	display:block;	
	margin:0px;
	margin-top:20px;
	margin-left:20px;
	border:1px solid #ffffff;
}

#content {
	float:left;
	display:block;
	padding: 0;
	/*clear: both;*/
	width:936px;
	height:auto;
	background-image: url(img/fond-corps.jpg);
	background-repeat: repeat-x;
	margin: 0;
	
}

#contenu {
	float: left;
	display:block;
	width:560px;
	padding: 0;
	padding-left:15px;
	margin: 0;
	margin-top:20px;
	min-height:400px;
	_min-height:400px;
	color:#000000;
	
}
		
.titrePage {
	color: #4e2807;
	text-align: left;
	font-weight: bold;
	width: 560px;
	margin:0;
	margin-top:20px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom:1px dashed #375771;
}

.sousTitrePage {
	color: #4e2807;
	text-align: left;
	font-weight: bold;
	width: 560px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
}





/* Entête
-------------------------------------------------------- */

#entete {
	float: left;
	width: 936px;
	margin: 0;
	padding:0;
	height: 148px;
	color:#66735a;
	font-size: 10px;
	background-image: url(img/fond-tete.jpg);
	background-repeat: no-repeat;
	background-position:right;
}


#monPanier {
	float: right;
	width: 300px;
	padding:0px;
	margin: 0;
	margin-top:120px;
}



#monPanier  a {
	float:left;
	display:inline;
	width :100px;
	height: 40px;
	margin: 0;
	padding:0;
	text-decoration: none;
	color:#66735a;
	font-weight: bold;
	font-size:14px;
	line-height:0.8cm;
}


.logo{
	float: left;
	width: 434px;
	height:148px;
}


#monCompte {
	float: left;
	display:block;
	clear:both;
	width: 530px;
	height:auto;
	margin: 0;
	margin-top:40px;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 0;

	/*padding-left: 10px;*/
	/*filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5; */
}

.formMonCompte {
	float: left;
	display:block;
	clear:both;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte {
	float: left;
	display:block;
	clear:both;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #12335B;
	background-color: #e9f4fb;
	border: 1px solid #12335B;
	zoom: 1;
}

.menuMonCompte {
	float: left;
	display:block;
	clear:both;
	color: #ffffff;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 149px;
	padding: 0;
}



.boutonMonCompteEntete {	
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}





/* Menu général horizontal
-------------------------------------------------------- */

#menuGeneral_horizontal {
	float: left;
	display:block;
	width:936px;
	padding: 0;
	margin: 0;
	height: 38px;
	background-image:url(img/fond-menuX.jpg);
	background-repeat:no-repeat;
}

dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu_horizontal{
	float:left;
	display:block;
	padding: 0;
	margin: 0;
	width:100%;
	height: 38px;
	text-align:center;
}	
	#menu_horizontal a{color:#ffffff;}
	#menu_horizontal a:hover{color:#ffffff; }
	#menu_horizontal a:visited{color:#ffffff; }

dl#menu_horizontal {
	width:905px;
}


dl#menu_horizontal dt {
	cursor: pointer;
}

dl#menu_horizontal dt a {
	float:left;
	display:inline;
	width :100px;
	margin: 0;
	padding:0;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	zoom: 1;
	color:#FFFFFF;
	font-weight: bold;
	font-size:14px;
	text-align:center;
	line-height:0.8cm; 	
	height: 38px;
	border-left:2px solid #FFFFFF;
}

dl#menu_horizontal dt a:hover, dl#menu_horizontal dt .selected {
	color:#FFFFFF; background-image:url(img/fond-menuX-hover.jpg);	background-repeat:repeat-x;
}






#menu_horizontal2{
	float:left;
	display:block;
	padding: 0;
	margin: 0;
	width:100%;
	height: 35px;
	text-align:center;
	background-image:url(img/fond-menuX2.jpg);
	background-repeat:repeat-x;
	background-color:#d9991b;
	font-size:13px;
	color:#FFFFFF;
	line-height:0.8cm;
	text-transform:uppercase;
}	
	#menu_horizontal2 a{color:#FFFFFF; font-size:13px; font-weight:bold;}
	#menu_horizontal2 a:hover{color:#000000; font-size:13px; font-weight:bold;}
/************* colonne gauche ****************************************/
/* Menu général
-------------------------------------------------------- */


#menuGeneral {
	float: left;
	display:block;
	width:180px;
	height:auto;
	padding: 0;
	margin:0;
	margin-top:20px;
}


dl, dt, dd, li {
	float:left;
	display:block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul {
	float: left;
	display:block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#rechercher{
	float: left;
	display:block;
	width:150px;
	height:22px;
	overflow:hidden;
	padding: 0;
	margin:0;
	background-color:#79b01b;
	border:2px solid #79b01b;
}
	#rechercher .champTxt{width:117px; height:20px; background-color:#FFFFFF; border:0px; color:#79b01b; font-weight:bold;}


#menu {
	float: left;
	width :150px;
	display:block;
	padding: 0;
	margin: 0;
	
}


#menu h4{
	float:left;
	clear:both;
	display:block;
	font-size: 1.2em;
	color:#ff9900;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	width :150px;
	height: 28px;
	font-size:14px;
	background-color:#000000;
	text-indent:5px;
}

dl#menu {
	width: 159px;
}


dl#menu dt {
	float:left;
	clear:both;
	display:block;
	font-size: 1.2em;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	margin-top:20px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
	width :159px;
	height: 28px;
	font-size:14px;
	
}

dl#menu dt a {
	font-size: 1.2em;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
	zoom: 1;
	width :159px;
	height: 28px;
	font-size:14px;

}

#menu dt a:hover, dl#menu dt .selected {
	color:#FFFFFF;

}

#menu li {
	margin-left:0;
}

#menu li a {
	font-size: 11px;
	color:#FFFFFF;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 15px;
	height:25px;
	zoom: 1;
}

#menu li a:hover, dl#menu li .selected {
	color:#FFFFFF;
	font-weight:bold;
}






/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:560px;
	color: #66735a;
	font-size: 0.9em;
	margin: 0;
	padding:0;
}

a.LIEN_chemin:link {
	color: #66735a;
	text-decoration: underline;
}

a.LIEN_chemin:visited {
	color: #66735a;
	text-decoration: underline;
}

a.LIEN_chemin:hover {
	color: #66735a;
	text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	float: left;
	width: 570px;
	margin: 0;
	padding: 0;
	/*border:1px solid #990000;
	*/
}

.produitPetit {
	float: left;
	display:block;
	width: 165px;
	min-height:250px;
	_min-height:250px;
	margin:0;
	margin-top: 25px;
	margin-right: 12px;
	padding: 0;
	border: 1px solid #79b01b;
	padding:5px;
}

.produitPetitNew {
	float: left;
	display:block;
	width: 165px;
	height:250px;
	margin-top: 25px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	border: 1px solid #990000;
	padding:5px;
}


.contourImage {
	margin-bottom: 5px;
	float: left;
}

.contourVignettes {
	margin: 5px;
	float: left;
	width:50px;
}

.imageProduit{
	float:left;
	display:block;
	margin:0px;
	width: 160px;	
/*	height:210px;*/
	min-height:120px;
	_min-height:120px;
	margin:0px;
	border-bottom:1px solid #cccccc;
	/*background-color:#CCCCCC;*/
}

.titreProduit {
	float:left;
	display:block;
	height:40px;
	overflow:hidden;
	color:#000000;
	text-align: left;
	font-weight: bold;
	font-size:11px;
	width: 100%;
}
.titreProduit a {
	color:#000000;

}

.chapoProduit {
float:left;
	display:block;
	clear:both;
	color: #000000;
	text-align: left;
	font-style: italic;
	font-size: 16px;
	line-height: 1.2em;
	width: 100%;
	height:40px;
	overflow:hidden;
}

.chapoProduitPetit {
float:left;
	display:block;
	clear:both;
	color: #000000;
	text-align: left;
	font-style: italic;
	font-size: 11px;
	line-height: 1.2em;
	width: 100%;
	height:40px;
	overflow:hidden;
}


.descriptionProduit {
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size:11px;
}

.prixProduit {
	color: #990000;
	text-align: left;
	font-weight: bold;
	font-size:18px;
}

.ficheProduit {
	float:left;
	width: 220px;
	display:block;
	margin-left: 10px;
}
		.ficheProduit h5{ color:#000000; font-size:18px; font-weight:bold; margin-top:0px;}
		.ficheProduit a{color: #990000;}



.LIEN_commander a {
	color: #990000;
	text-decoration: none;
	text-align:right;
	font-size:11px;
	text-decoration:underline;
}

.LIEN_commander a:visited {
	color: #990000;
	text-decoration: none;
	text-align:right;
	font-size:11px;
	text-decoration:underline;
}

.LIEN_commander a:hover {
	color: #990000;
	text-decoration: none;
	text-align:right;
	font-size:11px;
	text-decoration:underline;
}


/* col_droite*/


#col_droite{
	float:right;
	display:block;
	width:149px;
	height:auto;
}





/*Page catalogue.html*/

#rubrique{
	float: left;
	display: block;
	clear:both;
	width: 150px; 
	color:#000000;
	margin-bottom: 0;
	margin-left: 0;
	text-indent:5px;
	margin-bottom:30px;
	margin-top:20px;
}

		#rubrique ul,li{margin:0;  padding:0;}
		#rubrique li a{width: 150px; height:auto; margin:0; padding:0; border:1px solid #000000; margin-top:5px; color:#000000; background-color:#c3ee79;}
		#rubrique li a:hover{width: 150px; height:auto; margin:0; padding:0; border:1px solid #000000; background-color:#c3ee79; margin-top:5px; color:#000000;}
/*niveau 1-1*/

#titreRubrique{
	float: left;
	clear:both;
	display:block;
	color:#ffffff;
	font-size:14px;
	width:150px;
	height:auto;
	font-weight:bold;
	margin:0;
	margin-top:15px;
	line-height:0.5cm;
}

#titreRubrique a:link {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;

}
#titreRubrique a:visited {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
}

/*niveau 1-2*/

#ssrubrique{
	float: left;
	clear:both;
	display:block;
	width: 150px;
	color:#FFFFFF;
	margin:0px;
}

#ssrubrique a:link {
	color:#FFFFFF;
	font-size:12px;
}
#ssrubrique a:visited {
	color:#000000;
	font-size:12px;
}

/*niveau 1-3*/

#ss_ssrubrique{
	float: left;
	clear:both;
	display:block;
	width: 150px;
	color:#FFFFFF;
	line-height:0.4cm;
	margin:0px;
}

#ss_ssrubrique a:link {
	color:#FFFFFF;
	font-size:12px;
}
#ss_ssrubrique a:visited {
	color:#000000;
	font-size:12px;
}




/******************************** Page catalogue ******************************************/

#rubriquePageCatalogue{
	float: left;
	display: block;
	width:280px; 
	color:#4e2807;
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	background-color:#fefefe;
	
	text-align:center;
}

		#rubriquePageCatalogue ul,li{margin:0; padding:0;}
		#rubriquePageCatalogue li a{margin:0; padding:0;}
/*niveau 1-1*/

#titreRubriquePageCatalogue{
	float: left;
	display:block;
	color:#4e2807;
	font-size:20px;
	width:280px;
	height:30px;
	font-weight:bold;
	margin:0;
	line-height:0.8cm;
}

#titreRubriquePageCatalogue a:link {
	color:#4e2807;
	font-size:20px;
	font-weight:bold;

}
#titreRubriquePageCatalogue a:visited {
	color:#4e2807;
	font-size:20px;
	font-weight:bold;
}

/*niveau 1-2*/

#ssrubriquePageCatalogue{
	float: left;
	clear:both;
	display:block;
	width: 280px;
	color:#4e2807;
	margin-bottom:10px;
}

#ssrubriquePageCatalogue a:link {
	color:#4e2807;
	font-size:12px;
}
#ssrubriquePageCatalogue a:visited {
	color:#CCCCCC;
	font-size:12px;
}


/*************************************** colonne droite ********************************************/

#new{ float: left;	clear:both;	display:block; width:140px; height:auto; background-color:#f2fbe6; border:1px solid #8cad20;}
#new_content{float: left;	clear:both;	display:block; width:140px; }
	#new_content a{font-size:11px; font-style:italic;}

#service_client{
	float: left;
	clear:both;
	display:block;
	width: 150px;
	color:#000000;
	font-size:11px;
	background-color:#cece9c;
	margin:0;
	margin-top:20px;
}


/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	width: 560px;
	text-align: center;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	margin-top:30px;
	padding-bottom: 10px;
	border-top:1px dashed #375771;	
}

a.LIEN_pages:link {
	text-decoration: none;
	font-weight: bold;
	color:#4e2807;	
}

a.LIEN_pages:visited {
	text-decoration: none;
	font-weight: bold;
	color:#000000;	
}

a.LIEN_pages:hover {
	text-decoration: underline;
	font-weight: bold;
	color:#000000;	
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: left;
	display:block;
	clear:both;
	width: 936px;
	height: 48px;
	font-size:10px;
	color:#486e33;
	margin:0;
	margin-bottom:20px;
	background-image: url(img/fond-pied.jpg);
	background-repeat: no-repeat;
}


#footer a:link {
	color:#486e33;
	text-decoration: none;
}

#footer a:visited {
	color:#486e33;
	text-decoration: none;
}

#footer a:hover {
	color:#486e33;
	text-decoration: underline;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #000000;
	font-weight: bold;
	background-color:#D3D3A9;
	border:1px solid #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 0.9em;
}

.footerTableau {
	color: #000000;
	font-weight: bold;
	background-color: #fefefe;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 560px;
	text-align: right;
	color:#990000;
}	
	.boutonMonCompteContenu a{
	color:#990000;
	}	

.zoneDeSaisie {
	color: #000000;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #990000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-indent:15px;
}



.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}

/* Signature
-------------------------------------------------------- */

#signature {
	float:left;
	display:block;
	padding: 0;
	width: 905px;
	color:#999966;
	font-size: 10px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align:right;
}



a.LIEN_signature:link {
	color:#999966;
	text-decoration: none;
}

a.LIEN_signature:visited {
	color:#999966;
	text-decoration: none;
}

a.LIEN_signature:hover {
	color:#999966;
	text-decoration: underline;
}


/* produit.html
-------------------------------------------------------- */
#stock{
	color:#999999;
	font-size:12px;
	font-weight:bold;
}
#produit{
	float:left;
	display:block;
	width:560px;
	margin:0px;
	margin-top:30px;
	padding-bottom:20px;
	color:#000000;
	border:1px solid #79b01b;
}
#produitsAssocies{
	float:left;
	display:block;
	clear:both;
	-moz-width:560px;
	width:560px;
	margin:0px;
	margin-top:20px;
	padding-left:15px;
}

.txtVert{color:#79b01b;}
.fond{background-color:#FFFFCC;}
.marron{border:1px solid #c49841;}

fieldset{border:1px solid #79b01b; margin-bottom:10px;}
legend{color:#79b01b; font-size:16px;}

.separation {
	float: left;
	margin:0;
	margin-top:10px;
	height:1px;
	width:570px;
}

.txt_vert{color:#336600; font-weight:bold;}


#newsletter{ float: left;	clear:both;	display:block; width:140px; height:auto; background-color:#f2fbe6; border:1px solid #8cad20; margin-bottom:20px; font-size:12px; text-align:center;}

		#newsletter h3{font-size:12px; color:#7a940d;}
		#newsletter a{font-size:12px; color:#7a940d;}