/*===| I. MAIN LAYOUT  |======================================================*/
* {
  margin                                    : 0; }

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

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

p{
  padding                                   : 0; }

.left{
  border                                    : 1px solid #105f06;
  background                                : #fffcd6;
  padding                                   : 4px;
  margin                                    : 0px 15px 0px 0px;
  float                                     : left; }

.right{
  border                                    : 1px solid #105f06;
  background                                : #fffcd6;
  padding                                   : 4px;
  margin                                    : 0px 0px 0px 15px;
  float                                     : right; }

#push, .clr	{
  clear                                     : both; }

body{
  background                                : url(../../images/charte/bg_body.jpg) repeat-x top left #57b747;
  color                                     : #fffeda;
  padding-top                               : 10px; }

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

#container{
  margin                                    : 0 auto;
  border                                    : 1px solid #9aed8d;
  display                                   : table;
  text-align                                : left;}

.separator{
  width                                     : 635px;
  height                                    : 0px;
  clear                                     : both;
  padding                                   : 0;
  margin                                    : 10px 0;
  border-top                                : 0 none;
  border-bottom                             : 1px solid #3cb22b;
  line-height                               : 0px;
  font-size                                 : 0;
  overflow                                  : hidden; }

.invisible{
  width                                     : 635px;
  height                                    : 15px;
  clear                                     : both; }

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

#site-header.outter{
  background                                : url(../../images/charte/bg_header.jpg) no-repeat; }

#actualite{
  width                                     : 250px;
  position                                  : absolute;
  background                                : url(../../images/charte/bg_inc_mdm.gif) no-repeat top left;
  padding-top                               : 22px;
  margin-top                                : 141px;
  margin-left                               : 20px; }

  #actualite a.mdmimage{
    float                                   : left;
    margin-right                            : 7px; }

    #actualite img{
    background                              : #9cd014;
    padding                                 : 2px 2px 2px 2px !important;
    border                                  : 1px solid white;
    text-align                              : center; }

  #savoir-plus{
    background                              : url(../../images/charte/plusdedetails.jpg) 0px 0px;
    width                                   : 85px;
    display                                 : block;
    font-size                               : 0px !important;
    position                                : absolute;
    margin-top                              : 87px;
    margin-left                             : 90px;
    line-height                             : 0px;
    color                                   : #e2f9ad;
    text-decoration                         : none;
    height                                  : 20px; }

    #savoir-plus:hover{
      background                            : url(../../images/charte/plusdedetails.jpg) no-repeat 0px -20px;
      width                                 : 85px;
      display                               : block;
      font-size                             : 0px;
      position                              : absolute;
      margin-top                            : 87px;
      margin-left                           : 90px;
      line-height                           : 0px;
      height                                : 20px; }

    #savoir-plus span{
      width                                 : 85px;
      height                                : 20px;
      cursor                                : pointer;
      display                               : block;}

    .mdmtext{
      font-size                             : 11px;
      position                              : absolute;
      width                                 : 190px;
      margin-left                           : 90px;
      margin-top                            : 6px;
      line-height                           : 14px; }

      .mdmtext span{
        font-weight                         : bold;
        line-height                         : 25px; }



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

#left-outter{
  background                                : url(../../images/charte/bg_sidebar.jpg) no-repeat;
  float                                     : left;
  margin                                    : 0;
  overflow                                  : hidden; }

#menu-left{
  width                                     : 321px;
  height                                    : 194px;
  float                                     : left; }

