@charset "utf-8";
/* CSS Document */
body {
	background-color:#f0ffff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    width:100%;
}
#container {
width: 70%;
margin: 0 auto ;
border: 2px solid #0A8AAE;
background-color: #FFFFFF;
-moz-border-radius: 10px 10px 10px 10px;
}
#toplang {
width:100%;
background-color:#0A8AAE;
min-height:35px;
color:#FFFFFF;
word-spacing:1em;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
vertical-align:middle;
font-weight:bold;
margin-top:-2px;
}
/* CSS Document */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-center-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#truco{ min-width:100%; height:25px; vertical-align:middle; background-color:#0A8AAE; margin-bottom:20px;} 
#menu {width:100%; height:20px; text-align:center;}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
 
#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}
 
#menu ul.level1 {margin:0 auto; border:1px solid #c0d7e9; border-width:0 1px 1px 1px;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
 
#menu ul.level1 {background:##0A8AAE;}
#menu ul li div ul {background:#c0d7e9; padding:0 1px 1px 1px;}
 
#menu a {display:block; font:bold 11px verdana,arial,sans-serif; color:#cde; line-height:25px; text-decoration:none;padding:0 15px 0 15px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
 
#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {background:#5a7797;}
 
#menu a:hover div {left:0; top:23px;}
 
#menu a:hover div ul {position:relative; left:-50%;}
 
#menu li a.fly {background:transparent url(boutons/down-arrow.gif) no-repeat right center;}
 
#menu li a:hover,
#menu li a.fly:hover {background-color:#5a7797; color:#fc0;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#5a7797; color:#fc0;}
 
#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
#footer {
width:100%;
background-color:#0A8AAE;
height:20px;
color:#FFFFFF;
word-spacing:1em;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
vertical-align:middle;
font-weight:bold;
}
#container img {
border:0;
}
h1#header
{
height: 100px;
margin:0;	
}
h1#header a
{
width: 400px ;
height: 60px ;
display: block ;
background: url(img/logo.jpg) no-repeat center;
position: relative;
left:30%;
top:30px;
text-indent: -5000px ;
}
h1#header a span
{
display: none ;
}
h1 {
font-size:1.2em;
font-weight:bold;
color:#000066;
}
h2 {
font-size:1.1em;
font-weight:bold;
}
h3 {
font-size:1.1em;
font-weight:800;
color:#000099;
}
h4 {
font-size:1em;
font-weight:bold;
color:#333333;
}

#toplang a {
text-decoration:none;
color:#FFFFFF;
}
#toplang a:visited {
text-decoration:none;
color:#FFFFFF;
}
#toplang a:hover {
text-decoration:none;
color:#FFFF00;
}
#toplang img {
border:0;
}
#header {
width:100%;
text-align:center;
padding-top:10px;
padding-bottom:15px;
}
#header h1 {
color:#0033CC;
margin-right:20px;
margin-bottom:10px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:0;
}
#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
text-align:center;
word-spacing:10px;
}

#navlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 20px;
background-repeat: no-repeat;
}

#navlist a
{
padding-left: 20px;
padding-bottom: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#navlist a:link, #navlist a:visited
{
padding-left: 20px;
background:   url(img/arrowbullet.gif);
background-position: 0 -28px;
background-repeat: no-repeat;}

#navlist a:hover
{
padding-left: 20px;
background:  url(img/arrowbullet.gif);
background-repeat: no-repeat;
background-position: 0 -10px;}

#navlist img {
max-width:12%;
}

#navPyra {
margin: 0;
max-width:90%;
font-size:65%;
}

#navPyra li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
word-spacing:0.1em;
}
	
#navPyra a:link, #navPyra a:visited {
text-align:center;
line-height: 2.8em;
font-weight: bold;
padding: 0 0.8em 0.4em 0.8em;
text-decoration: none;
color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
color: #000;
background: url(/img/pyram.gif) no-repeat bottom center;
}


.marco1 { 
padding:8px; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
width:48%;
}
.marco2 { 
padding:8px; 
background-color: #f5f5f5;
color:#666666;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;  
text-align:justify;
width:48%;
}
.marco2 h2 {
text-align:left;
font-size:.9em;
color:#FF0000;
}
.marco2 h3 {
text-align:left;
font-size:.9em;
color:#0033CC;
}
#bloctextindex {
width:95%;
margin-left:1%;
padding:8px;
text-align:justify;
line-height: 1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
font-weight:500;
color:#333333;
text-indent:1.3em;
}
#bloctextindex h1{
padding-top:20px;
font-size:1.4em;
font-weight:bold;
color:#0A38AE;
text-align:center;
padding-bottom:20px;
text-decoration:underline;
}
#bloctextgolf {
width:95%;
margin-left:1%;
padding:8px;
text-align:justify;
line-height: 1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
font-weight:500;
color:#333333;
text-indent:1.3em;
}
#bloctextgolf img.pic {
max-width: 28%;
}
#bloctextgolf img {
max-width: 80%;
}

