/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body { background:url(gx/m/bg.png); color:#fff; font-size:14px; line-height: 150%; font-family: 'Open Sans', sans-serif; text-align: left; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link			{ color:#e0c398; text-decoration:none; }
a:visited			{ color:#e0c398; text-decoration:none; }
a:hover, a:focus	{ color:#999999; text-decoration:none; }
a:active			{ color:#e0c398; text-decoration:none; }

h1,h2,h3,h4,h5,h6,h7 { color:#fff; line-height:100%; text-transform:uppercase; }

h1 { font-size:48px; margin-bottom:50px; }
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2 { font-size:30px; }
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

h3 { font-size:20px; }

.bg_title { padding:165px 0 0 0; background:url(gx/m/bg_title.png) no-repeat 4px 0; }

blockquote, q{quotes:none; margin:1em 0;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
blockquote, q, cite { font-style:italic; }
blockquote { padding-left: 1.625em; border-left:3px solid #ccc; } 
blockquote > p {padding: 0;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

.incTinyMce { line-height:130%; text-align:justify; }
.incTinyMce h2 { margin-bottom:20px; }
.incTinyMce h3 { margin-bottom:20px; }
.incTinyMce p { margin-bottom:20px; }
.incTinyMce table { margin-bottom:20px; }
.incTinyMce ul li, .incTinyMce ol ul li{list-style:square; margin-left:16px;}
.incTinyMce ul ul li{list-style:circle;}
.incTinyMce ol li, .incTinyMce ul ol li{list-style:decimal; margin-left:23px;}
.incTinyMce ol ol li{list-style:lower-alpha;}

.textePetit{font-size:11px;}

/* Méthode de clear float */
.both, .clearBoth{clear:both;}

/* Méthode alternative */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0;}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix{zoom:1;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
label{font-size:12px;}
label.erreur{color:#cc0000;}
input.erreur, textarea.erreur { border:1px solid #cc0000; }
.champTexte { padding:5px; background-color:#fff; -webkit-transition:all 0.5s ease-in-out; border:1px solid #333; }
.listeDeroulante { padding:5px; border:1px solid #333; }
.champFichier { padding:5px; border:1px solid #333; }
.boiteTexte { resize:none; padding:5px; border:1px solid #333; }
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus { -webkit-transition:all 0.5s ease-in-out; background-color:#ddd; outline: none; }
.bouton { padding:5px 10px; border:none; cursor:pointer; background:#fff; font-family: 'Open Sans', sans-serif; }
.bouton:hover { background:#ccc; }
.champCache{display:none; visibility:hidden;}

p.avertissement{text-align:center; color:#DBA400; background-color:#FFE9A8; border:1px #DBA400 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; clear:both; margin-bottom:10px; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS { background: url(Gx/icone_RSS.png) no-repeat left;padding:5px 0 5px 20px; }
.pdf { background: url(Gx/icone_pdf.png) no-repeat left;padding:5px 0 5px 40px; font-size:24px; }

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#haut { display:block; background:url(gx/m/bg.png); border-bottom:1px solid #000; }
.haut_accueil { height:724px; }
.haut_contenu { height:313px; }
#haut_navigation { display:block; width:1000px; margin:0 auto; position:relative; }
#conteneur { margin:0 auto;	width:1000px; }
#contenu { margin-bottom:10px; min-height:500px; height:auto !important; height:500px; padding:20px 0 0 0; position:relative; }

#logo { display:block; width:240px; height:195px; margin:0 auto 0 auto; }

a.langue { position:absolute; right:70px; top:15px; font-size:10px; color:#e9e9e6; text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000; }
a.libro-button{ position:absolute; right:150px; top:8px;  }
a.langue:hover { color:#fff; }

/* MENUS
--------------------------------------------------------------------------------------- */
#zone_menu { display:block; height:60px; width:1000px; }
#menu { position:absolute; z-index:100; left:0; top:0; }
#menu li{ display:inline-block; float:left; margin:0 20px 0 0; padding:0; }
#menu a, #menu a:link, #menu a:visited { display:block; float:left; height:60px; line-height:59px; padding:0 20px; color:#fff; text-shadow:2px 2px 0 #000; font-weight:bold; font-size:14px; text-transform:uppercase; }
#menu a:hover, #menu a:focus, #menu a:visited:hover { background:url(gx/m/bg_menu.png); }
#menu a.actif, #menu a.actif:visited, #menu a:active, #menu a:visited:active { background:url(gx/m/bg_menu.png); }

#menu_pagination { position:absolute; right:0; top:680px; }
#menu_pagination li { display:inline-block; float:left; margin:0 0 0 5px; }
#menu_pagination li a { display:block; float:left; width:17px; height:17px; background:url(gx/m/bg_menu_pagination.png) no-repeat left bottom; text-indent:-9999px; }
#menu_pagination li a:hover, #menu_pagination li a.actif { background:url(gx/m/bg_menu_pagination.png) no-repeat left top; }

#zone_menu_ancres { display:block; clear:both; width:500px; }
#menu_ancres { margin:0; padding:0; }
#menu_ancres li { display:block; margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #ccc; }
#menu_ancres li a { display:block; margin:0; padding:0; font-size:14px; }

/* Navigation secondaire */
#menuSec{float:right; font-size:11px;}
#menuSec li{display:inline; float:left;}
#menuSec a, #menuSec a:link, #menuSec a:visited { padding:0 5px; }
#menuSec li.dernier a { padding-right:0; }

/* Navigation en bas-de-page */
#menuBas { margin:0; padding:0; height:35px; line-height:35px; }
#menuBas li { display:inline-block; float:left; height:35px; line-height:35px; /*padding:0 10px 0 0;*/ margin:0 10px 0 0; }
#menuBas li a { display:block; float:left; height:35px; line-height:35px; }

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.photoMortaise{float:left; margin:4px 10px 5px 0;}

/* Boutons de partage */
.btnPartageGoogle{width:85px;float:left;}
.btnPartageTwitter{width:125px;float:left;}
.btnPartageLinkedIn{width:110px;float:left;}
.btnPartagePinterest{width:110px;float:left;}
.btnPartageStumbleUpon{width:110px;float:left;}
.btnPartageFacebook{width:155px;float:left;}

/* 01_100 : PAGE ACCUEIL
---------------------------------------------------------------------------------------*/
.col40 { display:block; width:40%; margin-right:5%; float:left; }
.col25 { display:block; width:25%; margin-right:0; float:left; padding:165px 0 0 0; background:url(gx/m/bg_title.png) no-repeat 0 -20px; }
.margin5 { margin-right:5%; }
.justify { text-align:justify; }

/* 03_100 : PAGE MENUS
--------------------------------------------------------------------------------------- */
.menu_cat { padding:0 0 20px 0; margin: 200px 0 800px 0; }
.menu_cat h2 { font-size:40px; position:relative; margin:0 0 20px 0; }
.menu_cat .btn_haut { display:block; width:21px; height:21px; position:absolute; z-index:100; right:10px; top:10px; background:url(gx/m/bg_haut.png) no-repeat left top; }
.menu_cat .btn_haut:hover { background:url(gx/m/bg_haut.png) no-repeat left bottom; }
.menu_cat .menu_cat_descr { margin:0 0 15px 0; }
.section_menu { margin:0 0 0 0; padding:0; }
.section_niveau1 { background:url(gx/m/bg_niveau_01.png) left top; margin:20px 0 0 0; }
.section_niveau2 { background:url(gx/m/bg_niveau_02.png) left top; }
.section_niveau3 { background:url(gx/m/bg_niveau_03.png) left top; }
.section_niveau4 { background:url(gx/m/bg_niveau_04.png) left top; }
.section_niveau5 { background:url(gx/m/bg_niveau_05.png) left top; }
.section_menu h3 { margin:0; position:relative; padding:10px; }
.section_menu h3.niveau1 { font-size:32px; }
.section_menu h3.niveau2 { font-size:26px; }
.section_menu h3.niveau3 { font-size:22px; text-transform:none; }
.section_menu h3.niveau4 { font-size:18px; text-transform:none; }
.section_menu .sous_cat_descr { font-size:16px; margin:0 0 10px 0; padding:0 0 0 20px; }
.section_menu .texte_bas { padding:10px; background: rgba(0, 0, 0, 0.5); }
.items { border-top:1px dotted #3c3c3d; }
.item_menu { display:block; display:block; border-bottom:1px dotted #3c3c3d; padding:5px 10px; }
.item_menu .name { display:block; width:90%; float:left; text-align:left; }
.item_menu .name .sous_titre_item { font-size:12px; padding:0 0 0 10px; }
.item_menu .price { display:block; width:10%; float:left; text-align:right; }
.item_menu .menu_sous_titre { padding:0 0 0 10px; color:#999; }

/* 04_100 : PAGE PHOTOS
--------------------------------------------------------------------------------------- */
#conteneurPhoto { padding:0; position: relative; }
#conteneurPhoto .box { margin:5px; display: block; float: left; }
#conteneurPhoto a { margin:0; padding:0; display:block; position:relative; z-index:200; }
#conteneurPhoto a img { border:1px solid #333; }
#conteneurPhoto a img:hover { border:1px solid #000; }
.fancyboxImg { position:absolute; left:212px; z-index:100; display:none; width:60px; height:60px; background:url(gx/m/bg_zoom.png) no-repeat center center; }

/* 05_100 : PAGE RÉSERVATIONS
--------------------------------------------------------------------------------------- */
#formReservation label { display:block; width:100%; }
#formReservation .champTexte { display:block; width:92%; margin:0; padding:2%; font-family: 'Open Sans', sans-serif; }
#formReservation .boiteTexte { display:block; width:98%; padding:1%; min-height:100px; font-family: 'Open Sans', sans-serif; }
#formReservation .bouton { padding:5px 10px; border:none; cursor:pointer; background:#fff; font-family: 'Open Sans', sans-serif; }
#formReservation .bouton:hover { background:#ccc; }

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#boiteContact { width:480px;float:left; }
#boiteFormContact { float:right; width:480px; }
#iframeCarteGoogle{border:1px solid #999;}

#formContact{float:right;width:480px;}
#formContact h2 { font-size:48px; }
#formContact table td{padding:5px 0;width:240px;}
#formContact label{}
#formContact .champTexte{width:218px;}
#formContact .listeDeroulante{width:218px;}
#formContact .boiteTexte{height:70px; width:460px; resize:vertical;}
#formContact .champFichier{}
/* #formContact .erreurTexte{font-size:11px;} */

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage { padding:10px 0 50px 0; font-size:11px; border-top:1px solid #545556; margin:50px 0 0 0; clear:both; position:relative; }
#piedPage a { color:#fff; }
#piedPage a:hover { color:#ccc; }
#piedPage #copyrights{float:left;}
#certifie { background:url(gx/m/bg_certifie.png) no-repeat left center; padding:0 0 0 60px; display:block; clear:both; height:35px; line-height:35px; color:#fff; font-family:Arial,sans-serif; font-size:12px; text-decoration:none; }
.btn_courriel { position:absolute; right:32px; top:15px; display:block; width:22px; height:22px; background:url(gx/m/icone_courriel.png) no-repeat left top; }
.btn_courriel:hover { background:url(gx/m/icone_courriel.png) no-repeat left bottom; }
.btn_facebook { position:absolute; right:0; top:15px; display:block; width:22px; height:22px; background:url(gx/m/icone_facebook.png) no-repeat left top; }
.btn_facebook:hover { background:url(gx/m/icone_facebook.png) no-repeat left bottom; }

#BackToTop { float: left; display:none; color: #eee; margin: 0 5px; padding: 3px; text-decoration: none; border: 1px solid #1b1b1d; font: bold 14px Arial, Helvetica; position:fixed; bottom:10px; right:10px;
background-color: #1b1b1d;
background-image: -moz-linear-gradient(#27282a, #1b1b1d);
background-image: -webkit-gradient(linear, left top, left bottom, from(#27282a), to(#1b1b1d));
background-image: -webkit-linear-gradient(#27282a, #1b1b1d);
background-image: -o-linear-gradient(#27282a, #1b1b1d);
background-image: -ms-linear-gradient(#27282a, #1b1b1d);
background-image: linear-gradient(#27282a, #1b1b1d);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 -1px 0 rgba(0,0,0,.8);
-moz-box-shadow: 0 1px 0 rgba(102, 102, 102, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(102, 102, 102, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(102, 102, 102, 0.3), 0 3px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(102, 102, 102, 0.5) inset;
box-shadow: 0 1px 0 rgba(102, 102, 102, 0.3), 0 1px 0 rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(102, 102, 102, 0.5) inset;
}
#BackToTop span { display: block; padding: 4px 15px; cursor: pointer; }
#BackToTop:hover { color:#666; }