BODY {
	font-family: Arial, Verdana, Tahoma;
	font-size:11px;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-FACE-COLOR: #707170;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #707170;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	color: #000000;
	background-color:#4a4a4a;
	margin: 0; 
	padding: 0; 
}

TD{
	font-family: Arial, Verdana, Tahoma;
	font-size:11px;
	color: #000000;		
}

IMG {border: 0px;}

HR{
	height: 1px;
	border: #9ab032 1px;
	color: #9ab032;
	background-color: #9ab032;
} 

INPUT.Bouton  {
	font-size: 10px;
	font-weight: bold;
	background-color: #707170;
	border: #1a1a1a 1px solid;
	color:#FFFFFF;
}

TD.message {
	font-size: 14px;
	font-weight: bold;
	color: #bF0000;
}

TD.erreur {
	font-size: 14px;
	font-weight: bold;
	color: #bF0000;
}

/* ********************************************** PAGE D'ACCUEIL ******************************************************** */

div.principal2 {									/* STYLE DU FOND DU SITE (tableau 800*700)   */
	/*background:transparent url(./fond_navigation/fond.jpg) no-repeat; */
	background-color: #ffffff;
	width:800px;
	height:700px;
	text-align:center;
	margin: 0; 
	padding: 0;
}

/* >>>>>>>>>>>>>>>>>> MENU DU HAUT DE LA PAGE */
div#nav {
	float: left; 
	/* margin: -1px 0 0 7em; */
	background-image:url('entete/degrad_long.jpg');	/* Couleur d'arrière plan par défaut du menu principal  */
}

div#nav ul {
	margin: 0; 
	padding: 0; 
	/*background: #bf0000;	*/			/* Couleur d'arrière plan par défaut du sous menu principal  */  
	border-top: 1px solid #ffffff;	
}
div#nav li {
	/*background: #bf0000;*/
	position: relative; 
	list-style: none; 
	margin: 0;
  	float: left; 
	width: 131px;   					/* Largeur du menu principal  */
	/*border-right: 2px solid #ffffff;*/	/* Attributs de la bordure droite de séparation des menus  */
	border-right: 1px solid #ffffff; 			/* Dans les sous menus: attribut de la bordure à gauche  */
	border-left: 1px solid #ffffff;
	text-align:center;	
}
div#nav li:hover {						/* Couleur de fond lorsqu'on survole un sous menu  */
	/* background: #bf0000; */
	color:#000000;
}	
div#nav li.submenu:hover {					/* Couleur de fond lorsqu'on survole un menu  */
	/* background: #bf0000; */
	color:#000000;
}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 131px;}					/* Largeur du texte des menus et sous-menus */
div#nav>ul a {width: auto;}
div#nav ul ul {
	position: absolute; 
	width: 131px;							/* Largeur du sous menu principal  */
	display: none;
}
div#nav ul ul li {							/* Dans les sous menus: attribut de la bordure en bas et à droite  */
	/*border-bottom: 1px solid #ffffff; */
	border-right-color: #ffffff;
}
div#nav ul.level2 {
	top: 1.5em; 
	left: -1px; 
	margin-top: 2px;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

A.menu {									/* Attribut des liens du menu */
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
	font-weight: bold;
	color: #ffffff;
	font-size: 11px;
}

A.menu:hover {									/* Attribut des liens du menu */
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
	font-weight: bold;
	color: #dcea9b;
	/* background-color: #bf0000; */
	font-size: 11px;
}

A.sous_menu {								/* Attribut des liens du sous menu */
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
	color: #ffffff; 
	font-size: 11px;
	background-image:url('entete/degrad_court.jpg');
} 

A.sous_menu:hover {								/* Attribut des liens du sous menu */
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
	color: #dcea9b; 
	/* background: #bf0000; */
	font-size: 11px;
	background-image:url('entete/degrad_court.jpg');
}  

A.menu2 {									/* Attribut des liens du menu */
	display: block;
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
	font-weight: bold;
	color: #ffffff;
	background-image:url('entete/degrad_court.jpg');
	font-size: 11px;
	border-bottom:1px solid #FFFFFF;
}

A.menu2:hover {									/* Attribut des liens du menu */
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
	font-weight: bold;
	color: #dcea9b;
	background-image:url('entete/degrad_court.jpg');
	font-size: 11px;
	border-bottom:1px solid #FFFFFF;
}

/* titre des pages */

div.titre{
	padding-top:40px;
	padding-left:55px;
	padding-bottom:10px;
	font-family: Tahoma, Arial, Verdana;
	font-size:14px;
	background-image:url('puce_titre.jpg');
	background-repeat:no-repeat;
	background-position: 35 39;
	color:#285f01;
	font-weight:600;
	text-align:left;	
}

