body
{
   margin: 0;
   padding: 0;
   background-image: /* url("images/fond-v2.gif");  Image de fond */
   background-attachment:  /* fixed; Image de fond fixe à l'écran */
   background-color: ;
}

#en_tete /* L'en-tête */
{
   width: 1180px; /* Largeur de l'en-tête */ 
   height: 200px; /* Hauteur de l'en-tête */
   position: relative;
   /* background-image: url("images/xxx.gif");   Image de l'en-tête */
   background-repeat:no-repeat;
   background-position:center; /* image de l'en-tête est centrée */
   margin-bottom: 5px;
   border-bottom: 2px solid red;
   padding-top: 5px;
   padding-bottom: 0px;	
   color: #333;
   text-align: center;
   font-family: Georgia, Arial;
   font-size:15px;
}
#en_tete h1 /* Le titre dans l'en tête */
{
   color: red;
   font-size:40px;
   text-align: center;
   margin-top: 5px;
   font-family: Georgia, Arial;
}


#conteneur 
{
	position: relative;
	width: 1180px;
	margin: 0 auto;
	/* background-color: #f8d69f; */
}
#menugauche
{
	position:absolute;
	left:0;
	width:230px;
	font-family: Georgia, Arial;
	font-size:12px;
	/* background-color: #f8d69f; */
}
#menudroite
{
	position:absolute;
	right:0;
	width:180px;
	font-family: Georgia, Arial;
	font-size:12px;
	/* background-color: #f8d69f; */
}
	
#menugauche img /* Pour toutes les images du menugauche */
{
 border:none; /* pas de bordure pour les images */
}
#menugauche h3 /* Pour toutes les titres h3 du menugauche */
{
	color: #333;
   text-align: center;
   font-family: Georgia, Arial;
}
#menudroite img /* Pour toutes les images du menudroite */
{
 border:none; /* pas de bordure pour les images */
}

#menudroite h3 /* Pour toutes les titres h3 du menudroite */
{
	color: #333;
   text-align: center;
   font-family: Georgia, Arial;
}

#menu_horizontal
{
	position: absolute;
	left: 0%;
	width: 1000px;  /* C'est l'addition de toutes les colonnes du menu horizontal */
	margin-left:150px;  /* on décale le menu horizontal de 150px pour éviter le logo accueil */
	z-index: 2; /* pour permettre aux sous menu de passer au dessus du header */
}

/*************************************************/
/* code css pour le menu horizontal dans en tête */
#menu, #menu ul /* Liste */    
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
 
#menu /* Ensemble du menu */
{
        width:99%;
        font-weight : bold; /* on met le texte en gras */
        font-family : Georgia; /* on utilise Georgia, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}
 
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #f1f1e8; /* couleur de fond */
        border: 1px solid silver;       
        color : #069; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 150px; /* largeur */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #069; /* On passe le texte en bleu ... */
        background: #fff; /* ... et au contraire, le fond en blanc */
        border: 1px solid red; /* une bordure rouge au passage de la souris   */
}
 
