@charset "utf-8";
/* CSS Document */
#centre_activites{
	width:878px;
	margin:0 auto 30px;
	padding:0;
	text-align:left;
	}
#menu_activites{
	width:876px;
	height:32px;
	background:url(images/menu_activites_montagne.jpg) top left no-repeat;
	margin:0;
	padding:0;
	}
#menu_activites_montagne{
	width:819px;
	height:32px;
	background:url(images/menu_activites_montagne.jpg) top left no-repeat;
	margin:0;
	padding:0 0 0 57px;
	}
#menu_activites_mer{
	width:819px;
	height:32px;
	background:url(images/menu_activites_mer.jpg) top left no-repeat;
	margin:0;
	padding:0 0 0 57px;
	}
#menu_activites_hotel{
	width:819px;
	height:32px;
	background:url(images/menu_activites_hotel.jpg) top left no-repeat;
	margin:0;
	padding:0 0 0 57px;
	}
.link_activites a{
	width:258px;
	height:32px;
	float:left;
	text-align:center;
	}
.principale{
	width:282px;
	height:32px;
	float:left;
	text-align:center;
	}
.principale_hotel{
	width:280px;
	height:32px;
	float:left;
	text-align:center;
	}
#btn_hotel a:hover{
	background:url(images/hotel_hover.jpg) bottom left no-repeat;
	}
#btn_montagne a:hover{
	background:url(images/montagne_hover.jpg) bottom left no-repeat;
	}
#btn_montagne_hotel a:hover{
	background:url(images/montagne_hover_hotel.jpg) bottom left no-repeat;
	}
#btn_mer a:hover{
	background:url(images/mer_hover.jpg) bottom left no-repeat;
	}
#btn_mer_hotel a:hover{
	background:url(images/mer_hover_hotel.jpg) bottom left no-repeat;
	}
#colonne_gauche_spirales{
	width:27px;
	height:531px;
	margin:0;
	padding:0;
	background:url(images/spirale_gauche.jpg) top left no-repeat;
	float:left;
	}
#colonne_droite_activites{
	width:846px;
	height:531px;
	margin:0;
	padding:0;
	background:url(images/fond_carnet_activites.jpg) top left no-repeat #fff;
	float:left;
	border-right:solid #a5a5a5 1px;
	}
#bas_activites{
	width:876px;
	height:6px;
	background:url(images/bas_activites.jpg) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
	}
#colonne_d_ecartement_1{
	width:24px;
	height:465px;
	float:left;
	}
#vignettes_activites{
	width:282px;
	height:465px;
	background:url(images/fond_vignettes_activites.jpg) top left no-repeat;
	margin:36px 0 0 0;
	padding:0;
	float:left;
	}
#visu_info_activites{
	width:493px;
	height:500px;
	margin:0;
	padding:0;
	float:left;
	}
#visu_activites{
	width:493px;
	height:350px;
	background:url(images/fond_visu_activites.jpg) top left no-repeat;
	margin:36px 0 0 0;
	padding:14px 0 0 0;
	}
#info_activites{
	width:493px;
	height:104px;
	background:url(images/fond_desc_visu_activites.jpg) top left no-repeat;
	margin:0;
	padding:36px 0 0 10px;
	}
#cont_vig_activites{
	width:264px;
	margin:13px 0 10px 13px;
	padding:0;
	text-align:center;
	}
.img_activites{
	width:124px;
	height:124px;
	margin:0 6px 20px 0;
	padding:0;
	background:url(images/protos.png) top left repeat;
	float:left;
	border:inset #ebebeb 1px;
	}
#visu_prin_activites{
	width:463px;
	height:295px;
	padding:0;
	background:url(images/protos.png) top left repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border:inset 1px #ebebeb;
	}
#txt_info_activites{
	width:464px;
	height:50px;
	margin:0;
	padding:0;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	}
	
/******************************sous menu activite hotel******************************************/
	
