/*////////////////////////*/
/* 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 */
color:#000;
margin: 0; /* Pas de marge */
padding: 0; /* Pas d'espacement */
background-color:#000; /* 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 */
background-image:url('images/fond.gif'); /* URL de l'image de fond */
background-repeat:repeat-y;
width: 950px; /* Taille fixé à 750 pixel */
left: 50%;
margin-left: -475px;
}

/*///////////////////////*/
/* 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:25px; /* On fais une marge de 100 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:25px; /* 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:#003366; /* Couleur du texte bleu foncé */
font-weight :bold; /* On met en gras */
text-align:left; /* On aligne au gauche */
margin-right:5px; /* On fais une marge de 100 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:5px; /* On fais une marge de 100 pixel à gauche pour éviter que le texte ne colle à la bordure */
border-bottom: dashed 1px #003366;
}


/* 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:#cc9900; /* Couleur du trait : noir */
background-color:#cc9900;
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: 244px; /* Hauteur de l'Header */
background-image:url('images/header.jpg'); /* URL de l'image de fond */
background-repeat:no-repeat; /* On interdit la reproduction de l'image de fond */
margin:0; /* Pas de marge */
padding:0;
}

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

/* Image de fond */
#menufond {
width: 950px; /* Largeur de l'image */
height:48px;
background-image:url('images/menu.gif'); /* URL de l'image de fond */
background-repeat:no-repeat;
margin:0;
padding:0;
text-align:center;
}

/* Information sur les liens du menu */
.menu {
margin:0;
padding:0;
font-weight:bold; /* On met en gras */
font-size: 11pt;
padding-top:8px;
}

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

.menu li {
display:inline;
text-align:center;
}

.menu a {
margin:0 15px;
text-decoration: none;
color: #000;
}

.menu a:hover {
color: #0099ff;
}

.menu a:active {
color: #0099ff;
}

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

/* Image de fond du contenu */
#contenu {
margin:0 80px;
padding:0;
}

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

/* 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:#0099ff;
text-decoration: none;
}

.cont a:hover {
color:#006699;
}

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

/* Image de fond du Footer ou Pied de page */
#pied {
margin:0;
padding:0;
width: 950px; /* Largeur de l'image */
height:46px;
background-image:url('images/copyright.gif'); /* URL de l'image de fond */
background-repeat:no-repeat;
}

/* Information sur le footer */
.piedcont {
margin:0;
padding:0;
text-align:center; /* On centre le texte */
}

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

p.piedcont a {
color: #000;
}