#info{
  background                                : url(../../images/charte/bg_coordonnees.jpg);
  width                                     : 299px;
  height                                    : 185px;
  padding                                   : 74px 0px 0px 22px;
  float                                     : left; }

  #info #coordonnees{
    width                                   : 159px;
    height                                  : 72px;
    color                                   : #0d6b04;
    float                                   : left;
    line-height                             : 13px !important;
    font                                    : normal normal 11px Arial, Verdana; }

    #info #coordonnees span{
      background                            : url(../../images/charte/bg_span_mail.jpg) no-repeat 0px 9px;
      padding                               : 5px 0px 0px 15px;
      float                                 : left; }

      #info #coordonnees span a{
        text-decoration                     : none;
        color                               : #006103;
        font-weight                         : bold; }

        #info #coordonnees span a:hover{
          text-decoration                   : underline; }

  #info #plan{
    width                                   : 110px;
    height                                  : 114px;
    margin                                  : -20px 0px 0px 0px;
    float                                   : left; }

    #info #plan a{
      background                            : url(../../images/charte/btn_plan.jpg) no-repeat 0px 0px;
      width                                 : 110px;
      height                                : 114px;
      float                                 : left;
      display                               : block; }

      #info #plan a:hover{
        background                          : url(../../images/charte/btn_plan.jpg) no-repeat 0px -114px; }

  #info #newsletter{
    float                                   : left;
    padding                                 : 50px 0px 0px 0px; }

    #info #newsletter form #mandatory-email-Email{
      border                                : 1px solid #98c22f;
      background                            : #f8ffe0;
      float                                 : left;
      width                                 : 220px;
      height                                : 14px;
      margin                                : 0px 1px 0px 0px;
      padding                               : 0px 5px 0px 5px;
      color                                 : #d63329;
      font-size                             : 11px; }

      #info #newsletter form .newsletter-ok{
        background                          : url(../../images/charte/newsletter-ok.jpg) no-repeat 0px 0px;
        border                              : 0 none;
        font-size                           : 0px;
        line-height                         : 0px;
        width                               : 33px;
        height                              : 16px;
        color                               : #2da81c;
        float                               : left; }

        #info #newsletter form .newsletter-ok-over{
          background                        : url(../../images/charte/newsletter-ok.jpg) no-repeat 0px -16px;
          border                            : 0 none;
          cursor                            : pointer;
          font-size                         : 0px;
          line-height                       : 0px;
          width                             : 33px;
          height                            : 16px;
          color                             : #2da81c;
          float                             : left; }



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

#right-outter{
  background                                : url(../../images/charte/bg_content.jpg) no-repeat;
  float                                     : left;
  margin                                    : 0;
  padding                                   : 29px 0px 0px 0px; }

  #right-outter h1{
    float                                   : left;
    margin-bottom                           : 20px; }

  #right-inner{
    width                                   : 663px;
    height                                  : 383px;
    float                                   : left; }

  #right-poppy{
    display                                 : table;
    background                              : url(../../images/charte/bg_poppy.jpg) bottom right no-repeat;
    width                                   : 663px;
    padding                                 : 0px 0px 0px 0px !important;
    height                                  : 383px; }

    #right-inner p{
      line-height                           : 15px;
      padding                               : 0px 15px 0px 0px;
      text-align                            : justify; }

    #right-inner p em{
      color                                 : #fff24e;
      font-style                            : normal; }

    #right-inner ul.two-rows{
      background                            : url(../../images/charte/bg_list_2_rows.jpg) repeat-x;
      width                                 : 360px;
      height                                : 52px;
      float                                 : left;
      margin                                : 3px 0px 0px 0px;
      padding                               : 20px 50px 0px 50px; }

      #right-inner ul.two-rows li{
        background                          : url(../../images/charte/bullet.gif) no-repeat 0px 4px;
        padding                             : 0px 0px 0px 17px;
        float                               : left;
        color                               : #024f12; }

    #right-inner ul.two-rows-long{
      background                            : url(../../images/charte/bg_list_2_rows_long.jpg) repeat-x;
      width                                 : 360px;
      height                                : 77px;
      float                                 : left;
      margin                                : 3px 15px 0px 0px;
      padding                               : 20px 50px 0px 50px; }

      #right-inner ul.two-rows-long li{
        background                          : url(../../images/charte/bullet.gif) no-repeat 0px 4px;
        padding                             : 0px 0px 0px 17px;
        float                               : left;
        color                               : #024f12; }

    #right-inner .page-breaker{
      float                                 : left;
      padding                               : 1px 0px 0px 0px; }

       #right-inner .page-breaker a{
         display                            : block;
         position                           : absolute;
         z-index                            : 9999;
         background                         : url(../../images/charte/btn_index_contact.jpg) no-repeat 0px 0px;
         width                              : 125px;
         height                             : 20px;
         margin                             : 56px 0px 0px 196px; }

         #right-inner .page-breaker a:hover{
           background-position              : 0px -20px; }



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

