/* CSS Document */



body
{
	width: 760px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color:#FFFFCC;
}

a
{
	color:#990033;
}

a:hover
{
	color: #009933;
}

#en_tete
{
	width: 760px;
	height: 200px;
	background-image: url("logo.jpg");
	background-position: center;
	background-repeat: repeat-x;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #FFFF99;
	border-color: #FF6600;
	border-width: 5px;
	border-style: ridge;
}



#menu
{
	float: left;
	width: 170px;
	margin-top: 20px;
	border-color: #FF6600;
	border-width: 5px;
	border-style: ridge;
	background-color: #FFFF99;
	
	
}

#promo
{
	float: left;
	width: 168px;
	margin-top: 10px;
	border: 1px solid black;
	border-style: dotted;
}

#menu ul
{
	list-style-type: none;
	list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   	padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
  	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   	margin-bottom: 5px; 
}




#corps
{
	margin-left: 190px;
	margin-top: 30px;
	padding: 10px;
	
}




#pied_de_page
{
	margin-top: 30px;
	border-color: #FF6600;
	border-width: 5px;
	border-style: ridge;
	padding: 0px;
}


.centre
{
	text-align : center;
}


.no-puce
{
	list-style-type: none;
}





.col_gauche
{
text-align : right
}





.col_droite
{
text-align : right
}
	

h1
{
	text-align : center;
	color : #990033;
	text-decoration:underline
}





legend
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color:#FF9933;
   font-weight: bold;
}




 
fieldset
{
   margin-bottom: 15px; 
   background-color: #FFFF99;
   	border-color: #FF6600;

	border-width: 5px;

	border-style: ridge;
} 
 
 
 
 
 
label
{
   color: blue; 
}





.nouveau
{
text-align : center;
text-decoration : underline;
color : #0043b7;
}


.categorie
{
text-align : center;
color : #0043b7;
}


.etoile
{
text-align : center;
color : red;
}





.attention
{
text-align : center;
color : red;
text-decoration : blink;
}





.promo
{
text-align : center;
text-decoration : blink;
color : #990033;
}

.important
{
color: #990033;
font-weight: bold;
text-decoration : underline;
}