#menu_loisir_nautique {
width:260px;
height:40px;
display:block;
background:url(images/act_hotel_titre_loisirs_nautiques.jpg) no-repeat top left;
}	

#menu_balades_sonores {
width:260px;
height:40px;
display:block;
background:url(images/act_hotel_titre_balade.jpg) no-repeat top left;
}	

#menu_ecole_voile {
width:260px;
height:40px;
display:block;
background:url(images/act_hotel_titre_voile.jpg) no-repeat top left;
}

#menu_ski {
width:260px;
height:40px;
display:block;
background:url(images/act_hotel_titre_ski.jpg) no-repeat top left;
}


/*****************************galerie************************************/
.SlidingPanels {

	width: 464px;
	height: 296px;
}
.SlidingPanelsContent {
float:left;
	width: 464px;
	height: 296px;
}

.SlidingPanelsContentGroup {
	width: 2784px;
	height: 296px;
}
#bandeau_activites{
	width:876px;
	height:73px;
	margin:0 auto 14px;
	padding:0;
	background:url(images/bandeau_activites.jpg) top left no-repeat;
	}
/*************************************Hôtel****************************************/
#centre_activites_hotel{
	width:878px;
	margin:0 auto 30px;
	padding:0;
	text-align:left;
	}
#colonne_gauche_spirales_hotel{
	width:27px;
	height:556px;
	margin:0;
	padding:0;
	background:url(images/spirale_gauche.jpg) top left repeat-y;
	float:left;
	}
#colonne_droite_activites_hotel{
	width:846px;
	height:556px;
	margin:0;
	padding:0;
	background:url(images/fond_carnet_activites.jpg) top left no-repeat #fff;
	float:left;
	border-right:solid #a5a5a5 1px;
	}
#block_picto_visu{
	width:846px;
	margin:20px auto 0;
	padding:0;
	}
#haut_block_pictos_visu{
	width:786px;
	margin:0 auto;
	padding:0;
	background:url(images/fond_haut_hotel.jpg) top left no-repeat;
	}
#bas_block_pictos_visu{
	width:786px;
	height:10px;
	margin:0 auto;
	padding:0;
	background:url(images/fond_bas_hotel.jpg) top left no-repeat;
	clear:both;
	}
#colonne_d_ecartement_2{
	width:10px;
	height:30px;
	float:left;
	}
#colonne_d_ecartement_3{
	width:26px;
	height:230px;
	float:left;
	}
#pictos_hotel{
	width:260px;
	height:230px;
	margin:44px 0 0 0;
	padding:0;
	float:left;
	}
	
	
	
	
	
	
.vignette_pictos_hotel{
	width:129px;
	height:40px;
	margin:0 0 2px 0;
	padding:0;
	background:url(images/protos.png) top left repeat;
	float:left;
	border-right:dashed #000 1px;
	}
#vision_hotel{
	width:488px;
	height:355px;
	margin:1px 0 0 0;
	padding:0;
	float:left;
	}
#visu_princ_hotel{
	width:462px;
	height:272px;
	margin:12px auto 0;
	padding:0;
	background:url(images/protos.png) top left repeat;
	border:inset #999 1px;
	}
	
#visu_princ_hotel_balade{
	width:462px;
	height:272px;
	margin:12px auto 0;
	padding:0;

	border:inset #999 1px;
	}
	
#visu_princ_hotel_loisirs{
	width:462px;
	height:272px;
	margin:12px auto 0;
	padding:0;

	border:inset #999 1px;
	}	
#visu_princ_hotel_ski{
	width:462px;
	height:272px;
	margin:12px auto 0;
	padding:0;

	border:inset #999 1px;
	}	
	
#bande_vignettes_hotel{
	width:464px;
	margin:10px auto 0;
	padding:0;
	}
.vignette_visu_hotel{
	width:72px;
	height:46px;
	margin:0 10px 0 0;
	padding:0;
	background:url(images/protos.png) top left repeat;
	border:inset #999 1px;
	float:left;
	}
