/* Balises -------------------------------------------------------------------------------------- */
#body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #b0b1b3;
  margin: 0;
  padding: 0;
  color: #738083;
  text-align: justify;
}
a
{
  color: #00a7eb;
  text-decoration:none;
}
p
{
  margin-left:5px!important;
  padding:0 !important;
  padding-left:5px;
  font-size: 11px;
}
div, span, li, ul, a, img
{
  margin: 0;
  padding: 0;
  border: none;
}
img.left
{
  float:left;
}
object.right,
img.right
{
  float:right;
}
img.marge5
{
  margin:5px 0 0 5px;
}
p.jaune,
#Encart p.jaune,
#Content #Lienformulaire .jaune,
#Encart #adresse p.jaune
{
  color:yellow;
  background-color: transparent;
}
.vert,
#Encart .vert,
#Encart .gris .vert,
#Content #Lienformulaire .vert,
#Encart #adresse p.vert
{
  color:#b9eb16;
  background-color: transparent;
}
p.bleu,
#Encart p.bleu,
#Content #Lienformulaire .bleu,
#Encart #adresse p.bleu
{
  color:#18387f;
  background-color: transparent;
}
p.bleuclair,
#Encart p.bleuclair,
#Content #Lienformulaire .bleuclair,
#Encart #adresse p.bleuclair
{
  color:#00abe0;
  background-color: transparent;
}
p.jaune,
#Encart p.jaune,
#Content #Lienformulaire .jaune,
#Encart #adresse p.jaune,
#Encart span.jaune
{
  color:#f8dc00;
  background-color: transparent;
}
p.orange,
#Encart p.orange,
#Content #Lienformulaire .orange,
#Encart #adresse p.orange
{
  color:#ff662a;
  background-color: transparent;
}
p.violet,
#Encart p.violet,
#Content #Lienformulaire .violet,
#Encart #adresse p.violet
{
  color:#67227d;
  background-color: transparent;
}
p.rose,
#Encart p.rose,
#Content #Lienformulaire .rose,
#Encart #adresse p.rose
{
  color:#ba006f;
  background-color: transparent;
}
.blanc
{
  color:#fff;
}
a.center
{
  text-align:center;
}
img.image_map
{
  position: absolute;
}
/*
Principal-----------------------------------------------------------------*/
#Principal
{
  width:946px;
  height:578px;
  margin: 0 auto;
}
h1.center
{
  text-align: center;
  color: #fff;
  background-color:transparent;
  margin-top:0;
  padding-top:0;
}
/*
actualites----------------------------------------------------------------*/
#Contentactu
{
  width:946px;
  height:504px;
  background-color:#58595b;
}
#Contentactu #actuP
{
  width:688px;
  height:504px;
  float:left;
}
#Contentactu #actuP a
{
  /* width:688px;
  height:252px;
  background-color:#000; */
  font-weight:bold;
  font-size:12px;
  float:none;
}
#Contentactu #actuS
{
  width:258px;
  height:504px;
  float:left;
}
#Contentactu #actuS a
{
  /* width:258px;
  height:126px; */
  font-weight:bold;
  font-size:12px;
  float:left;
}
#Contentactu a#id_design
{
  color:#b9eb16;
}
#Contentactu a#ligne_roset
{
  color:#868688;
}
#Contentactu a#id_relax
{
  color:#fff;
}
#Contentactu a#espace_meuble
{
  color:#fff;
}
#Contentactu a#katai
{
  color:#000;
}
#Contentactu a#meubles_steinmetz
{
  color:#fff;
}
#Contentactu a#cinna
{
  color:#fff;
}
#Contentactu td#id_design
{
  background-color:#868688;
  color:#fff;
  text-align:center;
  vertical-align:top;
  margin-top:2px;
}
#Contentactu td#ligne_roset
{
  background-color:#000;
  color:#868688;
  text-align:center;
  vertical-align:top;
}
#Contentactu td#id_relax
{
  background-color:#000;
  color:#fff;
  text-align:center;
  vertical-align:top;
}
#Contentactu td#espace_meuble
{
  background-color:#000;
  color:#fff;
  text-align:center;
  vertical-align:top;
}
#Contentactu td#katai
{
  background-color:#868688;
  color:#000;
  text-align:center;
  vertical-align:top;
}
#Contentactu td#meubles_steinmetz
{
  background-color:#868688;
  color:#fff;
  text-align:center;
  vertical-align:top;
}
#Contentactu td#cinna
{
  background-color:#000;
  color:#fff;
  text-align:center;
  vertical-align:top;
}
/*#Contentactu #actuP a img,
#Contentactu #actuP a object
{
  margin:4px;
  padding:0;
}
#Contentactu #actuP a img.logo
{
  margin:10px !important;
  padding:0 !important;
  margin:0;
  padding:10px;
}
#Contentactu #actuS img.logo
{
  margin:2px !important;
  padding:0 !important;
  margin:0;
  padding:2px;
}*/
/*
Menu haut-----------------------------------------------------------------*/
#Menu
{
  width:946px;
  height:54px;
  font-size:10px;
  font-weight:bold;
  background:url("../img/interface/fondecranhaut.jpg") top no-repeat;
}
#Menu a.bouton
{
  width:76px;
  height:31px;
  float:left;
  background:url("../img/interface/btngrisf.gif") no-repeat;
  padding:2px 5px 2px 5px;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  color: #fff;
}
#Menu a.uneligne
{
  line-height:30px;
}
#Menu a.deuxligne
{
  line-height:15px;
}
#Menu a.groupe
{
  background:url("../img/interface/btnrose.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
}
#Menu a.iddesign
{
  background:url("../img/interface/btnvert.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
  color:#565759;
}
#Menu a.idrelax
{
  background:url("../img/interface/btnviolet.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
  color:#afb4b7;
}
#Menu a.ligneroset
{
  background:url("../img/interface/btnmarine.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
  color:#afb4b7;
}
#Menu a.espacemeub
{
  background:url("../img/interface/btnciel.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
}
#Menu a.katai
{
  background:url("../img/interface/btnjaune.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
  color:#565759;
}
#Menu a.meubsteinmetz
{
  background:url("../img/interface/btnorange.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
}
#Menu a.cinna
{
  background:url("../img/interface/btnviolet.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
  color:#afb4b7;
}
#Menu a.actualites
{
  background:url("../img/interface/btngrisc.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
  color:#565759;
}
#Menu a.moduleflash
{
  background:url("../img/interface/btnson.gif") no-repeat;
  background-color:transparent;
  font-size:12px;
  padding:2px 5px 2px 5px;
  width:76px;
  height:31px;
}
#Menu a.contact
{
  background:url("../img/interface/btngris.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
}
#Menu a.petit
{
  font-size:12px;
}
#Menu a.iddesign:hover,
#Menu a.groupe:hover,
#Menu a.katai:hover,
#Menu a.espacemeub:hover,
#Menu a.meubsteinmetz:hover,
#Menu a.actualites:hover,
#Menu a.contact:hover
{
  color: #000;
}
#Menu a.ligneroset:hover,
#Menu a.idrelax:hover,
#Menu a.cinna:hover
{
  color: #fff;
}
#Menu a.iddesign.selected,
#Menu a.espacemeub.selected,
#Menu a.katai.selected,
#Menu a.meubsteinmetz.selected
{
  color: #000;
}
#Menu a.ligneroset.selected,
#Menu a.idrelax.selected,
#Menu a.cinna.selected
{
  color: #fff;
}
#Menu a.adroite
{
  float:right;
}
#Menu #equalizer
{
  margin:2px auto;
}
#Menu #moduleson
{
  width:76px;
  height:22px;
  margin:3px 0px;
  position:relative;
  top:-38px !important;
  top:-33px;
}
/*
Contenu-----------------------------------------------------------------------*/
#Contenu
{
  width:946px !important;
  width:950px;
  height:504px;
}
/*
Encart gauche-----------------------------------------------------------------*/
#Encartportail
{
  float: left;
  background-color:#1a1617;
  width: 172px;
  height: 504px;
  background-image: url("../img/interface/logo.jpg");
  background-position: bottom ;
  background-repeat: no-repeat;
}
#Encartportail p
{
  font-size:11px;
  text-align:justify;
  font-weight:normal;
  margin:11px 5px 11px 5px;
  padding:0;
}
#Encart
{
  float: left;
  width: 258px;
  height: 504px;
  background-color:#000;
  color:#fff;
  background-image: url("../img/interface/fond.jpg");
  background-position: bottom ;
  background-repeat: no-repeat;
}
#Encart #texte
{
  width: 258px;
  height: 221px !important;
  height: 232px;
  background-color: transparent;
  color:#fff;
}
#Encart #texte.grand
{
  width: 258px;
  height: 269px !important;
  height: 276px;
  background-color:#000;
  color:#fff;
}
#Encart.gris
{
  background-color:#868688;
  color:#5A5A5C;
}
#Encart.bg
{
  background-image: url("../img/interface/fond.jpg");
  background-position: bottom ;
  background-repeat: no-repeat;
}
#Encart p,
#Encart #texte p
{
  font-size:0.9em;
  text-align:justify;
  color:#fff;
  font-weight:normal;
  margin:11px 5px;
  padding:0;
}
#Encart span,
#Encart #texte span
{
  font-size:0.9em;
  text-align:justify;
  color:#fff;
  font-weight:normal;
  margin:0 5px;
  padding:0;
}
#Encart .marques
{
  background-color: #868688;
  font-size: 10px;
  color: #fff;
  width: 258px;
  height: 235px !important;
  height: 228px ;
  background-color: #868688;
}
#Encart .gris
{
  background-color: #868688;
  font-size: 10px;
  color: #fff;
}
#Encart #adresse
{
  height:111px;
  width:258px;
  background-color: #868688;
  font-size: 10px;
  color: #fff;
}
#Encart #adresse p
{
  font-size: 10px;
  font-weight: normal;
  color: #fff;
}
#Encart .gris p
{
  font-size: 10px;
  font-weight: normal;
  color: #fff;
}
/*
#content-----------------------------------------------------------------*/
#Contentportail
{
  width:774px;
  height:504px;
  margin-left:172px;
  background-color:#58595b;
  position:relative;
  left:0 !important;
  left:-3px;
}
#Contentportail a.case
{
  width:258px;
  height:252px;
  float:left;
  font-size:15px;
  font-weight:bold;
}
#Contentportail a#Viddesign
{
  background-color:#868688;
  color:#5A5A5C;
}
#Contentportail a#Vligneroset
{
  background-color:#58595B;
  color:#868688;
}
#Contentportail a#Vidrelax
{
  background-color:#D8D9DB;
  color:#555555;
}
#Contentportail a#Vespacemeub
{
  background-color:#D8D9DB;
  color:#858587;
}
#Contentportail a#Vkatai
{
  background-color:#868688;
  color:#D9D9DB;
}
#Contentportail a#Vmeubsteinmetz
{
  background-color:#58595B;
  color:#AFB0B2;
}
#Contentportail a:hover
{
  color:#000;
}
#Contentportail a img
{
  margin:2px 2px 0 2px !important;
  padding:0 !important;
  margin:0;
  padding:2px 2px 0 2px;
}
#Contentportail a img.logo
{
  margin-right:5px !important;
  padding:0 !important;
  margin:0;
  padding-right:5px;
  float:right;
}
#Contentportail a span
{
  margin:2px 2px 0 10px !important;
  padding:0 !important;
  margin:0;
  padding:2px 2px 0 10px;
  text-indent:0px;
  text-align:left;
  vertical-align:bottom;
  display:block;
}
#Content
{
  width:688px;
  height:504px;
  margin-left:258px;
  background-color:#58595b;
  text-align:center;
  position:relative;
  top:0;
  left:0 !important;
  left:-3px;
}
#Content #Visuel img
{
  margin:0;
  padding:0;
}
#Content #Visuel.grand
{
  width:688px;
  height:504px;
  vertical-align:middle;
}
#Content #Visuel.moyen
{
  width:688px;
  height:442px;
}
#Content #Visuel.petit
{
  width:688px;
  height:343px;
}
#Content #Visuel.grand #myGallery
{
  width: 688px;
  height: 504px;
  z-index:5;
  display: block;
}
#Content #Visuel.moyen #myGallery
{
  width: 688px;
  height: 442px;
  z-index:5;
  display: block;
}
#Content #Visuel.petit #myGallery
{
  width: 688px;
  height: 343px;
  z-index:5;
  display: block/;
}
#Content #Visuel.vertcenter
{
  display:table-cell;
  vertical-align:middle;
}
/*
CSS du diaporama en plus de jd.gallery.css et layout.css---------------------------------------------------------------------*/
#Content #Visuel .jdGallery .slideElement
{
  background-color:#58595b;
  background-repeat:no-repeat;
  height:442px;
  width:688px;
  border:0;
}
#Content #Visuel .jdGallery .slideInfoZone
{
  position: absolute;
  z-index: 10;
  width: 688px;
  margin: 0px;
  left: 0;
  bottom: 0;
  height: 50px;
  background: #333;
  color: #fff;
  text-indent: 0;
  overflow: hidden;
}
#Content #vignettes .carousel .carouselInner .thumbnail
{
  width: 688px;
}
#Content #vignettes .carousel .carouselInner .thumbnail
{
  cursor: pointer;
  background: #000;
  float: left;
}
#Visuel #myGallery .imageElement img.thumbnail
{
  display:none;
}
#Visuel #myGallery .imageElement img.full
{
}
#Visuel #myGallery
{
}
#Visuel #myGallery span#conventions
{
  color:#fff;
  background-color:#000;
  font-size: 100px;
}
/*-------------------------------------------------------------------------*/
#Content #vignettes
{
  width: 688px;
  height: 62px;
  background-color: #868688;
  margin: 0;
  padding: 0;
}
#Content #vignettes.grand
{
  width: 688px;
  height: 161px;
  background-color: #868688;
  margin: 0;
  padding: 0;
}
#Content #vignettes img.right
{
  float:right;
}
#Content #vignettes.marques
{
}
/*
liens formulaire des pages contact-------------------------------------------------*/
#Content #Lienformulaire
{
  height:161px !important;
  height:158px;
  width:673px;
  background-color:#58595b;
  margin:0;
  padding:0;
  padding-left:15px;
}
#Content #Lienformulaire img
{
  margin:0;
  padding:0;
}
#Content #Lienformulaire p
{
  font-size: 10px;
  text-align:justify;
  color:#fff;
  margin:0;
  padding:0;
}
/*    pour config la page contact de chaque rubrique, voir bas du fichier   */
#Content #Lienformulaire a.bouton
{
  width:76px;
  height:31px;
  float:left;
  background:url("../img/interface/btngrisf.gif") no-repeat;
  padding:2px 5px 2px 5px;
  font-size:13px;
  font-weight:bold;
  text-align:center;
}
#Content #Lienformulaire.iddesign a.bouton:hover,
#Content #Lienformulaire.groupe a.bouton:hover,
#Content #Lienformulaire.espacemeub a.bouton:hover,
#Content #Lienformulaire.meubsteinmetz a.bouton:hover,
#Content #Lienformulaire.katai a.bouton:hover,
#Content #Lienformulaire.actualites a.bouton:hover
{
  color: #000;
}
#Content #Lienformulaire.ligneroset a.bouton:hover,
#Content #Lienformulaire.idrelax a.bouton:hover
{
  color: #fff;
}
/*
la page Formulaire--------------------------------------------------------------------*/
#ContenuForm
{
  width:946px !important;
  width:950px;
  height:504px;
}
#ContenuForm table.formulaire
{
  width: 450px;
  height: 385px;
  margin: 20px auto;
  color: #fff;
  background-color: #58595B;
}
#ContenuForm table.formulaire td
{
  width: 110px;
  height: 20px;
}
#ContenuForm input,
#ContenuForm textarea
{
  width:340px;
  padding: 2px;
}
#ContenuForm textarea.texte
{
  width:450px;
  padding: 2px;
}
#ContenuForm input.bouton
{
  text-align:center;
  float: none;
  width: 150px;
  height: 35px;
  padding: 2px;
  background:url("../img/interface/btnenreg.gif") no-repeat;
  background-color:transparent;
  padding:2px 5px 2px 5px;
  border:none;
  cursor: pointer;
}
#ContenuForm #Encart p
{
  text-align: justify;
  background-color: transparent;
  color:#fff;
}
#ContenuForm #Encart.adresse p
{
  text-align: justify;
  background-color: #868688;
  color:#fff;
}
#ContenuForm #Encart p.message
{
  text-align: justify;
  background-color: #868688;
  color:#fff;
}
#ContenuForm p
{
  margin:0 auto;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #58595B;
}
#ContenuForm p.message
{
  font-size: 12px;
  border:1px solid red;
  
}
/*
la page Mentions-----------------------------------------------------------------------*/
#ContenuMentions
{
  width:942px;
  height:500px !important;
  height:484px;
  padding: 2px;
  color:#000;
  background-color: #b0b1b3;
  overflow: auto;
  text-align:justify;
}
#ContenuMentions p
{
  font-size:13px;
}
/*
Pied de page-----------------------------------------------------------------*/
#Piedpage
{
  width:946px;
  height:20px;
  background:url("../img/interface/fondecranbas.jpg") bottom no-repeat;
}
#Piedpage #mentions
{
  width:172px;
  line-height:20px;
  text-align:center;
  float:left;
}
#Piedpage #mentions a
{
  color:#fff;
}
#Piedpage #copyright
{
  line-height:20px;
  color:#fff;
  text-align:right;
  padding-right:10px;
}
#Piedpage #copyright a
{
  color:#fff;
}
div.right
{
  float:right;
}
/*
Page Contact (a configurer)-------------------------------------------------------*/
/*groupe*/
#Content #Lienformulaire.groupe
{
  background-image: url("../img/interface/fond2.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#Content #Lienformulaire.groupe a.bouton
{
  background:url("../img/interface/btnrose.gif") no-repeat;
  padding:2px 5px 2px 5px;
  margin-top:20px;
  color:#fff;
  line-height:30px;
}
/*iddesign*/
#Content #Lienformulaire.iddesign
{
  background-image: url("../img/interface/fond2.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#Content #Lienformulaire.iddesign a.bouton
{
  background:url("../img/interface/btnvert.gif") no-repeat;
  padding:2px 5px 2px 5px;
  margin-top:20px;
  color:#565759;
  line-height:30px;
}
/*ligneroset*/
#Content #Lienformulaire.ligneroset
{
  background-image: url("../img/interface/fond2.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#Content #Lienformulaire.ligneroset a.bouton
{
  background:url("../img/interface/btnmarine.gif") no-repeat;
  padding:2px 5px 2px 5px;
  margin-top:20px;
  color:#fff;
  line-height:30px;
}
/*katai*/
#Content #Lienformulaire.katai
{
  background-image: url("../img/interface/fond2.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#Content #Lienformulaire.katai a.bouton
{
  background:url("../img/interface/btnjaune.gif") no-repeat;
  padding:2px 5px 2px 5px;
  color:#565759;
  margin-top:20px;
  line-height:30px;
}
/*idrelax*/
#Content #Lienformulaire.idrelax
{
  background-image: url("../img/interface/fond3.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#Content #Lienformulaire.idrelax a.bouton
{
  background:url("../img/interface/btnviolet.gif") no-repeat;
  padding:2px 5px 2px 5px;
  margin-top:20px;
  color:#afb4b7;
  line-height:30px;
}
/*espacemeub*/
#Content #Lienformulaire.espacemeub
{
  background-image: url("../img/interface/fond3.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#Content #Lienformulaire.espacemeub a.bouton
{
  background:url("../img/interface/btnciel.gif") no-repeat;
  padding:2px 5px 2px 5px;
  margin-top:20px;
  color:#fff;
  line-height:30px;
}
/*meubsteinmetz*/
#Content #Lienformulaire.meubsteinmetz
{
  background-image: url("../img/interface/fond2.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#Content #Lienformulaire.meubsteinmetz a.bouton
{
  background:url("../img/interface/btnorange.gif") no-repeat;
  padding:2px 5px 2px 5px;
  color:#565759;
  margin-top:20px;
  line-height:30px;
}