<!--
body {
	background-image: url(../images/home/bg00.gif);
	margin: 0; /* pour éviter les marges */ 
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #FF9900;
}
a:active {
	text-decoration: none;
	color: #FF9900;
}


/* 		FORMULAIRE
-------------------------------------------------------- */

#formulaire{
	top:10px;
	position: relative; /* on positionne le conteneur */ 
	margin-left: auto; 
	margin-right: auto; 
	width:600px;
	z-index:100;
	text-align: left; /* on rétablit l'alignement normal du texte */ 
}

#formulaire p{
	margin: 0px 5px 0px 5px;	/* haut droite bas gauche */
	padding: 0px 0px 0px 0px;
	padding-left: 105px; /* largeur colonne contenant les labels */
	font-size:12px;
	color:#3366CC; /*bleu */
}
#formulaire legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF3300;	/*rouge*/
}

#formulaire label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	float: left;
	margin-left: -100px; /*largeur colonnes gauches*/
	width: 170px; /*largeur colonnes. Should be smaller than left column (80px) to create some right margin*/
}

#formulaire input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 150px;
}

#formulaire textarea{
	width: 350px;
	/*height: 150px;*/
}

#accueil {
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight: bold;
}
#accueil .rouge{
	color:#FF3300;	/*rouge*/
}
#programme{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color:#3366CC; /*bleu */
	padding: 20px 0px 0px 10px;	/* haut droite bas gauche */
}
#options{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3366CC; /*bleu */
	font-weight: bold;
	text-align:center;
	padding: 30px 90px 0px 90px;	/* haut droite bas gauche */
}
#options span{
	border-bottom: #3366CC 1px dotted; /* pointillés */
	
}

.produits{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0px 0px 0px 0px;	/* haut droite bas gauche */
}
.prix {
	color:#FF6600; /*orange */
	font-weight: bold;
}

.voirpanier{
	height:35px;
	border-top: #3366CC 2px dotted; /* pointillés */
	padding: 20px 0px 0px 0px;	/* haut droite bas gauche */
}
.texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	padding: 10px 0px 0px 0px;	/* haut droite bas gauche */
}
.textepaypal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	padding: 30px 0px 0px 0px;	/* haut droite bas gauche */
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
	margin-left: 3px;
}
.bouton {
	margin: 10px 0px 0px 65px;	/* haut droite bas gauche */
}

.bouton input[type="submit"]{
	background:#997F26;	/* ocre */
	color:#FFFFFF; /* blanc */
	margin: 10px 0px 0px 65px;	/* haut droite bas gauche */
}
.bouton input[type="submit"]:hover{
	background:#997F26;	/* ocre */
	color:#006699;	/* bleu */
	margin: 10px 0px 0px 65px;	/* haut droite bas gauche */
	cursor: pointer;
}

#corpsForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#006699;	 /* noir */
	color:#FFFFFF;	/*ocre */
}
#corpsForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #FFF;
	color:#ff3300;	/*rouge */
}