/* Balises ------------------------------------------------------------------------------------- */
#body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-align: center;
  background: #665345 url(/images/interface/fond.gif) top no-repeat;
}
body
{
  background-color: #000;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
}
a
{
  color: #fc0;
}
p
{
  margin: 0 0 10px 0;
/*   font-size: 12px; */
}
div, span, li, ul, a, img, hr, fieldset
{
  margin: 0;
  padding: 0;
  border: none;
}
form
{
  margin: 0;
}
input, textarea, select
{
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #000;
  width: 290px;
  font-size: 12px;
}
label, th
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
}
h2
{
  font-size: 20px;
  margin: 0;
  padding: 5px;
}
.boutonRadio, .widthAuto
{
  width: auto;
  height: auto;
  border: none;
}
.champPetit
{
  width: 85px;
}
/* Général ------------------------------------------------------------------------------------- */
.souligne /*FCK[Texte souligné]*/
{
  text-decoration: underline;
}
.gras /*FCK[Texte gras]*/
{
  font-weight: bold;
}
.italique /*FCK[Texte italique]*/
{
  font-style: italic;
}
.nowrap
{
  white-space: nowrap;
}
.center /*FCK[Texte centré]*/
{
  text-align: center !important;
  text-align: center;
}
.barre
{
  text-decoration: line-through;
}
.right /*FCK[Texte à droite]*/
{
  text-align: right;
}
.left /*FCK[Texte à gauche]*/
{
  text-align: left;
}
.justify /*FCK[Texte justifié]*/
{
  text-align: justify;
}
.rouge
{
  color: #b00;
}
.vert
{
  color: #0b0;
}
.orange
{
  color: #fc0;
}
.fondGris
{
  background-color: #eee;
}
/* Message et erreur */
.erreur
{
  color: #b00;
  text-align: center;
  padding: 100px 0;
}
.message
{
  color:  #b00;
  border: 1px solid  #b00;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
  background-color: #fff;
  text-align: center;
}
hr.clear
{
  padding: 0;
  margin: 0;
  visibility: hidden;
  clear: both;
}
/*IE seulement, hack de la transparence PNG*/
img/*.pngHack*/
{
  behavior: url(/css/pngHack.htc);
}

