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

* {
  margin                                                  : 0; }

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

body{
  overflow-x                                              : hidden;
  background                                              : #e8f0d4 url(../../images/charte/bg_gradient.jpg) top left repeat-x;
  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 black; }

.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{
  background                                              : url(../../images/charte/bg_body.jpg) top center no-repeat;
  position                                                : relative;
  width                                                   : 100%;
  z-index                                                 : 4; }

  #container{
    background                                            : #fff;
    margin                                                : 0 auto;
    text-align                                            : left; }



/* ===| II. HEADER ELEMENTS |=================================================*/

#site-header{
  background                                              : transparent;        /* Background color */
  margin                                                  : 0 0 0 0; }

  #flash_logo{
    /*background                                            : url(../../images/charte/flash_logo.jpg);*/
    float                                                 : left;
    height                                                : 302px;
    width                                                 : 329px; }

  #flash_header{
    /*background                                            : url(../../images/charte/flash_header.jpg);*/
    float                                                 : left;
    height                                                : 240px;
    width                                                 : 631px; }

  #flash_diaporama{
    height                                                : 240px;
    margin                                                : 0 0 0 235px;
    position                                              : absolute;
    width                                                 : 725px; }

  #h1_header{
    background                                            : #fff;
    float                                                 : left;
    height                                                : 47px;
    padding                                               : 15px 20px 0 10px;
    width                                                 : 601px; }



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

#left-outter{
  background                                              : #fff url(../../images/charte/bg_left.jpg) top left repeat-x;            /* Background color */
  float                                                   : left;
  margin                                                  : 0 0 0 0;
  padding                                                 : 0;
  overflow                                                : hidden; }

  #menu-left{
    background                                            : url(../../images/charte/flash_menu.jpg);
    float                                                 : left;
    margin                                                : 0;
    height                                                : 185px;
    width                                                 : 255px; }



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

#right-outter{
  background                                              : #fff;            /* Background color */
  float                                                   : left;
  margin                                                  : 0;
  overflow                                                : hidden;
  padding                                                 : 0; }

  #right-inner{
    padding                                               : 20px 20px 30px 20px; }

    #right-inner p{
      color                                               : #000; }

    #right-inner img{
      background                                          : #fff;
      border                                              : 1px solid #6da515;
      padding                                             : 4px; }

    #right-inner img.isolated_pic{
      border                                              : 0 none;
      padding                                             : 0px; }

    #right-inner .pbox{
      background                                          : url(../../images/charte/pbox.jpg);
      border                                              : 1px solid #aaeb82;
      float                                               : left;
      height                                              : 120px;
      margin                                              : 0 0 0 0;
      padding                                             : 9px;
      width                                               : 645px; }

      #right-inner .pbox .left, #right-inner .pbox .left{
        margin-top                                        : 0px; }



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

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

  #footer{
    border-top                                            : 1px solid #c5ccb4;
    display                                               : table;
    font-size                                             : 11px;
    margin                                                : 0 auto;
    padding                                               : 10px 20px 0px 20px;
    width                                                 : 920px !important; }

    .digitalage{
      color                                               : #358900;
      display                                             : block;
      float                                               : left;
      height                                              : 40px;
      line-height                                         : 1.7em;
      width                                               : 180px; }

      .digitalage a{
        color                                             : #51451f; }

    #menu_footer{
      float                                               : right;
      height                                              : 16px;
      text-align                                          : right;
      width                                               : 680px; }

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

        #menu_footer ul li a{
          color                                           : #358900; }

          #menu_footer ul li a:hover{
            color                                         : #51451f;
            text-decoration                               : underline; }

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

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

      .copyright a{
        color                                             : #51451f; }

    .ref{
      clear                                               : both;
      font-size                                           : 0.92em;
      margin                                              : 0px auto;
      padding                                             : 10px 0px 0px 0px;
      text-align                                          : center;
      width                                               : 920px; }



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

.invisible{
  clear                                                   : both;
  font-size                                               : 0;
  height                                                  : 0px;
  line-height                                             : 0px;
  float                                                   : left;
  margin                                                  : 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                                              : #3e3e3e;
  border                                                  : 1px solid black;
  color                                                   : white;
  display                                                 : none;
	padding                                                 : 2px 5px;
  position                                                : absolute;
  z-index                                                 : 9999;	}




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

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

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

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

  ul.third-list{
    margin-right                                          : 10px;
    width                                                 : 210px; }

    .pbox ul.third-list{
      margin-right                                        : 0px;
      margin-top                                          : 0px;
      padding:0; }

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

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

  ul.top-with-picture{
    width                                                 : 475px;
    padding-left                                          : 20px;
    display                                               : inline; }

    ul.top-with-picture li{
      margin-bottom                                       : 10px; }



/* ===| Coordonnees |=========================================================*/

#coordonnees{
  background                                              : url(../../images/charte/bg_coordonnees.jpg) top left no-repeat;
  float                                                   : left;
  height                                                  : 164px;
  padding                                                 : 31px 0 0 20px;
  width                                                   : 235px; }

  #coordonnees p{
    color                                                 : #51451f;
    width: 140px;
    font-size                                             : 12px;
    font-weight                                           : bold;
    line-height                                           : 1.5em;
    margin                                                : 0 0 0 0;
    position                                              : absolute;
    z-index                                               : 99; }

    #coordonnees p span{
      color                                               : #358900;
      line-height                                         : 1.6em;
      font-weight                                         : normal;
      font-size                                           : 11px;}

  #coordonnees a#mail{
    color                                                 : #51451f;
    font-size                                             : 11px;
    font-weight                                           : bold; }

  #coordonnees a#plan_link{
    background                                            : url(../../images/charte/btn_plan_link.jpg);
    display                                               : block;
    height                                                : 60px;
    margin                                                : 0 0 0 125px;
    position                                              : absolute;
    width                                                 : 100px;
    z-index                                               : 9; }



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