#bloctextindex h2 {
padding-left: 25px ;
line-height: 25px ;
font-size: 1.4em ;
background: url(img/palmier.jpg) no-repeat left bottom ;
color:#0000FF;
border-bottom: 1px solid #8b4513 ;
}

#bloctextindex ol {
list-style-type:upper-roman;
list-style-position:outside;
line-height: 18px;
text-indent:30px;
display:block;
}
div#bloctextindex p
{
text-indent: 2em ;
line-height: 1.4em ;
}
div#bloctextindex a
{
color:#990033;
}

div#bloctextindex a:hover
{
color:#000066;
}
div#bloctextdive {
width:95%;
margin-left:1%;
padding:8px;
text-align:justify;
line-height: 1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
font-weight:500;
color:#000066;
}

#tableimgind {
position:relative;
width:80%;
margin:auto;
height:auto;
width:auto;
}
#tableimgind td.cont {
background-color:#CCCCCC;
text-align:center;
}
#imgind {
width:90%;
margin:auto;
text-align:center;
}
img {
max-width:100%;
height:auto;
}
#pictop {
max-width:90%;
margin-left:3%;
padding:2%; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
word-spacing:6em;  
}
#pictop img {
max-width:40%;
height:auto;
}

#picbot {
width:90%;
clear:both;
margin-left:3%;
padding:2%; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
word-spacing:6em;  
}
#picbot img {
max-width:40%;
height:auto;
}
#blocdown {
clear:both;
width:90%;
margin-left:3%;
height:250px;
}
.det {
float:left;
width:45%;
padding-top:3%;
padding-bottom:3%;
color:#036;
text-align:justify;
font-size:95%;
min-height:100%;
}
#bloctext {
clear:both;
width:85%;
margin-left:3%;
padding-top:3%;
padding-left:4%;
padding-bottom:5%;
height:100%;
font-size:.9em;
text-align:justify;
}
#bloctext h2 {
color:#000099;
text-align:left;
font-size:105%;
padding:.1em;
margin:0;
}
#bloctext h3 {
color:#990033;
background-color:#FFC;
font-size:100%;
margin:0;
padding:0;
}
#bloctext h4 {
color:#2F4F4F;
font-size:100%;
margin:0;
padding:0;
}   
.textoprop {
float:left;
width:95%;
padding-top:3%;
padding-bottom:3%;
color:#660000;
text-align:justify;
font-size:95%;
min-height:100%;
}
.priceprop {
margin-top:3%;
margin-left:2%;
width: 45%;
height:auto;
float:right;
}
.redlink {
color:#FF0000;
font-size:14px;
font-weight:bold;
text-align:center;
}
.titlehead {
font-size:1.2em;
text-align:center;
color:red;
}
.titleunder {
font-size:1.15em;
text-align:center;
color:#0066CC;
}
#tablelist {
width:90%;
border-collapse:collapse;
margin-left:3%;
}
#tablelist td.titul {
background-color:#FFFFCC;
color:#FF0000;
text-align:center;
font-weight:bold;
min-height:25px;
vertical-align:middle;
}
#tablelist td.dormitorio {
background-color:#FFFF99;
font-weight:bold;
font-size:95%;
text-align:left;
}

#tablelist td.roomnumber {
height:30px;
background-color:#FFFF66;
color:#333333;
font-size:1.1em;
font-weight:bolder;
vertical-align:middle;
text-align:center;
}
#tablelist td.titleleft {
background-color:#99FFFF;
color:#000066;
text-align:left;
height:15px;
vertical-align:middle;
font-size:.9em;
font-weight:bold;
}
#tablelist td.titleright {
background-color:#99FFFF;
color:#000066;
text-align:right;
padding:3px;
height:15px;
vertical-align:middle;
font-size:85%;
font-weight:bold;
}
#tablelist td.picturelist {
vertical-align:top;
width:186px;
height:100%;
}
#tablelist td.descriptionleft {
text-align:left;
font-size:85%;
vertical-align:top;
padding:5px;
}
#tablelist td.descriptionright {
width:140px;
text-align:right;
font-size:83%;
vertical-align:top;
color:#990033;
height:65px;
font-weight:bold;
}
#tablelist td.linkleft {
height:40px;
}
#tablelist td.linkright {
height:40px;
}
#tablelist a img {border:none}
#tablelist td.separateline {
height:2px;
background-color:#000066;
}
#tablelist td.numbers {
font-size:90%;
font-weight:bold;
background-color:#330066;
color:#FFFFFF;
}
.tablepicstand {
width:90%;
margin-left:5%;
text-align:center;
}
#tableprix {
width:90%;
margin-right:2%;
border-collapse:collapse;
font-size:95%;
font-weight:700;
}
#tableprix tr.titleprices {
color:#000066;
text-align:center;

}
#tableprix tr.celltitle {