/* Menu ---------------------------------------------------------------------------------------- */
.visible
{
  display: block;
}
/* Menu Gauche */
#menuG
{
  float: left;
  width: 184px;
  display: inline;
  text-align: center;
/*   border: 1px red solid; */
/*   position: relative; */
}
#menuG ul
{
  list-style-type: none;
}
#menuG ul li a
{
  display: block;
  width: 150px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: url(/images/interface/boutons/gauche_off.gif);
  margin: 5px 17px;
  color: black;
/*   font-weight: bold; */
  letter-spacing: -0.01em;
  text-decoration: none;
}
/*#menuG ul li a:hover
{
  background: url(/images/interface/boutons/gauche_on.gif);
}*/
#menuG_1 span,
#menuG_2 span,
#menuGS_2 span,
#menuH span,
#menuGS_3 span
{
  display: none;
}
#menuG ul li ul
{
  background-color: #000;
  margin: 5px 17px;
  display: none;
/*   width: 150px; */
  list-style-type: none;
}
#menuG ul li ul.visible,
ul#menuH li ul.visible
{
  display: block;
}
#menuG ul li ul li
{
  padding: 0;
  margin: 0;
  text-align: left;
}
#menuG ul li ul li a
{
  margin: 0 auto 0 3px;
  background: none;
  display: inline;
  font-weight: normal;
  line-height: 14px;
/*   font-size:14px; */
  color: white;
  height:12px;
  width:auto;
  text-align:left;
/*   letter-spacing: 1px; */
}
#menuG ul li ul li a:hover
{
  background: none;
  text-decoration:underline;
}
#menuG ul li ul li ul
{
  background-color: #000;
/*   margin: 5px 10px; */
  margin: 0;
  display: none;
/*   width: 150px; */
  list-style-type: none;
}
#menuG ul li ul li ul.visible
{
  display: block;
}
#menuG ul li ul li ul li
{
  padding: 0;
  padding-left: 5px;
  margin: 0;
  background-color :#FEC87D;
  text-align: left;
}
#menuG ul li ul li ul li a
{
  display: inline;
  font-weight: normal;
  line-height: 12px;
  font-size:11px;
  color: black;
  height:12px;
  width:auto;
  text-align:left;
  letter-spacing: 1px;
}
#menuG ul li ul li a:hover
{
  background: none;
  text-decoration:underline;
}
#menuG div#pubG
{
  width: 152px;
  height: 236px;
  margin: 5px 17px;
/*   background-color: #fff; */
/*   border: 1px solid #000; */
}
/* Menu Droite */
div#menuD
{
  float: right;
  text-align: center;
  display: inline;
  color: #fc0;
  font-size:10px;
  text-transform: uppercase;
/*   width: 126px; */
/*   border : 1px red solid; */
  margin: 0 17px;
}
div#menuD div#pubD
{
  width: 134px;
  height: 208px;
  margin: 0;
  padding: 0;
}
div#pubD img
{
  width: 134px;
  height: 208px;
}
div#menuD a
{
  display: block;
  width: 134px;
  height: 20px;
  line-height: 20px;
  background-image: url(/images/interface/boutons/noir.gif);
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  margin: 5px 0;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}
div#menuD div
{
  background-color: #000;
  width: 135px;
/*   margin: 0 auto; */
/*   text-align: center; */
  background-color: #000;
  padding: 5px 0;
}
div#menuD div#bordHaut
{
  background: transparent url(/images/interface/haut_d.gif) no-repeat bottom;
}
div#menuD div#bordBas
{
  background: transparent url(/images/interface/bas_d.gif) no-repeat top;
}
div#menuD div#haut
{
  background-color: #000;
}
div#menuD div a
{
  background: url(/images/interface/boutons/jaune.gif);
  width: 132px;
  font-size: 10px;
  margin: 2px auto;
  color: #000;
}
div#menuD div#haut div#AutreAmbiances
{
  background:none;
  text-align: center;
}
div#menuD div#haut div#AutreAmbiances a
{
  display:block;
/*   width:91px; */
  height:68px;
  background:none;
  margin-bottom:5px;
  margin-left: auto;
  margin-right: auto;
}
div#menuD div#haut div#AutreAmbiances a img
{
/*   width:91px; */
  height:68px;
  display:block;
  margin-left: auto;
  margin-right: auto;
}
/*div#menuD div#haut div#nouveautes
{
  background:none;
  text-align: center;
}*/
div#menuD div#haut div#nouveautes a
{
  display:block;
  height:68px;
  background:none;
  margin-bottom:5px;
  margin-left: auto;
  margin-right: auto;
}
div#menuD div#haut div#nouveautes a img
{
  height:68px;
  display:block;
  margin-left: auto;
  margin-right: auto;
}
div#menuD div#haut div#AutresProduits
{
  background:none;
  text-align: center;
}
div#menuD div#haut div#AutresProduits a
{
  display:block;
/*   width:91px; */
  height:68px;
  background:none;
  color: white;
  margin-bottom:5px;
}
div#menuD div#haut div#AutresProduits a img
{
/*   width:91px; */
  height:68px;
  display:block;
  margin-left: auto;
  margin-right: auto;
/*   float: left; */
}
/*Menu Haut*/
ul#menuH
{
  list-style-type: none;
  text-align: left;
/*   padding-left: 67px; */
  float: right;
/*   border: 1px red solid; */
}
ul#menuH li
{
  float:left;
/*   float: right; */
}
ul#menuH li a
{
  display: block;
  margin-right: 12px;
  width: 262px;
  height: 23px;
  text-align: left;
}
ul#menuH ul
{
  background-color: #000;
/*   margin: 5px 17px; */
  display: none;
  width: 263px;
  list-style-type: none;
  text-align: left;
  position: absolute;
}
ul#menuH ul li
{
  float:left;
  width: 262px;
  padding: 0;
  margin: 0;
}
ul#menuH ul li a
{
  margin: 0 auto 0 3px;
  background-color: #000;
  display: block;
  width: 262px;
  font-weight: normal;
  line-height: 14px;
  color: white;
  height:14px;
  width:auto;
  text-align:left;
  text-decoration: none;
}
ul#menuH ul li a:hover
{
  background: none;
  text-decoration:underline;
}
ul#menuH ul li a img
{
  display: none;
}
ul#menuH ul li a span
{
  display: inline;
}

