/* CSS Document */

/************************************************************************************************************************
*
*  DEFINITION GENERALE
*
*/

* {
font-family: "Arial";
font-size: 16px;
color: black;
text-align: left;
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
margin-top: 12px;
margin-bottom: 12px;
background-color: rgb(200,200,200);
text-align: center;
color: black;
font-size: 16px;
}

h1 {
margin: 0;
padding: 0;
font-family: "Arial";/*"Freshbot";*/
font-size: 20px;
font-weight: bold;
color: rgb(150,6,3);
}

h1.centrer {
text-align: center;
}

h2 {
margin: 0;
padding: 0;
font-family: "Arial";/*"Freshbot";*/
font-size: 18px;
font-weight: normal;
color: rgb(150,6,3);
}

h3 {
margin: 0;
padding: 0;
font-family: "Arial";/*"Freshbot";*/
font-size: 12px;
font-weight: bold;
color: rgb(102,0,0);
}

b.rouge {
color: rgb(150,6,3);
}

a,a:link,a:active,a:visited,a:hover {
font-family: "Arial";
text-decoration: none;
font-weight: bold;
text-decoration: none;
color: rgb(102,51,51);
}

input {
color: black;
}

ul {
margin: 0;
padding: 0;
list-style: none url();
font-size: 16px;
}

li {
font-size: 16px;
}

li ul {
margin-left: 20px;
line-height: 20px;
list-style: disc inside url()
}

select {
width: 100px;
}

img {
display: block;
margin-left: auto;
margin-right: auto;
}

/*
*
*************************************************************************************************************************/
/************************************************************************************************************************
*
*  DEFINITION DE LA PAGE
*
*/
div#page {
margin: 0;
padding: 0;
width: 900px;
background-image: url(../images/bg_repeat_avec_mnu.jpg);
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}

div#page_entete {
margin: 0;
padding: 0;
background-image: url(../images/entete.jpg);
background-repeat: no-repeat;
height: 195px;
width: 100%;
margin-left: auto;
margin-right: auto;
}

div#page_mnugauche {
margin: 0;
margin-left: 27px;
padding: 0;
float: left;
width: 145px;
background-color: rgb(255,255,255);
}

div#page_mnugauche * {
font-family: "Arial";
font-size: 16px;
}

div.page_vue {
margin: 0;
padding: 0;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 18px;
padding-left: 6px;
padding-bottom: 6px;
text-align: left;
width: 698px;
float: left;
vertical-align: bottom;
font-size: 16px;
/*border: thin rgb(51,0,0) ridge*/
}

div.page_vue_centrer {
text-align: center;
}

div#contenu_milieu {
margin: 0;
padding: 0;
left: 142px;
text-align: center;
width: 440px;
font-size: 16px;
margin-left: auto;
margin-right: auto;
}

div#contenu_milieu_large  {
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;
margin-left: auto;
margin-right: auto;
left: 99px;
width: 527px;
}

div#page_pied {
margin: 0;
padding: 0;
margin-top: 15px;
height: 40px;
width: 100%;
text-align: center;
color: rgb(150,6,3);
margin-left: auto;
margin-right: auto;
background-image: url(../images/pied_avec_mnu.jpg);
background-repeat: no-repeat;
}
/*
*
*************************************************************************************************************************/
/************************************************************************************************************************
*
*  DEFINITION DES MENUS
*
*/
a.menu_lien {
font-family: "Arial";
text-decoration: none;
color: rgb(0,0,0);
font-weight: normal;
}

a.menu_lien:link,a.menu_lien:active,a.menu_lien:visited {
font-family: "Arial";
text-decoration: none;
color: rgb(0,0,0);
font-weight: normal;
}

a.menu_lien:hover {
text-decoration: none;
color: rgb(207,160,160);
font-weight: normal;
}

div.menu_entete {
margin: 0;
padding: 0;
height: 2px;
width: 145px;
text-align: center;

}

h1.menu_titre {
color: white;
}

a.lien_rubrique:link,a.lien_rubrique:active,a.lien_rubrique:visited {
text-decoration: none;  
color: white;
font-size: 16px;
}

a.lien_rubrique:hover {
color: rgb(0,126,187);
font-size: 16px;
}

ul.menu_liste {
margin: 0;
padding: 0;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 3px;
list-style: none url();
font-size: 16px;
}

div.menu_pied {
margin: 0;
padding: 0;
height: 7px;
width: 145px;
text-align: center;
}

/*
* Spécificité du menu gauche
*/
div.menu_entete_mnugauche {
margin-top: -2px;
padding-left: 2px;
/*background-image: url(../images/entete_menu.jpg);
background-repeat: no-repeat;*/
}

ul.menu_liste_mnugauche {
/*background-image: url(../images/menu_repeat.jpg);
background-repeat: repeat-y;*/
}

ul.menu_liste_mnugauche li { 
margin: 0;
padding: 0;
margin-left: 1px;
}


div.menu_pied_mnugauche {
/*background-image: url(../images/menu_repeat.jpg);
background-repeat: repeat-y;
background-image: url(../images/pied_menu.jpg);
background-repeat: no-repeat;*/
}

.spacer {
clear: both;
}