/*////////////////////////*/
/* 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:#FFF; /* Couleur de fond de la page Web */
border-style:hidden; /* Les bordures sont cachés */
background-image:url('images/fondpage.gif'); /* URL de l'image de fond */
background-repeat:repeat-x;
}

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

#conteneur {
position: absolute;
border-style:hidden; /* Les bordures sont cachés */
width: 735px; /* Taille fixé à 735 pixel */
left: 50%;
margin-left: -367px;
}

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

/* Mise en page des News */
h1 {
display:none; /* Le titre ne sera pas affiché */
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 25 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:25px; /* On fais une marge de 25 pixel à gauche pour éviter que le texte ne colle à la bordure */
}

/* Mise en page des Titres en bleu foncé */
h2 {
height:43px;
font-size: 11pt; /* Taille de la police */
color:#669966; /* Couleur du texte pour les titres */
font-weight :bold; /* On met en gras */
text-align:center; /* On centre */
background-image:url('images/titre.gif'); /* URL de l'image de fond */
background-repeat:no-repeat;
padding-top:11px; /* On descend le texte */
padding-left:60px; /* on corrige le décalage pour centré le texte */
}


/* 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:#663399; /* Couleur du trait */
background-color:#663399;
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 {
width:735px;
height: 281px; /* 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 */
padding:0;
margin-top:36px;
}

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

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

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


fieldset {
margin:45px 45px 0 300px;
color:#A0A0A0;
border:dashed 1px #000;
padding:2px;
}

legend{
font-weight:bold;
color:#000;
}

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

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

/* Information sur le contenu */
.cont {
text-align:left; /* On place le texte à gauche */
color:#000;
margin:0;
padding:0;
margin-right:20px; /* On fais une marge de 20 pixel à droite pour éviter que le texte ne colle à la bordure */
margin-left:95px; /* On fais une marge de 95 pixel à gauche pour éviter que le texte ne colle à la bordure */
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:#663399;
text-decoration: none;
}

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

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

/* Information sur le footer */
.piedcont {
margin:0;
padding:0;
text-align:center; /* On centre le texte */
padding-left:60px; /* on corrige le décalage pour centré le texte */
font-size: 8pt; /* Taille de la police */
color:#A0A0A0;
}

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

p.piedcont a {
color: #A0A0A0;
}