/* Général */
body {margin:0; padding:0; background:#8792a1; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
#master { width:1024px; margin:0 auto 0 auto; }
p { margin:0;}
ul, li, div, h1, h2, h3, form{margin:0; padding:0;}
ul{}
a { color:#fbbb00; text-decoration:none; }
.hr{ clear:both; display:block; line-height:0;}
a:active{outline:none;}
a:focus {outline:none;}
a{outline:none;}

.titre_print{display:none;}

/* commun texte */
h1{ padding:8px 0 0 34px; font-size:15px; font-weight:normal; text-transform:uppercase; /*text-shadow: 1px 1px 1px #000;*/ }
h2{ font-size:12px; padding:8px 0 4px 0;}
h3{ font-size:11px; padding:0px 0 2px 0;}
/*.ombre{filter: Shadow(Color=#000000, Direction=135, Strength=5); }*/

.interieur{ padding:0 0 10px 15px;}
.titremenu{ color:#fbbb00; font-size:12px; font-weight:bold;}

/* titre */
.cuisine{background:url(../../imgs/interface/fond-h1-mobilier-cuisine.jpg) no-repeat top left; color:#FBBB00;}
.bain{background:url(../../imgs/interface/fond-h1-mobilier-bain.jpg) no-repeat top left; color:#54c9db;}
.pyram{background:url(../../imgs/interface/fond-h1-pyram.jpg) no-repeat top left; color:#75c832;}
.actualite{background:url(../../imgs/interface/fond-h1-actu.jpg) no-repeat top left; /*color:#766c8e;*/ color:#FFF;}
.agenceur{background:url(../../imgs/interface/fond-h1-agenceur.jpg) no-repeat top left; /*color:#669493;*/ color:#FFF;}
.catalogues{background:url(../../imgs/interface/fond-h1-catalogues.jpg) no-repeat top left; color:#946667;}
.general{background:url(../../imgs/interface/fond-h1-general.jpg) no-repeat top left; color:#EF7F02;}

/* structure */
#conteneur{ padding:0 0 15px 0;}
#contenu{ padding:0 20px 0 20px;}

/* hearder */
#header{ padding:0 20px 0 20px;}
#header .home{ height:95px;}
#header .nohome{ height:84px;}

#pyram{ float:left; width:195px;}

/* menu haut */
#menu-haut{ float:left; width:674px; padding:0 0 0 90px; font-family:Verdana, Geneva, sans-serif; }
#menu-haut ul{ list-style:none;}
#menu-haut li{ background:url(../../imgs/interface/fond-bouton.jpg) repeat-x top left; height:35px; float:left; line-height:10px; font-weight:bold; letter-spacing:-0.07em; margin:0 0 0 12px;}
#menu-haut span{}
#menu-haut li a{color:#FFF; display:block;}
#bt-cuisine{background:url(../../imgs/interface/fond-bt-mobilier-cuisine.gif) no-repeat; height:28px;  padding:6px 10px 0 14px;}
#bt-bain {background:url(../../imgs/interface/fond-bt-mobilier-bain.gif) no-repeat; height:28px; padding:6px 10px 0 14px;}
#bt-actualites {background:url(../../imgs/interface/fond-bt-actualites.gif) no-repeat; height:24px; padding:10px 10px 0 14px;}
#bt-pyram {background:url(../../imgs/interface/fond-bt-pyram.gif) no-repeat; display:block; height:28px; padding:6px 10px 0 14px;}
#bt-agenceur {background:url(../../imgs/interface/fond-bt-agenceur.gif) no-repeat; height:28px; padding:6px 10px 0 14px;}
#bt-catalogue {background:url(../../imgs/interface/fond-bt-catalogues.gif) no-repeat; height:28px; padding:6px 10px 0 14px;}

/* Home */
#home{}
#home .direct{ position:absolute; top:45px; left:560px; }
#home .direct a{color:#FFF; text-decoration:underline;}

#home-top{}
#home #slider{ float:left; width:645px; padding:0 0 0 0; margin-right: 18px;}
#home .slider{position: relative; float: left;}
.slider li{list-style-type: none;}

#home #gamme{float:left; width:360px; height:333px; background:url(../../imgs/interface/fond-home-mobilier.jpg) #FFF repeat-y;}
#home #gamme img{float:left; width:206px; padding:0 0 0 0;}
#home #gamme p{float:left; color:#34393b; padding:0 5px 0 5px; text-align:justify; width:140px;}

#home #gamme h2{ font-size:16px; line-height:22px; margin:8px 0 8px 0; padding:0 0 0 30px;}

#home #mobilier-cuisine{ height:160px;}
#home #mobilier-cuisine h2{ background:url(../../imgs/interface/fond-carre-mobilier-cuisine.gif) no-repeat;}
#home #mobilier-cuisine h2 a{ color:#fbbb00;}

#home #mobilier-bain{ height:160px;}
#home #mobilier-bain h2{background:url(../../imgs/interface/fond-carre-mobilier-bain.gif) no-repeat;}
#home #mobilier-bain h2 a{ color:#54c9db;}

#home-bas{ padding:18px 20px 15px 20px;}
#home-bas .coll-01{float:left; width:460px;}
#home-bas .coll-02{float:left; width:245px; padding:0 20px 0 0;}
#home-bas .coll-03{float:left; width:255px;}

/* block */
#edito{ padding:0 45px 0 0;}
#edito h1{ font-size:11px; padding:0 0 0 15px; height:15px; background:url(../../imgs/interface/fond-carre-edito.gif) no-repeat 0 2px; }
#edito p{ padding:0 0 0 15px;}

#actu-mini{background:url(../../imgs/interface/fond-carre-actu.gif) #99a2af no-repeat 0 2px; padding:0 20px 10px 15px;}
#actu-mini h2{font-size:11px; padding:0; height:18px;  font-weight:normal;}
#actu-mini h2 a{color:#FFF;}
#actu-mini p{}
#actu-mini .lien{ padding:10px 0 0 0; text-decoration:underline; display:block;}

#agenceur-box{ background: url(../../imgs/interface/fond-decrader-bh.jpg) repeat-x bottom; }
#agenceur-box .mane{ background:url(../../imgs/visuel/visuel-agenceur.png) no-repeat bottom right; padding:0 0 10px 10px;}
#agenceur-box h2{font-size:18px; padding:0;}
#agenceur-box img{ float:right;}
#agenceur-box h3{ font-weight:normal; font-size:14px; padding:4px 0 4px 0;}
#agenceur-box .lien{padding:5px 0 0 0; text-decoration:underline; display:block;}
#agenceur-box p{ font-size:11px; font-weight:bold;}

/* Contenu-statiques */
.coll-left{ float:left; width:170px;}
.coll-right{float:left; width:836px; background:url(../../imgs/interface/fond-decrader-bh.jpg) repeat-x bottom left;}
.coll-right h1{height:32px;}
/* sous menu */
.menu{}
.menu ul{ list-style:none;}
.menu li{ }
.menu li a{ color:#FFF; line-height:18px;}
.menu li a:hover{ color:#fbbb00; text-decoration:underline;}
.menu li .active{ color:#fbbb00; text-decoration:underline;}

/* Contenu produits liste */
.gammes{background:url(../../imgs/interface/fond-cuisine.jpg) #FFF repeat-x; color:#34393b; padding:0 0 25px 0;}
.gammes h1{padding:18px 0 0 20px; text-transform:none; font-size:18px;}
/*.gammes .menu{ float:left; width:250px;}
.gammes .menu ul{ list-style:none; padding:0 0 15px 15px;}
.gammes .menu li{ font-weight:bold;}
.gammes .menu li a{ color:#34393b;}
.gammes .menu li a:hover{ color:#fbbb00;}*/
.gammes .liste{ padding:10px 0 0 40px;}
.gammes .liste .vignette{width:220px; height:105px; float:left; margin:8px; }
.gammes .liste .preview .vignimage {height:90px; width:220px; border:1px solid #CCC; text-align:center; display:block; /*background:#CCC;*/}
.gammes .liste .preview span {display:block;}
.gammes .liste img{}
.gammes .liste a{color:#333;}
.gammes .liste a:hover span{ color:#fbbb00; text-decoration:underline;}
.gammes .liste a{background-color:#ffffff;}
/*.gammes .liste a:hover{ color:#fbbb00; text-decoration:underline;}*/
.gammes .liste img a:hover{cursor:pointer !important; height:90px; width:220px; margin:0; border:5px solid #FBBB00;}

/* Contenu produits fiche */
#produits{}
#produits .visuel li{ list-style:none; text-align:center; width:1024px; height:422px; }
#produits .fiche{ padding:18px 0 0 0;}
#produits .fiche .coll-01{float:left; width:155px; padding:0 10px 0 10px;}
#produits .fiche .coll-02{float:left; width:145px; }
#produits .fiche .coll-03{float:left; width:410px;  padding:0 15px 0 10px; }
#produits .fiche .coll-04{float:left; width:265px;}

#produits .fiche h1{font-size:13px; padding:0px 0 2px 0; font-weight:bold;}
#produits .fiche .decription{}

#produits .fiche .palette-couleur{ height:45px;}
#produits .fiche .palette-couleur img{ float:left; padding:5px; width:30px;}
#produits .fiche .palette-couleur p{ float:left; width:85px; padding:9px 0 0 0;}

#produits .fiche .certification{}
#produits .fiche .certification img{ float:left; padding:5px; width:30px;}
#produits .fiche .certification p{ float:left; width:85px; padding:10px 0 0 0;}
#produits .fiche .certification a{ color:#FFF;}
/* Slider */
#produits .fiche .detail-zoom{ font-weight:bold;}
#produits .fiche .slider{background:url(../../imgs/interface/fond-decrader-hb.jpg) repeat-x;}
#produits .fiche .slider img{ margin:10px;}
#produits .fiche .slider .stripe{}
#produits .fiche .slider .bouton-right{ float:right;}
#produits .fiche .slider .bouton-left{ float:left;}

/* actualités et ergonomie */
.articles{ padding:15px 0 0 15px;}
.articles .actu{background:url(../../imgs/interface/fond-carre-actu.gif) no-repeat 0 2px; padding:0 45px 0px 15px; font-size:12px; color:#FFF;}
#accordion h2 a{background:url(../../imgs/interface/fond-carre-actu.gif) no-repeat 0 2px; padding:0 45px 0px 15px; font-size:12px; color:#FFF; outline: none;}
#accordion .date{ color:#FBBB00;}
#accordion img{ float:right;}
.articles .ergo{ padding:0 0 8px 0; font-size:11px; color:#FFF;}
.articles h2 a{ color:#FFF;}
.articles h2 a{ color:#fbbb00;}
.articles p{}
.articles img{ float:right;}
.article{}

/*//// Formulaire contact ////*/
/*contact*/
#contactez {}
#contactez h1 {color:#ef7f00; font-family:Arial, Helvetica, sans-serif;}
#contactez .lien, #presses .lien  { text-align:right; color:#FFF; display:block; background:url(../../imgs/interface/fleche-orange.png) no-repeat right; padding:0 20px 0 0; border:0;}
#contact { width: 280px; float:left; padding-right:10px;}
#contactez .inputform { margin:0 0 5px 0;}
#contact label { float:left; width:80px; text-align:right; padding:0 5px 0 0;}
#contact input { float:left; width:180px;}
#commentaire { width:440px; float:left; border:#0F0 1px;}
#commentaire textarea {width:440px;}
#catalogue-contact { width: 700px; padding: 10px 0 0 80px;}
.brochure {  width:170px; float:left; padding-left:50px; height:240px; vertical-align:bottom; }
.brochure p { color:#FFF; font-size:11px;}



/*presse*/
#presses {}
#presses .intro{ padding:0 0 15px 0;}
#presse {width: 280px; float:left; padding-right:10px;}
#presses .inputform { padding:0 0 5px 0;}
#presses label { float:left; width:80px; text-align:right; padding:0 5px 0 0;}
#presses input { float:left; width:180px;}
#presses #bouton { float:left; width:270px;}
#presses #bouton p{ width:40px; float:left;}
#presses #bouton .checkbox { width:9px; float:left;}


/* Agenceur */
#agenceur{}
#agenceur #left{ width:190px; float:left; padding:0 0 0 0;}
#agenceur #right{width:598px; float:left; padding:0 0 0 25px;}
#agenceur .fiche{ width:530px; background:url(../../imgs/interface/fond-fiche-agenceur.jpg) bottom left repeat-x; margin:0 0 15px 0;}
#agenceur .detail{}
#agenceur .tete{background:#617180; padding:3px 10px 0 10px;}
#agenceur h2{ float:left; width:280px; font-size:14px; }
#agenceur .special{ float:left; width:220px; font-size:11px; }
#agenceur .special img{ padding:5px 2px 0 2px; }
#agenceur .photo{ float:left; width:197px; display:block;}
#agenceur .adresse{ float:left; width:123px;}
#agenceur .web{ float:left; width:85px;}
#agenceur .web a{ cursor:pointer;}
#agenceur .partenaire{ float:left; width:100px; text-align:center; padding-top:20px;}
#agenceur .adresse, #agenceur .web{padding:10px 0 0 10px;}
#agenceur select{ width:185px; background:#cce0df; margin:0 0 20px 0; padding:2px; border:none; font-size:12px;}

.pagin{ text-align:right; font-size:12px; line-height:12px; padding:0 70px 0 0;}
.pagin a{ font-size:12px; font-weight:bold;}

/* agenceur print carte */
#agenceur-carte{ width:704px; background:#4a4a4a; padding:3px;}
#agenceur-carte h2{ font-size:12px;}
#agenceur-carte .carte{ float:left; width:500px;}
#agenceur-carte .infos{ float:left; width:190px; padding:10px 0 0 10px;}
#agenceur-carte .close{ text-align:right;}
#agenceur-carte .info{font-size:11px; height:330px;}
#agenceur-carte .bt-print{text-align:right;}

/* catalogues */
#catalogues{ padding:15px 0 0 0;}
#catalogues a{ color:#FFF;}
#catalogues p{ padding:8px  0 20px 0; font-weight:bold;}
#catalogues .catalogue-list{ float:left;}
#catalogues .cat-cuisine{ width:455px; padding:0 0 0 255px;}
#catalogues .cat-kitchen{ width:455px; padding:0 0 0 255px;}
#catalogues .cat-bain{ width:255px; padding:0 0 0 135px;}
#catalogues .cat-fr{ width:355px; padding:0 0 0 55px;}
#catalogues .cat-en{ width:355px; padding:0 0 0 55px;}
#catalogues .cat-bathroom{ width:455px; padding:0 0 0 255px;}
#catalogueflash{height:700px;}
#cataloguepdf{height:800px;}

/*partenaires*/
#partenaires .fiche{ padding:10px 0 10px 0;}
#partenaires .photo { float:left; width:300px; }
#partenaires .info{ float:left; width:300px; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 20px; }
#partenaires .info h2 { font-size:16px;}

/* espace client */
#espace-client{}
#espace-client label{ float:left; width:110px;}
#espace-client h1{ color:#ef7f00; }
#espace-client p { font-size:12px; padding:20px 0 0 0 ; } 
#espace-client #login {padding:10px 0 0 0;}
#espace-client #pass {padding:10px 0 0 0;}
#espace-client #pass input, #espace-client #login input{ float:left; width:250px; background-color:#464d55;}
#espace-client .bouton input{ padding:20px 0 0 0; background:none; border:none; color:#fff; text-decoration:underline;}
#espace-client .champ{ border:none;}

/*innovation et design*/
#innovation {}
#innovation img{ margin:15px;}
#innovation .vignette{ padding:0 0 0 25px;}

/*dev durable*/
#developpement {}
#developpement li{padding:0 0 15px 0; }

/*contrat*/
#contrats {margin-bottom:25px;}
#contrats #engage h2{color:#75c832;}
#contrats #engage {float:left; width:250px;}
#contrats #engage li{ list-style:none; padding:6px 0 6px 0; }
#contrats #engage span{color:#75c832; font-weight:bold;}
#contrats #contrat { float:right; width:559px;}

/* switch langage */
#switch-lang{float:left; width:23px;}
#fr a{width:23px; height:14px; margin:3px 0 0 0; display:block; background: url(../../imgs/interface/fr.jpg) no-repeat top left;}
#gb a{width:23px; height:14px; margin:3px 0 0 0; display:block; background: url(../../imgs/interface/gb.jpg) no-repeat top left;}
#fr a:hover, #fr .activ {background: url(../../imgs/interface/fr-on.jpg) no-repeat top left;}
#gb a:hover, #gb .activ {background: url(../../imgs/interface/gb-on.jpg) no-repeat top left;}

/* block dégradé */
.block-dg-hb{ background:url(../../imgs/interface/fond-decrader-hb.jpg) repeat-x top left; padding:10px;}
.block-dg-hb ul{ list-style:none; padding:5px 0 0 8px; font-size:12px;}
.block-dg-hb a{ color:#FFF;}
.block-dg-hb a:hover{ color:#fbbb00;}

.size250{width:250px;}

/* file d'ariane */
#file-ariane{ font-size:12px;}
#file-ariane a{ text-decoration:underline;}

/* Footer */
#footer{ text-align:center; clear:both;}
#footer a{ color:#FFF;}
#footer ul{}
#footer li{ display:inline;}
#footer .first{}
#footer .last{}
#footer span{}
#footer li a{}
#footer p{clear:both;}

/* OVErLAY */
/* the overlayed element */
.simple_overlay {
	z-index:10000;
	background-color:#4a4a4a;
	min-height:200px;
	min-width: 90px;
	border:1px solid #CCC;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	display:inline-block;
	position:relative;
	margin-top: 150px;
	width: auto;
	height: auto;
	padding: 10px;
	margin-left:auto;
	margin-right: auto;
	left: 500px;
	text-align:center;
}
.simple_overlay .close {
	background-image:url(../../imgs/interface/bouton-close.gif);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:19px;
	width:19px;
}

.simple_overlay.hidden {
	display:none;
}

/* styling for elements inside overlay */
.details {
	/* position:absolute; */
	top:15px;
	right:15px;
	font-size:11px;
	color:#FFF;
	width:300px;
}

.details h3 {
	color:#000;
	font-size:15px;
	margin:0 0 -10px 0;
}

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 74px;
	width: 215px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}

.scrollable .item {
	height: 74px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

/* Pour les détails */
.defile {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 340px;
	height:90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.defile .details {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.details div {
	float:left;
	padding:0 2px 0 2px;
}

/* ACCORDION */

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; display: none; zoom: 1; 
/* RETRAIT par Solire le 12/10/11 à 12h31 pour bug actu sous IE >>> overflow: auto; */}
.ui-accordion .ui-accordion-content-active { display: block; }

/* LIGHTBOX */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-top: 0.7em;	
}