/*greek colors 
  #214e80 bleu 
  #0a57b7 --
  #4a88cf --
  #e1dfda blanc cassé 
  #cf893d ocre
*/
 
html {overflow:-moz-scrollbars-vertical;}
html, body {font-family:Arial;background-image:url(../img/beachsand3.jpg);background-position:center top;min-height:100%;height:100%;margin:0px 0;padding:0px;}
div#global {min-height:100%;height:auto !important;height:100%;width:770px;padding:0px;margin:0 auto;position:relative;background-image:url(../img/fond.jpg);}
      
div#top {background-image:url(../img/top.jpg);}

h1,h2,h3,h4,ul#menu {font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;}

h1#header {font-weight:bold;height:226px;color:blue;padding:0;margin:0;}
h1#header span {visibility:hidden}

ul#menu {position:absolute;z-index:2;height:25px;margin:0;margin-top:-25px;margin-left:260px;padding:0;list-style-type:none;width:500px;}
ul#menu li {float:left;text-align:center}
ul#menu li a {color:black;width:80px;line-height:20px;font-size:0.9em;font-weight:bold;letter-spacing:2px;display:block;text-decoration:none;}
ul#menu li a:hover {text-decoration:underline;}
      
div {margin:0px;padding:0px}

div#banner {visibility:hidden;z-index:1;position:absolute;top:57px;left:216px;background-image:url(../img/banner.jpg);}
div#slider {width:545px;height:172px;background-image:url(../img/banner.jpg);}

div#center {background-position: 0px -225px; background-image:url(../img/top.jpg);background-repeat:no-repeat;padding-top:10px;padding-bottom:50px;overflow:auto !important;height:auto !important;overflow:visible;height:1%;}

div#infos {float:left;width:180px;padding:0;padding-left:15px;position:relative;}
div#infos h2 {line-height:30px; height:35px;margin:0px;margin:0px;padding-left:15px;color:black;font-size: 0.8em;background-image: url(../img/infos.jpg);background-image:expression((this===this.parentNode.childNodes[0])?"none":"auto");}
div#infos h2.first {line-height:30px; height:35px;margin:0px;margin:0px;padding-left:15px;color:black;font-size: 0.8em;background-image:none;}
div#infos h2 a {text-decoration:none;color:white}
div#infos h2 a:hover {text-decoration:underline}
div#infos a img {border:0px;}
div#infos div {padding:0px 10px 0px 10px;margin:0px;color:black;font-size:0.7em;background-image: url(../img/infos2.jpg);}

div#infos div.sep {margin:0;padding:0;background:url(../img/infos3.jpg);height:20px;margin-bottom:5px;}
div#infos div.sep hr {display:none;}

div#infoActus h3 {padding:0;margin:0;color:black;font-size:1em;}
div#infoActus h3 span.date {padding:0;margin:0;color:black;font-size:0.8em;}
div#infoActus p {padding:0;margin:0;border-bottom:1px solid white;padding-bottom:5px}

div#infoLiens {text-align:center;}
div#infoLiens img {margin:0;padding:5px;}

div#infoMeteo table {border:none;padding:0;margin:0px 0px 0px 10px;}
      
div#contenu {display:inline;float:right;width:510px;padding:0;padding-top:15px;padding-right:30px;}
div#contenu p {text-align:justify;font-size:0.75em;margin:0;padding:0}
div#contenu * {margin:0;padding:0}
div#contenu h2 {background-image: url(../img/vague.jpg);background-repeat: no-repeat;background-position: left bottom; color:black;font-size:1.0em;font-weight:bold;border-bottom:1px solid #214e80;text-indent:40px;margin-bottom:10px;padding-bottom:0px;}
div#contenu h4 {margin:0;padding:0;text-align:left;font-size:1em}
div#contenu ul {margin-left:30px;margin-top:10px;margin-bottom:15px}
div#contenu ul li {font-size:0.75em}
div#contenu table ul {text-align:left;margin-left:15px;margin-top:0px;margin-right:5px;list-style:disc}
div#contenu table ul li {font-size:0.95em}

/*div#contenu p:first-letter {line-height:0.9em;font-size:4em;margin:0.2em;float:left;font-family:cursive;color:crimson;}*/
div#contenu .legende {font-style:italic;color:gray;font-size:0.70em;}
div#contenu .signature {font-style:italic;color:gray;margin-top:8px;font-size: 0.75em;text-indent:8px;}
div#contenu div.sep {margin:0;padding:0;background:url(../img/frise2.gif);height:5px;margin-top:5px;margin-bottom:20px;}
div#contenu div.sep hr {display:none;}

