/*////////////////////////*/
/* 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:#FFFFFF; /* 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/header.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
}

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

#conteneurmenu {
position: absolute;
left:0;
width: 150px;
}

/* Image en haut du menu */
#menuhaut {
width: 150px;
height: 40px; /* Hauteur de l'image */
background-image:url('images/hautmenu.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
margin-top:20px; /* 20 pixel de marge */
}

/* Image de fond des liens du menu */
#menu {
width: 150px;
background-image:url('images/fondmenu.gif'); /* URL de l'image de fond, ici on autorise la répétition du fond */
margin:0px; /* Pas de marge */
}

/* Image en bas du menu */
#menubas {
width: 150px;
height: 13px; /* Hauteur de l'image */
background-image:url('images/basmenu.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 */
}

/* Image en haut de publicité */
#pubhaut {
width: 150px;
height: 40px; /* Hauteur de l'image */
background-image:url('images/hautpublicite.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
margin-top:20px; /* Pas de marge */
}

/* Image de fond des publicité */
#pub {
width: 150px;
background-image:url('images/fondmenu.gif'); /* URL de l'image de fond, ici on autorise la répétition du fond */
margin:0px; /* Pas de marge */
}

/* Image en bas des publicités */
#pubbas {
width: 150px;
height: 13px; /* Hauteur de l'image */
background-image:url('images/basmenu.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 */
}

/* 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 */
/*/////////*/

#conteneurcontenu {
margin-top: 20px;
margin-left: 170px;
width: 580px; /* Largeur de l'image */
}

/* Image de fond du haut du contenu */
#contenuhaut {
margin-top: 20px;
height: 40px; /* Hauteur de l'image */
background-image:url('images/hautcontenu.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
}

/* Image de fond du contenu */
#contenu {
background-image:url('images/fondcontenu.gif'); /* URL de l'image de fond */
}

#contenubas {
height: 40px; /* Hauteur de l'image */
background-image:url('images/bascontenu.gif'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
}

/* Liens vers l'index */
#zone1 {
float: left; /* On place le rectangle de selection */
width : 50px; /* Largeur du rectangle de selection */
height: 10px; /* Hauteur du rectangle de selection */
margin-left:305px; /* On place le rectangle de selection */
margin-top:9px; /* On place le rectangle de selection */
}

/* 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;
}