body  { color: #444; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; margin: 0; padding: 0;
		background-color : #fff;
	 }

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: 131px; float: left; background : url(interface/AM_01.jpg) no-repeat; margin:0; padding: 0 }
#haut2 { width: 1024px; height: 35px; float: left; background : url(interface/AM_02.jpg) no-repeat; margin:0; padding: 0 }

/* CONTENU */
#contenu { float: left; width: 1024px; padding:2px 0 0 0; margin: 0px; background : url(interface/AM_03.jpg) no-repeat; }

#contenu ol li { list-style-type: decimal; text-align: justify; }
#contenu ol.vert li    { list-style-type: decimal; color: #8C9E01; text-align: justify; }
#contenu ol.puce li  { text-align: justify; list-style-type: disc; }

#contenu h1 { color: #8C9E01; font-size: 140%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#contenu h2 { color: #8C9E01; font-size: 130%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#contenu h3 { color: #8C9E01; font-size: 120%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#contenu h4 { color: #754E14; 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: #8C9E01; font-size: 120%;
	line-height: 16px;
	font-weight: bold;
}

#contenu .moins {
	color: #8C9E01; font-size: 90%;
	line-height: 14px;
	font-weight: bold;
}

#titre { height:30px }

#soustitre { float: left; height:40px; width:794px; }
#soustitre h1 { font-size: 110%; color: #fff; font-weight: normal; margin: 14px 5px 0 15px }

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

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

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

#caddie { float:left; width:200px; padding:5px; }
#caddie h2 { color: #8C9E01; font-size: 120%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie h3 { color: #8C9E01; font-size: 110%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie a, a:visited { color: #444; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#caddie a:hover { color: #8C9E01; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }

#compte { float:left; width:200px; background: url(interface/compte_03.gif) repeat-y; margin-left: 6px }
#compte h2 { color: #000; font-size: 120%; line-height: 16px; font-weight: normal; margin:0 0 0 15px; padding:0 }
#compte h3 { color: #000; font-size: 100%; line-height: 16px; font-weight: normal; margin:0 0 0 15px; padding:0 }
#compte h4.rouge { color: #ff0000; font-size: 90%; line-height: 16px; font-weight: normal; margin:0 0 0 15px; padding:0 }
#compte h4.vert { color: #2FA520; font-size: 90%; line-height: 16px; font-weight: normal; margin:0 0 0 15px; padding:0 }
#compte a, #compte a:visited { color: #000; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }
#compte a:hover { color: #ADC301; font-size: 100%; line-height: 16px; font-weight: normal; margin:0; padding:0 }

#menuG { float:left; width:200px; background: url(interface/menuG_03.gif) repeat-y; margin-left: 6px }
#menuG h2 { color: #8A9512; font-size: 120%; line-height: 27px; font-weight: bold; margin:0 0 0 8px; padding:0 }
#menuG h3 { color: #000; font-size: 100%; line-height: 16px; font-weight: normal; margin:0 0 0 15px; padding:0 }
#menuG a, #menuG a:visited { color: #000; font-size: 100%; line-height: 16px; font-weight: normal; margin:0 0 0 25px; padding:0; border-bottom: 1px solid #e7e7e7; display: block }
#menuG a:hover { color: #ADC301; font-size: 100%; line-height: 16px; font-weight: normal; margin:0 0 0 25px; padding:0; border-bottom: 1px solid #e7e7e7 ; display: block }

/* COLONNE DROITE */
#colonneDroite { float: right; width: 178px; -margin : 0 -15px 0 -15px ; }
#colonneDroite h3 { color: #8C9E01; font-size: 120%; line-height: 16px; font-weight: normal; }
#colonneDroite h4  { color: #754E14; 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; }

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

/* PRODUITS */

#produit1  { background-color: #ffffff; border:1px solid #754E14; margin-left: 4px; -margin-left: 3px; margin-bottom: 2px; margin-top: 2px; float: left; width: 790px; }
#photo1    { float: left; width: 140px; margin-top: 10px; }
#texte1    { float: left; width: 600px; margin-top: 10px }
#texte1 a  { color: #754E14; font-size: 100%; line-height:16px }
#texte1 a:hover  { color: #ADC301; font-size: 100%; line-height:16px }
#loupe    { float: left; width: 50px; margin-top: 10px; }

