/* STYLES GENERAUX DE LA PAGE*/
  
  body {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  background: #DAEBDA;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 0.75em; 
  }
  h1 {
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 2em;
  text-align: center;
  color: black;	
  } 
  h2 {
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 1.6em;
  text-align: center;
  color: black;	
  } 
  h3 {
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 1.6em;
  text-align: left;
  color: black;	
  } 
  h4 {
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 1.3em;
  text-align: center;
  color: black;	
  } 
  h5 {
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 1.3em;
  text-align: left;
  color: black;	
  }
  h6 {
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 1em;
  text-align: center;
  color: black;	
  } 
  q, blockquote {
  text-transform:uppercase;
  font-weight: bold;
  font-size:1.0em;
  } 
  a {						                         /*apparence des liens*/
  color: magenta;		                 
  text-decoration: none;
  }
  a:hover {
  color: magenta;
  text-decoration: underline;
  }
  
/* ------------------------------- STYLES DE L'EN-TETE -------------------------- */ 

  #entete {
  height: 110px;
  width:auto;
  margin: 0px 0px 10px 0px;
  background-color: #DAEBDA;	/*   #FFFFDF  */
  color: black;
  border: 0px solid #66CC99;	
  font-size: 1em;
  text-align:center;
  } 
  ul#header  {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type:none;
  }
  #header li {
  position:relative;
  left:0%;
  }

/* Styles des menus */ 

/* ----------------------------------- MENU ANNONCE ----------------------------------------*/	
  #bandeannonce { 
  position: relative;
  width:auto;
  height: auto;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 10px;
  border: 1px solid #66CC99;
  color: black;
  background-color: #FFFFDF;	  /*fond jaune paille*/
  z-index:1;
  } 	           
  #annonce { 
  position: relative;
  width:auto;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 5px;
  border: 1px solid #66CC99;
  color: black;
  background-color: #FFFFDF;	 /*fond jaune paille*/
  text-align: center;
  }
   #annonce h1{
  font-size: 1.5em;
  text-align: center;
  color: green;	                         
  }	
   #annonce h2{
  font-size: 1.5em;
  text-align: center;
  color: blue;	                         
  }	
   #annonce h3{
  font-size: 1.5em;
  text-align: center;
  color: red;	                           
  }	
   #annonce h4{
  font-size: 1.5em;
  text-align: center;
  color: purple;	                           
  }	
   #annonce h5{
  font-size: 1.5em;
  text-align: center;
  color: brown;	                           
  }	
 
  
