body {
margin: 0px;
background: #0D4E76;
/*background-image: URL(./Images/motifond.png);*/
text-align: center;
}

#introtete {
background: #0D4E76;
padding: 0px;
margin: 0px;
}

#introtete div#ban {
margin: 0px;
width: 760px;
margin-left: auto;
margin-right: auto;
}

#intropied {
margin: 0px;
padding: 0px;
width: 100%;
height: 50%;
background: #fff;
}

#intropied  #boutons {
text-align: left;
width: 30em;
height: auto;
margin: auto;
margin-left: auto;
margin-right: auto;
}

#intropied  table{
text-align: center;
width: 50%;
height: 10%;;
background: #fff;
}

#intropied  a {

	 font-family: Arial, Helvetica, Geneva, sans-serif;

	 font-weight: bold;

     margin: 20px 2px;

     width: 10em; 

     height: 40px;

     display: block;

     text-align: center;
	 
	 padding-top: 12px;
	 
     text-decoration: none;

	 font-size: 1em;

      color: #ffffff;

     background: URL(./Images/boutintro2.gif) no-repeat 50% 50%;

}

#intropied  a:hover {

	 color: #3b56B2;
     background: URL(./Images/boutintro1.gif) no-repeat 50% 50%;

}

#global {

width: 49.4em;

height: auto;
margin: auto;

background: URL(./Images/bord.gif) repeat-y #FFF;

border: 0px solid #000000;

padding: 0px;

}

#site

{
text-align: left;
width: 47.5em;

height: auto;

margin: auto;

background: URL(./Images/fond.gif) no-repeat #FFF;

border: 1px solid #000000;

padding: 0px;

}







#entete 

{

	margin: 0px;
	
	padding: 0px;

    width: 100%; 

    height: 13em;

	background: URL(./Images/) no-repeat;

	background-position: 100% -100px;

}


#entete object, embed {

width: 100%;
height: 65%;
}

#entete #script img {
border: 1px solid #aaa;
}

#entete #script img:hover  {
border: 2px solid #000;

}

#entete div#langue  a

{
	 background-image:url(./Images/rondfleche.gif);

	 background-repeat:no-repeat;

	 background-position: 0% 0%;
	 
	 padding-left: 20px;
	 
	 font-family: Arial, Helvetica, Geneva, sans-serif;

	 font-weight: bold;

     text-align: center;

     text-decoration: none;

	 font-size: 0.8em;

     color: #000000;



}





#entete div#langue a:hover {

	 background-image:url(./Images/rondfleche.gif);

	 background-repeat:no-repeat;

	 background-position: 10% 0%;
	 
	 padding-left: 20px;

	color: #3b56B2;

	 text-decoration: underline;

     }


	 
#entete .fond {
position: relative;
top: -22px;
background: URL(./Images/langue.png) repeat-x;

}

#entete table{
margin:0px;
padding:0px;
width: 300px;
height: 10px;

}
	 
#entete td {
margin:0px;
padding:0px;

}



#entete li {

 list-style-type:none;



 padding-left: 1em;
 
 padding-right: 1em;  /*corection pour Firefox,*/

 margin-bottom: 5px;
 
 text-align: right;  /*corection pour Firefox,*/

 

 }



#entete h1 

{     

	text-decoration: none;

	font-size: 2em;

    color: #000099;

	text-align: center;

	

}



 #entete h1 span {

color:#FFFFFF;

}



#entete div#langue {

padding-bottom: 10px;

}



#entete div#langue a img {

border: 0px;



}





 #entete #script{
Float: left;
position: relative;
top: -21px;
margin-bottom: 0px;

}

 #entete  h4 {
 position: relative;
 top: -20px;
 text-decoration: none; 
 padding: 0px; 
 margin: 0px;
}



/*----------MENU----------*/



#menublock {
z-index: 100;
clear: both;
margin: 0px;

padding: -20px;

width: 180px; 

height: 800px;

float: left;

position: relative;

left: -90px;

}



#menublock ul {list-style-type: none;} 



#menublock ul li {margin-bottom: 12px;}



