/* ===| 0. Accueil Elements |=================================================*/


.accueil{
  background                                              : #5f0012 url(../../images/charte/accueil_bg_wrapcontainer.jpg) 0px -50px repeat-x; }

  .accueil #container{
    background                                            : url(../../images/charte/accueil_bg_container.jpg) 0px -50px no-repeat;
    padding                                               : 50px 0 0 0; }

  #background_half{
    background                                            : #dcd5c6 url(../../images/charte/accueil_bg_backgroundhalf.jpg) 0px -50px repeat-x;
    width                                                 : 50%;
    height                                                : 484px;
    position                                              : absolute;
    right                                                 : 0;
    top                                                   : 0;}

  #bandeau_bas{
    background                                            : url(../../images/charte/bg_bandeaiu_bas.jpg);
    color                                                 : #fff7e4;
    font                                                  : normal normal 11px Arial, Verdana, Tahoma;
    height                                                : 35px;
    margin                                                : 0px;
    padding                                               : 25px 0 0 256px;
    width                                                 : 740px; }

    #bandeau_bas span{
      display                                             : inline-block;
      width                                               : 52px;
      height                                              : 10px; }

    #bandeau_bas a{
      color                                               : #fff;
      font-weight                                         : bold;
      text-decoration                                     : none; }

      #bandeau_bas a:hover{
        color                                             : #f3b7b7;
        text-decoration                                   : underline; }

  .entrer{
    background                                            : url(../../images/charte/btn_entrer.jpg) 0px 0px no-repeat;
    display                                               : block;
    height                                                : 32px;
    margin                                                : -103px 0 0 749px;
    position                                              : absolute;
    width                                                 : 208px;
    z-index                                               : 999; }

    .entrer:hover{
      background-position                                 : 0px -32px; }

  #intro_logo_flash{
    background                                            : #b91331;            /* to be removed */
    height                                                : 160px;
    margin                                                : 0 0 0 20px;
    position                                              : absolute;
    width                                                 : 399px;
    z-index                                               : 990; }

  #intro_flash{
    background                                            : tan;                /* to be removed */
    height                                                : 374px;
    margin                                                : 0 0 0 419px;
    position                                              : absolute;
    width                                                 : 577px;
    z-index                                               : 990; }



/*===| I. MAIN LAYOUT  |======================================================*/

* {
  margin                                                  : 0; }

html {
  height                                                  : 100%;
  width                                                   : 100%; }

body{
  background                                              : #35000a;
 /* overflow-x                                              : hidden;      */
  width                                                   : 100%; }

ul, li{
  list-style                                              : none;
  list-style-position                                     : outside;
  margin                                                  : 0;
  padding                                                 : 0; }

a{
  color                                                   : #444444;
  text-decoration                                         : none; }

  a:hover{
    text-decoration                                       : underline; }

#right-inner img{
  border                                                  : 1px solid #534f45; }

.no-border{
  border                                                  : 0px none; }

.left{
  float                                                   : left;
  margin                                                  : 0.25em 10px 0 0; }

.right{
  float                                                   : right;
  margin                                                  : 0.25em 0 0 10px; }

#push, .clr	{
  clear                                                   : both; }

#wrap-container{
  position                                                : relative;
  width                                                   : 100%;
  z-index                                                 : 4; }

  #background_half_presentation{
    background                                            : #dcd5c6 url(../../images/charte/bg_backgroundhalf.jpg) 0px 0px repeat-x;
    width                                                 : 50%;
    height                                                : 739px;
    position                                              : absolute;
    right                                                 : 0;
    top                                                   : 0; }



/*===| BANDEAU BAS  |=========================================================*/


  #bandeau_bas_presentation{
    background                                            : url(../../images/charte/bg_bandeau_bas_presentation.jpg);
    color                                                 : #fff7e4;
    font                                                  : normal normal 11px Arial, Verdana, Tahoma;
    height                                                : 140px;
    margin                                                : 0px;
    padding                                               : 30px 20px 0 20px;
    width                                                 : 956px; }

