/* CSS Document */
/* CSS issu des tutoriels css.alsacreations.com */
/* Adapté par Zorilla prod. */
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background: black url(../_i/fond.png) 0 0 repeat;
/*color: #544330;*/
}


hr.clear {
background-color: none;
border: none;
margin: 0;
padding: 0;
height: 0;
color: #f3f1e4;
border-color: #f3f1e4;
background-color: #f3f1e4;
}

.clear {
clear: both;
}

.hide {
position: absolute;
top: -5000px;
left: -5000px;
text-indent: -5000px;
}

.center {
text-align: center;
}
.right {
text-align: right;
}
.left {
text-align: left;
}


img,
a img {
border: none;
}

a {
color: #235a92;
}

h4 {
	font-size: 1em;
}

#header {
position: relative;
height: 237px;
}
#head1 {
height: 57px;
background: black url(../_i/header1.jpg) center center no-repeat;
}
#head1 a#bnt_fr,
#head1 a#bnt_uk,
#head1 a#bnt_nl,
#head1 a#bnt_it,
#head1 a#bnt_de,
#head1 a#bnt_es,
#head1 a#bnt_cn,
#head1 a#bnt_da,
#head1 a#bnt_cz {
display: block;
position: absolute;
width: 30px;
height: 28px;
top: 9px;
left: 237px;
z-index: 20;
/*border: 1px solid yellow;*/
}
#head1 a#bnt_uk {
left: 277px;
}
#head1 a#bnt_nl {
left: 317px;
}
#head1 a#bnt_it {
left: 357px;
}
#head1 a#bnt_de {
left: 397px;
}
#head1 a#bnt_es {
left: 437px;
}
#head1 a#bnt_cn {
left: 477px;
}
#head1 a#bnt_da {
left: 517px;
}
#head1 a#bnt_cz {
left: 557px;
}


#head2 {
height: 180px;
background: #f3f1e4 url(../_i/header2.jpg) center center no-repeat;
}

#head2 #imgmap {
display: block;
position: absolute;
/*zoom:1;*/
top: 113px;
left: 0;
width: 405px;
height: 68px;
}


#head2 #bread {
font-size: 0.85em;
display: block;
text-align: center;
position: absolute;
bottom: 0;
_top: 180px;
left: 12px;
width: 145px;
height: 25px;
/*overflow: hidden;*/
color: #544330;
}




#haut {
position: relative;
height: 30px;
background-color: #f3f1e4;
text-align: right;
}


#conteneur {
position: relative;
width: 780px;
margin: 0 auto;
background-color: #f3f1e4;
}


#centre {
position: relative;
background-color:#f3f1e4;
margin-left: 200px;
min-height: 680px;
_height: 680px;
	background: #f3f1e4 url(../_i/ports_bas.jpg) right bottom no-repeat;
}


#gauche {
position: absolute;
left: 0;
/*top: 0;*/
width: 200px;
height: 406px;/**/
z-index: 2;
}

#gauche h3 {
margin: 0;
padding: 0;
position: relative;
text-align: center;
height: 26px;
width: 200px;
background: #f3f1e4 url(../_i/gauche_titre.jpg) 0 0 no-repeat;
font-size: 0.9em;
color: #fff;
}

#gauche p {
margin: 0;
padding: 0;
}

#gauche ul {
list-style-type: none;
margin: 0;
padding: 15px 0 0 0;
min-height: 163px;
_height: 163px;
background: #f3f1e4 url(../_i/gauche_fond.jpg) 0 0 no-repeat;
}
#gauche ul li {
margin: 0 18px 10px 28px;
}
#gauche ul li a {
font-size: 0.85em;
font-weight: bold;
color: #235a92;
text-decoration: none;
}
#gauche ul li a:hover {
text-decoration: underline;
}

#fond_gauche {
position: absolute;
left: 0;
bottom: 47px;
width: 160px;
height: 406px;
background: #f3f1e4 url(../_i/acc_gauche_fr.jpg) 0 0 no-repeat;
z-index: 1;
}


