/* CSS Document */

body
{
	width: 1000px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../image/fond9.jpg);
	
}
#en_tete
{
	width: 980px;
	height:120px;
	margin-bottom: -19px;
	margin-left: 10px;
	background-image: url(../image/entete13.bmp);	   
}

#menuboutons
{
	margin: 0px;
	margin-left: -32px;
	padding: 0;
	list-style: none;
		
	
}
.boutons li 
{
	float: left;
	width: 158px;
	border: 2px solid #666666;
	margin-left: 1px;
	margin-right: 1px;
	color: #fff;
	background-image: url(../image/boutonbra2.jpg);
	
}
.boutons li a {
	display: block;
	color: #00CC00;
	font: 1em "Trebuchet MS",Arial,sans-serif;
	line-height: 3em;
	padding: 4px 0;
	text-align: center;
	
	}
.boutons li a:hover, #navigation li a:focus, #navigation li a:active {
	color: #FFFFFF;
	background: url(../image/boutonbra.jpg) left top no-repeat
	}
#interm1
{
	
	margin: auto;
	margin-bottom: -19px;
	margin-top: 0px;	
}


#menugauche
{
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-top: 0px;
	height: 2330px;
	background-image: url(../image/menugauche20.jpg);	
}
.element_menugauche1
{
	background-image: url(../image/elementmenugauche14.png);
	background-repeat: no-repeat;
	border: 2px solid black;
	margin-bottom: 20px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

.element_menugauche1 ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url(../image/plein5.jpg); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   padding-top: 50px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   
}

.element_menugauche1 a /* Tous les liens se trouvant dans un menu */
{
	color: #FF3300;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
}

.element_menugauche1 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #FF6600;
   color: #FFFFFF;
}

.element_menugauche1 a:visited /* Quand on pointe sur un lien du menu */
{
    
}

.element_menugauche1 a:active
{
    font-style:italic;
    color: #000000;
}

.element_menugauche2
{
	background-image: url(../image/elementmenugauche16.png);
	background-repeat: no-repeat;
	border: 2px solid black;
	margin-bottom: 20px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

.element_menugauche2 ul /* Toutes les listes à puces se trouvant dans un menu */
{
	
	padding: 0px;
	padding-left: 25px;
	padding-top: 100px;
	margin: 0px;
	margin-bottom: 5px;
	list-style-type: decimal;   
}

.element_menugauche2 a /* Tous les liens se trouvant dans un menu */
{
	color: #FF3300;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
}

.element_menugauche2 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #FF6600;
   color: #FFFFFF;
}

.element_menugauche2 a:visited /* Quand on pointe sur un lien du menu */
{
    
}

.element_menugauche2 a:active
{
    font-style:italic;
    color: #000000;
}
.element_menugauche3
{
	background-image: url(../image/elementmenugauche17.png);
	background-repeat: no-repeat;
	border: 2px solid black;
	margin-bottom: 20px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

.element_menugauche3 ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url(../image/plein5.jpg); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   padding-top: 50px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   
}

.element_menugauche3 a /* Tous les liens se trouvant dans un menu */
{
	color: #FF3300;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
}

.element_menugauche3 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #FF6600;
   color: #FFFFFF;
}

.element_menugauche3 a:visited /* Quand on pointe sur un lien du menu */
{
    
}

.element_menugauche3 a:active
{
    font-style:italic;
    color: #000000;
}

#corps
{
	width: 600px;
	height: 2330px;
	margin-top: 0px;
	text-align: center;
	color: #000000;
	background-image: url(../image/centre6.jpg);		
}
#corps h1 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
	height: 30px;
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #FFFFFF;
	text-align: center;
	background-color: #009900;
}




#menudroite
{
	float: right;
	width: 180px;
	margin-right: 10px;
	margin-top: 0px;
	height: 2330px;
	background-image: url(../image/menudroite12.jpg);	
}
.element_menudroite1
{
   background-image: url(../image/elementmenudroite6.png);
   background-repeat: no-repeat;   
   border: 2px solid black;   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  
}
.element_menudroite1 h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menudroite1 ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url(../image/plein5.jpg); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   padding-top: 50px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menudroite1 a /* Tous les liens se trouvant dans un menu */
{
   color: #CC00CC;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 18px;
   text-decoration: none;
}

