/* ############### PLAGE ############### */
/* MISE EN PAGE GENERALE */
/* TEXTE */
/* INTERFACE */
/* TABLE TABLEAU */
/* TABLE ACCUEIL_TARIFS */
/* TABLE TARIFS */
/* ACTUALITES */
/* HAUT DE PAGE */
/* ARBORESCENCE */
/* MENU */
/* BAS DE PAGE */
/* FORMULAIRE */
/* MOBILHOMES */

/* ############# MISE EN PAGE GENERALE ############# */
body {
	background-color: #00447e;
	color: #000000;
}

div.centrage {
	background-color: #58aee2;
	background: url(/interface/fond_degrade_bleu.gif) top left repeat-y;
	/*border: 1px solid yellow;*/
}

div.milieu {
	background: url(/interface/fond_plage.jpg) top left no-repeat;
	/*border: 1px solid red;*/
}

.contenu {
	color: #00447e;
	/*border: 1px solid green;*/
}

/* ############# TEXTE ############# */
h1 {
	/*display: block;
	height: 60px;
	overflow: hidden;
	text-indent: -2000px;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 15px 0px 20px 0px;*/
}

h2 {
	background: url("/interface/h2_fond.gif") top left repeat-x;
	font-size: 1.1em;
}
h3 {
}
.contenu p {
}
.important {
	color: #ff0000;
}
.texte_couleur {
}

a:link,a:visited { color: #00447e; text-decoration: underline; }
a:hover { color: #00447e; text-decoration: none; }
a:active { color: #fbc100; text-decoration: none; }

a.nonsouligne {
	text-decoration: none;
}

.encadre {
	border: 3px double #fbc100;
}
/* ########### INTERFACE ############ */
div.pdf_telecharger a {
	background: url("/interface/pdf_telecharger.gif") top center no-repeat;
}
div.pdf_telecharger_blanc a {
	background: url("/lac/interface/pdf_telecharger_blanc.gif") top center no-repeat;
}
div.supplements a {
	text-align: left;
	font-size: 0.85em;
	background: url("/interface/plus_supplements.gif") top center no-repeat;
}
/* Boutons réserver */
.bouton_reserver {
	/*border-color: #00447e;*/
	background-color: #fbc100;
}
/* Boutons tarifs */
a.bouton_tarifs {
	background:url(/interface/fond_bouton_tarifs_gauche.gif) left top no-repeat;
}
a.bouton_tarifs span.fond_bouton_tarifs {
	background:url(/interface/fond_bouton_tarifs_droite.gif) right top no-repeat;
}

/* ######### TABLE TABLEAU ######### */
table.tableau {
	border: 1px solid #00447e;
}

/* ######### TABLE ACCUEIL_TARIFS ######### */
table.accueil_tarifs {
	border: 1px solid #00447e;
}
table.accueil_tarifs a {
	font-weight: 700;
}
/* ####### TABLE TARIFS ####### */

table.tarifs {
	border: 1px solid #00447e;
}

table.tarifs th {
	border-left: 1px solid #ffffff;
}

table.tarifs td {
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

/* ########### ACTUALITES ########### */
div.actualites .coingh {
	background: url("/interface/infos/hg.gif") top left no-repeat;
}
div.actualites .coindh {
	background: url("/interface/infos/hd.gif") bottom right no-repeat;
}
div.actualites .coingb {
	background: url("/interface/infos/bg.gif") bottom left no-repeat;
}
div.actualites .coindb {
	background: url("/interface/infos/bd.gif") bottom right no-repeat;
}
div.actualites_contenu p {
	color: #00447e;
}

div.actualites_contenu a:link { color: #00447e; text-decoration: underline; font-weight:700; }
div.actualites_contenu a:hover { color: #fbc100; text-decoration: underline; font-weight:700; }
div.actualites_contenu a:active { color: #fbc100; text-decoration: none; font-weight:700; }
div.actualites_contenu a:visited { color: #00447e; text-decoration: none; font-weight:700; }

/* ########### HAUT DE PAGE ########### */
.haut_page {
	background-color: #58aee2;
	background: url(/interface/bandeau_haut.gif) top left no-repeat;
}
li.accueil_general a {
	margin-left: 15px;
}
li.fr a {
	background: url(/interface/haut_fr.gif) top left no-repeat;
}
li.en a {
	background: url(/interface/haut_en.gif) top left no-repeat;
}
li.de a {
	background: url(/interface/haut_al.gif) top left no-repeat;
}
li.ne a {
	background: url(/interface/haut_ne.gif) top left no-repeat;
}
li.lac a {
	width: 192px;
	margin-left: 103px;
	background: url(/interface/haut_lac.gif) top left no-repeat;
}
li.ville a {
	width: 236px;
	height: 53px;
	margin-left: 18px;
	background: url(/interface/haut_mimizan.gif) top left no-repeat;
}

/* ########### ARBORESCENCE ########## */
div.arbo {
	background-color: #58aee2;
}

/* ######### MENU ######### */
.logo {
	background: url(/interface/titre_plage.gif) top left no-repeat;
}

.bouton_paiement {
	border: 1px solid #58aee2;
	background-color: #58aee2;
	margin: 2em 0em 1.5em 0em;
}
.zone_inscription {
	width: 200px;
	border: 2px solid #ffffff;
	padding: 0.5em;
}
.zone_inscription .titre {
	color: #ffffff;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 5px;
}
.zone_inscription .titre img {
	float: left;
	margin: 0px 6px 0px 0px;
}
.picto_croix_orange {
	background: url(/interface/croix_orange.gif) 0px 3px no-repeat;
	padding-left: 15px;
}
.zone_inscription label {
	color: #00447e;
}
.zone_inscription input[type=submit] {
	font-size: 0.9em;
	padding: 0px;
}
div.labels {
	text-align: center;
	margin-top: 25px;
}
div.un_label {
	float: left;
}
div.un_label img {
	vertical-align: middle;
}
/* ########## BAS DE PAGE ######### */

.bas_page {
	background: url(/interface/bas_page_plage.jpg) bottom right no-repeat;
	z-index: 1;
}

.bas_page a:link { color: #ffffff; text-decoration: none; font-weight: bold;}
.bas_page a:hover { color: #00447e; text-decoration: underline; font-weight: bold;}
.bas_page a:active { color: #00447e; text-decoration: underline; font-weight: bold;}
.bas_page a:visited { color: #ffffff; text-decoration: none; font-weight: bold;}

/* ########### FORMULAIRE ############ */
legend {
	color: #00447e;
}
label {
	font-weight: normal;
	display:block;
}
input,textarea {
	border: 1px solid #58aee2;
}
.obligatoire {
	border-color: #fbc100;
}
input[type=submit] {
	background-color: #00447e;
	cursor: pointer;
}
input[type=submit]:hover {
	background-color: #fbc100;
}
/* ########### FORMULAIRE abonnement lettre info ############ */
form.lettre_info label {
	width: 260px;
}
/* ######################################## */

/* ########### MOBILHOMES ############## */
.descriptif_mobilhome {
	position: relative;
	width: 436px;
	height: 400px;
	border-bottom: 1px solid #00447e;
}
#deux_pieces, #trois_pieces, #mobilhome_adapte {
	position: absolute;
	width: 560px;
	height: 400px;
	z-index: 1;
}
#trois_pieces, #mobilhome_adapte {
	visibility: hidden;
}
.colonne_texte {
	float: right;
	width: 320px;
	height: 360px;
	overflow: auto;
}