body {
  background: #FFFFCC;
  margin-bottom : 0.5em;
  margin-left : 0.5em;
  margin-right :0.5em;
  margin-top : 0.5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;

}

a:link {text-decoration: none;  color: #FF0000;}
a:visited {text-decoration: none;  color: #FF0000;}
a:hover {text-decoration: underline ; color:#CC0000;}  
  
h1      { font-size: 17px; font-weight: bold; color: #000099; }
h2      { font-size: 15px; font-weight: bold; }
hr 		{ color: #D4E7F7; height: 1px;}

.etoile {
font-family: Arial; 
font-size: 13px; 
color: #CC0000; 
font-weight: bold;
}

.bouton {
	border: 1px solid #FF0000;
	background: #eee;
	font-size: 11px;
}	

.tetiere {
	line-height: 20px; /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */
	font-size: 11px;
	font-weight: bold;
	padding: 2px 8px;
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
}

.titre_produit {
font-size:13px;
font-weight:bold;

}


.formulaire1{
	cursor: pointer;
	font-size: 11px;
	padding: 2px;
	color: #000000;
	border: 1px solid #FF0000;
	background: #eeeeee;
	
}	

input:focus, select:focus, textarea:focus {background-color: #eeeeee;color: #000}

.searchImg {
	border: 1px solid #E0E0E0;
	}


#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 620px;
	height: 0px;
	z-index: 200;
}

#header {
height: 150px;
background-color: #FFFFCC;
border: 1px solid black;
}

#header .site {
font-size: 1.8em;
font-weight: bold;
margin: 0px 0px 0px  10px  ;
padding: 0;
}

#toprightdiv{
margin-right: 2px;
margin-bottom: 0;
float: right;
text-align: right;
}

#toprightdiv ul{
margin:0;
padding:0;
list-style:none;
}

#toprightdiv li{
display:inline;
margin:0 2px; 0 0;
padding:0;
}

#toprightdiv .nav1{
background-color: #1F1F5F;
width:10px;
height:10px;

}
#toprightdiv .nav2{
background-color: #663366;
width:10px;
height:10px;

}
#toprightdiv .nav3{
background-color: #3C7A6D;
width:10px;
height:10px;

}
#toprightdiv .nav4{
background-color: #993300;
width:10px;
height:10px;

}
#toprightdiv .nav5{
background-color: #CC0000;
width:10px;
height:10px;

}
#toprightdiv .nav6{
background-color: #FF9900;
width:10px;
height:10px;

}

/* ######### Top tabs ######### */
p {
margin: 0 0 10px 0;
}

#haut {
height: 20px;
background-color:#FFFFCC; /* Couleur du fond du menu horizontal de niveau 2 */
}

#conteneur {
width:100%;
margin:0 auto;
background-color:#FFFFCC; /* Couleur de fond du container */
}

#centre {
background-color:#FFFFCC;
margin-left: 180px; /* Permet un espace de 5px entre le menu le contenu central */
margin-right: 5px; /* Permet d'avoir une marge droite de 5px */
padding: 5 5 5 5;

}

#gauche {
float:left;
width: 173px;
margin-left: 2px; /* Permet d'avoir une marge droite de 5px */
}

#droite {
float:right;
width: 175px;
}

#pied {
clear:both;
height: 115px;
background-color: #FFFFCC;
font-size:11px;
}

#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
background-color:red;
color:#FFFFCCFCC;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}
/* Ajouter une colonne à droite */
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}



.titre-bandeau{
	/*bandeau contenant le titre du site*/
	display: block;
	background: #ff0000;
	margin: 0px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	padding: 0px;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	padding: 10px 20px 10px 10px;
	text-align: right;
}

a.bandeau:hover {
	color: #EEEEEE;
	text-decoration: none;
}

.bande-chemin {
	/*bande accrochee au bandeau de titre, contenant le chemin hierarchique de la page en cours*/
	border-top: 2px solid #FFFFFF;
	background: #000000;
	padding: 4px 10px 4px 10px;
	margin: 0px 0px 30px 210px;
	text-align: left;
	font-size: 11px;
	color: #EEEEEE;
	font-weight: bold;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}

.bande-chemin a {
	color: #EEEEEE;
	font-weight: bold;

}

.bande-chemin a:hover {
	color: #AAAAAA;
}

a.bandeau .nom-site {
	margin: 0px;
	padding: 0px;
}