.element_menudroite1 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #CC00CC;
   color: #FFFFFF;
}
.element_menudroite1 a:visited /* Quand on pointe sur un lien du menu */
{
    
}

.element_menudroite1 a:active
{
    font-style:italic;
    color: #00CC00;
}
.element_menudroite2
{
   background-image: url(../image/elementmenudroite7.png);
   background-repeat: no-repeat;   
   border: 2px solid black;   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  
}
.element_menudroite2 h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menudroite2 ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url(../image/plein5.jpg); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   padding-top: 50px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menudroite2 a /* Tous les liens se trouvant dans un menu */
{
   color: #CC00CC;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 18px;
   text-decoration: none;
}

.element_menudroite2 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #CC00CC;
   color: #FFFFFF;
}
.element_menudroite2 a:visited /* Quand on pointe sur un lien du menu */
{
    
}

.element_menudroite2 a:active
{
    font-style:italic;
    color: #00CC00;
}
.element_menudroite3
{
   background-image: url(../image/elementmenudroite8.png);
   background-repeat: no-repeat;   
   border: 2px solid black;   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  
}
.element_menudroite3 h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menudroite3 ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url(../image/plein5.jpg); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   padding-top: 50px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menudroite3 a /* Tous les liens se trouvant dans un menu */
{
   color: #CC00CC;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 18px;
   text-decoration: none;
}

.element_menudroite3 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #CC00CC;
   color: #FFFFFF;
}
.element_menudroite3 a:visited /* Quand on pointe sur un lien du menu */
{
    
}

.element_menudroite3 a:active
{
    font-style:italic;
    color: #00CC00;
}
.element_menudroite4
{
   background-image: url(../image/elementmenudroite9.png);
   background-repeat: no-repeat;   
   border: 2px solid black;   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  
}
.element_menudroite4 h3 /* Tous les titres de menus */
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menudroite4 ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url(../image/plein5.jpg); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   padding-top: 50px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menudroite4 a /* Tous les liens se trouvant dans un menu */
{
   color: #CC00CC;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 18px;
   text-decoration: none;
}

.element_menudroite4 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #CC00CC;
   color: #FFFFFF;
}
.element_menudroite4 a:visited /* Quand on pointe sur un lien du menu */
{
    
}

.element_menudroite4 a:active
{
    font-style:italic;
    color: #00CC00;
}
#interm2
{
    width: 980px;
	height: 239px; 
	background-image: url(../image/interm13.jpg);
	margin: auto;
	margin-bottom: -20px;
	margin-top: -20px;	
	margin-left: 10px;
	
}

#pied_de_page
{
	width: 980px;
	height: 435px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 0px;
	color: #FFFFFF;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: right;
	font-size: 14px;
	background-image: url(../image/fondpied18.jpg);
		
}
a.lien1 {
 color: #000000;
 text-decoration: underline;
 margin-right: 10px;
 margin-left: 10px;
 font-size: 14px;
  }
a.lien1:link {
 color: #000000;
 text-decoration: underline;
  }
a.lien1:hover {
 color: #0000FF;
 text-decoration: none;
 }
a.lien2 {
 color: #9900CC;
 text-decoration: underline;
 margin-right: 10px;
 margin-left: 10px;
 font-size: 20px;
 }
a.lien2:link {
 color: #9900CC;
 text-decoration: underline;
 }
a.lien2:hover {
 color: #0000FF;
 text-decoration: none;
 }
 a.lien3 {
 color: #FF99FF;
 text-decoration: underline;
 margin-right: 10px;
 margin-left: 10px;
 font-size: 24px;
 }
a.lien3:link {
 color: #FF99FF;
 text-decoration: underline;
 }
a.lien3:hover {
 color: #0000FF;
 text-decoration: none;
 }