@charset "utf-8";
/* CSS Document */

h2 {
font-size:14px;
font:Arial, Helvetica, sans-serif;

}

/******************************/
/* DEBUT CONTAINER */
/******************************/

#container  {
margin:20px 16px 20px 18px;
width: 880px;
height:100%;
}
/******************************/
/* MODULE ACTUALITE */
/******************************/


#promo {
float:left;
width:267px;

}
#promo h1{
background-image:url(../img/h1.gif);
background-repeat:repeat-x;
text-align:left;
display:block;
width:259px;
height:21px;
font-size:1.3em;
color:#FFFFFF;
margin:0 0 0 2px;
padding:1px 0 0 5px;

}
#promo-p{
background-image:url(../img/meteo_p1.jpg);
background-repeat:no-repeat;

width:267px;
height:140px;
margin: 2px 0 0 0;
}
#promo-p p{
display:block;
width:250px;
font-size:1.1em;
padding:15px 115px 0 10px;
text-align:left;
}
.double-promo {
display:block;
width:150px;
font-size:1.1em;
padding:23px 115px 0 0px;
text-align:right;
}


#englobe-actu{

}
/******************************/
/* MODULE RESERVATION */
/******************************/


#actu-resa {
float:left;
width:267px;
height:300px;
}


#reservation {
float:left;
width:267px;
margin:15px 0 0 0;
}

#reservation-p{
background-repeat:no-repeat;
display:block;
width:267px;
height:110px;
margin:2px 0 0 0;

}


#englobe-desc{
width:265px;

}
/******************************/
/* MODULE DESCRIPTION */
/******************************/
#description {
float:right;
width:577px;
}
#description h1 {
background-image:url(../img/h1.gif);
background-repeat:repeat-x;
text-align:left;
display:block;
width:570px;
height:21px;
font-size:1.3em;
color:#FFFFFF;
padding:1px 0 0 5px;

}
#description-p{
background-image: url(../img/desc_p1H.jpg);
background-repeat:no-repeat;
display:block;
width:577px;
height:278px;
margin:2px;
}
#description-p p{
display:block;
width:300px;
font-size:1em;
margin:0 220px 0 0;
padding:20px 20px;
text-align:left;
}
/******************************/
/* MODULE METEO */
/******************************/
#actu {
float:left;
width:266px;
margin:15px 0 0 0;
}

#actu h1{
background-image:url(../img/h1.gif);
background-repeat:repeat-x;
text-align:left;
display:block;
width:259px;
height:21px;
font-size:1.3em;
color:#FFFFFF;
padding:1px 0 0 5px;



}
#actu-p{
background-image:url(../img/meteo_p1.jpg);
background-repeat:no-repeat;
display:block;
width:267px;
height:140px;
margin:2px 0 0 0;
color:#2d230b;



}
#actu-p p{
padding:0 30px;
display:block;
width:210px;
height:70px;
font-size:1em;
}
/******************************/
/* SLIDE BOTTOM */
/******************************/

#enimage {
	float:right;
	width:400px;
	padding:18px 175px 0 0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

#slide {
	float:right;
	margin:32px 175px 0 0;
	width:400px;
	height:100px;

}


/******************************/
/* FIN CONTAINER */
/******************************/

/******************************/
/* ANIMATION SWITCH BANNER */
/******************************/

#switch {
	float:right;
	width:880px;
	height:206px;
	padding:0px 17px 0 0;
	overflow:hidden;
}

#bas-switch {
text-align:left;
padding:10px 0 0 20px;
font-size:13px;
	font-weight:bold;
}

pre { text-align: left; overflow: hidden }
code { background-color: #ffc; }
pre code { background-color: #eee; }

/******************************/
/* FIN ANIMATION SWITCH BANNER */
/******************************/

.btn{
float:left;
padding:10px 12px;

}