@charset "iso-8859-1";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
.clear { clear: both; }
strong { font-weight: bold; }
body { font-family: 'Roboto', sans-serif;  overflow:auto;  -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
.rounded { position:relative; box-shadow:0px 0px 7px #4a381b; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- LOAIDNG*/
#loading { width:100%; height:100%; position:fixed; z-index:200; background:url(../images/logo3.png) center 50px no-repeat; overflow:hidden; }
#loadingleft { background:url(../images/fond-left.jpg) right center repeat-y #3c3c3b; height:100%; width:50%; position:fixed; top:0; left:0; z-index:198; }
#loadingRight { height:100%; width:48%; background:url(../images/fond-right.jpg) left center repeat-y #6c9acd; position:fixed; top:0; left:52%; z-index:198; }
#barreLeft { background:#cdd6d7; height:100%; width:140px; position:fixed; top:0; left:50%; z-index:199; margin-left:-140px; }
#barreRight { background:#f3f3df; height:100%; width:140px; position:fixed; top:0; left:50%; z-index:199; }
#progressbar { border:1px solid #17120d; width:520px; height:3px; position:absolute; color:black; top:480px; left:50%; margin-left:-261px; margin-top:75px; z-index:3; box-shadow:0px 0px 30px #000; }
#progressbar div.progress { position:absolute; width:0; height:100%; overflow:hidden; background-color:#ca8d21; }
#progressbar div.progress .text { position:absolute; text-align:center; color:white; display:none; }
#progressbar div.text { position:absolute; width:100%; height:100%; text-align:center; display:none; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- TOP*/
#top { position:absolute; z-index:10; background:url(../images/fond-top.jpg) bottom left repeat-x; width:100%; height:158px;  }
#top ul { margin-left:250px; display:block; position:relative; z-index:3; }
#top ul li { float:left; text-align:center; height:93px; padding-top:28px; background:url(../images/fond-li.png) bottom center no-repeat; }
#top ul li:hover {  /*background:url(../images/fond-li-hover.png)  center -70px no-repeat;*/ }
#top ul li span { width:85px; display:block; margin:0 auto; text-align:center; }
#top ul li span a { color:#504942; font-size:16px; line-height:16px; font-family: 'Roboto', sans-serif; font-weight:100; text-decoration:none; }
#top ul .li_hover { /*background:url(../images/fond-li-hover.png) center -70px no-repeat;*/ }
#top ul li span a:hover { color:#000; }
#top ul .li_hover span a { color:#000; }
#top ul li ul { width:150px; display:none; height:auto; position:absolute; margin-left:0; margin-top:10px; background:#f3f3df; border:1px solid #bea24b; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4); }
#top ul li ul li { margin:0; text-align:center; margin-top:0px; line-height:15px; background:#000; padding:5px 10px; background:url(../images/fond_li_gauche.jpg) -150px top repeat-y; float:none; display:block; width:130px !important; height:auto; }
#top ul li ul li:hover { background:url(../images/fond_li_gauche.jpg) 0px top repeat-y; }
#top ul li ul li { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
#top ul li ul li a { text-decoration:none; font-family: 'Roboto', sans-serif; font-weight:300; color:#504942; font-size:12px; }
#top ul li ul li a:hover { color:#000; }
#topresa { text-align:center; clear:both; padding-top:25px; width:100%; position:absolute; margin-top:85px; font-size:16px; z-index:2; background:url(../images/topresa.png) top center no-repeat; }
#topresa { line-height:27px; text-align:center; }
#topresa a { display:inline-block; color:#504942; text-decoration:none; margin-left:7px; vertical-align:middle; }
#topresa #leblog { line-height:29px; }
#bt_resaenligne { background:#fff; color:#c0a346 !important; border:1px solid #c0a346; padding:3px 10px; font-family: 'Roboto', sans-serif;  box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5); }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- FLASH */
#masque { background:#FFF; width:100%; z-index:2; position:absolute; top:0; margin-top:158px; }
#flash { width:100% !important;  position:absolute; top:0; margin-top:158px; z-index:3; overflow:hidden; background:url(../images/loading.gif) center center no-repeat; }
#diapo1 { width:100% !important; background:#FFF; opacity:0; }
#diapo1 img { width:100%; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- GAUCHE*/
#logo { width:231px; height:288px; position:absolute; margpin:0 0 0 10px; z-index:25; }
#logo a { display:block; color:#504942; font-size:16px; line-height:16px; font-family: 'Roboto', sans-serif; font-weight:100; text-decoration:none; text-align:center; }
#logo a span { display:block; margin:5px 0px 0px 0px; }
#logo2 { width:179px; height:70px; position:absolute; right:0; margin-right:20px; margin-top:168px; z-index:9; top:0; }
#filariane { margin-bottom:10px; }
#filariane a { color:#bea24b; }
#zone-gauche { width:150px; margin-left:42px; position:absolute; margin-top:205px; background:rgba(243, 243, 243, 0.6); z-index:20; padding-bottom:20px; }
#TA_excellent89 { height:115px; }
.fixed { position:fixed !important; }
#menuC { text-align:center; font-family: 'Roboto', sans-serif; font-weight:400; font-size:19px; }
#menuC ul li { text-align:center; margin-top:5px; line-height:20px; padding:2px 10px; background:url(../images/fond_li_gauche.jpg) -150px top repeat-y; text-transform:capitalize; color:#FFF !important; background:#4a381b; }
#menuC ul li:hover { background:url(../images/fond_li_gauche.jpg) 0px top repeat-y; }
#menuC ul li { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
#menuC ul .li_hover { background:url(../images/fond_li_gauche.jpg) 0px top repeat-y; }
#menuC ul li a { color:#000; font-size:15px; line-height:15px; text-decoration:none; font-size:14px; }
#menuC ul li a:hover { color:#000; }
#menuC ul li:hover > a { color:#000 !important; }
#brochure { background:url(../images/pdf.png) 15px center no-repeat #4a381b; margin:0px auto; padding:4px 0px 5px 20px; font-size:15px; text-align:center; height:26px; line-height:26px; color:#fff; width:130px !important; text-decoration:none; display:block; font-style:italic; font-weight:lighter; letter-spacing:1px; margin-bottom:25px; }
#brochure:hover { background:url(../images/pdf.png) 15px center no-repeat #bea24b; color:#4a381b }
#brochure { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
#reseauS { /*background:url(../images/fond_icone.png) top center no-repeat;*/ width:176px; min-height:137px; margin-left:-13px; position:relative; z-index:25; text-align:center; padding-top:10px; }
#texte_defilant { z-index:4; width:100%; overflow:hidden; height:30px; line-height:30px; background:#FFF; background:rgba(255, 255, 255, 0.8); position:absolute; top:0; left:0; margin-top:300px; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:13px; }
#sms_texte { width:2400px; position:absolute; display:block; left:50%; margin-left:-1200px; }
#texte_defilant ul li { float:left; margin-right:50px; display:block; }
#texte_defilant ul li a { color:#4a381b; text-decoration:none; font-weight:lighter; font-style:italic; letter-spacing:1px; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- TEXTE*/
#contenu { position:absolute; top:0; text-align:justify; z-index:5; font-weight:100; font-size:12px; line-height:20px; right:0; padding-bottom:10px; }
#texte { text-align:justify; z-index:1; font-size:13px; line-height:20px; padding:0 20px; font-weight:300; padding-bottom:40px; max-width:1000px; margin:0px auto; }
.padright { padding-right:220px !important;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.grospadright { padding-right:420px !important;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
h1 { font-size:19px; font-weight:400; color:#bea24b; margin-bottom:5px; }
h2 { font-size:15px; font-weight:400; color:#bea24b; margin-bottom:5px; }

#img_page { position:absolute; right:0; top:0; width:200px; letter-spacing:-1px; font-size:1px; }
.gimg_page { width:400px !important; }
.img_page { width:170px; border:1px solid #f4f3df; margin-left:10px; height:auto; overflow:hidden; display:inline-block; position:relative; margin-bottom:20px; float:left;   }
.img_page img { width:100%; margin-bottom:-10px; }

.img_page2 { width:90px; border:1px solid #f4f3df; height:90px; overflow:hidden; float:left; margin-top:10px; margin-right:20px; position:relative; }


#texte a { color:#bea24b; text-decoration:none; }
#texte a:hover { color:#bea24b; }
#texte li { list-style:disc; margin-left:20px; }
#texte a { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.dispo_menu:hover { background:#f4f3df; color:#4a381b; }
.dispo_menu { background:#4a381b; box-shadow:0px 0px 5px #000; padding:5px; float:left; margin-top:10px; }
.dispo_menu { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
.dispo_menu a { color:#f4f3df !important; }
.dispo_menu a:hover { color:#4a381b !important; }

#gmap { position:relative; margin:0px 10px 10px 10px; border:1px solid #4a381b; } #gmap iframe { width:100% !important; }
#bas { height:40px; line-height:20px; width:100%; background:#f4f3df; text-align:center; color:#504942; z-index:25; bottom:0; position:fixed; font-size:13px; font-weight:300; }
#bas a { color:#bea24b; text-decoration:none; }
#bas a:hover { color:#4a381b; }
#bas a { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- RESA */
#resa { margin-top:40px; padding-bottom:6px; }
#table_dispo { width:100%; border-collapse:collapse; }
#table_dispo td, #table_dispo th { font-size:1em; padding:3px 4px 2px 4px; text-align:left; font-weight:100; }
#table_dispo th { font-weight:300; font-size:18px; }
.button { display:inline-block; padding:10px 3px; color:#FFF; font-size: 14px; background-color:#121212; text-decoration:none; float:right; margin-right:5px; }
.button:hover { color:#000; background-color:#bea24b; }
.input_date { width:110px; }
/* ---------------------------------------------------------- INCLUDE DOCUMENT -------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
.document_page { background:url(../images/pdf.png) 5px center no-repeat #f4f3df; margin:0px; padding:4px 10px 5px 40px; height:26px; line-height:26px; box-shadow:0px 0px 5px #000; margin-top:10px; float:left; }
.document_page:hover { background:url(../images/pdf.png) 5px center no-repeat #bea24b; }
.document_page { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.document_page:hover > a { color:#FFF; }
.document_page h3 { text-transform:capitalize; font-size:14px; color:#504942; font-weight:lighter; }
.document_page a { margin:0px; color:#504942; text-decoration:none; text-transform:capitalize; font-size:14px; font-weight:lighter; float:left; min-width:103px }
.document_page a:hover, .document_page:hover h3 { color:#504942; }
/* --------------------------------------- INCLUDE ACTIVITES --------------------------------------------------*/

.partenaire { margin:0px 0px; margin-top:15px; float:left; width:640px; font-size:16px; border-top:1px solid #bea24b; padding-top:10px; }
.photo_partenaire { width:160px; box-shadow:0px 0px 3px #000; margin-bottom:10px; float:left; margin-right:10px; }
.photo_partenaire img { width:100%; }
.partenaire h4 { margin:0px; padding:0px; color:#bea24b; font-weight:300; font-size:16px; text-align:left; margin-bottom:10px; }
.partenaire a { background:#bea24b; margin-left:-1px; color:#504942 !important; padding:5px 15px; margin-top:5px; margin-left:10px; text-transform:uppercase; float:right; text-decoration:none; font-size:12px; border:1px solid #4a381b; box-shadow:0px 0px 20px rgba(74, 56, 27, 0.3); display:block; text-align:center }
.partenaire a:hover { background:#4a381b; color:#FFF !important; }
.partenaire a { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
/******************************* tarif ***********************/
h3 { font-size:17px; font-weight:400; color:#bea24b; }
td { padding:4px 4px; font-size:14px; vertical-align:middle !important; }
#t2 td { background:#f3f3df; color:#000; font-size:13px; }
#t2 { border-collapse:1px; }
.dispo { background:#bea24b; float:right; margin-left:20px; margin-bottom:20px; margin-top:8px; margin-right:2px; padding:0px 10px; line-height:30px; font-size:15px; }
.dispo:hover { background:#f3f3df; box-shadow:0px 0px 7px #000; }
.dispo { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
#contenu #texte .dispo a { color:#000; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ JQUERY */
#easyTooltip { padding:10px; background:#f3f3df; color:#262525; font-size:13px; text-transform:none; z-index:999; box-shadow: #000 3px 3px 10px; margin-left:60px; margin-top:20px; max-width:450px; text-align:center; }
#easyTooltip h2 { font-size:22px; line-height:26px; text-transform:capitalize; font-weight:100; margin:0px; padding:0px; }
#easyTooltip img { border:1px solid #bea24b; }
#easyTooltip2 { padding:10px; background:#f3f3df; color:#262525; font-size:13px; text-transform:none; z-index:999; box-shadow: #000 3px 3px 10px; margin-left:30px; margin-top:-120px; max-width:450px; text-align:jusitfy; }
#easyTooltip2 h2 { font-size:22px; line-height:26px; text-transform:capitalize; font-weight:100; margin:0px; padding:0px; }
#easyTooltip2 img { border:1px solid #bea24b; }
#promo { width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; background:#FFF; -khtml-opacity:0.60; -moz-opacity : 0.60; -ms-filter: "alpha(opacity=60)";  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);filter : alpha(opacity=60); opacity : 0.60; display:none; }
#contenu_promo { width:1000px; position:absolute; left:50%; margin-left:-502px; top:0; margin-top:30px; background:#fff; z-index:3001; border-radius:10px; border:1px solid #bea24b; padding-top:5px; display:none; }
#moment { text-align:center; font-size:30px; padding-bottom:15px; font-weight:lighter; padding-top:5px; color:#bea24b; }
#fermer_promo { position:absolute; margin-left:990px; margin-top:-20px; }
#titre_promo { text-align:center; font-size:20px; color:#bea24b; padding:5px 0px; }
#detail_promo { font-size:15px; padding:10px 10px; color:#262525; border-top:1px solid #bea24b; margin-top:5px; line-height:18px; }
#detail_promo img { margin-left:-15px; margin-top:15px; }
#detail_promo a { color:#000; font-size:16px; }
#detail_produit_desc .btreserver { background:#bea24b; margin-left:-1px; color:#504942 !important; padding:5px 15px; margin-top:15px; margin-left:10px; text-transform:uppercase; float:right; text-decoration:none; font-size:12px; border:1px solid #4a381b; box-shadow:0px 0px 20px rgba(74, 56, 27, 0.3); display:block; text-align:center }
#detail_produit_desc .btreserver:hover { background:#4a381b; color:#FFF !important; }
#detail_produit_desc .btreserver { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
#chambre_h { position:absolute; left:0; margin-left:100px; }
#chateaux { position:absolute; right:0; margin-right:10px; }

/* formulaire */
#form_client table { width:300px; margin:0px auto !important; }
#form_client table td { display:block;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:auto !important; }
#form_client table td textarea { width:280px; height:100px; }
#form_client table td select { max-width:285px; } 
#form_client table td h3 { font-size:15px; padding-top:5px; }
#form_client table td img { float:none !important; }

/****************************** PRODUIT *******************************************************/
#contenu .titre_cat_produit { clear:both; width:100%; text-decoration:underline; padding-bottom:5px; margin-bottom:10px; }

#contenu #produit { position:relative; font-size:1px; letter-spacing:-1px; position:absolute; width:60%; top:0; right:0;}
#contenu .produit {  width:33.33333%; display:inline-block;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0px 15px; margin-bottom:30px; }
#contenu .detail_produit { border:1px solid #bea24b; box-shadow:0px 0px 7px rgba(74, 56, 27, 0.3); overflow:hidden; display:block; background:#FFF; position:relative; }
#contenu .produit img { display:block; width:100%; margin:0px !important; z-index:1; }
#contenu .produit h3 { color:#00004a; text-align:center; display:block; height:auto; z-index:2; line-height:16px; letter-spacing:normal; padding:5px 10px; font-size:13px; text-transform:capitalize; position:absolute; background:#FFF; background:rgba(255,255,255,0.75); top:0; width:100%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#contenu .t50 { width:50%; }
.padproduit { padding-right:62% !important; }
.plus { display:block; text-align:center; overflow:hidden;  font-size:0px; line-height:100px; background:#FFF; background:rgba(255,255,255,0.75); z-index:3; color:#000; position:absolute; left:50%; width:0px; height:0px; top:50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.plus font { display:block; position:absolute; height:50px; width:50px; text-align:center; font-size:36px; top:50%; margin-top:-25px; left:50%; margin-left:-25px; line-height:50px; }
#contenu .detail_produit:hover > .plus { top:0; left:0; width:100%; height:100%;   }

#detail_produit { width:598px; padding-bottom:20px; background:#FFF; border:1px solid #bea24b; box-shadow:0px 0px 20px rgba(74, 56, 27, 0.3); position:absolute; top:0; margin-top:-1500px; z-index:300; left:50%; margin-left:-300px; }
#detail_produit_fermer { position:absolute; right:0; margin-right:-15px; margin-top:-15px; cursor:pointer; z-index:333; }
#detail_produit_desc h2 { border-bottom:1px solid #bea24b; padding-bottom:5px; margin-bottom:5px; font-size:18px; color:#bea24b; line-height:26px; }
#detail_produit_desc { padding:5px 25px; font-size:12px; font-weight:lighter; text-align:justify; line-height:16px; color:#000 !important; font-family:Verdana, Geneva, sans-serif; }
#detail_produit_photo { box-shadow:0px 0px 7px rgba(74, 56, 27, 1); height:350px; overflow:hidden; }
#detail_produit_photo img { opacity:0; }
#detail_produit_photo .lightbox-image { opacity:0; }
#detail_produit .img { width:598px; height:400px; overflow:hidden; position:relative; }
#detail_produit .img img { width:100%; }
/*********************************************************** CARROUSEL PROMO *********************************************************/
#cadre_haut { background:url(../images/cadre.png) top center no-repeat; height:49px; position:relative; z-index:3; width:265px; }
#cadre_bas { background:url(../images/cadre_bas.png) top center no-repeat; height:61px; padding-bottom:10px; margin-top:-10px; position:relative; z-index:2; width:265px; margin-left:-20px; }
#caroussel_promo { width:315px; position:relative; overflow:hidden; color:#504942; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; background:#f3f3df; border:5px solid #bea24b; margin-left:-20px; z-index:1; position:relative; margin-bottom:10px; }
.promodefilante { padding:5px; height:230px; }
#caroussel_promo .promodefilante h4 { display:block; text-align:center; color:#4a381b; font-size:14px; text-align:center; line-height:17px; padding-bottom:5px; }
#caroussel_promo .promodefilante .textepromodefilante { padding:5px 10px; font-size:12px !important; text-align:justify; line-height:16px; }
#caroussel_promo .promodefilante .btpromodefilante { clear:both; background:#4a381b; padding:3px 10px; margin-top:5px; color:#FFF; text-decoration:none; font-size:12px; border:1px solid #bea24b; box-shadow:0px 0px 20px rgba(74, 56, 27, 0.3); display:block; text-align:center }
#caroussel_promo .promodefilante .btpromodefilante:hover { background:#bea24b; color:#504942; }
#caroussel_promo .promodefilante .btpromodefilante { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
#caroussel_promo .promodefilante .offre { color:#000; font-size:12px; line-height:16px; }
#caroussel_promo .promodefilante .offre h3 { display:block; text-align:center; color:#000; font-size:14px; text-align:left; padding:5px 0px; }
#caroussel_promo .promodefilante .offre a { background:#bea24b; margin-left:-1px; color:#504942 !important; padding:3px 12px; margin-left:10px; margin-top:6px; text-transform:capitalize; float:right; text-decoration:none; font-size:11px; border:1px solid #4a381b; box-shadow:0px 0px 5px rgba(74, 56, 27, 0.3); display:block; text-align:center }
#caroussel_promo .promodefilante .offre a:hover { background:#4a381b; color:#FFF !important; }
#caroussel_promo .promodefilante .offre a { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
#texte .promodefilante { position:relative; width:45%; float:left; height:auto; clear:none; border:1px solid #bea24b; background:#fff; padding:5px; box-shadow:0px 0px 0px rgba(0, 0, 0, 0.0); margin-left:0px; opacity:1; margin-right:4%; margin-bottom:10px; }
#texte .promodefilante img { width:100%; height:auto !important; }
#texte .promodefilante h4 { display:block; text-align:center; color:#4a381b; font-size:15px; text-align:center; padding:5px 0px; padding-top:2px; text-transform:capitalize }
#texte .promodefilante .textepromodefilante { padding:5px 10px; font-size:12px !important; text-align:justify; line-height:16px; }
#texte .promodefilante .btpromodefilante { clear:both; background:#4a381b; padding:3px 10px; margin-top:5px; color:#FFF; text-decoration:none; font-size:12px; border:1px solid #bea24b; box-shadow:0px 0px 20px rgba(74, 56, 27, 0.3); display:block; text-align:center }
#texte .promodefilante .btpromodefilante:hover { background:#bea24b; color:#504942; }
#texte .promodefilante .btpromodefilante { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }
#texte .promodefilante .offre { color:#000; font-size:12px; }
#texte .promodefilante .offre h3 { display:block; text-align:center; color:#000; font-size:12px; text-align:left; padding:5px 0px; }
#texte .promodefilante .offre a { background:#bea24b; margin-left:-1px; color:#504942 !important; padding:3px 12px; margin-left:10px; text-transform:capitalize; float:right; text-decoration:none; font-size:11px; border:1px solid #4a381b; box-shadow:0px 0px 5px rgba(74, 56, 27, 0.3); display:block; text-align:center }
#texte .promodefilante .offre a:hover { background:#4a381b; color:#FFF !important; }
#texte .promodefilante .offre a { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }

/* MENU RESPONSIVE */
#ul_menu_responsive { list-style-type:none; left:0; margin-left:0; }
.cbp-spmenu-vertical a { padding:0.5em !important; text-decoration: none; background:#f4f3df; font-weight:lighter; text-transform:capitalize; font-size:15px !important; color:#000 }
.cbp-spmenu-vertical li ul li a { font-size:13px !important; list-style:circle !important; padding-left:15px !important; background:#FFF; }
#menuResponsive {	display:none; position:relative; background:#fff; height:42px; color:#c0a346; font-size:13px; margin-top:25px;	float:right; padding:0px 10px; cursor:pointer; padding-top:3px; margin-right:20px; border: 1px solid #c0a346;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); }
#menuResponsive .ligne { width:90%; height:3px; background:#c0a346; margin:3px auto; border-radius:5px; }
/* General styles for all menus */
.cbp-spmenu { background: #fff none repeat scroll 0 0; border-left: 1px solid #bea24b; position: fixed; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.cbp-spmenu a { display: block; color: #000; font-size:12px;  border-bottom: 1px solid #bea24b; padding:5px 0px;  }
.cbp-spmenu a:hover { background: #f4f3df; }
.cbp-spmenu a:active { background: #fff; color: #47a3da; }
.cbp-spmenu li ul li a { list-style:circle; padding-left:15px; }
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 0; z-index: 1000; overflow-y: scroll; }
.cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }
.cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; }
.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; }
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -240px; }
.cbp-spmenu-right { right: -240px; }
.cbp-spmenu-left.menu-open { left: 0px; }
.cbp-spmenu-right.menu-open { right: 0px; }
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top { top: -150px; }
.cbp-spmenu-bottom { bottom: -150px; }
.cbp-spmenu-top.menu-open { top: 0px; }
.cbp-spmenu-bottom.menu-open { bottom: 0px; }
/* Push classes applied to the body */
.push-body { overflow-x: hidden; position: relative; left: 0; }
.push-body-toright { left: 240px; }
.push-body-toleft { left: -240px; }
/* Transitions */
.cbp-spmenu, .push-body { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
/* Example media queries */
@media screen and (max-width: 55.1875em) {
 .cbp-spmenu-horizontal { font-size: 75%; height: 110px;}
 .cbp-spmenu-top { top: -110px;} .cbp-spmenu-bottom { bottom: -110px;}
}
 @media screen and (max-height: 26.375em) {
 .cbp-spmenu-vertical { font-size: 90%; width: 190px;} .cbp-spmenu-left,  .push-body-toleft { left: -190px;} .cbp-spmenu-right { right: -190px;} .push-body-toright { left: 190px;}
}

@media screen and (max-width:1200px)
{
	#contenu .t33 { width:50%; }
}

@media screen and (max-width:1023px)
{
	#menuResponsive { display:block; }
	#menu_h { display:none !important; }
	#topresa { width:auto; position:relative; float:right; margin-right:20px; clear:none; margin-top:0px; background:none; }
	#flash { margin-top:92px; }
	#top { height:92px; }
	#masque { margin-top:92px; }
	#contenu { width:100% !important;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:15px; padding-left:345px; }
	#texte { margin-top:-70px; padding:0px 15px !important; }
	h1 { font-size:17px; }
	#img_page { position:relative; padding:0px !important; width:100% !important; clear:both;}
	.img_page { display:block; clear:both; float:none; margin:5px 0px; width:100%; }
	#caroussel_promo { margin-top:35px; }
	#chambre_h  { margin-top:-35px; margin-left:0px; }
	#bas { width:100% !important;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:15px; padding-left:15px; height:auto; font-size:12px; }
	
	/*produit*/
	#contenu #produit { position:relative; width:100%; margin-top:10px;}
	.padproduit { padding-right:15px !important; }
	#contenu .produit:nth-child(even) { padding:0px 15px 0px 0px; }
	#contenu .produit:nth-child(odd) { padding:0px 0px 0px 15px; }
	#texte .promodefilante { width:100%; margin:0px 0px 10px 0px; }
	#gmap { position:relative; margin:0px; border:0px solid #4a381b; padding:20px 0px; clear:both; width:100%; box-shadow:0px 0px 0px rgba(0,0,0,0); }
	
	.partenaire { margin:0px 0px; margin-top:15px; float:none; width:100%; }
	.partenaire .photo_partenaire { box-shadow:0px 0px 0px rgba(0,0,0,0); width:100%; float:none; margin:0px 0px 5px 0px; }
	
	
	#t2 td { font-size: 11px; }
	td { padding: 2px 5px;	}
	td h3 { font-size:13px; }
	
}

@media screen and (max-width:650px)
{ 
	#topresa { width:200px; }
	#bt_resaenligne { margin-bottom:10px; }
	#logo { width:190px; }
	#logo a span { margin-bottom:10px; }
	#logo img { width:190px; height:auto; }
	#top { height:127px; position:relative; }
	#contenu { width:100% !important; position:relative; margin-top:0px !important; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 20px !important; }
	#texte { margin-top:0px; padding:0px !important; }
	#menuC { display:none; }
	#zone-gauche { display:block; position:relative; margin:0px auto !important; width:100%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0px 20px !important; background:none; min-height:1px !important; box-shadow:0px 0px 0px rgba(0,0,0,0);  }
	#reseauS { padding:0px; width:auto; margin:0px; }
	#caroussel_promo  { margin:10px auto !important; width:100% !important; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
	.promodefilante img { max-width:100%; }
	#brochure { width:100% !important; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:35px; line-height:30px; margin-bottom:10px; }
	#TA_excellent89 { width:100%; margin:0px auto !important; height:auto; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-bottom:20px; }
	#CDSWIDEXC { width:100% !important;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0px !important; }
	#texte_defilant { background:#f4f3df; z-index:0; position:relative; margin-top:0px !important; }
	#logo { top:0; left:0; }
	#bas { position:relative; padding:0px 5px; font-size:11px; }
	#bas span { display:block; margin-bottom:-20px; }
	
	
	#masque {  display:none; }
	#flash { margin-top:0px !important; position:relative; height:180px !important; width:100%; overflow:hidden; }
	#diapo1 { width:654px !important; position:absolute; height:180px !important; top:0; left:50%; margin-left:-327px; margin-top:0px !important; }
	
	
	#detail_produit { width:300px; padding-bottom:20px;  margin-left:-151px; }
	#detail_produit .img { width:300px; height:200px; overflow:hidden; position:relative; }
	#detail_produit_photo { height:200px; }
	#detail_produit_desc h2 { font-size:15px; line-height:20px; }
	#detail_produit .img img { width:100%; }
	
	.dispo { float:none; margin:5px 0px; width:100%; text-align:center; padding:0px; }
	
}

@media screen and (max-width:450px)
{
	#logo a span { font-size:15px; }
	#logo img { width:160px; }
	#logo { width:160px; margin-left:-5px; }
	#bt_resaenligne { padding:3px 4px;  }
	#topresa a { font-size:15px; }
	#topresa { clear:both; width:155px; margin-right:10px; padding-top:15px;}
	#top { height:189px; }
	#menuResponsive { margin-right:10px; margin-top:10px; }
	
	#contenu .produit { width:100% !important; padding:0px !important; margin-bottom:15px !important; }
	
}






