/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/standard/index.gif);
  background-color:#f1f1f1; 
  width:100%; 
  font:12px Arial, helvetica, sans-serif;
  color:#1e2b65;
}

.bleu {color:#1e2b65 !important}
.rouge {color:#be1228 !important}
.gris {color:#d5d5d5 !important}
.gris2 {color:#666 !important}

.right {float:right}
.left {float:left}
.clear {clear:both}


img {border:none}
p {text-align:justify}
em {font-style:normal}

h1 {font-size:15px; width:380px}
h2 {font-size:13px}
h3 {font-size:13px}
h4 {font-size:}


/* ============================================== Structure generale ===============================================================================*/
#conteneur {  
  background-repeat:no-repeat;
  width:870px;   
  margin:0px auto 0px auto;
}

#bandeau {
  background-image: url(../img/standard/bandeau.jpg);
  width:465px;
  height:87px;
  padding:5px 10px
}

#menu-gauche {background-image: url(../img/standard/menu_gauche.gif); width:5px; height:56px}
#menu-droite {background-image: url(../img/standard/menu_droite.gif); width:5px; height:56px}
#menu-bas {background-image: url(../img/standard/menu_bas.gif); background-repeat:no-repeat; width:870px; height:4px; font-size:1px}
#menu-centre {background-image: url(../img/standard/menu_centre.gif); width:850px; height:56px; padding-left:10px}

#menu-centre a{background-color:#1e2b65; padding:10px; color:#fff; float:left; margin:18px 7px 0px 7px; text-decoration:none}
#menu-centre a:hover{background-color:#22317e}

#menu-centre .actif {background-color:#fff !important; color:#1e2b65}

.photo-prod {margin:5px 5px 0px 5px}
.photo-prod2 {margin:15px 10px 0px 10px}

.infos-fiche-blanc {padding:40px 30px 15px 0px; height:124px}

.infos-fiche {padding:40px 30px 15px 0px}
.infos-fiche p {margin-bottom:10px; font-size:11px}
.infos-fiche h3 {margin-bottom:5px}


/* ============================================== Pied ===============================================================================*/
#pied-gauche {background-image: url(../img/standard/pied_gauche.gif); width:5px; height:115px}
#pied-droite {background-image: url(../img/standard/pied_droite.gif); width:5px; height:115px}
#pied-milieu {
  background-image: url(../img/standard/pied_milieu.gif); 
  width:860px; 
  height:95px;
  text-align:center;
  color:#fff;
  padding-top:20px;
  line-height:18px
}
#pied-milieu a,#pied-milieu p,#pied-milieu b {text-align:center; font-size:11px}
#pied-milieu a {color:#fff; text-decoration:none; font-weight:bold}
#pied-milieu a:hover {text-decoration:underline}

/* ============================================== Accueil ===============================================================================*/
#accueil-flash {background-image: url(../img/standard/largeur_bande.gif); width:870px; text-align:center}
#flash {margin:20px auto 10px auto}
#bas-flash {background-image: url(../img/standard/accueil_haut.gif); width:870px; height:21px}

#accueil-valise {background-image: url(../img/standard/accueil_valise.gif); width:457px; height:183px}
#accueil-conteneur {background-image: url(../img/standard/accueil_conteneur.gif); width:457px; height:208px}
#accueil-artconcept {background-image: url(../img/fr/accueil_artconcept.jpg); width:263px; height:151px; padding:240px 0px 0px 150px; font-size:11px}

#bouton-contact {margin-left:70px}
#accueil-artconcept p {padding:15px 20px 0px 0px}

.accueil-gauche-haut {background-image: url(../img/standard/accueil_gauche_haut.gif); background-repeat:no-repeat; width:457px; height:4px; font-size:1px}
.accueil-gauche-bas {background-image: url(../img/standard/accueil_gauche_bas.gif); background-repeat:no-repeat; width:457px; height:4px; font-size:1px}
.accueil-gauche-milieu {background-image: url(../img/standard/accueil_gauche_milieu.gif); width:457px; height:216px}

#qualite-gauche {background-image: url(../img/standard/qualite_gauche.gif); width:8px; height:71px}
#qualite-droite {background-image: url(../img/standard/qualite_droite.gif); width:7px; height:71px}
#qualite-milieu {background-image: url(../img/standard/qualite_centre.gif); width:398px; height:71px}
#qualite-milieu b{display:block; margin:10px 0px 0px 5px; width:305px; font-size:11px}
#qualite-milieu p {display:block; margin:5px 5px 0px 5px; width:305px; font-size:11px}
#tampon {margin:5px 0px 0px 10px}


/* ============================================== Cadrans repris (produits, aide aux choix etc.) =====================================*/
.cadran-haut {background-image: url(../img/standard/cadran_haut.gif); background-repeat:no-repeat; width:435px; height:5px; font-size:1px}
.cadran-bas {background-image: url(../img/standard/cadran_bas.gif); background-repeat:no-repeat; width:435px; height:5px; font-size:1px}
.cadran-milieu {background-image: url(../img/standard/cadran_milieu.gif); width:435px; }

#qualite2,#qualite {background-image: url(../img/standard/qualite.gif); width:375px; height:134px; padding:20px 40px 0px 20px}
#qualite {position:absolute; bottom:0px; right:0px}
#qualite b,#qualite2 b {display:block;  width:200px; font-size:11px}
#qualite p,#qualite2 p {display:block; width:250px; margin-top:5px; font-size:11px}

#aide-choix {position:absolute; bottom:0px; left:0px}


/* ============================================== Gamme produits ==========================================================================*/
.produit-cat,.produit-cat2 {
  /*background-image:url(../img/produit_trame2.gif); */
  background-color:#f2f4ff; 
  border-bottom:1px #dbdce7 solid;
  width:418px; 
  height:22px; 
  color:#1e2b65; 
  margin-left:3px;
  padding:7px 0px 0px 10px;
}
.produit-cat2 {background-color:#f2f4ff}

.prod-img {margin:9px 5px 3px 15px}
a.prod,a.prod2,.prod-vide {
  display:block;
  width:90px;
  padding:3px 10px;
  margin:12px 0px 14px 0px;
  border:1px #aeb6df solid;
  text-decoration:none;
  font-weight:bold;
  color:#1e2b65;
  background-color:#fafaff
}
a:hover.prod {background-color:#d8ddf3}
a:hover.prod2 {background-color:#1e2b65; color:#fff; border:1px #1e2b65 solid;}

.prod-vide {width:190px; background-color:#f8f9ff; border:1px #cfd6fc solid;}

#prod-fond {
  background-image: url(../img/standard/prod_fond.gif); 
  background-repeat:no-repeat;
  background-position:bottom right;  
  width:870px; 
  position:relative
}


/* ============================================== Fiche produit ==========================================================================*/
.prod-titre {text-align:right}

#infos-produit {background-image: url(../img/standard/largeur_bande.gif); width:870px}
#fiche-photo {margin:20px 0px 0px 60px}
.legende {text-align:center; display:block; margin:10px 0px}
#fiche-bouton {margin:0px 0px 10px 20px}

#fiche-description {width:380px; padding:0px 0px 0px 0px; margin:30px 10px 0px 0px}
div > #fiche-description {padding:0px 20px 0px 0px;}
#fiche-description h2,#entreprise-description h2 {font-size:15px !important}
#fiche-description li,#entreprise-description li {
  text-align:justify; 
  color:#1e2b65; 
  line-height:16px; 
  font-size:12px; 
  margin:0px 0px 10px 0px; 
  padding-left:15px;
  background-image: url(../img/standard/fiche_puce.gif);
  background-repeat:no-repeat;
  background-position:0px 5px;
  list-style:none;
}

#plus-infos {display:block; margin:5px 0px 0px 0px}
#fiche-description hr {display:block ;color:#b1b1b1; margin:10px 0px 0px 10px; height:1px; width:380px}
div > #fiche-description hr {margin:20px 0px 5px 0px}

#fiche-vignettes a {display:block; width:84px; height:84px; border:1px #b1b1b1 solid; margin:15px 6px 10px 0px; float:left}
#fiche-vignettes a:hover,#fiche-vignettes a.actif {border:1px #1e2b65 solid}

.fiche-titre {background-image: url(../img/standard/produit_trame.gif); width:417px; height:27px; padding:13px 0px 0px 10px; margin-left:4px}
.fiche-carac2 {margin-bottom:1px}
.fiche-carac ul,.fiche-carac2 ul{margin:10px 0px 10px 20px}
.fiche-carac li,.fiche-carac2 li {
  padding-left:15px; 
  background-image: url(../img/standard/fiche_puce.gif); 
  background-repeat:no-repeat; 
  background-position:0px 5px;
  list-style:none;
}
.fiche-carac p, .fiche-carac em, .fiche-carac span {font-size:12px !important; font-style:normal; color:#1e2b65 !important}
.fiche-carac2 p, .fiche-carac2 em, .fiche-carac2 span {font-size:12px !important; font-style:normal; color:#1e2b65 !important}
.fiche-carac blockquote,.fiche-carac2 blockquote {padding-left:20px}

#fiche-menu a{
  display:block;
  width:422px;
  height:17px;
  margin-left:4px;
  border-bottom:1px #fff solid;
  background-color:#1e2b65;
  color:#fff;
  text-decoration:none;
  padding:3px 0px 0px 5px;
}
#fiche-menu a:hover,#fiche-menu a.actif {background-color:#404f92}

#fiche-sousmenu a{
  display:block;
  width:412px; 
  height:16px;
  margin-left:4px;
  border-bottom:1px #fff solid;
  background-color:#f3f4f9;
  background-image: url(../img/standard/fiche_puce_sousmenu.gif); 
  background-repeat:no-repeat; 
  background-position:5px 6px;
  color:#666;
  text-decoration:none;
  padding:1px 0px 0px 15px;
  font-size:11px;
}
#fiche-sousmenu a:hover, #fiche-sousmenu a.actif {background-color:#7884bb; color:#fff}

#fiche-fond {
  background-image: url(../img/standard/fond_colonned.gif); 
  background-repeat:no-repeat;
  background-position:bottom right;  
  width:870px; 
  position:relative
}

#colonne-droite,#colonne-gauche {padding-bottom:154px}

.categorie-bouton {margin-top:10px}


/* ============================================== Savoir faire ==========================================================================*/
#savoir {margin:10px 0px 0px 0px; width:500px}
div > #savoir {margin:10px 14px 0px 0px}

#savoir-menu {width:286px; margin:17px 0px 10px 10px}
div > #savoir-menu {margin:17px 0px 10px 20px}
#savoir-photo {margin:20px 0px 0px 20px}
#savoir-p {width:470px; margin:10px 0px 0px 10px}
#savoir-ul {margin-left:30px}
#savoir-bouton {margin-right:20px}


/* ============================================== Contact ==========================================================================*/
#contact {background-image: url(../img/standard/largeur_bande.gif); width:870px}
#contact form {margin:0px}

#contact-photo {margin:70px 0px 0px 50px}

#contact-coordonnees {height:144px}
#contact-coordonnees p{text-align:center; margin-top:5px; line-height:16px}

#contact-titre {background-image: url(../img/standard/produit_trame.gif); width:500px; height:27px; padding:13px 0px 0px 10px; margin:10px 4px 0px 0px}
.contact-legende {color:#666; font-size:11px; margin-left:10px}

fieldset {border:none}

#contact-formulaire {margin:10px 0px 0px 74px}
div > #contact-formulaire {margin:10px 0px 0px 0px}

select {
  margin-top:7px;
  width:280px;
  background-color:#f3f4fa; 
  border:1px #acb6e4 solid;
  color:#68719f;
  font-size:11px;
  font-family:Arial;
}
label {display:block; width:105px; float:left; text-align:right; margin:9px 10px 0px 0px}
input {
  display:block; 
  width:277px; 
  height:15px;
  float:left; 
  padding:2px 0px 0px 3px;
  margin:7px 0px 0px 0px; 
  background-color:#f3f4fa; 
  border:1px #acb6e4 solid;
  color:#68719f;
  font-size:11px;
  font-family:Arial;
}

#contact-message {
  background-image: url(../img/standard/produit_trame.gif); 
  width:430px;
  height:27px; 
  padding:13px 10px 0px 0px; 
  margin:10px 0px 0px 4px;
  text-align:right;
}

#contact-textarea {
  width:390px; 
  height:140px; 
  background-color:#f3f4fa; 
  border:1px #acb6e4 solid; 
  margin:20px 0px 0px 25px;
  color:#68719f;
  font-size:11px;
  font-family:Arial;
  padding:5px;
}

#contact-envoyer {margin:0px 0px 10px 240px; cursor:pointer}

#contact-main {margin:40px 3px 0px 0px}

.ok {color:#2bae1d; font-weight:bold; background-color:#fff; width:215px; border:1px #2bae1d solid; padding:2px 5px; margin:10px 0px 0px 10px}
.error {color:#ff0000; font-weight:bold; background-color:#fff; width:295px; border:1px #ff0000 solid; padding:2px 5px; margin:10px 0px 0px 10px}


/* ============================================== Recherche ==========================================================================*/
#recherche {padding:10px 0px 0px 20px}
#aide-recherche {margin:10px 0px 10px 143px; cursor:pointer}

#recherche form {width:320px}
#aide-droite {width:300px; margin-top:20px}

.aide-titre-fond {
  background-image: url(../img/standard/aide-titre-fond.gif); 
  background-repeat:no-repeat;
  width:855px; 
  height:26px;
  padding:12px 0px 0px 15px;
  color:#fff
}

.aide-fiche h3 {width:315px}
#aide-loupe {margin:40px 20px 0px 0px}
#aide-bouton {margin-top:5px}

.aide-fiche {padding:40px 30px 15px 0px; height:65px; padding:20px 10px 15px 0px}
.aide-fiche p {margin-bottom:10px; font-size:11px}
.aide-fiche h3 {margin-bottom:5px}


/* ============================================== Recherche ==========================================================================*/
.fond-liste-accessoires {background-image: url(../img/standard/accessoire_fond_repete.gif); width:865px; margin-left:5px}

.accessoire-vignette {background-image: url(../img/standard/accessoire_fond.gif); width:172px; height:134px;}
.accessoire-titre {font-size:11px; text-align:center; margin-top:5px}

#accessoire-droite {width:480px; padding-top:5px}
#accessoire-jumelles {margin:0px 30px 10px 0px}
#accessoire-retour {margin-top:10px}


/* ============================================== entreprise ==========================================================================*/
#entreprise-photo {margin:25px 0px 0px 20px}
#entreprise-description {width:380px; margin:30px 2px 0px 0px}
div > #entreprise-description {width:380px; margin:30px 30px 0px 0px}
.entreprise-titre {background-image: url(../img/standard/produit_trame.gif); width:397px; height:27px; padding:13px 0px 0px 10px}

p#entreprise-gamme {padding:10px 20px 0px 20px}
#entreprise-bouton {margin-left:200px}

#entreprise-fond {
  width:870px; 
  position:relative
}

/* ============================================== Mentions etc ==========================================================================*/
/* Extras / plan */
#extras-plan {padding:10px 0px 20px 20px}
#extras-plan a {text-decoration:none; color:#666; font-size:11px !important}
#extras-plan a:hover{color:#e31818}
#extras-plan h4{color:#666; text-decoration:none; background-color:#E2EEFC; width:800px; padding:2px 5px; margin-bottom:2px; border-left:8px #26BBEC solid}
#extras-plan h5 {font-size:11px !important}


#extras-plan p{margin-right:20px; text-align:justify}
#extras-plan b{margin-left:7px}
#extras-plan ul{margin-bottom:10px; text-align:justify}
#extras-plan li{margin-left:30px; width:700px; text-align:justify}
#extras-plan td {padding:5px 0px !important}
#extras-plan td img {margin-left:20px !important}

a#extras-actif {background-color:#666 !important; color:#fff}
a:hover.liens-extras {text-decoration:underline !important; color:#45103e !important} 

#residence-rapidhome-liens a:hover{background-color:#afafaf}
#residence-nouveautes-liens a:hover{background-color:#afafaf}

/* -- copyright -- */

#lebarts-infos {width:500px}
#lebarts-infos b{margin:0px}
#lebarts-infos p {width:500px !important}
#lebarts-infos a {font-weight:bold; text-decoration:none}
#lebarts-infos a:hover {text-decoration:underline}
#leb-img {margin-left:40px}
.fond-infos {background-color:#DDF0F6; margin:5px 0px; padding:5px 0px 5px 20px; width:520px}
.decalage20 {margin-left:20px !important}

/* -- Aides -- */
#extras-aide table {width:830px}
#extras-aide caption {width:830px; background-color:#216382; color:#fff; padding:1px 0px; font-weight:bold}
.aide-infos{width:830px}
#extras-aide hr{width:830px; display:block; margin:20px 0px 10px 0px}
.ligne-bleue {background-color:#ddf0f6}



div.extras{margin:15px;}
div.extras .credits1,div.extras .credits2{color:#666 !important;background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:550px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}

#creditsLeb a{text-decoration:none !important;}
div.extras .credits1 a,div.extras .credits2 a{color:#BE1228 !important}
#creditsLeb h4{font-size:12px !important;margin:20px 0 !important}

#creditsLeb{margin-bottom:0px !important;padding-bottom:20px !important}
#creditsLeb ul li{margin-left:0 !important;width:100%}