#footer {
  background                                : url(../../images/charte/bg_footer.jpg) repeat-x;
  height                                    : 78px;
  float                                     : left; }

  #footer #realise{
    width                                   : 301px;
    height                                  : 48px;
    padding                                 : 30px 0px 0px 20px;
    float                                   : left;
    color                                   : #c7efc0;
    font-size                               : 11px; }

    #footer #realise a{
      color                                 : #f4ffda;
      font                                  : normal normal 11px Arial;
      text-decoration                       : none; }

      #footer #realise a:hover{
        color                               : #ffffff;
        text-decoration                     : underline; }

  #footer #footer-menu{
    width                                   : 653px;
    height                                  : 24px;
    padding                                 : 15px 20px 0px 0px;
    float                                   : left;
    text-align                              : right; }

    #footer #footer-menu #menu2 ul{
      float                                 : right;
      width                                 : 500px; }

      #footer #footer-menu #menu2 ul li{
        border-right                        : 1px solid #c7efc0;
        padding                             : 0px 7px 0px 7px;
        display                             : inline; }

        #footer #footer-menu #menu2 ul li a{
          color                             : #c7efc0;
          font                              : normal normal 11px Arial;
          text-decoration                   : none; }

          #footer #footer-menu #menu2 ul li a:hover{
            color                           : #f4ffda;
            text-decoration                 : underline; }

  #footer #copyright{
    width                                   : 653px;
    height                                  : 33px;
    float                                   : left;
    font                                    : normal normal 11px Arial, Verdana;
    text-align                              : right;
    color                                   : #c7efc0;
    padding                                 : 6px 20px 0px 0px; }

    #footer #copyright a{
      color                                 : #f4ffda; }

      #footer #copyright a:hover{
        text-decoration                     : none; }

  .ref{
    width                                   : 976px;
    background                              : #57b747;
    clear                                   : both;
    margin                                  : 10px auto;
    text-align                              : center;
    padding                                 : 10px;
    display                                 : block;
    color                                   : #fff; }



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


#frmContact{
  margin                                    : 0px auto;
  padding                                   : 10px 0px 5px 0px;
  float                                     : left;
  width                                     : 630px; }

  #frmContact label{
    display                                 : block;
    padding                                 : 5px 0px 5px 0px;
    color                                   : #fffeda;
    float                                   : left;
    width                                   : 313px }

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

    #frmContact label input, #frmContact label textarea{
      width                                 : 203px;
      font-size                             : 11px;
      font-family                           : Tahoma;
      vertical-align                        : top; }

    #frmContact label textarea{
      height                                : 100px;
      font-family                           : Tahoma;
      font-size                             : 11px; }

  .input{
    border                                  : 0 none;
    height                                  : 14px;
    padding-top                             : 2px;
    background-color                        : white; }

    .inputover{
      border                                : 0 none;
      height                                : 14px;
      padding-top                           : 2px;
      background-color                      : #ebf5d5; }

  #capa{
    height                                  : 19px;
    color                                   : #69625a !important;
    padding-top                             : 3px;
    font-size                               : 14px !important;
    font-weight                             : bold;
    text-align                              : center;
    margin                                  : 0px 0px 10px 0px;
    float                                   : right; }

  #capaimg{
    width                                   : 140px;
    float                                   : right; }

      #envoyer{
        background-image                    : url(../../images/charte/btn_envoyer.jpg);
        background-position                 : 0px 0px;
        background-repeat                   : no-repeat;
        height                              : 21px;
        cursor                              : pointer;
        display                             : inline;
        font-size                           : 0px;
        line-height                         : 0px;
        border                              : 1px solid #0d5a18;
        margin-top                          : 20px;
        margin-right                        : 10px;
        margin-left                         : 107px;
        width                               : 98px !important;
        float                               : left;
        clear                               : both }

      #retablir{
        background-image                    : url(../../images/charte/btn_retablir.jpg);
        background-position                 : 0px 0px;
        background-repeat                   : no-repeat;
        height                              : 21px;
        cursor                              : pointer;
        display                             : block;
        font-size                           : 0px;
        line-height                         : 0px;
        border                              : 1px solid #0d5a18;
        margin-top                          : 20px;
        width                               : 98px !important;
        float                               : left; }

        .btnover{
          background-position               : 0px -21px !important; }

    .contact-concernant{
      float                                 : left;
      margin                                : 0px;
      padding                               : 0px;
      width                                 : 628px; }

    #left-inner .contact-concernant em{
      float                                 : left;
      border                                : 0px none;
      display                               : block;
      height                                : 15px;
      font-size                             : 11px;
      width                                 : 480px;
      text-align                            : center;
      margin                                : 0px;
      padding                               : 0px;
      font-weight                           : bold; }

      #left-inner .contact-concernant label{
        width                               : 92px;
        margin-left                         : 10px;
        font-size                           : 11px;
        clear                               : none !important;
        float                               : left; }

        .contact-concernant label input{
          width                             : 16px !important;
          margin                            : 3px 0px 0px 0px;
          float                             : left; }

    div.submit-buttons a:hover input{
      border                                : 1px solid #ccc;
      background                            : #fff; }

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

      .merci-box a{
        background-color                    : #54ba38;
        border                              : 1px solid #0e4019;
        color                               : black;
        padding                             : 7px 12px 7px 12px;
        float                               : left;
        display                             : inline;
        margin-top                          : 0px;
        margin-left                         : 210px;
        text-decoration                     : none; }

        .merci-box a:hover{
          background-color                  : #dced89; }




/* ===| VI. PROGRAMMING ELEMENTS |==================================================*/

#administrable{
  background                                : transparent;
  width                                     : 635px;
  padding                                   : 0px;
  margin                                    : 0px;
  float                                     : left; }

  #administrable form{
    width                                   : 533px;
    float                                   : left;
    background                              : #0e7a24;
    padding                                 : 15px 50px 15px 50px;
    border                                  : 1px solid #3cb12c; }

    #administrable form input.recherche{
      background                            : url(../../images/charte/btn_recherce.jpg) no-repeat 0px 0px;
      width                                 : 82px;
      height                                : 20px;
      float                                 : right;
      font-size                             : 0px;
      line-height                           : 0px;
      color                                 : #698231;
      border                                : 0 none; }

      #administrable form input.recherche-over{
        background                          : url(../../images/charte/btn_recherce.jpg) no-repeat 0px -20px;
        width                               : 82px;
        height                              : 20px;
        float                               : right;
        font-size                           : 0px;
        line-height                         : 0px;
        color                               : #698231;
        cursor                              : pointer;
        border                              : 0 none; }

    #administrable em{
      font                                  : bold normal 11px Arial;
      padding                               : 3px 25px 0px 0px;
      width                                 : 70px;
      float                                 : left; }

    #administrable select{
      width                                 : 300px;
      float                                 : left; }

    #administrable .realisations-box{
      background                            : #78c14b;
      display                               : table;
      width                                 : 570px;
      margin                                : 10px auto;
      padding                               : 15px; }

      .realisations_title{
        text-decoration                     : none;
        font                                : bold normal 15px Arial;
        color                               : #fff;
        padding                             : 5px;
        display                             : block;
        float                               : left;
        background-color                    : #61aa35;
        border                              : 1px solid #458f18; }

        .realisations_title:hover{
          text-decoration                   : none;
          font                              : bold normal 15px Arial;
          color                             : #fff;
          padding                           : 5px;
          display                           : block;
          float                             : left;
          background-color                  : #4c8927;
          border                            : 1px solid #3c4a33; }

      .realisations_title_detail{
        text-decoration                     : none;
        font                                : bold normal 15px Arial;
        color                               : #fff;
        padding                             : 5px;
        display                             : block;
        float                               : left;
        background-color                    : #61aa35;
        border                              : 1px solid #458f18; }

      #administrable .realisations-box .realisations-content{
        width                               : 570px;
        float                               : left;
        clear                               : both;
        padding                             : 10px 0px 0px 0px;
        margin                              : 10px 0px 0px 0px;
        border-top                          : 1px solid #90d962; }

        #administrable .realisations-box .realisations-content .savplus{
          float                             : left;
          border                            : 1px solid #016710;
          margin-right                      : 15px; }

        #administrable .realisations-box .realisations-content p{
          color                             : #fff;
          line-height                       : 18px; }

      .no-post{
        width                               : 616px;
        text-align                          : center !important;
        display                             : block;
        float                               : left;
        font                                : bold normal 11px Arial;
        color                               : #fff;
        margin                              : 0px 0px 0px 0px; }

      .realisations-left{
        width                               : 110px;
        padding                             : 5px;
        float                               : left; }

        .realisations-left .detail-image-holder a{
          text-decoration                   : none; }

        .realisations-left .detail-image-holder img{
          border                            : 1px solid #d6f58d; }

      .detail-image-holder{
        display                             : table;
        margin-right                        : 5px;
        margin-bottom                       : 5px;
        float                               : left;
        text-align                          : left; }

      .realisations-right{
        margin-top                          : 10px; }

        .realisations-right p{
          clear                             : right;
          line-height                       : 15px !important; }

      .retour{
        display                             : inline;
        background                          : #156111;
        border                              : 1px solid #4aa558;
        color                               : #c8fa63;
        width                               : 70px;
        float                               : right;
        clear                               : right;
        padding                             : 5px ;
        text-align                          : center;
        margin-right                        : 15px;
        margin-top                          : 15px;
        font                                : bold normal 14px Arial; }

        .retour-over{
          display                           : inline;
          background                        : #97e269;
          border                            : 1px solid #207f2f;
          color                             : #0e4c17;
          width                             : 70px;
          float                             : right;
          clear                             : right;
          padding                           : 5px ;
          text-align                        : center;
          margin-right                      : 15px;
          margin-top                        : 15px;
          cursor                            : pointer;
          font                              : bold normal 14px Arial; }

      .realisations-ref{
        text-align                          : center;
        float                               : right;
        display                             : inline;
        margin                              : 0px 15px 0px 0px;
        font                                : normal normal 11px Arial; }

        .realisations-ref span{
          font-size                         : 14px;
          font-weight                       : bold; }


#pagination{
  width                                     : 630px;
  float                                     : left;
  font-size                                 : 12px;
  font-weight                               : bold;
  height                                    : 20px; }

  #pagination a{
    color                                   : #F0E68C;
    font-size                               : 12px; }



