* {margin:0;padding:0;border:none;font-size:1em}
html {margin:0;padding:0;height:100%;font:normal 91%/1.2 Helvetica,Arial,Verdana,Sans-serif;background-color:#fff;color:#333;text-align:center}
body {margin:0;padding:0;border:0;width:100%;height:100%;font:normal 91%/1.2 Helvetica,Arial,Verdana,Sans-serif;background:#fff url(/img/fondciel.jpg) scroll no-repeat top left;background-color:#fff}
ul.menu {list-style:none}
ul.menu li,h1 {font-size:4em;letter-spacing:-0.05em;line-height:0.9em;font-weight:bold;color:#ccc}
ul.menu li:after,h1:after {content:".";color:#FFD700}
h1 {font-size:2.5em;margin-top:10px;margin-bottom:20px;color:#999}
h2 {font-size:2em;letter-spacing:-0.05em;line-height:0.8em;font-weight:bold;color:#999}
p {margin-top:1em}
ul {list-style:square;margin:1em}
li a {color:#CCC;text-decoration:none;outline:none}
li a:hover {color:#999;text-decoration:none}
div#container1 {position:relative;width:100%;margin:0 auto;min-height:100%;text-align:left}
div#container {position:relative;width:980px;margin:0 auto;min-height:100%;text-align:left}
div#container #firstelem {margin-top:0}
div#container #lastelem {margin-bottom:0;padding-bottom:4em}
div#container #gallery {margin-bottom:0em;padding-bottom:0;width:100%;border:1px solid #ccc}
div#container #video {margin-bottom:0em;padding-bottom:0;width:100%;border:1px solid #ccc;text-align:center}
div#container #div_event {width:100%;margin-bottom:0em;padding-bottom:0;padding-top:2em;border:1px solid #ccc}
div#container #div_comment {width:100%;margin-bottom:0em;padding-bottom:0;padding-top:2em;border:1px solid #ccc}
div#container #div_addcomment {width:100%;padding-bottom:0;padding-top:0}
div#container #div_proximite {width:100%;margin-bottom:0em;padding-bottom:0;padding-top:2em;border:1px solid #ccc}
div#footer {position:absolute;bottom:0;left:0;width:100%;height:4.5em;background:transparent url(/img/fondfooter.jpg) scroll repeat-x bottom left;text-align:center}
div#footer #footertext {display:inline;float:none;margin-bottom:0;margin-top:10px;width:800px}
div#lastelem {visibility:hidden}
#map {position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #aaa;background-image:url(/img/loading.gif);background-repeat:no-repeat;background-position:50% 50%}
#map-wrapper {position:relative;height:300px}
#mapadmin {border:1px solid #cce6ff;height:600px;width:100%;background-image:url(/img/loading.gif);background-repeat:no-repeat;background-position:50% 50%}
div#mapbeach {height:400px;width:500px;margin:0 0 0 5px}
div#mapmgdroite {height:430px;width:510px;float:right;margin:0}
div#container #beach_desc {border:1px solid #ccc;width:100%;margin-bottom:0em;padding:0;overflow:auto}
div#container #event {border:1px solid #ccc;width:100%;margin-bottom:1em;padding:0;overflow:auto}
.LabeledMarker_markerLabel {margin-top:-14px;font-weight:bold;font-size:11px;margin-left:3px;width:26px;cursor:pointer;color:#fff;text-align:center}
.p-shadow {width:90%;float:left;background:url(/img/media/shadow.gif) no-repeat bottom right;margin:10px 0 0 5px}
.p-shadow div {background:url(/img/media/shadow2.gif) no-repeat left top;padding:0 6px 6px 0}
.p-shadow p {color:#777;background-color:#fff;font:italic 1em georgia,serif;border:1px solid #a9a9a9;padding:4px;margin:0}
.img-shadow {float:left;background:url(/img/media/shadow.gif) no-repeat bottom right;margin:10px 0 0 5px}
.img-shadow img {display:block;position:relative;background-color:#fff;border:1px solid #a9a9a9;margin:-6px 6px 6px -6px;padding:4px;cursor:pointer}
hr {color:red;background-color:red;height:1px;border:0}
label {display:block}
.error {background:#ebe6e8 url(/img/icons/exclamation.png) 5px 5px no-repeat;border:#d6d8d6 1px solid;width:90%;padding:10px 0 5px 30px;margin-left:2px;font-size:11px}
.markererror {border:1px #f00 solid;background-color:#FFC9C9}
input,textarea {margin:0;padding:0;border:1px #CCC solid;font-size:1em}
.inputfile {margin:0;padding:0;border:1px #CCC solid;font-size:1em}
.resizehandle {background:transparent url("/img/resizer.png") no-repeat scroll 50%;cursor:s-resize;font-size:0.1em;height:16px;width:100%}
.invertedshiftdown {padding:0;width:100%;border-top:5px solid #D10000;background:transparent;voice-family:inherit}
.invertedshiftdown ul {margin:0;margin-left:40px;padding:0;list-style:none}
.invertedshiftdown li {display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase}
.invertedshiftdown a {float:left;display:block;font:bold 12px Arial;color:black;text-decoration:none;margin:0 1px 0 0;padding:5px 10px 9px;background-color:white;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px}
.invertedshiftdown a:hover {background-color:#D10000;padding-top:9px;padding-bottom:5px;color:white}
.invertedshiftdown .current a {background-color:#D10000;padding-top:9px;padding-bottom:5px;color:white}
#myform {float:right;margin:0;margin-top:2px;padding:0}
#myform .textinput {width:190px;border:1px solid gray}
#myform .submit {font:normal 12px Verdana;height:22px;border:1px solid #D10000;background-color:black;color:white}
#adminbeachname {font-size:2em;letter-spacing:-0.05em;line-height:0.8em;font-weight:bold;color:#D10000;margin-top:1em}
font.obligatoire {font-size:1.5em;font-weight:bold;color:red}
a.dp-choose-date {float:left;width:16px;height:16px;padding:0;margin:5px 3px 0;display:block;text-indent:-2000px;overflow:hidden;background:url(/img/calendar.png) no-repeat}
a.dp-choose-date.dp-disabled {background-position:0 -20px;cursor:default}
input.dp-applied {width:140px;float:left}
div.eventlist {left:0;width:100%;margin-top:10px;overflow:auto;border:1px solid #ccc}
div.eventlist:hover {background:#E4ECF2 none repeat scroll 0}
div.newsletter {left:0;width:100%;margin-top:10px;overflow:auto;border:1px solid #ccc}
.commentbox {background-color:#ececec;width:930px;padding:10px}
.commentfooter {background:url(/img/media/arrow.gif) 20px 0 no-repeat;padding-left:58px;padding-top:1px;margin-bottom:2em;font-size:90%;color:#4A4A4A}
.commentrepbox {background-color:#ececec;width:800px;margin-left:130px;padding:10px}
.commentrepfooter {background:url(/img/media/arrow.gif) 150px 0 no-repeat;padding-left:188px;padding-top:1px;margin-bottom:2em;font-size:90%;color:#4A4A4A}
.pics {height:157px;width:232px;padding:0;margin:0;overflow:hidden}
.pics img {padding:15px;border:1px solid #ccc;background-color:#eee;top:0;left:0}
.buttons a,.buttons button {display:block;float:left;margin:0 7px 0 0;background-color:#ebe6e8;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;padding:5px 10px 6px 7px}
.buttons button {width:auto;overflow:visible;padding:4px 10px 3px 7px}
.buttons button[type] {padding:5px 10px 5px 7px;line-height:17px}
*:first-child+html button[type] {padding:4px 10px 3px 7px}
.buttons button img,.buttons a img {margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
button:hover,.buttons a:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#369}
.buttons a:active {background-color:#6299c5;border:1px solid #6299c5;color:#fff}
button.positive,.buttons a.positive {color:#529214}
.buttons a.positive:hover,button.positive:hover {background-color:#E6EFC2;border:1px solid #C6D880;color:#529214}
.buttons a.positive:active {background-color:#529214;border:1px solid #529214;color:#fff}
.buttons a.negative,button.negative {color:#d12f19}
.buttons a.negative:hover,button.negative:hover {background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19}
.buttons a.negative:active {background-color:#d12f19;border:1px solid #d12f19;color:#fff}
.buttons a.grise,button.grise {color:#bebebe}
.buttons a.grise:hover,button.grise:hover {background:#ebe6e8;border:1px solid #dedede;color:#bebebe}
.buttons a.grise:active {background-color:#ebe6e8;border:1px solid #dedede;color:#bebebe}
.jqmWindow {display:none;position:fixed;top:17%;left:50%;margin-left:-300px;width:600px;background-color:#fff;color:#333;border:1px solid black;padding:12px}
.jqmOverlay {background-color:#000}
.tool-tip {color:#fff;width:139px;z-index:13000}
.tool-title {font-weight:bold;font-size:11px;margin:0;color:#9FD4FF;padding:8px 8px 4px;background:url(/img/bubble.png) top left}
.tool-text {font-size:11px;padding:4px 8px 8px;background:url(/img/bubble.png) bottom right}
.custom-tip {color:#000;width:130px;z-index:13000}
.custom-title {font-weight:bold;font-size:11px;margin:0;color:#3E4F14;padding:8px 8px 4px;background:#C3DF7D;border-bottom:1px solid #B5CF74}
.custom-text {font-size:11px;padding:4px 8px 8px;background:#CFDFA7}
#footertext .lien_neutre a:link,#footertext .lien_neutre a:visited,#footertext .lien_neutre a:hover,#footertext .lien_neutre a:focus {font-size:12px;color:#000;text-decoration:none}
#footertext a:link,#footertext a:visited {font-size:12px;color:#000;text-decoration:none}
#footertext a:hover,#footertext a:focus {color:#000;border-bottom:1px solid #000;text-decoration:none}
#beach_desc a:link,#beach_desc a:visited,#div_event a:link,#div_event a:visited,#event a:link,#event a:visited,#div_comment a:link,#div_comment a:visited,.eventlist a:link,.eventlist a:visited,a.lien:link,a.lien:visited {font-size:12px;color:#09f;text-decoration:none}
#beach_desc a:hover,#beach_desc a:focus,#div_event a:hover,#div_event a:focus,#event a:hover,#event a:focus,#div_comment a:hover,#div_comment a:focus,.eventlist a:hover,.eventlist a:focus,a.lien:hover,a.lien:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
a.lien_big:link,a.lien_big:visited {font-size:25px;color:#09f;text-decoration:none}
a.lien_big:hover,a.lien_big:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
a.lien_moyen:link,a.lien_moyen:visited {font-size:13px;color:#09f;text-decoration:none}
a.lien_moyen:hover,a.lien_moyen:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
a.lien_moyenplus:link,a.lien_moyenplus:visited {font-size:16px;color:#09f;text-decoration:none}
a.lien_moyenplus:hover,a.lien_moyenplus:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
a.lien_petit:link,a.lien_petit:visited {font-size:9px;color:#09f;text-decoration:none}
a.lien_petit:hover,a.lien_petit:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
#output a:link,#output a:visited {font-size:25px;color:#09f;text-decoration:none}
#output a:hover,#output a:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
.directory a:link,.directory  a:visited {font-size:18px;color:#09f;text-decoration:none}
.directory a:hover,.directory a:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
.directory tr.dir {font-size:18px;color:#999;text-decoration:none}
.ariane a:link,.ariane a:visited {font-size:12px;color:#09f;text-decoration:none}
.ariane a:hover,.ariane a:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
a.arianecarte:link,a.arianecarte:visited {font-size:12px;color:#09f;text-decoration:none}
a.arianecarte:hover,a.arianecarte:focus {color:#09f;border-bottom:1px solid #09f;text-decoration:none}
a.premium:link,a.premium:visited {font-size:18px;color:#f00;text-decoration:none}
a.premium:hover,a.premium:focus {color:#f00;border-bottom:1px solid #f00;text-decoration:none}
select.year {border:1px #CCC solid;font-size:136%;color:#666}
#kwick {margin-top:0;position:relative}
#kwick .kwicks {display:block;margin:0;height:81px}
#kwick LI {float:left}
#kwick .kwick {border-right:#fff 2px solid;display:block;background:#fff;overflow:hidden;width:193px;cursor:pointer;height:81px}
#kwick .kwick SPAN {display:none}
a.imglink:link {text-decoration:none}
a.imglink:visited {text-decoration:none}
a.imglink:hover {text-decoration:none;background:none}
a.imglink:active {text-decoration:none}
.rc_box_blue {background:#fff url(/img/rc/rc_180877_grad.gif) no-repeat}
.rc_top_blue div {background:url(/img/rc/rc_180877_tl.gif) no-repeat top left}
.rc_top_blue {background:transparent url(/img/rc/rc_180877_tr.gif) no-repeat top right}
.rc_bottom_blue div {background:url(/img/rc/rc_180877_bl.gif) no-repeat bottom left}
.rc_bottom_blue {background:transparent url(/img/rc/rc_180877_br.gif) no-repeat bottom right}
.rc_top_blue div,.rc_top_blue,.rc_bottom_blue div,.rc_bottom_blue {width:100%;height:30px;font-size:1px}
.rc_content_blue {margin:0 30px}
div#annuairepayspub {height:300px;width:260px;position:fixed;top:150px;margin-left:640px}
:focus {outline:none}
div#container #div_reservation {width:100%;margin-bottom:0;padding-bottom:0;padding-top:2em;border:1px solid #ccc;overflow: hidden;display: none}
.btn {display:block;position:relative;background:#aaa;padding:5px;float:left;color:#fff;text-decoration:none;cursor:pointer}
.btn * {font-style:normal;background-repeat:no-repeat;display:block;position:relative}
.btn i {background-position:top left; position:absolute;margin-bottom:-5px;top:0;left:0;width:5px;height:5px}
.btn span {background-position:bottom left;left:-5px;padding:0 0 5px 10px;margin-bottom:-5px}
.btn span i {background-position:bottom right;margin-bottom:0;position:absolute;left:100%;width:10px;height:100%;top:0}
.btn span span {background-position:top right;position:absolute;right:-10px;margin-left:10px;top:-5px;height:0}
* html .btn span,
* html .btn i {float:left;width:auto;background-image:none;cursor:pointer}
.btn.blue {background:#09f}
.btn:hover {background-color:#a00}
.btn:active {background-color:#444}
.btn[class] { background-image:url(/img/button/shade.png);background-position:bottom}
* html .btn {border:3px double #aaa}
* html .btn.blue {border-color:#09f}
* html .btn:hover {border-color:#a00}
#beach_desc a#reservation-toggle:link,#beach_desc a#reservation-toggle:visited {font-size:25px;color:#ffffff;text-decoration:none;padding:0px 39px 0px 39px;margin:0px 0px 0px 0px;border:0}
a.reserve:link,a.reserve:visited {font-size:11px;color:#f00;text-decoration:none}
a.reserve:hover,a.reserve:focus {color:#f00;border-bottom:1px solid #f00;text-decoration:none}
div#container #div_ombre {width:980px;height:42px;background:url(/img/ombre.png);}
div#container #div_ombre_reservation {width:980px;height:42px;background:url(/img/ombre.png);display: none}
div#div_proximite .liste_proxi ul,.liste_proxi ol{list-style-type:none;width:310px;float:left;margin:0 10px 30px 0}
div#div_proximite li{width:310px;float:left;padding:0}
#screenshot{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}
.panorama-viewport{position:relative;width:600px;overflow:hidden;text-align:left;margin:0;padding:0;}.panorama-container{position:relative;width:100000px;margin:0;padding:0;}.panorama-control{position:absolute;display:none;bottom:-1px;left:0;width:100%;height:30px;background:#000;filter:alpha(opacity=50);opacity:.5;text-align:left;margin:0;padding:0;}.panorama-control-left,.panorama-control-right,.panorama-control-pause{float:left;color:#FFF;text-decoration:none;font-size:20px;line-height:30px;width:33%;text-align:center;font-family:'Arial',sans-serif;margin:0;padding:0;}.panorama-control-left:hover,.panorama-control-right:hover,.panorama-control-pause:hover{text-decoration:none;}.panorama-control-pause{text-transform:uppercase;}.panorama-panel{position:absolute;display:none;top:0;right:0;background:#009cff;filter:alpha(opacity=50);opacity:.5;color:#FFF;padding:4px;}.panorama-panel h2{font-size:11px;text-transform:uppercase;font-family:Arial, sans-serif;text-align:right;}.panorama-panel ul{display:none;}.panorama{position:relative;border:none;margin:0;padding:0;}
.audiotel{font-style:italic;font-color="#C0C0C0";font-size:9px;}
img.lft{float:left;margin-right:6px;border:1px solid #ccc;}
#slidetop{width:100%;height:125px;margin-bottom:5px;border:1px solid #ccc;}
span.fml_titre {color:#999;font-weight:bold;font-size:30px;}
p.fml_texte{color:#404040;font-weight:normal;font-size:20px;}
span.fml_prix{color:#ffcc00;font-family:'Trebuchet MS',Helvetica,sans-serif;font-weight:bold;font-size:50px;}