/* CSS Document */
body{
	text-align:center;
	background-color: #fffbdf;
	margin: 0 auto;
	padding: 0 ;
	font-family:  Arial; "Arial Narrow" ; 
	
	background:url(./images/sable.jpg);

}

img {
border-width : none;
border : none;
border-style: none;
}


#conteneur{
	
	width:810px;
	margin: 0 auto;
	padding: 0 ;
	text-align:left;
	border-color:black;
	border-left:solid thin;
	background-color: #fffbdf;
	background:url(./images/right_shadow.png) repeat-y right ;
	
}

#conteneur2{
	
	width:800px;
	padding: 0; 
	background-color: #fffbdf;



}

/* postion en haut a gauche*/
#head_logo{
	margin: 0 auto;
	padding:0;
	width : 600px;
	height : 155px;
	background-color: #fffbdf;
	background:url(./images/head-logo.JPG)	no-repeat;
	float : left;	
}

/* utilise pour positionner Location bungalow dans les logos 
 * */ 
#head_logo p{
	margin: 55px 20px;
	padding:0;
	color:#0F52EE;
	font-family: Impact;
	font-size: 30px;
	font-weight:bold;
	text-align: right;
	position:relative;
	bottom:-45px;
	z-index:1;
	text-shadow : 6px 6px 6px gray;
	-moz-border-radius-bottomright: 
}
/* postion en haut a droite*/
#head_anim{
	margin: 0 auto;
	width: 200px;
	background-color: #fffbdf;	
	background:url(./images/bazcreole.gif)	no-repeat;
	height : 155px;
	float : left;
}

#menu{
	margin:0 0;
	padding: 0;
	height: 100px;
	clear: both;	
	background-color: #fffbdf;
	
	
}

#main{
	margin: 0 auto;
	padding:0;
	padding-left: 10px;
	background-color: #fffbdf;
	vertical-align:top;


}


#footer{
	margin: 0 auto;
	padding:0;
	width:800px;
	background-color: #fffbdf;
	border-bottom:solid ;
	border-bottom-color: #A2A2A2;
	

}
 
.service1{


color: #1e56cc;


width: 780px;

}

/* frame des bungalow */

.bungalow {

margin : auto;
padding: 20px 20px 0 20px;
background: url(images/cadre-bungalow.png) no-repeat left;
width: 637px;
height: 180px;


}


.bungalow2 {
clear: both;
color: #FFFFFF;
margin : auto;
padding: 60px 20px 0 20px;
background: url(images/panneau-bois.png) no-repeat left;
width: 657px;
height: 290px;


}


.bung1 {

margin : 20px;
padding-left: : 20px;
float: left;
width: 270px;
height: 160px;


}

.bung2 {

margin : 0;
padding: 0;
float: right;
width: 280px;
height: 160px;



}



.carrousel { 
    margin:0; 
    padding:0; 
    height:75px; 
} 
.carrousel li { 
float: left;
    width:200px; 
    height:160px; 
    margin-top: 5px; 
    padding: 5px auto; 
    list-style:none; 
    color:#FFF; 
    font:3em/1.2 Georgia, "Times New Roman", Times, serif; 

}


.carrousel1 { 
    margin:0; 
    padding:0; 
    height:75px; 
} 
.carrousel1 li { 
float: left;
    width:200px; 
    height:160px; 
    margin-top: 5px; 
    padding: 5px auto; 
    list-style:none; 
    color:#FFF; 
    font:3em/1.2 Georgia, "Times New Roman", Times, serif; 

}


.carrousel2 { 
    margin:0; 
    padding:0; 
    height:75px; 
} 
.carrousel2 li { 
float: left;
    width:200px; 
    height:160px; 
    margin-top: 5px; 
    padding:  5px auto;  
    list-style:none; 
    color:#FFF; 
    font:3em/1.2 Georgia, "Times New Roman", Times, serif; 

}

.carrousel3 { 
    margin:0; 
    padding:0; 
    height:75px; 
} 
.carrousel3 li { 
float: left;
    width:200px; 
    height:160px; 
    margin-top: 5px; 
    padding: 5px auto; 
    list-style:none; 
    color:#FFF; 
    font:3em/1.2 Georgia, "Times New Roman", Times, serif; 

} 


.menucss{

background:url(images/tab-fond.jpg);


}

.menucss li {
background:url(images/tab-fond.jpg);
 line-height: 40px;		
 float:left;
 display: block;
 text-align: center;
 width:80px;
  list-style:none;


}

#panel {
	padding: 0;
	margin: 0 auto;
	height: 100%;
	width: 700px;
	display: none;
	border: inset;
}

.btn-slide {
	
	text-align: center;
	border: groove  ;
	width: 244px;
	height: 51px;
	padding:  0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #0080a1;
	text-decoration: none;
}