body {
	margin: 0px;/*Position de la page dans le navigateur*/
	padding: 0px;/* Marge interne */
	background-color: #6699FF;/*Couleur du fond de la page*/
}
h1{
	font-family: Arial, Helvetica, sans-serif;/*definition de la police de caractere*/
	font-size: 20px;/*taille de la police*/
}
h2{
	font-family: Arial, Helvetica, sans-serif;/*definition de la police de caractere*/
	font-size: 14px;/*taille de la police*/
}
h3{
	font-family: Arial, Helvetica, sans-serif;/*definition de la police de caractere*/
	font-size: 12px;/*taille de la police*/
}
/* =================== ESPACE ========================*/
/* debut barre de navigation Espace*/
#espace ul{/* Définition de la zone liste */
	padding: .2em 0;/* Marge interne */
	margin: 0;/* Marge externe */
	list-style-type: none;/* Aucun style specfique pour la liste */
	background-color: #6699FF;/* Couleur de fond de la liste */
	background-image: url(test%20images/degrade.jpg);	/*image de fond*/
	color: #FFF;/* Couleur du texte */
	width: 100%;/* Dimension de la zone liste */
	font: normal 75% arial, helvetica, sans-serif;/* Définition du texte */
}
#espace li {/* definition du style de la liste	*/
	display: inline;/* Affichage de la liste en ligne */
}
#espace li a{/*définition des liens dans la liste*/
	text-decoration: none;/* Ne texte n'est pas decorer sousligne , surligne etc.. */
	background-color: #EEEEEE;/* Couleur du fond*/
	color: #666666;/* Couleur du texte */
	padding: .2em 1em;/* Marge interne */
	border-right: 1px solid #fff;/* Couleur et taille de la bordure droite */
}
#espace li a:hover/* Changement lorsque la souris passe sur un lien */{
	background-color: #0055E6;/* Couleur du fond */
	color: #FFFFFF;/* Couleur du texte */
	font-weight:bold;/* le texte est en gras*/
}
#navlist #active a { /*definition de l'espace actif*/
	background-color: #0055E6; /* Couleur du fond de l'onglet actif*/
	color: #FFFFFF;/* Couleur du texte */
}
/* ===================== NIVEAU 1 ==================*/
/* debut barre de navigation Espace  categorie Niveau 1*/
#categorie ul{/* Définition de la zone liste */
	padding: .2em 0;/* Marge interne */
	margin: 0;/* Marge externe */
	list-style-type: none;/* Aucun style specfique pour la liste */
	background-color: #6699FF;/* Couleur de fond de la liste */
	color: #FFF;/* Couleur du texte */
	width: 100%;/* Dimension de la zone liste */
	font: normal 100% arial, helvetica, sans-serif;/* Définition du texte */
	line-height: 25px;/* hauteur de zone */
	background-image: url(test%20images/degrade.jpg);	/*image de fond*/
}
#categorie li {/* definition du style de la liste	*/
	display: inline;/* Affichage de la liste en ligne */
}
#categorie li a{/*définition des liens dans la liste*/
	font-size:11px;
	text-decoration: none;/* Ne texte n'est pas decorer sousligne , surligne etc.. */
	background-color: #6699FF;/* Couleur du fond*/
	color: #ffffff;/* Couleur du texte */
	padding: .2em 1em;/* Marge interne */
	border: 4px ridge #ffffff;/* Couleur et taille de la bordure droite */
}
#categorie li a:hover/* Changement lorsque la souris passe sur un lien */{
	background-color: #0055E6;/* Couleur du fond */
	color: #FFFFFF;/* Couleur du texte */
	font-weight:bold;/* le texte est en gras*/
}
#categorie .actif a { /*definition de l'espace actif*/
	background-color: #0055E6; /* Couleur du fond de l'onglet actif*/
	color: #FFFFFF;/* Couleur du texte */
}
/* ====================== NIVEAU 2 ============================*/
/* debut barre de navigation Espace sous categorie Niveau 2*/
#souscategorie ul{/* Définition de la zone liste */
	padding: .2em 0;/* Marge interne */
	margin: 0;/* Marge externe */
	list-style-type: none;/* Aucun style specfique pour la liste */
	background-color: #6699FF;/* Couleur de fond de la liste */
	color: #FFF;/* Couleur du texte */
	width: 100%;/* Dimension de la zone liste */
	font: normal 100% arial, helvetica, sans-serif;/* Définition du texte */
	line-height: 30px;/* hauteur de zone */
	background-image: url(test%20images/degrade-inverse.jpg);	/* image de fond*/	
}
#souscategorie li {/* definition du style de la liste	*/
	display: inline;/* Affichage de la liste en ligne */
}
#souscategorie li a{/*définition des liens dans la liste*/
	font-size: 9px;
	text-decoration: none;/* Ne texte n'est pas decorer sousligne , surligne etc.. */
	background-color: #3AAAF4;/* Couleur du fond*/
	color: #FFFFFF;/* Couleur du texte */
	padding: .2em 1em;/* Marge interne */
	border: 4px ridge #FFFFFF;/* Couleur et taille de la bordure droite */
}
#souscategorie li a:hover/* Changement lorsque la souris passe sur un lien */{
	background-color: #0055E6;/* Couleur du fond */
	color: #FFFFFF;/* Couleur du texte */
	font-weight:bold;/* le texte est en gras*/
}
#souscategorie .actif a { /*definition de l'espace actif*/
	background-color: #0055E6; /* Couleur du fond de l'onglet actif*/
	color: #FFFFFF;/* Couleur du texte */
}
/* ====================== FIN NIVEAU ============================*/

