/*Cette feuille de style corresspond au style de la page index */
/* style généraux appliqués sur toute la page */
body
{
width: 90%; /* la page aura 90%, il reste 10 de marge*/
margin-left: auto;
margin-right: auto; /* permet de centrer le texte*/
background-color: #303D58; /* couleur de fond*/
font-family: Arial, "Time New Roman", Times, sans-serif;
color: white;
}
/* On definit ici l'apparence des liens */
a
{
color: #F7E444;
text-decoration: none;
}
a:hover /* Hover c'est lorsque la souris pointe*/
{
text-decoration: underline;
}
/*Mise en place du Logo* j'ai utilisé h6 car il n'yen a pas et je n'ai pas de logo*/
h6
{
width: 200px;
height: 168px; /*dimension du logo*/
position: absolute; /*Elle apparait au dessus des autres elements*/
top: 0px;
left: 0px; /*Apparait en haut à gauche*/

background: url("logo.jpg") no-repeat;
}
h1
{
text-indent: -5000px; /* on le repousse pour ne pas le voir, on pouvait utiliser display: none;*/
}
h3
{
margin: 5px;
padding: 0px;
color: white;
text-align: center;
}
#en_tete
{
height: 109px; /* la bannière a 360px de hauteur */
/* la couleur de depart de ma bannière est bleu dont la référence est #617FEA, je mettrais cette couleur en fond de l'entete en cas ou la baniere serait trop étroite*/
border: 2px dotted #F7E444; /* bordure en pointillée jaune */
background: url("baniere-2.jpg") no-repeat #617FEA;
margin-bottom: 20px; /* pour elloigner le haut du menu de la banière*/
}
#en_tete:hover
{
height: 109px; /* la bannière a 360px de hauteur */
/* la couleur de depart de ma bannière est bleu dont la référence est #617FEA, je mettrais cette couleur en fond de l'entete en cas ou la baniere serait trop étroite*/
border: 2px dotted #F7E444; /* bordure en pointillée jaune */
background: url("baniere-2_on.jpg") no-repeat #617FEA;
margin-bottom: 20px; /* pour eloigner le haut du menu de la banière*/
width: 100%; /* la page aura 90%, il reste 10 de marge*/
margin-left: auto;
margin-right: auto; /* permet de centrer le texte*/
}
#menu
{
width: 19%; /*largeur de l'espace reservé au menu*/
float: left; /*flottant, le corps viendra à coté*/
font-size: small; 
}
.sous_menu
{
background-color:#617FEA;
color: #F7E444;
border: 2px dotted #F7E444;
}
ul
{
margin: 0px;
}
#corps
{
margin-left: 22%;
margin-top: 20px;
padding: 10px;
font-family:  verdana, Time New Roman, Arial, Times, sans-serif;
border: 2px dotted #F7E444;
/*color: #E3AB57;*/
color: white;
text-align: justify;
font-size: large;
}
#pied_de_page
{
clear : left; /* stoppet l'effet du flottant et le place en bas de la page*/
margin-top: 30px;
padding : 5px;
color: white;
text-align: center;
bottom : 0px
}
.pierres
{
list-style-position: inside;
list-style-type: square;

font-weight: bold;text-indent: 10px;
;
}
h3
{
color: #F7E444;
}
img
{
float: left;
margin-right : 20px;
}
#imgtexte, #imgtexte2
{
float: right;
margin-left : 20px;
}
p#droite
{
text-align : right ;
}