body  { color: #444; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; margin: 0; padding: 0;
		/*background : url(back.gif) repeat-y 50% 0;
		background-color : #dbdbdb;*/
		background: #fff;
	 }



a { color: #444; text-decoration: none; }
a:visited { color: #444; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

a.baspage { color: #444; text-decoration: none; display: inline }
a.baspage:visited { color: #444; text-decoration: none; display: inline }
a.baspage:hover { color: #000; text-decoration: none; display: inline }

#document {
	width:1000px;
	-width:1020px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
}

/* HAUT */
#haut  {
	width: 1000px;
	height: 76px;
	float: left;
	background : url(interface/entete_01.jpg) no-repeat;
}

#haut a { display: block }

#titrehaut { position: absolute; margin: 43px 0 0 170px }
#titrehaut h1 { color: #0C5890; font-size: 160%; font-weight: normal; padding: 0; margin: 0 }


/* CONTENU */
#contenu { float: left; display: inline; width: 730px;  padding: 0px; margin: 0px }	
#contenu h1 { font-size: 130%; color: #ff0000; font-weight: bold; margin: 10px 0 10px 0 }
#contenu h2 { font-size: 120%; color: #ff0000; font-weight: bold; margin: 0 }
#contenu h2.rouge { color: #ff0000; font-size: 130%; line-height: 16px; font-weight: normal; }
#contenu h3 { color: #6799D8; font-size: 120%; line-height: 16px; font-weight: normal; }
#contenu h4 { color: #6799D8; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#contenu h5  { color: #444; font-size: 90%; font-weight: normal; margin: 0 0 0 10px; }

#contenu h4.erreur { color: #ff0000; font-size: 100%; line-height: 16px; font-weight: normal; }

#contenu .plus {
	color: #0C5890; font-size: 110%;
	line-height: 20px;
	font-weight: bold;
}

/* MENU GAUCHE */
#menuG { float: left; width: 270px }
#encartnews { clear: both; float: left; width: 270px; height: 175px; margin : 10px 0 0 0; padding: 0; background : url(interface/fd_news.png) no-repeat; }

/* COLONNE GAUCHE */
#colonneGauche { float: left; width: 300px; margin : 0; padding: 0 }

/* COLONNE CENTRE */
#colonneCentre { float: left; width: 410px; margin : 0; padding: 0  }
#colonneCentre h4  { color: #ff0000; font-size: 100%; font-weight: bold; margin: 5px 0 3px 10px; }
#colonneCentre h5  { color: #444; font-size: 90%; font-weight: normal; margin: 0 0 0 10px; }

/* COLONNE CENTRE */
#colonneCentre2 { float: left; width: 710px; margin : 0 0 0 15px; padding: 0  }
#colonneCentre2 h4  { color: #ff0000; font-size: 100%; font-weight: bold; margin: 5px 0 3px 10px; }
#colonneCentre2 h5  { color: #444; font-size: 90%; font-weight: normal; margin: 0 0 0 10px; }

/* PRODUITS */

#produit1  { background-color: #ffffff; margin-right: 4px; -margin-right:1px; margin-bottom: 2px; margin-top: 2px; float: left; width: 130px;
			height:155px;background: url(interface/cellule.png) no-repeat
 }
#photo1    { float: left; margin: 5px 0 5px 5px; width: 120px }
#texte1    { float: left; text-align: center; margin-top:5px; width: 120px }
#texte1 a  { color: #0C5890; font-size: 90%; line-height:15px }
#texte1 a:visited  { color: #0C5890; font-size: 90%; line-height:15px }
#texte1 a:hover  { color: #ff0000; font-size: 90%; line-height:15px }

/* PRODUITS */

#produit1b  { background-color: #ffffff; margin-right: 4px; -margin-right:1px; margin-bottom: 2px; margin-top: 2px; float: left; width: 230px;
			height:250px;background: url(interface/cellule2.png) no-repeat
 }
#photo1b    { float: left; margin: 5px 0 5px 5px; width: 220px }
#texte1b    { float: left; text-align: center; margin-top:5px; width: 220px }
#texte1b a  { color: #0C5890; font-size: 110%; line-height:15px }
#texte1b a:visited  { color: #0C5890; font-size: 110%; line-height:15px }
#texte1b a:hover  { color: #ff0000; font-size: 110%; line-height:15px }

#liens  { position: relative; float: right; margin: 0px 0px 10px 10px; width: 300px; }
#liens h3 { color: #ff0000; font-size:105%; margin: 5px 0px 0px 0px; padding: 0px }


#photo2    { float: right; margin: 0px 0px 10px 10px; width: 300px; }

/*#photo2 a, a:visited  { color: #ff0000; font-size: 100%; background-color: #e7e7e7; border: solid 5px #e7e7e7; line-height:25px; margin: 5px 5px 5px 0; }
#photo2 a:hover  { color: #fff; font-size: 100%; background-color: #e7e7e7; border: solid 5px #e7e7e7; line-height:25px; margin: 5px 5px 5px 0; }
*/

#texte2   { float: left; margin: 20px 0 0 15px; -margin: 20px 0 0 0px; width:790px }
#texte2 h1 { font-size: 110%; color: #ff0000; font-weight: bold; margin: 0 }
#texte2 p { font-size: 100%; text-align: justify; color: #000; font-weight: normal; line-height: 16px }
#texte2 h3.rouge { color : #ff0000; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 h4.rouge { color : #ff0000; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 h3.noir { color : #0C5890; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 h4.noir { color : #0C5890; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 a { color : #ff0000; font-size: 110%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 a:visited { color : #ff0000; font-size: 110%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 a:hover { color : #0C5890; font-size: 110%; font-weight: normal; line-height: 16px; margin:0px }


#formulaire  { margin-left: 10px; margin-bottom: 5px; margin-top: 5px; float: left; width: 557px; }

/* BAS */
#bas { float: left; width: 1000px; heigth: 40px; padding: 20px 0 20px 0; background: url(interface/baspage.gif) no-repeat }
#bas h2 { color: #ff0000; font-size:110%; font-weight: normal }

/* FORMULAIRE */
form { margin : 0; padding : 0; }

fieldset { border : 0px solid #fff; margin: 0 5px 0 5px; border-style: dotted }

legend {
	color : #fff;
	font-weight : bold;
	font-size : 100%;
	margin : 10px 10px 10px 10px;
	padding : 0;
	width : 100%;
	border-bottom: 1px solid #6E9ABB;
}
input, textarea,select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #e7e7e7;
	padding : 1px 2px;
	margin-left : 8px;
}
p.action input {
	width : auto;
	margin : 0 0 0 300px;
}
form p {
	clear: both;
	margin: 0;
	padding: 1px 0;
}
p label {
	float: left;
	width: 150px;
	margin : 0 0 0 150px;
	text-align: right;
	color : #fff;
	font-weight : normal;
	background: #6E9ABB;
	padding: 3px;
}
p label.no {
	float: left;
	width: 110px;
	margin-bottom : 8px;
	text-align: right;
	color : #ff0000;
	font-weight : normal;
}