/* CSS Document */

*  {
	margin: 0 ;
	padding:0;
}



p, h2, h3 , h4 , h5  {
	display:block;
}




p {
	padding:0 0 0 0 ;
}


ul  {
	list-style:none;
}

.clear {
clear:both;
}
a {
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	text-decoration:underline;
	color:#fff;
	
}
.index-body { 
    margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:url(images/px-body-index.jpg) 0 0 repeat-x #A4BD6A;
}

#conteneur { 
margin:0 auto;
height:720px;
width:955px; 
background:url(images/px-contenu.jpg) repeat-y #193484; 
}

#header { 
width:955px; 
height:406px;
background:url(images/header.jpg) no-repeat top left; 
position:relative;
} 

.logo {
	position:absolute;
	top: 37px;
	left: 201px;
}
.bare-pic {
	position:absolute;
	left: 182px;
	top: 299px;
} 
.restau {
	position:absolute;
	left: 544px;
	top: 292px; 
	z-index:2;
} 
.plage {
	position:absolute;
	z-index:-3px 3px;
	left: 727px;
	top: 291px; 
	z-index:1;
	}

#menuindex{ 
float:left; 
width:180px; 
height:216px;
position:absolute;
background:url(images/background-menu-index.jpg) no-repeat top left;  
padding:94px 0 0 0;
}
#menuservices{ 
float:left; 
width:180px; 
height:307px;
position:absolute;
background:url(images/background-menu-services.jpg) no-repeat 0px 6px;  
padding:94px 0 0 0;
}
#menucontact{ 
float:left; 
width:180px; 
height:216px;
position:absolute;
background:url(images/background-menu-contact.jpg) no-repeat top left;  
padding:94px 0 0 0;
}

#menu ul{
	text-decoration:none;
}
.accueil a{
	background:url(images/accueil.png) no-repeat top left;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil.png', sizingMethod='crop');
	width:94px;
	height:51px;
	display:block;
	cursor:pointer;

}
.accueil a:hover{
	background:url(images/accueil-hover.png) 0 0 ;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil-hover.png', sizingMethod='crop');

}
.accueilactif{
	background:url(images/accueil-hover.png) 0 0 ;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/accueil-hover.png', sizingMethod='crop');
	width:94px;
	height:51px;
	display:block;

}
.restaurant a{
	background:url(images/restaurant.png) no-repeat top left;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/restaurant.png', sizingMethod='crop');
	width:110px;
	height:69px;
	display:block;
	margin:0 0 0 15px;
	cursor:pointer;
}
.restaurant a:hover{
	background:url(images/restaurant-hover.png) no-repeat top left;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/restaurant-hover.png', sizingMethod='crop');

}
.restaurantactif{
	background:url(images/restaurant-hover.png) no-repeat top left;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/restaurant-hover.png', sizingMethod='crop');
	width:110px;
	height:69px;
	display:block;
	margin:0 0 0 15px;

}

.contact a{
	background:url(images/contact.png) no-repeat top left;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact.png', sizingMethod='crop');
	width:93px;
	height:46px;
	display:block;
	margin:0 0 0 45px;
	cursor:pointer;
}
.contact a:hover{
	background:url(images/contact-hover.png) no-repeat top left;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-hover.png', sizingMethod='crop');

}
.contactactif{
	background:url(images/contact-hover.png) no-repeat top left;  
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-hover.png', sizingMethod='crop');
	width:93px;
	height:46px;
	display:block;
	margin:0 0 0 45px;

}
#contenu { 
width:955px; 
height:70px; 
padding:111px 0 0 0; 
background:url(images/background-contenu.jpg) no-repeat top left; 
}

#bloc-left {
	float:left;
	width:332px;
	padding:0 0 0 60px;
	clear: both;

}

#bloc-left h3 { 
font-family:"Times New Roman", Times, serif;
font-size:24px; 
color:#4E4847; 

} 
#bloc-left p { 
color:#FFFFFF; 
text-align:justify; 
padding:7px 25px 7px 25px; 
background:url(images/puce.gif) no-repeat left 10px;
} 
#bloc-middle { 
float:left; 
width:198px; 
padding:25px 15px 0 15px; 
}
.txt1 {
	color:#4E4847;
	text-align:justify;
	padding:7px 0 7px 33px;
	background:url(images/puce.gif) no-repeat 10px 9px;
	font-size: 14px;

} 

.txt2 {
color:#FFFFFF; 
text-align:justify; 
padding:2px 0 3px 30px; 
} 
#bloc-right { 
float:left; 
width:240px; 
height:120px; 
padding:25px 0 0 0; 
}

#bloc-right a{
text-decoration:none;
color:#fff;
}