/* ------------------------------ MENU DE GAUCHE --------------------------------*/	 

  #menugauche {				             /*pour toutes les pages, sauf accueil*/
  float:left;
  width:210px;
  background-color:#DAEBDA;
  }
  .sous_menu {				                /*pour toutes les pages, sauf accueil*/
  margin-top: 1px;				            /*espace entre les blocs div en haut*/
  margin-right: 1px;			            /*espace entre les blocs div à droite*/
  padding: 2px 2px 2px 2px;
  background-color:#FFFFDF;		  /*fond jaune paille*/
  color: black;
  border: 1px solid #66CC99;
  text-align: center;
  list-style-type:none;
  text-decoration:none;
  }	
  #menuactualites {                       /*pour la page d'accueil*/
  float:left;
  width:210px;
  margin-top:1px;
  }
   #menuactualites q {
  font-size: 0.7em;
  font-style:italic;
  color: #800000;	                           /* Marron */
  }	
  .sous_menu_act {
  margin-top: 1px;
  margin-right: 1px;
  padding: 2px;
  background-color:#FFFFDF;		   /*fond jaune paille*/
  color: black;
  border: 1px solid #66CC99;
  }	
  .sous_menu_ecole {
  height: 150px;
  width:auto;
  margin: 0px 2px 1px 0px;
  padding:1px 1px 1px 1px;
  background: #FFFFDF;	               /*url(img/ecole1.jpg);*/
  color: black;
  border: 1px solid #66CC99;
  text-align: center;
  }

  /* ---------------------------- STYLES DU CORPS -------------------------------------*/
  
  #corps {				                            /* texte principal*/
  margin-left: 210px;
  margin-top: 1px;
  padding: 20px;
  border: 1px solid #66CC99;
  color: black;
  background-color: #FFFFDF;	   /*fond jaune paille*/
  text-align: justify;
  }
  .lettrine {
  float:left;
  font: bold 2em georgia, times new roman, times, serif;
  color: #900;
  background-color: #FFFFDF;	   /*fond jaune paille*/
  margin-right:3px;
  }
  .photocentre {
  text-align: center;
  margin-bottom:20px;
  }	
  .photogauche {
  float: left;
  margin-top: 10px;
  margin-right:10px;
  margin-bottom:10px;
  margin-left: 10px;
  }
  .photodroite {
  float: right;
  margin-top: 10px;
  margin-right:10px;
  margin-bottom:10px;
  margin-left: 10px;
  }	
  .logo {
  text-align:center;
  }	
  .lecteur {
  float:right;
  margin-left:10px;
  }
  .majuscules {
  text-transform: uppercase;
  font-weight: bold;
  }
  .lutrin {
  float:right;
  margin-left:50px;
  margin-right:50px;
  }
  .acronyme{
  cursor:help;
  border-bottom: #990000 1px dotted;
  }
  .abreviation{
  cursor:help;
  border-bottom: #990000 1px dotted;
  }
  .sanspuces  {				                      /*listes sans puces*/
  list-style-position:outside;
  list-style-type:none;	
  }
  .definition {
  text-decoration: none;
  border-botton: 1px dotted blue;
  }
  q {
  text-transform:uppercase;
  font-weight: bold;
  color:green;
  font-size:1.0em; 
  }
  #corpslarge {				                        /* texte principal*/
  margin-top: 3px;
  padding: 25px;
  border: 1px solid #66CC99;
  color: black;
  background-color: #FFFFDF;	       /*fond jaune paille*/
  text-align: justify;
  }
  table, td {
  border-style: solid;
  border-width: 2px;
  border-color: #709913;
  border-collapse: collapse;
  }
  
  /* ---------------------------------- Recettes -------------------------------*/
  
  .recette {
  background-color: #FFFFDF;
  border: 1px solid #FFFFDF;
  padding: 1em 0 ;
  }
  .finrecette {
  background-color: #FFFFDF;
  border: 1px solid #FFFFDF;
  padding: 1em 0 ;
  margin-top: 1em;
  }
  .spacer {
  clear: both ;
  }
  code, pre {
  color: #000;
  font-family: arial, verdana, helvetica, geneva, sans-serif;
  font-size: 1em;
  }
  pre {
  border-left: 4px solid #008000;
  padding: 1em 1em;
  margin-left: 1em;
  }
  .floatrecette {
  float: left;
  width: 25% ;
  margin: 1em 0 ;
  }
  /* ---------------------------------- STYLES DU PIED DE PAGE -------------------------------*/
 
  #pied { 
  position: relative;
  clear:left;
  width:auto;
  margin-top:5px;
  background-color: #FFFFDF ;            /*fond jaune paille*/
  color: black;
  text-align: center;
  padding:5px 0px 5px 0px;
  border: 1px solid #66CC99; 
  }
  
  /* Boutons des menus particuliers */ 
 
  
  /* -------------------------------- MENU ECOLE -------------------------------------------*/

   ul#menuecole  {				                 /*boutons menu ecole*/
  margin: 0px;
  padding-bottom:10px;
  font:bold 14px arial, verdana, helvetica, geneva, sans-serif;
  list-style-type:none;	
  } 
  #menuecole a {
  display:block;
  width:200px;
  height:30px;
  border-style:outset;
  border-width:2px;
  border-color:#FFFFFF;			            /*blanc*/
  color:#000000;
  background:#99FFFF;			           /*bleu clair*/
  margin:3px 0px 3px 0px;
  text-decoration:none;
  text-align:center;
  }
  #menuecole a:hover {
  color:#FFFF00;			                      /*jaune*/
  background:url(img/ecole1.jpg);
  border-style:inset;
  border-width:2px;
  border-color:#FFFFFF;			           /*blanc*/
  }
  
  
  /* -------------------------------- MENU  BIBLIOTHEQUE-------------------------------------------*/

   ul#menubiblio  {				                 /*boutons menu ecole*/
  margin: 0px;
  padding-bottom:10px;
  font:bold 14px arial, verdana, helvetica, geneva, sans-serif;
  list-style-type:none;	
  } 
  #menubiblio a {
  display:block;
  width:200px;
  height:30px;
  border-style:outset;
  border-width:2px;
  border-color:#FFFFFF;			            /*blanc*/
  color:#000000;
  background:#DEB887;			           /*beige*/
  margin:5px 0px 5px 0px;
  text-decoration:none;
  text-align:center;
  }
  #menubiblio a:hover {
  color:#FFFF00;			                      /*jaune*/
  background:url(img/bib1.jpg);
  border-style:inset;
  border-width:2px;
  border-color:#FFFFFF;			           /*blanc*/
  }
    /* ------------------------------------ MENU ZOOM PHOTOS ---------------------------------------- */

  #div {
  width:100%;
  height:80%;
  margin:0 2px 0 2px;
  background:#DAEBDA;                    /*---vert clair--*/
  }
  p#premier {
  font-size:0.9em;
  float:left;
  width:645px;
  height:485px;
  background:#DAEBDA;                    /*---vert clair--*/
  }
  p#second {
  background:#DAEBDA;                    /*---vert clair--*/
  }
  img {
  border:0px none;
  }
  .thumb{
  position: relative;
  top:0px;
  left:0px;
  border: 1px solid #66CC99;
  }
  .thumb a {
  margin:0px;
  text-decoration:none;
  }
  .thumb a:hover {
  background-color:#DAEBDA;
  }
  .thumb a .grand {
  display: block;
  position: absolute;
  width: 0px;
  }
  .thumb a:hover .grand {
  position: absolute;
  top: 0px;
  left: 0%;
  width: auto;
  height: auto;
  }
			   
