/*===| 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{
  float                                                         : left; }

.right{
  float                                                         : right; }

#push, .clr	{
  clear                                                         : both; }

body{
  background: #060606;
  color                                                         : #feffff;
  width                                                         : 100%; }

#wrap-container{
  background                                                    : url(../../images/charte/bg_wrap_container.jpg) repeat-x 0px 100px #010e15;
  position                                                      : relative;
  z-index                                                       : 4;
  width                                                         : 100%; }

#container{
  background                                                    : url(../../images/charte/bg_container_top.jpg) no-repeat top center #1f2528;
  margin                                                        : 0 auto;
  padding                                                       : 206px 0px 0px 0px;
  text-align                                                    : left; }

  #container #flash-menu{
    height                                                      : 51px;
    margin                                                      : 0px 0px 26px 0px;
    width                                                       : 780px; }

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

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


/* IE6 DOESN'T LIKE THE SEPARATOR'S HEIGHT IN ANNONCES -----------------------*/

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


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

#site-header{
  background: url(../../images/charte/bg_header.jpg) repeat-x;
  height                                                        : 100px;
  width                                                         : 100%; }

  #site-header #site-header-inner{
    background                                                  : url(../../images/charte/bg_inner_header.jpg);
    height                                                      : 100px;
    margin                                                      : 0px auto;
    width                                                       : 780px; }


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

#left-outter{
  float                                                         : left;
  margin                                                        : 0;
  overflow                                                      : hidden; }

#left-outter div.outter{
  background                                                    : url(images/box1.gif) 50% 0% no-repeat;
  padding                                                       : 0 0 10px;
  min-height                                                    : 159px;
  height                                                        : auto!important;
  height                                                        : 159px; }