background-color:#CCCCCC;
color:#000066;
text-align:center;
}

#tableprix tr.celllight {

background-color:#CCFFFF;
padding:5px;
}

#tableprix tr.celldark {

background-color:#FFFFCC;
padding:5px;
}

#tableprix tr.janfeb {
background-color:#FFFF99;

}
#tableprix tr.march {
background-color:#FFFF66;

}
#tableprix tr.aprilmay {
background-color:#FFCC99;

}
#tableprix tr.june {
background-color:#CCFFFF;
 
}
#tableprix tr.july {
background-color:#CCCCFF;

}
#tableprix td.month {
width:65%;
padding-left:5px;
text-align:left;}
#tableprix td.euros {
width:30%;
text-align:right;
padding-right:5px;
}
#divcontact {
background-color:#FFEBCD;
text-align:center;
font-size:.9em;
font-weight:bold;
line-height:1.5em;
padding-bottom:1.5em;
padding-top:1em;
}
#searchtable {
width:80%;
margin-left:10%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
border-collapse:collapse;
}
#searchtable td.tit {
text-align:center;
background-color:#CCCCCC;
}
#searchtable td.descrip {
text-align:center;
width:40%;
background:#FFFF99;
}
#searchtable td.ref {
text-align:center;
background:#FFFF99;
color:#000099;
}
#searchtable td.descripright {
text-align:center;
width:20%;
background-color:#FFFF99;
}
#tablegreenfees {
width:80%;
margin-left:5%;
border-collapse:collapse;
font-family:Tahoma, Arial;
font-size:100%;
}
#tablegreenfees td.clubsgolftitre {
width:70%;
text-align:left;
font-weight:bold;
}
#tablegreenfees td.prixgolftitre {
width:12%;
text-align:right;
font-weight:bold;
padding-right:25px;

}
#tablegreenfees td.clubsgolfbluenames {
width:70%;
background-color:#CCFFFF;
text-align:left;
font-weight:bold;
text-decoration:underline;
}

#tablegreenfees td.clubsgolfblue {
width:70%;
background-color:#CCFFFF;
text-align:left;
font-weight:bold;
}
#tablegreenfees td.prixgolfblue {
width:12%;
background-color:#CCFFFF;
text-align:right;
font-weight:bold;
}
#tablegreenfees td.clubsgolfyellownames {
width:70%;
background-color:#FFFF99;
text-align:left;
font-weight:bold;
color:#990033;
text-decoration:underline;
}
#tablegreenfees td.clubsgolfyellow {
width:70%;
background-color:#FFFF99;
text-align:left;
font-weight:bold;
color:#990033;
}
#tablegreenfees td.prixgolfyellow {
width:12%;
background-color:#FFFF99;
text-align:right;
font-weight:bold;
color:#990033;
}
#tablegreenfees td.ligneseparation {
height:5px;
background-color:#999999;
}
.contact {
width:85%;
margin-left:5%;
}
.contact td {
	width:50%;
	text-align:center;
}
#tablediving {
width:90%;
margin-left:7%;
}
#tablediving td.logo {
width:35%;
}
.center {
text-align:center;
}
.centermap {
text-align:center;
font-size:1.2em;
font-weight:bold;
color:#0033FF;
}
.costaltext {
font-size:50%;
font-weight:bold;
color:#000099;
text-align:center;
}
#tablepack {
max-width:80%;
margin-left:5%;
}
#tablepack td.image {
max-width:25%;
height:auto;
}
#tablepack td.imagetext {
max-width:25%;
font-size:80%;
height:auto;
text-align:justify;
}
#pack td.sep {
min-width:5%;
}
.textindex {
width:95%;
margin-left:1%;
padding:8px;
text-align:justify;
line-height: 1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.85em;
font-weight:500;
color:#333333;
text-indent:1.3em;
}
.pictures {
min-width:80%;
margin-left:6%;
text-align:center;
}
.tablemap {
min-width:80%;
margin-left:8%;
text-align:center;
}
#tablahotelprix {
min-width:90%;
margin-left:3%;
border-collapse:collapse;
}
#tablahotelprix td {
width:20%;
border-collapse:collapse;
border-width:1px;
border-style:solid;
border-color:#999999;
}
#tablahotelphoto {
width:80%;
margin-left:10%;
}
#tablahotelphoto td.pic {
max-width:19%;
text-align:center;
border:none;
background-color:#CCCCCC;
}
#tablahotelpic {
width:80%;
margin-left:10%;
}
#tablahotelphoto td.pict {
max-width:19%;
text-align:center;
border:none;
background-color:#CCCCCC;
}
.tablahotel {
	width:80%;
	margin-left:8%;
	background-color:#666;
}
.pichot {
padding:8px; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
}
	
