@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------------
Gestion des colonnes et du bandeau
---------------------------------------------------------------*/
/*Le bandeau*/
div#bandeau {
/*clear: both de div#bandeau
garantit que les blocs latéraux avec float 
n'empi�tent pas sur l'en-tête de page*/
    clear: both;
	width: 900px;
    height: 250px;
    background-color:transparent;
    padding: 0px;
	margin:0px;
}
/*La colonne de gauche*/
div#colonnegauche {
	/*Sans propriétés spécifiques, les blocs se positionnent les uns sous les autres.
En utilisant la propriété float, les blocs se positionnent les uns à coté des autres
ici alignement à gauche du bloc*/
    float: left;
	width: 210px;
	background-color:transparent;
}
/*La colonne de droite*/
div#colonnedroite {
	/*Sans propriétés spécifiques, les blocs se positionnent les uns sous les autres.
En utilisant la propriété float, les blocs se positionnent les uns à coté des autres
ici alignement à droite du bloc*/
    float: right;
	width: 210px;
	background-color:transparent;
}
/*La colonne centrale*/
div#colonnecentre {
/*La propriété padding permet de définir les retrait gauche et droite
de sorte à laisser de la place pour les colonnes latérales d'une largeur fixe de x px,
tout en laissant un espacement supplémentaire de 10 px*/
	padding: 0px 230px 5px 150px;
    margin: 10px;
    background-color:transparent;
}
/*Création d'un bloc de news en haut à droite de contenu*/
div#animproduit {
	float:right;
	width:250px;
	height:200px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color:transparent;
	}

/*-------------------------------------------------------------
Gestion générale de la page
---------------------------------------------------------------*/
body {
	/*Famille de police pour l'ensembl du site*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000099;
	background-color: #CCCCCC;
	/*largeur du site*/
		width:900px;
	position: relative;
	/*Mise en place des marges*/
	margin-left: auto;
	margin-right: auto;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #0467CD;
	text-align: left;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #0467CD;
	text-align: left;
}

/*Mise en forme des sélecteurs propriétaires*/

.textePiedDePage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #0467CD;
}

/*--------------------------------------------------------------------------
Gestion du menu
--------------------------------------------------------------------------*/
.menu{
	position:absolute;
	/*Taille largeur et hauteur*/
	width:140px;
	height:200px;
	font: bold 12px Arial;
	left: 14px;
	top: 262px;
}	
.menu ul{
	margin: 0;
	padding: 0;
	float: left;
	/*largeur du menu dans le div */
	width: 140px;
	border-top-width: 0px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #564c66;
	border-right-color: #564c66;
	border-bottom-color: #564c66;
	border-left-color: #564c66;

}
.menu ul li{
/*efface la puce*/
	list-style-type:none;
	padding:5px;
	background:url(boutonfond.jpg) center center repeat-x;	
}
.menu ul li a {
	width:100%;
	padding:4px;
	/*efface le soulignement du lien*/
	text-decoration:none;
}
.menu ul li a:visited{
	color: #0467CD;
}
.menu ul li a:hover{
	/*Couleur du texte de l'item au survol*/
	color: #660000; 
	} 
/*--------------------------------------------------------------------------
Gestion du formulaire
--------------------------------------------------------------------------*/
legend{
	/*Si couleur de fond dans le fieldset
	La couleur de fond est décalée par rapport
	a l'encadrement de legend sous IE pour contourner
	mettre le titre du bloc en position absolut et
	le fieldset en position relative puis
	faire une marge négative en haut de 6px
	pour compenser le décalage de IE*/
	position:absolut;
	margin-top:-10px;
	color: #CCCCCC;
	background-color:#FAF1D8;
	font-size:18px;
}
/*Couleur du bloc*/
fieldset{
	/*Pour compenser le décalage d'affichage sous IE*/
	position:relative;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	background-color:#FCFFFC;
}
/*Definition du bouton valider*/
#submit{
	<span class=“code-object”>float</span>:left;
	width:70px ;
	border:1px solid black ;
	background-color:#FFCC00;
}