body, html {margin: 0px 0 0 0 ;padding: 0;background-color: #000000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;font-weight:normal;color:#473F3C;text-align:center;}
/* =====================================================
LIENS ET TEXTES FORM GENERAL
====================================================== */
#other_t {font-size:0.85em;margin:0px 0px 10px 0px;font-weight:bold;background-color:#000000;color:#FFFFFF;padding:6px 0px 0px 10px;height:32px;width:750px;text-align:left;letter-spacing:2px;}
.listitre {background-color:#000000;height:36px;padding:2px 0px 0px 5px;text-align:left;margin:0px 0px 10px 0px;color:#FFFFFF;}
a.opacity img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
a.opacity:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
a {font-size:0.8em;color:#C70109;text-decoration:none;}
a:hover {font-size:0.8em;color:#454750;text-decoration:underline;}
input {color: #333333;border:solid 1px #333333;font-size: 11px;margin: 2px 2px 2px 2px;background-color: #E1E2E4;font-weight: normal;}
SELECT { color: #333333; font-size: 11px;font-weight: normal; background-color: #E1E2E4; border:solid 1px #333333;}
TEXTAREA { color: #333333; font-weight: normal; font-size: 11px; background: #E1E2E4;border:solid 1px #333333;}
/*----------------------------------------------------------------------------------
HEADER - TOP
----------------------------------------------------------------------------------*/
#top {background:url(../images/fd_top.jpg) repeat left top;height:140px;text-align:center;}
#top_cont {text-align:center;margin: 0 auto ;width:990px;position:relative;}
h1#logo { width:295px;height:60px;background:url(../images/logo.gif) no-repeat left top;position:absolute;left:0px;top:30px;margin:0;padding:0;}
h1#logo a { height:60px;display:block;position:relative;top: 0px;}
h1#logo a span {display:none;}
#top_tel {position:absolute;top:116px;left:15px;}
#topimg {position:absolute;top:25px;left:360px;}
#top h2 {color: #E3E3E3;font-size:0.6em;position:absolute;margin:0px;padding:0px;left:300px;top:2px;font-weight:normal;}
#panier {position:absolute;top:35px;left:780px;}
#panier a{font-size:0.7em;font-weight:normal;color:#ffffff;text-decoration:none;}
#panier a:hover{font-size:0.7em;font-weight:normal;color:#454750;text-decoration:none;}
#articles{position:absolute;top:80px;left:825px;font-size:0.65em;color:#FFFFFF;}
#connex {position: absolute;left:300px;top:120px;font-size:0.7em;color:#FFFFFF;text-align:left;}
form.connex{padding:0px;margin:0px;}
INPUT.connex { color: #454750; font-weight:normal; font-family: Verdana, Arial, Helvetica, Geneva, Swiss; background-color: white;border: solid 0pt #9496A3;width:120px;;padding:0px;margin:0px;}
#enmdp{position: absolute;left:690px;top:120px;text-align:left;color:#ffffff;font-size:0.75em;}
#enmdp a {color:#ffffff;text-decoration:none;}
#enmdp a:hover {text-decoration:none;color:#000000;}
a.compte{color:#FFFFFF;padding:2px;margin:0;text-decoration:none;}
a.compte:hover{color:#ADADAD;padding:2px;margin:0;text-decoration:none;}
/*----------------------------------------------------------------------------------
CONTENU PAGE
----------------------------------------------------------------------------------*/
#global {background-color:#FFFFFF;}
#page {background:url(../images/fd_page.gif) repeat left top;margin: 0 auto ;padding:0px;text-align: left ;position:relative;width:990px;overflow:hidden;}
#content{float:left;width:760px;padding-bottom:0px;text-align:left;}
/*----------------------------------------------------------------------------------
MENU GAUCHE
----------------------------------------------------------------------------------*/
#menug {float:left;width:200px;margin:0px 0px 0px 15px;padding:0px 0px 25px 0px;overflow:hidden;}
#newsletter{margin:0px 0px 0px 0px;font-size:0.65em;line-height:16px;/*background-color:#4B4A4A;*/border-bottom:1px solid #A9040A;padding:5px 5px 10px 5px;color:#656464;width:190px;}
input.newsletter {color: #0F1A30; font-weight:normal;font-family: Verdana, Arial, Helvetica, Geneva, Swiss; background-color: white;border: solid 1pt #9496A3;width:140px;padding:1px;margin:0px;font-size:10px; }
#search{margin:0px 5px 15px 0px;font-size:0.65em;background-color:#A2A2A2;padding:3px 5px 0px 5px ;width:190px;height:35px;}
input.search { color: #454750;border:solid 1px #454750;font-size: 10px;width:140px;margin:0px;font-family: Verdana, Arial, Helvetica, Geneva, Swiss; background: #ffffff;}
#search a {color:#FFFFFF;font-size:10px;}
#search a:hover {color:#D00007;font-size:10px;text-decoration:underline;}
#menugen{margin-left:0px;margin-top:10px;font-size:0.7em;line-height:18px;display:block;padding:5px;width:190px;border-top:1px solid #A9040A;}
#menugen a {color:#575757;font-size:0.95em;font-weight:bold;text-decoration:none;margin-left:2px;font-family:Arial, Helvetica, sans-serif;}
#menugen a:hover{color:#D00007;font-size:0.95em;margin-left:2px;font-weight:bold;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#logog{margin-left:5px;margin-top:10px;}
#logopub {margin-left:10px;margin-top:10px;}
/* =========================================================================== */
/* =========================================================================== */
/* CSS POUR MENU DE GAUCHE */
/* =========================================================================== */
/* =========================================================================== */
.menu_princ{width:160px;float:left;line-height:20px;vertical-align:middle;overflow:hidden;margin-top:5px;background-color:#A9040A;text-align:left;padding-left:3px; }
div.menu_parent{margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;text-align:left;font:12px Verdana ;overflow:hidden; }
div.menu_parent a{text-decoration:none ;color:#454750;font-size:0.95em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
div.menu_enfant{margin:30px 0px 0px 10px;padding:0px;text-align:left;font:12px Verdana ;display:none ;}
div.menu_enfant ul{ list-style:none;margin:0px;padding:0px; }
div.menu_enfant ul li{background-repeat: no-repeat;padding:0px 0px 0px 5px;margin:5px 0px 0px 23px;}
div.menu_enfant ul li a{text-decoration:none ;background-color:#696969;display:block;color:#ffffff;font-size:0.85em;font-weight:bold;padding:2px 3px 2px 3px;font-family:Arial, Helvetica, sans-serif;}
div.menu_enfant ul li a:hover{background-color:#000000;color:#ffffff;}
div.menu_enfant ul li.coche{ padding:0px 0px 0px 5px;margin:5px 0px 0px 23px;}
div.menu_enfant ul li.coche a{ text-decoration:none ;background-color:#000000;display:block;color:#979797;font-size:0.85em;font-weight:bold;padding:2px 3px 2px 3px;font-family:Arial, Helvetica, sans-serif; }
/* =====================================================
PAGE RECHERCHE
====================================================== */
#recherche {margin:10px;}
#result {float:left;padding:5px;margin:5px;border:1px solid #C4C4C4;width:120px;height:130px;}
#result p {margin:3px ;padding:0px;line-height:12px;}
#result a {font-size:0.6em;}
/* =====================================================
ENREGISTREMENT - IDENTIFICATION
====================================================== */
#enreg {font-size:0.7em;}
form.enreg {margin:0px 0px 0px 10px;}
form.enreg fieldset{border-bottom:1px solid #D3D1D1;border-left:1px solid #D3D1D1;border-top:0px;border-right:0px;margin-bottom:10px;}
form.enreg legend{font-weight:bold;color:#505050;}
.label_form{ display:inline ;float:left ;width:130px ;font:11px Verdana ;}
input.enreg {color: #333333;border:solid 1px #333333;font-size: 11px;margin: 2px 2px 2px 2px;background-color: #E1E2E4;font-weight: normal;}
select.enreg { color: #333333; font-size: 11px;font-weight: normal; background-color: #E1E2E4; border:solid 1px #333333;}
#newc {color:#A9040A;font-size:1.3em;letter-spacing:1px;margin:30px 0px 5px 20px;}
#newc p {margin:5px 0px 5px 20px;padding:0px;font-size:0.6em;color:#333333;letter-spacing:0px;}
#compt {color:#000000;font-size:1.3em;letter-spacing:1px;margin:30px 0px 5px 20px;}
#compt p {margin:10px 0px 5px 20px;padding:0px;font-size:0.6em;color:#333333;letter-spacing:0px;}
#ident {background:url(../images/fd_ident.jpg) no-repeat;height:130px;text-align:left;padding:20px 20px 20px 20px;color:#FFFFFF;margin-left:100px;margin-top:20px;}
#ident p {margin:5px;}
#ident p label {width:100px;float:left;font:11px Verdana;margin-left:10px;padding:2px;color:#ffffff;}
input.ident{width:150px;color: #3C3C3C;font-size:0.7em;padding:2px;border: 1px solid #ffffff; background: #ffffff;}
#omdp {margin:40px;}
/* =========================================================================== */
/* =========================================================================== */
/* MON COMPTE */
/* =========================================================================== */
/* =========================================================================== */
#profil_left { float:left;width:540px;padding:5px;border:0px;font-size:0.75em;margin-left:5px;text-align:left;}
#cpt_left {float:left;width:540px;padding:5px;border:0px;font-size:0.75em;margin-left:20px;}
#cpt_left p{background-color:#E2E3E5;padding:10px;line-height:20px;width:250px;}
#cpt_right{float:left;width:160px;padding:5px;border:0px;}
#mcpt{background:url(../images/fd_compte.jpg) no-repeat left top; width:155px;height:125px;padding:15px;line-height:20px;font-size:0.8em;color:#ffffff;}
#mcpt a{font-size:0.75em;text-decoration:none;color:#ffffff;}
#mcpt a:hover{font-size:0.75em;color:#E70F19;text-decoration:underline;}
/* =========================================================================== */
/* PANIER */
/* =========================================================================== */
#panier_liste {margin:5px;}
#panier_liste hr {height:1px;color:#000000;border:0px;background-color:#696969;}
.htab {color:#696969;margin:0px;}
table#pan {width:730px ;border-spacing:2px;border-color:#FFFFFF;border-collapse: collapse; margin:5px;}
table#pan td{ padding:2px;margin:2px;font-size:11px;}
table#pan td.top{background-color:#E5E5E5;text-align:left;border:2px solid #ffffff;}
table#pan td.line{border-bottom:1px dotted #666666;}
#total {background-color:#E5E5E5;margin:5px;text-align:right;padding:5px 10px 5px 0px;}
#total p {font-size:11px;margin:3px 0px 2px 0px;padding:0px;}
table#pan td.promo{border:0px;;text-align:right;line-height:35px;}
INPUT.promo {width:50px;margin:0px;padding:1px;font-weight:normal;}
#panier_val {text-align:right;margin-top:10px;margin-right:10px}
/* =========================================================================== */
/* VALIDE ACHATS */
/* =========================================================================== */
#infos_perso {width:340px;font:10px Verdana;margin:5px 5px 10px 10px;float:left;background-color:#ffffff; }
#infos_perso p {text-align:left;margin:5px 0px 5px 5px;padding:0px;}
#detail_com {margin:5px 0px 10px 10px;}
#detail_com p {margin:0px 0px 5px 5px;padding:0px;font-size:11px;color:#333333;}
#pay { text-align:left;width:550px;font-size:0.75em;margin:10px 0px 10px 20px;font-weight:bold;}
#pay p {margin:5px 0px 5px 0px;padding:0px;}
/* =========================================================================== */
/* PAIEMENT */
/* =========================================================================== */
#paiement {margin:10px;text-align:center;}
#paiement p {line-height:18px;font-size:0.75em;}
#paiement_cb {margin:15px 5px 10px 5px;font-size:12px;text-align:left;padding-bottom:10px;border-bottom:2px dotted #A9040A;}
#paiement_paypal {margin:15px 5px 10px 5px;font-size:12px;text-align:left;padding-bottom:10px;border-bottom:2px dotted #A9040A;}
#paiement_cheque {margin:15px 5px 10px 10px;font-size:12px;text-align:left;padding-bottom:10px;border-bottom:2px dotted #A9040A;}
#paiement_virement {margin:15px 5px 10px 10px;font-size:12px;text-align:left;padding-bottom:10px;border-bottom:2px dotted #A9040A;}
#paiement_manda {margin:15px 5px 10px 10px;font-size:12px;text-align:left;padding-bottom:10px;border-bottom:2px dotted #A9040A;}
#cadre {color:#ffffff;font-size:0.8em;font-weight:bold;padding:5px;background-color:#A9040A;text-align:center;width:300px;margin:0 auto;}
#coord {margin:0 auto;font-size:0.8em;text-align:center;width:450px;}
/* =========================================================================== */
/* ACCUEIL - HOMEPAGE */
/* =========================================================================== */
#home {margin:10px 0px 10px 0px;}
#home h1 {margin:2px;padding:2px;font-size:14px;letter-spacing:2px;text-align:center;}
#infos_box{width:750px;;border:solid 1px #000000;background:url(../images/img_infos.gif) no-repeat left top;margin-top:10px;margin-bottom:10px;height:auto;}
#infos_box p{padding:0px;margin:5px 5px 5px 150px;font-size:1.2em;width:600px;color:#EF3F00;letter-spacing:2px;font-weight:bold;}
#t_home {font-size:0.95em;letter-spacing:2px;color:#000000;padding:0px 0px 2px 2px;margin:15px 30px 0px 20px;}
#home_box {float:left;width:230px;height:250px;background:url(../images/fd_prod_home.gif) no-repeat left top;/*border-left:2px dotted #A9040A;border-right:2px dotted #A9040A;border-bottom:2px dotted #A9040A;*/padding:0px 0px 5px 0px;margin:10px 0px 5px 15px;overflow:hidden;position:relative;}
.t_box {color:#ffffff;background-color:#A9040A;padding:2px;margin:0px;width:220px;}
.img_box {padding-top:10px;margin:0px;vertical-align:middle;line-height:140px;}
.img_box a{vertical-align:middle;line-height:140px;}
.img_box img{vertical-align:middle;line-height:140px;}
#home_box p {margin:0px;text-align:center;}
h2#box {background-color:#A9040A;font-size:0.85em;letter-spacing:0px;padding:2px 0px 2px 0px;margin:0px;text-decoration:none;text-align:center;font-weight:normal;}
h2#box a { color:#ffffff;margin:0px;width:220px;}
h2#box a:hover {color:#BBBABA;}
#home_box a{color:#ffffff;font-size:0.7em;letter-spacing:0px;padding:0px;margin:0px;text-decoration:none;}
#home_box a:hover {color:#BBBABA;}
#ajout_home {margin-top:2px;left:70px;position:absolute;bottom:10px;}
.prixh1 {color:#A9040A;font-size:0.8em;text-align:right;margin:0px;padding:0px;position:absolute;bottom:30px;}
.prixh2 {color:#A9040A;font-size:0.8em;text-align:right;margin:0px;padding:0px;position:absolute;bottom:30px;}
/* =========================================================================== */
/* LISTE PRODUITS */
/* =========================================================================== */
#liste_produit {margin:0px 5px 5px 15px;}
#prodc {float:left;border:1px solid #C4C4C4;margin:5px;padding:3px;overflow:hidden;width:220px;height:110px;position:relative;}
#prodimg {float:left;text-align:left;padding:2px 5px 0px 0px;}
#prodesc {text-align:left;}
#prodesc p {margin:2px 0px 2px 0px;padding:0px;text-align:left;line-height:14px;height:45px;}
#ajout {margin-top:2px;right:2px;position:absolute;bottom:0px;}
h2#nomprod {font-size:0.8em;letter-spacing:0px;margin:0px;font-weight:normal;}
h2#nomprod a { color:#A9040A;}
h2#nomprod a:hover {color:#535353;}
/*#prodc a {font-size:0.65em;}*/
.prixc1 {color:#000000;font-size:0.75em;text-align:right;margin:0px;padding:0px;position:absolute;bottom:0px;}
.prixc2 {color:#000000;font-size:0.75em;text-align:right;margin:0px;padding:0px;position:absolute;bottom:5px;}
/* =========================================================================== */
/* FICHE PRODUIT */
/* =========================================================================== */
#fiche_photo {float:left;width:260px;ext-align:left;margin-left:20px;}
div#photos{position:relative;width:180px;height:90px;padding:2px;border:solid 1px #9A9A9A;margin-top:20px;margin-left:20px;text-align:left;}
div#wn { position:absolute; width:120px; height:135px; margin-left:30px;overflow:hidden;}
table#t1 {}
table#t1 td{ border-right:1px solid #A9040A;padding: 2px;text-align: left;margin:2px;}
.liste_pictos{margin-top:5px;margin-bottom:2px;}
.pictos{margin:2px;}
#fiche_cont{float:left;width:430px;text-align:left;font-size:1.2em;}
#t_prod {font-size:0.95em;color:#000000;padding:2px 0px 5px 0px;border-bottom:1px dotted #666666;margin:0px;}
.fiche_desc{font-size:11px;margin:5px 5px 5px 5px;padding:0px 0px 5px 0px;border-bottom:1px dotted #666666;color:#535353;line-height:16px;}
.fiche_desc p {margin:0px;padding:0px;}
.fiche_desc h2 {font-size:13px;margin:2px 0px 2px 0px ;padding:0px;}
.fiche_desc h3 {font-size:11px;margin:3px 0px 3px 0px ;padding:0px;color:#A9040A;}
.fiche_desc h4 {font-size:11px;margin:3px 0px 3px 0px ;padding:0px;color:#A9040A;}
.fiche_desc h5 {font-size:11px;margin:3px 0px 3px 0px ;padding:0px;color:#A9040A;}
.fiche_prix{color:#A9040A;font-size:1em;letter-spacing:1px;padding:3px;border:1px dotted #666666;text-align:left;width:220px;text-align:center;line-height:18px;}
.fiche_port {font-size:10px;color:#ffffff;letter-spacing:-1px;background-color:#CB141C;padding:2px 5px 2px 5px;}
.fiche_panier{margin-left:5px;line-height:45px;font-size:10px;}
.fiche_ref {color:#000000;font-weight:normal;letter-spacing:0px;}
.fiche_liv {font:10px Verdana;font-weight:bold;margin:0px 0px 10px 0px;padding:0px;}
a.retour {color:#A9040A;font-size:0.7em;text-decoration:none;}
a.retour:hover{color:#5C5C5C;font-size:0.7em;text-decoration:underline;}
#fiche_access
{
font-size:0.65em;
margin:10px 5px 5px 5px;
}
#fiche_access p
{
line-height:15px;
padding:0px;
margin:0px;
}
.access_t
{
margin:0px 0px 5px 0px;
font-size:0.65em;
font-weight:bold;
text-decoration:underline;
}
/*QUI SOMMES-NOUS*/
#diapo
{
float:right;
width:410px;
margin:10px;
text-align:right;
}
#nous
{
float:left;
width:290px;
font-size:0.8em;
text-align:justify;
margin-top:20px;
}
/*----------------------------------------------------------------------------------
AUTRES - SOCIETE - INFOS..
----------------------------------------------------------------------------------*/
#societe {font-size:0.9em;margin:10px 30px 10px 30px;}
#societe p {padding:5px; margin:2px;line-height:18px;text-align:justify}
#other {font-size:0.7em;margin:10px 20px 10px 20px;text-align:left;}
#refer {margin:15px;}
#refer h1 {font-size:12px;margin:0px;padding:2px;}
#refer h2 {font-size:12px;margin:0px;padding:2px;}
#refer p {font-size:12px;margin:0px;padding:2px;}
#refer a {font-size:12px;}
/*----------------------------------------------------------------------------------
FOOTER - BAS
----------------------------------------------------------------------------------*/
div#footer {background:url(../images/bottom.jpg) no-repeat left top; width: 990px;height:76px;margin: 0 auto ;padding:0px 0px 10px 0px;}
#copy{padding:25px 25px 0px 20px;color:#FFFFFF;font-size:0.65em;text-align:right;}
#footer a {color:#FFFFFF;padding:3px;text-decoration:none;}
#footer a:hover{color:#999999;padding:3px;text-decoration:none;}
#menu_bas {width:900px;margin:0 auto;padding:0px 0px 15px 0px;}
ul#menu_bas {margin:0px;padding:0px;list-style:none;}
ul#menu_bas li {margin:0px;padding:0px;font-size:9px;list-style-position: outside;display:inline}
a.bas {color:#FFFFFF;text-decoration:none;font-size:9px;}
a.bas:hover {color:#A9040A;text-decoration:none;}
#baseline {width:950px;margin:0 auto;padding:0px 0px 5px 0px;;color:#FFFFFF;;text-align:center;font-size:9px;}
#baseline a {color:#FFFFFF;text-decoration:underline;font-size:9px;}
/* =========================================================================== */
/* =========================================================================== */
/* LES MARQUES */
/* =========================================================================== */
/* =========================================================================== */
div.liste_marques{
margin:0px;
padding:0px;
text-align:left;
}
div.liste_marques ul{
list-style:none;
margin:0px;
padding:0px;
}
div.liste_marques ul li{
display: inline;
margin:0px;
padding:0px;
}
/* =========================================================================== */
/* =========================================================================== */
/* FIL D'ARIANE */
/* =========================================================================== */
/* =========================================================================== */
#fil {color:#E70F19;font-size:0.85em;letter-spacing:0px;background-color:#000000;padding:8px 0px 0px 10px;;margin-top:0px;margin-bottom:10px;text-align:left;height:32px; }
#fil ul {margin-left: 0;padding-left: 0; display: inline;border: none;}
#fil ul li { margin-left: 0; padding-left: 2px;border: none;list-style: none;display: inline;}
#fil ul li a{color:#FFFFFF;letter-spacing:1px;}
.second{color:#FFFFFF;letter-spacing:1px;}
/* =====================================================
AJOUT DU JUJU POUR PARTENAIRE COTE CLIENT
====================================================== */
#liste_partenaires{
font:11px Verdana;
text-align:left;
padding:5px;
margin:5px 5px 5px 30px ;
padding:0px 0px 10px 0px;
width:650px;
border-bottom:1px dotted #EF3F00;
overflow:hidden;
}
#liste_partenaires p
{
margin:5px 0px 5px 0px;
padding:0px;
}
#liste_partenaires a
{
font-size:11px;
}
/* =====================================================
A SUPPRIMER
====================================================== */
/*
#enreg_t1
{
font-size:0.8em;
margin:10px 0px 10px 0px;
font-weight:bold;
background-color:#454750;
color:#FFFFFF;
padding:3px;
width:740px;
text-align:left;
letter-spacing:1px;
}
*/