/* -------------------------------------------------- */
/* ----     PROPRIETES GENERALES DE LA PAGE      ---- */
/* -------------------------------------------------- */

/*  Le fond de toutes les pages   */

body
  {	
  background-color: #6588ab;
  /*  background-color: #5E96FF; */
  /* background-color: #FF80FF;  */
  }

/*  Tous les liens    */
  
a 
  { 
  font-family:arial;
  color:#00006A; 
  text-decoration:none; 
  }
  
  
a:hover 
	{
	/* color:#B90000;  */
	text-decoration:underline;
	} 

/*  Toutes les cases de formulaires   */

input
  {
  font-family: Arial; 
  /* font-size: 12pt;  */
  color: #00376F;
  /* background-color: #D2E2F7; */
  
  }
 
textarea
  {
  font-family: Arial; 
  /* font-size: 12pt;  */
  color: #00376F;
  background-color: #D2E2F7;
  }
  

.select_listes
  {
  color:#EEEEEE;
  background-color:#6898D2;
  }
  
/* ------------------------------------------ */
/* ----     PROPRIETES DES TABLEAUX      ---- */
/* ------------------------------------------ */

.table_ordinaire
  {
  width:984px;
  background-Color:#4AC9E3;
  font-family:calibri,arial;
  font-size:12pt;
  color:#710038;
  }

.table_menu_niveau1
  {
  width:984px;
  height:45px;
  background-image: url('../deco/fond_menu.gif');
  font-family:calibri,arial;
  font-size:11pt;
  text-align:center;
  color:#1E5FAE;
  /* position:relative;  */
  /* top:-5;      */
  /* z-index:-1;   */
  }
  
.table_ordinaire_neutre
  {
  width:984px;
  /* text-align:center;	 */
  /* background-Color:WHITE; */
  }
  
.table-entree  
  {
  font-family: Calibri, Arial;
  text-align:left;
  width:350px;
  border-width:5px; 
  border-style:groove; 
  border-color:#FFFF5B;
  color:#2D39B0;
  background-Color:#58AAE7;
  }  

.tableau-encadrement_1
  {
  border-width:2px; 
  border-style:groove; 
  border-color:#1B4279;
  background-Color:#99CCFF;
  }  



/* ----------------------------------------------------------- */
/* ----   CASES        --------------------------------------- */
/* ----------------------------------------------------------- */

.case2
  {
  font-family: Calibri, Arial; 
  font-size: 14pt;
  color: #0D3571; 
  background-color: #ECE453;
  }

.case1
  {
  font-family: Calibri, Arial; 
  font-size: 14pt;
  color: #0D3571;
  background-color: #B3CEF0;
  }



/* ----------------------------------------------------------- */
/* ----   TITRES       --------------------------------------- */
/* ----------------------------------------------------------- */

.titre_page
 	{
 	font-family: Helvetica, Arial; 
 	font-size: 20pt;
 	font-weight:bold;
 	color:#98ccfe; 
 	position:relative;
 	top:+10px;
 	z-index:-1;
 	} 
.titre_page2
 	{
 	font-family: Arial; 
 	font-size:16pt; 
 	color: #98ccfe;
 	text-decoration:none;
  	}
 	
.sous_titre1
 	{
	font-family: Helvetica, Arial; 
  	font-size:15pt; 
  	color: #00376F;
	cursor:default;
  	text-decoration:none;
  	text-align:justify;
  	}

.sous_titre2
 	{
	font-family: Helvetica, Arial; 
  	font-size:15pt;
  	font-weight:bold; 
  	color: #98ccfe;
	cursor:default;
  	text-decoration:none;
  	text-align:justify;
	}
 	

/* ----------------------------------------------------------- */
/* ----   TEXTES       --------------------------------------- */
/* ----------------------------------------------------------- */

/* texte_normal : comme son nom l'indique ... */
/* texte_deux : une deuxième couleur (et ou police) */
/* texte_trois : une troisiième couleur (et ou police) */
/* texte_lien : pour les liens ;-)  */

.texte_normal_tres_grand
  {
  font-family: Arial; 
  font-size:18pt; 
  color: #0D3571;
  text-decoration:none;
  }


.texte_normal_grand
  {
  font-family: Arial; 
  font-size:16pt; 
  color: #0D3571;
  text-decoration:none;
  }

.texte_normal_moyen
  {
  font-family: arial; 
  font-size:14pt; 
  color: #0D3571;
  text-decoration:none;
  }
  
.texte_normal_petit
  {
  font-family: Arial; 
  font-size:12pt; 
color: #0D3571;
  text-decoration:none;
  }
  
