/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/
/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */
/* -- bg --------------------------------------------- */
#bg_ete {
    background: url(images/bg_ete.jpg) repeat-x top left
    }
#bg_eteTop {
    background: url(images/bg_eteTop.jpg) no-repeat top center
    }
#bg-contenu {
    background: url(images/bg-container-ete.png) repeat-y top left
    }
h1 {
    font-size: 1.4em;
    margin: 0;
    color: #4d6a33;
    padding: 0 0 8px 0
    }
/* -- entête ----------------------------------------- */
#entete_ete_bg, #entete_ete_bg_en {
    width: 965px;
    background: url(images/entete_ete_bg.jpg) no-repeat top left
    }
/* -- top menu -------------------------------------- */
#topMenu_ete {
    float: right;
    width: 500px
    }
#topMenu_ete ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0
    }
#topMenu_ete ul li {
    float: left;
    margin: 0;
    padding: 7px 0 0 6px;
    color: #b0ce6a;
    font-size: 1em
    }
#topMenu_ete ul li#bEnglish, #topMenu_ete ul li#bFrancais {
    padding: 0 0 0 8px
    }
#topMenu_ete a:link, #topMenu_ete a:visited, #topMenu_ete a:active {
    text-decoration: none;
    color: #b0ce6a
    }
#topMenu_ete a:hover {
    text-decoration: underline
    }
/* -- slideshow ---------------------------------------------- */
#zoneSlideshow_bg_ete {
    width: 973px;
    background: url(images/slideshow_bg_ete.gif) no-repeat top left
    }
/* -- zone réservation --------------------------------------- */
#reservation_ete {
    width: 200px;
    background-color: #b5cc8e;
    margin: 0 0 1px 0;
    padding: 12px 0 0 0
    }
div#reservation_ete {
    height: 200px
    }
html > body div#reservation_ete {
    min-height: 200px;
    height: auto
    }
#reservationInt_ete h2 {
    background: url(images/reservations-titre-fr.png) no-repeat top left;
    height: 21px;
    margin: 0;
    padding: 0 0 7px 0
    }
#reservationInt_ete_en h2 {
    background: url(images/reservations-titre-en.png) no-repeat top left;
    height: 21px;
    margin: 0;
    padding: 0 0 7px 0
    }
/* -- choix du jour d'arrivée ---------------- */
.champsReservation select {
    width: 51px;
    font-size: 0.85em;
    border: 1px solid #242f12;
    margin: 3px 8px 8px 0;
    _margin: 2px 8px 6px 0
    }
/* -- code promo ---------------- */
.champsReservation input.icodePromo {
    width: 110px;
    font-size: 0.85em;
    border: 1px solid #242f12;
    margin: 3px 0 8px 0;
    _margin: 3px 0 6px 0
    }
/* ---------------------------------------------------------------------- */
/* -- Menu -------------------------------------------------------------- */
#menuPrincipal {
    width: 954px;
    margin: 0 0 0 11px;
    background: #3a6a2c
    }
/* -- Sous-menu --------------------------------------------------------- */
#sousMenu_ete {
    width: 953px;
    margin: 0;
    background: #6e9849 url(images/sousmenu_bg_ete.gif) repeat-x top left
    }
/* -- français ----------------------------------------------------- */
#sousmenu_ete_bgAccueil {
    background: url(images/sousmenu_bgAccueil_ete.gif) no-repeat 7px 0;
    width: 953px
    }
#sousmenu_ete_bgChambre {
    background: url(images/sousmenu_bgChambre_ete.gif) no-repeat 68px 0;
    width: 953px
    }
#sousmenu_ete_bgServices {
    background: url(images/sousmenu_bgServices_ete.gif) no-repeat 201px 0;
    width: 953px
    }
#sousmenu_ete_bgForfaits {
    background: url(images/sousmenu_bgForfaits_ete.gif) no-repeat 269px 0;
    width: 953px
    }
#sousMenu_ete_bgReunion {
    background: url(images/sousmenu_bgReunion_ete.gif) no-repeat 423px 0;
    width: 953px
    }
#sousMenu_ete_bgRestaurant {
    background: url(images/sousmenu_bgRestaurant_ete.gif) no-repeat 590px 0;
    width: 953px
    }
#sousmenu_ete_bgActivites {
    background: url(images/sousmenu_bgActivites_ete.gif) no-repeat 673px 0;
    width: 953px
    }
#sousMenu_ete_bgGalerie {
    background: url(images/sousmenu_bgGalerie_ete.gif) no-repeat 808px 0;
    width: 953px
    }
