/********** GENERAL CSS  **********/

body{
 width : 800px;
 margin: auto;
 margin-top: 20px;
 margin-bottom: 20px;
 background-image: url("../pictures/fond.jpg");
 background-repeat: repeat-x;
 background-attachment: fixed;
 }

 
 p{
 color: #533500;
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 font-size: 12pt;
 font-style: oblique;
 font-weight: lighter;
 text-align: justify;
 line-height: 25px;
 }
 
 p:first-letter{
 font-size: 300%;
 color: #E9B301;
 font-weight: bold;
 } 
 
 h2{
 color: #E3B024;
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 text-align: center;
 }
 
 h1{
 color: #C46F00;
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 text-align: center;
 text-decoration: underline;
 }
 
 h3{
 color: #8D5000;
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 text-align: left;
 }
 
 #zoneimageindex{
 margin: 15px 5px 5px 5px;
 }
 
 .imgnoborder{
 border: none;
 }
  
 /********** HEADER  **********/
 
 #header{
 width: 800px;
 height: 300px;
 margin-bottom: 10px;
 }
 
/********** CONTENT  **********/

#content {
width: 730px;
height: auto;
margin: 60px 10px 10px 10px;
padding: 40px 20px 35px 25px;
background-color: #FFFFFF;
background: #FFFFFF url("../pictures/toppage.png") no-repeat  center top;
border-bottom: 10px ridge #C68400;
}

#sousmenudesi{
width: 730px;
height: 150px;
}

#sousmenudesi ul {
margin: 10px 15px 30px 15px;
list-style-type:none;
}

#sousmenudesi li {
float: left;
}

#sousmenudesi ul li a {
display: block;
float: left;
width: 180px;
height: 130px;
line-height: 130px;
background: url("../pictures/btsm.png") no-repeat left top;
color: #844700;
font-size: 12pt;
font-style: bold;
text-decoration: none;
text-align: center;
padding:0 35px 0 0;
}

#sousmenudesi ul li a:hover {
background: url("../pictures/btsm2.png") no-repeat left top;
color: #FDB100;
}

/**********  FOOTER  **********/

 #footer{
 width: 400px;
 height: 50px;
 float: right;
 background: url("../pictures/footerfond.png") no-repeat right top;
 margin-top: 45px;
 padding: 8px 35px 0 0;
 color: #6B3600;
 }
 
 
 /********* CONTENT PROJECT **********/
 
#sousmenupro{
width: 730px;
height: 150px;
}

#sousmenupro ul {
margin: 20px 30px 30px 110px;
list-style-type:none;
}

#sousmenupro li {
float: left;
margin: 0 100px 0 0;
}

#sousmenupro ul li a {
display: block;
float: left;
width: 150px;
height: 150px;
line-height: 150px;
background: url("../pictures/btrond.png") no-repeat center;
color: #844700;
font-size: 14pt;
font-style: bold;
text-decoration: none;
text-align: center;
padding:0 5px 0 0;
}
 
 #sousmenupro ul li a:hover {
background: url("../pictures/btrond2.png") no-repeat center;
color: #FEDE84;
}

#rdvspec{
width: 100%;
margin: 20px 20px 0 80px;
}

.firstletter{
 color: #FFCC00;
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 font-size: 36pt;
 font-style: bold;
 }

.date{
 color: #FABA09;
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 font-size: 14pt;
 font-style: italic;
 }

#speciallist li{
 color: #533500;
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 font-size: 12pt;
 font-style: oblique;
 font-weight: lighter;
 text-align: justify;
 list-style-image: url("../pictures/fleche.gif");
 }


#contact{
 font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
 color: #844700;
 font-size: 18pt;
 }
 
 #contact a{
 color: #844700;
 }

 .important{
  font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
  font-size: 16pt;
  color: #FFCC00;
  }
  
  .titrespec{
  font-family: "Trebuchet MS", Verdana, Helvetica, "Times New Roman", sans-serif;
  font-size: 24pt;
  color: #844700;
  font-weight: bold;
  }