#menublock ul a {

	 font-family: Arial, Helvetica, Geneva, sans-serif;

	 font-weight: bold;

     margin: 20px 2px;

     width: 15em; 

     height: 30px;

     display: block;

     text-align: center;
	 
	 padding-top: 8px;
	 
	 border: 1px solid gray;

     text-decoration: none;

	 font-size: 0.8em;

     color: #3b56B2;

     background: URL(./Images/bouton.png) repeat-x;

	 }

	 

#menublock ul a:hover {

	color: #fff;

     background: #3b5672;

     border: 1px solid gray; 

     }

/* Titre */

#entete #titre {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
font-size: 1em;
Float: right;
position: relative;
right: 0px;
vertical-align: middle;
text-align: center;
background: #ccc;
width: 300px;
height: 30px;
margin: 0px;
padding: 0px;
}


/* Corps */

 #site #corps {

   margin: 10px;

   margin-left: 140px; /* 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 */

   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

   border: 0px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */

   min-height: 30em; /*La hauter minimale du corps à signaler pour firefox; sinon, c'est moche */

}

 #site #corps a.lien   {
 	 font-family: Arial, Helvetica, Geneva, sans-serif;

	 font-weight: bold;

     margin: 20px 2px;

     width: 11em; 

     height: 40px;

     display: block;

     text-align: center;
	 
	 padding-top: 8px;
	 
     text-decoration: none;

	 font-size: 0.8em;

     color: #3b56B2;

     background: URL(./Images/hautg.gif) no-repeat 0% 10%;
 
 }

 #site #corps a:hover.lien {

	color: #ccc;

     background: URL(./Images/hautg.gif) no-repeat 0% -10%;

     }
 
/*------------------Corps  Puces- et Titres ----------------*/

#corps h2{

text-align: center;

font-size: 1em;

text-transform: uppercase;

border: 1px solid #000000;

color: #ffffff;

background: #4b81ae;

}

 #corps h3 {

 font-size: 1em;
 
background:url(./Images/logopuce.png) no-repeat;

background-position: 0% 40%;

line-height: 27px;

padding-left: 30px;

margin-left: 30px;

text-transform: uppercase;

text-align: left;

}



 #corps h4 {

text-decoration: underline;

text-transform: uppercase;

font-size: 0.9em;

}



#corps h5 {

font-size: 1em;

}



#corps table {

border: 0px solid #000000;

}



#corps table li {

border: 0px solid #000000;

font-size: 0.9em;

}





#corps td {

padding-bottom: 30px;

text-align: left;

width: 50%



}



#corps #methode1 {
background: url(./photos/5.png) no-repeat 100% 100%;
}

#corps #methode2 {
background: url(./photos/6a.png) no-repeat 100% 70%;
}

#corps #methode3 {
height: 20em;
background: url(./photos/8.png) no-repeat 100% 70%;
}

#corps #redac {
background: url(./photos/4.png) no-repeat 100% 30%;
}

 #corps ul {

margin-bottom: 20px;

position: relative;

left: -50px;



}



 #corps li {

 font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;

 font-size: 100%;

 color: black;

 list-style-position: outside;

 list-style-type:none;

 background-image:url(./Images/PetitCoche.gif);

 background-repeat:no-repeat;

 background-position:0% 0%;

 padding-left:25px;

 margin-bottom: 10px;

} 


#corps #contact {
background: url(./photos/contact.png) no-repeat 100% 70%;
}


#corps #contact td {

width: 120px;

}



#corps #contact .gauche {

text-align: left;

}



#corps #contact .droite {
width: 200px;
text-align: right;

}



#corps.soustitre {

text-decoration: none;

position: relative;

left: 30px;

}



#corps #contact a {

text-decoration: none;

color: #666666;

}



#corps #contact a:hover {

text-decoration: none;

color: #ffffff;

background: #4b81ae;



}







/* mentions et copyright */

#pied{
z-index: 0;
clear: both;
position: fixed;
bottom: 0px;
background: #4b81ae;
padding-top: 0.2em;
width: 47.5em;
height: 1.5em;

}



#pied a {

text-decoration: none;

text-transform: uppercase;

color: #ffffff;

}



#pied a:hover {

text-decoration: none;

text-transform: uppercase;

color: #000000;

background: #ffffff;



}



#pied p {

text-align: center;

font: italic;

vertical-align: bottom;

font-size: 0.6em;

}