body {font:0.8em Arial,sans-serif; margin:0; background:#f0f0f0 url('../interface/trame_body.png') repeat-x; color:#000;}


html {min-height:100%; margin-bottom:1px;}/* Firefox scrollbar fix */
html a {color:#000; text-decoration:underline;}
html a:hover {color:#000; text-decoration:underline;}


h1 {display:none;}
h2 {border-bottom:1px dashed #1f2269; font-size:1.5em; color:#1f2269;}
h3 {font-size:1.3em; font-weight:bold; color:#1f2269;}
h4 {font-weight:bold; color:#1f2269;}



/* CONTENEUR */
#conteneur {overflow:hidden; position:relative; width:1000px; margin:0 auto 0.3em auto; background-color:#ebe8f1; border-left:1px solid #1f2269; border-bottom:1px solid #1f2269; border-right:1px solid #1f2269;}



/* ENTETE */
#entete {height:130px; overflow:hidden; background:#1f2269 url('../interface/trame_entete.jpg') no-repeat;}
#entete a img {border:0;}

#langues {float:right; margin-right:1em; margin-top:-1em;}
#langues ul li {margin:0; padding:0;}
#langues li {display:inline; list-style-type:none;}
#langues a {color:#1f2269; text-decoration:none;}
#langues a:hover {color:#000; text-decoration:underline;}



/* MENU */
#menu {float:left; margin:0; width:200px; height:650px; background:url('../interface/trame_menu.png') no-repeat; font-size:90%;}
#menu dl, dt, dd, ul, li {margin:0; padding:0;}
#menu dt {cursor:pointer; height:20px; width:165px; line-height:20px; border-bottom:1px solid #808080; background:url('../interface/menu_bouton.png') no-repeat right;}
#menu ul {width:165px;}
#menu li {list-style-image:url('../interface/menu_puce.png'); background:#fff;}

#menu a {margin-left:1.5em;}
#menu li a, #menu dt a {display:block; text-decoration:none;}

#menu dt a:hover {margin:0; padding-left:1.5em; background:url('../interface/menu_bouton.png') no-repeat left;}
#menu li a:hover {background:#ebe8f1;}

#menu dt.select a {margin:0; padding-left:1.5em; background:url('../interface/menu_bouton.png') no-repeat left; color:#1f2269; font-weight:bold;}



/* CENTRE */
#centre {margin-left:200px; padding:1em;}
#centre ul {margin:0; padding:0;}
#centre li {list-style-type:none;}
#centre a img {border:0;}

#centre div.hr {height:20px; background:url(../interface/ligne01.png) no-repeat center; clear:both;}
#centre div.hr hr {display:none;}

#centre .titre {display:block; margin:1em auto;}
#centre .photo_cadre {display:block; margin:1em auto; padding:0.1em; background-color:#fff; border:1px solid #1f2269;}
#centre .photo_floatright {float:right; margin:1em 0 1em 1em; padding:0.1em; background-color:#fff; border:1px solid #1f2269;}
#centre .photo_legende {float:left; width:250px; margin:1em 4em; padding:0.3em; background-color:#fff; border:1px solid #1f2269; text-align:center;}


/* PIED */
#pied {clear:both; padding-top:1em; border-top:1px solid #808080; font-size:0.85em; text-align:center; line-height:2em;}
#pied a {color:#000; text-decoration:none;}
#pied a:hover {color:#000; text-decoration:underline;}
#pied ul {margin:0; padding:0; list-style:none;}
#pied li {display:inline;}
#pied .separateur {margin:0 1em;}
#hautdepage {margin-right:1em;}
#hautdepage a img {float:right; border:0;}



/* NEOGRAPHIE */
#neographie {position:relative; width:1000px; margin:0 auto; padding:0.3em; font-size:0.85em; text-align:right;}
#neographie a {padding:0.3em; color:#1f2269; text-decoration:none;}
#neographie a:hover {background-color:#1f2269; color:#fff; text-decoration:none;}



/* TABLEAUX 
.vente_rayon {width:100%; border-collapse:collapse;}
.vente_rayon th {padding:0.3em; border:1px solid #999; background-color:#96ff55; color:#145a28; text-align:center;}
.vente_rayon td {padding:0.3em; border:1px solid #999; text-align:center;}

.vente_commande {width:100%; border-collapse:collapse;}
.vente_commande th {padding:0.3em; border:1px solid #999; background-color:#5be2ff; color:#141464; text-align:center;}
.vente_commande td {padding:0.3em; border:1px solid #999; text-align:center;}

.commande {width:50%; border-collapse:collapse;}
.commande th {padding:0.3em; border:1px solid #999; background-color:#ccc; font-weight:normal; color:#000; text-align:center;}
.commande td {padding:0.3em; border:1px solid #ccc;}
*/


FORM 
fieldset {margin:1em 0; padding:1em;}
legend {font-size:1em; font-weight:bold; color:#000;}
label {float:left; margin-top:0.3em; width:13em;}
.champobligatoire {font-weight:bold; color:#ff0000;}
.champ {width:14em; margin-top:0.3em; border:1px solid #000; background-color:#eaeaea;}
.champcourt {width:5em; margin-top:0.3em; border:1px solid #000; background-color:#eaeaea;}
.champlong {width:20em; margin-top:0.3em; margin-right:1em; border:1px solid #000; background-color:#eaeaea;}
.zonetexte {width:30em; margin-top:0.3em; border:1px solid #000; background-color:#eaeaea;}
input[type=submit], input[type=reset] {width:auto; margin-top:1em; padding:0.3em; border:1px solid; background-color:#1f2269; font-weight:bold; color:#fff; cursor:pointer;}
input[type=submit]:hover, input[type=reset]:hover {background-color:#ff0000; color:#fff;}
.liste_radio li {display:inline; list-style-type:none; margin-right:2em;}