/* ===| VI. OTHER ELEMENTS |==================================================*/
img {border: 0;}

a.thumb:link,
a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}

img.thumb{border-style:solid; border-width:5px; padding:1px; margin: 0 5px;}

img.thumb{border:1px solid #fff; padding:1px; margin: 0 5px;}
img.thumb0{border:1px solid #fff;padding:1px; margin: 0 5px; width:75px; height:75px; background:#ccc url("../../images/thumb0.jpg") 50% 50% no-repeat;}

/* ===| VIII. COMPONENT EVENEMENTES |=====================================================*/
div.title{float: left; clear: left; width: 100%;}
div.event{float: left; clear: left; width: 100%; border-top: 1px solid #ccc; padding: 5px 0;}
#evenementes h4{text-align: center;}
#evenementes h5 a, #evenementes h5 span{display:block; width:32%; float:left; margin: 0 1px; text-align: center;}
#evenementes h5 span{background: #f2f2f2;}
#evenementes h5 a:link, #evenementes h5 a:visited{text-decoration: none; color: #8d8d8d;}
#evenementes h5 a:hover, #evenementes h5 a:active{text-decoration: underline;color: #000000;}

div.event a:link, div.event a:visited{display: block; float: left; text-decoration: none;}
div.event a:hover, div.event a:active{cursor:pointer; text-decoration: underline;}
div.event div, div.event a span{vertical-align: middle;}
div.event span{float:left; padding: 5px 10px;}

.pagination {float: left; clear:left; width:100%; text-align:center; border-top: 1px solid #ccc;background: #f2f2f2;}
.pagination span{padding:1px; margin: 0 50px 0 25px;}
.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}
.pagination a:hover, .pagination a:active{color:#000000; text-decoration: underline;}
/* ---( evenemetes - details )------------------------------------------------------ */
#event-detail{background: #f3f3f3; padding: 5px;}
#event-detail h3 span{white-space: nowrap; font-size: smaller;}
#event-detail .photos{text-align: center;}
#event-detail .photos a#bigHref img{border:1px solid #ccc; padding: 5px; background: #fff;}
#event-detail .photos div{padding: 0 0 10px;}
#event-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #fff;}
#event-detail .text-details{padding:10px 0; text-align: justify; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

/* ===| IX. COMPONENT GALERIE |========================================================*/
#gallery{padding: 5px;}
#gallery div.thumb{float: left; width: 30%; text-align: center; padding: 5px; min-height: 90px; height:auto!important;height:90px;}
#gallery div.thumb a{display: block; vertical-align: middle;}
#gallery div.thumb a img{border: 1px solid #ccc; padding:5px; background: #fff;}

/* ===| X. COMPONENT LIENS |===========================================================*/
#liens{padding:5px;}
#liens div.lien{padding: 5px 0; border-top: 1px solid #f3f3f3;}
#liens div.thumb{float:left; width:145px; text-align: center;}
#liens div.thumb a img{padding: 5px; border: 1px solid #ccc; display: inline;}
#liens .txt {float:left; width:360px;}
#liens h5{font-weight:bold;text-transform:capitalize;}
#liens p { color: #747474;}

/* ===| XI. COMPONENT LIVRE D'OR |======================================================*/
.submit-buttons input{cursor: pointer;}
fieldset {border: 1px solid #ccc; padding: 5px;}
fieldset legend {padding: 2px 5px; text-transform: capitalize;	font-weight: bold; color: gray; margin: 0;}
fieldset legend span {color: #000000; font-size: 1.2em;}
fieldset p{text-align: justify; padding: 5px;}

/* ===| XIII. COMPONENT ADMINDOCS |=====================================================*/
#admindocs{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}

/* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/
#listgalerie{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}

#listgalerie .thumb {float:left; width:30%; text-align:center; padding:5px; min-height:90px; height:auto!important; height:90px;}
#listgalerie .thumb a:link, #listgalerie .thumb a:visited{display: block; vertical-align: middle; text-decoration: none; color: #747474;}
#listgalerie .thumb a:hover, #listgalerie .thumb a:active {text-decoration: underline; color: #000;}
#listgalerie .thumb a img {border: 1px solid #ccc; padding:5px; background: #ffffff;}
/* ---( listgalerie - details )------------------------------------------------------ */
#galerie-detail .text-details{text-align: justify;}
#galerie-detail .photos{text-align: center;}
#galerie-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #ffffff;}