body /* Style donn� pour tous les corps de page */
{
   background-image: url("images/chalabre_sans_ecriture1.jpg");/* le dessin du paysage de chalabre en image de fond*/
   background-repeat:repeat;/* l'image est r�p�t� selon la taile de l'�cran*/
   background-attachment: scroll;/*l'image suit le d�roulement du texte*/
   
}

#entete
{
	display:block;
	position: static;
	margin-left: auto; margin-right: auto;
	width:100%;
	
}
img/*toutes les images*/
{
	margin : 30px 30px 30px 00px;
}
.ptimg /* pour toutes les petites images*/
{
	display: block; /* on les d�clare en block*/
	float: left;/* alignement � gauche*/
	position : static;
	bottom : 30px; /* on remonte par rapport au marge des img afin d'aligner au texte*/
	clear:left;/*on emp�che 2 images d'�tre c�te � c�te*/
}
h1, h2, h3
{ 
	text-align: center;
	color: brown;
}
em
{
	color: DarkRed;
}
strong
{
	color: FireBrick;
}
.bleu
{
	color: RoyalBlue;
}
.rouge
{
	color: DarkRed;
}


p /*pour tous les textes*/
{
	text-align:justify; /* on justifie l'alignement du texte */
	margin :60px 0px;/* on etabli une marge haut,gauche,droite,bas pour le texte*/
}

.sautligne/* on cr�e au saut de ligne afin d'aligner les textes et images*/
{
	clear:left;
}
#corps
{
	clear:left;
	margin : 40px 5% 40px 5%;/*marge � gauche et � droite pour tout les corps de page*/
}
td, th /*design pour les cellules de tableaux*/
{
	border: 1px solid black; /* ... auront une bordure de 1px */
	text-align:right;
}
table
{
   border-collapse: collapse; /* Les bordures du tableau seront coll�es (plus joli) */
}


/*--- le menu ---*/


a /*les liens (essentiellement pour le menu*/
{
	text-decoration:underline;/*les liens ne sont pas soulign�s et bleus*/
	color:chocolate;/*la couleur de l'�criture*/
}
a:hover /*quand la souris survole un lien*/
{
	color:maroon;/*les �critures des liens change de couleur pour �tre bleue*/
}
.chalabre
{ 
	list-style-image:url(images/cles.png);
}
.personnes
{
	list-style-image:url(images/laurier.png);
}
.monuments
{
	list-style-image: url(images/logo1.png);
}
.premiereguerre
{
	list-style-image: url(images/casque_poilu.png);
}
#menu 
{
	margin : 0px 0px;
	display:block;
	float:left;
	position : static;
	color:saddlebrown;
}
.barre_menu
{
	margin : 30px 5% 30px 5%;
}
.imgsecond
{
	padding-left: 400px;
	margin :0px 0px;/* on etabli une marge haut,gauche,droite,bas pour le texte*/
}



#scrypte
{
	padding-left: 200px;
	font-size: xx-large;
}