/* -- anglais ----------------------------------------------------- */
#sousmenu_ete_bgAccueil-en {
    background: url(images/sousmenu_bgAccueil_ete-en.gif) no-repeat 7px 0;
    width: 953px
    }
#sousmenu_ete_bgChambre-en {
    background: url(images/sousmenu_bgChambre_ete-en.gif) no-repeat 59px 0;
    width: 953px
    }
#sousmenu_ete_bgServices-en {
    background: url(images/sousmenu_bgServices_ete.gif) no-repeat 172px 0;
    width: 953px
    }
#sousmenu_ete_bgForfaits-en {
    background: url(images/sousmenu_bgForfaits_ete-en.gif) no-repeat 240px 0;
    width: 953px
    }
#sousMenu_ete_bgReunion-en {
    background: url(images/sousmenu_bgReunion_ete-en.gif) no-repeat 399px 0;
    width: 953px
    }
#sousMenu_ete_bgRestaurant-en {
    background: url(images/sousmenu_bgRestaurant_ete.gif) no-repeat 529px 0;
    width: 953px
    }
#sousmenu_ete_bgActivites-en {
    background: url(images/sousmenu_bgActivites_ete-en.gif) no-repeat 612px 0;
    width: 953px
    }
#sousMenu_ete_bgGalerie-en {
    background: url(images/sousmenu_bgGalerie_ete-en.gif) no-repeat 770px 0;
    width: 953px
    }
/* ---------------------------------------------------------------- */
#sousMenu_ete a {
    font-size: 0.9em;
    display: block;
    float: left;
    padding: 9px 8px 7px 8px;
    font-weight: bold;
    color: #fff;
    text-decoration: none
    }
#sousMenu_ete a:hover {
    font-weight: bold;
    background: #8fb75f url(images/sousmenu_bgOver_ete.gif) repeat-x top left;
    padding: 9px 8px 7px 8px
    }
/* -- éléments de contenu --------------------------- */
.contenu a:link, .contenu a:visited, .contenu a:active {
    color: #3a6a2c
    }
.contenu a:hover {
    text-decoration: none
    }
#saisons select {
    position: absolute;
    top: 1px;
    left: 620px;
    _left: 610px;
    border: 1px solid #06243c
    }
/* -- champs select Saisons ------------------------------------------- */
#saisons select {
    position: absolute;
    top: 1px;
    left: 605px;
    _left: 598px;
    width: 100px;
    border: 1px solid #242f12
    }
/* ---------------------------------------------------------------------- */
/* -- Pied -------------------------------------------------------------- */
#pied_ete {
    width: 955px;
    margin: 0 0 0 10px;
    background: #3a6a2c;
    padding: 5px 0 7px 0
    }
/* -- galerie photos ------------------------- */
#zoneGrPhoto img {
    border: 1px solid #3a6a2c
    }
ul.gallery li a:hover {
    border: 3px #3a6a2c solid
    }
/* ---------------------------------------------------------------- */
/* -- Carte-cadeau ------------------------------------------------- */
.tabCartCadeau {
    width: 699px;
    margin: 0 0 25px 0
    }
.tabCartCadeau_liste {
    width: 699px;
    margin: 0 0 25px 0
    }
.tabCartCadeau td.bgGris, .tabCartCadeau_liste td.bgGris {
    background: #d6e3cb;
    padding: 10px
    }
.tabCartCadeau td.tdCadeau {
    width: 141px;
    font-weight: bold;
    color: #06243c
    }
.tabCartCadeau td.tdCadeauItem {
    width: 500px;
    font-weight: bold;
    color: #06243c;
    padding: 10px
    }
.tabCartCadeau td.tdCadeau_cartecadeau {
    width: 210px;
    font-weight: bold;
    color: #06243c
    }
.tabCartCadeau td.tdCadeau_cartecadeau_liste, .tabCartCadeau_liste td.tdCadeau_cartecadeau_liste {
    width: 310px;
    font-weight: bold;
    color: #06243c
    }
.tabCartCadeau input {
    border: 1px solid #4d6a33
    }
.tabCartCadeau input.bCommander {
    background: #d6e3cb;
    padding: 2px 5px;
    _padding: 0
    }
input#bEtapeSuivante, input#bRecommancer, input#bCommander, input#mods {
    border: 1px solid #4d6a33;
    background: #d6e3cb;
    padding: 2px 5px;
    _padding: 0
    }
/* -- description -------------------- */
.tabCartCadeau td.tdDescriptionItem {
    width: 600px;
    font-size: 0.9em;
    font-weight: bold;
    border: 2px solid #4d6a33;
    padding: 15px 15px 15px 5px;
    line-height: 1.8em;
    text-align: justify
    }
