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

body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* Police Verdana utilisé par défaut */
font-size: 10pt; /* Taille de la police par défaut */
color:#3B6B7D;
margin: 0; /* Pas de marge */
padding: 0; /* Pas d'espacement */
background-color:#F7F7F7; /* 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 */
width: 850px; /* Taille fixé à 735 pixel */
left: 50%;
margin-left: -400px;
}

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

/* Mise en page des News */
h1 {
margin:0;
padding:0;
font-family:tahoma;
font-size: 1.6em; /* Taille de la police */
float:left;
font-weight :bold; /* On met en gras */
text-align:left; /* On aligne au gauche */
color:#1a67c1;
margin-left:65px; /* On fais une marge de 25 pixel à gauche pour éviter que le texte ne colle à la bordure */
margin-top:22px;
}

.slogan {
display:inline;
margin:0;
padding:0;
margin-left:4px;
font-family:tahoma;
font-size: 10px; /* Taille de la police */
color:#3B6B7D;
font-weight :bold; /* On met en gras */
}

/* Mise en page des Titres en bleu foncé */
h2 {
margin:0;
padding:0;
font-size: 11pt; /* Taille de la police */
color : #3B6BA7; /* Couleur du texte pour les titres */
font-weight :bold; /* On met en gras */
padding:5px;
}

h4 {
margin:0;
padding:0;
font-size: 15pt; /* Taille de la police */
color : #3B6BA7; /* Couleur du texte pour les titres */
font-weight :bold; /* On met en gras */
padding:5px;
}

/*Mise en page du menu */
h3 {
margin:0;
padding:0;
font-size: 10pt; /* Taille de la police */
text-align:center;
color : #1a67c1; /* Couleur du texte pour les titres */
font-weight :bold; /* On met en gras */
padding:2px;
}


/* 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:750px;
height:48px; /* Hauteur de l'Header */
background-image:url('images/fondpage.gif'); /* URL de l'image de fond */
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;
}

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

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

.menuhorizonpl {
margin-right:65px;
}

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

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

.menuhorizon a {
padding-right:5px;
text-decoration: none;
color: #FFF;
}

.menuhorizon a:hover {
color: #FFF;
text-decoration: underline;
}

.menuhorizon a:active {
color: #FFF;
text-decoration: underline;
}

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

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

#menuverti {
        width: 150px ;
        margin-right: 60px ;
        background-color: #FFF ;
		float: right ;
        border:1px solid #d4d4d4;
}

#menuverti ul {
        list-style-type: none ;
        padding: 0 ;
        margin:0 5px 5px;
}

#menuverti li {
        list-style-image : none ;
        padding-top: 0 ;
        margin-top: 0 ;
       color: #1a67c1;
        font-size: 0.85em ;
}

#menuverti li a{
	color : #6D6D6D;
	text-decoration : none;
}

#menuverti li a:hover {
	color : #3445aa;
	text-decoration:none;
	border-bottom: 1px #3445aa dotted;
}

#texte {
        width: 500px ;
        margin-left: 60px ;
        background-color: #FFF ;
        border:1px solid #d4d4d4;
}

#btn {
        width: 100px ;
        margin-left: 0px ;
        background-color: #FFF ;
        border:1px solid #d4d4d4;
}
#latable {
        width: 470px ;
        margin-left: 10px ;
        background-color: #9BBFDE;
        border:1px solid #E1EDF8;
}

#btn1 {
        width: 300px ;
        margin-left: 0px ;
        background-color: #FFF ;
        border:1px solid #d4d4d4;
}


/* Information sur le contenu */
.cont {
text-align:left; /* On place le texte à gauche */
color:#000;
margin:5px;
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 : #1a67c1;
text-decoration: none;
}

.cont a:hover {
color : #192FC1;
	text-decoration:none;
	border-bottom: 1px #192FC1 dashed;
}

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

#footer {
clear:both;
width:800px;
height:27px; /* Hauteur de l'Header */
background-image:url('images/footer.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;
}

/* Information sur le footer */
.piedcont {
margin:0;
padding:0;
text-align:center; /* On centre 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;
}