body {font-family: Verdana, Arial, Helvetica; background-color: #FFFFFF; margin: 0px;font-size : 12px; 
text-align : left; 
color : #000080; }

h1   {  font-size: 14pt; font-weight: normal; color: #336666 ;}
h2   {  font-size: 12pt; font-weight: bold; color: #CC0000 ;}
h3   {  font-size: 10pt; font-weight: bold; color: #CC0000 ;}
h4   {  font-size: 10pt; font-weight: bold; color: #FF9900 ;}

p 	 {  font-size: 10pt; color: #003366; vertical-align: middle;}
p.paragraphe_note  {  font-size: 8pt; color: #003366; vertical-align: middle;}
p.paragraphe_rouge {  font-size: 10pt; color: #CC0000; vertical-align: middle;}
p.paragraphe_blanc {  font-size: 10pt; color: #FFFFFF;  vertical-align: middle;}
.gras	{font-size: 10pt; font-weight: bold}
.centre {text-align: center;}

a:link    {  font-size: 10pt; text-decoration: underline; color: #006666; }
a:visited {  font-size: 10pt; text-decoration: underline; color: #FF9900; }
a:hover   {  font-size: 10pt; text-decoration: none; color: #009999; }
a:active   {  font-size: 10pt; text-decoration: none; color: #009999; }

a.tableau:link    {  font-size: 10pt; text-decoration: none; color: #FFFFFF; }
a.tableau:visited {  font-size: 10pt; text-decoration: none; color: #FFFFFF; }
a.tableau:hover   {  font-size: 10pt; text-decoration: underline; color: #FFFFFF; }
a.tableau:active   {  font-size: 10pt; text-decoration: underline; color: #FFFFFF; }

li { font-size: 10pt; color: #003366; vertical-align: bottom; list-style-type: none; list-style-position: outside; list-style-image: url(img/picto_puceliste.jpg); line-height: 20px; }
.menu_haut { position:absolute; top:150px; left:0px; width:100%;  text-align:center; background-color: #ffffff; border: 1px solid; border-color: #ff9900 #ffffff #ff9900 #ffffff; padding:3px;  }
.contenu { position:absolute; top:200px; left:10px; background-color: #ffffff; }

/*****
** Calques 
****/
.bandeau { position:absolute; top:0px; left:10px; background-color: #ffffff; }
.contenu2 { margin-left : 185px; left:10px; background-color: #ffffff; }

/*******************************************************************************
** La page body (Menu + contenu) 
*******************************************************************************/
.page_body {height : 100%; width : 100%; } 

/*******************************************************************************
** Le menu de droite (DIV superposée sur celle de page-body-principale)
*******************************************************************************/

/**
**.menu {position : absolute; top : 150px; left : 5px; z-index : 2; width : 175px; height : 100%;  background-color : transparent;} 
**.menu_texte {width : 160px; padding : 5px; margin-top : 0; background-color : #d9f0fe; border-right : 1px solid #b4c9da; border-top : 1px solid #b4c9da; border-bottom : 1px solid #b4c9da; } 
**/

/*******************************************************************************
** La page principale (DIV superposée en dessous du menu)
*******************************************************************************/
.page_body_principal {position : absolute; top : 150px; left : 1px; z-index : 1; height : 100%; width : 99%; min-width : 500px; background-color : #ffffff; } 

.menu_titre{ background-color : #006666;font-size : 10pt; font-weight : bold; color : #ffffff; padding: 2px; text-align: center;}
.menu_contenu{  background-color : #FF9900; font-size : 12px; color : #ffffff; padding: 2px; line-height:18px; }

.menu_contenu a:link    {  font-size: 12px; text-decoration: none; color: #ffffff; }
.menu_contenu a:visited {  font-size: 12px; text-decoration: none; color: #ffffff; }
.menu_contenu a:hover   {  font-size: 12px; text-decoration: underline; color: #ffffff; }
.menu_contenu a:active   {  font-size: 12px; text-decoration: none; color: #ffffff; }


/*******************************************************************************
** Le menu de droite (DIV superposée sur celle de page-body-principale)
*******************************************************************************/
.menu {
position : absolute; 
top : 70px; 
left : 0; 
z-index : 2; 
width : 183px; 
max-width : 183px; 
height : 100%; 
padding-top : 70px; 
background-color : transparent; 
} 
.menu img {
border : 0 none inherit; 
vertical-align : middle; 
} 
.menu_texte {
width : 160px; 
padding : 5px; 
margin-top : 0; 
background-color : #FFcc66; 
border-right : 1px solid #CC0000; 
border-top : 1px solid #CC0000; 
border-bottom : 1px solid #CC0000; 
} 

/*** liens du menu : sous-menu niveau 1 */

.menu_element1 {
font-size : 12px; 
color : #cc0000; 
font-weight : bold; 
line-height : 20px; 

} 
.menu_element1 a, .menu_element1 a:link, .menu_element1 a:active, .menu_element1 a:visited {
font-size : 12px; 
text-decoration : none; 
color : #cc0000; 
font-weight : bold; 
} 
.menu_element1 a:hover {
font-size : 12px; 
text-decoration : underline; 
color : #ffffff; 
font-weight : bold; 
} 

.menu_element1_centre {
text-align : center; 
} 

/*** lien selectionné sous-menu niveau 1 */

.menu_element1_selected {
font-size : 12px; 
color : #ffffff; 
font-weight : bold; 
line-height : 20px; 
} 
.menu_element1_selected a, .menu_element1_selected a:link, .menu_element1_selected a:active, .menu_element1_selected a:visited   {
font-size : 12px; 
text-decoration : underline; 
color : #ffffff; 
font-weight : bold; 
} 
.menu_element1_selected a:hover {
font-size : 12px; 
text-decoration : underline; 
color : #ffffff; 
font-weight : bold; 
} 

/**** liens sous-menu niveau 2 */

.menu_element2 {
font-size : 10px; 
color : #003366; 
padding-left : 15px; 
line-height : 13px; 
} 
.menu_element2 a, .menu_element2 a:link, .menu_element2 a:active, .menu_element2 a:visited   {
font-size : 10px; 
text-decoration : none; 
color : #003366; 
} 
.menu_element2 a:hover {
font-size : 10px; 
text-decoration : underline; 
color : #ffffff; 
} 

/**** liens sous-menu niveau 2 selectionné */

.menu_element2_selected {
font-size : 10px; 
color : #ffffff; 
padding-left : 15px; 
line-height : 13px; 
} 
.menu_element2_selected a, .menu_element2_selected a:link, .menu_element2_selected a:active, .menu_element2_selected a:visited  {
font-size : 10px; 
text-decoration : underline; 
color : #ffffff; 
}  
.menu_element2_selected a:hover {
font-size : 10px; 
text-decoration : underline; 
color : #ffffff; 
}