body
{
   width: 760px;
   margin: auto;
   margin-top: 25px;
   margin-bottom: 20px;    
   /*background-color:#dcf2f6;*/

 background-image: url('images/fond_temp.jpg');

   background-repeat: repeat-y; /* Le fond ne se répètera que sur la première colonne, verticalement */


   border: 4px solid white;
}

/* L'en-tête */


#nav 
{
   margin:0;
   padding:0;

}

#nav li 
{
   display:inline;
   padding:0;
   margin:0;
}

#nav a:link, #nav a:visited 
{
   color:#000;
   background:green;
   padding:20px 40px 4px 10px;
   float:left;
   width:auto;
   border-right:1px solid #42432d;
   text-decoration:none;
   font:bold 1em/1em Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   text-shadow: 2px 2px 2px #555;
}
#nav a:hover 
{
   color:#fff;
   background:#d7eaf5;
}
#nav 
{
   margin:0;
   padding:0;
   background:#d7eaf5 url('nav_bg.jpg') 0 0 repeat-x;
   float:left;
   width:100%;
 
   border-width:1px 0;
    border: 2px solid black;
}
#nav li:first-child a 
{
   border-left:1px solid #d7eaf5;
}






#en_tete
{

   width: 760px;
   height: 50px;
   background-color:#d7eaf5;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 2px solid white;


}




/* Le corps de la page */

#corps
{
/*overflow: hidden;*/
position:top;
  margin-top: 50px;
   /*margin-left: 140px;*/
   margin-bottom: 50px;
   padding: 5px;


  margin-left: 0px;
   color: #3b2ab1;
   background-color: #e9e3ff;
    width: 750px;
   border-bottom: 2px solid white;
    border-top: 2px solid white;
	 
text-align: justify;


}

#corps h1
{margin-left: 20px;
   color: #131b51;
   text-align: left;
 
   font-size:22px;
}

#corps h2
{margin-left: 20px;
   color: #131b51;
   text-align: left;
 
      font-size:18px;
}

#corps h3
{margin-left: 20px;
   color: #131b51;
   text-align: left;
  
  
      font-size:16px;
}
#corps h4
{margin-left: 20px;
   color: #131b51;
   text-align: left;
 
      font-size:14px;
}


#corps li
{


   margin-left: 20px;
   margin-right: 20px;
   color: #131b51;
   text-align: justify;
 
   font-size:12px;
}
#corps p
{


   margin-left: 20px;
   margin-right: 20px;
   color: #131b51;
   text-align: justify;
 
   font-size:16px;
}

#corps h6
{

font-style: italic;
   margin-left: 20px;
   margin-right: 20px;
   color: #131b51;
   text-align: justify;
 
   font-size:10px;
}


#corps h5
{

margin-left: 50px;
   color: #131b51;
   text-align: center;

}

#corps strong /* ... et les mots importants en rouge clignotant ! */
{
   color: red;
   text-decoration: blink;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: white;
   background-color: #315884;
   
   
   border: 2px solid black;
}
.imageflottante
{
   float: left;
   margin-right: 25px;
   margin-left: 25px;
   margin-top: 25px;
   margin-bottom: 25px;
}
 
.imageflottanteR
{
   float: right;
   margin-right: 25px;
   margin-left: 25px;
   margin-top: 25px;
   margin-bottom: 25px;
}
.menu{
  /*position:absolute;*/

    
    display:block;

    /* solve a Opera7/IE display bug */
    width:760px;

    margin:0;
    padding:0;
	 margin-left: 25px;
/*left: 0px;*/

	 
    }

    
.menu ul{
    position:absolute;
    display:block;
    width:100px;

    /*margin:0;*/
    padding:0;
	margin: 0;
	padding: 0;

    position:absolute; /* important */
/*left: 0px;*/



	 margin-left: 0px;


    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li li ul{
    position:absolute;
    margin-left:100px; /* be careful */
    margin-top:-24px;
    }
	.menu li{

	    list-style:none;
    width:100px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
     
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }
	
.menu a{
    text-align:center;
    background-color: #638cbb;
    color:white;
    text-weight:bold;
    display:block;
    width:100px;
 border:1px black solid;    text-decoration:none;
      padding:2px 0;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #638cbb;
	border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #638cbb;
}

a.linkOver{
    background-color: #426c98;
    }