.planflash:hover, .header .fright a:hover, #menu a:hover, .job a:hover, #nav a:hover, #nav a.activeSlide{
	text-decoration:none;
}	
		.caly a span, .bah a span, .bloc1 .bahia span, .bloc3 .bahia span{ 
			display:block; 
			text-align:left;
			text-indent:-3000px; 
		}
		
		.header .fleft span span, .header .fleft a span, .header .fright a span, h3, .likeH3, h4, .listeR li strong, .listeR ul a, .job h2{  
			font-family:Arial, Helvetica, sans-serif;
		}

input, option, select, textarea{ 
	background-color:#DFDAD1;
	border:medium none;
	font-family:trebuchet MS;
	font-size:12px; 
	text-align:center;
}

body{
	background:#A8977B url(../images/bg-calypso.jpg) repeat-x left top;
}

body.body2{
	background:#A8977B url(../images/bg-calypso2.jpg) repeat-x left top;
}

.intitule, .header .fleft, .actu{
	position:relative;
}

.header .fright a, .header .fright a span{
	background:transparent url(../images/sprite_1c130b.gif) no-repeat left top;
	display:block;
}

.bloc1 .bahia, .bloc3 .bahia, .actu h2, .actu h3, .planflash, .bloc3 li, .listeR p.ecran, .share h2, .share ul, .share li, .job a, #nav a, #nav a#actionSlide{
	background:transparent url(../images/sprite.jpg) no-repeat left top;
	display:block;
}

#contener{
	background:transparent url(../images/bg_contenu.jpg) no-repeat center 493px;
	margin:0 auto;
	width:960px;
}

.body2 #contener{ background-position:center 103px; }

/* --------------------------------------------------------------- header ----------------------------------------------------------------- */

#header{ height:103px; position:relative; }

.header{
	background:#1C130C url(../images/calypso_head.jpg) no-repeat center top;
	height:58px;
	overflow:hidden;
	padding:10px 50px 0;
}

	.header .fleft{
		height:50px;
		width:327px;
	}

		.header .fleft span span, .header .fleft a span{ 
			color:#a8977a; 
			display:block;
			font-size:10px;
			font-weight:bold;
			left:59px;
			position:absolute;
			top:33px;
		}
		
		.header .fleft img, .bloc1, .bloc2 { float:left; }
				
		.header .fleft .club{ 
			display:block;
			float:right;
		}
		
		.header .fright{ width:178px; }
		
		.header .fright a {
			color:#ed7221;
			float:right;
			height:24px;
			line-height:24px;
			text-align:center;
			width:175px;
		}
		
			.header .fright a:hover { color:#F3289B; }
		
			.header .fright a span{ 
				background-position:right -24px; 
				font-size:12px; 
				font-weight:bold; 
				padding:0 10px;
			}
			
			.header .fright em{ display:block; height:34px; }
			
.drapeau{
	float:right;
	padding-right:15px;
	padding-top:37px;
	text-align:right;
}

	.drapeau li, .drapeau li a{ color:#b9d8dd; display:inline; }
	
		.drapeau li a{ background:none; color:#FFCCAA; margin:0; }


/* -------------------------- menu ----------------------------- */			

#menu{
	height:30px;
	line-height:30px;
	padding:0 50px;
}

	#menu li{ display:inline; }
	
		#menu a, #menu span {
			color:#FFFFFF;
			font-size:12px;
			font-weight:bold;
			padding:0 17px;
		}
		
			#menu a:hover, #menu span{ color:#1C130C; }
		
		#menu .first a, #menu .first span{ padding-left:0; }
		
		#menu .last a, #menu .last span{ padding-right:0; }
			
/* --------------------------------------------------------------- content ----------------------------------------------------------------- */

.overG{
	height: 415px; 
	padding:0 50px;
	position:relative;
	width: 860px; 
}

#map_canvas{
	height:387px;
	margin:0 50px 38px 50px;
	width:860px;
}

#gallery { 
	height: 387px; 
	overflow:hidden;
	width: 860px; 
}

