/* CSS Document */

* { margin:0; padding:0; }
img { border: 0;}

.centre_mz {
	margin:0 auto;  	
}

.texte_centre {
	text-align: center !important;	
}

.texte_centre_vertical {
	vertical-align: middle !important;	
}

.texte_justifie {
	text-align: justify !important;	
}

html {
	background: url(../images/fond_sable.jpg) #B59C73;
}

body {
	/*background: url(../images/carte_postale.gif) center no-repeat;*/
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

.container {
	width:800px;
	height:100%;
	text-align:center;
}

.global {
	float:left;
	text-align: left ;
	width: 778px;
	padding-left:40px;
	display: inline; /* hack pour pb de double marge dans ie */
}

.bloc_haut {
	background:url(../images/fond_haut.gif) top left no-repeat;
	width:738px;
	height:292px;
}

.bloc_contenu {
	background:url(../images/fond_contenu.gif) left repeat-y #fff;
	width:708px;
	min-height:400px;
	
}

.cadre_contenu {
	width:656px;
	padding:5px 0 10px 25px;
	overflow:hidden;
}

.bloc_bas {
	background:url(../images/fond_bas.gif) left top no-repeat;
	width:708px;
	padding:20px 0 10px 0;
	text-align:center;
}

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

h1 {
	font-size:30px;
	font-weight:bold;
	color:#6699CC;
}

p { line-height:1.5em; margin:5px 0 5px 0; }

.texte {
	color: #000000;
	text-decoration: none;
	text-align:justify;
	line-height:normal;
}

.texte em {
	font-weight:bold;
}

p.texte { line-height:1.5em; margin:5px 0 5px 0; }

a.texte {
	color: #000000;
	border-bottom:1px dashed #CCCCCC;
	text-decoration: none;
}

a.texte:hover {
	color: #FF6600;	
	border-bottom:0px;
	text-decoration: none;
}

.normal {
	text-align:left;
}

a.link {
	font-size: 12px;
	color: #CCCCCC;
	border-bottom:1px dashed #CCCCCC;
	text-decoration: none;	
}

a.link:hover {
	font-size: 12px;
	color: #FF6600;	
	border-bottom:0px;
	text-decoration: none;
}

.link:after {
	margin-left:4px;
	content:url(../images/link_out.jpg);
}

h1.titre_principal {
	float:left;
	font-size:30px;
	font-weight:bold;
	color:#EDEDE5;
	margin:250px 0 0 40px;
}

/* titre de chaque section */
h2 {
	height:31px;
	margin:5px 0 10px 0;
	/*
	background:url(../images/soleil.jpg) left no-repeat;	
	padding:6px 0 0 38px;
	*/
	background:url(../images/palmier.jpg) left no-repeat;	
	padding:6px 0 0 50px;
	font-size: 20px;
	color:#6699CC;
	text-decoration:none;
}

h2 a {
	height:31px;
	margin:0;
	/*
	background:url(../images/soleil.jpg) left no-repeat;	
	padding:6px 0 0 38px;
	*/
	font-size: 20px;
	color:#6699CC;
	text-decoration:none;
}

h2 span {
	text-decoration: none;
	line-height:normal;
	font-size:14px;
	color:#FF6600;
}

.bleu {
	color:#6699CC;
}

.orange {
	color:#FF6600;
}

.titre_section {	
	font-size: 20px;
}

li {
	list-style-image: url(../images/puce_li.jpg);
}

.loupe	{text-align:center;float:left}

/*****************************************************************
						MENU PRINCIPAL
*****************************************************************/

.bloc_menu {
	float:left;
	padding:145px 0 0 60px;
	display:block;
	width:120px;
}

ul#menu { 
	text-align:left;
	margin:0 auto;
	vertical-align:middle;
}

#menu li {	
	list-style-image:url(../images/puce_menu.jpg);
	line-height:1.5em;
}

#menu li:hover {
	border-right:3px solid #CCCCCC;
	font-style:italic;
}

#menu li#selected {
	border-right:3px solid #FF6600;
}
/*****************************************************************
							Bannière
*****************************************************************/

.bloc_banniere {
	clear:both;
	width:100%;
	margin:10px 0 10px 0;
	text-align:center;
}

img.bloc_banniere_cadre {
	margin:10px 10px 10px 10px;
	border:1px solid #E0E0D4;
}

.bloc_pub {
	float:none;
	margin:5px 0 5px 0;
	width:100%;
	text-align:center;
}

/*****************************************************************
							Résidence
*****************************************************************/

.bloc_residence_description {
	float:left;
	margin:10px 0 10px 65px;
	text-align:left;
}

.bloc_residence_description ul {
	margin-left:20px;
}

.bloc_activites_description {
	margin:10px 0 10px 40px;
	text-align:left;
}

.bloc_appart {
	clear:both;
	margin-top:20px;	
}

.bloc_residence_photo {
	clear:both;
	width:100%;
	margin:10px 0 10px 0;
	text-align:center;
}

.bloc_residence_photo img {
	min-height:20px;
	min-width:20px;
	background:url(../images/loading.gif) 50% 50% no-repeat;
}

a.bloc_residence_photo {
	float:left;
	margin:10px 20px 10px 20px;
}

.bloc_residence_photo a img:hover {
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.snom_appart {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
}

.bout_haut {
	width:100%;
	padding-right:10px;
	text-align:right;
}

.bout_haut a {
	font-size:9px;
	color:#999999;
	text-decoration:none;
}

.bout_haut a:hover {
	border-bottom:1px dashed #999999;
}

.bloc_bouton {
	width:100%;
	text-align:left;
	font-weight:bold;
	margin-bottom:30px;
}

.bloc_bouton a {
	color:#339900;
}

.bloc_reserver {
	background:url(../images/bouton_reserver.jpg) 5px no-repeat;
	padding:5px 5px 2px 30px;
	margin:5px 10px 5px 10px;
	border:1px solid #E0E0D4;
	float:left;
}

.bloc_tarifs {
	background:url(../images/bouton_tarifs.jpg) 5px no-repeat;
	padding:5px 5px 2px 30px;
	margin:5px 10px 5px 10px;
	border:1px solid #E0E0D4;
	float:left;
}

/*****************************************************************
							Résidence
*****************************************************************/

.bord10 {
	margin:10px;
}

/******************************************************
						TARIFS
******************************************************/

.info_tarifs {
	width:99%;
	margin:5px 0 5px 0;
	padding:10px 0 10px 0;
	border:2px dashed red;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

.centrer table {
	text-align:center;
}

td.grayfill {
	 color : #000000;
	 background-color : #fBfBfB;
	 border : 1px solid #BCBCBC;
	 background:url(../images/soleil_grayfill.jpg) bottom right no-repeat;
	 height:40px;
} 

td.blankfill {
	 color : #000000;
	 border : 1px solid #BCBCBC;
}

td.titre_tableau {
	font-size:20px;
	font-weight:bold;
	color:#6699CC;
	text-align:center;
}

td.cel_titre {
	font-weight:bold;
	color:#6699CC;
	text-align:left;
	padding-left:4px;
	width:250px
}

td.cel_info {
	text-align:right;
	padding-right:4px;
	color:#FF6600;
	font-weight:bold;
}

td.bas_tableau {
	text-align:center;
}

div.mocle{
	font-size:8px;
	color:#CCCC99;
}