body{
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #dadada;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 100%;
}
h1, h2, h3, h4, h5 {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 {
font-size: 80%;
font-weight: bold;
color: #ffffff;
margin-top: 0px;
margin-bottom: 0px;
padding: 2px 0px 2px 10px;
background: url(../images/onglet1.gif) left;
background-repeat: no-repeat;
}
h2 {
font-size: 80%;
font-weight: bold;
color: #ffffff;
margin-top: 0px;
padding: 3px 0px 3px 10px;
background: url(../images/onglet2.gif) left;
background-repeat: no-repeat;
}
h3 {
font-size: 90%;
font-weight: bold;
color: #ce1f25;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
}
h4 {
font-size: 100%;
font-weight: bold;
color: #000000;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
}
h5 {
font-size: 65%;
font-weight: bold;
color: #5d5c5c;
margin-bottom: 0px;
padding: 3px 0px 3px 20px;
background: url(../images/puce2.gif) left;
background-repeat: no-repeat;
}
h6 {
font-size: 65%;
color: #ffffff;
margin-top: 0px;
padding: 0px 0px 3px 10px;
background: url(../images/puce1.gif) left;
background-repeat: no-repeat;
background-color: #ce1f25;
}
h7 {
font-size: 90%;
font-weight: bold;
}

.text {font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 70%; color: #000000;}
.citation  {font-style: italic; font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 75%; }
.textgras {font-weight: bold;}
.textcentre {text-align: center;}
.textdroit {text-align: right;}
.textital {font-style: italic;}
.textdroit {text-align: right;}
.textmicroblanc {font-size: 90%; color: #ffffff;}
.textmicroblancS {font-size: 90%; color: #ffffff; text-decoration:underline;}
.textmaxiblanc {font-size: 120%; color: #ffffff; font-weight: bold;}
.textblanc {font-size: 90%; color: #ffffff;}
.textgris {font-size: 65%; font-weight: bold; color: #5d5c5c;}

A:link {text-decoration:underline; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A:visited {text-decoration:underline; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A:hover {text-decoration:underline; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A:active {text-decoration:underline; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}

A.gras:link {text-decoration:underline; font-weight: bold; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A.gras:visited {text-decoration:underline; font-weight: bold; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A.gras:hover {text-decoration:underline; font-weight: bold; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A.gras:active {text-decoration:underline; font-weight: bold; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}

A.simple:link {text-decoration:underline; font-size: 95%; font-weight: normal; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A.simple:visited {text-decoration:underline; font-size: 95%; font-weight: normal; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A.simple:hover {text-decoration:underline; font-size: 95%; font-weight: normal; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}
A.simple:active {text-decoration:underline; font-size: 95%; font-weight: normal; font-family: Verdana,Tahoma,Arial,sans-serif; color:#000000;}


/*pour insérer une image dans un texte*/
.gauche {
float: left;
padding-right: 10px;
padding-bottom : 5px;
}
.droite {
float: right;
padding-left: 10px;
padding-bottom : 10px;
}

/*début conteneur global*/
#page{
width: 810px;
text-align: left;
margin: 0px auto;
background-color: #FFFFFF;	
}
/*fin du conteneur global*/

/*DEBUT de la mise en forme de l'entête*/
#contenuentete{
position: absolute;
margin: 0px 0px 0px 0px;
width: 810px;
height: 133px;
background: url(../images/bandeau.gif);
background-repeat: no-repeat;
}
/*DEBUT CONTENU DE LA PAGE TEXTE*/
#contenutexte{
position: absolute;
margin: 10px 0px 0px 0px;
width: 810px;
top: 137px;
background-color: #FFFFFF;
}
#colonne1{
float: left;
width: 170px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#menugauche{
float: left;
text-align: center;
color: #48539c;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
}

.encours{color: #ee7415;}

ul.menugauche{
list-style-type: none;
padding : 0px 0px 0px 0px;
margin: 0;
}
ul.menugauche li{
background: url(../images/bouton_menu.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 5px;
text-align: left;
font-size: 65%;
width: 165px;
height: 20px;
}
ul.menugauche a{text-decoration: none;}
a:link {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a:visited {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a:hover {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}

/*DEBUT MenuGauche gris*/
ul.menugauche2{
list-style-type: none;
padding : 0px 0px 0px 0px;
margin: 0;
}
ul.menugauche2 li{
background: url(../images/bouton_menu_gris.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 5px;
text-align: left;
font-size: 65%;
width: 165px;
height: 20px;
}
ul.menugauche2 a{text-decoration: none;}
a:link {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a:visited {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a:hover {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
/*FIN MenuGauche gris*/

/*DEBUT MenuGauche gris double ligne*/
ul.menugauche3{
list-style-type: none;
padding : 0px 0px 0px 0px;
margin: 0;
}
ul.menugauche3 li{
background: url(../images/bouton_menu_gris2.gif);
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 2px 0px 0px 5px;
text-align: left;
font-size: 65%;
width: 165px;
height: 30px;
}
ul.menugauche3 a{text-decoration: none;}
a:link {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a:visited {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a:hover {color: #ffffff; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
/*FIN MenuGauche gris double ligne*/




#colonne2{
float: left;
width: 407px;
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}
.textcolonne2 {
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 70%;
margin: 0px 20px 0px 10px;
text-align: justify;
}
#colonne2A{
float: left;
width: 232px;
height: 152px;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 70%;
margin: 0px 5px 0px 0px;
padding: 5px 5px 5px 5px;
color:#FFFFFF;
background-color: #98b4ca;	
}
#colonne2B{
float: left;
width: 142px;
height: 152px;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 70%;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
color:#FFFFFF;
background-color: #14417a;	
}
A.colonne2B {text-decoration:underline; text-align:center; font-weight:bold; font-family:Verdana,Tahoma,Arial,sans-serif; color:#ffffff; border:1px solid #ffffff; }
A.colonne2B:active {text-decoration:underline; text-align:center;
font-weight:bold; font-family:Verdana,Tahoma,Arial,sans-serif; color:#ffffff; border:1px solid #ffffff; }
A.colonne2B:hover {text-decoration:underline; font-weight:bold; font-family:Verdana,Tahoma,Arial,sans-serif; color:#ffffff; border:1px solid #ffffff; text-align: center;}
A.colonne2B:focus {text-decoration:underline; font-weight:bold; font-family:Verdana,Tahoma,Arial,sans-serif; color:#ffffff; border:1px solid #ffffff; text-align: center;}


#blocgris{
background-color: #edefee;
}
#colonne3{
float: right;
margin-right: 0px;
width: 200px;

}
.textcolonne3 {
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 70%;
padding: 0px 10px 0px 10px;
text-align: justify;
}
/*MENU Bas de page*/
#blocbas{
float: right;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
width: 810px;
font-size: 65%;
}

#menubas1{
float: right;
width: 100px;
height: 12px;
bottom: 0px;
left: 225px;
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 5px; 
background-color: #edefee;
text-align: center;
}
#menubas2{
float: right;
width: 100px;
height: 12px;
bottom: 0px;
left: 385px;
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 5px;
background-color: #edefee;
text-align: center;
}
#menubas3{
float: right;
width: 100px;
height: 12px;
bottom: 0px;
left: 495px;
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 5px; 
background-color: #edefee;
text-align: center;
}
#menubas4{
float: right;
width: 230px;
height: 12px;
bottom: 0px;
left: 655px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
background-color: #edefee;
text-align: center;
}

a.menubas:link {text-decoration: none; color: #000000; font-family:  Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a.menubas:visited {text-decoration: none; color: #000000; font-family: Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}
a.menubas:hover {text-decoration: none; color: #000000; font-family: Verdana, Arial,Tahoma,sans-serif; font-weight: bold;}

#blocbas_HP{
float: left;
margin: 0px;
padding: 0px;
width: 810px;
color: #48539c;
background-color: #dadada;
}
#blocbas1{
float: left;
margin: 0px;
padding: 0px;
width: 700px;
}
#blocbas2{
float: right;
margin: 0px;
padding-right: 0px;
width: 100px;
}
.textblocbas_HP{
color: #48539c;
font-size: 60%;
padding: 0px 0px 0px 0px;
}

a.blocbas_HP:link {text-decoration: none; color: #48539c; font: 65% Verdana, Arial,Tahoma,sans-serif;}
a.blocbas_HP:visited {text-decoration: none; color: #48539c; font: 65% Verdana, Arial,Tahoma,sans-serif;}
a.blocbas_HP:hover {text-decoration: none; color: #48539c; font: 65% Verdana, Arial,Tahoma,sans-serif;}