/* ############### GENERAL ############### */
/* MISE EN PAGE GENERALE */
/* TEXTE */
/* INTERFACE */
/* NOMBRE DE PAGES */
/* TABLE */
/* TABLE TABLEAU */
/* TABLE ACCUEIL_TARIFS */
/* TABLE TARIFS */
/* ACTUALITES */
/* HAUT DE PAGE */
/* ARBORESCENCE */
/* MENU */
/* BAS DE PAGE */
/* FORMULAIRE */
/* PHOTOTHEQUE */

/* ############# MISE EN PAGE GENERALE ############# */
* {
	font-family: "Century Gothic", arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 0.7em;
	background-color: #00447e;
	color: #ffffff;
}

div.centrage {
	margin-left: 5%;
	margin-right: 5%;
	width: 920px;
}

div.milieu {
	width: 100%;
	position: relative;
}

.contenu {
	vertical-align: top;
	margin-left: 260px;
	margin-right: 30px;
	padding-top: 50px;
}

/* ############# TEXTE ############# */
h1 {
	/*height: 60px;
	overflow: hidden;
	display: block;
	text-indent: -2000px;
	background-position: top center;
	background-repeat: no-repeat;*/
	font-size: 2.4em;
	font-style: italic;
	background: url('/interface/nuage.gif') center left no-repeat;
	margin: 15px 0px 20px 100px;
	padding: 8px 0px 7px 30px;
	width: 365px;
}

h2 {
	padding: 5px 10px 5px 10px;
	margin-top: 0.6em;
	margin-bottom: 0.3em;
	font-size: 1.1em;
	font-weight: 700;
	color: #ffffff;
}
h3 {
	font-size: 1.1em;
	font-weight: 700;
	margin-top: 0.6em;
	margin-bottom: 0.3em;
	background: url('/interface/puce_grosse.gif') 0px 0px no-repeat;
	padding-left: 13px;
}
.contenu p {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	margin-right: 13px;
	text-align: justify;
}
small {
	font-size: 0.8em;
}

strong {
	font-weight: 700;
}

.important {
	color: #ff0000;
	font-weight: 700;
}
.texte_couleur {
	color: #CC6600;
	font-weight: 700;
}
.texte_gris {
	font-weight: normal;
	color: #999999;
	font-style: italic;
}
.contenu img {
	border: none;
}
.contenu img.right {
	float: right;
	margin: 2px 0px 2px 13px;
}
.contenu img.left {
	float: left;
	margin: 2px 13px 2px 0px;
}

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;
}

