/* SET DEFAULT RULES  |============================================================================================================*/

* {
  margin: 0; }

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

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

  p{
    padding: 0;
    line-height: 15px;
    color: #8f0074; }

  img {border: 0;}

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

  img.thumb{
    border: 1px solid #a10684;
    margin-top: 4px; }

  #menu2 ul li{
    display: inline; }

  .separator{
    width:100%;
    height:0px;
    clear:both;
    padding:0;
    margin:13px 0;
    border-top: 1px solid #84cc58;
    border-bottom: 1px solid white;
    line-height: 0px;
    font-size: 0;
    overflow: hidden; }

  .left{
    float: left;
    margin-right: 15px }

  .right{
    float: right;
    margin-left: 15px }

  #push, .clr	{
    clear: both; }

  /* BEGIN STRUCTURAL ELEMENTS |===================================================================================================*/

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

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

      /* LEFT COLUMN ELEMENTS |====================================================================================================*/

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

        #diaporama{
          background-image: url(../../images/charte/flash_left.jpg);
          height: 489px;
          width: 323px;
          float: left; }

        #actualite, #info{
          float: left;
          padding: 0px 40px 0px 18px;
          width: 265px; }

        #actualite{
          background-image: url(../../images/charte/bg_mdm.jpg);
          height: 108px;
          padding-top: 33px; }

          #actualite a{
            border: 1px solid white;
            display: block;
            float: right;
            margin-left: 10px; }

          #actualite h4{
            color: #a41b09;
            float: left;
            font-size: 12px;
            font-weight: bold; }

          #actualite p{
            color: #d3341f;
            line-height: 16px;
            font-size: 12px; }

            #actualite p a{
              background-color: #ea4c37;
              border: 1px solid white;
              color: white;
              position: absolute;
              margin-top: 10px;
              font-weight: bold;
              height: 18px;
              margin-left: 0px;
              text-align: center;
              text-decoration: none;
              width: 72px; }

              #actualite p a:hover{
                color: #ffd0ca; }

        #info{
          background-image: url(../../images/charte/bg_coordonnees.jpg);
          height: 101px;
          padding-top: 51px; }

          #info .inner p{
            color: #d3351f;
            line-height: 14px; }

          #info .inner p a{
            background-image: url(../../images/charte/mail.jpg);
            background-position: 0px 0px;
            display: block;
            float:left;
            height: 12px;
            margin-top: 6px;
            width: 171px; }

            #info .inner p a:hover{
              background-position: 0px 12px; }

          #info .inner a{
            background-image: url(../../images/charte/plan.jpg);
            background-position: 0px 0px;
            display: block;
            float:left;
            height: 26px;
            margin-top: 9px;
            width: 143px; }

            #info .inner a:hover{
              background-position: 0px 26px; }

      /* RIGHT COLUMN ELEMENTS |===================================================================================================*/

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

        #flash-header{
          background-image: url(../../images/charte/flash_header.jpg);
          height: 194px;
          width: 577px; }

        #right-outter h1{
          background-image: url(../../images/charte/title_underline.jpg);
          float: left;
          height:3px;
          width: 577px; }

        #right-outter #right-inner{
          display: table;
          float: left;
          padding: 0px 0px 0px 0px; }

          #right-outter #right-inner h2{
            float: left;
            width: 570px;
            margin-bottom: 24px; }

          #right-outter #right-inner p{
            line-height: 16px;
            margin-top: 10px;
            text-align: justify; }

          #right-outter #right-inner ul{
            float:left;
            line-height: 16px;
            margin-top: -10px;
            margin-bottom: 10px; }

          #right-outter #right-inner ul.withpicture{
            float:left;
            line-height: 16px;
            margin-top: 8px;
            margin-bottom: 10px;
            width: 418px }

          #right-outter #right-inner ul.withoutpicture{
            float:left;
            line-height: 16px;
            margin-top: 8px;
            margin-bottom: 10px;
            padding-left: 60px;
            width: 500px }

            #right-outter #right-inner ul.withoutpicture li{
              float:left;
              width: 218px }

            #right-outter #right-inner ul li{
              background-image: url(../../images/charte/bullet.gif);
              background-position: 0px 5px;
              background-repeat: no-repeat;
              color: #8e0073;
              padding-left: 16px; }

              .li2{
                float: left;
                width: 200px; }

              .separated{
                margin-top: 60px; }

      /* FOOTER BOXES |============================================================================================================*/

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

        #footer.outter	{
          border-top: 1px solid #84cc58;
          color: #c023a3;
          margin: 0 auto;
          padding: 0px; }

        .realise-par{
          float: left;
          height: 17px;
          padding: 13px 0 0;
          text-align: left;
          width: 100% }

          .realise-par a{
            color: #70005b;
            text-decoration: none; }

            .realise-par a:hover{
              color: #de0db6; }

        .copyright{
          float: left;
          height: 17px;
          padding: 13px 0 0;
          text-align: left;
          width: 560px; }

          .copyright a{
            color: #6f005a; }

            .copyright a:hover{
              color: #de0db6; }

        #menu2{
          float: right;
          height: 30px;
          text-align: right;
          width: 340px; }

          #menu2 ul li{
            border-right: 1px solid #ed82d9;
            padding-left: 8px;
            padding-right: 8px; }

            #menu2 ul li a{
              color: #c023a3;
              text-decoration: none; }

              #menu2 ul li a:hover{
                color: #6f005a;
                text-decoration: underline; }

        div.ref{
          background-image: url(../../images/charte/bg_ref.jpg);
          background-repeat: repeat-x;
          color: #527834;
          float:left;
          text-align:center;
          margin-top: 10px;
          min-height:66px;
          height:auto !important;
          height:66px;
          padding-top: 10px;
          width: 100%; }

      /* OTHER ELEMENTS |==========================================================================================================*/



      /* ===| CONTACT FORM |=====================================================*/
      #frmContact{margin: 0; padding: 5px; width: 98%; background: #f3f3f3; border: 1px solid #dfdfdf; }
      #frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
      #frmContact label span{display:block; width: 29%; float: left;}
      #frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}

      div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
      div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
      div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}

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

      /* ===| COMPONENT GALERIE |========================================================*/
      #gallery{
        background-color: tan;
        display: table;
        height: 180px;
        float: left;
        width: 570px; }

      #gallery div.thumb{
        float: left;
        width: 120px;
        text-align: center;
        padding: 8px;}

      #gallery div.thumb a{display: block; vertical-align: middle;}
      #gallery div.thumb a img{border: 1px solid #ccc; padding:5px; background: #fff;}

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

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

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

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

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