/* Contenu ------------------------------------------------------------------------------------- */
div#principal
{
  width: 1000px;
/*   height: 200px; */
  margin: 0 auto;
  text-align: left;
  background: #ffa84f /*#e36010*/ url(/images/interface/fond.gif) top no-repeat;
}
div#bandeau
{
  width: 1000px;
/*   height: 200px; */
  margin: 0 auto;
  text-align: left;
  background: #e36010 url(/images/interface/titre.gif) no-repeat;
  position: relative;
}
div#bandeau_login
{
  width: 1000px;
  height: 109px;
  margin: 0 auto;
  text-align: left;
  background: #e36010 url(/images/interface/titre.gif) no-repeat;
}
div#principal h1
{
  display: none;
}
a#retour_accueil
{
  position: absolute;
/*   float: left; */
  display:block;
/*   border: 1px red solid; */
  left: 320px;
  width: 320px;
  height: 75px;
}
a#retour_accueil span
{
  display: none;
}
div#principal div#langues
{
  float: right;
  padding: 5px 10px;
}
div#blocPro
{
  position: relative;
  float: right;
  clear: right;
  margin-right: 10px;
}
a#accesPro
{
  color: #fff;
  background-color: #000;
/*  float: right;
  clear: right;*/
  padding: 4px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 10px;
/*   margin-right: 10px; */
  margin-bottom: 4px;
  background-color: #000;
}
p#connected
{
  text-align: center;
  padding-top: 5px;
  font-weight: bold;
  letter-spacing: 1px;
}
#searchForm
{
  height: 75px;
}
#searchForm fieldset
{
  border: none;
/*   border: 1px red solid; */
  margin: 0;
  padding: 5px 0 0 15px;
  width: 150px !important;
  width: 180px;
}
#searchResults
{
  text-align: left;
}
#searchResults a p
{
  color: white;
}
input#search
{
  width: 125px;
  height: 20px;
  float: left;
  display: inline;
  border: none;
  margin: 0;
  padding: 0;
}
input#searchButton
{
  width: 25px;
  height: 20px;
  float: left;
  padding: 0;
  border: none;
  margin: 0;
  width: auto;
  font-weight: bold;
  cursor: pointer;
  background: #8c8c8c url('/images/interface/boutons/search_button.gif') center repeat-x;
}
form#searchForm a
{
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  font-size: 9px;
}
div#header
{
  margin: 2px 5px;
  height: 25px;
/*   border: 1px red solid; */
/*   position: relative; */
}
a#design_album
{
  background: transparent url(/images/interface/design_album.png) center no-repeat;
  width: 116px;
  height: 11px;
  display: block;
  float: left;
  top: 4px;
  left: 28px;
}
#header #design-album {
  width: 116px;
  height: 11px;
  /*float: left;*/
  position: absolute;
  top: 81px;
  left: 31px;
}
/* Contenu */
div#conteneur
{
  float: left;
  margin-left: 3px;
  display: inline;
/*   border : 1px red solid; */
  padding-top: 5px;
}
div#conteneur div#chemin
{
  background-color: transparent;
  color: #000;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
}
div#conteneur div#chemin a
{
  text-decoration: none;
}
div#conteneurChemin div#chemin a
{
  text-decoration: none;
}

div#conteneur div#main
{
  width: 630px !important;
  width: 640px;
/*   border : 1px red solid; */
  padding: 5px;
  background-color: #000;
  color: #fff;
}
div#conteneur div#main.large
{
  width: 795px !important;
  width: 795px;
  text-align: center;
}