/*    #bandeau_bas_presentation #actualite{
      color                                               : #ddd4c3;
      height                                              : 56px;
      padding                                             : 25px 0 0 0;
      width                                               : 400px; }*/
    #bg-actualites #actualite{
      color                                               : #ddd4c3;
      height                                              : 56px;
      padding                                             : 25px 0 0 34px;
      width                                               : 275px; }


      #bg-actualites img{
        border                                            : 1px solid #986a4e;
        float                                             : left;
        margin                                            : 0 14px 0 0; }

      #bg-actualites #actualite p{
        color                                             : #ddd4c3;
        line-height                                       : 11px;
        padding                                           : 0px 0 0 0; }

        #bg-actualites #actualite span{
          font                                            : normal 11px Arial, Verdana, Tahoma; }

        #bg-actualites #actualite p a{
          color                                           : #fff;
          font-weight                                     : bold; }

    #bandeau_bas_presentation #address{
      height                                              : 40px;
      line-height                                         : 0.9em;
      margin                                              : 0 0 0 595px;
      position                                            : absolute;
      width                                               : 160px; }

    #bandeau_bas_presentation #mail_plan{
      height                                              : 40px;
      font-weight                                         : bold;
      line-height                                         : 0.9em;
      margin                                              : 0 0 0 760px;
      position                                            : absolute;
      width                                               : 196px; }

      #bandeau_bas_presentation #mail_plan a{
        color                                             : #fff; }

    #bandeau_bas_presentation #horaire{
      color                                               : #bb6a73;
      font                                                : normal normal 15px Arial, Verdana, Tahoma;
      height                                              : 24px;
      line-height                                         : 1.2em;
      margin                                              : 96px 0 0 700px;
      position                                            : absolute;
      width                                               : 86px; }

      #bandeau_bas_presentation #horaire strong{
        color                                             : #ffd8dc; }

    #bandeau_bas_presentation #ferme_reservation{
      color                                               : #fff7e5;
      height                                              : 36px;
      line-height                                         : 0.7em;
      margin                                              : 96px 0 0 796px;
      position                                            : absolute;
      width                                               : 166px; }

  #container{
    margin                                                : 0 auto;
    position                                              : relative;
    text-align                                            : left; }



/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/

#left-outter{
  background                                              : transparent;
  float                                                   : none;
  margin                                                  : 0;
  position                                                : absolute;
  padding                                                 : 0;
  z-index                                                 : 9999; }

  #logo{
    background                                            : url(../../images/charte/sidebar_png_logo.png);
    height                                                : 124px;
    width                                                 : 394px; }

  #flash_menu{
    background                                            : url(../../images/charte/sidebar_png_menu.png);
    height                                                : 170px;
    width                                                 : 370px; }

  #side_text{
    background                                            : url(../../images/charte/sidebar_png_text.png);
    height                                                : 164px;
    width                                                 : 343px; }

#bg-actualites{
  background: url(../../images/charte/bg-actualites.png);
  height: 164px;
  width: 343px;
}


  #side_newsletter{
    background                                            : #dcd5c6 url(../../images/charte/sidebar_png_newsletter.png) top right;
    height                                                : 76px;
    padding                                               : 35px 0 0 40px;
    width                                                 : 275px; }

    #side_newsletter span{
      color                                               : #6d0013;
      display                                             : block;
      float                                               : left;
      font                                                : normal normal 11px Arial, Verdana, Tahoma;
      margin                                              : 0 0 8px 0;
      width                                               : 250px; }

      #side_newsletter #mandatory-email-Email{
        background                                        : #fff;
        border                                            : none;
        color                                             : #534639;
        float                                             : left;
        font                                              : normal normal 11px Arial, Verdana, Tahoma;
        height                                            : 16px;
        margin                                            : 3px 2px 0 0;
        padding                                           : 2px 0 0 5px;
        width                                             : 174px; }

      #side_newsletter .newsletter-button{
        background                                        : url(../../images/charte/btn_newsletter_ok.jpg) 0px 0px no-repeat;
        border                                            : 0 none;
        cursor                                            : pointer;
        float                                             : left;
        height                                            : 20px;
        margin                                            : 2px 0 0 0;
        width                                             : 32px; }

        #side_newsletter .newsletter-button-over{
          background                                      : url(../../images/charte/btn_newsletter_ok.jpg) 0px -20px no-repeat;
          border                                          : 0 none;
          cursor                                          : pointer;
          float                                           : left;
          height                                          : 20px;
          margin                                          : 2px 0 0 0;
          width                                           : 32px; }





