/* fond de page et typo globale */  

body {   
margin-top: 5 px;   
margin-left: 0 px; 
color: #000000;   
font-family: Verdana, Arial, Helvetica, sans-serif;   
}  

/* bloc principal a filets tournants */  

.bloc-principal {   
background-color: #fff;  
margin-top: 0 px; 
border: solid 20px #fff;   
 
text-align: justify;   
}   


   

.services   {    
font-size: 11px;    
color: #FFFFFF;   }  

/* fil d'ariane */  

.ariane  {    
font-size: 11px;    
color: #064c6E;   }

.ariane a:link, .ariane a:visited , .ariane a:active  {    

text-decoration: none;   
color: #064c6E;   }

.ariane a:hover  {  
background: #F9A245;
text-decoration: none;  color: #064c6E;}  

/* navigation locale */  

.nav-locale {    
font-size: 11px;    
color: #064c6E;   }

/* bloc navigation de gauche */  

div.bloc-navig {   
background-color: #064C6E;   
margin-top: 0px;

width: 124px;   }  

div.bloc-navig a, div.bloc-navig a:link, div.bloc-navig a:visited, div.bloc-navig a:active {     
display: block;
text-decoration: none;
color: #FFFFFF;   }  

div.bloc-navig a:hover {    
display: block;
background: #8296B1;
text-decoration: none; }  

.navig {   
font-size: 11px;   
FONT-FAMILY: Arial, Helvetica, sans-serif 
font-weight: bold;
line-height: 1.5em;   
color: #FFFFFF;     }  

/* bloc d'actualités, en page d'accueil*/  

.actus {  
font-size: 13px;
font-variant: small-caps;
font-weight: bold;
line-height: 1.5em;   
color: #FFFFFF;     }  

.actus:link {
text-decoration: none;
color: #FFFFFF;  }

.actus:visited{
color: #FFFFFF; 
text-decoration: none; }

.actus:hover {
color: #FFFFFF;
text-decoration: underline;  }


/* typo des pavés de droite en page d'accueil */

.paves {    
font-size: 11px;    
font-weight: bold;
line-height: 1.5em;   
color: #FFFFFF;     }

.paves:link {
color: #FFFFFF;
text-decoration: none; }

.paves:visited{
color: #FFFFFF;
text-decoration: none; }

.paves:hover {
color: #FFFFFF;
text-decoration: underline;   }



/* gestion du bloc de navigation de bas de page */  

div.bloc-navigbas {   
border-top: 2px solid #C3050E ;   
margin: 4px;
padding: 4px;  
text-align: center; }   

div.bloc-navigbas a, div.bloc-navigbas a:link, div.bloc-navigbas a:visited, div.bloc-navigbas a:active {     
text-decoration: none;
color: #3B5183;   }  

div.bloc-navigbas a:hover {    
color: #C3050E; }    

/* typo titres et texte */  

P {
	FONT-SIZE: 12px; COLOR: #062159; FONT-FAMILY: Arial, Helvetica, sans-serif
}
UL {
	FONT-SIZE: 12px; COLOR: #062159; FONT-FAMILY: Arial, Helvetica, sans-serif
}
OL {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
LI {
	FONT-SIZE: 12px; COLOR: #062159; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1 {
	 FONT-SIZE: 16px; COLOR: #02415F; FONT-FAMILY:  Arial, Helvetica, sans-serif
}
h2 {
	FONT-SIZE: 11px; COLOR: #062159; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: right
}
.h8 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #062159; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.h8:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #062159; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.h8:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff9933; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.h9 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.h9:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.h9:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

/* notes */  

.notes {    
font-size: 11px;    
color: #3B5183;
font-style: italic;   }

/* texte de cellule des formulaires ou des tableaux */  

.cell  {    
font-size: 12px;  } 

/* couleurs et comportement de liens dans le texte */  

a:link {   
color: #CC0000; }  

a:visited {   
color: #660000; }   

a:active, a:hover, {   
color: #FF3300; }   

/* pied de page */  

.bloc-pied {   
background-color: #BFCEF2;   
font-size: 11 px;    
width: 700px;   
text-align: center;   
padding: 10px; }   

/* astuce pour fixer la taille des lignes vides */  

#spacer  {
	background-color: transparent;
	position: relative;
	left: 164px;
}