#en_tete, #menu, #corps, #pied_de_page
{
}

body
{
   background-color:silver;
   font-family:Calibri, Arial, Helvetica, sans-serif;
}

#principal
{
   width: 780px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 5px;
   background-color:white;
   margin:auto;
   

}

/* L'en-tête */

#en_tete
{
   margin: auto;
   height:156px;
   background-image: url("images/banniere4.png");
   background-position:center;
   background-repeat:no-repeat;
   background-color:silver;
}

/* Le menu */

#menu
{
   height:25px;
   text-align:center;
   background-image:url('images/fond-menu-noir.png');
   background-repeat: no-repeat;
   background-position:center top;
   color:white;
   background-color:silver;
}

.element_menu
{}

.element_menu ul 
{}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
	color: white;
	font-size: 18px;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{

   color: lime;
}

/* Le corps de la page */
#corps
{
   float:left;
   width:550px;
   padding: 15px;
   text-align:justify;
   text-indent:20px;
   font-size:18px;
   font-weight:bold;
   background-image:url('images/roue-detoure.png');
   background-position:left bottom;
   background-repeat:no-repeat;

 
   
}

#actu
{
	float:right;
	width:170px;
	height:400px;
	padding:15px;
	padding-top:0px;
	text-indent:10px;
	font-size:12px;
}
#actu2
{
	float:right;
	width:170px;
	height:400px;
	font-size:12px;
	padding-left:15px;
}

#actu h3 /* Tous les titres h2 du corps */
{
   font-size:large;
   color: green;
   text-align:center;
   margin-bottom:10px;
   text-decoration:underline;
}

#actu h4 /* Tous les titres h2 du corps */
{
   color: green;
   text-align:left;
   text-decoration:underline;
   font-size:14px;
   font-weight:normal;
   margin-bottom:-10px;
}

#actu a /* Tous les titres h2 du corps */
{
   color: black;
   text-decoration:none;
   font-size:12px;
}


h1 /* Tous les titres h1 du corps */
{
   color: green;
   text-align: left;
   font-size:24px;
}

h2 /* Tous les titres h2 du corps */
{
   color: green;
   text-align:center;
   font-size:18px;
}

#actu2 a /* Tous les titres h3 du corps */
{
   font-size:large;
   color: green;
   text-align:center;
   text-decoration:underline;
   font-weight:bold
}
#actu2 a:hover /* Tous les titres h3 du corps */
{
   color: lime;
}


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

#corps dl dt
{
	list-style-image: url("images/puce.png");
	color: green;
	font-weight:bold;
}

.imageflottante
{
   float: right;
}

#image_centree
{
	display:block;
	margin:auto;
	width:400px;
	height:300px;
}

.fleche
{
	width:25px;
	height:20px;
	border-width:0px;
}

.centrer
{
text-align: center;
text-indent:0px;
}

.clear
{
	clear:both;
}

.flottant_gauche
{
	float:left;
}
table
{
	display:block;
	margin:auto;
}

#pied_de_page
{
   clear:both;
   height:25px;
   text-align:center;
   background-image:url('images/fond-pied-page.png');
   background-repeat: no-repeat;
   background-position:center top;
   color:white;
   background-color:silver;

}

.bouton
 {
	float:left;
	padding-right:20px;
}
.bouton a:hover
 {
	color:orange;
}

.bouton-gauche
{
	background-image:url('images/bouton.png');
	width:200px;
	height:60px;
	padding-top:7px;
	background-repeat:no-repeat;
}

.bouton-droite
{
	background-image:url('images/bouton.png');
	width:200px;
	height:60px;
	padding-top:7px;
	float:right;
	background-repeat:no-repeat;
}

.bouton-gauche a
{
	color:white;
	font-size: 24px;
	text-align:center;
}

.bouton-droite a
{
	color:white;
	font-size: 30px;
	text-align:center;
}
.gras
{
	font-weight:bold;
}
.bas-droite
{
	background-image:url('images/personne-agee.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	width:780px;
	height:450px;
	position:absolute;
	display:block;

}
.carte
{
	display:block;
	width:426px;
	margin:auto;
}
li
{
	text-align:left;
}