/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/

#right-outter{
  background                                              : url(../../images/charte/bg_backgroundhalf.jpg);            /* Background color */
  float                                                   : right;
  margin                                                  : 0;
  overflow                                                : hidden;
  padding                                                 : 0; }

  #right-inner{
    height                                                : 559px;
    width                                                 : 660px !important;
    margin                                                : 5px 0 0 0;
    padding                                               : 0 15px 0 0; }

    #right-inner strong{
      color                                               : #2c0400; }

    #right-inner a{
      color                                               : #680000;
      font-weight                                         : bold;
      text-decoration                                     : none; }

      #right-inner a:hover{
        color                                             : #b40707;
        text-decoration                                   : underline; }

    #right-inner .box-first{
      clear                                               : both;
      float                                               : right;
      width                                               : 583px; }

    #right-inner .box-second{
      clear                                               : both;
      float                                               : right;
      margin                                              : 7px 0 0 0;
      width                                               : 625px; }

      #right-inner .box-second .box-second-first-span{
        padding                                           : 0 0 0 20px; }

      #right-inner .box-second .box-second-second-span{
        padding                                           : 0 0 0 10px; }

    #right-inner .box-third{
      clear                                               : both;
      float                                               : right;
      margin                                              : 7px 0 0 0;
      width                                               : 635px; }

      #right-inner .box-third div{
        border-top                                        : 1px solid #9d948b;
        border-bottom                                     : hidden;
        height                                            : 0px;
        margin                                            : 5px 0 0 0;
        float                                             : right;
        padding                                           : 0;
        width                                             : 480px; }

        #right-inner .box-third .box-third-second-p{
          margin                                          : 0; }



/* ===| V. FOOTER BOXES |=====================================================*/

#wrap-footer{
  position                                                : relative;
  text-align                                              : left;
  width                                                   : 100%;
  z-index                                                 : 4; }

  #footer{
    display                                               : table;
    font                                                  : normal normal 11px Arial, Verdana, Tahoma;
    margin                                                : 0 auto;
    padding                                               : 20px 20px 0px 20px;
    width                                                 : 956px; }

    .digitalage{
      display                                             : block;
      color                                               : #f3b7b7;
      float                                               : left;
      height                                              : 40px;
      line-height                                         : 1.4em;
      width                                               : 200px; }

      .digitalage a{
        color                                             : #ec7979;
        text-decoration                                   : none; }

        .digitalage a:hover{
          color                                           : #fff; }

    #menu_footer{
      float                                               : right;
      height                                              : 20px;
      text-align                                          : right;
      width                                               : 580px; }

      #menu_footer ul li{
        background                                        : none;
        border-right                                      : 1px solid #ec7979;
        padding                                           : 0 10px 0 10px; }

        #menu_footer ul li a, .copyright a{
          color                                           : #ec7979;
          text-decoration                                 : none; }

          #menu_footer ul li a:hover, .copyright a:hover{
            color                                         : #fff; }

        #menu_footer ul li.btn5{
          border                                          : 0 none;
          padding                                         : 0 0 0 10px; }

    .copyright{
      color                                               : #f3b7b7;
      float                                               : right;
      height                                              : 20px;
      text-align                                          : right;
      width                                               : 580px; }

    .ref{
      clear                                               : both;
      color                                               : #64232f;
      font-size                                           : 1em;
      margin                                              : 0px auto;
      padding                                             : 20px 0px 0px 0px;
      text-align                                          : center;
      width                                               : 956px; }

      .ref a{
        color                                             : #8e6069; }



/* ===| VI. OTHER ELEMENTS |==================================================*/

.invisible{
  clear                                                   : both;
  font-size                                               : 0;
  height                                                  : 0px;
  line-height                                             : 0px;
  margin                                                  : 10px 0 0 0;
  overflow                                                : hidden;
  padding                                                 : 0;
  width                                                   : 100%; }

.separator{
  border-bottom                                           : 1px solid #c6c6c6;
  clear                                                   : both;
  font-size                                               : 1em;
  height                                                  : 0;
  line-height                                             : 0;
  margin                                                  : 0 0 1.2em 0;
  padding                                                 : 0px;
  width                                                   : 100%;
  overflow                                                : hidden; }

#menu_footer ul li{
  display                                                 : inline; }