#produit1b  { background-color: #ffffff; background: url(interface/fd_prod.gif) no-repeat; margin-left: 4px; -margin-left: 3px; margin-bottom: 2px; margin-top: 2px; float: left; width: 200px; height: 250px }
#photo1b    { float: center; width: 190px; margin: 10px 5px 0 5px; text-align: center }
#texte1b    { float: center; width: 190px; margin: 10px 5px 0 5px; text-align: center }
#texte1b a  { color: #754E14; font-size: 100%; line-height:16px }
#texte1b a:hover  { color: #ADC301; font-size: 100%; line-height:16px }
#loupe    { float: left; width: 50px; margin-top: 10px; }

#total  { background-color: #ffffff; border:1px solid #754E14; margin-bottom: 2px; float: left; width: 760px; text-align: left }
#photo_total    { float: left; width: 130px; }
#texte_total    { float: left; width: 170px; margin-top: 10px }
#texte_total a  { color: #754E14; font-size: 100%; line-height:16px }
#texte_total a:hover  { color: #ADC301; font-size: 100%; line-height:16px }
#loupe_total    { float: left; width: 50px; margin-top: 10px; }
#tableau_total    { float: left; width: 460px; margin-top: 10px }

#total2  { background-color: #ffffff; border:1px solid #754E14; margin-bottom: 2px; float: left; width: 760px; text-align: left }
#photo_total2    { float: left; width: 130px; }
#texte_total2    { float: left; width: 170px; margin-top: 10px }
#texte_total2 a  { color: #754E14; font-size: 100%; line-height:16px }
#texte_total2 a:hover  { color: #ADC301; font-size: 100%; line-height:16px }
#loupe_total2    { float: left; width: 50px; margin-top: 10px; }
#tableau_total2    { float: left; width: 460px; margin-top: 10px }

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

#produit2  { margin: 5px 0 5px 0; float: left; width: 790px; border: 0px solid #ADC301; }
#produit2 a  { color: #8C9E01; font-size: 100%; line-height:18px; text-decoration: underline }
#produit2 a:hover  { color: #754E14; font-size: 100%; line-height:18px; text-decoration: underline }

#photo2    { position: relative; float: right; margin: 0px 0px 10px 10px; width: 300px; }
#photo2 a  { color: #754E14; 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; width: 607px }
#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; width: 450px }
#texte2 h1 { font-size: 110%; color: #754E14; 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 : #8C9E01; font-size: 160%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 h4.noir { color : #8C9E01; font-size: 120%; font-weight: normal; line-height: 16px; margin:0px }

#texte2 a, a:visited { color : #8C9E01; font-size: 110%; font-weight: normal; line-height: 16px; margin:0px }
#texte2 a:hover { color : #000; 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: #754E14; font-size: 80%; text-transform: uppercase; text-decoration: none; }
#hautdepage a.hover { color: #754E14; font-size: 80%; text-transform: uppercase; text-decoration: none; }
#hautdepage h5 { color: #754E14; font-size: 80% }

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

/* ONGLETS */

#onglet  { float :left; border-top: 2px solid #8D9615;border-left: 2px solid #8D9615;border-right: 2px solid #8D9615;
			height: 20px; text-align: center; line-height: 20px; margin: 0 0 0 1px; padding: 0;  }

#onglet a, a:visited, a:hover { color:#8D9615; font-size:100% }
#onglet a.actif, a.actif:visited, a.actif:hover { color:#fff; font-size:100% }

/* CARACTERISTIQUES */

#caracteristiques  { clear: both; background: url(../2008b/interface/carac_02.gif) repeat-y; margin: 0 0 0 4px; float: left; width: 786px; }
#caracteristiques h2 { color:#000; font-weight: bold; padding: 0; margin: 0 }
#caracteristiques h3 { color:#000; font-weight: normal; padding: 0; margin: 0; font-size: 12px }

/* BAS */
#bas { width: 1024px; height: 50px; float: left; background : url(interface/AM_05.jpg) no-repeat; }

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

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

legend {
	color : #754E14;
	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: #EFF3CC;
	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;
}