/* CSS Document */

body{ /*La balise body qui contient toute la page*/
/*width:900px;*/
background-image:url(bg-body.jpg);
background-attachment:fixed;
color:#FFFFFF;
margin-left:auto;
margin-right:auto;
}

#header{ /*La division où se trouve la bannière*/
background-image:url(header.png);
width:500px;
height:100px;
margin:auto;
}

#menu{ /*Comme son nom l'indique, cette division contient le menu*/
background-color:#444444;
width:920px; /*Il y a un problème de dimension avec le menu mais si on l'agrandit de 20 il passe Oo*/
line-height:40px;
outline:red 1px solid;
text-align:center;
margin-left:auto;
margin-right:auto;
}
	#menu ul{ /*Pour la liste du menu*/
	padding-left:0;
	margin-left:0;
	}
	#menu ul li{ /*Les éléments de la liste du menu*/
	list-style:none;
	display:inline;
	}
	.lien-cat{
	text-decoration:none;
	color:#FFFFFF;
	padding:10px; /*Pour avoir un lien plus grand*/
	}
	.lien-cat-actif{
	text-decoration:none;
	color:#FFFFFF;
	padding:10px; /*Pour avoir un lien plus grand*/
	background-color:#600;
	}
	#menu ul li a:hover{/*on change la couleur du fond quand on passe sur le lien*/
	background-color:#660000;
	}
	#menu li ul{/*Cette partie défini les sous menu mais pour le moment je n'en utilise plus 07-08-08*/
	display:none;
	position:absolute;
	width:140px;/*defini la largeur des sous menu*/
	background-color:#000000;
	outline:1px red solid;
	padding:0px;
	}

#main{ /*La division principal qui contient la page que l'utilisateur à demandée via le menu*/
background-color:#444444;
width:900px;
outline:1px red solid;
text-align:center;
font-family:"Courier New", Courier, monospace;
padding:10px;
margin-left:auto;
margin-right:auto;
}

#footer{ /*Le pied de page*/
width:900px;
text-align:center;
font-size:12px;
font-family:"Courier New", Courier, monospace;
margin-left:auto;
margin-right:auto;
}
	#footer a{ /*Pour les liens du pied de page*/
	text-decoration:none;
	color:#FFFFFF;
	}
	#footer a:hover{ /*Pour changer la couleur quand on passe sur les liens du pied de page*/
	text-decoration:underline;
	color:#999999;
	}

/*CE QUI SUIT CONCERNE LES CLASSES*/

.txt-rouge{ /*une classe pour mettre le texte en rouge*/
color:#FF0000;
}

.txt-gris{ /*Pour mettre un txt en gris*/
color:#999999;
}

.lien-txt{ /*Pour définir les liens placés sur du texte*/
text-decoration:none;
color:#FFFFFF;
}
	.lien-txt:hover{ /*Lorsqu'on passe sur les liens txt*/
	text-decoration:underline;
	color:#999999;
	}

.titre-liens{ /*Défini les titres des != parties de la sections liens*/
font-size:18px;
font-weight:bold;
}

.liste-galerie{ /*Pour les liste de la catégorie galerie*/
list-style:none;
padding-left:0;
margin-left:0;
text-align:left;
}
	.liste-galerie a{
	text-decoration:none;
	color:#FFFFFF;
	}
	.liste-galerie a:hover{
	text-decoration:underline;
	color:#999999;
	}

.align-gauche{ /*Une classe pour changer l'alignement d'un texte*/
text-align:left;
}

.fleche:before{ /*Cette classe permet de mettre une flèche avant et après l'élément défini*/
text-decoration:blink;
color:#FF0000;
font-weight:bold;
content:"--> ";
}
	.fleche:after{
	text-decoration:blink;
	color:#FF0000;
	font-weight:bold;
	content:" <--";
	}

.txt-clignotant-rouge{
text-decoration:blink;
color:#FF0000;
}

.avertissement:before{ /*Pour placer un avertissement rouge clignotant devant un élément*/
text-decoration:blink;
color:#FF0000;
content:"ATTENTION : ";
}

/*Pour enlever les bordures sur les images-lien*/
a img
{
  border:none;
}