.contactbox{
  height                                                  : 35px !important;
  font                                                    : normal bold 14px Arial, Verdana, Tahoma;
  text-align                                              : center;
  padding                                                 : 10px 30px !important;
  width                                                   : 603px !important;
  color                                                   : #243402; }

.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;
  padding                                                 : 0px;
  width                                                   : 590px; }

  #frmContact label{
    float                                                 : left; }

    #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                                    : #e7ffc5;
      margin                                              : 1px 0; }

.submit-buttons{
  width                                                   : 210px;

  padding-left: 20px;
  float                                                   : left; }

  #capa{
    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;
    float                                                 : left; }

      .envoyer{
        background                                        : url(../../images/charte/btn_envoyer_retablir.jpg) repeat 0px 0px ;
        float                                             : left;
        height                                            : 30px;
        width                                             : 100px;
        margin-right                                      : 5px;
        margin-top                                        : 12px;
        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;
      width                                               : 690px; }
     .merci-box p
     {
      text-align: center;
     }


      .merci-box a{
        padding                                           : 7px 12px 7px 12px;
        text-decoration                                   : none;
         }

        .merci-box a:hover{
         text-decoration: underline;
         }

  #checkboxes{
    background                                            : #d6f0b8;
    border                                                : 1px solid #aaeb82;
    float                                                 : left;
    font-size                                             : 11px;
    margin                                                : 10px 0 10px 0;
    padding                                               : 10px;
    width                                                 : 567px; }

    #checkboxes p{
      margin-bottom                                       : 0px; }

    .checkbox{
      float                                               : left;
      min-height                                          : 20px;
      width                                               : 138px; }

      .checkbox input{
        display                                           : inline;
        float                                             : left;
        margin                                            : 5px 3px 0 15px; }

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



/* ===| VIII. COMPONENT MDM |=================================================*/

#actualite{
  background                                              : transparent url(../../images/charte/bg_mdm.jpg) top left no-repeat;
  float                                                   : left;
  font-size                                               : 11px;
  height                                                  : 94px;
  padding                                                 : 29px 20px 0 20px;
  width                                                   : 215px; }

  #actualite img{
    border                                                : 1px solid #d1f29e;
    float                                                 : left;
    margin                                                : 0 10px 0 0; }

  #actualite p{
    color                                                 : #d0f19d;
    line-height                                           : 1.2em;
    text-align                                            : left; }

    #actualite p span{
      color                                               : #d0f19d; }

    #actualite #plus-de-details{
      background                                          : url(../../images/charte/btn_plus_de_details.jpg);
      display                                             : block;
      float                                               : right;
      height                                              : 20px;
      width                                               : 102px; }




/* ===| 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; }