/*////////////////////////*/
/* Information de la page */
/*////////////////////////*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Police Verdana utilisé par défaut */
font-size: 10pt; /* Taille de la police par défaut */
margin: 0; /* Pas de marge */
padding: 0; /* Pas d'espacement */
background-color:#FF0000; /* Couleur de fond de la page Web */
border-style:hidden; /* Les bordures sont cachés */
}

/*//////////////////////*/
/* Mise en page du site */
/*//////////////////////*/

#conteneur {
position: absolute;
border-style:hidden; /* Les bordures sont cachés */
border-style:colapse; /* Les bordures fusionnent lorsqu'elles sont à côtés */
width: 900px; /* Taille fixé à 750 pixel */
left: 50%;
margin-left: -450px;
background-image:url('images/fond.gif'); /* URL de l'image de fond */
}

/*///////////////////////*/
/* Informations Diverses */
/*///////////////////////*/

/* Mise en page des News */
h1 {
font-size: 10pt; /* Taille de la police */
text-decoration :underline; /* On souligne la police */
font-weight :bold; /* On met en gras */
text-align:left; /* On aligne au gauche */
text-align:justify; /* On justifie le texte */
margin-right:100px; /* On fais une marge de 100 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:100px; /* On fais une marge de 100 pixel à gauche pour éviter que le texte ne colle à la bordure */
}

/* Mise en page des Titres en bleu foncé */
h2 {
font-size: 10pt; /* Taille de la police */
color:#660000; /* Couleur du texte bleu foncé */
font-weight :bold; /* On met en gras */
text-align:left; /* On aligne au gauche */
text-align:justify; /* On justifie le texte */
margin-right:100px; /* On fais une marge de 100 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:100px; /* On fais une marge de 100 pixel à gauche pour éviter que le texte ne colle à la bordure */
border-top: solid 1px #660000;
border-bottom: solid 1px #660000;
}


/* Mise en page des traits horizontaux */
hr {
width:60%; /* On créer une ligne centré et de 70% par rapport à la taille de la page */
color:#000000; /* Couleur du trait : noir */
background-color:#000000;
height:1px; /* Taille du trait : 1 pixel */
border: 0;
}

/*Suppression du cadre autour des images-liens */
a img {
border:0;
}

/*////////*/
/* Header */
/*////////*/

/* Image de fond */
#header {
height: 176px; /* Hauteur de l'Header */
background-image:url('images/header.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
margin:0; /* Pas de marge */
}

/*//////*/
/* Menu */
/*//////*/

/* Image de fond */
#menufond {
width: 900px; /* Largeur de l'image */
background-color:#FF0000; /* Couleur de fond */
background-image:url('images/fond.gif'); /* URL de l'image de fond */
margin:0;
padding:0;
}

/* Information sur les liens du menu */
.menu {
margin-left:190px !important; /* Cette ligne centre le menu sous firefox */
margin-left:240px; /*Cette ligne centre le menu sous IE */
margin-top:10px;
font-weight :bold; /* On met en gras */
}

ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menu li {
float: left;
}

.menu a {
margin:0 5px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fff;
}

.menu a:hover {
background: #FF0000;
border: 1px solid gray; 
color: #FFF;
}

.menu a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}

/*/////////*/
/* Contenu */
/*/////////*/

/* Image de fond du contenu */
#contenu {
width: 900px; /* Largeur de l'image */
background-color:#FF0000; /* Couleur de fond */
background-image:url('images/fond.gif'); /* URL de l'image de fond */
margin:0;
padding:0;
}

/* Information sur le contenu */
.cont {
text-align:left; /* On place le texte à gauche */
text-align:justify; /* On justifie le texte */
margin:5px 100px; /* On fais une marge de 15 pixel à droite pour éviter que le texte ne colle à la bordure */
padding:0;
}

/* Mise en page des puces */
.cont li {
list-style-type : disc; /* On utilise des cercles noirs pleins */
margin-left:50px; /* On fais une marge de 50 pixel à droite pour éviter que le texte ne colle à la bordure et aussi pour décaler le texte des puces par rapport au texte normal */
margin-right:100px; /* On fais une marge de 100 pixel à droite pour éviter que le texte ne colle à la bordure */
padding-right:100px !important; /* Corrige un problème sur les listes */
padding-right:0;  /* Cette ligne corrige un bug de IE  */
}

.cont a {
font-weight :bold; /* On met en gras */
color:#FF0000;
}

/*////////*/
/* Footer */
/*////////*/

/* Image de fond du Footer ou Pied de page */
#pied {
width: 900px; /* Largeur de l'image */
background-color:#FF0000; /* Couleur de fond */
background-image:url('images/fond.gif'); /* URL de l'image de fond */
margin:0;
padding:0;
}

/* Information sur le footer */
.piedcont {
text-align:center; /* On centre le texte */
font-weight :bold; /* On met en gras */
}

p.piedcont, p.piedcont a {
margin: 0px;
padding-top: 8px;
text-decoration: none;
}

p.piedcont a {
color: #003471;
}