#nav{
	position:absolute;
	text-align:center;
	top:389px;
	width:860px;
}

	#nav a{
		background-position:-329px -308px;
		color:#000000;
		display:inline-block;
		/*float:left;*/
		height:21px;
		line-height:21px;
		margin-right:5px;
		text-align:center;
		width:21px;
	}
	
		#nav a:hover, #nav a.activeSlide{ background-position:-308px -308px; }
		
		#nav a#actionSlide{ 
			background-position:-305px -369px; 
			height:21px;
			position:absolute;
			right:50px;
			width:45px;
		}
		
			#nav a#actionSlide:hover{ background-position:-305px -348px;  }

/* -------------------------- contenu ----------------------------- */	
	
.contenu{
	padding:10px 50px 0;
	width: 860px; 
}

.body2 .contenu{ padding-top:40px; }

/* -------------------------- bloc1 ----------------------------- */	

.bloc1{
	padding-left:30px;
	width:266px;
}
.height{
min-height:360px;
}
	.bloc1 h1, .bloc2 h2{
		color:#FFFFFF;
		font-size:28px;
		line-height:28px;
	}
	
	.bloc1 h1{ padding:10px 0 15px; }

	.bloc1 .bahia, .bloc3 .bahia{
		clear:both;
		height:92px;
		margin-top:25px;
		width:266px;
	}
	.bloc3 .bahia{
	margin-left:18px;
	}
	
		.bloc1 .bahia:hover, .bloc3 .bahia:hover{
			background-position:left -96px;
		}

	.bloc1 h2, .bloc3 h2.border{
		border-bottom:1px solid #BEB29C;
		font-size:19px;
		line-height:21px;
		margin-bottom:10px;
		padding:10px 0;
	}


	.bloc1 li{
		background:transparent url(../images/puce.gif) no-repeat left 2px;
		padding:0 0 5px 15px;
	}
	
	.pageactu .bloc1 li{ background-position:0 16px; }

.focus{
	background:transparent url(../images/assiette.jpg) no-repeat 0 0;
	border:dashed 2px #BEB29C;
	margin:5px 0;
	padding:5px;
}

	.bloc1 .focus h3{
		padding:10px 0 10px 90px;
	}
	
	.bloc1 .focus h4{
		font-weight:bold;
		padding:10px 0 0 0;
	}

/* -------------------------- blocLoc ----------------------------- */	