#block_picto_desc{
	width:846px;
	margin:10px auto 0;
	padding:0;
	}
.haut_block_picto_desc{
	width:786px;
	margin:0 auto;
	padding:36px 0 0;
	background:url(images/fond_desc_hotel.jpg) top left no-repeat;
	}
.desc_visu_hotel{
	width:764px;
	margin:0 auto;
	padding:0;
	}
.title_activ_hotel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#036;
	font-weight:bold;
	padding: 0 0 5px 7px;
	}
.desc_activ_hotel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	font-weight: normal;
	}
#picto_hotel{
	width:62px;
	height:62px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background:url(images/protos.png) top left repeat;
	}
	
#picto_hotel_ski{
	width:62px;
	height:62px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background:url(le-pinarello/activites/hotel/pictos62/picto_ski_nautique.jpg)
	}	

#picto_hotel_mer{
	width:62px;
	height:62px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background:url(le-pinarello/activites/hotel/pictos62/picto_mer.jpg)
	}	


#picto_hotel_location{
	width:62px;
	height:62px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background:url(le-pinarello/activites/hotel/pictos62/picto_location.jpg)
	}	
#picto_hotel_balade{
	width:62px;
	height:62px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background:url(le-pinarello/activites/hotel/pictos62/picto_balade.jpg)
	}	
#picto_hotel_voile{
	width:62px;
	height:62px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background:url(le-pinarello/activites/hotel/pictos62/picto_voile.jpg)
	}			
		
.bas_block_picto_desc{
	width:786px;
	height:18px;
	margin:0 auto;
	padding:0;
	background:url(images/fond_desc_hotel_bas.jpg) bottom left no-repeat;
	clear:both;
	}
	
.conteneur_pince_desc{
	width:846px;
	margin:10px auto 0;
	padding:0;
	}	
	
	
.haut_block_pince_desc { 
padding:36px 0 0;
margin:0 auto;
width:786px;
background:url(images/fond_pince_haut.jpg) no-repeat;


}

.contenu_block_pince_desc {
	width:764px;
	margin:0;
	padding:10px 11px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/fond_pince_milieu.jpg) repeat-y;
	height:auto;
}

.bas_block_pince_desc{
	width:786px;
	height:18px;
	margin:0 auto;
	padding:0;
	background:url(images/fond_pince_bas.jpg) bottom left no-repeat;
	clear:both;
	}	
	
#title_activite_voile{
	background-image:url(images/titre_activite_voile.jpg);
	background-repeat:no-repeat;
	float:left;
	width:680px;
	height:38px;
	background-position: -10px 0;
	}


#title_activite_balade{
	background-image:url(images/titre_activite_balade.jpg);
	background-repeat:no-repeat;
	float:left;
	width:680px;
	height:38px;
	background-position: -10px 0;
	}

#title_activite_ski_nautique{
	background-image:url(images/titre_activite_ski_nautique.jpg);
	background-repeat:no-repeat;
	float:left;
	width:680px;
	height:38px;
	background-position: -10px 0;
	}
#title_activite_loisirs_nautiques{
	background-image:url(images/titre_activite_loisirs_nautiques.jpg);
	background-repeat:no-repeat;
	float:left;
	width:680px;
	height:38px;
	background-position: -10px 0;
	}
/******************************tableaux************************************/

/*********************************************************************************************************/

.fond_bleu{
	background-color:#184272;
	color:#fff;
	}
.fond_blanc{
	
	color:#184272;
	}
	
.pt_bleu {
padding-right:5px;
border-left:1px dotted #184272;
}

.pt_blanc{ 
padding-right:5px;
border-left:1px dotted #fff;
}

.tab_tarifs {
	border:1px solid #184272;
	font-size:11px;
	margin-bottom: 20px;
}
#colonne_d_ecartement1{
	width:20px;
	height:400px;
	float:left;
	}
#colonne_d_ecartement2{
	width:40px;
	height:400px;
	float:left;
	}