.texte_normal_tout_petit
  {
  font-family: Arial; 
  font-size:10pt; 
  color: #0D3571;
  text-decoration:none;
  }

/* ---------------------------- */
  
.texte_deux_tres_grand
  {
  font-family: Arial; 
  font-size:18pt; 
  color: #530000;
  text-decoration:none;
  }

.texte_deux_grand
  {
  font-family: Arial; 
  font-size:16pt; 
  color: #530000;
  text-decoration:none;
  }


.texte_deux_moyen
  {
  font-family: Arial; 
  font-size:14pt; 
  color: #00376F;
  text-decoration:none;
  }

.texte_deux_petit
  {
  font-family: Arial; 
  font-size:12pt; 
  color: #842E1B;
  text-decoration:none;
  }
  
.texte_deux_tout_petit
  {
  font-family: Arial; 
  font-size:10pt; 
  color: #960018;
  text-decoration:none;
  }  

/* --------------------------------- */

.texte_trois_tres_grand
  {
  font-family: Arial; 
  font-size:18pt; 
  color: #1b4279;
  text-decoration:none;
  }

.texte_trois_grand
  {
  font-family: Arial; 
  font-size:16pt; 
  color: #1b4279;
  text-decoration:none;
  }


.texte_trois_moyen
  {
  font-family: Arial; 
  font-size:14pt; 
  color: #1b4279;
  text-decoration:none;
  }

.texte_trois_petit
  {
  font-family: Arial; 
  font-size:12pt; 
  color: #1b4279;
  text-decoration:none;
  }
  
.texte_trois_tout_petit
  {
  font-family: Arial; 
  font-size:10pt; 
  color: #1b4279;
  text-decoration:none;
  }  
/* ---------------------------- */
  

.texte_quatre_tres_grand
  {
  font-family: Arial; 
  font-size:18pt; 
  color: #FEFE14;
  text-decoration:none;
  }

.texte_quatre_grand
  {
  font-family: Arial; 
  font-size:16pt; 
  color: #FEFE14;
  text-decoration:none;
  }


.texte_quatre_moyen
  {
  font-family: Arial; 
  font-size:14pt; 
  color: #FEFE14;
  text-decoration:none;
  }

.texte_quatre_petit
  {
  font-family: Arial; 
  font-size:12pt; 
  color: #FEFE14;
  text-decoration:none;
  }
  
.texte_quatre_tout_petit
  {
  font-family: Arial; 
  font-size:10pt; 
  color: #FEFE14;
  text-decoration:none;
  }  

/* --------------------------------- */
.texte_blanc_tres_grand
  {
  font-family: Arial; 
  font-size:18pt; 
  color: #FFFFFF;
  text-decoration:none;
  }

.texte_blanc_grand
  {
  font-family: Arial; 
  font-size:16pt; 
  color: #FFFFFF;
  text-decoration:none;
  }


.texte_blanc_moyen
  {
  font-family: Arial; 
  font-size:14pt; 
  color: #FFFFFF;
  text-decoration:none;
  }

.texte_blanc_petit
  {
  font-family: Arial; 
  font-size:12pt; 
  color: #FFFFFF;
  text-decoration:none;
  }
  
.texte_blanc_tout_petit
  {
  font-family: Arial; 
  font-size:10pt; 
  color: #FFFFFF;
  text-decoration:none;
  }  

/* --------------------------------- */

.texte_non_modifiable_tres_grand
  {
  font-family: Arial; 
  font-size:18pt; 
  color: #051429;
  text-decoration:none;
  }


.texte_non_modifiable_grand
  {
  font-family: Arial; 
  font-size:16pt; 
  color: #051429;
  text-decoration:none;
  }

.texte_non_modifiable_moyen
  {
  font-family: arial; 
  font-size:14pt; 
  color: #051429;
  text-decoration:none;
  }
  
.texte_non_modifiable_petit
  {
  font-family: Arial; 
  font-size:12pt; 
	color: #051429;
  text-decoration:none;
  }
  
.texte_non_modifiable_tout_petit
  {
  font-family: Arial; 
  font-size:10pt; 
  color: #051429;
  text-decoration:none;
  }

/* ---------------------------- */
.texte_lien_tres_grand
  {
  font-family: Arial; 
  font-size:18pt; 
  color: #224fb7;
  text-decoration:none;
  }


.texte_lien_grand
  {
  font-family: Arial; 
  font-size:16pt; 
  color: #224fb7;
  text-decoration:none;
  }

.texte_lien_moyen
  {
  font-family: Arial; 
  font-size:14pt; 
  color: #224fb7;
  text-decoration:none;
  }
  
