/* gris sombre : #4d4e4e */
/* gris clair : #a3a2a2 */
/* rouge: #b12b2e */
/* bleu clair: #a0c6d5 (pointilles), #cce0e8 (galerie pagination) */
/* bleu sombre : #131f7e (texte) */
/* vert clair : #adec55 (bordure logos) */
/* vert sombre: #88d221 (police strong box) */

@charset "utf-8";
html, body {padding: 0; margin:0; height: 100%; width: 100%; font-family: "Verdana", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 90%; color: #4d4e4e; }
* {padding:0; margin:0; border:0;}
body {background-color: #fff; }
img {border: none; }
h1 {margin-bottom: 20px; position: relative; float: left; clear: both; font-size: 1.8em; color: #b12b2e; font-weight: normal; font-family: "Arial"; }
h1 strong {font-size: 1.9em; }
h2 {margin-bottom: 10px; color: #88d221; position: relative; float: left; clear: both; color: #131f7e; font-size: 1.2em; }
p {margin-bottom: 10px; clear: both; }
p.pasdemarge {margin-bottom: 0 !important; }
#corpscontenu-texte ul,
#menuhaut ul {position: relative; float: left; clear: left; list-style-position: inside; }

/* frame central */
#frame {position: relative; margin-left: auto; margin-right: auto; margin-top: 0px; width: 988px; height: 674px; }
#frame-cache {position: absolute; top: 0; left: 0; width: 988px; height: 674px; background: transparent url(../images/main-cache-3.png) no-repeat 0 0; z-index: 10; }
.general #frame-cache {background-image: url(../images/main-cache-2.png); }

/* photo de fond */
#frame-photo {position: absolute; top: 85px; left: 18px; width: 955px; height: 578px; z-index: 5; overflow: hidden; }

#credits {position: absolute; left: 0; top: 0; }
#icones {position: absolute; right: 0; top: 0; }
#menubas {position: absolute; right: 70px; top: -5px; text-align: right; width: 500px;  }
#menubas ul {list-style-type: none; margin-right: 0px; position: relative; float: right; }
#menubas ul li {position: relative; float: left; padding-right: 7px; padding-left: 7px; border-right: solid 1px #4d4e4e; }
#menubas ul li a {color: #4d4e4e; text-decoration: none; }
#menubas ul li a:hover {text-decoration: underline; }
#menubas ul li:last-child {border: none; padding-right: 0; }

/* menu haut */
#menuhaut {position: absolute; right: 0; top: 10px; z-index: 20; font-size: 0.9em; }
#menuhaut #flags {position: relative; float: left; margin-top: -3px; }
#menuhaut #flags img {margin-right: 3px; margin-left: 3px; border: solid 1px #6f8baa; }
#menuhaut #flags img:hover {border-color: #000; }

/* boutons essaouira et dakhla */
#menubases {position: absolute; top: 120px; left: 20px; width: 350px; height: 180px; z-index: 50; visibility: hidden; }
.general #menubases {visibility: visible; }
#boutonessaouira {position: absolute; top: 0; right: 0; width: 180px; height: 76px; }
#boutonessaouira a {position: relative; float: left; width: 180px; height: 76px; background: transparent url(../images/elements.png) 0 -839px; }
#boutonessaouira a:hover {background-position: 0 -916px; }

#boutondakhla {position: absolute; bottom: 0; left: 0; width: 172px; height: 59px; }
#boutondakhla a {position: relative; float: left; width: 172px; height: 59px; background: transparent url(../images/elements.png) -280px -839px; }
#boutondakhla a:hover {background-position: -281px -915px; }

/* menu principal */
.general #menuprincipal {visibility: hidden; }
#menuprincipal {position: absolute; right: 10px; top: 20px; z-index: 50; width: 779px; height: 60px; background: transparent url(../images/elements.png) no-repeat 0 0px; font-size: 1em; }
#menuprincipal ul#niv1 {list-style-type: none; margin-left: 15px; position: relative; float: left; margin-top: 0px; }
#menuprincipal ul#niv1 li {position: relative; float: left; height: 41px; padding-top: 16px; width: 85px; text-align: right; padding-right: 17px; }
#menuprincipal ul#niv1 span {color: #fff; text-decoration: none; cursor: pointer; }
#menuprincipal ul#niv1 span:hover {color: #b12b2e; }
#menuprincipal ul#niv1 li.selected {background: transparent url(../images/elements.png) no-repeat 0 -220px; }
#menuprincipal ul#niv1 li.selected span:hover {color: #fff; }


#menuprincipal ul li#niv1-dakhla,
#menuprincipal ul li#niv1-essaouira {background-color: transparent; width: 85px; }
#menuprincipal ul li#niv1-dakhla a.niv1-lien,
#menuprincipal ul li#niv1-essaouira a.niv1-lien {color: #fff; text-decoration: none; cursor: pointer; position: relative; float: left; width: 85px; margin: 0 !important; }
#menuprincipal ul li#niv1-dakhla a.niv1-lien:hover,
#menuprincipal ul li#niv1-dakhla a.niv1-lien:hover {color: #fff; }

#menuprincipal-essaouira,
#menuprincipal-dakhla {display: none; }

#menuprincipal-frame {position: relative; float: left; margin-left: 10px; margin-top: 1px; }
#menuprincipal-frame ul {position: relative; float: left; list-style-type: none; }
#menuprincipal-frame ul li {position: relative; float: left; width: 135px; padding-top: 16px; height: 41px; text-align: center; background-color: transparent; }
#menuprincipal-frame ul li.selected {background: transparent url(../images/elements.png) no-repeat 0 -136px;  }
#menuprincipal-frame ul li.boutons span {cursor: pointer; color: #000; }
#menuprincipal-frame ul li.boutons span:hover {color: #4d4e4e; }
#menuprincipal-frame ul li.boutons a {color: #000; text-decoration: none; }
#menuprincipal-frame ul li.boutons a:hover {color: #4d4e4e; }

#menuprincipal-frame div.bulle-top {position: relative; float: left; width: 163px; height: 21px; background: transparent url(../images/bkg-bulle.png) no-repeat 0 0; z-index: 50;}
#menuprincipal-frame div.bulle-bottom {position: relative; float: left; width: 163px; height: 21px; background: transparent url(../images/bkg-bulle.png) no-repeat -400px 0; z-index: 50; }
#menuprincipal-frame div.bulle {display: none; z-index: 50; margin-top: 10px; }

#menuprincipal-frame ul.navigation {position: relative; float: left; width: 123px; height: auto; background: transparent url(../images/bkg-bulle.png) repeat-y -200px 0; padding-right: 20px; padding-left: 20px; }
#menuprincipal-frame ul.navigation li {text-align: left; font-size: 0.9em; height: auto !important; padding-top: 5px !important; padding-bottom: 5px; padding-left: 13px; border-bottom: dotted 1px #a0c6d5; width: 115px; }
#menuprincipal-frame ul.navigation li ul li {padding-top: 3px; padding-bottom: 3px; }
#menuprincipal-frame ul.navigation a {text-decoration: none; color: #b12b2e !important; }

#menuprincipal-frame ul li.toggleSubMenu ul {clear: left; }
#menuprincipal-frame ul li.toggleSubMenu ul li {padding-left: 0px !important; font-size: 1em !important; border: none; }
#menuprincipal-frame ul li.toggleSubMenu ul li a {color: #a3a2a2 !important;  z-index: 50; }
#menuprincipal-frame ul li.toggleSubMenu ul li a:hover {color: #4d4e4e !important; }
#menuprincipal-frame ul li.toggleSubMenu {background: transparent url(../images/arrow-red-right.png) no-repeat 0px 6px;  z-index: 50; }		
#menuprincipal-frame ul li.open {background: transparent url(../images/arrow-red-bottom.png) no-repeat 0px 6px;  z-index: 50; }


/* tampon */
#tampon {position: absolute; z-index: 15; right: 0px; top: 80px; background-image: url(../images/elements.png); background-repeat: no-repeat; }
.tampon-essaouira {background-position: 0 -450px; height: 50px; width: 340px; }
.tampon-dakhla {background-position: 0 -310px; height: 50px; width: 230px; }


/* pages galerie photo */
#pied-galerie {position: absolute; bottom: -55px; left: 0px; height: 50px; color: #88d221; font-size: 0.8em; width: 987px !important; text-align: right; }
#pied-galerie-credits {position: absolute; left: 0; top: 0; }
#pied-galerie-credits a {color: #88d221; text-decoration: none; }
#pied-galerie-credits a:hover {text-decoration: underline; }

#pagination-pos {position: absolute; bottom: 18px; left: 20px; width: 946px; height: 40px; z-index: 40; background: transparent url(../images/bkg-galerie-navigation.png) no-repeat 0 0; padding-top: 15px; }
.pagination {position: relative; width: 340px; margin-left: auto; margin-right: auto; z-index: 40; }

/*.pagination {position: absolute; bottom: 40px; left: 400px; width: auto; z-index: 40; }*/
.pagination a {text-decoration: none; color: #a3a2a2 !important; background-color: #cce0e8 ; }
.pagination a, .pagination span {display: block; float: left; padding: 2px 6px; margin-right: 5px; margin-bottom: 5px;  }
.pagination a:hover {background-color: #a0c6d5; color: #a3a2a2 !important; }
.pagination .current {background-color: #a0c6d5; color: #a3a2a2 !important; }
.pagination .current.prev, .pagination .current.next {color: #bfdbe8 !important; border-color: #bfdbe8 !important ; background-color: #fff;  }

.pagination .prev {background: transparent url(../images/elements.png) no-repeat 0 -640px !important; width: 32px; height: 32px; margin-top: -6px; margin-right: 5px; }
.pagination .next {background: transparent url(../images/elements.png) no-repeat -208px -640px !important; width: 32px; height: 32px; margin-top: -6px; margin-left: 10px; }
.pagination .next a {width: 100%; height: 100%; position: relative; }
.pagination .prev a {width: 100%; height: 100%; position: relative; }
.pagination .next:hover {background-position: -208px -680px !important; }
.pagination .prev:hover {background-position: 0 -680px !important; }

/* corps contenu */
#corpscontenu-pos {position: absolute; top: 390px; left: -1px; z-index: 11; margin-bottom: 60px; }
#corpscontenu {position: relative; float: left; z-index: 30; width: 987px; height: auto; margin-bottom: 20px; background: transparent url(../images/bkg-contenu-bottom.png) no-repeat left bottom; min-height: 500px; height: 500px; height: auto !important; z-index: 40; padding-bottom: 100px; }
#corpscontenu-top {position: absolute; top: -30px; left: 0; width: 987px; height: 430px; background: transparent url(../images/bkg-contenu-top.png) no-repeat 0 0; z-index: 40; }

#colonne-gauche {position: relative; float: left; width: 152px; margin-left: 40px; min-height: 200px; height: 200px; height: auto !important; margin-right: 10px; padding-top: 10px; }
#corpscontenu-texte {position: relative; float: left; width: 580px; color: #131f7e; padding-top: 10px; }
#colonne-droite {position: relative; float: left; width: 165px; margin-left: 12px; min-height: 200px; height: 200px; height: auto !important; margin-top: -120px; }

#corpscontenu-photo {position: relative; float: left; margin-top: -26px; width: 570px; height: 183px; z-index: 40; padding-top: 10px; padding-left: 10px; margin-bottom: 30px; overflow: hidden; }
#corpscontenu-photo-cache {position: absolute; top: 0; left: 0; background: transparent url(../images/elements.png) no-repeat -312px -75px; z-index: 35; width: 580px; height: 194px; }

#corpscontenu-texte h1 {font-weight: normal; font: 1.6em; width: 580px; }
#corpscontenu-texte h2 {font-weight: normal; font: 1.4em; width: 580px; }
#corpscontenu-texte strong {font-weight: normal; font-size: 1.1em; color: #131f7e; }
#corpscontenu-texte ul {list-style-position: inside; list-style-type: disc; margin-bottom: 20px; width: 580px; }
#corpscontenu-texte ol {list-style-position: inside; margin-bottom: 20px; width: 580px; }
#corpscontenu-texte p {margin-bottom: 20px; width: 560px; }
#corpscontenu-texte a {text-decoration: underline; color: #b12b2e; }
#corpscontenu-texte a:hover {text-decoration: none; }

#corpscontenu-texte p,
#corpscontenu-texte ul,
#corpscontenu-texte ol {color: #4d4e4e; }

#corpscontenu-texte p.attention,
#corpscontenu-texte ul.attention,
#corpscontenu-texte ol.attention {color: #c43e31 !important; background: transparent url(../images/attention.jpg) no-repeat top left; padding-left: 100px; min-height: 105px; height: 105px; height: auto !important; }

#corpscontenu-texte p.attention strong,
#corpscontenu-texte ul.attention strong,
#corpscontenu-texte ol.attention strong {color: #c43e31 !important; font-weight: bold; font-size: 1em; }

#corpscontenu-texte p.smiley {color: #131f7e; font-weight: bold; background: transparent url(../images/smiley.jpg) no-repeat top left; width: auto !important; line-height: 40px; padding-left: 45px; }

#corpscontenu-texte p img {float: right; margin-left: 6px; margin-bottom: 6px; margin-top: 6px; }

#corpscontenu-texte p.attention {width: 450px; }

/* classe box */
.box {position: relative; float: left; clear: left; margin-bottom: 30px; }

/* box météo */
a.ameteo {text-decoration: none !important; }
.box-meteo {width: 164px; height: 92px; background: transparent url(../images/elements.png) no-repeat -850px -345px; }
.meteo-en {background-position: -850px -472px; }
.box-meteo h1 {font-size: 1.1em; font-weight: normal; color: #b12b2e; position: absolute; top: 40px; right: 28px; }
.box-meteo div.ensavoirplus {color: #fff; text-decoration: underline; position: absolute; bottom: 17px; right: 28px; font-size: 0.9em; }
.box-meteo:hover div.ensavoirplus {color: #28429b; }
/*.box-meteo-top {position: relative; float: left; width: 169px; height: 24px; background: transparent url(../images/bkg-box-meteo.png) no-repeat 0 0; }*/
/*.box-meteo-bottom {position: relative; float: left; clear: left; width: 169px; height: 24px; background: transparent url(../images/bkg-box-meteo.png) no-repeat -419px 0; }*/
/*.box-meteo-contenu {width: 158px; padding-left: 11px; height: auto; position: relative; float: left; clear: left; background: transparent url(../images/bkg-box-meteo.png) repeat-y -210px 0;  }*/
/*.box-meteo-contenu h1 {font-weight: normal; font-size: 1.6em; color: #131f7e; width: 100%; text-align: center; margin: 0; padding: 0; }*/
/*.box-meteo-iframe {height: 191px; overflow: hidden; position: relative; float: left; }*/

/* box news */
#box-news {margin-top: -140px; margin-left: -30px; }
#box-news-top {position: relative; float: left; width: 171px; height: 238px; background: transparent url(../images/elements.png) no-repeat -1279px -464px; }
.box-news-body {position: relative; float: left; width: 127px; height: auto; background: transparent url(../images/bkg-box-gris-bottom.png) no-repeat left bottom; padding: 10px; padding-top: 0; text-align: center; margin-left: 20px; }
.box-news-body h1 {font-weight: normal; font-size: 1.3em; color: #b12b2e; width: 127px; margin-bottom: 15px; }
.box-news-body strong {font-weight: bold; font-size: 1.1em; color: #88d221; }
.box-news-body .box-lien {position: relative; float: left; clear: left; width: 127px; }
.box-news-body .box-lien a {color:  #a0c6d5; text-decoration: underline; }
.box-news-body .box-lien a:hover {text-decoration: none; }


/* box info */
.box-info-top {position: relative; float: left; width: 213px; height: 107px; background: transparent url(../images/elements.png) no-repeat -1237px -336px; }
/*.box-info-bottom {position: relative; float: left; width: 147px; height: 16px; background: transparent url(../images/bkg-box-gris.png) no-repeat -320px 0; }*/
.box-info-body {position: relative; float: left; width: 118px; height: auto; padding-left: 85px; padding-right: 10px; background: transparent url(../images/bkg-info-bottom.png) no-repeat left bottom; }
.box-info {position: relative; float: left; text-align: center; color: #a0c6d5; margin-bottom: 40px; margin-left: -80px; margin-top: -50px; }
.box-info h1 {font-weight: normal; font-size: 1.3em; color: #b12b2e; width: 127px; margin-bottom: 15px; }
.box-info strong {font-weight: bold; font-size: 1.1em; color: #88d221; }
.box-info .box-lien {position: relative; float: left; clear: left; width: 127px; }
.box-info .box-lien a {color:  #a0c6d5; text-decoration: underline; }
.box-info .box-lien a:hover {text-decoration: none; }

/* box visite virtuelle */
.box-visite3d-top {position: relative; float: left; width: 213px; height: 96px; background: transparent url(../images/elements.png) no-repeat -1236px -752px; }
/*.box-info-bottom {position: relative; float: left; width: 147px; height: 16px; background: transparent url(../images/bkg-box-gris.png) no-repeat -320px 0; }*/
.box-visite3d-body {position: relative; float: left; width: 118px; height: auto; padding-right: 85px; padding-left: 10px; padding-bottom: 20px; background: transparent url(../images/bkg-visite3d-bottom.png) no-repeat left bottom; }
.box-visite3d {position: relative; float: left; text-align: center; color: #a0c6d5; margin-bottom: 40px; margin-right: -80px; margin-top: -50px; }
.box-visite3d h1 {font-weight: normal; font-size: 1.3em; color: #b12b2e; width: 127px; margin-bottom: 15px; }
.box-visite3d strong {font-weight: bold; font-size: 1.1em; color: #88d221; }
.box-visite3d .box-lien {position: relative; float: left; clear: left; width: 127px; margin-top: 10px; }
.box-visite3d .box-lien a {color:  #a0c6d5; text-decoration: underline; }
.box-visite3d .box-lien a:hover {text-decoration: none; }

/* box social */
#box-social-fr {width: 198px; height: 319px; background: transparent url(../images/elements.png) no-repeat -1450px 0px; }
#box-social-fr:hover {background-position: -1450px -335px; }

#box-social-en {width: 198px; height: 319px; background: transparent url(../images/elements.png) no-repeat -1665px 0px; }
#box-social-en:hover {background-position: -1665px -335px; }

#box-social-fr a,
#box-social-en a {position: absolute; left: 0; bottom: 0; width: 198px; height: 195px; }


/*.box-social-top {position: relative; float: left; width: 163px; height: 23px; background: transparent url(../images/bkg-box-social.png) no-repeat 0 0; }*/
/*.box-social-bottom {position: relative; float: left; width: 163px; height: 23px; background: transparent url(../images/bkg-box-social.png) no-repeat -360px 0; }*/
/*.box-social-contenu {position: relative; float: left; width: 133px; height: auto; background: transparent url(../images/bkg-box-social.png) repeat-y -180px 0; padding-left: 15px; padding-right: 15px; font-size: 0.9em; }*/
/*.box-social-contenu h1 {width: 133px; color: #fff; font-weight: normal; text-align: center; font-size: 1.5em; margin-bottom: 10px; }*/
/*.box-social-contenu p {width: 133px; color: #fff; text-align: center; margin-bottom: 5px; }*/
/*.box-social-contenu a {text-decoration: underline; color: #fff; }*/
/*.box-social-contenu a:hover {text-decoration: none; }*/
/*.box-social-contenu img {margin-bottom: 10px; }*/
/*.box-social-contenu p.social-lien {margin: 0; padding: 0; }*/

/* box infos */
.info {position: relative; float: left; clear: left; padding-bottom: 5px; border-bottom: 1px dotted #cce0e8; margin-bottom: 10px; }
.info:last-child {border-bottom: none; }

/* box shop */
#box-shop {background: transparent url(../images/elements.png) no-repeat -850px -600px; width: 136px; height: 46px; padding-top: 47px; padding-left: 28px; font-size: 0.9em; }
#box-shop a {color: #b12b2e; }
#box-shop a:hover {color: #fff; }


/* logos */
#logos {position: relative; float: left; }
#logos img {margin-bottom: 6px; border: solid 1px #adec55; }

/* pages contact */
#carte-google {position: relative; clear: left; margin-left: auto; margin-right: auto; width: 565px; }

/* page contact général */
#general-contact-carte {position: absolute; left: -40px; top: 40px; background: transparent url(../images/elements.png) no-repeat -975px 0; width: 402px; height: 296px; }
.general-contact #corpscontenu-texte {margin-left: 440px; width: 550px; }
table.general-contact {margin-bottom: 40px; }
table.general-contact thead th {color: #b12b2e;font-weight: normal; text-align: left; padding-bottom: 10px; width: 100px; font-size: 1.2em; }
table.general-contact thead td {padding-bottom: 10px; }
table.general-contact tbody td {color: #a3a2a2; padding-bottom: 10px; }
table.general-contact tbody a {text-decoration: none !important; color: #131f7e !important; }
table.general-contact tbody a:hover {text-decoration: underline !important; }
table.general-contact tbody a.googlemap {position: relative; float: left; color: #000 !important; background: transparent url(../images/elements.png) no-repeat 0 -751px; padding-left: 40px; line-height: 32px; font-size: 0.9em; margin-left: 20px; }


/* page tarifs */
table.tarif {position: relative; float: left; width: 565px; height: auto; margin-top: 20px; margin-bottom: 20px; border-collapse: collapse; }
table.tarif caption {background-color: #adec55; color: #fff; text-align: left; padding: 5px; padding-left: 10px; margin-bottom: 6px; }
table.tarif caption em {font-size: 0.9em; }
table.tarif thead th {font-weight: normal; border-bottom: solid 1px #adec55; padding-bottom: 10px; vertical-align: top; }
table.tarif thead th:first-child {text-align: left; padding-left: 20px; }
table.tarif tbody tr.first th,
table.tarif tbody tr.first td {padding-top: 10px; }
table.tarif tbody th {text-align: left; font-weight: normal; padding-left: 20px; }
table.tarif tbody tr td {text-align: right; padding-right: 40px; }
table.tarif tbody tr.colored {color: #b12b2e; border-bottom: solid 1px #adec55; border-top: solid 1px #adec55; line-height: 20px; }

table.endommage thead th:first-child {width: 370px; }


/* tableaux bungalows */
table.bungalow thead th {background-color: #adec55; color: #fff; border: solid 1px #fff; vertical-align: middle !important; padding-bottom: 5px !important; padding-top: 5px; }
table.bungalow tbody td {text-align: center !important; padding-right: 0 !important; padding-top: 5px; padding-bottom: 5px; border: solid 1px #adec55; width: 60px; }
table.bungalow tbody th {border: solid 1px #adec55; }

/* page news */
div.news {position: relative; float: left; border: solid 1px #adec55; padding: 10px; margin-bottom: 30px; width: 560px; }
div.news h2 {color: #88d221; margin-bottom: 10px; }
div.news p {float: none; width: 560px !important; }
div.news img {float: right; margin-left: 10px; margin-bottom: 10px; }
div.news-date {position: relative; float: left; clear: left; font-style: italic; font-size: 0.8em; color: #adec55; }

.news-pagination {position: relative; float: right; width: auto !important; }
.news-pagination a {text-decoration: none !important; color: #fff !important; background-color: #adec55; }
.news-pagination a, 
.news-pagination span {display: block; float: left; padding: 2px 6px; margin-right: 5px; margin-bottom: 5px;  }
.news-pagination a:hover {background-color: #a0c6d5; color: #a3a2a2 !important; }
.news-pagination .current {background-color: #fff; border: solid 1px #adec55; color: #a3a2a2 !important; }
.news-pagination .current.prev, 
.news-pagination .current.next {color: #bfdbe8 !important; border: none !important ; background-color: #fff;  }

/* page excursions */
.excursions-images {position: relative; float: left; clear: left; margin-bottom: 10px; }
.excursions-images img {margin-right: 10px; border: solid 1px #adec55; }

/* pied de page */
#pied {margin-bottom: 30px; color: #88d221; font-size: 0.8em; position: absolute; width: 987px !important; bottom: -70px; left: 0; text-align: right; padding-bottom: 55px; }
#pied a {color: #88d221; text-decoration: none; }
#pied a:hover {text-decoration: underline; }

#pied-liens {position: absolute; bottom: -140px; left: 0; font-size: 0.7em; width: 987px !important; padding-bottom: 55px; color: #4d4e4e !important; }
#pied-liens ul {list-style: none; color: #4d4e4e !important;}
#pied-liens ul li {float: left; margin-right: 7px; padding-right: 7px; border-right: solid 1px #88d221; }
#pied-liens a {color: #4d4e4e; }
#pied-liens a:hover {text-decoration: none; }

/* page partenaires */
ul.liens p {margin-bottom: 0 !important; }
ul.liens li {margin-bottom: 20px; }


/* pages matériel */
.materiel-logos {position: relative; float: right; clear: both; }
.materiel-logos img {border: solid 1px #adec55; }
.materiel-logos img:hover {border-color: #88d221; }

.materiel-description {display: none; padding: 10px; }
h1.titre-tooltip {font-size: 1.1em !important; font-weight: bold !important; width: 100%; margin-bottom: 5px !important;  }

table.materiel {position: relative; float: left; clear: both; width: 580px; margin-bottom: 20px; margin-top: 20px; }
table.materiel thead th {background-color: #adec55; text-align: left; color: #fff; font-weight: normal; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; }
table.materiel tbody td {border-bottom: solid 1px #adec55; color: #4d4e4e; font-size: 0.8em; vertical-align: top; }

table.materiel td.prix {color: #b12b2e; font-weight: bold; }

table.windsurf-voile tbody td,
table.windsurf-board tbody td,
table.surf-board tbody td {width: 110px; }
table.windsurf-voile thead th,
table.windsurf-board thead th,
table.surf-board thead th {width: 90px; }

table.kitesurf-aile tbody td {width: 160px; }
table.kitesurf-aile thead th {width: 150px; }

/* Réservation (formulaire) */
#formulaire {position: relative; float: left; clear: left; }
#formulaire label {position: relative; float: left; width: 200px; margin-right: 20px; text-align: right; }
#formulaire input,
#formulaire textarea,
#formulaire select {border: solid 1px #a3a2a2; }
#formulaire select {width: 100px; }
#formulaire input {height: 16px; }
#formulaire label.error {color: red; font-style: italic; font-size: 0.9em; width: 300px; text-align: left; margin-left: 220px; }
#formulaire input.error {background-color: #eee; }

#formulaire fieldset {border: solid 1px #adec55; margin-bottom: 30px; padding: 10px; padding-left: 0; padding-right: 0; }
#formulaire fieldset legend {background-color: transparent; color: #88d221; font-weight: normal; font-size: 1.2em; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }
#formulaire input.submit {background-color: #88d221; cursor: pointer; color: #fff; border: none; padding: 3px; height: auto; width: auto; }
#formulaire input.submit:hover {background-color: #adec55; }

#erreur {position: relative; float: left; width: 100%; text-align: center; color: #b12b2e; font-weight: bold; margin-bottom: 30px; }
/* highslide */
.highslide-html-content {}
.highslide-maincontent {}
.highslide-maincontent h2 {font-size: 1.2em; width: 100%; }
.highslide-maincontent ul {list-style-position: inside; list-style-type: square; margin-bottom: 10px; }
.highslide-maincontent table {border-collapse: collapse; border: solid 1px #88d221; margin-bottom: 20px; }
.highslide-maincontent table.large {width: 700px !important; position: relative; float: left; }
.highslide-maincontent table thead {background-color: #88d221; color: #fff; font-weight: normal;  }
.highslide-maincontent table thead th {padding: 3px; border: solid 1px #fff; }
.highslide-maincontent table thead th:first-child {text-align: left; }
.highslide-maincontent table tbody td {text-align: center; padding: 3px; border: solid 1px #88d221; }
.highslide-maincontent table tbody td:first-child {text-align: left; }

/* plugin datePicker */
table.jCalendar {border: 1px solid #555;	background-color: #fff4dd;border-collapse: separate;border-spacing: 2px;}
table.jCalendar th {background-color: #fff4dd;	color: #555;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #fff;color: #000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #fff;color: #5c423e;}
table.jCalendar td.today {background-color: #d4884e; color: #fff;}
table.jCalendar td.selected {background: #f66;color: #fff;}
table.jCalendar td.selected:hover {background: #f33;color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff;color: #000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #eee;color: #888;}

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {position: relative;background: #fff;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;border: solid 1px #d4884e;;}
div#dp-popup {position: absolute;z-index: 199;}
div.dp-popup h2 {font-size: 12px;text-align: center; margin: 2px 0;	padding: 0; float: none; }
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {	cursor: default;}
input.dp-applied {float: left;height: 1.1em;font-size: 0.7em;}

/*#credits {position: absolute; right: 0px; bottom: -30px; font-size: 0.9em; }*/
#credits a {color: #88d221; text-decoration: none; }
#credits a:hover {text-decoration: underline; }


/* CSS FREE THE BOXES */
#ftf_page												{z-index:999;position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;}
#ftf_background											{filter:Alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8;width:100%;height:100%;background-color:#666;position:absolute;z-index:500;top:0px;left:0px;text-align:left;}

#ftf_outer												{z-index: 1000;background:white;position:absolute;left:50%;top:100px;;margin-left:-200px;margin-top:auto;font-family:Tahoma, Helvetica, sans-serif;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border:solid 1px #d8d8d8;border:solid 5px #f1f1f1;}
#ftf_outer a	 										{color:#666;font-size:11px;}
#ftf_outer a:link,
#ftf_outer a:visited,
#ftf_outer a:active										{text-decoration: none;}
#ftf_outer a:hover										{text-decoration: underline;}
#ftf_inner												{font-family:Tahoma, Helvetica, sans-serif;padding:8px; width:404px;}
#ftf_title												{
															color:#999;
															font-size:11px;
															text-align:left;
															background-color:#f3f3f3;
															padding:6px 5px 6px 8px;
															border-left:solid 1px #fff;
															border-top:solid 1px #fff;
															border-bottom:solid 1px #d6d6d6;
														}
#ftf_header												{font-size:11px;text-align:center;padding:10px;color:#666;}
#ftf_inner .ftf_failed									{background-color:#ffcecc;color:#984845;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:solid 3px #e5b9b8;}
#ftf_inner .ftf_failed .ftf_browser_name				{font-weight:bold;}

#ftf_inner .ftf_acceptable								{background-color:#fff6cc;color:#998b45;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:solid 3px #e5ddb8;}
#ftf_inner .ftf_acceptable .ftf_browser_name			{font-weight:bold;}

#ftf_inner .ftf_recommended								{background-color:#e1ffcc;color:#629845;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-bottom:solid 3px #cbe5b8;}
#ftf_inner .ftf_recommended .ftf_browser_name			{font-weight:bold;}
#ftf_inner BR											{clear:both;}

#ftf_header a	 										{color:#000;font-size:10px;}
#ftf_header a:link, 
#ftf_header a:visited 									{text-decoration: underline;}
#ftf_header a:active, 
#ftf_header a:hover 									{text-decoration: none;}

#ftf_body_outer											{font-size:11px;color:#666;}
#ftf_body_inner											{padding:8px 0px 8px 2px;text-align:center;margin-left: auto;margin-right: auto;}

#ftf_body_inner .ftf_browser_link.you					{border:solid 1px #ffcc33 !important;border-bottom:solid 3px #ffcc33 !important;}
#ftf_body_inner .ftf_browser_link.failed				{background:#fff url(http://code.freethefoxes.com/images/back_red.gif) no-repeat top right;}
#ftf_body_inner .ftf_browser_link.appectable			{background:#fff url(http://code.freethefoxes.com/images/back_yellow.gif) no-repeat top right;}
#ftf_body_inner .ftf_browser_link.recommended			{background:#fff url(http://code.freethefoxes.com/images/back_green.gif) no-repeat top right;}

#ftf_body_inner .ftf_browser_link.failed .ftf_browser_download			{color:#629845;}
#ftf_body_inner .ftf_browser_link.appectable .ftf_browser_download		{color:#997d45;}
#ftf_body_inner .ftf_browser_link.recommended .ftf_browser_download		{color:#629845;}
#ftf_body_inner .ftf_browser_link.you .ftf_browser_download				{color:#cca329; !important}

#ftf_body_inner .ftf_browser_link						{width:66px;min-width:66px;margin:0px 2px 10px 0px;float:left;display:block;padding:5px;font-size:9px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#ftf_body_inner .ftf_browser_link:link, 
#ftf_body_inner .ftf_browser_link:visited				{text-decoration:none;border:solid 1px #dadada;border-bottom:solid 3px #dadada;}
#ftf_body_inner .ftf_browser_link:active, 
#ftf_body_inner .ftf_browser_link:hover 				{text-decoration:none;border:solid 1px #b9b9b9;border-bottom:solid 3px #b9b9b9;}

#ftf_body_inner .ftf_browser_icon						{padding:5px;text-align:center;}
#ftf_body_inner .ftf_browser_name						{font-weight:bold;text-align:center;}
#ftf_body_inner .ftf_browser_version					{color:#999999;text-align:center;}
#ftf_body_inner .ftf_browser_download					{padding:1px 3px 0px 3px;text-align:center;}
#ftf_body_inner .ftf_browser_you_label					{padding:1px 3px 0px 3px;font-weight:bold;text-align:center;color:#ffcc33;}


/*FOOTER******************************************************************/
#ftf_footer												{padding:0px;}
#ftf_footer	.ftf_left									{float:left;}
#ftf_footer	.ftf_left a									{text-decoration:none;padding:3px 6px 3px 0px; width:110px;}
#ftf_footer	.ftf_left a:hover							{text-decoration:underline;}
#ftf_footer	.ftf_right									{float:right;}

#ftf_footer	a											{display:block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:3px 6px 3px 6px; width:110px;text-align:center;}
#ftf_footer	.ftf_right a:link,
#ftf_footer	.ftf_right a:visited						{text-decoration:none;border:solid 1px #d8d8d8;border-bottom:solid 3px #d8d8d8;background-color:#f7f7f7;}
#ftf_footer	.ftf_right a:active,
#ftf_footer	.ftf_right a:hover							{text-decoration:none;border:solid 1px #b9b9b9;border-bottom:solid 3px #b9b9b9;background-color:#f7f7f7;}
/*FOOTER******************************************************************/

#ftf_link												{display: none; }