div#contenu #act {background:beige;list-style-type:none;margin-left:10px;margin-bottom:0;position:relative;width:490px;height:180px;border:1px solid silver;border-bottom:0}
div#contenu #act span {padding-left:10px;color:black;width:210px;height:18px;display:block;}
div#contenu #act a {padding-left:10px;border-bottom:1px solid silver;color:black;width:210px;height:18px;display:block;text-decoration:none;}
div#contenu #act a:hover {color:black;background:white;border-right:0;}
div#contenu #act a img {visibility:hidden;position:absolute;background:white;padding:10px;border:0;top:0;left:220px;width:250px;height:160px}
div#contenu #act a:hover img {visibility:visible;position:absolute}

div#contenu table {border:none;padding:0;margin:10px}
div#contenu table thead {text-align: left; font-size:0.75em;font-weight:bold;}
div#contenu table thead tr {height:20px;background-image:url(../img/tabh.jpg);}
div#contenu table thead tr th.g {width:17px;background-image:url(../img/tabhg.jpg);}
div#contenu table thead tr th.d {width:17px;background-image:url(../img/tabhd.jpg);}
div#contenu table tbody {font-size:0.75em;}
div#contenu table tbody tr {height:15px;background-color:#f4f3f2;}
div#contenu table tbody tr td {border-bottom:1px solid white}
div#contenu table tbody tr td.g {border:none;width:17px;background-image:url(../img/tabg.jpg);}
div#contenu table tbody tr td.d {border:none;width:17px;background-image:url(../img/tabd.jpg);}
div#contenu table tfoot tr {height:15px;background-image:url(../img/tabb.jpg);}
div#contenu table tfoot tr th.g {width:17px;background-image:url(../img/tabbg.jpg);}
div#contenu table tfoot tr th.d {width:17px;background-image:url(../img/tabbd.jpg);}


div#map {width:500px;height:300px;border:1px solid black;background-image:url(../img/plan.jpg);}
div#map a {display:none}
div#map span {display:none}

div#gallery {position:relative;width:434px;height:210px;border:1px solid black}
div#gallery ul li a {text-transform:capitalize;color:black;text-decoration:none;font-weight:bold;font-size: 0.8em;}

div#contact p {color:black;margin-left:100px}
div#contact form {position:relative;-moz-box-sizing:border-box;display:block;margin:0 auto;padding:0;width:420px}
div#contact form label {float:left;font-size:0.75em;font-weight:bold;}
div#contact form input {float:right;background-color:white;color:darkgray;width:330px;margin:0 0 5px;padding:1px;border:1px solid black}
div#contact form textarea {float:right;overflow:auto;width:418px;color:blue;height:160px;border:1px solid black}
div#contact form br {clear:both;}
div#contact form button {float:right;background-color:white;border:1px solid black;color:black;font-weight:bold;width:100px;height:18px;font-size:0.75em;margin:2px 0px 0px 2px;}

div form label {font-size:0.75em;font-weight:bold;}
div form button {background-color:white;border:1px solid black;color:black;font-weight:bold;width:100px;height:18px;font-size:0.75em;}
div#way form input {background-color:white;color:darkgray;width:330px;padding:1px;border:1px solid black}
div#prices form input {background-color:white;width:50px;padding:1px;border:1px solid black}

/*
div#gallery a {position:absolute;border:1px solid white;background-color:white;}
div#gallery a:hover {z-index:1;margin-left:-10px;border:1px solid black;padding:2px;margin-top:-7px}
div#gallery a img {border:none;width:60px;height:40px}
div#gallery a:hover img {width:80px;height:56px}
*/
div#previewBox {display:none}
div#preview {display:block;z-index:2;position:absolute;padding:5px;background-color:white;border:1px solid darkgray;left:50%;top:50%;margin-left:-221px;margin-top:-161px}
div#preview img {width:420px;height:300px}
div#shadow {filter:alpha(opacity=10);opacity:0.1;width:424px;height:303px;display:block;z-index:1;position:absolute;padding:5px;background-color:black;border:1px solid black;left:50%;top:50%;margin-left:-223px;margin-top:-162px}

div#bottom {text-align:center; font-size:0.7em; position:absolute;width:100%;bottom:-1px;left:0;padding:0;margin:0;height:37px;background-image: url(../img/bottom.jpg);}
div#bottom a {text-decoration:none;color:silver}
div#bottom a:hover {text-decoration:underline;}
div#bottom p {color:silver;padding-top:15px;margin:0}
div#bottom p#up {float:left;text-indent:30px;}
      
.dateActus {color:#4a88cf;font-weight: bold; font-style:italic; position:relative;font-size:0.8em;top:5px;float:right;}