#tooltip{
	background                                              : #ebe9e5;
  border                                                  : 1px solid #9a9075;
  color                                                   : #000;
  display                                                 : none;
	padding                                                 : 5px 8px;
  position                                                : absolute;
  z-index                                                 : 9999;	}

.dot{
  border                                                  : none !important;
  display                                                 : inline;
  float                                                   : none !important; }

.first-br{
  line-height                                             : 1em; }



  /* --- Lists ---------------------------------------------------------------*/

  ul{
    float                                                 : left;
    margin                                                : 0 0 0.7em 0;
    width                                                 : 100%; }

    ul li{
      background                                          : url(../../images/charte/bullet.jpg) no-repeat 0px 6px;
      line-height                                         : 1.3em;
      margin                                              : 0 0 1em 0;
      padding                                             : 0px 0px 0px 20px;}

  ul.half-list{
    margin-right                                          : 1%;
    width                                                 : 49%; }

  ul.third-list{
    margin-right                                          : 1%;
    width                                                 : 29%; }

  ul.quarter-list{
    margin-right                                          : 1%;
    width                                                 : 24%; }

  ul.fifth-list{
    margin-right                                          : 1%;
    width                                                 : 19%; }



/* ===| VII. CONTACT FORM |===================================================*/

.merci-de-remplir{
  padding-left                                            : 76px;
  display                                                 : block;
  float                                                   : left;
  font                                                    : italic bold 14px Arial, Verdana, Tahoma;
  line-height                                             : 1.4em;
  margin                                                  : 0 0 20px 0;
  color                                                   : #63563b; }

#frmContact{
  margin                                                  : 0px auto;
  float                                                   : right;
  padding                                                 : 0px;
  width                                                   : 590px; }

 /* #frmContact label{
    float                                                 : left;
    margin                                                : 7px 0 7px 0;
    padding                                               : 0px;
    width                                                 : 120px; }*/

    #frmContact label span{
      color                                               : black;
      float                                               : left;
      font-style                                          : normal;
      font-family                                         : Arial;
      font-weight                                         : normal;
      padding                                             : 0 10px 0 0;
      text-align                                          : left;
      width                                               : 70px; }

    #frmContact label input, #frmContact label textarea{
      width                                               : 195px;
      border                                              : 1px solid #82755c;
      height                                              : 19px;
      font                                                : normal normal 12px Arial, Verdana, Tahoma;
      padding                                             : 3px 0 0 5px;
      vertical-align                                      : top; }

    #frmContact label textarea{
      height                                              : 50px; }

  .input{
    background-color                                      : #fff;
    margin: 1px 0;  }

    .input-over{
      background-color                                    : #f9f1e1;
      margin: 1px 0;}