#left-inner{
  padding                                                       : 0px 20px 0px 20px; }

  /* PAGE TITLE IMAGE ------------------------------------------------------- */

  #left-inner h1 img{
    border-bottom                                               : 1px solid #4f5c63;
    width                                                       : 480px;
    font-size                                                   : 22px;
    font-weight                                                 : bold;
    margin                                                      : 0px 0px 20px 0px; }

  /* PARAGRAPHS ------------------------------------------------------------- */

  #left-inner p{
    text-align                                                  : justify; }

    #left-inner p strong{
      color                                                     : #9bcae1;
      font-weight                                               : bold; }

    ins{
      color                                                     : #ffffff;
      font-family                                               : Arial;
      font-size                                                 : 12px;
      font-weight                                               : bold;
      font-style                                                : normal;
      width                                                     : auto;
      padding                                                   : 0px;
      float                                                     : none;
      background                                                : transparent !important;
      border                                                    : 0 none !important;
      display                                                   : inline; }


  #left-inner a{
    color                                                       : #8dadbd;
    text-decoration                                             : none; }

    #left-inner a:hover{
      color                                                     : #d8f2ff; }

  #left-inner .right{
    border                                                      : 1px solid #cbeeff;
    margin                                                      : 3px 0px 0px 10px; }

  #left-inner .left{
    border                                                      : 1px solid #cbeeff;
    margin                                                      : 3px 10px 0px 0px; }

  /* MAIN LIST -------------------------------------------------------------- */

  #left-inner ul{
    padding                                                     : 6px 0px 4px 25px; }

  #left-inner ul li{
    background                                                  : url(../../images/charte/bullet.jpg) 0px 4px no-repeat;
    padding                                                     : 0px 7px 0px 10px; }

  /* DOUBLE COLUMN LIST ----------------------------------------------------- */

  #left-inner ul.list-halved{
    width                                                       : 265px;
    float                                                       : right; }

    #left-inner ul.list-halved li{
      width                                                     : 115px;
      float                                                     : left; }

  /* LIST WHEN THERE'S NO PICTURE NEXT TO IT -------------------------------- */

  #left-inner ul.list-long{
    width                                                       : 100%; }

    #left-inner ul.list-long li{
      background                                                : url(../../images/charte/bullet.jpg) 0px 6px no-repeat;
      padding                                                   : 0px 0px 0px 17px;
      clear                                                     : both;
      width                                                     : 100%;
      float                                                     : left;}

  /* IMPORTANT BOLDED SENTENCE ---------------------------------------------- */

  #left-inner span{
    color                                                       : #9bcae1;
    font-family                                                 : Georgia;
    font-size                                                   : 12px;
    font-weight                                                 : bold;
    font-style                                                  : italic;
    text-align                                                  : center;
    width                                                       : 400px;
    padding-left                                                : 35px;
    float                                                       : left;
    display                                                     : block; }

    #left-inner span a{
      color                                                     : #fff; }

      #left-inner span a:hover{
        color                                                   : #8ad5ff; }

  /* IMPORTANT BOLDED SENTENCE WHEN IT'S NEXT TO A PICTURE------------------- */

  #left-inner em{
    color                                                       : #9bcae1;
    font-family                                                 : Georgia;
    font-size                                                   : 12px;
    font-weight                                                 : bold;
    font-style                                                  : italic;
    text-align                                                  : center;
    padding                                                     : 20px 10px 0px 10px;
    display                                                     : table; }

    #left-inner em.short{
      width                                                     : 270px;
      float                                                     : right;
      padding                                                   : 20px 0px 0px 0px; }

  /* INNER CONTENT DIAPORAMA ------------------------------------------------ */

  #left-inner .diaporama-inner{
    background                                                  : url(../../images/charte/bg_preparation_diaporama.jpg);
    border                                                      : 0 none;
    height                                                      : 230px;
    float                                                       : left;
    width                                                       : 480px; }

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

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

  /* ACTUALITES ------------------------------------------------------------- */

  #right-outter #actualite{
    width                                                       : 240px;
    height                                                      : 273px;
    float                                                       : left; }

    #right-outter #actualites-bg{
      background                                                : url(../../images/charte/bg_actualites.jpg) top center no-repeat;
      width                                                     : 180px;
      height                                                    : 216px;
      padding                                                   : 52px 30px 0px 30px;
      float                                                     : left; }

    #right-outter #actualites-bg p{
      color                                                     : #e0e0e0;
      text-align                                                : justify;
      font-size                                                 : 11px;
      word-spacing                                              : -1px;
      line-height                                               : 15px; }

      #right-outter #actualites-bg p em{
        color                                                   : #e1e1e1;
        font-size                                               : 11px;
        font-style                                              : normal;
        font-weight                                             : bold; }

    #right-outter #actualites-bg #mdm_pic{
      float                                                     : left;
      margin-right                                              : 10px; }

      #right-outter #actualites-bg #mdm_pic img{
        border                                                  : 1px solid #9cd5f1; }

    #right-outter #actualites-bg #savoir-plus{
      background                                                : url(../../images/charte/btn_savoir_plus.jpg);
      background-position                                       : 0px 0px;
      width                                                     : 180px;
      height                                                    : 27px;
      margin                                                    : 6px 0px 0px 0px;
      float                                                     : left;
      clear                                                     : both; }

      #right-outter #actualites-bg #savoir-plus:hover{
        background-position                                     : 0px 27px; }

      #right-outter #actualites-bg #savoir-plus span{
        width                                                   : 180px;
        height                                                  : 27px;
        display                                                 : block; }


  /* COORDONNEES ------------------------------------------------------------ */

  #right-outter #info{
    width                                                       : 210px;
    padding-left                                                : 30px;
    font-size                                                   : 11px;
    line-height                                                 : 14px; }

    #right-outter #info #mail{
      text-decoration                                           : underline;
      font-size                                                 : 11px;
      font-weight                                               : bold;
      color                                                     : #9bdbff; }

      #right-outter #info #mail:hover{
        color                                                   : #def3ff;
        text-decoration                                         : none; }

    /* PLAN D'ACCES --------------------------------------------------------- */

    #right-outter #plan{
      background-image                                          : url(../../images/charte/btn_plan.jpg);
      background-position                                       : 0px 0px;
      width                                                     : 180px;
      height                                                    : 57px;
      float                                                     : left;
      display                                                   : inline;
      margin                                                    : 25px 0px 0px 30px; }

      #right-outter #plan:hover{
        background-position                                     : 0px 57px; }


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

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

  #wrap-footer #footer{
  background                                                    : url(../../images/charte/bg_footer.jpg) no-repeat top center;
    width                                                       : 780px;
    margin                                                      : 0px auto;
    padding                                                     : 43px 0px 0px 0px;
    font-size                                                   : 11px;
    color                                                       : #8dadbd; }

    /* REALISE PAR SAFE & WEB DIGITAL AGE ----------------------------------- */

    #wrap-footer #footer #realise{
      width                                                     : 212px;
      float                                                     : left; }

      #wrap-footer #footer #realise a{
        color                                                   : #8dadbd;
        text-decoration                                         : none; }

        #wrap-footer #footer #realise a:hover{
          color                                                 : #d8f2ff; }

    /* FOOTER MENU ---------------------------------------------------------- */

    #wrap-footer #footer #menu2{
      width                                                     : 568px;
      float                                                     : left;
      text-align                                                : right }

      #wrap-footer #footer #menu2 ul, li{
        display                                                 : inline; }

      #wrap-footer #footer #menu2 li{
        padding                                                 : 0px 0px 0px 9px;
        margin                                                  : 0px 0px 0px 9px;
        border-left                                             : 1px solid #cc0000; }

        #wrap-footer #footer #menu2 a{
          text-decoration                                       : none;
          color                                                 : #cc0000; }

          #wrap-footer #footer #menu2 a:hover{
            text-decoration                                     : none !important;
            color                                               : #fff; }

    .copyright{
      padding                                                   : 17px 0 0;
      text-align                                                : center; }

    /* REFERENCEMENT -------------------------------------------------------- */

    #wrap-footer #footer .ref{
      width                                                     : 780px;
      padding                                                   : 20px 0px 10px 0px;
      float                                                     : left;
      text-align                                                : center;
      font-size                                                 : 10px;
      color                                                     : #aabbc4; }


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


