html, body { margin: 0; padding: 0; height: 100% }
body { color: #000000; font-size: 12px; line-height: auto;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; margin: auto; padding: 0; left:0;
}
a { color: #1B3D12; text-decoration: none; }
a:visited { color: #1B3D12; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
#document {
width:1024px;
margin : 0 auto;
padding : 0;
text-align: left;
background-color: #fff;
left:0;
height:100%;
/* overflow: auto !important;
/overflow: auto;
-overflow: none;*/
}
/* NAVIGATION */
#Gauche { background : url(interface/bouton.gif) no-repeat; font-size: 12px; float: left; width: 200px; height: 25px }
#Gauche h2 { color: #1B3D12; font-size: 110%; font-weight: normal; margin: 0 0 0 0; padding: 5px 0 0 15px; text-align:left }
#Gauche a { width: 200px; height: 25px; display: block; text-decoration : none; }
#Gauche a:hover { background : url(interface/bouton.gif) no-repeat 0 -25px; width: 200px; height: 25px; display: block; text-decoration : none }
#Gauche a.actif { background : url(interface/bouton.gif) no-repeat 0 -25px; width: 200px; height: 25px; display: block; text-decoration : none }
#Gauche2 { background : url(interface/bouton2.gif) no-repeat; font-size: 12px; float: left; width: 200px; height: 25px }
#Gauche2 h2 { color: #1B3D12; font-size: 110%; font-weight: normal; margin: 0 0 0 0; padding: 5px 0 0 10px; text-align:left }
#Gauche2 a { width: 200px; height: 25px; display: block; text-decoration : none; }
#Gauche2 a:hover { background : url(interface/bouton2.gif) no-repeat 0 -25px; width: 200px; height: 25px; display: block; text-decoration : none }
#Gauche2 a.actif { background : url(interface/bouton2.gif) no-repeat 0 -25px; width: 200px; height: 25px; display: block; text-decoration : none }
#Droite { background : url(interface/bouton2.gif) no-repeat; font-size: 12px; float: left; width: 200px; height: 25px }
#Droite h2 { color: #fff; font-size: 110%; font-weight: normal; margin: 0 30px 0 0; padding: 5px 0 0 0; text-align:right }
#Droite a { color: #fff; width: 200px; height: 25px; display: block; text-decoration : none; }
#Droite a:hover { color: #fff; background : url(interface/bouton2.gif) no-repeat 0 -25px; width: 200px; height: 25px; display: block; text-decoration : none }
#Droite a.actif { color: #fff; background : url(interface/bouton2.gif) no-repeat 0 -25px; width: 200px; height: 25px; display: block; text-decoration : none }
#Droite2 { font-size: 12px; float: left; width: 200px; }
#Droite2 h2 { color: #fff; font-size: 110%; font-weight: normal; margin: 0 30px 0 0; padding: 5px 0 0 0; text-align:right }
#Droite2 a { color: #1B3D12; text-decoration : none; }
#Droite2 a:visited { color: #1B3D12; text-decoration : none; }
#Droite2 a:hover { color: #444; text-decoration : none }
a.sousmenu { color: #1B3D12; font-size: 90%; font-weight: bold; margin: 0px; line-height:25px; text-decoration: none; vertical-align: bottom }
a.sousmenu:hover { color: #1B3D12; font-size: 90%; font-weight: bold; margin: 0px; line-height:25px; text-decoration: underline }
.sousmenu { color: #1B3D12; font-size: 90%; font-weight: bold; margin: 0px; line-height:25px; text-decoration: underline }
#B1 { background : url(interface/haut_01.png) no-repeat; float: left; width: 58px; height: 25px; margin-right: 2px }
#B1 a { width: 58px; height: 25px; display: block; text-decoration : none; }
#B1 a:hover { background : url(interface/haut_01.png) no-repeat 0 -25px; width: 58px; height: 25px; display: block; text-decoration : none }
#B1 a.actif { background : url(interface/haut_01.png) no-repeat 0 -50px; width: 58px; height: 25px; display: block; text-decoration : none }
#B2 { background : url(interface/haut_02.png) no-repeat; font-size: 12px; float: left; width: 105px; height: 25px; margin-right: 2px }
#B2 a { width: 105px; height: 25px; display: block; text-decoration : none; }
#B2 a:hover { background : url(interface/haut_02.png) no-repeat 0 -25px; width: 105px; height: 25px; display: block; text-decoration : none }
#B2 a.actif { background : url(interface/haut_02.png) no-repeat 0 -50px; width: 105px; height: 25px; display: block; text-decoration : none }
#B3 { background : url(interface/haut_03.png) no-repeat; font-size: 12px; float: left; width: 81px; height: 25px; margin-right: 2px }
#B3 a { width: 81px; height: 25px; display: block; text-decoration : none; }
#B3 a:hover { background : url(interface/haut_03.png) no-repeat 0 -25px; width: 81px; height: 25px; display: block; text-decoration : none }
#B3 a.actif { background : url(interface/haut_03.png) no-repeat 0 -50px; width: 81px; height: 25px; display: block; text-decoration : none }
#B4 { background : url(interface/haut_04.png) no-repeat; font-size: 12px; float: left; width: 129px; height: 25px ; margin-right: 2px}
#B4 a { width: 129px; height: 25px; display: block; text-decoration : none; }
#B4 a:hover { background : url(interface/haut_04.png) no-repeat 0 -25px; width: 129px; height: 25px; display: block; text-decoration : none }
#B4 a.actif { background : url(interface/haut_04.png) no-repeat 0 -50px; width: 129px; height: 25px; display: block; text-decoration : none }
#B5 { background : url(interface/haut_05.png) no-repeat; font-size: 12px; float: left; width: 123px; height: 25px ; margin-right: 2px}
#B5 a { width: 123px; height: 25px; display: block; text-decoration : none; }
#B5 a:hover { background : url(interface/haut_05.png) no-repeat 0 -25px; width: 123px; height: 25px; display: block; text-decoration : none }
#B5 a.actif { background : url(interface/haut_05.png) no-repeat 0 -50px; width: 123px; height: 25px; display: block; text-decoration : none }
#B6 { background : url(interface/haut_06.png) no-repeat; font-size: 12px; float: left; width: 85px; height: 25px ; margin-right: 2px}
#B6 a { width: 85px; height: 25px; display: block; text-decoration : none; }
#B6 a:hover { background : url(interface/haut_06.png) no-repeat 0 -25px; width: 85px; height: 25px; display: block; text-decoration : none }
#B6 a.actif { background : url(interface/haut_06.png) no-repeat 0 -50px; width: 85px; height: 25px; display: block; text-decoration : none }
#option1 { background : url(interface/options_01.png) no-repeat; font-size: 12px; float: left; width: 130px; height: 25px ; margin-right: 2px}
#option1 a { width: 130px; height: 25px; display: block; text-decoration : none; }
#option1 a:hover { background : url(interface/options_01.png) no-repeat 0 -25px; width: 130px; height: 25px; display: block; text-decoration : none }
#option2 { background : url(interface/options_02.png) no-repeat; font-size: 12px; float: left; width: 82px; height: 25px ; margin-right: 2px}
#option2 a { width: 82px; height: 25px; display: block; text-decoration : none; }
#option2 a:hover { background : url(interface/options_02.png) no-repeat 0 -25px; width: 130px; height: 25px; display: block; text-decoration : none }
#savoirplus { background : url(interface/savoirplus.png) no-repeat; font-size: 12px; float: left; width: 90px; height: 35px ; margin-right: 2px}
#savoirplus a { width: 90px; height: 35px; display: block; text-decoration : none; }
#savoirplus a:hover { background : url(interface/savoirplus.png) no-repeat 0 -35px; width: 90px; height: 35px; display: block; text-decoration : none }
#savoirplus a.actif { background : url(interface/savoirplus.png) no-repeat 0 -35px; width: 90px; height: 35px; display: block; text-decoration : none }
#savoirplus2 { background : url(interface/savoirplus2.png) no-repeat; font-size: 12px; float: left; width: 41px; height: 35px ; margin-top: 5px}
#savoirplus2 a { width: 41px; height: 35px; display: block; text-decoration : none; }
#savoirplus2 a:hover { background : url(interface/savoirplus2.png) no-repeat 0 -35px; width: 41px; height: 35px; display: block; text-decoration : none }
#savoirplus2 a.actif { background : url(interface/savoirplus2.png) no-repeat 0 -35px; width: 41px; height: 35px; display: block; text-decoration : none }
#envoyer { background : url(interface/envoyer.png) no-repeat; font-size: 12px; float: left; width: 90px; height: 35px ; margin-right: 2px}
#envoyer a { width: 90px; height: 35px; display: block; text-decoration : none; }
#envoyer a:hover { background : url(interface/envoyer.png) no-repeat 0 -35px; width: 90px; height: 35px; display: block; text-decoration : none }
#envoyer a.actif { background : url(interface/envoyer.png) no-repeat 0 -35px; width: 90px; height: 35px; display: block; text-decoration : none }
/* HAUT */
#haut {
width: 1024px;
height: 200px;
float: left;
background : url(interface/entete.jpg) no-repeat;
}
#hautimp {
width: 824px;
height: 92px;
float: left;
border-bottom: 1px solid #1B3D12;
-margin-bottom:-9px;
}
#entete { margin: 30px 0 0 540px; }
#entete .titre { color: #1b3d12; font-size: 325%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 50px }
#entete .soustitre { color:#1B3D12; font-size:135%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height:20px }
#entete h1 { color:#1B3D12; font-size:110%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height:20px }
#enteteimp { margin: 35px 0 0 0; }
#enteteimp .titre { color:#1B3D12; font-size:270%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height:20px }
#enteteimp .soustitre { color:#1B3D12; font-size:120%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; margin-left:25px; line-height:20px }
#enteteimp h1 { color:#1B3D12; font-size:110%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height:20px }
/* COLONNE GAUCHE */
#colonneGauche { margin: 0; padding: 0; width: 200px; float: left; background: url(interface/rub_02.gif) repeat-y }
#colonneGauche h2 { color: #1B3D12; font-size: 110%; font-weight: normal; }
/* CONTENU */
#contenu { margin: 0; padding: 0; width: 624px; float: left; background: url(interface/rub2_02.gif) repeat-y }
#contenu h1 { color: #1B3D12; font-size: 140%; font-weight: normal; line-height: 18px }
#contenu h2 { color: #1B3D12; font-size: 120%; font-weight: normal; line-height: 28px }
#contenu h3 { color: #ff8400; font-size: 120%; font-weight: normal; }
#contenu h3.rouge { color: #ff0000; font-size: 100%; font-weight: normal; }
#contenu h3.vert { color: #21B928; font-size: 100%; font-weight: normal; }
#fil { float:left; width:624px; height:38px;
padding: 0 0 0 20px !important;
/padding: 0;
-padding: 0;
margin: 0;
}
#contenu .plus { color: #86EDBC; font-size: 115%; line-height: 16px; font-weight: bold; }
#contenu .plus2 { color: #34825E; font-size: 115%; line-height: 16px; font-weight: bold; }
/* LISTING PRODUITS */
#vignette { clear: both; float: left; width: 570px; margin: 0; padding: 5px; background: url(interface/fdcel1.gif) bottom left no-repeat }
#vignette h1 { color: #1B3D12; font-size: 110%; font-weight: normal; }
#vignette h2 { color: #34825E; font-size: 100%; font-weight: normal; }
#vignette h2.orange { color: #FF8400; font-size: 120%; font-weight: normal; line-height: 22px; margin: 0; padding: 0 }
#vignette h2.jaune { color: #1B3D12; background-color: #FFE600; font-size: 120%; font-weight: normal; line-height: 22px; margin: 0; padding: 3px 5px 1px 4px }
#vignette h3.orange { color: #FF8400; font-size: 90%; font-weight: normal; }
#vignette p { color: #1B3D12; font-size: 90%; font-weight: normal; }
/* PRODUIT SEUL */
#detail { clear: both; float: left; width: 570px; margin: 0; padding: 5px; }
#detail h1 { color: #34825E; font-size: 140%; font-weight: normal; }
#detail h2 { color: #34825E; font-size: 130%; font-weight: normal; margin: 0; padding: 0 }
#detail h2.orange { color: #FF8400; font-size: 130%; font-weight: normal; line-height: 22px; margin: 0; padding: 0 }
#detail h2.jaune { color: #1B3D12; font-size: 130%; font-weight: normal; line-height: 22px; margin: 0; padding: 3px 5px 1px 4px }
#detail h3 { color: #34825E; font-size: 120%; font-weight: normal; }
#detail h3.orange { color: #FF8400; font-size: 100%; font-weight: normal; }
#detail h3.vert { color: #21B928; font-size: 100%; font-weight: normal; }
#detail p { color: #1B3D12; font-size: 100%; font-weight: normal; }
/* BAS */
#bas { float: left; width: 924px; heigth: 40px; padding: 40px 50px 20px 50px; color: #444; text-align: center }
/* COLONNE DROITE */
#colonneDroite { float: right; width: 200px; margin: 0; padding: 0; background: url(interface/rub3_02.gif) repeat-y }
#nouv { clear: both; width: 180px; margin: 0 0 0 10px; padding: 15px 0 0 0 }
#nouv h1 { font-size: 110%; color: #FF8400; margin:0; padding: 0 }
#nouv h2 { font-size: 100%; font-weight: bold; margin:0; padding: 0 }
/* FORMULAIRE */
form { margin : 0; padding : 0; }
fieldset { border : 0px solid #1B3D12; }
legend {
color : #1B3D12;
font-weight : bold;
font-size : 100%;
margin : 0px 0 0 10px;
padding : 0;
width : auto;
border-bottom : 1px solid #1B3D12;
}
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: #E6F3E6;
padding : 1px 2px;
margin-left : 8px;
}
p.action input {
width : auto;
color : #1B3D12;
border-color : #1B3D12;
margin : 0 100px;
}
form p {
clear: both;
margin: 0;
padding: 2px 0;
}
p label {
float: left;
width: 100px;
margin-bottom : 8px;
text-align: right;
color : #1B3D12;
font-weight : normal;
}
p label.no {
float: left;
width: 100px;
margin-bottom : 8px;
text-align: right;
color : #ff0000;
font-weight : normal;
}