.contenu ul {
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding-left: 20px;
	list-style-image: url("/interface/puce_bleue.gif");
}
.contenu li {
	margin-bottom: 0.4em;
}
ul.services {
	text-align: justify;
	margin: 0px;
	padding-left: 26px;
	list-style-image: url("/interface/puce_grosse.gif");
}
.encadre {
	border: 1px solid #00447e;
	margin: 1em 0 1.5em 0;
	padding: 5px;
	background-color: #ffffff;
	border-radius: 13px 13px;
	-moz-border-radius: 13px;
	clear: right;
}
.encadre p {
	text-align: left;
}
p.cadre_avis {
	background-image: url(/interface/pxl_opacite60.png);
	padding: 0.8em;
}
hr {
	height: 1;
	border: none;
	border-top: 1px dashed #ffffff;
}
div.colonne_gauche {
	position: relative;
	padding-right: 190px;
}
div.colonne_droite {
	position: absolute;
	top: 0px;
	left: 460px;
	width: 170px;
	/*border: 1px solid black;*/
}
/* ########### INTERFACE ############ */
div.imagemap {
	position: relative;
	display: block;
}
div.imagemap a {
	position: absolute;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
}
div.pdf_telecharger a, div.pdf_telecharger_blanc a {
	font-size: 0.85em;
	float: left;
	width: 160px;
	margin: 3px 10px 10px 10px;
	text-align: center;
	padding-top: 50px;
}
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.tarifs_telecharger a {
	font-size: 0.85em;
	/*float: left;*/
	position: absolute;
	top: 42px;
	left: 750px;
	
	height: 50px;
	width: 118px;
	/*margin: 3px 10px 10px 10px;*/
	background: url("/interface/tarifs_telecharger.gif") top center no-repeat;
	text-align: center;
	padding-top: 50px;
}
div.supplements a {
	text-align: left;
	font-size: 0.85em;
	float: left;
	margin: 3px 10px 10px 10px;
	background: url("/interface/plus_supplements.gif") top center no-repeat;
	text-align: center;
	padding-top: 41px;
}
div.retour {
	margin-left: 210px;
	margin-top: 10px;
	background: url("/interface/retour.gif") 0px 0px no-repeat;
	text-align: left;
	padding: 4px 0px 4px 33px;
	clear: both;
}
/* Boutons réserver */
.bouton_reserver {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	margin-left: 30px;
	margin-right: 30px;
	border: 3px outset #fbc100;
	cursor: pointer;
	height: 20px;
}
/* Boutons tarifs */
p.bouton_tarifs {
	/*padding: 0 45%;*/
}
a.bouton_tarifs {
	height: 32px;
	display:-moz-inline-box;
	display:inline-block;
	background:url(/interface/fond_bouton_tarifs_gauche.gif) left top no-repeat;
	text-decoration: none;
	cursor: pointer;
}
a.bouton_tarifs span.fond_bouton_tarifs {
	margin-left: 27px;
	height: 32px;
	display:-moz-inline-box;
	display:inline-block;
	padding-top: 9px;
	padding-right: 15px;
	background:url(/interface/fond_bouton_tarifs_droite.gif) right top no-repeat;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
a.bouton_tarifs:hover span.fond_bouton_tarifs {
	color: #fbc100;
}

/* ########### NOMBRE DE PAGES ############## */
div.nombre_page {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.nombre_page .actuel {
	border: 1px solid #808080;
	padding: 2px;
}
div.nombre_page a.debut {
	margin-right: 6px;
}
div.nombre_page a.fin {
	margin-left: 6px;
}
div.nombre_page a.precedent {
	margin-right: 6px;
}
div.nombre_page a.suivant {
	margin-left: 3px;
}

/* ######### TABLE ######### */
table {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1em; /* pour explorer 5.0 */
}
/* ######### TABLE TABLEAU ######### */
table.tableau {
	border: 1px solid #00447e;
	border-spacing: 0px;
}
table.tableau th {
	font-weight: 700;
}
table.tableau th, table.tableau td {
	padding: 5px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
/* ######### TABLE ACCUEIL_TARIFS ######### */
table.accueil_tarifs {
	border: 1px solid #00447e;
	border-spacing: 0px;
}
table.accueil_tarifs td {
	padding: 5px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	vertical-align: bottom;
	text-align: center;
	font-weight: 700;
}
table.accueil_tarifs img {
	margin: 5px;
}
table.accueil_tarifs a {
	text-decoration: none;
	font-weight: 700;
}
/* ####### TABLE TARIFS ####### */

table.tarifs {
	border: 1px solid #00447e;
	border-spacing: 0px;
	width: 600px;
}

table.tarifs th {
	padding: 5px;
	font-weight: 700;
	text-align: center;
	vertical-align: top;
	background-color: #FFFBDD;
	border-left: 1px solid #ffffff;
}

table.tarifs td {
	padding: 5px;
	vertical-align: middle;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
table.tarifs img {
	margin: 0px;
	margin-left: 3px;
	vertical-align: bottom;
}

/* ########### ACTUALITES ########### */
div.actualites {
	position: relative;
	width: 460px;
	clear: both;
}
div.actualites .haut {
	height: 73px;
}
div.actualites .coingh {
	height: 73px;
	width: 447px;
	background: url("/interface/infos/hg.gif") top left no-repeat;
}
div.actualites .coindh {
	height: 73px;
	width: 460px;
	background: url("/interface/infos/hd.gif") bottom right no-repeat;
}
div.actualites .coingb {
	width: 447px;
	background: url("/interface/infos/bg.gif") bottom left no-repeat;
}
div.actualites .coindb {
	width: 13px;
	width: 460px;
	background: url("/interface/infos/bd.gif") bottom right no-repeat;
}
div.actualites .actualites_contenu {
	padding: 0px 10px 20px 20px;
	border-top: 1px solid #ffffff;
}
div.actualites h1 {
	background-image: none;
	color: #ffffff;
	background-color: #fbc100;
	font-size: 1.4em;
	letter-spacing: 0.4em;
	width: 300px;
	height: 23px;
	position: absolute;
	top: 27px;
	left: 80px;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
div.actualites h2 {
	color: #fbc100;
	font-size: 1.2em;
	background-image: none;
	padding: 0px;
	margin-top: 0px;
}
div.actualites_contenu p {
	color: #00447e;
	text-align: justify;
}
div.actualites_contenu img {
	float: right;
	margin-left: 5px;
}

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 {
	width: 100%;
	height: 53px;
	background-color: #58aee2;
	background: url(/interface/bandeau_haut.gif) top left no-repeat;
}
.haut_page ul {
	padding: 0px;
	margin: 0px;
	list-style-image: url("/interface/pxl_transparent.gif"); /* pour qu'explorer 5.0 affiche le menu */
}
.haut_page li {
	float: left;
}
.haut_page a {
	display: block;
	height: 28px;
	text-indent: -2000px;
	overflow: hidden;
}
li.passer_menu a {
	width: 0px;
}
li.accueil_general_fr, li.accueil_general_al, li.accueil_general_en, li.accueil_general_ne {
	width: 182px;
	margin-left: 15px;
}
li.accueil_general_fr a {
	background: url(/interface/haut_accueil_fr.gif) top left no-repeat;
}
li.accueil_general_al a {
	background: url(/interface/haut_accueil_al.gif) top left no-repeat;
}
li.accueil_general_en a {
	background: url(/interface/haut_accueil_en.gif) top left no-repeat;
}
li.accueil_general_ne a {
	background: url(/interface/haut_accueil_ne.gif) top left no-repeat;
}
li.fr a {
	width: 32px;
	margin-left: 10px;
	background: url(/interface/haut_fr.gif) top left no-repeat;
}
li.en a {
	width: 32px;
	background: url(/interface/haut_en.gif) top left no-repeat;
}
li.de a {
	width: 32px;
	background: url(/interface/haut_al.gif) top left no-repeat;
}
li.ne a {
	width: 32px;
	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 {
	color: #ffffff;
	font-size: 0.85em;
	position: absolute;
	top: 15px;
	left: 260px;
	background-color: #58aee2;
	padding: 5px;
}

div.arbo a:link { color: #ffffff; text-decoration: underline; font-weight:700; }
div.arbo a:hover { color: #ffffff; text-decoration: none; font-weight:700; }
div.arbo a:active { color: #ffffff; text-decoration: underline; font-weight:700; }
div.arbo a:visited { color: #ffffff; text-decoration: underline; font-weight:700; }

/* ######### MENU ######### */
#menu {
	float: left;
	vertical-align: top;
	padding-left: 18px;
}
.logo {
	display: block;
	height: 173px;
	width: 216px;
	text-indent: -2000px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 15px;
}
#menu img {
	border: none;
}
dl#menu_dl {
	width: 200px;
}
div#menu dl, div#menu dt, div#menu dd, div#menu ul, div#menu li {
	list-style-type: none;
	z-index: 6;
}
#menu dt.dt1 {
	cursor: pointer;
	/*width: 200px;
	font-size: 1em;
	font-weight: bolder;
	line-height: 1em;
	text-align: right;
	margin-top: 3px;*/
}
#menu dt.dt1 a, #menu dt.dt1_selected a {
	text-decoration: none;
	color: #00447e;
	font-size: 1.2em;
	font-weight: bolder;
	text-align: left;
	padding: 2px 5px 4px 21px;
	background: url('/plage/interface/puce_menu.gif') 8px 4px no-repeat;
	border-bottom: 1px solid #58aee2;
	display: block;
	/*width: 204px;  C'est moins que la largeur du menu à cause du padding qui décale */
	height: 100%;
}
#menu dt.dt1 a:hover, #menu dt.dt1_selected a {
	color: #ffffff;
	background-color: #00447e;
	border-bottom: 1px solid #00447e;
}
/* Sous menu */
#menu dd.dd1 {
	display: none;
}
#menu ul {
	margin: 0px;
	/*list-style-image: url('/interface/puce_sousmenu.gif');
	list-style-position: inside;*/
	padding: 0px 0px 7px 0px;
	font-weight: bold;
	border-bottom: 1px solid #58aee2;
}
#menu li {
	list-style: url('/interface/puce_sousmenu.gif') outside;
	margin: 0px;
	margin-left: 15px;
	padding-left: 0px;
	border-bottom: 1px solid #ffffff;
	/*font-size: 0.9em;
	font-weight: normal;
	text-align: left;*/
	
	/*border-bottom: 1px solid #cccccc;*/
	/*list-style-image: url(/interface/puce_fleche_jaune.gif);
	list-style-position: inside;*/
	/*background-color: #58aee2;
	width: 214px;*/
}
#menu li a {
	display: block;
	text-indent: 0px;
	text-decoration: none;
	font-weight: 400;
	padding: 1px 0px 1px 3px;
}
#menu li a:hover, #menu li a.sousmenu1_select {
	background-color: #58aee2;
}
#menu li a:visited {
	text-decoration: none;
}