#menu li /* Elements des listes */     
{
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
 
#menu li ul /* Sous-listes */
{
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
 
 
#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li               
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
 
#menu li ul ul
{
        margin    : -22px 0 0 150px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */     
}
 
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul               
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
 
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/* Fin du code css pour le menu horizontal   */
/*************************************************/

 
#liens img /* Pour toutes les images dans le bloc liens */
{ 
border:none; /* pas de bordure pour les images */
}

.element_menu 
{
   background-color:;  /*Couleur de fond */
   border: ; /* bordure des menus */
   margin-top: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */  
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
   font-family: Georgia, Arial;
}
	
#corps /* Le corps de la page */
{
   	margin-left: 230px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   	margin-right: 180px; /* Une marge à droite pour pousser le corps, afin qu'il ne passe plus sous le menu */
   	margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   	margin-top: 10px;
   	padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   	color: #333;  
   	font-family: Georgia, Arial;
   	border-left: 2px solid red; /* Une bordure rouge à gauche pour faire joli */
   	border-right: 2px solid red; /* Une bordure rouge à gauche pour faire joli */
}

#slider /* cadre pour positionner le slideshow dans corps de la page */
{ 
   	background-color: #f1f1e8;  /*Couleur de fond */
   	width:705px; /*largeur du slider */
   	height:250px; /*hauteur du slider */
   	padding:15px; /* permet de centrer le sideshow */
   	padding-bottom:30px; /*permet de laisser une distance sous l'image pour que les bullet restent dans le slider */
   	border: 1px solid grey; /* Une bordure grise */
   	margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: red;
   font-size:40px;
   text-align: center;
   margin-top: 0px;
   font-family: Georgia, Arial;
}

#corps h2 /* Tous les titres h2 du corps */
{
   color: red;
   font-size:20 px;
   text-align: center;
   font-family: Georgia, Arial;
}
#corps h3 /* Tous les titres h3 du corps */
{
   color: #333;
   font-size:15px;
   text-decoration: none;
   text-align: left; 
   font-family: Georgia, Arial; 
}

#corps h4 /* Tous les titres h4 du corps */
{
   color: #333;
   font-size:20px;
   text-decoration: ;
   text-align: center;
   padding-left:10px; 
   font-family: Georgia, Arial;  
}

#corps p /* Tous les pagraphes du corps */
{
   color: #333;
   font-size: 15px;
   font-family: Georgia, Arial;
}

#corps img /* Pour toutes les images dans le bloc liens */
{ 
border:none; /* pas de bordure pour les images */
}

a:hover /* apparence du lien lorsqu'on pointe dessus */
{
	color: red; /* le texte deviens rouge */
	background: none; /* correction d'un bug IE */
	text-decoration: underline;
	background-color: none;
	font-family: Georgia, Arial; 
}
a /* apparence du lien */
{
	color: #069; /* la couleur du lien est bleu-gris */
	font-size:15px;
	text-decoration: none;
	font-family: Georgia, Arial;
}
	
.logo_l /* class logo pour positionner un logo flottant à gauche */
{
	float: left;
}
.logo_r /* class logo pour positionner un logo flottant à droite */
{
	float: right;
}

.border1
{
	border: 2px red solid;
	padding-left:3px;
	padding-right:3px;
}

.alerte /* class pour positionner une image flottant à gauche voir page santé */
{
    float: left;
    width: 85px;
    border: ;
    margin-left: px;
}

td, th /* Style pour le tableau ET les cellules */
{
	border: solid 1px black;  /*super propriété border trait continu, 1 pixel, noir */
	border-collapse: collapse; /* la bordure du tableau et des cellules ne font plus qu'un seul trait */
	background-color:none;  /* pas de couleur de fond */
	font-size:15px;
	text-align:;
	font-family: Georgia, Arial;
	color:#333;
}
td
{
	background-color:none;
}
th
{
	background-color:#f1f1e8;
}

.case_vide /* pas de fond pour les cases vides des tableaux */
{
	background: none;
	border: none;
}

/* code pour faire apparaitre une image sur un mot repéré viewpic. utilisé dans france.html pour les photos des élus dans les tableaux */
a.viewpic {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.viewpic {
  text-decoration: none; 
  background: none;
}
a.viewpic span {display: none;}
a:hover.viewpic span {
  display: inline; 
  position: absolute;  
  top: -30px; 
  left: -110px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

.news 
{
   background-color: #f1f1e8;  /*Couleur de fond */
   border: silver 1px solid; /* bordure des menus */
   width:98%; /* pour utiliser toute la largeur disponible du corps */
   margin-top: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */  
   margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
   padding-left: 5px; /* Pour éviter que le texte ne soit trop collés à gauche */
   padding-right: 5px; /* Pour éviter que le texte ne soit trop collés à droite */
}

.widget 
{
   background-color: ;  /*Couleur de fond */
   margin-left:5px; /* pour positionner le widget à 5px du bord gauche */
}

.date
{
	text-align:center;
	color: #333;
	font-size:14px;
	font-family: Georgia, Arial;
	font-weight:bolder;
}

/*  habillage de la pagination  */

.pagination {
	line-height:2em;
	font-family: Georgia, Arial;
	text-align:center;
}
.pagination a,
.pagination span {
	padding:0.2em 0.5em;
}
.pagination a {
	border:1px solid silver;
	color:#006699;
	text-decoration:none;
}
.pagination a:hover {
	border:1px solid silver;
	color:red;
}
.pagination .prevnext {
	font-weight:;
	border:1px solid silver;
}
.pagination span.disabled { 
	border:1px solid #333;
	color:#006699;
	border:1px solid silver;
}
.pagination span.current {
	border:1px solid silver;
	background-color:silver;
	color:#006699;
	font-weight:;
	}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
   padding-top: 5px;
   padding-bottom: 5px;	
   margin-bottom: 15px;
   width:1180px; /* Largeur du pied de page idem en-tête */  
   border-top: 2px solid red;
	color: #333;
	font-size:10px;
	font-family: Georgia, Arial;
	/* background-color: #f8d69f; */
}

#pied_de_page a /* pour les liens dans le pied de page */
{
	color: #333;
	font-size:15px;
	font-family: Georgia, Arial;
}

#pied_de_page img /* pas de bordure pour les images dans le pied de page */
{
	border:none;
}
/*********************************************/