/*////////////////////////*/
/* 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: 0px; /* Pas de marge */
padding: 0px; /* Pas d'espacement */
background-color:#3A7E8E; /* 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: 750px; /* Taille fixé à 750 pixel */
left: 50%;
margin-left: -375px;
}

/*///////////////////////*/
/* 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:15px; /* On fais une marge de 15 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:15px; /* On fais une marge de 15 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:#000080; /* 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:15px; /* On fais une marge de 15 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:15px; /* On fais une marge de 15 pixel à gauche pour éviter que le texte ne colle à la bordure */
border-top: solid 1px;
border-bottom: solid 1px;
}

/* Mise en page des puces */
LI {
list-style-type : disc; /* On utilise des cercles noirs pleins */
margin-right:15px; /* On fais une marge de 15 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:30px; /* On fais une marge de 30 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 */
}

/* Mise en page des traits horizontaux */
hr {
width:70%; /* 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;
}

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

/* Image de fond */
#header {
height: 200px; /* Hauteur de l'Header */
background-image:url('images/index_01.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
margin:0px; /* Pas de marge */
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-top: solid 1 px;
border-style:colapse; /* Les bordures fusionnent lorsqu'elles sont à côtés */
}

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

/* Image en haut du menu */
#menuhaut {
height: 28px; /* Hauteur de l'image */
background-image:url('images/index_02.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
margin:0px; /* Pas de marge */
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-style:colapse; /* Les bordures fusionnent lorsqu'elles sont à côtés */
}

/* Image de fond des liens du menu */
#menu {
height: 35px; /* La hauteur varie en fonction du nombre de liens */
background-image:url('images/index_03.gif'); /* URL de l'image de fond, ici on autorise la répétition du fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
margin:0px; /* Pas de marge */
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-style:colapse; /* Les bordures fusionnent lorsqu'elles sont à côtés */
}

/* Information sur les liens du menu */
.menucont {
text-align:center; /* On centre les liens */
font-weight :bold; /* On met en gras */
}

p.menucont {
margin: 0px;
padding-top: 8px;
}

p.menucont a {
margin: 0px;
padding-top: 8px;
}

p.menucont a:link  {
color: #003471;
text-decoration: none;
}

p.menucont a:visited { 
color: #003471;
text-decoration: none;
}

p.menucont a:hover {
color: #03015C;
text-decoration: underline;
}

p.menucont a:active { 
color: #760000;
text-decoration: underline;
}


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

/* Image de fond du contenu */
#contenu {
width: 750px; /* Largeur de l'image */
background-color:#FFFFFF; /* Couleur de fond */
border-left: solid 1px;
border-right: solid 1px;
margin:0px;
padding: 0px;

}

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


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

/* Image de fond du Footer ou Pied de page */
#pied {
height: 35px; /* Hauteur de l'image */
background-image:url('images/index_03.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
border-left: solid 1px;
border-right: solid 1px;
border-bottom: solid 1px;
border-top: solid 1 px;
margin: 0px;
padding: 0px;
}

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



p.piedcont {
margin: 0px;
padding-top: 8px;
}

p.piedcont a {
margin: 0px;
padding-top: 8px;
}

p.piedcont a:link  {
color: #003471;
text-decoration: none;
}

p.piedcont a:visited {
color: #003471;
text-decoration: none;
}

p.piedcont a:hover {
color: #03015C;
text-decoration: underline;
}

p.piedcont a:active {
color: #760000;
text-decoration: underline;
}