#frmContact{
  margin                                                        : 0px auto;
  padding                                                       : 25px 0px 5px 0px;
  float                                                         : left;
  width                                                         : 480px; }

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

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

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

    #frmContact label textarea{
      height                                                    : 138px;
      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                                          : #e5e5e5; }

  #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                                                  : 0 none;
        margin-top                                              : 60px;
        margin-right                                            : 10px;
        margin-left                                             : 33px;
        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                                                  : 0 none;
        margin-top                                              : 60px;
        width                                                   : 98px !important;
        float                                                   : left; }

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

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

    #left-inner .contact-concernant em{
      float                                                     : left;
      border                                                    : 0px none;
      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                                                     : 480px;
      padding-top                                               : 10px;
      text-align                                                : center;
      font-size                                                 : 13px;
      font-weight                                               : bold;
      color                                                     : #e2e2e2;
      float                                                     : left; }

      .merci-box a{
        background-color                                        : #5dacda;
        border                                                  : 1px solid #8bc7ea;
        color                                                   : black;
        padding                                                 : 7px 12px 7px 12px;
        float                                                   : left;
        display                                                 : inline;
        margin-top                                              : -1px;
        margin-left                                             : 100px;
        text-decoration                                         : none; }

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


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

#annonces-search{
  width                                                         : 460px;
  height                                                        : 100px;
  float                                                         : left;
  font-size                                                     : 11px;
  font-weight                                                   : bold;
  padding                                                       : 2px 10px 0px 10px;
  border-bottom                                                 : 1px solid #4f5c63;
  margin-bottom                                                 : 10px;
  background                                                    : url(../../images/charte/bg_annonces_search.jpg) no-repeat top left; }

  #annonces-search label{
    float                                                       : left;
    margin-right                                                : 5px; }

    #annonces-search label select{
      font-size                                                 : 11px;
      width                                                     : 225px; }

    .annonces-input{
      background-image                                          : url(../../images/charte/btn_recherche.jpg);
      width                                                     : 140px;
      border                                                    : 0 none;
      font-size                                                 : 0px;
      line-height                                               : 0px;
      margin-top                                                : 13px;
      margin-left                                               : 160px;
      height                                                    : 36px; }

    .annonces-input-over{
      background-image                                          : url(../../images/charte/btn_recherche.jpg);
      background-position                                       : 0px 36px;
      cursor                                                    : pointer;
      width                                                     : 140px;
      border                                                    : 0 none;
      font-size                                                 : 0px;
      line-height                                               : 0px;
      margin-top                                                : 13px;
      margin-left                                               : 160px;
      height                                                    : 36px; }

    .encart-holder{
      width                                                     : 480px;
      float                                                     : left;
      border-bottom                                             : 1px solid #4f5c63;
      padding                                                   : 10px 0px 10px 0px;
      margin                                                    : 10px 0px 0px 0px; }

      #left-inner .encart-holder em{
        background                                              : #0f1315;
        padding                                                 : 2px 5px 2px 5px;
        font-size                                               : 10px;
        font-style                                              : normal;
        font-family                                             : Arial;
        float                                                   : right; }

      #left-inner .encart-holder p em{
        background                                              : none;
        padding                                                 : 0px;
        float                                                   : none;
        font-family                                             : Arial;
        font-size                                               : 11px; }

      #left-inner .encart-holder p span{
        font-family                                             : Arial;
        color                                                   : white;
        font-size                                               : 14px;
        font-style                                              : normal;
        padding                                                 : 0px 0px 10px 0px;
        text-align                                              : left; }

      .annonces-img-holder{
        width                                                   : 85px;
        height                                                  : 75px;
        text-align                                              : left;
        float                                                   : left; }

      .descriptif{
        width                                                   : 395px;
        float                                                   : right;
        line-height                                             : 20px;
        margin-top                                              : -5px; }

     #left-inner .encart-holder .descriptif .annonces-detail{
        float                                                   : right;
        clear                                                   : both;
        color                                                   : #ffffff;
        font-weight                                             : bold;
        background                                              : #cc0000;
        padding                                                 : 1px 10px 3px 10px;
        margin                                                  : 5px 0px 0px 0px; }

        #left-inner .encart-holder .descriptif .annonces-detail:hover{
          color                                                 : #d9b9b9; }

     #left-inner .encart-holder .descriptif .arrow-left{
       width                                                    : 0px;
       height                                                   : 0px;
       padding                                                  : 0px !important;
       line-height                                              : 0px;
       font-size                                                : 0px;
       float                                                    : right;
       margin                                                   : 5px 0px 0px 0px;
       border-top                                               : 12px solid #cc0000;
       border-right                                             : 2px solid #cc0000;
       border-bottom                                            : 12px solid #cc0000;
       border-left                                              : 12px solid #1f2528; }

     .pagination{
       width                                                    : 480px;
       height                                                   : 25px;
       float                                                    : left;
       clear                                                    : both;
       padding-top                                              : 5px; }

     .annonces-detail-pictures-holder{
       display                                                  :table;
       float                                                    : left; }

     .annonces-detail-pictures{
       width                                                    : 90px;
       height                                                   : 75px;
       margin-bottom                                            : 5px; }

       .annonces-detail-text{
         margin-top                                             : 20px; }

       .annonces-detail-text p{
         line-height                                            : 20px;
         padding                                                : 0px 0px 10px 0px; }

    .encart-holder{
      width                                                     : 480px;
      float                                                     : left;
      border-bottom                                             : 1px solid #4f5c63;
      padding                                                   : 10px 0px 10px 0px;
      margin                                                    : 10px 0px 0px 0px; }

      #left-inner .proddetail em{
        background                                              : #0f1315;
        padding                                                 : 2px 5px 2px 5px;
        font-size                                               : 10px;
        font-style                                              : normal;
        font-family                                             : Arial;
        float                                                   : right; }

      #left-inner .proddetail p em{
        background                                              : none;
        padding                                                 : 0px;
        float                                                   : none;
        font-family                                             : Arial;
        font-size                                               : 11px; }

      #left-inner .proddetail p span{
        font-family                                             : Arial;
        color                                                   : white;
        font-size                                               : 14px;
        font-style                                              : normal;
        padding                                                 : 0px;
        width                                                   : 480px;
        padding-bottom: 20px;
        text-align                                              : left; }

      #left-inner .proddetail em{
        background                                              : #0f1315;
        padding                                                 : 2px 5px 2px 5px;
        font-size                                               : 10px;
        font-style                                              : normal;
        font-family                                             : Arial;
        float                                                   : right; }

     #left-inner .proddetail .descriptif .annonces-back{
        float                                                   : right;
        clear                                                   : both;
        color                                                   : #ffffff;
        font-weight                                             : bold;
        background                                              : #cc0000;
        padding                                                 : 1px 10px 3px 10px;
        margin                                                  : 5px 0px 0px 0px; }

        #left-inner .proddetail .descriptif .annonces-back:hover{
          color                                                 : #d9b9b9; }

     #left-inner .proddetail .descriptif .arrow-left{
       width                                                    : 0px;
       height                                                   : 0px;
       padding                                                  : 0px !important;
       line-height                                              : 0px;
       font-size                                                : 0px;
       float                                                    : right;
       margin                                                   : 5px 0px 0px 0px;
       border-top                                               : 12px solid #1f2528;
       border-right                                             : 12px solid #cc0000;
       border-bottom                                            : 12px solid #1f2528;
       border-left                                              : 12px solid #1f2528; }


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

/* ---( 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;}
.pagination{margin: 5px 0;}

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
#newsletter{background: #f3f3f3; border: 1px solid #ccc; padding:10px;}
#newsletter input{width: 40%; vertical-align: top;}

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

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