#bloc-right a:hover{
	color:#FFFFFF;
	text-decoration: underline;
} 

.txt3 {
	color:#4E4847;
	text-align:justify;
	padding:7px 0 7px 33px;
	background:url(images/puce.gif) no-repeat 10px 9px;
	font-size: 14px;
} 
span { 
color:#FFF;
}
.txt4 {
	padding:10px 0 0 13px;
	color:#FFF;
	background: #91A448;
}
.txt5 { 
padding:8px 0 10px 23px; 
color:#FFF; 
background:url(images/puce2.jpg) no-repeat 10px 10px #91A448;
} 

/*************************************footer******************/ 
#footer{
	width:100%;
	margin:0;
	text-align:center;
	font-size:11px;
	color:#3b3b3b;
	clear: both;
}
#footer .adresse{
	background-color:#8E8483;
	height:20px;
	line-height:20px;
	color:#C7D6A3;
	margin:0; 
}
#footer .adresse p{
	padding:0;
	float:left;
}

#footer ul{
	margin:0 auto;
	width:855px;
	padding:8px 0 0 0;
	background:url(images/sepa-footer.jpg) no-repeat left bottom;
	clear: both;
	color: #fff;
}
#footer li{
	font-weight:bold;
	display: inline;
}
#footer li.a {
	color:#E3A723;
	font-weight:bold;
	text-decoration:none;
}
#footer li a:hover{ 
    color:#FFF;
	font-weight:bold;
}
#toptech {
	padding-top:5px;
}
#toptech p{
	text-align:center;
}
#toptech a{
	font-size:10px;
	color:#FFFFFF;
}
#footer2 object{
	position:relative;
	top:6px;
}
span { 
color:#E3A723;
} 

/*******************************page services ***************************/ 
.services-body { 
    margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:url(images/px-body-services.jpg) 0 0 repeat-x #A1BA67;
}

#conteneur-services { 
margin:0 auto;
width:955px; 
background:#A1BA67; 
}
#header-services { 
width:955px; 
height:308px; 
background:url(images/header-services.jpg) no-repeat 0px 6px; 
position:relative;
}

#header-services2 { 
width:955px; 
height:135px; 
background:url(images/header-services2.jpg) no-repeat 0px 6px; 
position:relative;
}  

#contenu-services { 
width:955px; 
position:relative;
background:url(images/background-contenu-services.jpg) no-repeat left top;
}
.img1-services {
	position:absolute;
	top: 60px;
	left: 506px;
}
.img2-services {
	position:absolute;
	top: 27px;
	left: 752px;
}

#bloc-haut-services { 
float:left; 
width:320px; 
padding:0 0 0 140px; 
} 
#bloc-haut-services h3 { 
font-size:16px; 
color:#4E4847; 
font-family:Verdana, Arial, Helvetica, sans-serif;
} 
.txt1-services {
color:#4E4847; 
text-align:justify; 
padding:7px 0 7px 33px; 
background:url(images/puce.gif) no-repeat 10px 9px; 
font-size:14px;
}
.txt2-services { 
padding:0 0 0 32px; 
background:url(images/hotel-puce.gif) no-repeat 15px center;
}

#bloc-middle-services { 
float:left; 
width:224px; 
padding:58px 0 0 0; 
} 
#bloc-right-services {
	width:190px;
	float:left;
	padding:0;
	background:#8E8483;
	margin: 0;
}
.txt1-tarif { 
font-size:14px; 
color:#FFFFFF; 
padding:5px 5px 5px 25px; 
background:url(images/puce-reservation.gif) no-repeat 10px 8px;
}
.txt2-tarif { 
font-size:14px; 
color:#193484; 
padding:0 0 0 25px; 
}
#bloc-hotel-services { 
clear:left; 
width:600px; 
padding:0 0 0 65px; 
background:url(images/sepa-services.jpg) no-repeat 85px 0px;
float:left;

} 
#bloc-hotel-services h3{ 
font-size:15px; 
width:65px; 
color:#4E4847; 
padding:10px 0 0 15px; 
background:url(images/star-hotel.gif) no-repeat 60px center;
width:65px;
float:left; 
} 

.txt1-hotel {
color:#4E4847; 
text-align:justify; 
padding:12px 0 7px 100px; 
background:url(images/puce.gif) no-repeat 81px 15px; 
font-size:14px;
}
span { 
color:#FFF;
}
.txt2-hotel {
color:#4E4847; 
text-align:justify; 
padding:5px 0 7px 100px; 
background:url(images/puce.gif) no-repeat 81px 8px; 
font-size:14px;
}
.txt3-hotel { 
padding:3px 0 3px 100px; 
background:url(images/hotel-puce.gif) no-repeat 82px center;
}
#reservation { 
float:right; 
width:200px; 
}
#bloc-right-hotel {
	float:right;
	width:200px;
	height:auto;
	margin:10px 0 10px 0;
	border: #fff solid 1px;
	background: #91A448;
}
.txt1-prix { 
font-size:14px; 
text-align:center; 
padding-top:9px;
}
.txt2-prix {
	font-size:14px;
	text-align:center;
	padding: 5px;
}

