/*special pour le formulaire */
h4
{
	text-decoration: underline;
	color: #00078a;
	margin:0px;
	margin-left: 10px;
	font-size: 1.4em;
	
}
fieldset
{
	padding: 5px;
	border: none;
    margin-bottom: 5px; /* Une marge pour séparer les fieldset */  
}

h5/* On met un peu plus en valeur les titres des fieldset */
{
	margin-top: 5px;
	padding-top:5px;
    font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
    color: #FF9933;
    font-weight: bold;
	font-size: 1.4em;
}

input, textarea
{
    font-family: "Comic Sans MS","Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand on clique  sur un champ (ne marche pas sur IE) */
{
    background-color: #AABB99;
}

label
{
    color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

body
{
	width: 850px;
    padding: 5px;
	margin : auto;
    margin-bottom: 10px;   
    background-image: url("../imageweb/bgg.gif");
	height: auto;
	min-height: 650px;
	font-family: "Comic Sans MS", Arial, "Arial Black", Georgia, "Times New Roman", Times, serif; 
}

#en_tete
{
	background-image: url("../imageweb/banniere2.jpg");
	    width: 850px;
    height: 210px;
    background-repeat: no-repeat; 
	margin-top: 10px;
}

#menu
{
    	float: left; 
    	width: 142px; 
   	margin : 0px;
	padding-right : 2px;
	padding-left : 0px;
	font-size : 1 em;

}

#haut_menu
{
	margin: 0px;
	padding : 0px;
}

#element_menu
{
    	margin-top: 0px;
	margin-bottom: 0px;
    	background-color: #E6E8D3;
    	background-image: url("../imageweb/bgf.gif");
    	border-left: 2px solid black;
    	border-right: 2px solid black;
	padding: 0px;
}

#bas_menu
{
	margin: 0px;
	padding : 0px;
}

.haut_menu
{
	margin: 0px;
	padding : 0px;
}

.element_menu
{
    	margin-top: 0px;
	margin-bottom: 0px;
    	background-color: #E6E8D3;
    	background-image: url("../imageweb/bgf.gif");
    	border-left: 2px solid black;
    	border-right: 2px solid black;
	padding: 0px;
}

.bas_menu
{
	margin: 0px;
	padding : 0px;
}

/*le php*/
.echo
{
	color: green;
	font-weight: bold;
	font-style: italic;
}
#centre
{
	width: 700px;
	padding: 0px;
	padding-right : 0px;
	float : right;
	margin: 0px;
}
.centre
{
	width: 700px;
	padding: 0px;
	padding-right : 0px;
	float : right;
	margin: 0px;
}

#haut_corp
{
	margin-bottom: -5px;  /* Cherches sur le net un truc permettant, si c'est IE, de mettre -5px et si c'est Firefox, de mettre -25px */
}


#corps
{


	padding-bottom: 10px;
    	padding-top: 0px;
	min-height: 650px; 
   	height: auto;
	width:696px;
   	text-align: justify;
   	background-color: #E6E8D3;
background-image: url("../imageweb/bgf.gif");
   	margin-bottom: 0px;
	margin-right : 0px;
   	border-left: 2px solid black; 
   	border-right: 2px solid black;
}

#bas_corp
{
	margin: 0px;
	padding: 0px;
}

table
{
	text-align:center;
	width:688px;
	margin : auto;
	margin-bottom:15px;

}

#pied_de_page
{
	line-height:25px;/*pour centrer au mieux le texte par rapport à IE et firefox**/
	padding-bottom: 10px;/*pour centrer au mieux le texte par rapport à IE et firefox**/
	height: 50px;
	clear: both;
	text-align: center;	
	color: #4A516D;
   	width: 850px;
	background-image: url('../imageweb/flou.jpg');  
	border: 2px double black;/*bordure double de 2 pixels noir*/
	
}

.pbt{
	clear:both;
	width:420px;
	
	padding-left:8px;
	padding-top:1px;
}

p
{
	text-indent: 10px;
	padding-left	:15px;
	padding-right	:15px;
}

.element_menu h3 
{    
    color: #00078a;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
    margin-top: -5px;
    margin-right : 0px;
   
}
.coord ul
{
list-style-type:none;
}
.element_menu ul
{
   list-style-image: url('../imageweb/motif.png');
    padding: 0px;
    padding-left: 20px; 
    margin: 0px; 
}

.element_menu a 
{
	text-decoration: none;
    	color: #00078a;
}

.element_menu a:hover 
{
	font-style:oblique;
	/*font-weight: bold;*/
   	/*background-color: #E6E8f3;*/
    	color: #5D879F;
}

#element_menu h3 
{    
    color: #351d78;/*00078a*/
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    text-align: center;
    margin-top: -5px;
    margin-right : 0px;
   
}

#element_menu ul
{
    list-style-image: url('../imageweb/motif.png');
    padding: 0px;
    padding-left: 20px; 
    margin: 0px; 
}

#element_menu a 
{
	text-decoration: none;
    	color: #351d78; /*00078a;*/
}

#element_menu a:hover 
{
	font-style:oblique;
	/*font-weight: bold;*/
   	/*background-color: #E6E8f3;*/
    	color: #5D879F;
}
a:visited 
{
   color: #5D870F;
}

li
{
padding-right	:15px;
}
h6
{
margin-left:10px;
}
h3
{
	color: #5D879F;
	padding-left	:10px;
}

#corps h1 
{
	padding-top: 0px;
	margin-top: 0px;
	color: #00078a;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	margin-left : 0px;
}
.imageflottante/* balise  img src class="imageflottante"*/
{
	margin-left : 0px;
	margin-right:5px;
	float: left;
}
.imageflottantedroite/* balise  img src class="imageflottantedroite pour ma signature de news"*/
{
	margin-left : 5px;
	margin-right:0px;
	float: right;
}