#footer {
position: relative;
text-align: right;
height: 47px;
background: #f3f1e4 url(../_i/footer.jpg) center bottom no-repeat;
}

#acc_footer {
position: relative;
text-align: right;
height: 47px;
background: #f3f1e4 url(../_i/acc_footer.jpg) center bottom no-repeat;
}


.menuhead,
.menuhaut,
.menufoot {
float: right;
list-style-type: none;
margin: 0;
padding:0;
}

.menuhead {
  float: none;
  /*position: absolute;*/
}

.menufoot {
position: absolute;
width: 100%;
bottom: 5px;
right: 5px;
}

.menuhead li,
.menuhaut li,
.menufoot li {
text-align: center;
display: inline;
float: right;
}
.menuhead a,
.menuhaut a,
.menufoot a {
display: block;
width: 73px;
height: 32px;
margin: 0;
padding: 0;
font-size: 0.85em;
color: #fff;
text-decoration: none;
font-weight: bold;
}
.menuhaut a {
font-weight: normal;
width: 98px;
font-size: 0.85em;
line-height: 12px;
color: #000;
height: 26px;
}

.menuhaut a:hover {
text-decoration: underline;
}

#haut a.pass {
text-align: left;
position: absolute;
top: 0;
left: 160px;
_position: relative;
_float: left;
display: block;
width: 128px;
height: 30px;
padding: 2px 0 0 70px;
background: url(../_i/accueil_bnt_pass.jpg) 0 0 no-repeat;
color: red;
text-transform: uppercase;
font-size: 0.8em;
text-decoration: none;
}

#haut a.pass:hover {
text-decoration: underline;
}

.menufoot a {
width: 91px;
height: 14px;
font-size: 0.8em;
margin-right: 10px;
color: #544330;
}

.menuhead li.lh a {
line-height: 32px;
}

.menuhead li#menu1 a {
background: #f3f1e4 url(../_i/menu1_fr.jpg) 0 -32px no-repeat;
}
.menuhead li#menu1 a:hover {
background: #f3f1e4 url(../_i/menu1_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu1 a.current {
background: #f3f1e4 url(../_i/menu1_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu2 a {
background: #f3f1e4 url(../_i/menu2_fr.jpg) 0 -32px no-repeat;
}
.menuhead li#menu2 a:hover {
background: #f3f1e4 url(../_i/menu2_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu2 a.current {
background: #f3f1e4 url(../_i/menu2_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu3 a {
background: #f3f1e4 url(../_i/menu3_fr.jpg) 0 -32px no-repeat;
}
.menuhead li#menu3 a:hover {
background: #f3f1e4 url(../_i/menu3_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu3 a.current {
background: #f3f1e4 url(../_i/menu3_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu4 a {
background: #f3f1e4 url(../_i/menu4_fr.jpg) 0 -32px no-repeat;
}
.menuhead li#menu4 a:hover {
background: #f3f1e4 url(../_i/menu4_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu4 a.current {
background: #f3f1e4 url(../_i/menu4_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu5 a {
background: #f3f1e4 url(../_i/menu5_fr.jpg) 0 -32px no-repeat;
}
.menuhead li#menu5 a:hover {
background: #f3f1e4 url(../_i/menu5_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu5 a.current {
background: #f3f1e4 url(../_i/menu5_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu6 a {
background: #f3f1e4 url(../_i/menu6_fr.jpg) 0 -32px no-repeat;
}
.menuhead li#menu6 a:hover {
background: #f3f1e4 url(../_i/menu6_fr.jpg) 0 0 no-repeat;
}
.menuhead li#menu6 a.current {
background: #f3f1e4 url(../_i/menu6_fr.jpg) 0 0 no-repeat;
}

.menuhaut li#menu10 a {
width: 107px;
background: #f3f1e4 url(../_i/menu10.jpg) 0 0 no-repeat;
}

