body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #000040;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	margin-top : 0;
	font-size: 10px;
	text-decoration: none;  
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}  
  
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 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #FFFFFF;
	background-color: #FF0000;
	margin: 2px;
	padding: 3px;
	height: 15px;
	text-decoration: none;
	}	

.bouton:link {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #FFFFFF;
	background-color: #FF0000;
	margin: 2px;
	padding: 3px;
	height: 15px;
	text-decoration: none;
}	

.bouton:visited {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #FFFFFF;
	background-color: #FF0000;
	margin: 2px;
	padding: 3px;
	height: 15px;
	text-decoration: none;
}	

.bouton:hover {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #000040;
	background-color: #8888FF;
	margin: 2px;
	padding: 3px;
	height: 15px;
	text-decoration: none;
}	

.bouton_petit {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px;
	height: 14px;
	text-decoration: none;
	}	

.bouton_petit:link {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px;
	height: 14px;
	text-decoration: none;
}	

.bouton_petit:visited {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px;
	height: 14px;
	text-decoration: none;
}	

.bouton_petit:hover {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #000040;
	background-color: #8888FF;
	padding: 3px;
	height: 14px;
	text-decoration: none;

}	

.submit {
	border: 0px solid #1f1f5f;
	background: #FF0000;
	font-size: 10px;
	padding: 3px;
	color: #FFFFFF;
}	

.submit:link {
	border: 0px solid #1f1f5f;
	background: #FF0000;
	font-size: 10px;
	padding: 3px;
	color: #FFFFFF;
}	

.submit:visited {
	border: 0px solid #1f1f5f;
	background: #FF0000;
	font-size: 10px;
	padding: 3px;
	color: #FFFFFF;
}	

.submit:hover {
	border: 0px solid #1f1f5f;
	background: #8888FF;
	font-size: 10px;
	padding: 3px;
	color: #000040;
}	

.tetiere {
	line-height: 20px; /* forcer la hauteur des liens sous IE pour afficher correctement les bordures */
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #000040;
	font-family: "Times New Roman", Times, serif;
	background-color: #8888FF;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	background-image: url(../../images/fond_tetiere.jpg);
	background-repeat: repeat-x;
}

.titre_produit {
font-size:13px;
font-weight:bold;
color: #8888FF;

}


.titre_produit:link {
font-size:13px;
font-weight:bold;
color: #8888FF;

}


.titre_produit:visited {
font-size:13px;
font-weight:bold;
color: #8888FF;

}


.titre_produit:hover {
font-size:13px;
font-weight:bold;
color: #FF0000;

}


.titre_auteur {
	font-size:13px;
	font-weight:bold;
	font-style: italic;
}


.label {
font-size:14px;
font-weight:bold;
color: #8888FF;
}


.auteur {
	font-size:10px;
	font-weight:normal;
	color: #000;
	font-style: italic;
	line-height: 10px;
}


.formulaire1{
	cursor: pointer;
	font-size: 11px;
	padding: 2px;
	color: #000000;
	border: 1px solid #1F1F5F;
	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;
}

#detail_produit {
	background-color: #grey;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #8888FF;
	font-size:10px;
	text-decoration: none;
	font-style: normal;
	line-height: 16px;
	color: #000040;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#prix {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration: none;
	font-style: normal;
	line-height: 16px;
	color: #FF0000;
}

#detail_image {
	border: 2px solid #FF9900;
}

#header {
	height: 150px;
	background-color: #FFF;
	background-image: url(../../images/bando_armiane.jpg);
	background-repeat: no-repeat;
}

#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 {
background-color:#FF0000; /* Couleur du fond du menu horizontal de niveau 2 */
	background-image: url(../../images/fond_menu.jpg);
	background-repeat: repeat-x;
}

#conteneur {
width:1000px;
margin:0 auto;
background-color:#FFF; /* Couleur de fond du container */
}

#centre {
	float:right;
	width: 770px;
	background-color:#FFF;
	margin-left: 15px; /* Permet un espace de 5px entre le menu le contenu central */
	margin-top: 15px; /* Permet un espace de 5px entre le menu le contenu central */
	margin-bottom: 15px; /* Permet un espace de 5px entre le menu le contenu central */
	margin-right: 10px; /* Permet d'avoir une marge droite de 5px */
}

#arbre {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	color: #000040;
	margin-bottom: 15px;
}

#gauche {
	float:left;
	width: 185px;
	height: 100%;
	margin-left: 10px; /* Permet d'avoir une marge droite de 5px */
	margin-top: 15px;
}

#droite {
float:right;
width: 185px;
margin-right: 10px; /* Permet d'avoir une marge droite de 5px */
}

#pied {
	clear:both;
	line-height: 25px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	background-color:#FF0000; /* Couleur du fond du menu horizontal de niveau 2 */
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 10px;
	position: relative;
	background-image: url(../../images/fond_pied.jpg);
	background-repeat: repeat-x;
}

#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
font-weight: bold;
}
#menuhaut li {
	display: inline;
}
#menuhaut a {
	color: #fff;
	text-decoration: none;
	margin: 5px;
	vertical-align: middle;
	line-height: 25px;
}
#menuhaut a:hover {
 	color: #fff;
	text-decoration: underline;
	margin: 5px;
	vertical-align: middle;
	line-height: 25px;
}
#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;
}