.texte_lien_petit
  {
  font-family: Arial; 
  font-size:12pt; 
  color: #224fb7;
  text-decoration:none;
  }
  
.texte_lien_tout_petit
  {
  font-family: Arial; 
  font-size:10pt; 
  color: #224fb7;
  text-decoration:none;
  }


/* ----------------------------------------------------------- */
/* ----       LIVRE D'OR (livo2007)                       ---- */
/* ----------------------------------------------------------- */

.titre
	{
	font-family: Arial; 
  	font-size:16pt; 
	color: #B90000;
	}

.titre_livredor
	{
	font-family: Arial; 
  	font-size:16pt; 
	color: #B90000;
	}

p.niv2
	{
	font-family: Arial; 
  	font-size:12pt; 
	color: #0D3573;
	text-align:justify;
	
	}

.livredor
	{
	font-family: Arial; 
  	font-size:14pt; 
	color: #D7D700;
	}
  

/* ----------------------------------------------------------- */
/* ----       ENCADREMENT DES IMAGES                      ---- */
/* ----------------------------------------------------------- */


.image_bord_gris
  {
  border-color:grey;
  border-style:groove;
  border-width:3pt;
  }

.image_bord_rouge
  {
  border-color:#FF0000;
  border-style:groove;
  border-width:3pt;
  }


.image_bord_blanc
  {
  border-color:white;
  border-style:inset;
  border-width:4pt;
  }

.image_bord_fin
  {
  border-color:grey;
  border-style:groove;
  border-width:2pt;
  }
  
  

/* ----------------------------------------------------------- */
/* ----       ELEMENTS D'AFFICHAGE DU MENU BARRE 2011     ---- */
/* ----------------------------------------------------------- */
/*          Suckerfish menu                                      */
/*          Exemple de CSS                                       */
/* http://www.peutetreunereponse.net                             */
/* fonctionne avec IE7, IE8, FF3.6                               */
/*-------------------------------------------------------------- */

#container {
} 

#menu_sf, #menu_sf ul {
   /*  sais pas à quoi ça sert */
   padding: 0;
   margin: 0;
   list-style: none; 
   color:#123663;
   background: #C3D9FF;   
   
   /* background: #C3D9FF;     */
} 

#menu_sf a {
   /* apparence des mots des titres de menus [hérités dans les sous-menus]*/
   display: block;
   width: 106px; 
   text-decoration: none;
   font-family:calibri,arial;
   font-size:11pt;
   color:#123663;
   padding: 0;
   margin: 0;
   
} 

#menu_sf a:hover {
   /* apparence des mots des titres de menus [hérités dans les sous-menus] quand on les survole avec la souris */
   /* text-decoration: none;   */
   text-decoration: underline;
   font-family:calibri,arial;
   /* font-size:11pt;   */
   /* font-weight:500;  */
   color:#620000;
   
   /* background: white;   */
} 

#menu_sf li {
   /* paramètres de la ligne principale du menu */
   display: block;
   float: left;
   width: 106px;
   
   /* background: #C3D9FF;      */
   /* pas de couleur car le fond de la table est une image */
}



#menu_sf li ul {
   display: block;
   position: absolute;
   width: 220px;
   background: #C3D9FF;     
   left: -999em; 
   
} 




#menu_sf li:hover ul {
   /* à quoi ça sert ? */ 	
   /* background: green; */
   width: 220px;
   display: block;
   left: auto; 
   
}

#menu_sf li:hover ul, #menu_sf li.sfhover ul {
   /* apparence du menu quand on passe sur le titre de menu */
   /* display: block; */
   text-decoration: none;
   font-family:calibri,arial;
   /*  font-size:10pt; */
   width: 220px;
   background: white;
   left: auto; 
   
} 




#menu_sf li ul li a {
   /* paramètres de la ligne de sous-menu */
   text-decoration: none;
   font-family:calibri,arial;
   font-size:10pt;
   display: block;
   text-align:left;
   float: left;
   width: 220px;
   
   /* background: #C3D9FF;      */
   /* pas de couleur car le fond de la table est une image */
}


#menu_sf li ul li {
   /* paramètres de la ligne de sous-menu */
   text-decoration: none;
   font-family:calibri,arial;
   font-size:10pt;
   display: block;
   text-align:left;
   float: left;
   width: 215px;
   
   /* background: #C3D9FF;      */
   /* pas de couleur car le fond de la table est une image */
}

.table_sous_menu
	{
	/* rules:rows;  */
	width: 220px;
	border-width:1px;
	border-style:solid;
	border-color:#123663;
	background: #D5EAFF; 
	
	}
	

/* essais */