.menuhaut li#menu11 a {
background: #f3f1e4 url(../_i/menu11.jpg) 0 0 no-repeat;
}
.menuhaut li#menu12 a {
background: #f3f1e4 url(../_i/menu12.jpg) 0 0 no-repeat;
}
.menuhaut li#menu13 a {
background: #f3f1e4 url(../_i/menu13.jpg) 0 0 no-repeat;
}

.menufoot li#menu100 a {
background: #c9c7ba url(../_i/menu100_fr.jpg) 0 0 no-repeat;
}
.menufoot li#menu110 a {
background: #c9c7ba url(../_i/menu110_fr.jpg) 0 0 no-repeat;
}
.menufoot li#menu120 a {
background: #c9c7ba url(../_i/menu120_fr.jpg) 0 0 no-repeat;
}

.menufoot li#menu000 a {
	position: absolute;
	left: 5px;
}

#menu010 {
	position: absolute;
	bottom: 2px;
	margin: 0;
	padding: 0 30px 0 0;
	height: 25px;
	line-height: 25px;
	left: 300px;
	color: #235A92;
	font-size: 0.8em;
	text-decoration: none;
	background: transparent url(../_i/menu010.gif) top right no-repeat;
	z-index: 100;
}
#menu020 {
	position: absolute;
	bottom: 2px;
	margin: 0;
	padding: 0 30px 0 0;
	height: 25px;
	line-height: 25px;
	left: 100px;
	color: #235A92;
	font-size: 0.8em;
	text-decoration: none;
	background: transparent url(../_i/menu020.jpg) top right no-repeat;
	z-index: 100;
	cursor: default;
}

#centre #acc1 {
width: 182px;
margin-top: 40px;
float: left;
}
#centre #acc2 {
width: 183px;
margin-top: 40px;
float: left;
}
#centre #acc3 {
width: 183px;
margin-top: 40px;
float: left;
}

#centre p {
/*text-align: justify;*/
margin: 2em 8px;
/*margin-right: 162px; Espace pour la colonne de droite */
font-size: 0.9em;
color: #000;
}

#centre h2 {
margin : 1em 0 1.5em 1em;
font-size: 1.1em;
color: #235a92;
}

#centre #acc1 p,
#centre #acc2 p,
#centre #acc3 p {
color: #544330;
margin-right: 0px;
margin-top: 0px;
}

#centre #acc1 a.bnt,
#centre #acc2 a.bnt,
#centre #acc3 a.bnt {
display: block;
height: 52px;
width: 182px;
margin: 0 auto;
}
#centre #acc1 a.bnt {
background: #f3f1e4 url(../_i/accueil_bnt1_fr.jpg) 0 0 no-repeat;
}
#centre #acc1 a.bnt:hover {
background: #f3f1e4 url(../_i/accueil_bnt1_fr.jpg) 0 -52px no-repeat;
}
#centre #acc2 a.bnt {
width: 183px;
background: #f3f1e4 url(../_i/accueil_bnt2_fr.jpg) 0 0 no-repeat;
}
#centre #acc2 a.bnt:hover {
background: #f3f1e4 url(../_i/accueil_bnt2_fr.jpg) 0 -52px no-repeat;
}
#centre #acc3 a.bnt {
width: 183px;
background: #f3f1e4 url(../_i/accueil_bnt3_fr.jpg) 0 0 no-repeat;
}
#centre #acc3 a.bnt:hover {
background: #f3f1e4 url(../_i/accueil_bnt3_fr.jpg) 0 -52px no-repeat;
}

#centre #accroche {
width: 620px;
color: #A09F97;
font-size: 10px;
text-align: center;
position: absolute;
left: 0px; top:15px;
}

/*#centre {
min-height: 690px;
_height: 690px;
}*/

#fond_centre {
position: absolute;
right: 0;
bottom: 47px;
width: 580px;
height: 216px;
background: #f3f1e4 url(../_i/historique_bas.jpg) 0 0 no-repeat;
z-index: 1;
}



#droite {
float: right;
/*position: absolute;*/
right: 0;
top: 0;
width: 162px; /* Taille du float Droite variable */
height: 349px;/**/
margin: 0 0 2em 2em;
z-index: 2;
}

