@import url(common.css);

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

html {
  font:11px Arial, helvetica, sans-serif;
  background:#ececec;
}

.bleu {color:#44819E !important}
.aubergine{color:#9b0d60}
.grisfonce {color:#4b4846 !important}
.fontgris {color:#c5c5c5 !important}


img {border:none}

a {text-decoration:none}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}
h5 {font-size:10px}

.liste {background:#d9d4c2; border:1px #c4c0b2 solid;color:#5b543c; padding:10px 10px 0px 10px}
.liste li {margin:0px 0px 10px 15px}

/**********************************************************************************************
 *************************** SQUELETTE *************************
 **********************************************************************************************/

#page{background:#e4e4e4 url(../img/squelette/bg_header.gif) repeat-x;text-align:center}

#header{background:url(../img/squelette/bg_head.gif) no-repeat;padding:5px 0 0 25px}

.conteneur {
  width:960px;
  text-align:left;
  margin:0px auto 0px auto;
}

/**********************************************************************************************
 *************************** partie haute *************************
 **********************************************************************************************/



#header h2{float:left;color:#c5c5c5;font-size:11px;font-weight:normal;margin:8px 0 20px 4px}
#header h1{margin:15px 0 0 20px;width:280px;float:left}
#header h1.pages{margin:15px 0 0 15px;width:220px;float:left}



#header #fastLinkA{margin:3px 0 0 170px}
#header #fastLinkA a{color:#c5c5c5;text-decoration:underline;}
#header #fastLinkA a:hover{text-decoration:none}

#header .fastLinkP{background:url(../img/squelette/img_fastlink.jpg) no-repeat 0 -7px;margin-top:3px;padding-left:20px;height:39px}
#header .fastLinkP a{text-decoration:underline;}
#header .fastLinkP a:hover{text-decoration:none;}
#header a.puceflecheclair{padding-left:10px;background:url(../img/standard/puce_fleche_clair.gif) 0 5px no-repeat;margin:0 30px 0 0;color:#c5c5c5}

#header a.puceflecheclair:hover{padding-left:10px;background:#fff url(../img/head/fl_fast.gif) 0 5px no-repeat;margin:0 30px 0 0;color:#666}
#header a.bl:hover{background:#44819E url(../img/head/fl_fast.gif) 0 5px no-repeat;color:#fff}
#header a.aub:hover{background:#9b0d60 url(../img/head/fl_fast.gif) 0 5px no-repeat;color:#fff}
#header a.contenu:hover{background:#79725a url(../img/head/fl_fast.gif) 0 5px no-repeat;color:#fff !important}



#imgHeader{margin:-19px 0 0 0}
#imgSlogan{margin:55px 0 0 0;}


#header ul{width:190px;margin:0px 0 0 5px}
#header ul.agauche{margin-left:25px}
#header ul li{list-style:none;margin-bottom:2px}
#header ul li a{zoom:1;color:#fff;background:#4b4846 url(../img/menu/fleches_menu.gif) no-repeat 175px 5px;padding:2px 3px;display:block;text-decoration:none;color:#fff;font-weight:normal}
#header ul li a:hover,#header ul li a.actif{font-weight:bold;}
#header ul.agauche li a:hover,#header ul.agauche li a.actif{background:#9b0d60 url(../img/menu/fleches_menu.gif) no-repeat 175px 5px;}
#header ul.adroite li a:hover,#header ul.adroite li a.actif{background:#44819E url(../img/menu/fleches_menu.gif) no-repeat 175px 5px;}

#header ul li.bl{background:url(../img/pages/bg_menubl.jpg) no-repeat;}
#header ul li.aub{background:url(../img/pages/bg_menuaub.jpg) no-repeat;}
#header ul li.titre{height:15px;color:#fff;text-transform:uppercase;text-align:center}

#header #promos{position:relative;width:296px;height:182px;background:url(../img/accueil/bg_promo.jpg) no-repeat;margin:-5px 0 0 0;text-align:center;color:#c5c5c5}
#header #promos img#titre{margin-top:14px}

#header #promos ul{width:278px;text-align:left;margin:8px 0 0 10px}
#header #promos ul li{list-style:none;}
#header #promos ul li a{font-weight:normal;padding:3px;display:block;height:30px;background:url(../img/accueil/bg_promo_li.jpg) no-repeat 0 0;margin:0 0 2px 0}
#header #promos ul li a:hover{background-position:0 -36px}

#header #promos ul li span{cursor:pointer;text-transform:uppercase;color:#fff;font-size:11px;margin:8px 5px 0 6px}
#header #promos ul li img.puce{float:right;margin:11px 7px 0 0}

#header #promos p.tutto{display:block;position:absolute;bottom:4px;left:65px;}
#header #promos p.tutto a{display:inline;width:150px;font-size:9px;color:#c5c5c5;border-bottom:1px dotted;margin:0 5px}
#header #promos p.tutto a:hover{border-bottom:1px solid}


/**********************************************************************************************
 *************************** ACCUEIL *************************
 **********************************************************************************************/



#gauche{position:relative;z-index:3;width:610px;float:left;margin:-5px 0 20px 0;background:#fff;border:1px #ddd solid;}

#gauche h2{color:#4b4846;font-size:13px;margin-right:10px}
#gauche h2 img{margin:5px 5px 0 0;}
#gauche img{margin:5px 10px 10px}

#produits{background:#c7c7c7;margin:100px 0 0 0;}
#encarts{background:#ececec url(../img/squelette/bg_bande.jpg) repeat-x top left;margin:0 0 0 0;padding:1px 0 0 0}

#bloc_droite{position:relative;}
#grosse{position:relative;top:-80px;width:960px;left:0px;text-align:left;margin:0px auto 0px auto;margin-top:-30px;}

#produits .droite{margin-left:610px;}
#encarts .droite{margin-left:612px;}

#produits .droite h2 img.produit{position:relative;top:-31px;}
#produits .droite h2 img.concept{position:relative;top:3px}
#produits .droite h2 span{float:left;margin-top:-2000px}

#encarts .droite a.imgEncart{display:block;width:343px;height:143px}

/***************** MENU **/

ul#menuAub,ul#menuBl{width:161px;float:left;margin:-20px 0 10px 5px}
ul#menuAub h3,ul#menuBl h3{width:161px;font-size:11px;display:block;font-weight:normal;color:#fff;}
ul#menuAub h3 a,ul#menuBl h3 a{padding:1px 3px;display:block;font-weight:normal;color:#fff;text-decoration:none}
ul#menuAub h3 a{zoom:1;background:#9b0d60 url(../img/menu/fleches_menu.gif) no-repeat 147px 5px;}
ul#menuBl h3 a{zoom:1;background:#44819E url(../img/menu/fleches_menu.gif) no-repeat 147px 5px;}
ul#menuAub h3 a:hover,ul#menuBl h3 a:hover{background:#4b4846 url(../img/menu/fleches_menu.gif) no-repeat 147px 5px;}

ul#menuAub li,ul#menuBl li{list-style:none}

ul#menuAub li ul.vignettes,
ul#menuBl li ul.vignettes{background:url(../img/menu/fl_vign.gif) no-repeat center left;padding-left:10px;margin:3px 0 3px 5px}
ul#menuAub li ul.vignettes li,
ul#menuBl li ul.vignettes li{list-style:none;display:inline;}


/**********************************************************************************************
 *************************** pages *************************
 **********************************************************************************************/

/** commun **/
#gaucheG{position:relative;top:-40px;z-index:4;width:610px;margin:0 0 0 0;background:#fff;border:1px #ddd solid;}
#gaucheG h2{color:#FFF;font-size:15px;position:relative;top:-25px}
#gaucheG img.visu{margin:10px}
#pagesInt{color:#fff;font-size:11px;width:340px}
#pagesInt p{padding:10px}
#pagesInt h2{position:relative;z-index:5;float:left;margin:-25px 0 0 10px;font-size:13pt}
#pagesInt h3.fiche{font-size:14px;font-family:"Arial";color:#fff;margin:15px 0 0 10px}

#pagesInt #vignettes{margin:0 0 0 10px;}
#pagesInt #vignettes a{height:52px;margin:0 1px 1px 0}
#pagesInt p.minimum{padding:0;}


#gaucheG #gestionnaire{padding:10px}
#gaucheG #gestionnaire img.habg{margin:0 10px 10px 0}
#gaucheG #gestionnaire img.habd{margin:0 0 10px 10px}
#gaucheG #gestionnaire p{color:#6b6867}

#gaucheG .aub h3{color:#9b0d60;font-size:10pt;margin-bottom:10px}
#gaucheG .bl h3{color:#44819E;font-size:10pt;margin-bottom:10px}
#gaucheG .contenu h3{color:#79725a;font-size:12pt;margin-bottom:10px}

#gaucheG .contenu h4{color:#6e674d;font-size:9pt;margin-bottom:5px;}
#gaucheG .contenu h5{font-size:10px;margin:5px 0 10px 10px;color:#888}




/** aub **/
#aub{background:#9b0d60 url(../img/pages/bg_aub.jpg) repeat-x;margin:60px 0 0 0;}
#aub .droite{margin-left:610px;}
#aub #pagesInt h2{color:#9b0d60}

#aub .droite h2 img.produit{position:relative;top:-31px;}
#aub .droite h2 img.concept{position:relative;top:3px}
#aub .droite h2 span{float:left;margin-top:-2000px}


/** bl **/
#bl{background:#44819E url(../img/pages/bg_bl.jpg) repeat-x;margin:60px 0 0 0;}
#bl .droite{margin-left:610px;}
#bl #pagesInt h2{color:#44819E}

#bl .droite h2 img.produit{position:relative;top:-31px;}
#bl .droite h2 img.concept{position:relative;top:3px}
#bl .droite h2 span{float:left;margin-top:-2000px}

/** contenu **/
#contenu{background:#4b4846 url(../img/pages/bg_contenu.jpg) repeat-x;margin:60px 0 0 0;}
#contenu .droite{margin-left:610px;}
#contenu #pagesInt h2{color:#4b4846}

#contenu .droite h2 img.produit{position:relative;top:-31px;}
#contenu .droite h2 img.concept{position:relative;top:3px}
#contenu .droite h2 span{float:left;margin-top:-2000px}


/** menu produits **/

ul.listingPAub{width:318px;margin:5px 0 10px 10px}
ul.listingPAub li{margin-bottom:4px;list-style:none;text-transform:uppercase;background:url(../img/pages/bg_cell_aub.jpg) repeat-x}
ul.listingPAub li a{width:318px;height:31px;font-weight:bold;display:block;zoom:1;color:#4b4846;font-size:11px;text-decoration:none}
ul.listingPAub li a img{float:right;}
ul.listingPAub li a span{position:relative;top:10px;left:6px;}

/** menu produits aub **/
#aub ul.listingPAub li a:hover,#aub ul.listingPAub li a.actif{color:#9b0d60}


/** menu produits bl **/
#bl ul.listingPAub li a:hover,#bl ul.listingPAub li a.actif{color:#44819E}

/** menu produits contenu **/
#contenu ul.listingPAub{width:318px;margin:15px 0 10px 10px}
#contenu ul.listingPAub li.content a:hover,#bl ul.listingPAub li a.actif{color:#79725a}
#contenu ul.listingPAub li.showroom a:hover,#bl ul.listingPAub li a.actif{color:#9b0d60}
#contenu ul.listingPAub li.be a:hover,#bl ul.listingPAub li a.actif{color:#44819E}

/***************************************************************************************************/
/*** sous menu ***/

#contenu ul.listingPAub li ul li{background:transparent;padding:0;margin:0;}

#contenu a.gest{text-transform:none;font-weight:normal;display:block;margin:2px 0 0 0;padding:5px 0 0 5px;width:313px;height:17px;color:#363332;}

#contenu ul.listingPAub li.showroom a.gest{background:url(../img/pages/cell_gest_aub.jpg) 0 -22px}
#contenu ul.listingPAub li.showroom a.gest:hover,#contenu ul.listingPAub li.showroom ul li.actif a.gest{color:#fff ;background:url(../img/pages/cell_gest_aub.jpg) 0 0}


#contenu ul.listingPAub li.be a.gest{background:url(../img/pages/cell_gest_bl.jpg) 0 -22px}
#contenu ul.listingPAub li.be a.gest:hover,#contenu ul.listingPAub li.be ul li.actif a.gest{color:#fff;background:url(../img/pages/cell_gest_bl.jpg) 0 0}

#contenu ul.listingPAub li.content a.gest{background:url(../img/pages/cell_gest_contenu.jpg) 0 -22px}
#contenu ul.listingPAub li.content a.gest:hover,#contenu ul.listingPAub li.content ul li.actif a.gest{color:#fff;background:url(../img/pages/cell_gest_contenu.jpg) 0 0}

/***************************************************************************************************/

/*** encart 3d **/
#encart_cuisine{margin:2px 0 10px 7px;width:321px;height:179px;}
#encart_cuisine div.contentEncart{padding:10px 0 0 10px;color:#404040}
#encart_cuisine div.contentEncart p{padding:0;}
#encart_cuisine div.contentEncart a{color:#404040}


/*** encart 3d aub **/
#aub #encart_cuisine{background:url(../img/pages/encart_aub.jpg) no-repeat}
#aub #encart_cuisine div.contentEncart{padding:10px 0 0 10px;}
#aub #encart_cuisine div.contentEncart h3,#aub #encart_desc div.contentEncart h3{color:#9b0d60;font-size:12px}

#aub #encart_cuisine div.contentEncart h3 a,#aub #encart_desc div.contentEncart h3 a{color:#9b0d60}

#aub #encart_cuisine div.contentEncart a.plus{display:block;margin-top:10px;width:70px;padding:4px;background-color:#9b0d60;color:#fff;text-decoration:underline}
#aub #encart_cuisine div.contentEncart a.plus:hover{text-decoration:none}



/*** encart 3d bl **/
#bl #encart_cuisine{background:url(../img/pages/encart_bl.jpg) no-repeat;text-align:right}
#bl #encart_cuisine div.contentEncart{padding:10px 10px 0 0;}
#bl #encart_cuisine div.contentEncart h3,#bl #encart_desc div.contentEncart h3{color:#44819E;font-size:12px}
#bl #encart_cuisine div.contentEncart h3 a,#bl #encart_desc div.contentEncart h3 a{color:#44819E}

#bl #encart_cuisine div.contentEncart a.plus{display:block;float:right;margin-top:10px;width:70px;padding:4px;background-color:#44819E;color:#fff;text-decoration:underline}
#bl #encart_cuisine div.contentEncart a.plus:hover{text-decoration:none}


/* encart descriptif commun */
#encart_desc{padding-top:11px;width:321px;}
#aub #encart_desc div.contentEncart p,#bl #encart_desc div.contentEncart p{text-align:justify;color:#4b4846}
#aub #encart_desc div.contentEncart p.center,#bl #encart_desc div.contentEncart p.center{text-align:center;color:#4b4846}
#aub #encart_desc div.contentEncart h3,#bl #encart_desc div.contentEncart h3{margin:0 0 0 10px}
#aub #encart_desc div.contentEncart a,#bl #encart_desc div.contentEncart a{margin:auto}



/* encart descriptif aub */
#aub #encart_desc{background:url(../img/produits/cuisines/desc_aub_haut.jpg) no-repeat top center;margin:10px 0 10px 7px;}
#aub #encart_desc div.contentEncart{width:321px;background:url(../img/produits/cuisines/desc_aub_bg.jpg) repeat-y right;}
#aub #encart_desc #bas_encart_desc{height:11px;width:321px;background:url(../img/produits/cuisines/desc_aub_bas.jpg)}

/* encart descriptif bl */
#bl #encart_desc{background:url(../img/produits/travaux/desc_aub_haut.jpg) no-repeat top center;margin:10px 0 10px 7px;}
#bl #encart_desc div.contentEncart{width:321px;background:url(../img/produits/travaux/desc_aub_bg.jpg) repeat-y right;}
#bl #encart_desc #bas_encart_desc{height:11px;width:321px;background:url(../img/produits/travaux/desc_aub_bas.jpg)}

/*** encart 3d contenu **/
#contenu #encart_cuisine{margin-top:20px;background:url(../img/pages/encart_content.jpg) no-repeat;text-align:right}
#contenu #encart_cuisine div.contentEncart{padding:10px 10px 0 0;}
#contenu #encart_cuisine div.contentEncart h3{color:#79725a;font-size:12px}

/**********************************************************************************************
 *************************** footer Accueil *************************
 **********************************************************************************************/

#footer ul li{list-style:none;display:inline}
#footer ul li a{color:#c5c5c5;text-decoration:underline;font-weight:normal;margin-right:20px}
#footer ul li a:hover{text-decoration:none;}

#footer{background:#4b4846;color:#c5c5c5;font-size:11px;clear:both;}
#footer #foot{padding:15px;background:url(../img/footer/ergots.gif) no-repeat top left}

/**********************************************************************************************
 *************************** footer Pages *************************
 **********************************************************************************************/

#footerP ul li{list-style:none;display:inline}
#footerP ul li a{color:#5c5c5c;text-decoration:underline;font-weight:normal;margin-right:20px}
#footerP ul li a:hover{text-decoration:none;}

#footerP{background:#e4e3e3;color:#5c5c5c;font-size:11px;clear:both}
#footerP #foot{padding:0 15px 15px 15px;}

#footerP img.ergots{position:relative;top:-7px;}

/**********************************************************************************************
 *************************** COMMUN *************************
 **********************************************************************************************/

#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#79725a; margin:10px; padding:10px; width:400px;color:#fff}
.fond-infos p,.fond-infos2 p{color:#fff !important}
.fond-infos2 {background-color:#675a2d}

.fond-infos a,.fond-infos2 a,td.couleur1 a,td.couleur2 a{color:#fff;text-decoration:none;border-bottom:1px #fff dotted}
.fond-infos a:hover,.fond-infos2 a:hover,td.couleur1 a:hover,td.couleur2 a:hover{color:#fff;text-decoration:none;border-bottom:1px #fff solid}

.couleur1 {background-color:#79725a}
.couleur2 {background-color:#675a2d}

td.couleur1,td.couleur2{height:50px;color:#fff;font-size:11px}

.aide{padding-left:10px}
.aide p{text-align:justify}
.aide caption {width:583px; background-color:#eee; color:#79725a; padding:1px 0px; font-weight:bold;font-size:11px}
#extras caption {width:583px; background-color:#eee; color:#79725a; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px;color:#fff}
#extras p{text-align:justify; width:580px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:580px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan{padding:0px 10px 10px}
#plan .element{ width:280px; margin-right:5px;}

#plan ul{margin-top:10px}

#plan ul li{list-style:none}

#plan ul li a.titre{zoom:1;display:block;background:#675a2d;color:#fff;padding:5px;border-bottom:1px #fff solid;font-weight:bold}
#plan ul li a.titre:hover{background:#4b4846;}

#plan ul li a{zoom:1;display:block;background:#bdb7a4;color:#666;padding:5px;border-bottom:1px #fff solid;}
#plan ul li a:hover{background:#79725a;color:#fff;}

div.extras .credits1,div.extras .credits2{color:#666;background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:350px}
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}
div.extras .credits1 p,div.extras .credits2 p{margin-top:0 !important}

#creditsLeb a{text-decoration:none !important;color:#666}
#creditsLeb h4{margin:10px 0}
#creditsLeb ul li{margin-left:0 !important}
#creditsLeb ul{border:none}

td.calendrier{color:#fff; text-align:center}

ul.formules li.formule {display:block;clear:both;width:auto;margin:5px 0 0 40px;}
ul.formules li.formule label{margin-left:5px}



.ok, .error{ text-align:center; }
.ok {background-color:#44819E; color:#fff !important; font-weight:bold; padding:2px 0px}
.error {background-color:#44819E; color:#fff !important; font-weight:bold; padding:2px 0px}


/***************************************
************ FORMULAIRES ***
***************************************************************/

/*** FORMULAIRES ***/

label a{font-weight:bold;color:#fff;text-decoration:underline}
label a:hover{text-decoration:none}

#formContact div.bg_marron{width:583px;background:#714739;border:color:#fff;padding:10px 10px;margin:10px 0 10px 0}
#formContact div.bg_clair_bordure{width:583px;background:#174c5b;border:5px #6296a4 solid;color:#fff;padding:10px 5px;margin:10px 0 10px 0}
#formContact div.bg_clair{width:583px;background:#79725a;color:#fff;padding:10px 5px;margin:10px 0 10px 0}
#formContact div.bg_m_clair{background:#7f5a4d;padding:7px;text-align:center;margin-top:10px}

/*** input avec fond > ex tarif **/
#formContact label.gauche{float:left;width:100px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px}
#formContact label.alone{width:100px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px}

#formContact label.labelCheck{width:25px;position:relative;top:-2px}
#formContact p.inpoute{float:left;background:url(../img/form/bg_bleu_input.jpg) no-repeat;width:333px;height:25px;padding:3px 0 0 3px}
#formContact p.inpoute input.textuel{background:#fff;border:none;width:323px;height:16px;padding-top:4px;padding-left:7px;font-family:arial;font-weight:bold;color:#174c5b}


/**** input sans fond ***/
#formContact p.inpout{float:left;padding:8px}
#formContact label.normal{float:left;width:130px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:9px}
#formContact p.inpout input.textuel{background:#fff;border:none;width:300px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#4b4846;font-size:11px}
#formContact p.inpout input.envoyer{text-align:left;background:#fff;border:none;width:200px;padding:3px;font-family:arial;color:#4b4846;font-size:11px}
#formContact p.inpout select.long{width:302px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#4b4846;font-size:11px}
#formContact p.inpout textarea{width:400px;height:150px;font-family:arial;color:#4b4846;font-size:11px}

/**** input en block ***/
#formContact div.inpoutLine{width:500px;margin:10px 0 0 20px}
#formContact div.inpoutLine div.riad{margin:5px 0 0 10px}

#formContact p.info_prix{margin-top:5px;background:#fff;padding:5px;color:#373737}
#formContact p.info_prix span.rouge{width:150px;text-align:center;padding:3px 20px;background:#eb3333;color:#fff;margin-left:10px}


/*** formulaire ***/
.formulaire{width:583px;text-align:left;margin:15px auto 0 auto;font-family:arial}
.formulaire .champsClair{display:block;margin-bottom:3px;background-color:#79715A;}
.formulaire .champsFonce{display:block;margin-bottom:3px;background-color:#999}
.formulaire .champsClairArea{display:block;margin-bottom:3px;background-color:#79715A;height:185px}
.formulaire .obli{float:left;text-align:center;display:block;width:10%;height:50px;}
.formulaire .obli .etoile{font-size:24px;position:relative;top:16px;color:#fff}
.formulaire .intitule{float:left;text-align:right;display:block;width:20%;height:50px;}
.formulaire .champ{float:left;display:block;width:70%;height:50px;}
.formulaire .alir{display:block;position:relative;top:10px;left:10px;width:100px;color:#fff;font-weight:bold}
.formulaire .alir2{display:block;position:relative;top:17px;left:10px;width:100px;color:#fff;font-weight:bold}
.formulaire .alil{position:relative;top:17px;left:10px}
.formulaire select{width:250px;font-size:11px;color:#124061}
.formulaire input{width:200px;font-size:10px;color:#124061}
.formulaire input.sendBtn{width:87px;background:#f3f3f3;color:#666;border:1px solid #eee;padding:3px 10px}
/*#conteneur #contenuD .formulaire input.txt{width:200px;font-size:10px;color:#124061}*/
.formulaire textarea{width:380px;height:150px;font-size:11px;color:#124061;font-family:arial}
form .erreur{background:#44819E;color:#fff;border:#fff 1px solid}