/* Ce fichier contient tous les paramêtre pour la mise en forme des blocs principal de la mise en page  taille hauteur, largeur, bordure, marge droite et gauche , image de fond, couleur de fond.

Si non certain paramêtre ce trouve directement sur les page pour eviter la confusion des bloc
*/


#logo{
width : 200px;
height : 100px;
margin-left : 15px;
margin-top : 20px;
float : left;
background : url(images/logo.jpg) no-repeat; /* no repeat sert a ne pas repêter l'image si elle est trop petite */

}
#pub{
float:right;
width:468px;
height:60px;
margin : 10px;

}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image:url("images/fond.gif");
}
#header {
width: 1024px;
height: 150px;
background-image:url("images/header.gif");
border-top:2px solid #F0F0F0;
border-bottom:2px dotted #F0F0F0;
margin-bottom: 30px;
}
#menuhaut {
height: 30px;
background-image:url("images/fond.gif");
text-align:center;
padding:5px;

}
#conteneur {
position: relative;
width: 1024px;
margin: 0 auto; 
background-color:#FF00FF;
}
#centre {
height: 550px;
background-image:url("images/fond.gif");
margin-left: 210px;
margin-right: 190px;
margin-top: 20px;
margin-bottom: 10px;
border-left:2px dotted #F0F0F0;
border-right:2px dotted #F0F0F0;
color:#F0F0F0;
text-align:center;
padding: 5px;
}

#menugauche {
position: absolute;
left:-30px;
width: 230px;
margin-top: 40px;
margin-bottom: 10px;
margin-right: 5px;
	}

#menudroite {
position: absolute;
right:10px;
width: 210px;
margin-top: 40px;
margin-bottom: 10px;
margin-left: 5px;
	}
#pied {
height: 30px;
background-image:url("images/fond.gif");
text-align:center;
border-top:2px dotted #F0F0F0;
color:#F0F0F0;
}
#pied a{color:#F0F0F0;text-decoration: none;} #pied a:hover{color:#FF00FF;text-decoration: none;}

.menuhaut  li{
list-style: none;
display: inline;
padding : 0 3em;

}

.menuhaut  a{
margin: 0 2px;
color: #FF00FF;
text-decoration: none;
background-color: #F0F0F0;
border: 2px solid #FF00FF;
padding:2px 30px;
}

.menuhaut  a:hover{
text-decoration: none;
color:#F0F0F0;
background-color: #FF00FF;
border-style: outset;
}

	
#menugauche li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;

	}	
	
#menugauche li a:link, #menugauche li a:visited {
	color: #666;
	display: block;
	background:  url(images/menugauche.gif);
	padding: 10px 0 0 35px;
	}
	
#menugauche li a:hover {
	color: #FF00FF;
	background:  url(images/menugauche.gif) 0 -32px;
	padding: 10px 0 0 35px;
	}
#menugauche ul
{
  list-style-type: none;
}

#menudroite li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;

	}	
	
#menudroite li a:link, #menudroite li a:visited {
	color: #666;
	display: block;
	background:  url(images/menudroite.gif);
	padding: 10px 0 0 5px;
	}
	
#menudroite li a:hover {
	color: #FF00FF;
	background:  url(images/menudroite.gif) 0 -32px;
	padding: 10px 0 0 5px;
	}
#menudroite ul
{
  list-style-type: none;
}
p {margin: 0 0 10px 0;}
.Style1 {color: #FF9900;	font-weight: bold; text-align: center;} /*pour le formulaire de partenaire*/