.logohotel {
width:50%;
margin-left:25%;
text-align:center;
}

#formreserv {
	width:70%;
	margin-left:15%;
	background-color:white;
	padding:.2em;
	overflow:hidden;
	border-collapse:collapse;
}
#formreserv td.tit {
	color:blue;
	text-align:center;
	padding-bottom:.2em;
	padding-top:.2em;
}
#formreserv td.p1 {
	width:32%;
	background-color:#FFC;
	padding-bottom:.4em;
	padding-top:.2em;
	padding-left:.3em;
	text-align:left;
}
.justify {
	text-align:justify;
}
#tablegolfpack {
	width:80%;
	margin-left:10%;
}
#tablegolfpack td {
	width:33%;
}
#tableprixgolf {
	width:80%;
	margin-left:10%;
	border-collapse:collapse;
}
#tableprixgolf td.titregolf {
background-color:#003300;
color:#FFFFFF;
font-variant:small-caps;
font-weight:bold;
text-align:center;
}
#tableprixgolf td.monthgolfclair {
width:70%;
background-color:#66FF99;
font-variant:small-caps;
font-weight:bold;
}
#tableprixgolf td.monthgolffonce {
width:70%;
background-color:#00FF33;
font-variant:small-caps;
font-weight:bold;
}
#tableprixgolf td.eurosgolfclair {
width:28%;
background-color:#66FF99;
font-variant:small-caps;
font-weight:bold;
text-align:right;
}
#tableprixgolf td.eurosgolffonce {
width:28%;
background-color:#00FF33;
font-variant:small-caps;
font-weight:bold;
text-align:right;
}
#tableprixgolf td.espace {
height:2em;
background-color:#CCCCCC;
}
#tablecostasol {
	width:80%;
	margin-left:10%;
	border-collapse:collapse;
}
#tablecostasol td.pictosol {
	text-align:center;
	background-color:#FFFFE0;
}
#tablecostasol td.texto {
	text-align:justify;
	font-size:.9em;
}
#tablenews {
	width:85%;
	margin-left:6%;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1em;
}
#tablenews td.auteur {
	background-color:#CFF;
}
#tablenews td.new {
	background-color:#FFEFD5;
}
#tablenews td.titrenew {
	background-color:#CFF;
	font-weight:bold;
}
#tablerentacar {
	width:90%;
	border-collapse:collapse;
	margin-left:4%;
}
#tablerentacar td {
	width:33%;
}
#tablerentacar td.space {
	background-color:#FFC;
	height:6px;
}
#tableinf {
width:99%;
margin-left:0.5%;
font-size:10px;
border-collapse:collapse;
}
#tableinf td {
border:1px #999999 inset;
height: 1em;
} 
#tableinf td.info {
width:12%;
text-align:left;
font-weight:bold;
color:#666666;
padding-left:1%;
height: 1em;
}
#tableinf td.rep {
width:7%;
padding-left:3px;
text-align:left;
color:#0033CC;
font-weight:bold;
height: 1em;
}
#tableform {
	width:70%;
	margin-left:12%;
	border-collapse:collapse;
	font-size: .9em; 
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#tableform td.tit {
	text-align:center;
	background-color:#CCC;
	color:#006;
}
#tableform td.tex {
	width:40%;
	text-align:right;
}
#tableform td.ans {
	width:58%;
}
#tableform td.err {
	color:#009;
	font-weight:bold;
	text-align:center;
}
#tableformanswer {
	width:70%;
	margin-left:12%;
	border-collapse:collapse;
}
#tableformanswer td {
	color: black; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align:center;
	}
.bloctext {
   text-align:center;
   color:#999999;
   font-size:.7em;
}
.centercomp {
   text-align:center;
   color:#999999;
   font-size:.7em;
}