/* Design Album */
div#mainImg
{
  width: auto;
  text-align: center;
  position: relative;
}
#daImg
{
  margin-top:5px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#daImages,
#epImages,
#epProduitsAssocies
{
  position:relative;
/*   border: 1px red solid; */
  width: 627px;
  top: 0;
  left: 2px !important;
  left: 1px;
}
#daImages a,
#epImages a,
#epProduitsAssocies a
{
  width: 80px;
  top:0;
  left:0;
  border:0;
}
#daImages a img,
#epImages a img,
#epProduitsAssocies a img
{
  width: 80px;
  margin:5px 7px 0px 0px;
}
#daImages a:hover,
#epImages a:hover,
#epProduitsAssocies a:hover
{
  background: none;
}
#daImages a .zoom,
#epImages a .zoom,
#epProduitsAssocies a .zoom
{
  display:block;
  position:absolute;
  width:0;
  height:0;
  border:0;
  top:0;
  left:0;
}
#daImages a:hover .zoom,
#epImages a:hover .zoom,
#epProduitsAssocies a:hover .zoom
{
  position:absolute;
  top:-230px;
  left:150px;
  width:300px;
  height: auto;
  padding: 5px;
  background-color: #cccccc;
  border: 1px #888888 solid;
}
#dabarre
{
  clear:both;
  visibility:hidden;
  margin:0;
}
#daDescription
{
  margin:0px 0px 0px 8px;
}
/* Accès pro */
div#espacePro
{
/*  background-position: center;
  background-repeat: no-repeat;*/
/*   height: 33px; */
  padding: 11px 0;
  text-align: center;
}
/*div#espacePro span
{
  display: none;
}*/
td.miniature
{
  height: 50px;
}
td.nouveaute
{
  color: #b00;
}
/*.epImg
{
  margin:5px 0px 2px 8px;
}*/
/*div.epImg img
{
  float: left;
}*/
/* #epImages */
/* #epProduitsAssocies */
/*{
  margin-left:7px;
}
#epImages a,
#epProduitsAssocies a
{
  position: relative;
}
#epImages a img.zoom,
#epProduitsAssocies a img.zoom
{
  display:none;
}
#epImages a:hover img.zoom,
#epProduitsAssocies a:hover img.zoom
{
  display: inline;
  width: 300px;
  position: absolute;
  left:-100px;
  top:-100px;
  z-index: 10;
  padding: 5px;
  background-color: #cccccc;
  border: 1px #888888 solid;
}
#epImages img,
#epProduitsAssocies img
{*/
/*   width:50px; */
/*  width:80px;
  margin:5px 4px 0px 0px;
}*/
#epFichiers a
{
  text-decoration: none;
}
#epFichiers
{
  text-align: left;
  float: left;
}
#epCaddy
{
  text-align: right;
  float: right;
}
.epBarre
{
  clear:both;
  visibility:hidden;
  margin:0;
}
#prix
{
  display: block;
  float: right;
  text-align: right;
}
#epInfosElement
{
  text-align: left;
}
.field_quantite
{
  width: 58px !important;
  width: 62px;
}
.field_quantite input
{
  text-align: left;
  width: 40px;
  float: left;
}
.field_quantite img
{
  width:13px;
  height: 9px;
  cursor: pointer;
  float: right;
  clear: right;
  border: none;
}
.tabPanier
{

}
/* Gestion des commandes dans le compte (espace pro) */
ul.commandes
{
  list-style-type: none;
}
ul.commandes li
{
  margin: 5px 0 5px 10px;
}
p.blocInfosCommande
{
  padding: 5px;
}
span.titreBlocInfosCommande
{
  background-color: #665345;
  color : white;
  display: block;
  padding: 2px;
  font-weight: bold;
}
p.blocInfosCommande span.labelCommande
{
  font-weight: bold;
  width: 120px;
  display: block;
  float: left;
}

/* Page d'intro */
body#bodyIntro
{
  background-color: #665345;
}
div#intro
{
  margin: 0 auto;
/*   padding-top: 80px; */
  text-align: center;
}
div#map
{
  width: 750px;
/*   height: 420px; */
  margin: 0 auto 10px auto;
}
/* Outil de mise en situation */
div#cadrePhoto
{
  line-height: 443px;
  margin: 10px auto;
  width: 627px;
  height: 443px;
  border: 1px white solid;
  text-align: center;
}
div#cadrePhoto div#dd_div
{
  line-height: normal;
  position: absolute;
  z-index: 100;
  width: 100px;
  height: 70px;
/*   border: 1px solid white; */
}
div#cadrePhoto div#dd_div img#dd_img
{
  width: 100%;
  height: 100%;
  display: none;
}

/* Intranet ------------------------------------------------------------------------------------ */
.tabIntranet
{
  border-spacing: 0;
  border-collapse: collapse;
  border-width: 0;
  border-style: hidden;
  margin: 0 auto;
}
.tabIntranet .right
{
  text-align: right;
}
.tabIntranet td, .tabIntranet th
{
  height: auto;
  padding: 4px;
  margin: 0;
  font-size: 12px;
  border-top: 1px solid #665345;
  color: #fff;
  text-align: left;
}
.tabIntranet th
{
  background-color: #665345;
  border-style: hidden;
  border-width: 0;
  text-align: center;
}
.tabIntranet td a, .ajout a
{
  font-weight: normal;
  text-decoration: none;
}
.ajout
{
  font-size: 12px;
  margin-bottom: 5px;
}
.suivant
{
  float: right;
  display: inline;
}
.precedent
{
  text-align: left;
}
.precedent a, .suivant a
{
  text-decoration: none;
  font-size: 10px;
}
.stats
{
  font-size: 10px;
  display: inline;
}
.bouton,
.boutonRouge,
.boutonVert
{
  width: auto;
  font-weight: bold;
  cursor: pointer;
}
.bouton
{
  background: #8c8c8c url('/images/interface/boutons/search_button.gif') left center repeat-x;
}
.boutonRouge
{
  background-color: #b00;
  color: #fff;
  float: left;
}
.boutonVert
{
  background-color: #0b0;
  color: #fff;
  float: right;
}
/* Style spécifique FCKeditor ------------------------------------------------------------------ */
/*h2.titre
{
  font-size: 15px;
  font-family: Verdana, Arial, sans-serif;
  margin: 10px 0 5px 0;
  letter-spacing: -0.05em;
  color: #fff;
}*/
p.center /*FCK[Paragraphe centré]*/
{
  text-align: center;
}
p.right /*FCK[Paragraphe à droite]*/
{
  text-align: right;
}
p.left /*FCK[Paragraphe à gauche]*/
{
  text-align: left;
}
img.imgRight /*FCK[Image à droite]*/
{
  float: right;
  margin: 0  0 15px 15px;
}
img.imgLeft /*FCK[Image à gauche]*/
{
  float: left;
  margin: 0 15px 15px 0;
}
.SC_Panel /* menu déroulant des styles */
{
  background-color: black;
}
hr
{
/*   height: 1px; */
  width: 100%;
  border: 1px solid #ecf8fe;
/*   font-size: 1px; */
}
a#ep_coinD
{
  position: absolute;
  right: 0 !important;
  right: 7px;
  color: white;
  font-weight: bold;
  background-color: #665345;
  padding: 2px 5px;
  text-decoration: none;
}
span.highlight
{
  background-color: red;
  font-weight: bold;
  color: white;
}
#paiementCB,
#paiementCB form,
#paiementCB form input
{
  width: auto;
  display: inline;
}
#paiementCB input
{
  width: auto;
  font-weight: bold;
  cursor: pointer;
}
#paiementCB input
{
  background: #8c8c8c url('/images/interface/boutons/search_button.gif') left center repeat-x;
}
/* Info Bulle ;) */
a.infoBulle
{
  position: relative;
  text-decoration: none;
  z-index: 1;
}
a.infoBulle span
{
  display: none;
}
a.infoBulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 10;
}
a.infoBulle:hover span
{
  display: block;
  position: absolute;
  background: white;
  color: black;
  border: 1px solid #000;
  width: 155px;
  text-align: justify;
  font-size: 11px;
  font-weight: normal;
  line-height:11px;
  padding: 3px;
  letter-spacing: 1px;
  text-transform: none;
}
a#memo.infoBulle:hover span
{
  top: -100px;
  left: -15px;
}
a#situ.infoBulle:hover span
{
  top: -155px;
  left: -15px;
}
a#situ2.infoBulle:hover span
{
  top: 25px;
  left: -15px;
}
a#media.infoBulle:hover span
{
  top: -45px;
  left: -15px;
}
a#design_album.infoBulle
{
  cursor: help;
}
a#design_album.infoBulle:hover
{
  background-position: top left;
}
/*a#design_album.infoBulle span
{
  display: none;
}*/
a#design_album.infoBulle:hover span
{
  top: 28px;
  left: -22px;
}
/*a#design_album.infoBulle span
{
  display: block;
  border: 3px red solid;
  top: 28px;
  left: -22px;
}*/
.conseil
{
  margin: 15px 0;
}
#recap_commande fieldset
{
  margin: 5px 0;
  padding: 5px;
  border: 1px white solid;
}
#fieldset_facturation
{
  width: 300px;
  float: left;
}
#fieldset_livraison
{
  width: 300px;
  float: right;
}
#fieldset_autres_coordonnees
{
  clear: both;
}
#fieldset_panier
{
  clear: both;
}
#fieldset_informations
{

}
#p_infos_supp
{

}
form#print
{
  margin: 5px;
}
#main ul
{
  padding-left: 15px;
}
.txt_espace
{
  line-height: 16px;
}
.coord_banques
{
  margin: 5px auto;
  color: black;
}
#da_footer
{
  color: black;
  text-align: center;
  margin: 0;
  padding: 3px 0;
}
#da_footer a
{
  color: black;
}
#da_footer a:hover
{
  color: white;
}
#cornerContainer {
  text-align: center;
  position: relative;
}
#cornerContainer img {
  z-index: 1;
}
#cornerContainer div {
  background-color: black;
/*   border: 1px red solid; */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 20px;
  z-index: 10;
}