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

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

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

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


/* CONTENU */
#contenu { float: left; width: 800px; padding:5px 0px 10px 10px }

#contenu h1 { color: #A46D6D; font-size: 180%; line-height: 16px; font-weight: normal; }
#contenu h3 { color: #A46D6D; font-size: 120%; line-height: 16px; font-weight: normal; }
#contenu h4 { color: #A46D6D; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }

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

#contenu .plus {
	color: #A46D6D; font-size: 100%;
	line-height: 16px;
	font-weight: bold;
}

#cadre { width: 550px; border: 1px solid #444 }
#demicadre { width: 225px; border: 1px solid #444 }

/* COLONNE GAUCHE */
#colonneGauche { float: left; width: 200px; }
#colonneGauche h3 { color: #46423F; font-size: 110%; line-height: 16px; font-weight: normal; margin:0 0 0 10px; padding:0 }

#caddie { float:left; width:200px; background: url(interface/fdcaddie.gif) repeat-y; padding:5px; }
#caddie h2 { color: #46423F; font-size: 120%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie h3 { color: #46423F; font-size: 110%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie a, a.visited { color: #46423F; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie a.hover { color: #000000; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }

#compte { float:left; width:190px; padding:5px; background-color: #C28E8E }
#compte h2 { color: #fff; font-size: 120%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#compte h3 { color: #fff; font-size: 110%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#compte a, a:visited { color: #fff; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#compte a:hover { color: #46423F; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }

/* COLONNE DROITE */
#colonneDroite {
	float: right;
	width: 238px;
	-margin : 0 -15px 0 -15px ;
}

#colonneDroite1 {
	float: right;
	width: 238px;
	background: url(interface/fdactu2_02.gif) repeat-y;
	-margin : 0 -15px 0 -15px ;
}

#colonneDroite2 {
	float: right;
	width: 238px;
	-margin : 0 -15px 0 -15px ;
}

#colonneDroite h4  {
	color: #A46D6D; font-size: 100%;
	font-weight: bold;
	margin: 5px 0 3px 10px;
}

#colonneDroite h5  {
	color: #444; font-size: 90%;
	font-weight: normal;
	margin: 0 0 0 10px;
}

#agenda {
	width: 180px;
	border-top: 1px solid #e7e7e7;	
	margin: 0 0 7px 20px;
}

/* PRODUITS */

#produit1  { background-color: #ffffff; border:1px solid #A46D6D; margin-left: 4px; margin-bottom: 2px; margin-top: 2px; float: left; width: 175px; }
#photo1    { margin-top: 10px; }
#texte1    { height: 40px; text-align: center; margin-top:0px }
#texte1 a  { color: #46423F; font-size: 100%; background-color: #ffffff; border: solid 5px #ffffff; line-height:18px }
#texte1 a:hover  { color: #A46D6D; font-size: 100%; margin: 5px; background-color: #ffffff; border: solid 5px #ffffff; line-height:18px }

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

#produit2  { margin: 5px 0 5px 0; float: left; width: 557px; border: 0px solid #46423F; }

#photo2    { position: relative; float: right; margin: 0px 0px 10px 10px; width: 300px; }
#photo2 a  { color: #A46D6D; 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; }

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

#texteaccueil   { float: left; background: url(interface/fdtitre.jpg) no-repeat; width: 557px }
#texteaccueil h1 { font-size: 110%; color: #fff; font-weight: bold; margin: 14px 5px 0 15px }
#texteaccueil p { font-size: 100%; text-align: justify; color: #000; font-weight: normal; line-height: 16px }
#texteaccueil h5 { font-size: 100%; text-align: justify; color: #4A841C; font-weight: normal; line-height: 16px }
#photoaccueil    { position: absolue; float: right; }

#texte2   { float: left; background: url(interface/fdtitre2.jpg) no-repeat; width: 247px }
#texte2 h1 { font-size: 110%; color: #A46D6D; font-weight: bold; margin: 14px 5px 0 15px }
#texte2 p { font-size: 100%; text-align: justify; color: #000; font-weight: normal; line-height: 16px }
#basproduit  { margin-bottom: 0px; margin-top: 5px; padding-top: 10px; float: left; width: 247px; height: 50px; }

#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 : #46423F; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 h4.noir { color : #46423F; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }

#texte2 a, a:visited { color : #58BC4B; font-size: 110%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 a:hover { color : #46423F; font-size: 110%; font-weight: normal; line-height: 16px; margin:0px }


#hautdepage  { margin: 5px 0 5px 20px; padding-top: 10px; float: left; width: 557px; height: 20px; }
#hautdepage a { color: #A46D6D; font-size: 80%; text-transform: uppercase; text-decoration: none; }
#hautdepage a.hover { color: #A46D6D; font-size: 80%; text-transform: uppercase; text-decoration: none; }
#hautdepage h5 { color: #A46D6D; font-size: 80% }

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

/* BAS */
#bas { float: left; width: 1024px; heigth: 40px; }

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

fieldset { border-width : 1px solid #444; }

legend {
	color : #A46D6D;
	font-weight : bold;
	font-size : 100%;
	margin : 10px 10px 10px 10px;
	padding : 0;
	width : auto;
}
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: #F5EDED;
	padding : 1px 2px;
	margin-left : 8px;
}
p.action input {
	width : auto;
	margin : 0 0 0 250px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
p label {
	float: left;
	width: 220px;
	margin-bottom : 8px;
	text-align: right;
	color : #444;
	font-weight : normal;
}
p label.no {
	float: left;
	width: 110px;
	margin-bottom : 8px;
	text-align: right;
	color : #ff0000;
	font-weight : normal;
}