/* ====================== Menu de Navigation ============================*/
div#Infonavigation{
	float: left;/*Alignement a gauche*/
	background-color: white;/*Couleur du fond*/
	font-family: Arial, Helvetica, sans-serif;/*Type caracteres*/
	font-size: 12px;/*Taille caracteres*/
	color: #006633;/*Couleur des caracteres*/
}
}
.titremenu{
	width: 150px;
	border:1px solid #003366;
	margin-top:3px;
	margin-bottom:3px;
	text-align: center;
	background-color: #6699FF;
	background-image:url(test%20images/degrade.jpg);
	font-weight: bolder;
	color: #000000;
	font-size: 12px;
}
div#menugauche {
width: 150px;
}
/* fond blanc pour le menu */ 
div#menugauche a {
	color:#000000;/*Couleur des caracteres*/
}
div#menugauche ul {
	padding: 0;
	width: 150px;
	border:1px solid black;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menugauche li {
	background: #6699FF;
	background-image:url(test%20images/degrade.jpg);
	color: #333333;/*Couleur des caracteres*/
}
div#menugauche ul li {
	position:relative; 
	list-style: none; 
	border-bottom:1px solid black;
	}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menugauche li a {
	font-size:11px;
	text-decoration: none;
	padding: 4px 0 4px 8px;
	display:block;
	border-left: 8px solid #BBB;
	width:132px;
	background: #EEEEEE;
}
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menugauche li a:hover {border-left-color: red;}
div#pied {
	border-top: solid #000 1px;
	padding: 2px;
	text-align: center;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
} 
#pied a {
	font-weight: normal;
	text-decoration: none;
	color: #006600;

}
.panier{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006633;
	margin-top: 3px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #EEEEEE;
	border: thin outset #006600;
	padding: 4px;
}
div#gainadherent{
	color: #CC3366;
	font-weight: bold;
	}
	
.pub{
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	margin-top: 3px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	border: thin outset #006600;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
span.ref{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
}
/* Tableau de presentation */
span.inforef{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
span.prix{
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

div#titretab{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.impaire{
	background-color: #EEEEEE;
}
.intercalaire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #6699FF;
	background-image:url(test%20images/degrade.jpg);
}

/*================== debut de l'entete ===================*/
/* l'entete englobe le logo, le gerodi*/
div#entete {/*definition du conteneur entete*/
	height: 100px;/*Hauteur de l'entete*/
	background-color: #000000;/*Couleur du fond de l'entete*/
	width: 100%;/*largeur de l'entete dans le conteneur contenu*/
}
div#logo{/*Definition du conteneur logo .encapsule l'image du logo*/
	float: right;/*alignement a droite*/
	height: 90px;/*Hauteur du conteneur*/
	width: 120px;/*Dimension du conteneur*/
	margin: 5px;/*marge externe*/
}
div#gerodi{/*Definition du conteneur gerodi .encapsule l'image du logo*/
/* debut du menu de navigation*/
	float: right;/*alignement a droite*/
	height: 90px;/*Hauteur du conteneur*/
	width: 780px;/*Dimension du conteneur*/
	margin-top: 5px;/*marge externe haut*/
	margin-left: 25px;/*marge externe droite*/
}
/*================== fin de l'entete=========================*/