@charset "utf-8";

* {margin: 0; padding: 0; border: 0;}
a {text-decoration: none; color: #696867;}
li {list-style: none;}
body
{
	background-color: #3f3c3b;
	/*font-family: "Times New Roman", Times, serif, Arial, sans-serif; */
	font-size: 12px;
}

div#main
{	
	height: 660px;
	width: 960px;
	margin: auto;
	position:relative;
	background: #fff;
}

div#logo
{	
	height: 80px;
	width: 530px;
	margin: auto;
	position:absolute;
	background: url(/images/bg_intro_2.png) no-repeat;
	left: 50%; 
	top: 50%;
	margin-top: -40px;
	margin-left: -265px;
}



/* =============================================================================
* HEADER
* ===========================================================================*/
.lien_boutique{
font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#A29E9D !important; text-decoration:none; font-weight:bold;
}

.lien_boutique:hover{color:#FFF !important;}

 div#header a.header_arial_a29e9d_link:visited, div#header a.header_arial_a29e9d_link:link, div#header a.header_arial_a29e9d_link:active {font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#a29e9d; text-decoration:none; font-weight:bold;}
div#header a.header_arial_a29e9d_link:hover{color:#FFFFFF; text-decoration:none}
div#header {height: 109px; width: 960px; background-color:#3f3c3b}
div#header div.user {color:#FFFFFF; float: left; height: 89px; width: 249px; padding: 0px 0 0 0px;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div#header div.logo_header {float: left; height: 109px; width: 441px;}
div#header div.logo_header h1 {width: 100%; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 22px; color: #999999; margin-top: 10px;}
div#header div#search {float: left; height: 89px; width: 270px; /*padding: 20px 20px 0 0;*/ text-align: right; font-family:arial;}
div#header form .bg_input {height: 23px; width: 131px; background: url(../images/bg_input_header.png) no-repeat;}
div#header form .input
{
	height: 15px;
	width: 125px;
	padding: 3px 1px 1px 6px;
	
	border: none;
	background: #9f9e9d;
	color: #3f3c3b;
	font-size: 11px;
}
div#header form .submit
{
	border: none;
	background: none;
	/*color: #696867;*/
	color: #FFFFFF;
	font-size: 11px;
	/*font-weight: bold;*/
	cursor: pointer;
}
div#header p.user_connect {margin-bottom: 25px; /*color: #696867;*/ color: #FFFFFF;}
div#header a.btn_header {margin-top: 6px; /*color: #696867; */color: #FFFFFF; width: auto; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
div#header a.btn_header:hover {text-decoration: underline; border-top: 1px solid #696867;}
div#header a{color:#FFFFFF}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
* MENU
* ===========================================================================*/
div#menu_global {height: 51px; width: 960px;}
div#menu_global div#menu {position: absolute; height: 26px; width: 960px; background: #2f2f30; margin-top: 25px;}
div#menu_global div#menu a {display: block; font-family: Trebuchet MS; color: #938e8c; text-transform: uppercase;}
div#menu_global div#menu a:hover {color: #fff;}
div#menu_global div#menu div {display: block; font-family: Trebuchet MS; color: #938e8c; text-transform: uppercase; cursor:pointer}
div#menu_global div#menu div:hover {color: #fff;}
div#menu_global div#sub_menu 
{position: absolute; height: 25px; width: 960px; background-color: #fff; /*background-image: url(../images/bg_submenu.png); background-repeat: repeat-x; */display: none;}
div#menu_global div#sub_menu a {display: block; font-family: Trebuchet MS; color: #a6a5a5; text-transform: uppercase;}
div#menu_global div#sub_menu a:hover {color: #696867;}
div#menu_global div#sub_menu table {margin-top: 3px;}
div#menu_global div#sub_menu_a_partager 
{position: absolute; height: 25px; width: 960px; background-color: #fff; /*background-image: url(../images/bg_submenu.png); background-repeat: repeat-x;*/ display: none;}
div#menu_global div#sub_menu_a_partager a {display: block; font-family: Trebuchet MS; color: #a6a5a5; text-transform: uppercase;}
div#menu_global div#sub_menu_a_partager a:hover {color: #696867;}
div#menu_global div#sub_menu_a_partager table {margin-top: 3px;}
div#menu_global div#sub_menu_a_partager 
{position: absolute; height: 25px; width: 960px; background-color: #fff; /*background-image: url(../images/bg_submenu.png); background-repeat: repeat-x;*/ display: none;}
div#menu_global div#sub_menu_ambiance 
{position: absolute; height: 25px; width: 960px; background-color: #fff;/* background-image: url(../images/bg_submenu.png); background-repeat: repeat-x; */display: none;}
div#menu_global div#sub_menu_ambiance a {display: block; font-family: Trebuchet MS; color: #a6a5a5; text-transform: uppercase;}
div#menu_global div#sub_menu_ambiance a:hover {color: #696867;}
div#menu_global div#sub_menu_ambiance table {margin-top: 3px;}

div#menu_global div#sub_menu_esprit 
{position: absolute; height: 25px; width: 960px; background-color: #fff; /*background-image: url(../images/bg_submenu.png); background-repeat: repeat-x; */display: none;}
div#menu_global div#sub_menu_esprit a {display: block; font-family: Trebuchet MS; color: #a6a5a5; text-transform: uppercase;}
div#menu_global div#sub_menu_esprit a:hover {color: #696867;}
div#menu_global div#sub_menu_esprit table {margin-top: 3px;}


div#menu_global div#sub_menu_vintage 
{position: absolute; height: 25px; width: 960px; background-color: #fff; /*background-image: url(../images/bg_submenu.png); background-repeat: repeat-x; */display: none;}
div#menu_global div#sub_menu_vintage a {display: block; font-family: Trebuchet MS; color: #a6a5a5; text-transform: uppercase;}
div#menu_global div#sub_menu_vintage a:hover {color: #696867;}
div#menu_global div#sub_menu_vintage table {margin-top: 3px;}


/* =============================================================================
* ===========================================================================*/



/* =============================================================================
* TPL_HOME
* ===========================================================================*/
div#tpl_home {height: 480px; width: 960px; background: url(../images/bg_home.jpg) no-repeat;}
div#tpl_home2 {height: 480px; width: 960px; background: url(../images/bg_home2.jpg) no-repeat;}
/* =============================================================================
* ===========================================================================*/


/* =============================================================================
* TPL_PRODUITS
* ===========================================================================*/
div#tpl_produits {height: 480px; width: 960px; background:#878885; overflow: hidden;}
div#tpl_produits div#slidePrev
{ 
	cursor: pointer;
	position: absolute; 
	height: 164px; 
	width: 34px; 
	background: url(../images/slide_prev.png) no-repeat top right; 
	margin: 157px 0 0 0px; 
	z-index: 20;
}
div#tpl_produits div#slideNext 
{ 
	cursor: pointer; 
	position: absolute; 
	height: 164px; 
	width: 34px;
	background: url(../images/slide_next.png) no-repeat; 
	margin: 157px 0 0 926px; 
	z-index: 20;
}	

div#tpl_produits div#div_result_search 
{ 
	position: absolute; 
	height: 50px; 
	width: 300px;
	margin: 0 0 0 330px; 
	z-index: 20;
	background: #000; 
	-moz-opacity: 0.6; 
	opacity: 0.6; 
	filter:alpha(opacity=60); 
	color:white;
	font-size:14px;
}	

div#tpl_produits div.slideProduit {float: left; width: 192px; height: 480px;}
div#tpl_produits div.slideProduit img {overflow: hidden; height: 240px; width: 192px;}
div.produits {float: left; height: 240px; width: 192px; overflow: hidden;}
div#tpl_produits a.produits_btn {/*display: block;*/ float: left; height: 240px; width: 192px; overflow: hidden;}
div#tpl_produits div.nom_produit_bg {position: absolute; margin-top: 240px; background: #000; -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=60); height: 0px; width: 192px; overflow: hidden; z-index: 10;}
div#tpl_produits table.nom_produit 
{-moz-opacity: 1; opacity: 1; filter:alpha(opacity=100); color: #fff; height: 70px; width: 192px; font-size: 14px; font-family: "Myriad Pro";}

div#produits_associes { width:920px; height:180px; margin:10px; color:#666666; float:left; }
div#produits_associes table.produit_assoc { float:left; width:110px; height:180px; text-align:center; }
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
* TPL_PRESSE
* ===========================================================================*/
div#tpl_presse {height: 480px; width: 960px; background:#878885; overflow: hidden;}
div#tpl_presse div#slidePrev
{ 
	cursor: pointer;
	position: absolute; 
	height: 164px; 
	width: 34px; 
	background: url(../images/slide_prev.png) no-repeat top right; 
	margin: 157px 0 0 0px; 
	z-index: 20;
}
div#tpl_presse div#slideNext 
{ 
	cursor: pointer; 
	position: absolute; 
	height: 164px; 
	width: 34px;
	background: url(../images/slide_next.png) no-repeat; 
	margin: 157px 0 0 926px; 
	z-index: 20;
}	
div#tpl_presse div.slidePresse {float: left; width: 192px; height: 480px;}
div#tpl_presse div.slidePresse img {overflow: hidden; height: 240px; width: 192px;}
div.produits {float: left; height: 240px; width: 192px; overflow: hidden;}
div#tpl_presse a.presse_btn {display: block; float: left; height: 240px; width: 192px; overflow: hidden;}
div#tpl_presse div.nom_presse_bg {position: absolute; margin-top: 240px; background: #000; -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=60); height: 0px; width: 192px; overflow: hidden; z-index: 10;}
div#tpl_presse table.nom_presse 
{-moz-opacity: 1; opacity: 1; filter:alpha(opacity=100); color: #fff; height: 70px; width: 192px; font-size: 14px; font-family: "Myriad Pro";}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
* TPL_SEARCH
* ===========================================================================*/
div#tpl_search {height: 480px; width: 960px; background:#878885; overflow: hidden;}
div#tpl_search div#slidePrev
{ 
	cursor: pointer;
	position: absolute; 
	height: 164px; 
	width: 34px; 
	background: url(../images/slide_prev.png) no-repeat top right; 
	margin: 157px 0 0 0px; 
	z-index: 20;
}
div#tpl_search div#slideNext 
{ 
	cursor: pointer; 
	position: absolute; 
	height: 164px; 
	width: 34px;
	background: url(../images/slide_next.png) no-repeat; 
	margin: 157px 0 0 926px; 
	z-index: 20;
}	
div#tpl_search div.slideProduit {float: left; width: 192px; height: 480px;}
div#tpl_search div.slideProduit img {overflow: hidden; height: 240px; width: 192px;}
div.produits {float: left; height: 240px; width: 192px; overflow: hidden;}
div#tpl_search a.produits_btn {display: block; float: left; height: 240px; width: 192px; overflow: hidden;}
div#tpl_search div.nom_produit_bg {position: absolute; margin-top: 240px; background: #000; -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=60); height: 0px; width: 192px; overflow: hidden; z-index: 10;}
div#tpl_search table.nom_produit 
{-moz-opacity: 1; opacity: 1; filter:alpha(opacity=100); color: #fff; height: 70px; width: 192px; font-size: 14px; font-family: "Myriad Pro";}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
* TPL_GLOBAL 
* ===========================================================================*/
div#tpl_global {display: block; height: 480px; width: 960px; /*background: url(../images/bg_tpl_global.png) no-repeat;*/ background: #3f3c3b; overflow: hidden;}
/* =============================================================================
* ===========================================================================*/


/* =============================================================================
* TPL_ESPRIT 
* ===========================================================================*/
div#tpl_esprit div#infos_esprit {font-family: Trebuchet, Arial, Times, serif, sans-serif;display: none; height: 400px; margin-left: 5px; color: #fff; font-size: 15px; padding-top: 29px; text-align: justify; float: left;}
div#tpl_esprit div#infos_esprit p {margin-bottom: 10px;}
div#tpl_esprit div#infos_esprit h1 {font-size: 24px; margin-bottom: 15px;font-weight:normal;}
div#tpl_esprit div#photo {display: none; width: 195px; height: 181px; float: left; margin: 29px 0 0 35px;}
/* =============================================================================
* ===========================================================================*/

/* =============================================================================
* TPL_STATIQUE 
* ===========================================================================*/
div#tpl_statique div#infos_esprit {font-family: Trebuchet, Arial, Times, serif, sans-serif;display: none; height: 400px;color: #fff; font-size: 16px; padding-top: 29px; text-align: justify; float: left;}
div#tpl_statique div#infos_esprit #infos_contenue_statique {padding-top:15px;}
div#tpl_statique div#infos_esprit p {margin-bottom: 10px;}
div#tpl_statique div#infos_esprit h1 {font-size: 24px; margin-bottom: 15px;font-weight: normal;text-transform:uppercase;}
div#tpl_statique div#photo {display: none; width: 195px; height: 181px; float: left; margin: 29px 0 0 35px;}
/* =============================================================================
* ===========================================================================*/


/* =============================================================================
* TPL_CONTACT 
* ===========================================================================*/
div#tpl_contact div#infos_contact {font-family: Trebuchet, Arial, Times, serif, sans-serif;display: none; height: 270px; width: 437px; margin: 0 auto 0 auto; color: #fff; font-size: 16px; padding-top: 15px; text-align: justify;}
div#tpl_contact div#infos_contact p {margin-bottom: 10px;}
div#tpl_contact div#infos_contact h1 {font-size: 24px; margin-bottom: 15px;text-transform:uppercase;font-weight:normal;}
div#tpl_contact div#photo {display: none;margin: 0 auto 0 auto;}
/* =============================================================================
* ===========================================================================*/



/* =============================================================================
* TPL_AMBIANCES
* ===========================================================================*/
div#tpl_ambiances div#slidePrev
{ 
	cursor: pointer;
	position: absolute; 
	height: 164px; 
	width: 34px; 
	background: url(../images/slide_prev.png) no-repeat top right; 
	margin: 157px 0 0 0px; 
	z-index: 20;
}
div#tpl_ambiances div#slideNext 
{ 
	cursor: pointer; 
	position: absolute; 
	height: 164px; 
	width: 34px;
	background: url(../images/slide_next.png) no-repeat; 
	margin: 157px 0 0 926px; 
	z-index: 20;
}
div#tpl_ambiances div.slideSalon img {overflow: hidden; height: 480px; width: 320px;}
div.tpl_ambiances {float: left; height: 240px; width: 192px; overflow: hidden;}
div#tpl_ambiances .salon_btn {display: none; float: left; height: 480px; width: 320px; overflow: hidden;}
div#tpl_ambiances div.nom_salon_bg {background: #000; -moz-opacity: 0.6; opacity: 0.6; filter:alpha(opacity=60); height: 100px; width: 320px; overflow: hidden; z-index: 10;}
div#tpl_ambiances div.nom_salon_bg_position {height:438px; width:320px;}
div#tpl_ambiances table.nom_salon 
{-moz-opacity: 1; opacity: 1; filter:alpha(opacity=100); color: #fff; height: 100px; width: 300px; font-size: 14px; padding-left: 20px;}
div#tpl_ambiances table.nom_salon h1 {color: #999; font-size: 30px; margin-bottom: 25px;}
div#tpl_ambiances h1 {color:#FFFFFF;font-size:24px; margin-bottom: 15px;font-weight:normal;margin-top:29px;font-family :Trebuchet,Arial,Times,serif,sans-serif;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
* TPL_BOUTIQUES
* ===========================================================================*/
div#tpl_boutiques {height: 480px; width: 960px; overflow: hidden;/*font-family: "Trebuchet MS";*/}
div#tpl_boutiques div#google_map_content {float: left; height: 480px; width: 480px; background:#5f605c; overflow: hidden;}

div#tpl_boutiques div#pointsVentes {float: left; width: 455px; padding: 10px; color: #fff; /*text-align: center;*/ display: none;font-size:16px;font-weight:normal;}
div#tpl_boutiques div#pointsVentes h1 {font-size: 24px; font-weight: normal; margin-top: 25px; margin-bottom: 20px;font-family: Trebuchet, Arial, Times, serif, sans-serif;}
div#tpl_boutiques div#pointsVentes p.desc {margin-bottom: 30px;font-weight: normal; font-family: Trebuchet, Arial, Times, serif, sans-serif; font-size: 12px;}
div#tpl_boutiques div#pointsVentes .infos {font-family: Trebuchet, Arial, Times, serif, sans-serif;font-size: 18px; color: #ddd;}
div#tpl_boutiques div#pointsVentes .select {height: 25px; width: 120px; background: #999; color: #fff; font-size: 14px; font-weight: bold; border: 1px solid #333; text-align: center;font-family: Trebuchet, Arial, Times, serif, sans-serif;}
div#list_PointsVentes {float: left;width: 415px;}
div#tpl_boutiques div#pointsVentes .select option:hover {background:#666666;}
div.list_PointsVentes_content {font-family: Trebuchet, Arial, Times, serif, sans-serif;padding: 6px 0 6px 0; width: 425px; /*margin-top: 5px; margin-bottom: 5px;*/ background: #555; border-bottom: 1px solid #000;/* border-top: 1px solid #999;*/ text-align: center;}
div.list_PointsVentes_content:hover {background: #888;}

div#tpl_boutiques div#scroll {margin-top: 15px; float: left; background: url(../images/scroll_produit.png) repeat-y top center; width: 8px; height: 281px; margin-left: 20px;}
div#tpl_boutiques div#scroll_selector {float: left; background: url(../images/scroll_produit2.png) no-repeat; width: 8px; height: 24px;}
/* =============================================================================
* ===========================================================================*/


div#tpl_statique div#scroll {margin-top: 15px; float: left; background: url(../images/scroll_produit.png) repeat-y top center; width: 8px; height: 350px; margin-left: 20px;}
div#tpl_statique div#scroll_selector {float: left; background: url(../images/scroll_produit2.png) no-repeat; width: 8px; height: 24px;}

/* =============================================================================
* TPL_DETAILPRODUIT
* ===========================================================================*/
div#tpl_detailProduit {/*height: 537px;*/ width: 930px; background: #fff; color: #696867; overflow: hidden; padding:15px 0 0 10px;}
div#tpl_detailProduit div#visu_produit {float: left;}

div#tpl_detailProduit div#desc_produit {float: right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
div#tpl_detailProduit div#desc_produit h1 {font-size: 16px; text-transform: uppercase;font-weight: normal;}
div#tpl_detailProduit div#desc_produit h2 {font-size: 36px; margin-bottom: 12px; font-weight: normal;}
div#tpl_detailProduit div#desc_produit p.desc {width: 450px; text-align: justify; font-size: 13px; font-family: "Trebuchet MS";color: #696867;text-align:justify; margin-bottom:10px;}
div#tpl_detailProduit div#desc_produit table {float: left; font-size: 12px; font-family: "Trebuchet MS"; color: #000;}
div#tpl_detailProduit div#desc_produit table .title {color: #696867; font-size: 10px;}
div#tpl_detailProduit div#desc_produit table .qt {height: 16px; width: 24px; color: #aaa; border: 1px solid #858484; text-align: center;}
div#tpl_detailProduit div#desc_produit table .st {height: 16px; color: #aaa; border: 1px solid #858484; text-align: left;}
div#tpl_detailProduit div#desc_produit table .st:focus {color: #444; border: 1px solid #555; font-weight: bold;}
div#tpl_detailProduit div#desc_produit table .st_focus {height: 16px; width: 24px; color: #444; border: 1px solid #555; text-align: center;}
div#tpl_detailProduit div#desc_produit table .qt:focus {color: #444; border: 1px solid #555; font-weight: bold;}
div#tpl_detailProduit div#desc_produit table .qt_focus {height: 16px; width: 24px; color: #444; border: 1px solid #555; text-align: center;}
div#tpl_detailProduit div#desc_produit table .submit {background-color: #7f807f; padding: 4px 6px 4px 6px; color: #fff; cursor: pointer;}

/* =============================================================================
* ===========================================================================*/




/* =============================================================================
* TPL_PANIER
* ===========================================================================*/
div#tpl_panier {padding:50px 0 0 56px; /*height: 600px */; width: 848px; background: #fff; color: #696867; overflow: hidden; /*margin-top: 35px;*/}
div#tpl_panier div#visu_panier {float: left;}

div#tpl_panier div#desc_panier {float: right; /*margin-right: 80px ;*/ margin-top:-10px;}
div#tpl_panier div#desc_panier div#scrollable {border: 1px solid red;}
div#tpl_panier div#desc_panier h1 {font-size: 36px; margin-bottom: 7px; font-weight: normal;vertical-align:top;}
div#tpl_panier div#desc_panier p.desc {width: 480px; text-align: justify; font-size: 13px; font-family: "Trebuchet MS";}
div#tpl_panier div#desc_panier table {font-size: 12px; font-family: "Trebuchet MS"; color: #000;}
div#tpl_panier div#desc_panier table .title {color: #696867; font-size: 10px;}
div#tpl_panier div#desc_panier table .qt {height: 16px; width: 24px; color: #aaa; border: 1px solid #858484; text-align: center;}
div#tpl_panier div#desc_panier table .qt_focus {height: 16px; width: 24px; color: #444; border: 1px solid #555; text-align: center;}
div#tpl_panier .submit {background-color: #7f807f; padding: 4px 6px 4px 6px; color: #fff; cursor: pointer;}

div#tpl_panier div#infos_client {float: right; margin-right: 25px;margin-top:-10px;}
div#tpl_panier div#infos_client h1 {font-size: 36px; margin-bottom: 12px; font-weight: normal;}
div#tpl_panier div#infos_client p.desc {width: 390px; text-align: justify; font-size: 13px; font-family: "Trebuchet MS"; margin-bottom: 30px;}


div#tpl_panier div#desc_final {float: right;width:460px;}
div#tpl_panier div#desc_final h1 {font-size: 24px;font-weight: normal; margin-top: 2px;}
div#tpl_panier div#desc_final p.desc {width: 300px; text-align: justify; font-size: 16px; font-family: "Trebuchet MS";font-weight:normal;}
div#tpl_panier div#desc_final table {font-size: 12px; font-family: "Trebuchet MS"; color: #000;}
div#tpl_panier div#desc_final table .title {color: #696867; font-size: 10px;}
div#tpl_panier div#desc_final table .qt {height: 16px; width: 24px; color: #aaa; border: 1px solid #858484; text-align: center;}
div#tpl_panier div#desc_final table .qt_focus {height: 16px; width: 24px; color: #444; border: 1px solid #555; text-align: center;}
/* =============================================================================
* ===========================================================================*/




/* =============================================================================
* TPL_INSCRIPTION
* ===========================================================================*/
div#tpl_inscription {padding: 30px;  background: #fff; color: #696867;}

div#tpl_inscription div#desc_panier div#scrollable {border: 1px solid red;}
div#tpl_inscription .h1i{font-size: 36px; margin-bottom: 12px; font-weight: normal; }
div#tpl_inscription .h2i{font-size: 20px; margin-bottom: 5px; font-weight: normal;}
div#tpl_inscription p.desc {width: 390px; text-align: justify; font-size: 13px; font-family: "Trebuchet MS";}
div#tpl_inscription .table_content {font-size: 12px; font-family: "Trebuchet MS"; color: #000; margin-top: 35px;}
div#tpl_inscription .submit { background-color: #FFF; padding: 4px 6px 4px 6px; color: #696867; cursor: pointer; font-weight:bold}

div#tpl_inscription form .input
{
	height: 15px;
	width: 150px;
	padding: 3px 1px 1px 6px;
	border: none;
	background: #9f9e9d;
	color: #FFF;
	font-size: 11px;
}
/* =============================================================================
* ===========================================================================*/


div#footer
{	
	height: 20px;
	width: 960px;
	margin: auto;
	background:#3f3c3b;
	text-align:center;
	font-family: "Trebuchet MS";
	color:#999999;
	/*border: 6px solid #5f605c;*/
}

div#footer .a
{	
	font-family: "Trebuchet MS";
	color:#999999;
}