@charset "utf-8";
/* CSS Document */

/* généralités */
* { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: none; }
ul { list-style-type: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.survol { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; display: block; float: left; text-align: center; height: 19px; /height:33px;padding: 7px 15px;   /* pour IE 6 et 7*/  background: url(../../images/fond_surv.jpg) left top repeat-x; }
.bouton { height: 21px; border: none; cursor: pointer; background:url(../../images/fond_bouton.jpg) left top repeat-x; text-align: center; padding: 0 5px 3px 5px; font-size: 11px; color: #FFF; }
.bouton2 { height: 21px; border: none; cursor: pointer; background:url(../../images/fond_bouton.jpg) left top repeat-x; text-align: center; padding: 2px 5px 3px 5px; font-size: 11px; color: #FFF; }
.erreur { font-size: 12px; color: #993300; padding-left: 5px; display: none; }
html { background-color: #fff; font-family: Arial, Helvetica, sans-serif; background: url(../../images/head.jpg) left top repeat-x; }
.champs { width: 90px; height: 16px; border: none; background-color: #FFF ; font-size: 12px; font-family: Arial, Helvetica, sans-serif; float: left; margin-top: 7px; }
.ok { width: 31px; height: 33px; border: none; cursor: pointer; background: url(../../images/ok.jpg) top left no-repeat; float: left; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }


#entete { height: 115px; width: 1034px; background:url(../../images/fond_head.jpg) left top no-repeat; }
#entete #logo { width: 112px; height: 115px; padding-left: 167px; }
#entete #ident { font-size:11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; width: 250px; height: 33px; }
#menu { /height:30px; height: 33px; text-align: center; min-width: 850px; padding-left: 20px; background: url(../../images/fond_nav.jpg) left top repeat-x;  }
#menu span.nav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; display: block; float: left; text-align: center;  height: 19px;/height:33px; padding: 7px 15px;   /* pour IE 6 et 7*/  }
#menu span.nav a { color: #FFF; }
#menu span.nav:hover { background: url(../../images/fond_surv.jpg) left top repeat-x; }

#contenu { width: 1034px; height: 800px;  background: url(../../images/fond_contenu.jpg) left top no-repeat; }
#contenu #intro, #contenu #produit, #contenu #hotline { width: 1034px; padding-left: 20px; }
/*#contenu #intro img, #contenu #produit img, #contenu #hotline img { margin: 30px 30px 25px 40px; width: 350px; }*/
#contenu h4 { font-size: 16px; color: #0262a9; float: left; width: 590px; margin: 30px 0 25px 0;  }
#contenu p { font-size: 13px; width: 590px; float: left; }

#deconnexion a { display: block; width: 107px; background: url(../../images/deconnexion.jpg) left top no-repeat; height: 33px; padding-top: 3px;  }

/* logged */
#logo2 { margin: 11px 0 0 60px; }
#menu1 { /height:30px; height: 33px; text-align: center; min-width: 850px; padding-left: 20px; background: url(../../images/fond_nav.jpg) left top repeat-x;  }
#menu1 span.nav a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; display: block; float: left; text-align: center;  height: 19px;/height:33px; padding: 7px 15px;   /* pour IE 6 et 7*/  }
#menu1 span.nav a:hover { background: url(../../images/fond_surv.jpg) left top repeat-x; /height:33px; }
#deconnexion { float: right; }
#present { display: block; font-size: 16px; font-weight: bold; color: #0262a9; margin: 30px 0 25px 20px; width: 250px; float: left; }

/* catalogue */
#tableaux { width: 1000px; padding-left: 20px; }
#tableaux label { font-size: 12px; margin-right: 10px; color:#5d6870; font-variant:small-caps; }
h3 { margin: 0 0 25px 30px; width: 250px; font-size: 16px; color: #0262a9; }
#catalogue { font-size: 11px; background-color: #fff; border: 2px groove #999; }
/*#catalogue a img.photo { max-width: 100px; max-height: 20px; }*/
/*#ht_gche, #ht_dt, #ht, #bas_gche, #bas_dt, #bas, .gche, .dt { font-size: 5px; margin: 0; padding: 0; }
#ht_gche { background: url(../../images/bord_ht_gche.jpg) right top no-repeat; }
#ht_dt { background: url(../../images/bord_ht_dt.jpg) left top no-repeat; }
#ht { background: url(../../images/bord_ht.jpg) left top repeat-x; }
#bas_gche { background: url(../../images/bord_bas_gche.jpg) right top no-repeat; }
#bas_dt { background: url(../../images/bord_bas_dt.jpg) left top no-repeat; }
#bas { background: url(../../images/bord_bas.jpg) left top repeat-x; }
.gche { background: url(../../images/bord_gche.jpg) right top repeat-y; }
.dt { background: url(../../images/bord_dt.jpg) left top repeat-y; }
*/
.bleu { background-color:#cae1f3; }
.blanc { background-color: #FFF; padding-left: 10px; font-size: 11px; }
#titre { font-weight: bold; font-size: 11px; color:#0262a9; vertical-align: top; }
#titre td { border-bottom: 1px solid #666; }
.titre { font-weight: bold; font-size: 12px; color:#0262a9;  }
#titre a { font-weight: bold; font-size: 12px; color:#0262a9; }
.dans { width: 103px; height: 19px; border: none; cursor: pointer; background: url(../../images/btn_dans.jpg) top left no-repeat; }
.retirer { width: 122px; height: 19px; border: none; cursor: pointer; background: url(../../images/btn_retirer.jpg) top left no-repeat; }
#panier { background:url(../../images/fond_panier.jpg) left top no-repeat; width: 180px; height: 86px; margin:15px 0 0 120px; color:#FFF; font-size: 12px; }
#panier p.p1 { text-align:right; font-weight: bold; width: 160px; margin-top: 10px; }
#panier p.p2 { text-align:right; width: 160px; }
#panier p.p1 a { color: #FFF; }
#page { font-size: 12px; color: #5d6870; width: 90px; float: left; text-align: center; font-weight: bold; }
#recherche { font-size: 11px; color: #666; margin-top: 30px; /*background: url(../../images/fond_recherche.jpg) left top no-repeat;*/ border: 2px groove #666; background-color: #FFF; }
/*#chercher { width: 92px; height: 20px; border: none; cursor: pointer; background: url(../../images/chercher.jpg) top left no-repeat; }*/
.champs2 { width: 120px; height: 18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; float: left; }

/* fiche détaillée */
#detail { font-size: 12px; margin: 20px 0 0 20px; }
.mini_photo { max-height: 100px; }
.bleu2 { background-color:#cae1f3; padding-left: 10px; }
.titre2 { font-size: 11px; color:#0381de; padding-left: 5px;  }

/* panier */
.titre td { padding: 10px; }
#session_valideur { padding: 20px 0 0 20px; color: #333; font-size: 12px; margin-bottom: 10px; }
#montant_panier { margin: 0 0 30px 20px; font-size: 14px; background-color: #FFF; color:#333; }
#montant_panier td { padding: 4px; }
#panier_vide { width: 200px; height: 30px; color:#900; font-weight: bold; padding-left: 20px; }

/* gestion agence */
#regions { list-style-type: square; list-style-position:inside; }
#depts { list-style-type: circle; list-style:inside; text-indent: 20px; color: #333; }
#regions li, #depts li {  }
#regions a, #depts a { font-size: 12px; color:#0262a9; }
#valideurs tr { background-color:#cae1f3; }
#valideurs th { padding-left: 5px; }
#valideurs td { padding-left: 5px; font-size: 14px; }

/* gestion article */
.etapes { font-size: 24px; color: #8FD3CB; width: 250px; padding-left: 30px; }