.submit-buttons
{
  width:590px;
  float: left;
}



  #capa{                                                                        /* Captcha input */
    color                                                 : #69625a !important;
    height                                                : 19px;
    float                                                 : left;
    font-size                                             : 14px !important;
    font-weight                                           : bold !important;
    margin-top                                            : 2px;
    padding-top                                           : 3px;
    text-align                                            : center;
    text-transform                                        : uppercase;
    width                                                 : 146px !important; }

  #capaimg{
    width                                                 : 100px;              /* Captcha image */
    float                                                 : left; }

      .envoyer{
        background                                        : url(../../images/charte/btn_envoyer_retablir.jpg) repeat 0px 0px ;
        float                                             : left;
        height                                            : 30px;
        width                                             : 100px;
        margin-right                                      : 18px;
        margin-top                                        : 5px;
        display                                           : block; }

        .envoyer input{
          background                                      : transparent;
          width                                           : 100px;
          color                                           : #fff;
          font                                            : normal bold 14px Arial, Verdana, Tahoma;
          height                                          : 30px;
          text-decoration                                 : none !important;
          padding                                         : 0px;
          margin                                          : -1px 0 0 0;
          position                                        : absolute;
          border                                          : 0 none !important; }

    .merci-box{
      color                                               : #e2e2e2;
      float                                               : left;
      font-size                                           : 13px;
      font-weight                                         : bold;
      padding-top                                         : 10px;
      /*text-align                                          : center;   */
      width                                               : 690px; }
     .merci-box p
     {
      text-align: center;
     }


      .merci-box a{
       /* background-color                                  : #e71313;
        border                                            : 1px solid #640707; */
         /*color                                             : white;
        display                                           : inline;
       float                                             : left;    */
        padding                                           : 7px 12px 7px 12px;
       /* margin-top                                        : -1px;
        margin-left                                       : 250px;  */
        text-decoration                                   : none;
         }

        .merci-box a:hover{
         /* background-color                                : #ff1818; */
         text-decoration: underline;
         }

  #checkboxes{
    background                                            : #cac2b0;
    border                                                : 1px solid #877a5f;
    float                                                 : left;
    margin                                                : 20px 0 20px 0;
    padding                                               : 10px;
    width                                                 : 567px; }

    .checkbox{
      float                                               : left;
      height                                              : 25px;
      width                                               : 189px; }

      .checkbox input{
        display                                           : block;
        float                                             : left;
        margin                                            : 5px 10px 0 20px; }

  .champs{
    padding                                               : 10px 0 0 0;
    }




/* ===| IX. COMPONENT GALERIE |===============================================*/

#gallery{
  padding                                                 : 5px; }

  #gallery div.thumb{
    float                                                 : left;
    min-height                                            : 90px;
    height                                                : auto!important;
    height                                                : 90px;
    text-align                                            : center;
    padding                                               : 5px;
    width                                                 : 30%; }

    #gallery div.thumb a{
      display                                             : block;
      vertical-align                                      : middle; }

      #gallery div.thumb a img{
        background                                        : #fff;
        border                                            : 1px solid #ccc;
        padding                                           : 5px; }



/* ===| X. COMPONENT NEWSLETTER |=============================================*/

#newsletter{
  background                                              : #f3f3f3;
  border                                                  : 1px solid #ccc;
  padding                                                 :10px; }

  #newsletter input{
    vertical-align                                        : top;
    width                                                 : 40%; }

  #newsletter a:link, #newsletter a:visited {
    text-decoration                                       : none; }

    #newsletter a:link input, #newsletter a:visited input {
      background                                          : #ccc;
      border                                              : 1px solid #fff;
      cursor                                              : pointer;
      width                                               : auto;}

    #newsletter a:hover input {
      background                                          : #fff;
      border                                              : 1px solid #ccc;
      width                                               : auto; }

/* ===| XI. ADMINISTRABLE |===================================================*/

