@charset "UTF-8";
/* CSS Document */

*{
padding:0;
margin:0;
font-family:Arial, Helvetica, Arial, sans-serif;
font-size:10pt;
/*text-align: center;  pour corriger le bug de centrage IE */
}

body {
	background-image: url(images/degrade_fond.jpg);
	background-repeat: repeat-x;
}

#site{
	width:1000px;
	height:100%;
	margin-left:auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

#header_logo{
	background-image:url(images/bandeau_logo_titre.jpg);
	background-repeat: no-repeat;
	width:1000px;
	height:183px;
}
#baseline{
	position:relative;
	top:60px;
	left:280px;
	text-align:left;
	font-size:24pt;
	font-weight:bold;
	color:#3399CC;
	float:left;
	font-variant:small-caps;
	letter-spacing:0.055em;
	line-height:20pt;
}
#bandeau{
background-image:url(images/tetiere.jpg);
background-repeat: no-repeat;
width:1000px;
}
.noborder{
border:0;
}
#menu_tetiere{
background-image:url(images/menu_sans.jpg);
background-repeat: no-repeat;
width:1000px;
height:51px;
text-align:center;
}
#menu_tetiere  ul {
	position:relative;
	top:20px;
    margin-left: 0;
    padding-left: 0;
    display: inline;
	height:20px;
	line-height:6pt;
   }

#menu_tetiere ul li {
	color:#336633;
	font-weight:bold;
	font-size:1pt;
    margin-left: 0;
    padding: 0px 20px;
    border-left: 1px solid #336633;
	
    list-style: none;
    display: inline;
   }

#menu_tetiere ul li.premier {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
   }
#menu_tetiere a{
color:#339933;
text-decoration:none;
}
#menu_tetiere a:hover{
	color:#fff;
	background-color:#339933;
	text-decoration:none;
}
#main{
margin-top:10px;
}
#menuleft{
position:relative;
width:340px;
margin-left:50px;
	text-align:left;
	float:left;
	color:#99cc00;
	line-height:12pt;
	min-height:610px;
   }
#menuleft ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
	text-align:left;
	float:left;
   }
#menuleft li {
height:20px;
   }
#menuleft a {
color:#0066cc;
text-decoration:underline;
}
#menuleft a:hover {
	color:#006699;
	text-decoration:none;
}
#menuleft h3 {
	color:#99cc00;
	font-size:14pt;
	font-weight:lighter;
}
#menuleft span {
	color:#000;
	font-size:9pt;
	font-weight:lighter;
}
#menuleft img {
border:1px solid #999999;
margin-top:10px;
margin-bottom:10px;
}
#content{
	position:relative;
	width:600px;
	text-align:left;
	float:left;
	color:#666666;
	line-height:16pt;
	
}
#content h1{
text-align:left;
color:#3399CC;
line-height:12pt;
font-weight:lighter;
text-transform: uppercase;
letter-spacing:0.015em;
line-height:28pt;
font-size:20pt;
}
#content h2{
text-align:left;
color:#3399CC;
line-height:12pt;
font-weight:bold;
text-transform: normal;
letter-spacing:0.015em;
line-height:28pt;
font-size:18pt;
}
#content p{
color:#666666;
font-size:9pt;
line-height:16pt;
letter-spacing:0.025em;
}
#content a{
color:#0066cc;
font-size:9pt;
letter-spacing:0.025em;
text-decoration:underline;
}
#content a:hover{
color:#0066cc;
font-size:9pt;
letter-spacing:0.025em;
text-decoration:none;
}
#content img{
float:left;
border:8px solid #99cc00;
margin:8px 8px 0px 0px;
}
#footer{
position:relative;
float:left;
background-image:url(images/bgfooter.jpg);
background-repeat:repeat-x;
width:100%;
height:126px;
color:#FFFFFF;
}
#footer a, #footer a:hover{
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}

table {
border: 1px solid #666;
border-collapse: collapse;
width:600px;
}
td{
padding: 5px;
text-align:center;
border: thin solid #666;
}
th{
padding: 5px;
text-align:center;
font-weight:bold;
border: thin solid #666;
}
li{
margin-left:20px;
}
#hotel{
margin-bottom:40px;
min-height:240px;
}

#tarifhotel td  {
border: 1px solid #000000;
border-collapse: collapse;
}
.petit_texte{
font-size:10px;
}