body{
padding-top:10px;
background-repeat:repeat-x;
background-color:#ffffff;
font-family:Lucida Sans;

}

a{

color:darkslategray;
}

#ligne1
{
height:30px;
background-color:#C8C7CB;
}

#ligne2
{
height:30px;
background-color:#7f7f7f;
font-size:20px;
color:#eeece7;
}


#ligne3
{
height:30px;
background-color:#b09b1c;
font-size:20px;
color:#40442a;

}


#ligne4
{
height:30px;
background-color:#eeece1;
}

#ligne5
{
padding-left:10px;
vertical-align:top;
padding-top:30px;
background-color:#C8C7CB;
border-right:2px #fff solid;
font-size:40px;
font-weight:bold;
color:#40442a;
}



.leftcolumn{
padding-left:10px;
width:200px;
border-right:2px #fff solid;
font-size:40px;
height:50px;
font-weight:bold;
color:#40442a;
}


#menuhaut {width:100%;}
#menuhaut  td{width:33%;}
#menuhaut  td a{color: #fff;text-decoration:none;}

.menusecondaire {width:100%;}
.menusecondaire{width:20%;}
.menusecondaire a{color: #40442A;text-decoration:none;}



#contenu{
text-align:center;
height:500px;
background-color:#7F7F7F;
}





#ligne6{

height:30px;
background-color:#C8C7CB;

font-size:12px;
color:#40442a;
}



#footer{
     border-top:2px #fff solid;
     text-align:center;

}


#margedroite{
width:0px;
background-color:#FFF;
padding:0px;


}

#grillefond{

width:200px;
}


a img {
border:none;

}


h1{
font-size:19px;
vertical-align:middle;
text-align:left;
padding-bottom:5px;
padding-right:10px;

font-weight:100;

margin-left:15px;
margin-top:15px
}


h2{
text-align:center;
font-size:15px;
border-bottom:#EEE 1px solid;
width:80%;
}


#menu{
  margin-bottom:20px;
}

.cadreprincipal{
width:1000px;
padding:0px;
margin:0px;
}



#logo{
vertical-align:bottom;
text-align:left;
}

#menuhorizontal{
text-align:right;
vertical-align:bottom;
font-size:12px;
font-weight:bold;
text-decoration:none;
padding-bottom:5px;
}

/************/



#menuh {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#menuh  li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
#menuh  li a {
 display:block;
 float:left;
 font-size:15px;
 background-color:#fff;
 color:#777;
 text-decoration:none;
 text-align:center;
 padding:6px;
 border:1px #ccc solid;

 }

 #menuh  li a:hover {
   color:#333;
   border:1px #333 solid;
   }


/***************/

.menunavigaccueil img{

width:70px;
height:70px;
}



.cadrecontenu{
background-image:url(../images/fong.gif);
background-position:top right;
background-repeat:no-repeat;
vertical-align:top;
margin:0px;
background-color:#fff;
border:1px #D4D0C2 solid;
width:1000px;
height:536px;
}



.gauche{
padding: 20px;
width:50%;
text-align:left;	
vertical-align:top;

}

.droite{
padding-left: 60px;
width:50%;
vertical-align:top;	
}

#mosaique{
  margin-left:40px;
}


#mosaique img{
             width:300px;

}




#menugallerie{
color:#666;
font-size:12px;
}

#menugallerie img{
border:none;
}


#cadrebas{
font-size:14px;
width:90%;

}

#cadrebas td{
background-color:#fff;	
vertical-align:top;
width:33%;
margin:20px;
border:1px #EEE solid;
padding:10px;
padding-bottom:40px;
text-align:left;
}


#pied{
padding-left:10px;
color:#999;
font-size:10px;

}




#Nav {
	width: 100px;
	padding: 0;
	list-style:block
}

#Nav li {
	background: #ddd;
	margin: 1px;
	height: 20px;
}

.Menu {
	padding: 0;
	margin-top: -18px;
	margin-left: 98px;
	width: 202px;
	list-style: none;
	display: none;
}

.Menu li {
	height: 20px;
	width: 200px;
}




.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/icones/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/icones/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/icones/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../images/icones/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(../images/icones/ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(../images/icones/ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}