@charset "utf-8";
/* Mise en forme CSS */

body {         /* Concerne toutes les pages du document */
margin: 0;
padding: 0;
background: white;
color: black;
font-size: 80%;
font-family: "Bitstream Vera Sans",Verdana, Arial, Helvetica, sans-serif;  
     }
	 

#header {       /* image logo arrière-plan : hauteur = 200 px */
          height: 200px; 
          background: #FFFFB0 url(../images/logo_site.png) top left 
		  no-repeat;
        }


#header img {
     float:right ;
	  margin:: 5px 5px 0 0 ; 
	        }

#header h1 {
    color:blue;  
	text-indent: 10px;
	margin: 0;
	line-height: 8; /* Valeur égale à 1 origine */
	       }
		  
#header p {
     margin: -80px 0 0 50px;     /* Valeurs initiales : 10px 0 0 50px; */
	 font-weight: bold;
	 color: teal;
	 font-size: 1.4em;
	 
          }
		  
#menuhaut {        /* Menu horizontale  */
    margin: 0;
    padding: 0.6em 0.5em 0.4em 0;  /* 0.1em 0.5em 0.1em 0;*/
    list-style-type: none;
	background-color: #00006F; /*  Fond de la barre du menu : Bleu foncé*/
 	color: white;
    font-weight: bold;
	text-align: center;  /* valeur : right  */
	font-size: 1.4em;
         }

#menuhaut li {
            display: inline ; /* Forcer la colonne du menu
			 en ligne */
    
           }
		   
#menuhaut a {
            color: white ; /* texte en blanc et souligné en visite */
            text-decoration: none;
			 
           }
#menuhaut a:hover {
            
            text-decoration: underline;
			 
           }  /* Fin du menu horizontal*/ 
		   
#menu {
        float: left;
		 width: 170px;   /* = 15em;*/
		 height: 1500px;  /*  1000px;   */
		 padding: 0.5em 0.2em 8em 0;  /* 0.5em 0 8em 0;   */
		 margin: 1px;  /* 0px   */
		 background:#CAFFCA url(../images/fondmenu.gif) 
		  bottom left no-repeat;                       
		 
	  }
	  
#menu ul {
          list-style-type: none;
		  padding: 0;
		  margin: 0.2em 0.5em;    /*  0 1em;*/
         	 
		 
		  }
		  
#menu li a {
             display: block;
			 text-decoration: none;
			 height: 3em;  /*  3.5em;  taille de la boite-bouton  en rose  */
			 line-height: 0,5em; /* Pour centrer verticalement le texte
			                         dans le bouton */
			 
			 color:#C40062;  /* Couleur  bordeau du lien au repos */
			 font-weight: bold;
			 font-size: 100%;   /* Taille des textes liens  130% */
			 text-indent: 0.1em;   /* 0.2em; */
			                   	 
        	  }
	  
#menu li a:hover {
                   background: #FFB895; /* Passage de la souris : fond 
				                          colorié en orange clair */ 
				   color:#0000F7;   /* Le texte du lien est bleu foncé */
			                   	 
        	  }
#memu p {               /* Pour recherche générale */
          margin: 1.5em 0 0 1em;  /*  1.5em 0 0 1em;  */
		  font-weight: bold;
		  color: white ;
		}
		
#menu form {
             margin: 0 0 0 1em;
		   }

#menu form  .champ{
             width: 8em;
			 
		   }
#global {               /* Début du style de la page principale  */
         margin-left: 15.5em;  
		       /* Décalage du texte de la marge gauche vers la droite de 
			       15.5em  */
		}
		

#global h1 {               /* Effet de style CSS de l'en-tete h1*/
             
		   font-weight: bold;
		   font-size: 150%;
		   padding-bottom: 0.2em;
		   border-bottom: 3px solid #FF0000;  /* Trait surligné rouge */
		   font-variant: small-caps;
		   text-indent: 5px;
		   color:#800040;    /*#01177E; La couleur du texte en h1 est bleue 
		                          */
		   
		   
		   }
		
		

#global h2 {               /*  Effet de style CSS de l'en-tete h2*/
         
		    margin-top: 1em;
			margin-bottom: 1em;
			font-size: 110%;
			font-weight: bold;
			color:#0000A0;  /* #282;est vert foncé mais je mets en bleu)*/
		    text-decoration:underline;
		
		    }
			
/* Encart */

#encart {       /* La boite rectangle bas */
          float: right;
		  width: 250;
		  margin:: 0px 5px 5px 5px ; /* 0 5px 5px 5px ; */
		  padding:40px 5px 30px 90px;/*padding-top: 5px;  /*  30 px à l'origine*/
		  background: url(../images/posthaut.png) left top no-repeat;
		  
		  }
#encart h3 { 
             font-size: 130%;
			 margin: 0 10px 0 -5px;  /* Valeurs initiales : 0 0 0 40px;*/
	   
		  }		
		  
#bloccadre{ background: url(../images/postbas.png) left bottom no-repeat;
             padding: 5px 0 0px 0px;  /*  0 0 25px 40px; */
	 
		  
		  }
		  
#bloccadre ul{ 
             margin: 1em 0 0 0 ;
             padding: 0;
	 
		  
		  }	
		
#bloccadre li{ 
             margin: 0 ;
			 list-style-image: url(../images/postpuce.png);
		     }	  
		  
#bloccadre li a{ 
             color: black ;
			 text-decoration: none;
	 		     
			}	  
		  		  	  
#bloccadre li a:hover{ 
             
			 text-decoration: underline;
	 		     
			}