#en_tete, #menu, #corps, #pied_de_page
{
font-family:Arial, Verdana, sans-serif;
background-image: url("ancienne-galerie/images/transparent.png");
}

body
{
   width: 800px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;
   background-image: url("");
}

#principal
{

}

/* L'en-tête */

#en_tete
{
   margin-left: 0px;
   margin-bottom: 0px;
   padding: 0px;
   height: 120px;
   margin-bottom: 0px;
   background-image: url("ancienne-galerie/images/banniere-isoardi.gif");
   background-position:left bottom;
   background-repeat:no-repeat;
   width:800px;
}

/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
   height:500px;
   background-image: url("");
   background-repeat: repeat;
   margin-top:0px;
}

.element_menu
{
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{    
   color: blue;
   text-align: center;
}

.element_menu ul 
{
   list-style: none;
   color: white;
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 0px; /* ... 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: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu p /* Tous les liens se trouvant dans un menu */
{
	color: blue;
	font-size:14px;
	background-image:url('ancienne-galerie/images/lien-off.gif');
	background-repeat:no-repeat;
	background-position:-0px -0px;
	line-height:30px;
	text-indent:30px;
	margin-bottom:-19px;
}

.element_menu p:hover /* Quand on pointe sur un lien du menu */
{
   color: blue;
   font-style:italic;
   background-image:url('ancienne-galerie/images/lien-on.gif');
   background-repeat:no-repeat;
}

.element_menu a
{
	color:blue;
	text-decoration:none;
}

/* Le corps de la page */
#corps
{
   margin-left: 200px;
   margin-bottom: 10px;
   margin-top:0px;
   padding: 5px;
   text-align:justify;
}

h1 /* Tous les titres h1 du corps */
{
   color: black;
   text-align: center;
}

h2 /* Tous les titres h2 du corps */
{
	color: black;
	text-align:center;
}

#corps ul
{
list-style-image: url("ancienne-galerie/images/soleil.gif"); /* On change l'apparence des puces */
}

#corps dl dt
{
	list-style-image: url("ancienne-galerie/images/cigale3.gif");
	color: rgb(206,109,23);
	font-weight:bold
}

.image_flottante_droite
{
   float: right;
   margin:2px;
}

.image_flottante_gauche
{
   float: left;
   clear:right;
   margin:2px;
}


.image_centree
{
	margin:auto;
}

.centrer
{
text-align: center;
}

#pied_de_page
{
   padding: 5px;
   text-align: center;
   font-size: 10px;
   width:760px;
}


						/* CATALOGUE */
h5
{
	background-color:silver;
	clear:right;
}
h4
{
	margin-top:60px;
	margin-bottom:40px;	
	text-align:center;
}
.catalogue-image
{
	width:140px;
	text-align:center;
}
.catalogue-details
{
	width:420px;
	text-indent:0px;
	text-align:justify;
}
.catalogue-details a
{
	text-align:right;
}
.catalogue-prix
{
	width:80px;
	text-align:right;
}


						/* PARTENAIRES */

.partenaires-table
{
	width:580px;
}
.partenaires-image
{
	max-width:200px;
}
.partenaires-image-cellule
{
	width:200px;
	text-align:center;
}

.partenaires-details
{
	width:300px;
	text-indent:0px;
	text-align:left;
}
.partenaires-details a
{
	text-align:right;
}
.partenaires-contact
{
	width:80px;
	text-align:right;
}