@charset "utf-8";
/* CSS Document */

body
{
   background-color: #003300;
   color: black;
   width: 916px;
   margin: auto;
    
}

p
{
   color: #553300;
   font-size: 16px;
   font-family: Georgia, Times New Roman, Comic sans MS, serif;
   text-align: justify;
   text-indent: 30px;
   
}


a
{
	color: #553300;
	text-decoration: none;

}

a:hover
{
	color: #660000;
}

p:first-letter
{
   font-weight: bold;
   font-size: 1.2em;
   color: #553300;
}

table
{
	width: 100%;
		
	}

a.inmenu
{
	color: red;
	text-indent: none;
	font-size: 16px;
	text-decoration: none;
	
	}

a.inmenu:hover
{
	color: #990000;
	text-indent: none;
	font-size: 16px;
	text-decoration: none;
	
}

h1
{
   color: #553300;
   font-size: 16px;
   font-family: Georgia, Times New Roman, Comic sans MS, serif;
   text-align: center;
   margin-left: 260px;
   width: 610px;
   }

h1 a
{
   color: #553300;
   text-decoration:none;

   }

h1 a:hover
{
   color: #FFCC00;
   text-decoration:none;

   }

h2
{
   color: #553300;
   font-size: 24px;
   font-family: Georgia, Times New Roman, Comic sans MS, serif;
   text-align: left;
   }

h3
{
   color: #553300;
   font-size: 20px;
   font-weight:normal;
   font-family: Georgia, Times New Roman, Comic sans MS, serif;
   text-align: left;
   }

.dieu
{
	font-size: 14px;
	font-weight:normal;
}

#tome1
{
	display: none;
}

#cache
{
	display: none;
}

#page
{
   background-color: #F4F5E5;
     
}

#banniere
{
   background-color: #F4F5E5;
   width: 916px;
   height: 298px;
   background-image: url(../images/V%203.0/titre_princip2.png);
   background-repeat: no-repeat;
   background-position: center;
   margin-top: 0px;
  
}

a.lien{
display:block;
width: 916px;
height: 298px;
background:url (../images/V%203.0/titre_princip2.png) no-repeat;
}

#contenu
{
   background-color: #FFFFFF;
   color: black;
   width: 554px;
   margin-left: 260px;
   padding: 14px;
 
}

#corps
{
   
   background-color: #FFFFFF;
   color: black;
   width: 554px;
   margin-left: 260px;
   padding: 14px;
   }

#bienvenue
{
   background-color: #F4F5E5;
   color: #553000;
   font-size: 17px;
   width: 554px;
   margin-left: 260px;
   margin-right: 30px;
   padding: 14px;

   }
   
#pied
{
   clear: both;
   background-image: url(../images/V%203.0/fond_page2.png);
   width: 918px;
   height: 24px;
   margin-top: 0px;

   }
 

#menu
{
   clear: both;
   float: left;
   width: 916px;
   margin: auto;
   text-align: center;
   background-image: url(../images/V%203.0/menu2.png);
   border: none;
   background-repeat: repeat-y;
   background-color: #F4F5E5;   
}


#menu2
{
align: center;
background-image: url(../images/V%203.0/menu2.png);
width:67;
height: 100%;
border: none;
clear: both;

}



/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/ 


div#menu ul { 
             float: left;
			 padding-left: 3.1%; 
             width: 134px; 
             border-left: 29px;
             margin:0px; 
			
            } 

/*On positionne les elements du menu */ 
div#menu ul li { 
                position:relative; 
			    list-style: none; /*on enleve les icones de liste */ 
                border: 2px outset; /*ajout d'une bordure de separation d'element:*/
				font-size: 14px;
				border-color: #803605;
               } 

div#menu ul li ul li a {
				color:#FFCC00;
				background-color: #000000;
				text-decoration: none;
				}
				
div#menu ul li ul li a:hover {
				color:red;
				background-color: #000000;
				text-decoration: none;
				}				

div#menu li a { 
               text-decoration: none; /* plus de soulignement pour les liens */ 
              } 
			  
					 
					 /* fichier pour internet explorer */ 
body { 
      behavior: url(../csshover.htc); 
     } 

/* On cache tous les sous menu avec la propriété display none */ 
div#menu ul ul { 
                position: absolute; 
                top: 0; 
                left: 134px; 
                display:none;
               } 

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */ 
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 { 
                                                  display:block; 
                                                 }
												 
												 /* fond blanc pour le menu */ 





/* fond different au survol de la souris entre les sous-menu et les "basiques"*/ 
div#menu li:hover { 
               
                  } 

div#menu li.sousmenu:hover { 
                            background: #FFFFFF; 
 
                          } 

div#menu dl li a { 
               color: #553300;
			   display: inline;
 
              } 

div#menu dl li a:hover { 
               color: #FFCC00;

              } 


/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a { 
               text-decoration: none; 
               padding: 0px 0 0px 0px; 
               display:block; border-left: 
               0px solid #BBB; width:134px 
              }