@charset "utf-8";
body{
  margin: 0;
  padding: 0;
  background: #181818 url(img/body.png) repeat-x 0 0;
}
/*///////////////////////////////////////// CADRE GENERAL ///////////////////////////////*/
#main{
  margin: 0 auto;
  padding: 0;
  width: 659px;
  background: url(img/main.png) repeat-y  0 0;  
}
/*///////////////////////////////////////// HEADER ///////////////////////////////*/
#header{
  margin:0;
  padding: 0;
  height: 146px; 
  background: url(img/header.png) no-repeat 0 0;   
}  
#header h1{
  margin: 0;
  padding: 0;
  display: none;
}  

/*///////////////////////////////////////// GENERALITES ///////////////////////////////*/
h2{
  margin: 0;
  padding:  5px 0 0 20px;
  color: #fff;
  height: 25px;
  font: bold 13px Tahoma, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: url(img/h2corps.png) no-repeat 0 0;    
}  
h3 {
  margin: 0 35px;
  padding: 0;
  text-align: right;
  color: #ece0c4;
  font:  11px Tahoma, Arial, Helvetica, sans-serif;   
} 
/*///////////////////////////////////////// GAUCHE ///////////////////////////////*/
#gauche {
  margin: 0;
  padding: 0;
  width: 170px;
  float: left;   
}
#gauche ul {
  margin: 0 6px 0 16px;
  padding: 3px 0 0 0;
  width: 145px;
  height: 132px;
  list-style: none;
  background: url(img/ul.png) no-repeat 0 0;  
}
#gauche ul a {
  margin: 0 0 4px 0 ! important;
  margin: 0 0 0 0;
  padding: 0;
  height: 20px;
  display: block; 
}
#gauche span {
  display: none; 
}
#gauche #linksimg {
  margin: 0 0 0 5px;
  padding: 0 0 4px 0;
  text-align: center;
  background: url(img/links.png) no-repeat 0 100%;  
}
#gauche #linksimg a img {
  margin: 0;
  padding: 0;
  border: 0;  
}

/*///////////////////////////////////////// CORPS ///////////////////////////////*/
#corps{
	margin: 0 0 0 170px;
	padding: 0;
	height: auto ! important;;	
	height: 100px;
}
#corps .box1 {
   margin: 0 0 0 3px ! important;
   margin: 0;
   padding: 0;
   height: auto ! important;
   height: 50px;
   background: url(img/skieur.png) repeat-y  0 0;   
}
#corps .box1 img {
  display: block;
  margin: 0 25px 0 17px;
  padding: 0;
  border-bottom: medium solid #000
}
#corps .box2 {
   margin: 0 0 5px 3px! important;
   margin: 0 0 5px 0;   
   padding: 0;
   height: auto ! important;
   height: 50px;  
}
#corps .p2{
	margin: 0 30px;
	padding: 0.2em 0.4em 0.5em;
	font:  0.71em  Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #fff;
    background: url(image/puce.jpg) no-repeat 0 0;	
}
#corps .p2 a{
	margin: 0 0 0 5px;
	text-decoration: none;
	color: #FFCC00;
	text-align: left;
}

/*///////////////////////////////////////// FOOTER ///////////////////////////////*/
#footer{
  margin: 0;
  padding: 0;
  height: 20px;
  clear: both;
  background: url(img/footer.png) no-repeat 0 100%; 
}

/*///////////////////////  ADDRESS /////////////////*/
address {
   margin: 0 15%;
   text-align:center;
   padding: 2px 0 0 0;
   font: normal 10px Arial, Helvetica, sans-serif;
   letter-spacing: 2px;
   color: #999966;
   height:20px;
 }  	
address a { 
    text-decoration: none;
	color: #BBBBBB;
	margin: 0 3px;
} 
