body
{
   margin-top: 5px;
   background-color:#8696f0;
  }
  
#en_tete
{
   margin-left: 5%;
   height: 180px;
     }	
	 
#signature
{
 margin-left: 90%;
 height: 50px;
 }

  
#menu, #menu ul /* Liste */     
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 25px; 
        text-align : center; 
		z-index:99;
		width:100%;
		position: absolute;

}

#menu /* Ensemble du menu */
{
		width:98.7%;
        font-weight : bold; 
        font-size : 14px;
		margin-top: -25px;
		font-family: "Comic Sans MS", "Times New Roman", Arial, Times, serif;
	}



#menu a /* Contenu des listes */
{
        display : block; 
        padding : 0; 
        background : navy;         
        color : #ffead9; 
        text-decoration : none; 
        width : 100%; 
}
#menu a:hover 
{
        color : navy;
        background : url('Images/b_clair_deg.png') repeat;
}


#menu li /* Elements des listes */      
{ 
        float : left; 
		width:23.7%;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /*bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: relative; 
        width: 100%; 
		display: none;
}


#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; 
		width: 100%;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; 
}

#menu li ul ul 
{
        margin    : 0 0 0 100%; /* 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 ... */      
}
.titre
{
		font-family: Verdana, Arial, Times, serif;
		cursor: text;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
		display: none; /* On expédie les sous-sous-listes hors du champ de vision */
}


#menu li:hover ul,  #menu li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste*/
{
        margin-left: 0; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		display: block;
}

#menu li li:hover ul, #menu li li.sfhover ul 
{
        margin-left: 10px; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		display: block;
}


#corps
{
   margin: 25px;
   width:83%;
   margin-left:4%;
   padding: 50px;
   padding-top: 105px;
   border: 1px solid white;
   text-align: justify;
   font-family: "Comic Sans MS", Arial, "Times New Roman", Times, serif;
   color: black;
   background: url("Images/rose-degrade.png") repeat;
   }

   /* def des info bulles*/
a.info 
   {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px blue dotted; /* on souligne le texte  qui aura l'infobulle*/
   cursor: text;
}

a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; 
}

   
  #corps a img {
   border: none;
   margin-left: 5px;
    }
	
  

#corps h1, h2
{
   color: blue;
   text-align: center;
   font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
}

	#triggers button{
	cursor:pointer;
   font-family: "Comic Sans MS", "Times New Roman", Arial, Times, serif;
   font-weight: bold;
   font-style: italic;
   font-size: 15px;
   border: none;
   background: transparent;
	display: inline;
	}



.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 


} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(Images/close_IE6.gif); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    bottom:15px; 
    left:15px; 
    width:300px; 
	 text-align: left;
} 
 
 .details h4 { 
    font-size:11px; 
}

.details h3 { 
    color:white; 
    font-size:15px; 
    margin:0 0 0px 0; 
}
.compteur
{ 
  width: 500px;
  margin: auto;
  text-align: center;
  font-family: "Comic Sans MS", Arial, Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  background: url("Images/fondtxt_compteur.jpg");
    }
	
	
   a img {
   border: none;
   }

#rimbaud
{
 width: 95%;
 height: 70px;
 padding-top: 20px;
font-family: "Comic Sans MS", Arial, serif;
font-size: 15px;
color: black;
font-weight: normal;
background: url('Images/fond_etoile.png') repeat-x;
text-align: left;
margin: auto;
margin-top:50px;
}

#rimbaud6
{
 width: 95%;
 height: 70px;
 padding-top: 20px;
font-family: "Comic Sans MS", Arial, serif;
font-size: 15px;
color: black;
font-weight: normal;
text-align: left;
margin: auto;
margin-top:50px;
}

#pied_de_page
{
	width:650px;
	top:50px;
	margin-left:auto;
	margin-right: auto;
	font-family: "Comic Sans MS", "Times New Roman", Arial, Times, serif;
   font-size: 20px;
   font-weight: normal;
   background: url('Images/fond_copyright.png') no-repeat;
}

#livredor {
	text-align: center;
	}
	
#livredor  img{
	border: none;
	}