html, body { margin: 0; padding: 0; height: 100% }
body { color: #000000; font-size: 12px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-align: center; margin: auto; padding: 0; left:0;
}
a { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #1D1752; text-decoration: none; }
#document {
width:320px;
margin : 0;
padding : 0;
text-align: left;
background-color: #006599;
left:0;
height:100%;
/* overflow: auto !important;
/overflow: auto;
-overflow: none;*/
}
/* HAUT */
#haut1 { text-align: center; width: 320px; height: 50px; float: left; background : url(interface/entete.gif) no-repeat; }
#haut1 h1 { color: #fff; font-size : 120%; font-weight : normal; margin: 0; padding: 0; line-height: 30px }
#haut1 h2 { color: #ff0000; font-size : 120%; font-weight : normal; margin: 0; padding: 0; line-height: 20px }
#haut2 { text-align: center; width: 320px; height: 30px; float: left; background-color: #fff; }
#haut2 h1 { color: #fff; font-size : 120%; font-weight : normal; margin: 0; padding: 0; line-height: 30px; display: inline }
#haut2 h2 { color: #ff0000; font-size : 100%; font-weight : normal; margin: 0; padding: 0; line-height: 30px; display: inline }
#haut3 { position: absolute; float: left; padding: 0 0 0 10px; margin: 0; height: 30px }
#haut3 a { float: left; color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; font-size: 90% }
#haut3 a:visited { float: left; color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; font-size: 90% }
#haut3 a:hover { float: left; color: #FBD40C; font-size : 100%; font-weight : normal; margin: 0; padding: 0; font-size: 90% }
#haut4 { position: absolute; float: left; padding: 0; margin: 0 0 0 235px; height: 30px; font-size: 90% }
#haut4 h5 { float: left; color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; font-size: 90%; display: inline }
#haut4 a { float: left; color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; font-size: 90%; display: inline }
#haut4 a:visited { float: left; color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; font-size: 90%; display: inline }
#haut4 a:hover { float: left; color: #FBD40C; font-size : 100%; font-weight : normal; margin: 0; padding: 0; font-size: 90%; display: inline }
/* ACCUEIL */
#accueil { text-align: left; width: 280px; float: left; margin: 10px 20px 0 20px; color: #fff; font-size : 110%; }
#accueil h3 { color: #FBD40C; font-size : 130%; font-weight : normal; margin: 0; padding: 0; display: inline }
#accueil a { color: #fff; font-size : 130%; font-weight : normal; margin: 0; padding: 0; }
#accueil a:visited { color: #fff; font-size : 130%; font-weight : normal; margin: 0; padding: 0; }
#accueil a:hover { color: #FBD40C; font-size : 130%; font-weight : normal; margin: 0; padding: 0; }
/* RESULT */
#tbi { text-align: left; width: 285px; float: left; margin: 0 0 0 0; padding: 0 15px 0 20px; color: #003957; background: url(interface/cellule_02.gif) repeat-y }
#tbi h3 { color: #ff0000; font-size : 120%; font-weight : normal; margin: 0; padding: 0; display: inline }
#tbi a { color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
#tbi a:visited { color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
#tbi a:hover { color: #FBD40C; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
/* RECHERCHE */
#recherche { text-align: left; width: 300px; float: left; margin: 0 0 0 0; padding: 0 0 0 20px; color: #fff; background: url(interface/cellule_02.gif) repeat-y }
#recherche h3 { color: #FBD40C; font-size : 120%; font-weight : normal; margin: 0; padding: 0; display: inline }
#recherche a { color: #003957; font-size : 120%; font-weight : normal; margin: 0; padding: 0; }
#recherche a:visited { color: #003957; font-size : 120%; font-weight : normal; margin: 0; padding: 0; }
#recherche a:hover { color: #FBD40C; font-size : 120%; font-weight : normal; margin: 0; padding: 0; }
/* RESULT */
#result { text-align: left; width: 285px; float: left; margin: 0 0 0 0; padding: 0 15px 0 20px; color: #003957; background: url(interface/cellule_02.gif) repeat-y }
#result h3 { color: #FBD40C; font-size : 120%; font-weight : normal; margin: 0; padding: 0; display: inline }
#result a { color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
#result a:visited { color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
#result a:hover { color: #FBD40C; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
/* SELECTION */
#selection { text-align: left; width: 285px; float: left; margin: 0 0 0 0; padding: 0 15px 0 20px; color: #003957; background: url(interface/cellule_02.gif) repeat-y }
#selection h3 { color: #FBD40C; font-size : 120%; font-weight : normal; margin: 0; padding: 0; display: inline }
#selection a { color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
#selection a:visited { color: #003957; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
#selection a:hover { color: #FBD40C; font-size : 100%; font-weight : normal; margin: 0; padding: 0; }
/* CONTENU */
#contenu { margin: 0; padding: 0; width: 320px; float: left }
#contenu h1 { color: #1D1752; font-size: 140%; 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; }
#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 { float: left; width: 370px; height:140px; margin: 0px 0px 0px 10px; padding: 5px; background: url(interface/fdcel2.gif) top left no-repeat; }
#vignette h1 { color: #1D1752; font-size: 110%; font-weight: normal; }
#vignette h2 { color: #34825E; font-size: 100%; font-weight: normal; }
#vignette h2.orange { color: #34825E; font-size: 120%; font-weight: normal; line-height: 22px; margin: 0; padding: 0 }
#vignette h2.rouge { color: #ff0000; font-size: 100%; font-weight: normal; }
#vignette h3.orange { color: #34825E; font-size: 90%; font-weight: normal; }
#vignette p { color: #1D1752; font-size: 90%; font-weight: normal; }
/* PRODUIT SEUL */
#detail { float: left; width: 824px; margin:0;padding: 0px; }
#detail h1 { color: #1D1752; font-size: 140%; font-weight: normal; }
#detail h2 { color: #34825E; font-size: 100%; font-weight: normal; }
#detail h2.orange { color: #34825E; font-size: 130%; font-weight: normal; line-height: 22px; margin: 0; padding: 0 }
#detail h2.rouge { color: #ff0000; font-size: 110%; font-weight: normal; }
#detail h3 { color: #1D1752; font-size: 120%; font-weight: normal; }
#detail h3.orange { color: #34825E; font-size: 100%; font-weight: normal; }
#detail h3.rouge { color: #ff0000; font-size: 100%; font-weight: normal; }
#detail h3.vert { color: #21B928; font-size: 100%; font-weight: normal; }
#detail p { color: #1D1752; font-size: 100%; font-weight: normal; }
/* BAS */
#bas { float: left; width: 290px; heigth: 40px; padding: 40px 10px 20px 10px; color: #fff; text-align: center; font-size:85% }
#bas a { color: #fff; font-weight : normal; margin: 0; padding: 0; display: inline }
#bas a:visited { color: #fff; font-weight : normal; margin: 0; padding: 0; display: inline }
#bas a:hover { color: #FBD40C; font-weight : normal; margin: 0; padding: 0; display: inline }
/* COLONNE DROITE */
#colonneDroite { float: right; width: 200px; margin: 0; padding: 0; }
/* FORMULAIRE */
form { margin : 0; padding : 0; }
fieldset { border : 0px solid #1D1752; }
legend {
color : #1D1752;
font-weight : bold;
font-size : 100%;
margin : 0px 0 0 10px;
padding : 0;
width : auto;
border-bottom : 1px solid #1D1752;
}
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: #ffffff;
padding : 1px 2px;
margin-left : 8px;
}
p.action input {
width : auto;
color : #1D1752;
border-color : #1D1752;
margin : 0 180px;
}
form p {
clear: both;
margin: 0;
padding: 2px 0;
}
p label {
float: left;
width: 130px;
margin-bottom : 8px;
text-align: right;
color : #1D1752;
font-weight : normal;
}
p label.no {
float: left;
width: 110px;
margin-bottom : 8px;
text-align: right;
color : #ff0000;
font-weight : normal;
}