#administrable{
  float                                                   : right;
  width                                                   : 585px; }

  #recherche-bar1{
    border-bottom                                         : 1px solid #9F978E;
    float                                                 : left;
    margin                                                : 0 0 10px 0;
    padding                                               : 0 0 10px 0;
    width                                                 : 585px; }

    #recherche-bar1 #frmSearch{
      width                                               : 585px !important; }

      #recherche-bar1 #frmSearch .listbox{
        float                                             : left;
        height                                            : 30px;
        padding                                           : 0px !important;
        width                                             : 41.3%; }

        #recherche-bar1 #frmSearch .listbox select{
          border                                          : 1px solid #a03a4e;
          font                                            : normal normal 12px Arial, Verdana, Tahoma;
          height                                          : 23px;
          margin                                          : 4px 0 0 0;
          padding                                         : 2px 0 0 0;
          vertical-align                                  : top;
          width                                           : 236px !important; }

      #recherche-bar1 #frmSearch #recherche-button{
        float                                             : right;
        text-align                                        : right; }

        #recherche-bar1 #frmSearch #recherche-button .envoyer{
          float                                           : none !important;
          margin                                          : 0px !important; }

          #recherche-bar1 #frmSearch #recherche-button .envoyer input{
            background                                    : transparent;
            width                                         : 100px;
            color                                         : #fff;
            cursor                                        : pointer;
            font                                          : normal bold 14px Arial, Verdana, Tahoma;
            height                                        : 30px;
            text-decoration                               : none !important;
            padding                                       : 0px;
            margin                                        : 0 0 0 -100px;
            position                                      : absolute;
            border                                        : 0 none !important;
            z-index                                       : 9999; }

  #administrable .paragraph3{
    background                                            : #cac2b0;
    border                                                : 1px solid #877a5f;
    display                                               : inline;
    float                                                 : left;
    margin                                                : 0 2% 10px 2%;
    height                                                : 173px;
    padding                                               : 11px;
    width                                                 : 41%; }

    #administrable .paragraph3 .paragraph4{
      float                                               : left;
      height                                              : 150px;
      width                                               : 100%; }

      #administrable .paragraph3 .paragraph4 h2{
        background                                        : #e1ddd5;
        color                                             : #48010e;
        padding                                           : 5px; }

      #administrable .paragraph3 .paragraph4 a{
        background                                        : none;
        display                                           : block;
        float                                             : left;
        height                                            : auto;
        margin                                            : 0 10px 0 0;
        padding                                           : 0px;
        text-align                                        : center;
        width                                             : 80px; }

        #administrable .paragraph3 .paragraph4 a img{
          float                                           : none;
          margin                                          : 0px; }

      .thumb-right{
        float                                             : left;
        margin                                            : 0 10px 0 0; }

      #administrable .paragraph3 .paragraph4 h2{
        font-size                                         : 16px; }

      #administrable .paragraph3 .paragraph4 p.couleur5{
        font-weight                                       : bold; }

      #administrable .paragraph3 .paragraph4 p.couleur1{
        text-align                                        : left; }

    #administrable .paragraph3 a{
      background                                          : url(../../images/charte/btn_details.jpg) 0px 0px ;
      color                                               : #ff899f;
      cursor                                              : pointer;
      font                                                : normal bold 11px Arial, Verdana, Tahoma;
      float                                               : right;
      height                                              : 20px;
      padding                                             : 5px 0 0 0;
      text-align                                          : center;
      width                                               : 100px;
      display                                             : block; }

      #administrable .paragraph3 a:hover{
        color                                             : #fff;
        text-decoration                                   : underline; }

  div#pagination{
    background                                            : url(../../images/charte/bg_pagination.jpg);
    height                                                : 20px;
    padding                                               : 4px 8px 3px 8px;
    float                                                 : left;
    width                                                 : 569px;
    z-index                                               : 99999; }


/* Page details */


#administrable-details{
  float                                                   : right;
  width                                                   : 585px; }

  #administrable-details h2{
    color                                                 : #7c1328; }

  #administrable-details h3{
    color                                                 : #69604e; }

  #administrable-details .paragraph6{
    float                                                 : left; }

    #administrable-details .paragraph6 #pictures{
      height: 260px;
      float                                               : left;
      background                                          : #cac2b0;
      border                                              : 1px solid #877a5f;
      padding                                             : 20px;
      width                                               : 545px; }

      #administrable-details .paragraph6 #pictures #box-img{
        float                                             : right;
        height                                            : 150px;
        text-align                                        : right;
        width                                             : 275px; }

        #administrable-details .paragraph6 #pictures #box-img img{
          float: none; }

    a#aImgBig{
      background                                          : #510a12;
      width                                               : 250px;
      cursor                                              : pointer;
      float                                               : left;
      padding                                             : 5px;
      text-align                                          : center; }

      a#aImgBig img{
        border                                            : 0 none;
        float                                             : none;
        margin                                            : 0px;
        padding                                           : 0px; }

  #administrable-details .envoyer input{
    cursor                                                : pointer; }