/* ------------------------- MENU DEROULANT HORIZONTAL ---------------------------------- */
  
 
  #menuderoulant { 				     /* encadrement du menu deroulant */
  position: relative;
  width:auto;
  height: 25px;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 1px solid #66CC99;
  color: black;
  background-color: #FFFFDF;	         /*fond jaune paille*/
  z-index:100;
  }
   
  dl, dt, dd, ul, li {
  margin: 0px;
  padding: 0px;
  list-style-one: none;
  }
  #menu {
  position: absolute;		              /* placement du menu, à modifier selon les besoins*/          
  left: 50%;				                    /* centrage du bloc boutons menu */
  margin-left: -462px;		              /* centrage du bloc boutons menu */
  top: 3px;
  bottom: 3px;
  z-index:100;
  width: 100%;				                  /* correction pour opéra */
  }
  #menu dl {					                /* englobe le menu */
  float: left;
  width: 130px;
  margin: 0 1px;				                /* espace entre les boutons menu */
  }
  #menu dt { 					                 /* le titre */
  cursor: pointer;
  text-align: center;
  font:bold 13px arial, verdana, helvetica, geneva, sans-serif;
  background: #85c17e;			        /* couleur fond menu*/
  border: 1px solid black;
  margin: 1px;
  }
  #menu dd {					                 /* sous-menu */
  border: 1px solid black;
  }
  #menu li {
  text-align: center;
  background:#FFFFCC;		           /* couleur fond sous-menu global*/
  list-style-type: none;		               /* sans puce */      
  font:bold 13px arial, verdana, helvetica, geneva, sans-serif;
  }
  #menu li a, #menu dt a {
  color: black;					                     /* Couleur police sous-menu*/
  font-weight: bold;					  
  text-decoration: none;
  display: block;
  height: 100%;
  border: 1px solid #66CC99;	          /* couleur bordure sous-menu */
  }
  #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
  background: #F1E2BE;			          /* couleur sous-menu au passage de la souris */
  }
  a {
  text-decoration: none;
  color: black;
  }
  
  
  /* ------------------------ INFOBULLES PERSONNALISEES -------------------	*/
  
  a.info {
  position: relative;
  text-decoration: none;
  color: blue;
  border-bottom: 2px green dotted;
  }
  a.info span {
  display: none;
  width: 350px;                                                                           
  }
  a.info:hover {
  background: none;                        /* contournement d'un bogue de IE */
  z-index: 500;
  }
  a.info:hover span {
  display: inline;
  position: absolute;
  z-index: 500;
  top: 3em;                                       /* positionnement vertical */
  right: -5em;                                   /* positionnement horizontal  */
  background:#E0FFFF;
  text-align: justify;
  color: black;
  padding: 10px;
  }