#droite img {
margin: 0;
padding: 0;
}

#droite p {
margin: 0;
padding: 5px 32px 5px 5px;
/*_padding-top: 0;*/
_margin-top: -5px;
height: 77px;
font-size: 0.85em;
color: #544330;
	background: #f3f1e4 url(../_i/ports_droite_fond.jpg) 0 0 no-repeat;
}

#droite ul {
list-style-type: none;
margin: 0;
padding: 15px 0 0 0;
min-height: 163px;
_height: 163px;
background: #f3f1e4 url(../_i/gauche_fond.jpg) 0 0 no-repeat;
}
#droite ul li {
margin: 0 18px 10px 28px;
}
#droite ul li a {
font-size: 0.85em;
font-weight: bold;
color: #235a92;
text-decoration: none;
}
#droite ul li a:hover {
text-decoration: underline;
}


div#pano {
text-align: center;
margin: 0 auto 1em auto;
width: 500px;
}

ul#legend {
list-style: none;
}
ul#legend li {
margin: 0 1em;
display: inline;
color: #544330;
font-weight: bold;
}
ul#legend img {
vertical-align: middle;
}




#centre div.actu,
#centre div.liens {
margin: 2em 0;
}
#centre div.actu hr,
#centre div.liens hr {
border-bottom: 1px solid #544330;
margin: 1em 0;
}
#centre div.actu h2,
#centre div.liens h2 {
margin: 0 0 0.7em 110px;
}
#centre div.actu p,
#centre div.liens p {
margin: 0 0 0 110px;
}
#centre div.actu p.links,
#centre div.liens p.links {
text-align: right;
padding: 0 2em 0 0;
}
#centre div.actu p.links a,
#centre div.liens p.links a {
display: block;
background: transparent url(../_i/ico_link.png) right center no-repeat;
line-height: 20px;
padding: 0 20px 0 0;
}
#centre div.actu p.links a.doc {
background: transparent url(../_i/ico_file.png) right center no-repeat;
}
div.actu img.vign,
div.liens img.vign {
float: left;
margin: 0 10px 10px 0;
}




div#coords {
margin: 0 auto;
width: 506px;
height: 265px;
background: #fff url(../_i/pratique_fond_centre.jpg) 0 0 no-repeat;
}

div#coords img {
margin: 20px 0 0 40px;
}
div#coords p {
text-align: center;
margin: 10px 150px 0 40px;
}


div#centre ul.tarif li span {
float: left;
width: 200px;
}
div#centre ul.tarif li a {
margin: 0 0 0 2em;
}
div#centre ul.pass {
height: 100px;
width: 490px;
background: transparent url(../_i/pratique_pass.jpg) right top no-repeat;
}
div#centre ul.pass li a {
	margin: 0;
}



div#acces {
position: relative;
margin: 0 auto;
width: 576px;
height: 322px;
background: #fff url(../_i/acces_fond_centre.jpg) 0 0 no-repeat;
}

div#acces a {
position: absolute;
top: -21px;
right: 14px;
width: 115px;
height: 21px;
text-align: center;
line-height: 21px;
background: #fff url(../_i/acces_onglet.jpg) 0 0 no-repeat;
}


form#contact label,
form#inscrire label {
float: left;
text-align: right;
margin: 0 1em 0 0;
width: 150px;
}
form#contact input,
form#inscrire input {
width: 200px;
}
form#contact textarea,
form#inscrire textarea {
width: 350px;
height: 100px;
}

p.button {
text-align: right;
}
button {
background: none;
border: none;
width: 95px;
height: 21px;
background: #fff url(../_i/bnt_envoyer.jpg) 0 0 no-repeat;
color: #fff;
cursor: pointer;
}


form#reserv fieldset {
padding: 1em 0;
border: 0;
}
form#reserv fieldset legend {
font-weight: bold;
font-size: 1.1em;
}
form#reserv table {
width: 99%;
border: 0;
}