.blocLoc{
	padding-right:5px;
	position:relative;
	width:515px;
}
.position_l{
	position:relative;
	width:566px;
	height:auto;
	min-height:800px;
}
	.blocLoc table{ background-color:#BEB29C; margin-bottom:20px; }
	.table_width{
	width:515px;
	}
	
	.blocLoc th, .likeTh, .blocLoc .likeTh{ 
		background-color:#524B45;
		color:#CFE4E7;
		font-size:13px; 
		padding:5px; 
	}
	
	.blocLoc td{ background-color:#A8977B; text-align:center; padding:5px; }
	
	.blocLoc .txtleft{ text-align:left; }
	
	.blocLoc .txtright{ text-align:right; }
	
	.blocLoc td.td{ background-color:#AD9D83; text-align:left; }
	
	.blocLoc tfoot td{ color:#524B45; text-align:left; }
	
	.blocLoc .left{
		float:left;
		width:48%;	
	}
	
	.blocLoc .right{
		float:right;
		width:48%;	
	}
	
		.right a{ display:block; float:left; border:5px solid #CFE4E7; margin:5px; }
		
		.right a:hover{ border-color:#BEB29C;}

/* -------------------------- bloc2 ----------------------------- */	
	
.bloc2{
	padding:0 5px 0 15px;
	width:250px;
}

.actu{
	background-color:#FFFFFF;
	width:247px;
}

	.actu h3, .likeH3{
		background-position:left -196px;
		color:#1c130b;
		font-size:18px;
		padding:10px 15px 0 15px;
	}
	
		.actu div{
			color:#ed7322;
			padding:10px 15px;
		}
		
		.actu a{ 
			color:#ed7322;
			font-weight:bold; 
			font-size:13px; 
		}
		
			.actu a.plus{	
				display:block;
				margin-top:5px;
				text-align:right;
				text-decoration:underline;
			}
			
				.actu a.plus:hover{ color:#FFCCAA; }
		
		.actu div h4{ color:#1c130b; font-size:14px; padding:5px 0; }

	.bloc2 h2{
		background-position:left -216px;
		bottom:-44px;
		height:29px;
		padding-top:25px;
		position:absolute;
		text-indent:62px;
		width:247px;
	}
	
.planflash{
	background-position:left -262px;
	height:104px;
	line-height:183px;
	margin:50px 0 10px;
	overflow:hidden;
	width:248px;
}

	.planflash:hover .likeH3{ color:#FFFFFF; }

#flash{
	background:none;
	/*display:none;*/
	height:257px;
	left:50%;
	margin-left:-110px;
	position:absolute;
	width:220px;
}
#flash.position{
position:relative;
width:220px;
height:257px;
/*top:590px;
left:350px;
*/}

.blocLoc #flash{
	height:300px;
	left:500px;
	top:85px;
}

/* -------------------------- bloc3 ----------------------------- */

.bloc3{
	float:right;
	width:294px;
}

	.listeR li{
		background-position:-289px -127px;
		height:64px;
		padding-left:70px;
	}

	.listeR .reserv{
		background-position:left -366px;
		color:#b9d8d;
		height:92px;
		padding:0 45px 0 0;
		text-align:right;
	}
	
	.listeR li.tel{
		background-position:-288px 7px;
		height:90px;
	}
	.listeR li.video{
		background: url("../images/logos/logo-video-calypso.png") no-repeat scroll 6px 5px #BFB39D;
		border: 1px solid #FFFFFF;
		height: 50px;
		margin: 0 10px 10px 20px;
		padding-left: 0;	
		text-align:center;
	}

	.listeR li.goodie{
		background-position:63px -522px;
		height:180px;
		padding-left:0;
		text-align:center;
	}
	
	.listeR p.ecran{
		background-position:-291px -229px;
		height:32px;
		line-height:32px;
		margin-top:93px;
	}	
	
		.listeR p.ecran a{ line-height:25px; }

		.listeR li strong{
			color:#1C130B;
			display:block;
			font-size:17px;
			height:27px;
			line-height:33px;
		}
	
		.bloc3 ul a{
			color:#FFFFFF;
			font-size:13px;
			font-weight:bold;
			line-height:13px;
		}
		
		.listeR .reserv strong{
			color:#b9d8dd;
			display:block;
			font-size:26px;
			height:44px;
			line-height:55px;
		}

.share, .job{ padding-left:15px; }

	.share h2{
		background-position:left -737px;
		color:#FFFFFF;
		font-size:24px;
		height:36px;
		text-indent:58px;
	}
	
	.share ul{
		background-position:left bottom;
		padding-bottom:25px;
		width:265px;
	}
	
	.share li{
		background-color:#ed7322;
		background-position:-303px -661px;
		height:32px;
		line-height:25px;
		padding-left:45px;
	}

	.share .favoris{ background-position:-303px -545px; }
	
	.share .intitule{ background-position:-303px -600px; }
	
	.job h2, .bloc1 h3{
		color:#FFFFFF;
		font-size:17px;
		font-style:italic;
		/*font-weight:bold;*/
		padding:5px 0;
	}
	
	.job a, .job p a, .job li a{
		background-position:left -464px;
		border:none;
		color:#FFFFFF;
		float:right;
		font-size:17px;
		height:53px;
		line-height:43px;
		padding:0 35px 0 10px;
		text-align:right;
		width:102px;
	}
	
		.job a:hover{ background-position:-148px -464px; color:#FFCCAA; }

/* ------------- autre ---------------- */
	
	.body2 .blocLoc .job li{ background:none; display:inline; }
		
	.body2 .blocLoc .job a{
		float:left;
		font-size:11px;
		line-height:40px;
		padding:0 30px 0 10px;
		text-align:right;
		width:107px;
	}

.imghover{
	position:relative;
}

	.imghover img{ 
		border:5px solid #524B45;
		display:none; 
		position:absolute;
		right:-150px;
		top:15px;
		z-index:1;
	}

ul.goodie{ padding-bottom:20px;}

	ul.goodie li{
		background:transparent url(../images/left.jpg) no-repeat 0 0;
		float:left;
		margin:0 50px 30px 0;
		padding:5px 0 0 5px;
	}

.bas{ 
	background:transparent url(../images/right.jpg) no-repeat right bottom; 
	padding-bottom:10px;
	width:188px;
}

	.bas div{
		border:solid 1px #cc608b;
		padding:25px 20px 20px;
		position:relative;
		width:140px;
	}
	
	.bas a.produit, .likeProduit{
		display:block;
		height:130px;
		overflow:hidden;
		width:137px;
	}

	.bas a img{ border: solid 1px #F3289B; }
	
		.bas a:hover img{ border-color:#FFFFFF; }
	
	.bas a .down{ 
		border:medium none;
		position:absolute;
		right:17px;
		top:86px;
	}
	
	.bas h3{
		font-style:normal;
		padding:20px 0 15px;
	}
	
	.bas em{
		color:#FFFFFF;
		font-size:15px;
	}

.ombre{
	/*background:transparent url(../images/fond.png) no-repeat 9px 10px;*/
	display:none;
	height:229px;
	left:35%;
	overflow:hidden;
	position:absolute;
	top:20%;
	width:438px;
}

	.ombre p{
		background-color:#ffffff;
		height:18px;
		line-height:18px;
	}

.slideshow, .slideshow2, .slideshow3, .slideshow4, .slideshow5 {
	background:transparent url(../images/fond.png) no-repeat 0 0;
	border:solid 4px #F3289B;
	display:none;
	height:193px;
	overflow:hidden;
	width:430px;
}

.un, .deux, .trois, .quatre, .cinq{
	position:absolute;
	left:495px;
	top:368px;
}

.deux{ left:430px; top:385px; }

.trois{ left:442px; top:431px; }

.quatre{ left:551px; top:453px; }

.cinq{ left:493px; top:408px; }

/* --------------------------------------------------------------- footer ----------------------------------------------------------------- */

#footer{
position:relative;
	background:#1C130A url(../images/footer_calypso.jpg) repeat-x left top;
	color:#a8977a;
	padding:85px 0 50px;
}
	
	#footer div{
		line-height:18px;
		margin:0 auto;
		padding:0 50px;
		text-align:center;
		width:860px;
	}
	
	#footer em{
		color:#ed7322;
		display:block;
		font-size:15px;
		padding:10px 0 0;
	}
	
/* --------------------------------------------------------------- acces environnement logo ----------------------------------------------------------------- */
/*#acces{
	left:27px;
	top:-106px;	
}
*/
#acces{
	background:url("../images/bg_bubble_t.png") no-repeat 0 0 transparent;
	left:25px;
	padding-top:15px;
	position:absolute;
	top:18px;
	width:292px;
	z-index:62;
}

#acces div{
		background:transparent url(../images/bg_bubble_b.png) no-repeat left bottom;
		padding-bottom:15px;
	}
	
#acces p{
		background:transparent url(../images/bg_bubble_c.png) repeat-y 0 0;
		padding:0 20px;
		font-family:trebuchet MS;
		font-size:10px;	
		}	
#acces p strong{
		font-size:12px;
}	

.logo_handi2, .logo_env2{
position:absolute;
width:40px;
height:40px;
top:15px;
}
.logo_handi2{
left:460px;
}
.logo_env2{
left:520px;
}


/* --------------------------------------------------------------- logo handi + envir footer ----------------------------------------------------------------- */

/*.logo_handi_foot, .logo_env_foot{
width:60px;
height:60px;
text-align:center;
}
.logo_env_foot img{
margin-left:20px;
}
.logo_env_foot img, .logo_handi_foot img{
margin-top:10px;

}
*//* --------------------------------------------------------------- logo handi ptt parc-aqua ----------------------------------------------------------------- */
	
.marg_l{
margin-left:25px;
}
.marg_l img{
padding-top:3px;
}
.marg_l2{
margin-left:10px;
}

	.bloc1 ul, .bloc1 p{
		padding:5px 0;
	}