/* body                                                                                                                                                                                                                                                                              */

body
         {
     width: 1000px;
     margin: auto; C:\Documents and Settings\Compaq_Propriétaire.WARKAN\Bureau\site internet\html et css
     margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
     margin-bottom: 20px;    /* Idem pour le bas du navigateur */
     background-color: black;
	 }
	 
/* en_tête                                                                                                                                                                                                                                                                              */

     #en_tete
                 {
         width: 1000px;
         height: 192px;
         background: url(images/ban.jpg);
         background-repeat: no-repeat;
         margin-top: 10px ;
		 margin-bottom: 10px;
         margin-left:0px ;
         }
		 
/* menu                                                                                                                                                                                                                                                                             */

     #menu
                 {
         float: left; /* Le menu flottera à gauche */
         width: 170px; /* Très important : donner une taille au menu */
         margin-top: 30px ;
		 margin-left:-30px ;
         }
         .element_menu1
                         {
             background: url(images/32.jpg);
             border: 2px solid black;
			 margin-bottom: 20px ;
			 font-weight: bold;

             }
        .element_menu1 h2 , h3
                         {
             text-align: center ;
             background: url(images/322.jpg);
             }
		 .element_menu1 ul ul 
		         {
             position: absolute;
             top:10px;
             left: -40px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
			 list-style-type: square ;
			 background: url(images/32.jpg); 
             display:none ;
			 font-weight: normal;
			 }
			 .element_menu1 ul  .sousmenu
		         {
			 color:#663300 ;
			 }
		 .element_menu1 ul li ul
		         {
			 position:relative;
		     }
			 /*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
         .element_menu1 .niveau1 .sousmenu:hover .niveau2
		 {
         display:block;
         }
         .element_menu1 a /* Tous les liens se trouvant dans un menu */
                         {
             color: #663300;
             text-decoration: none ;
             }
         .element_menu1 a:hover /* Quand on pointe sur un lien du menu */
                         {
             background: url(images/322.jpg) ;
             color: black;
             }
         .element_menu1 a:active /* Quand le visiteur clique sur le lien */
                         {
             color: #663300 ;
             text-decoration: none ;
             }	
	    			 
	     .element_menu1 a img
                 {
         margin-bottom: 10px ;
         }
         #phasmecom
                 {
         margin-left : 0px ;
		 list-style-type: none;
         }
         #insecterra
                 {
         margin-left : -27px ;
		 list-style-type: none;
         }
         #Phasmatodea
                 {
         margin-left : -27px ;
		 list-style-type: none;
         }
         
		 #lemondedesphasmes
                 {
         margin-left : -18px ;
		 list-style-type: none;
         }
		 #AntsParadise
                 {
         margin-left : -27px ;
		 list-style-type: none;
         }
		 
/* corps                                                                                                                                                                                                                                                                         */

     #corps
                 {
         margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
         margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
         margin-top: 50px ;
		 margin-right: 20 px ;
         padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
         background: url(images/32.jpg); 
         border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
         color : #000000 ;
         width: auto ;
         }
         #corps h1 /* Tous les titres h1 du corps */
                         {
             text-align: center;
             font-family: "Times New Roman", "Arial Black", Times, serif;
             }
		 #corps h2 , h3 , h4
		         {
			 text-align:center ;
		     }

     /*Pour tout les #corps ul a    */	
		
		 #corps ul a /* Tous les liens se trouvant dans un menu */
                         {
             color: #663300;
             text-decoration: none ;
			 }
		 #corps ul a:hover /* Quand on pointe sur un lien  */
                         {
             background: url(images/322.jpg) ;
             color: black;
             }
         #corps ul a:active /* Quand le visiteur clique sur le lien */
                         {
             color: #663300 ;
             text-decoration: none ;
             }	
		 #corps ul a:visited /*Quand le visiteur a déja visionné une page*/
		         {
			 color:#666633 ;
			 }
			 
	 /*Pour tout les #corps span a    */

	     #corps span a /* Tous les liens se trouvant dans un menu */
                         {
             color: #663300;
             text-decoration: none ;
			 }
		 #corps span a:hover /* Quand on pointe sur un lien  */
                         {
             background: url(images/322.jpg) ;
             color: black;
             }
         #corps span a:active /* Quand le visiteur clique sur le lien */
                         {
             color: #663300 ;
             text-decoration: none ;
             }	
		 #corps span a:visited /*Quand le visiteur a déja visionné une page*/
		         {
			 color:#666633 ;
			 }
	 /*Pour la page photos d'arthropodes*/
		 #liste_arthropodes ul li
		 {
		 list-style-type: none;
		 }
	 /*Pour la page Photos nature*/
		 #liste_nature ul li
		 {
		 list-style-type: none;
		 }
	 /*Pour la page partenaire*/	 
		 #liste_partenaire p
		 {
		 margin-left: -37px;
		 }
		 #liste_partenaire ul li
		 {
		 list-style-type: none;
		 margin-left:-10px;
		 }
	 /*Pour la page d'accueil*/
	 #acceuil
	 {
	 font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	 }
	 /*pour la page liens web*/
	 #circle ul li
	 {
	  list-style-type: circle;
	 }
/* pied_de_page                                                                                                                                                                                                                                                                              */

     #pied_de_page
                 {
         width : 350px;
         padding: 1px;
         text-align: center;
         color: #000000;
         background: url(images/32.jpg); 
         border: 2px solid black;
         margin:auto; 
         }
		 
/* Divers                                                                                                                                                                                                                                                                           */

a img 
{
border: none ;
}
.photo a img
	  {
	text-align: right ;
	 }
 img a:hover
{
text-decoration:none ;
background: url(images/32.jpg) ;
}
h2
{
background-color: green ;
}
h1
{
color:green;
text-decoration: underline;
}
h4
{
font-size: 25px;
background-color: #669900 ;
color : black ;
}
/*
FORMULAIRE
*/
form
{
margin-left:150px;
margin-bottom:10px;
margin-top:50px;
}

/*
TOOLS
*/

.erreur {
border:red solid 2px;
padding:5px;
background-color:pink;
color:#000;
margin-bottom:15px;
}

.ok {
border:#907234 solid 2px;
padding:5px;
background-color:#f9e4b8;
color:#000;
margin-bottom:15px;
}