form#reserv p {
margin: 0.2em;
}

form#reserv label {
/*float: left;
width: 150px;*/
display: block;
}
form#reserv input {
width: 200px;
}
form#reserv input.sml {
width: 75px;
}
form#reserv input.nosize {
width: 20px;
}
form#reserv textarea {
width: 300px;
height: 100px;
}

form#reserv div#tarifs {
position: relative;
margin: 1em 0 0 0;
width: 250px;
height: 190px;
font-size: 0.85em;
overflow: hidden;
background: #fff url(../_i/reservation_fond_tarifs.jpg) 0 0 no-repeat;
}
form#reserv div#tarifs h4 {
	padding: 3px 0.5em 0.5em 0.5em;
	margin: 0;
	font-size: 1em;
}
form#reserv div#tarifs ul.tarif li span {
float: none;
}
form#reserv div#tarifs ul {
list-style: inside;
padding: 0;
margin: 0 0 0 0.5em;
}
form#reserv div#tarifs ul ul {
list-style-type: none;
}

form#reserv div#tarifs strong {
margin: 0 0 0 0em;
}

form#reserv div#tarifs h4.spec {
	padding-top: 15px;
}

form#reserv div#tarifs input,
form#reserv div#tarifs label,
form#reserv p.encart input,
form#reserv p.encart label {
display: inline;
}


form#reserv p.button {
text-align: center;
}

form#code p {
text-align: center;
}


ul.pdf {
list-style: none;
}
ul.pdf li {
padding: 0 0 0 30px;
height: 25px;
/*line-height: 25px;*/
margin: 0 0 1em 0;
background: transparent url(../_i/ico_pdf.jpg) 0 0 no-repeat;
}


div#txt_cal {
width: 300px;
_width: 275px;
padding-right: 25px;
float: right;
}

/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */
#calendrier {
  position: relative;
	width: 230px;
	border: 1px solid #1e5288;
	border-top: none;
}
#calendrier h2 {
  text-align: center;
  height: 31px;
  line-height: 31px;
  margin: 0 auto 0.5em auto;
  color: #fff;
  background: transparent url(../_i/horaires_fond_cal.jpg) 0 0 repeat-x;
}
#calendrier h2 a {
  color: #fff;
  text-decoration: none;
  padding: 2px 3px;
  margin: 0 2px;
  font-size: 1.2em;
}
#calendrier li{
	list-style: none;
}
#libelle {
	width: 220px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 220px;
	margin: 0 auto;
	padding: 0;
}
#libelle li {
	float : left;
	width : 25px;
	line-height: 25px;
	border: 1px solid #f2f1e2;
	margin: 0 2px 3px 2px;
	text-align: center;
}
.ligne li {
	color: #000;
	float : left;
	width : 25px;
	line-height: 20px;
	margin: 0 2px 3px 2px;
	border: 1px solid #f2f1e2;
	font-size: 0.85em;
	text-align: center;
}
.ligne li a{
	text-decoration: none;
}
.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}
li.itemExistingItem {
	border: 1px solid #bfbfbf;
}
li.itemCurrentItem {
  font-weight: bold;
	border: 1px solid #bfbfbf;
	/* A vous de configurer l'apparence de la date du jour */
}
li.itemCurrentItem a {
  color: #000;
}
li.itemSelectedItem {
	border: 1px solid #933133;
  background-color: #ef4247;
	/* A vous de configurer l'apparence du jour sélectionné */
}



div#vid p {
float: right;
width: 225px;
_width: 200px;
margin: 2em 25px 0 0;
}



table#galerie {
width: 100%;
}
table#galerie td {
text-align: center;
vertical-align: middle;
}

div#centre a.galerie img {
	margin: 1em;
	border: 2px solid #544330;
}

div.LinkTitle {
	cursor:pointer;
	background-image:url(../_i/admin/banner.jpg);
	width:550px;
	height:30px;
	position:relative;
	line-height:30px;
	margin-right:15px;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
	font-size:14px; 
	color:#4A5A92;"
}