.bouton_paiement {
	border: 1px solid #58aee2;
	background-color: #58aee2;
	width: 200px;
	margin: 2em 0em 1.5em 0em;
	padding: 0.5em 0.5em 0.5em 0px;
}
.bouton_paiement img {
	float: left;
	margin: 0px 3px 0px 0px;
}
.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;
	width: 234px;
}
div.un_label {
	float: left;
	padding: 7px;
	width: 70px;
	height: 40px;
}
div.un_label img {
	vertical-align: middle;
}
/* ########## BAS DE PAGE ######### */

.bas_page {
	color: #ffffff;
	background: url(/interface/bas_page_plage.jpg) bottom right no-repeat;
	height: 191px;
	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;}

.coordonnees {
	font-size: 0.85em;
	font-weight: bold;
	text-align: left;
	padding: 80px 0px 0px 15px;
}

/* ######################################## */


/* ########### FORMULAIRE ############ */
fieldset {
	border: 1px solid #ffffff;
	margin: 0px;
	padding: 3px;
	margin-bottom: 5px;
}
legend {
	margin-bottom: 5px;
	padding-left: 5px;
	font-weight: 700;
	color: #00447e;
}
label {
	font-weight: normal;
	display:block;
	float:left; 
	width:110px;
}
label.label_long {
	width:400px;
}
input,textarea {
	font-size: 1em;
	border: 1px solid #58aee2;
	margin: 1px;
}
.obligatoire {
	border-color: #fbc100;
}
input[type=submit] {
	font-size: 1.3em;
	color: #ffffff;
	font-weight: bold;
	background-color: #00447e;
	border-color: #ffffff;
	margin-left: 0%;
	padding: 3px;
	cursor: pointer;
}
input[type=submit]:hover {
	background-color: #fbc100;
}
/* ########### FORMULAIRE abonnement lettre info ############ */
form.lettre_info label {
	width: 260px;
}
/* ######################################## */

/* ############### PHOTOTHEQUE ############### */
div.une_photo {
	float: left;
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 5px;
}
div.une_photo img {
	border: 5px solid #ffffff;
}
/* ######################################## */