body {
 margin: 0;
 padding: 0;
 background: #9A6A2C
}


.coupe {
height: 180px; (par ex)
overflow:-moz-scrollbars-vertical;
overflow-x:hidden;
overflow-y:scroll;
}

.table
{
   border-collapse: collapse;
}
.image1
      {
         position: relative;
         left: 19px;
         top: 243px;
      }
      .image2
      {
         position: relative;
         right: -248px;
         bottom: -219px;
      }
      .image3
      {
         position: relative;
         left: 143px;
         top:  79px;
      }
      .image4
      {
         position: relative;
         left: 225px;
        bottom: 15px;
      }
      .image5
      {
         position: relative;

         left: 144px;

         bottom:235px;
      }
      .image6
      {
         position: relative;
         left: 143px;
         bottom: 203px;
      }
      .image7
      {
         position: relative;
         left: 189px;
       bottom: 0px;
      }
/*//////////////////////////////////// CADRES ////////////////////////////////////////////*/
#page {
 margin: 0 auto;
 padding: 0;
 width: 700px;
 background: url(img/page.jpg) repeat-y 0 0;
}
#main {
 margin: 0 18px;
 padding: 0;
}

/*//////////////////////////////////// HEADER ////////////////////////////////////////////*/
#top{
 margin: 0 0 0 0;
 padding: 0;
 height: 107px; 
 background: url(img/header.jpg) no-repeat 0 0;
}
#top span{ display: none;}
#top a{
 margin: 0 0 0 6px;
 padding: 20px 0 0 0;
 width: 650px;
 height: 82px;
 display: block; 
}
#top h1{
 display: none;
}

/*//////////////////////////////////// INTRO////////////////////////////////////////////*/
#intro{
 margin: 0;
 padding: 0;
 height: 30px; 
 background: url(img/intro.jpg) no-repeat 0 0;
}
#intro h2{
 display: none;
}

/*//////////////////////////////////// MEBU SIDEBAR ////////////////////////////////////////////*/
#sidebar{
 margin: 0;
 padding: 0;
 width: 184px;
 float: left;
}
#sidebar h2{
 margin: 0;
 padding: 0;
}
#sidebar h2 img{
 margin: 0;
 padding: 0;
 display: block;
}
#sidebar form{
 margin: 0;
 padding: 0;
 height: 115px; 
 background: url(img/form.jpg) no-repeat 0 0;
}
#sidebar form .pf{
 margin: 0;
 padding: 0;
}
#sidebar form .pf #pseudo{
 margin: 11px 0 0 69px;
 padding: 0;
 width: 84px;
 height: 14px;
 font: 10px, Arial, Helvetica, sans-serif;
 background: none;
 border: 1px solid #DCD898
}
#sidebar form .pf #mot_passe{
 margin: 0 0 0 80px;
 padding: 4px 0 0 1px;
 width: 75px;
 height: 14px;
 font-size: 10px, Arial, Helvetica, sans-serif; 
 background: none;
 border: 1px solid #DCD898
}
#sidebar form .pf #connexion{
 margin: 4px 0 0 72px;
 padding: 0;
 width: 34px;
 height: 16px;
 background: none;
 font-size: 5px;
 border: 0
}
#sidebar ul{
 margin: 0 20px;
 padding: 5px 0 15px 10px;
 list-style: none;
 line-height: 15px;
 font: bold 10px Georgia, "Times New Roman", Times, serif;
}
#sidebar a{
 color: #996666;
 text-decoration: none;
}
#sidebar a:hover{
 color: #fff;
}
#sidebar .p1{
 margin: 0;
 padding: 5px 0 0;
 text-align: center;
}
#sidebar .p1 a img{
 border: 0;
}
#sidebar form .pf span{ display: none;}
#sidebar form .pf a{
 margin: 4px 0 0 25px;
 padding: 0;
 width: 95px;
 height: 9px;
 font-size: 6px;
 display: block; 
}

/*//////////////////////////////////// CORPS////////////////////////////////////////////*/
#corps{
 margin: 0;
 padding: 0;
 float : left;
 width : 460px;
 margin-left : 20px;
}
.text h3{
   margin: 0;
   padding:0;
   font: bold 12px Arial, Helvetica, sans-serif;
   text-align: center;
   text-transform: capitalize; 
   color: #fcae3f;
}
.text h3 span{
   margin: 0;
   padding: 3px 7px 0 0;
   font-size: 11px;
   float: right;
   font-weight: normal;
   text-transform: none;
}

.text h4{
   margin: 0 1.3em;
   padding: 1em 0 0 0;
   font: bold 1em Arial, Helvetica, sans-serif;
   text-align: justify;
   color: #AAAAAA;
}
.text h5{
   margin: 1em 2em 0;
   padding: 0.2em 0 0.2em 0;
   font: bold 0.7em Arial, Helvetica, sans-serif;
   text-align: justify;
   color: #AAAAAA ;
   border-top: 1px solid  #b8704f;
}
.text .p1, .contact .p1{
   margin: 0 1.5em 0 1em;
   padding: 0.4em;
   font:  0.72em Arial, Helvetica, sans-serif;
   text-align: justify;
   color: #555555;
}
.text .p2{
	font:  0.80em Tahoma, Arial, Helvetica, sans-serif;
	    color: #777777;
}
.text .p2 a{
	text-decoration: none;
	color: #996666;
}

/*//////////////////////////////////// FOOTER ////////////////////////////////////////////*/
#footer{
 margin: 0;
 padding: 28px 0 0 0;
 height: 22px;
 text-align: center;
 font: 10px Arial, Helvetica, sans-serif;
 color: #CC9966; 
 clear: both;
 background: url(img/footer.jpg) no-repeat 0 0;
}

/*///////////////////////  ADDRESS /////////////////*/
address {
   margin: 0;
   text-align:center;
   padding: 10px 0 0 0;
   font: normal 10px Arial, Helvetica, sans-serif;
   letter-spacing: 2px;
   color: #CC9966;   
   height:20px;
   clear: both;
 }  	
address a { 
    text-decoration: none;
	color: #550000;
	margin: 0 3px;
	color: #880000
}
div#tipDiv {
  position:absolute; visibility:hidden; left:10; top:0; z-index:10000;
  /* Ici vous choisissez la couleur et l'image de fond de l'info bulle */
  background:#FFCC99;
  border:0px solid #FFFFFF;
  /* Ici vous choisissez la largeur de l'info bulle */
  width:250px;
  padding:0px;
  /* Ici vous choisissez la couleur du texte */
  color:#777777;
  font-size:12px
}
div.tp1 { font-size:12px; color:#FFFFFF; padding-top:5px }
.deco
{
	text-decoration: none;
	color: #FFFFFF;
}