.tabCartCadeau td.tdDescriptionItem ul {
    margin: 0;
    padding: 0 0 0 25px
    }
.tabCartCadeau td.tdDescriptionItem ul li {
    list-style: square;
    margin: 0;
    padding: 0 0 5px 0;
    background: none
    }
.tabCartCadeau td.tdDescription {
    width: 255px;
    font-size: 0.8em
    }
/* -- montant ------------------------- */
.tabCartCadeau td.tdPrix, .tabCartCadeau_liste td.tdPrix {
    width: 60px;
    font-weight: bold;
    color: #06243c;
    text-align: center
    }
.tabCartCadeau td.tdPrixItem {
    width: 60px;
    font-weight: bold;
    color: #06243c;
    text-align: center;
    padding: 10px
    }
.tabCartCadeau td.tdPrix input.imontant {
    width: 50px;
    margin: 3px 0 0 0
    }
.tabCartCadeau td.tdPrix_cartecadeau {
    width: 115px;
    font-weight: bold;
    color: #06243c;
    text-align: left
    }
.tabCartCadeau td.tdPrix_cartecadeau input.imontant {
    width: 110px;
    margin: 3px 0 0 0
    }
/* -- quantité ------------------------- */
.tabCartCadeau td.tdQuantite, .tabCartCadeau_liste td.tdQuantite {
    width: 55px;
    text-align: center;
    font-weight: bold;
    color: #06243c;
    padding: 10px
    }
.tabCartCadeau td.tdQuantite input.iquantite {
    width: 30px;
    margin: 3px 0 0 0
    }
.tabCartCadeau td.tdAjout {
    width: 140px;
    text-align: center;
    font-weight: bold;
    color: #06243c
    }
/* ---------------- */
.tabCartCadeau td.tdQuantite select {
    width: 43px;
    font-size: 0.9em;
    border: 1px solid #4d6a33
    }
.box_prixTotaux {
    width: 300px;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    position: relative;
    border-top: 1px solid #06243c
    }
.box_prixTotaux p {
    color: #06243c;
    text-align: right;
    line-height: 1.4em;
    padding: 0 50px 15px 0
    }
/* -- Form commande ------------------------------- */
.formCommande {
    margin: 0 0 30px 5px
    }
.formCommande h2 {
    color: #4d6a33 !important
    }
.lesChampsCommande {
    margin-bottom: 10px
    }
.lesChampsCommande label {
    font-size: 1em;
    color: #06243c;
    font-weight: bold
    }
.lesChampsCommande input {
    width: 250px;
    border: 1px solid #4d6a33
    }
.lesChampsCommande select {
    border: 1px solid #4d6a33
    }
.lesChampsCommande input.imontant {
    width: 120px;
    border: 1px solid #4d6a33
    }
.lesChampsCommande input#identique {
    width: 15px;
    border: 1px solid #4d6a33
    }
.lesChampsCommande input#envoipostal {
    width: 15px;
    border: 1px solid #4d6a33
    }
#bEnvoyer {
    width: 172px
    }
/* -------------------------------------------- */
fieldset {
    padding: 0 10px;
    border: 1px solid #4d6a33
    }
fieldset.details {
    margin: 10px 0;
    padding: 0 5px 20px 5px
    }
legend {
    font-weight: bold;
    color: #4d6a33;
    font-size: 1.1em
    }
/* -- BOUTONS RÉSEAUX SOCIAUX ----------------------- */
/* FR */
/* Facebook ---------- */
a.b-facebook-fr-ete {
    display: block;
    float: right;
    width: 71px;
    height: 23px;
    background: url(images/b-facebook-fr-ete.gif) no-repeat top left;
    margin: 0 0 0 10px;
    text-indent: -9999em
    }
/* Twitter ---------- */
a.b-twitter-fr-ete {
    display: block;
    float: right;
    width: 71px;
    height: 23px;
    background: url(images/b-twitter-fr-ete.gif) no-repeat top left;
    margin: 0 0 0 5px;
    text-indent: -9999em
    }
/* EN */
/* Facebook ---------- */
a.b-facebook-en-ete {
    display: block;
    float: right;
    width: 50px;
    height: 23px;
    background: url(images/b-facebook-en-ete.gif) no-repeat top left;
    margin: 0 0 0 10px;
    text-indent: -9999em
    }
/* Twitter ---------- */
a.b-twitter-en-ete {
    display: block;
    float: right;
    width: 71px;
    height: 23px;
    background: url(images/b-twitter-en-ete.gif) no-repeat top left;
    margin: 0 0 0 5px;
    text-indent: -9999em
    }
/* Modifs Novembre 2010---------- */
.champsReservation label {
    color: #32501f
    }