/* *********************** PAGE DE NAVIGATION ***************************************** */
/* scrolling page de contenu  */
div.tableContainer {
	background-color: #ffffff;
	width: 580px;
}

a.navigation_prec{
	text-decoration:none;
	font-size:10px;
	color:#707170;
	padding-left:50px;
	background-image:url(puce_suiv.jpg);
	background-repeat:no-repeat;
	background-position: 25 5;		
}

a.navigation_suiv{
	text-decoration:none;
	font-size:10px;
	color:#707170;
	padding-right:50px;
	background-image:url(puce_suiv.jpg);
	background-repeat:no-repeat;
	background-position: 40 5;	
}

.titre_paragraphe {
	FONT-SIZE: 14px;
  	FONT-WEIGHT: bold;
	text-decoration:underline;
	COLOR: #1a1a1a;
	text-align:left;
	margin-left: 20px;
}

.paragraphe{								/* STYLE DES PARAGRAPHES DE LA PAGE DE NAVIGATION  */	
	text-align: justify;
	margin-right: 30px;
	margin-left: 30px;
}


/* ********************** CATALOGUE ****************************************** */
TABLE.navigation_catalogue{                 	/* STYLE DU FOND du bandeau de navigation du catalogue */													
	background-color: #e9e9e9;   			
}

A.navigation_catalogue{
	font-weight:bold;
	font-size:11px;
	color: #000000;
	text-decoration:underline;
}

/* scrolling page de produit  */
div.tableProduit{ 
	height: 150px;
	width: 250px; 
	overflow: auto;
	background-color: #FFFFFF;	
	padding-left:5px;
	padding-right:5px;
}

.nom{									/* 	Nom du produit  */
	font-weight:bold;
	font-size:12px;
	color: #bf0000;
	margin-bottom: 15px;
	padding-left:5px;
	padding-right:5px;
}

.description_rapide{									/* 	Description rapide du produit  */
	font-weight:bold;
	font-size:10px;
	color: #707170;
	margin: 5px;
}

.description{								/* description du produit */	
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
	color: #1a1a1a;
}

a.navigation_catalogue_prec{
	text-decoration:none;
	font-size:10px;
	color:#707170;
	padding-left:50px;
	background-image:url(puce_suiv.jpg);
	background-repeat:no-repeat;
	background-position: 25 5;		
	float:left;
}

a.navigation_catalogue_suiv{
	text-decoration:none;
	font-size:10px;
	color:#707170;
	padding-right:50px;
	background-image:url(puce_suiv.jpg);
	background-repeat:no-repeat;
	background-position: 45 5;	
	float:right;
}

/* *********************** PAGE DE BLOG **************************************** */
.paragraphe_blog{								/* STYLE DES SUJET DE LA PAGE DE BLOG */
	text-decoration: none;
	font-size: 12px;
	text-align:justify;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	color:#1a1a1a;
}

.lien_commentaire_blog{								/* STYLE DES LIENS ' XXX COMMENTAIRES' DE LA PAGE DE BLOG */
	text-align:right;
	text-decoration: none;
	font-size: 14px;
	color:#666666;
	font-weight:bold;
	padding-right:10px;
}

div.titre_blog{
	font-size:12px;
	font-weight:bold;
	padding-left:63px;
	background-image:url(puce_news.jpg);
	background-repeat:no-repeat;
	background-position: 28 6;
	color:#285f01;
	text-align:left;
	float:left;	
}

div.publication{
	font-size:10px;
	color:#707170;
	text-align:right;
	margin-bottom:10px;
	margin-right:25px;
}

div.la_suite{
	font-size:10px;
	color:#707170;
	text-align:right;
	margin-right:120px;
}

a.navigation{
	text-decoration:none;
	font-size:10px;
	color:#707170;	
}

a.navigationCliquer{
	text-decoration:none;
	text-decoration:underline;
	font-size:10px;
	color:#bf0000;	
}

/* *********************** PLAN DU SITE ***************************************** */
div.plan_du_site_niv1{
	font-size:12px;
	color:#707170;
	text-align:left;
	padding-left:40px;
}

div.plan_du_site_niv2{
	font-size:10px;
	color:#707170;
	text-align:left;
	padding-left:80px;
}


/**********************************************************************************/

/* *********************** BAS DE PAGE ****************************************** */

div.bas_page {
	font-weight:bold;
	font-size:11px;
	height:30px;
	width:600px;
	vertical-align:text-bottom;
}

div.bas_page a{
	color: #000000;
	vertical-align:text-bottom;
}