.titre { 
font-size:16px; 
color:#FFFFFF; 
padding:3px 0 0 21px; 
background:url(images/puce-reservation.gif) no-repeat 5px 7px #8E8483;

}
.txt1-reserver { 
color:#193484;
padding:0 0 0 10px; 
background:#E3A723; 
} 
.txt2-reserver { 
color:#193484;
padding:0 0 0 10px; 
} 
#bloc-professionel { 
padding:0 0 0 65px; 
width:600px; 
height:110px; 
background:url(images/sepa-services.jpg) no-repeat 85px 5px;
}
.txt1-pro { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:17px; 
color:#8E8483; 
padding:10px 0 0 22px;
}
.txt2-pro {
color:#8E8483; 
text-align:justify; 
padding:5px 0 7px 100px; 
background:url(images/puce.gif) no-repeat 81px 8px; 
font-size:14px;
}

.img1-absolu {
	position:absolute;
	left: 762px;
	top: 55px; 
	z-index:2;
}
.img2-absolu {
	position:absolute;
	left: 676px;
	top: 212px; 
	z-index:1;
}


/***************************************************contact***********************/ 

.contact-body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background-color: #A2BB68;
	background-image: url(images/px-body-services.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#conteneur-contact { 
margin:0 auto;
width:955px; 
background:#A2BB68; 
}
#header-contact { 
width:955px; 
height:135px; 
background:url(images/header-contact.jpg) no-repeat top left; 
position:relative;
} 
#contenu-contact { 
	width:848px; 
	background:url(images/contenu-contact.jpg) no-repeat  left top;
	padding:33px 0 15px 107px;
	color:#FFFFFF;
}

#formulaire{
	width:376px;
	float:left;
	padding:140px 0 0 0;
}
#formulaire h3
{
	color:#4E4847;
	padding:0 0 10px 0;
	font-weight:bold;
	font-size:14px;	
		
} 
#formulaire p{
	width:370px;
	float:left;	
	padding:0 0 8px 2px;
	font-size:11px;		
}

#formulaire span{
	float:left;	
	padding-top:1px;
}
#formulaire p.reserver{
	color:#E3A723;
	font-size:14px;
	font-weight:bold;
}
#formulaire p.reserver a{
	color:#4E4847;
	text-decoration:none;
}
#formulaire p.reserver a:hover{
	text-decoration:underline;
}
#formulaire .question{
	padding:2px 0 0 0;
}
#formulaire input{
	float:right;	
	width:260px;	
	height:16px;
	font-size:11px;
	border: none;
	color:#1B388F;		
}
#formulaire .code_postal{
	width:90px;
	float:left;
	margin:0 16px 0 90px;
	display:inline;
}
#formulaire .ville{
	width:106px;
}
#formulaire textarea{
	float:right;	
	width:260px;
	height:60px;	
	font-size:11px;
	border: none;
	color:#1B388F;	
}
#formulaire .bout{
	width:82px;
	height:20px;
	border:none;	
	float:right;	
}
em{
	color:#fff;		
}
#formulaire .rouge{
	color:#D59D0A;
	font-weight:bold;	
	white-space:nowrap;	
}
#formulaire .form
{
float:left;
}
#formulaire .droite
{
	text-align:right;	
}

.rightcontact{
	width:350px;
	float:left;
	padding:0 0 0 66px;
}
.rightcontact img{
	border:1px solid #8E8483;

}
.rightcontact span{
	color:#4E4847;
	font-weight:bold;
}
.rightcontact p{
	padding:11px 0 15px 0;
}
.rightcontact em{
	font-size:25px;
	font-weight:bold;
	font-style:normal;
	color:#FFFFFF;
}
.rightcontact object{
	position:relative;
	top:5px;
}
#conteneur-mentions { 
margin:0 auto;
width:955px; 
background:#A2BB68; 
}
.mentions{
 width:695px;
 padding:140px 120px 0 140px; 
 background:url(images/contenu-contact.jpg) no-repeat left top;
}
.mentions h3{
font-family:"Times New Roman", Times, serif;
font-size:24px; 
color:#4E4847; 
text-align:center;  
}

.mentions p{
 padding:10px 0 0 0; 
 color:#fff;
}
.titre{
	font-size:14px;
	padding:5px 0 10px 20px;
	font-weight:bold;
	display:block;
}