/*
design.css
---------
 
Par Jérome
Fichier créé le 23/04/2008
*/
/*le corps principal*/

body
{
	width: 920px;
    margin: auto; /* Pour centrer notre page */
    margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
    margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   	border-left: 2px solid black; /*bordure sur le coté gauche*/
	border-right: 2px solid black; /*bordure sur le coté droit*/
	background-color: #629d9e;
	/*background-image: url("../images/fond_site.png");
	background-attachment: fixed;
	background-repeat: x-repeat;
	background-position: center;*/
}

/* L'en-tête */
#en_tete
{
    width: 920px; /*largeur de notre bloc en tete*/
    height: 200px; /*hauteur de notre bloc en tete*/
    margin: auto; /*l'en tete sera centrée par rapport au site si notre en tete est plus petite que le site*/
    margin-bottom: 20px; /*rajout d'une marge sous le bloc pour séparer l'en-tete*/
	overflow: hidden; /*l'en tete ne pourra pas faire plus de 200px de haut*/
	border-bottom: 2px solid black; /*délimitation de l'en tete*/
}

#banniere
{
	width: 870px; /*largeur de la bannière*/
	height: 200px;
    margin: auto; /* Pour centrer notre page */
}

/*Le menu de gauche*/
#menu_gauche
{
	float: left;
    width: 180px; /* Taille du menu */
	margin-left: 2px;
	color : white;
}
/*Les éléments du menu*/
.element_menu
{
	background-color: #6565ff;
	border: 2px solid black;
	margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
	padding-left: 5px;
	padding-right: 2px;
}
.element_menu h4 /* Toutes les titres h4 se trouvant dans un menu */
{
	font-size: small;
	color: #efea25;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   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; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: white;
   text-decoration: none;
}
#corps
{
	margin-top: 40px;
}
/*les titres*/
h1, h2, h3, h4
{
	font-family: Arial, serif;
}
h1
{
	color: rgb(165,0,0);
	font-size: xx-large;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	/*border-bottom: 2px solid #549ab4;*/

}
h2:first-letter
{
	font-size: xx-large;
	font-weight: bold;
	color: red;
}
h3
{
	font-size: large;
	text-indent: 20px;
}
h3:first-letter
{
	font-size: x-large;
	font-weight: bold;
	color: rgb(165,0,0);
}

/*les paragraphes*/
p
{
   font-size: medium;
   font-family: "Comic Sans MS", arial, serif;
   text-indent: 10px;
}
li
{
	font-family: "Comic Sans MS", arial, serif;
}
/*les images*/
img
{
	border: 2px solid black;
}
/*Le pied de page*/
#pied_de_page
{
	clear: both;
}
#pied_de_page p
{
	text-align: center;
	font-size: x-small;
}
/*Les tableaux*/
.galerie_tab
{
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	border: 5px outset #549ab4;
}
.galerie_td
{
	text-align: center;
	border: 1px dotted black;
	padding: 4px;
}