/*
// (C) 2004 - 2010 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou sergelamarche@gmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 
*/

body { position: relative; margin: 0; padding: 0; color: #fff; font: 11px/150% Georgia, Times New Roman, Times, serif; background: #000 url(../images-gen/bg-flocons.gif) center top fixed; }
body.reponseperl, body.reponseperl p { color: #fff; background: transparent; }

a { color: #fff; text-decoration: none; }
a.noir { color: #000; }
a:hover { color: #d02; }
a.inactif { color: #999; }
a.btn-verre-0, a.btn-verre-1 { margin: 10px 0; padding: 2px 6px; background: url(../images-gen/btn-verre-0.png) left center no-repeat; }
a.btn-verre-1 { background-color: #602; color: #d02; }
a.btn-verre-0:hover { background-color: #602; color: #d02; }
a.btn-verre-0:active, a.btn-verre-1:hover { background-color: #630; color: #CC921D; }
a.btn-verre-2 img { background-color: #a00; color: #d02; }
a.btn-verre-2:hover img { background-color: #e80c09; color: #d02; }

h1, body.newsletter h2 { width: 760px; margin: 5px auto; padding: 10px 0; font-size: 20px; line-height: 22px; }
h1 span.gch, body.newsletter h2 span.gch { margin-left: 20px; color: #d02; }
body#homepage h1 { text-align: center; }
body.newsletter h1, body.newsletter h2 { }
h2 { margin: 10px 5px; padding: 2px; font-size: 20px; }
body.newsletter h2 {  }
h3 { margin: 10px 5px; padding: 2px; font-size: 15px; }
body#packages h3 { clear: left; margin-left: 0; }
body#packages h3 span { padding-left: 10px; color: #d02; }
h3.grand { font-size: 16px; line-height: 20px; }
body#packages h3.slogan { text-align: center; width: 480px; padding: 40px 10px; color: #ccc; font-style: italic; background: url(../images-gen/bg-flocons-texte_a.gif) center no-repeat; }
h4 { margin: 10px 5px; padding: 2px; font-size: 12px; }
h4.succes { color: #393; }
h4.echec { color: #f00; }
h5 { margin: 10px 5px; padding: 2px; font-size: 10px; }
h5.package { position: relative; text-indent: 15px; top: 5px; margin: 0; font-size: 12px; font-weight: bold; background: url(../images-gen/bg-flocon-pt.gif) left center no-repeat; }

ul { margin: 5px 15px; padding: 2px 15px; }
ul.package { float: left; width: 466px; list-style-type: disc; margin: 10px 0; padding: 15px 15px 15px 25px; border: 1px solid #626262; background-color: #161616; }

table.donnees { float: right; margin: 15px; border: solid 1px #333; }
table.donnees thead th { padding: 10px; text-align: center; }
table.donnees tbody td { padding: 1px 10px; text-align: center; }

div.imgvariable { float: right; width: 430px; margin: 10px; line-height: 16px; }
div.imgvariable p, body#packages div.imgvariable p { text-align: right; }
body#packages div.imgvariable p a { border: none; }

p { margin: 10px 5px; padding: 2px; }
body#packages p { text-align: justify; margin-left: 0; }
body#packages div.quote { width: 400px; margin: 0; padding: 30px 20px 30px 60px; }
body#packages div.quote p { margin: 0; color: #ccc; font-size: 13px; line-height: 20px; }
body#packages div.quote p.signature { text-align: right; margin-bottom: 20px; font-weight: bold; }

body#packages div.specialinfo { position: absolute; z-index: 6; width: 100%; margin-top: -47px; }
body#packages div.specialinfo p { text-align: right; margin: 0; padding: 3px 0; }
div.specialinfo div.photo { float: right; width: 213px; margin: 5px 0; padding: 0 0 0 5px; border: solid 1px #666; background: #000; } /* text-align: justify; */
div.specialinfo div.photo img { float: right; margin: 0 0 0 5px; }
div.specialinfo div.photo span { position: relative; top: 40px; }
div.specialinfo p.blocs { clear: both; }
div.specialinfo p.blocs span a { margin-left: 9px; padding: 4px 23px; color: #777; background: #000 url(../images-gen/btn-verre-forfaits-2.png) center; }
div.specialinfo p.blocs span a:hover { color: #CC921D; background-color: #740; }
div.specialinfo p.blocs span a:active { color: #f77; background-color: #c00; }
/* border: solid 1px #666; div.specialinfo p.blocs span a { display: inline-block; width: 81px; }
div.specialinfo p.blocs span:first-child a { width: 54px; } */
div.specialinfo div.photo span a { color: #d02; }
div.specialinfo div.photo span a:hover { color: #fff; }

body#packages fieldset { width: 740px; margin: 0 auto; padding: 10px; }

body#packages div.ongletstarifs { float: right; width: 444px; margin: 20px 0 30px 30px; padding: 0; padding-top: 63px; } /* ajuste top: div.ongletstarifs, div.specialinfo et p.commandesv */
body#packages table { position: relative; z-index: 1; width: 220px; margin: 0; }
body#packages table.inactif { float: right; }
body#packages table.ongletscontrole { position: absolute; z-index: 2; visibility: hidden; }
body#packages table.ongletscontrole tbody { display: none; }
body#packages tbody { background: #000; }
body#packages tr { height: 18px; font: 9px/18px Verdana, sans-serif; }
body#packages tr.alta { background: #262626; }
body#packages tr.altb { }
body#packages th { text-align: left; font-weight: normal; }
body#packages td { text-align: right; padding-right: 10px; }
body#packages td.bord { border-right: 1px solid #6d6d6d; }
body#packages thead th { vertical-align: bottom; height: 26px; padding-left: 35px; color: #5f5f5f; font: 10px/24px Verdana, sans-serif; background: #000 url(../images-gen/bg-year-off.gif) left bottom no-repeat; }
body#packages thead th.actif { color: #fff; background: #000 url(../images-gen/bg-year-on.gif) left bottom no-repeat; }
body#packages table.ongletscontrole thead th { padding-left: 0; }
body#packages thead th a { padding: 10px 20px 10px 35px; }
body#packages thead td { background: url(../images-gen/bg-year-bord.gif) left bottom repeat-x; }
body#packages tbody th { padding-left: 10px; border-left: 1px solid #6d6d6d; }
body#packages tr.entete th { padding-top: 10px; padding-bottom: 10px; padding-left: 25px; line-height: 12px; }
body#packages tr.entete td { text-align: center; padding: 10px 0; line-height: 12px; }
body#packages tr.entete td.bord { } /* text-align: right; thead th exige de le mettre? */
body#packages table#ongletpethisyear tr th, body#packages table#ongletpenextyear tr th { padding-left: 10px; }
body#packages table#ongletpethisyear td, body#packages table#ongletpenextyear td { padding-right: 5px; }
body#packages table#ongletpethisyear td.bord, body#packages table#ongletpenextyear td.bord { text-align: left; }
body#packages p.disclaimer { margin: 0; padding: 10px; border: 1px solid #6d6d6d; border-top: none; color: #7d7d7d; font: 9px/13px Verdana, sans-serif; }
body#packages p.noscript { margin: 0; padding: 5px 15px; border: 1px solid #6d6d6d; border-top: none; border-bottom: none; color: #999; font: 10px/13px Verdana, sans-serif; }

body.combos div.combos { text-align: justify; margin: 0; padding: 10px; font: 12px/120% arial, helvetica, sans-serif; color: #ddd; background: url(../images-gen/bg-nouvelles.png) center repeat-y; }
body.combos div.combos table { text-align: center; width: 100%; margin: 40px 0; border: solid 1px #666; color: #ccc; background: url(../images-gen/bg-granuleux-02.png) center; }
body.combos div.combos table.photos { border: none; background: none; }
body.combos div.combos table.stats { border: none; }
body.combos div.combos table.pricegridkicking { float: right; width: 400px; margin: 0 0 10px 20px; }
body.combos div.combos table.pricegridkicking tbody th { text-align: left; padding-left: 10px; }
body.combos div.combos table tr.b { background: url(../images-gen/bg-granuleux-01.png) center; }
body.combos div.combos table tr.rouge th { padding: 4px; font-size: 16px; line-height: 18px; }
body.combos div.combos p { text-align: justify; }
body.combos div.combos a { border-bottom: dotted 1px #ccc; }


.gauche { float: left; }
.droite { float: right; }
.centre { text-align: center; }
.rouge { color: #d02; }
.or { color: #CC921D; }
.souligne { text-decoration: underline; }
.invisible { visibility: hidden; }
strong { font-weight: bold; color: #999; }
body#learnmore strong, body.ciblage strong { color: #ddd; }
p.deflottegauche { clear: left; height: 2px; margin: 0; padding: 0; font-size: 2px; line-height: 2px; }
div.noscript { width: 740px; margin: 20px auto; padding: 10px; border: 3px solid #d02; }
div.noscript h2 { font-size: 16px; }
div.noscript h3 { color: #ccc; }
div.noscript p { text-align: justify; }

/* Navigation, modified from previous */

ul#nav { margin: 0 auto; padding: 0; width: 760px; height: 36px; text-align: center; border-bottom: 2px solid #fff; }
body.newsletter ul#nav { background: #000; }
ul#nav li { float: left; position: relative; z-index: 2; list-style: none; width: 100px; margin: 7px 4px; }
ul#nav li a { display: block; color: #ddd; width: 85px; height: 20px; border: 1px solid #5f5f5f; text-transform: uppercase; font: bold 9px/20px Verdana, sans-serif; background: url(../images-gen/nav-bg.gif) no-repeat left top; }
ul#nav li a:hover { background-color: #444; }

ul#nav li#nav-home { width: 32px; }
ul#nav li#nav-home a { width: 30px; border: 1px solid #000; background: url(../images-gen/nav-home.gif) left center no-repeat; }
ul#nav li#nav-home a:hover { background: url(../images-gen/nav-home.gif) right center no-repeat; }

ul#nav li#nav-hubwm { width: 125px; }
ul#nav li#nav-hubwm a { width: 112px; }
ul#nav li#nav-hubmedia { width: 123px; }
ul#nav li#nav-hubmedia a { width: 110px; }

ul#nav li ul { display: none; position: absolute; width: 240px; top: 22px; margin: 0; left: 0; padding: 8px 0; border-bottom: 2px solid #fff; background-color: #000; }
ul#nav li:hover ul { display: block; }

/* <!--[if IE 6]>(onmouseover avec javascript)
ul#nav li#nav-gallery ul { display: block; }
ul#nav li#nav-packages ul { display: block; }
ul#nav li#nav-brochures ul { display: block; }
<![endif]--> */

ul#nav li ul li { display: block; width: 240px; text-align: left; height: 20px; margin: 0; }
ul#nav li ul li a { display: block; position: relative; width: 240px; text-indent: 10px; border: none; background-image: none; color: #fff; }
ul#nav li ul li a em { position: absolute; top: 0; left: 150px; color: #e20020; font-style: normal; }

ul#nav li#nav-gallery ul { width: 130px; }
ul#nav li#nav-gallery ul li, ul#nav li#nav-gallery ul li a { width: 130px; }

ul#nav li#nav-map ul { }

ul#nav li#nav-brochure ul { width: 140px; }
ul#nav li#nav-brochure ul li, ul#nav li#nav-brochure ul li a { width: 140px; }

ul#nav li#nav-aboutus ul { width: 150px; }
ul#nav li#nav-aboutus ul li, ul#nav li#nav-aboutus ul li a { width: 150px; }
/* Navigation end max-width: 200px; */

div#barre { position: absolute; z-index: 5; left: 5%; margin: -170px 0 0 0; padding: 15px 0 0 0; width: 460px; background: url(../images-gen/bg-barreecusson.gif) right bottom no-repeat; } /* -195px -161px */
body.index div#barre, body.nouvelles div#barre, body.erreur div#barre, body.ciblage div#barre { width: 530px; } 
div.gch { position: relative; top: 3px; float: right; margin: 0; padding: 0; }
div.gch h2 { margin: 0; padding: 0; text-align: right; letter-spacing: 1px; font: bold 19px/100% arial, helvetica, sans-serif; }
div.gch h2 span.great { float: left; margin: 0; padding: 0; }
div.gch h2 span.hs { margin: 0; padding: 0; color: #d02; letter-spacing: 4px; font: bold 29px/100% impact, arial, helvetica, sans-serif; }
div.gch h2 span.bout { letter-spacing: 4px; }
div#barre div.bas { clear: both; height: 70px; margin: 0; padding: 0; background: #d11 url(../images-gen/bg-barre4.gif) right bottom no-repeat; }
body.index div#barre div.bas, body.nouvelles div#barre div.bas, body.erreur div#barre div.bas, body.ciblage div#barre div.bas { background: #d11 url(../images-gen/bg-barre4-gd.gif) right bottom no-repeat; }
div#barre div.bas p { margin: 9px 0 0 0; padding: 0 10px; } /* padding car marge double sur IE6 */
div#barre div.bas p#titre { margin: 0 auto; padding: 15px 0 0 18%; font-size: 20px; }
body.index div#barre div.bas p#titre, body.nouvelles div#barre div.bas p#titre, body.erreur div#barre div.bas p#titre, body.ciblage div#barre div.bas p#titre { font-weight: bold; font-size: 14px; }
div#barre div.bas p#soustitre { margin: 0 auto; padding: 5px 0 0 18%; font-weight: bold; font-size: 14px; }
div#barre div.bas p#soustitre span { color: #300; }
p.horsbarre { position: absolute; margin-left: 534px; margin-top: -72px; }

div.espace { clear: both; height: 2px; }

div.central { width: 760px; margin: 0 auto; padding: 0; }

body.index div.textegauche { float: left; width: 350px; margin: 0; padding: 11px; text-align: justify; background: #000 url(../images/content-main-sanstexte-bg.jpg) left bottom no-repeat; }
body.index div#forfaits { width: 350px; margin: 0; padding: 0; }
body.index div#forfaits p.menu, body.index div#forfaits p.menuactif { text-align: right; margin-bottom: 0; padding: 0; border-bottom: dotted 1px #5f5f5f; font-size: 11px; line-height: 15px; background: url(../images-gen/bg-signe.gif) left 2px no-repeat; } /* text-transform: uppercase;  */
body.index div#forfaits p.menuactif { background: url(../images-gen/bg-signe.gif) left -11px no-repeat; }
body.index div#forfaits p.menu a, body.index div#forfaits p.menuactif a { cursor: pointer; }
body.index div#forfaits p.menuactif a { color: #d02; }
body.index div#forfaits p.menuactif a:hover { color: #ccc; }
body.index div#forfaits p.menu span, body.index div#forfaits p.menuactif span { float: left; }
body.index div#forfaits p.menu em, body.index div#forfaits p.menuactif em { font-style: normal; }
body.index div#forfaits p#menuseasonpass { text-indent: 35px; line-height: 21px; background: url(../images/minicard.gif) no-repeat left center; }
body.index div#forfaits p#menucombos { background: transparent; }
body.index div.forfait { height: 0; overflow: hidden; margin: 0; padding: 0; }
body.index div.forfait ul { margin: 0; padding: 0; padding-left: 24px; }
body.index div.forfait ul li { list-style-type: disc; line-height: 20px; }
body.index div.forfait p.lien { margin-top: 0; margin-bottom: 10px; }
body.index div.forfait a img { margin: 0; margin-top: 10px; margin-left: 5px; border: 1px solid #474747; }
body.index div.forfait a:hover img { border: 1px solid #d02; }
div.nouvelles { text-align: justify; margin: 0; padding: 10px; font: 11px/120% arial, helvetica, sans-serif; color: #eee; background: url(../images-gen/bg-nouvelles.png) center repeat-y; }
body.index div.nouvelles { float: right; overflow: auto; width: 360px; height: 463px; background: #333 url(../images-gen/bg-nouvelles_0807.gif) center bottom no-repeat; }
div.nouvelles h2.title { margin: 0 0 10px 0; font-size: 20px; line-height: 22px; color: #d02; }
div.nouvelles h3 { margin: 0 0 10px 0; font-size: 18px; }
div.nouvelles ul { list-style-type: none; margin: 0; padding: 0; }
body.index div.nouvelles ul { height: 360px; overflow: hidden; }
div.nouvelles li { margin: 0 0 10px 0; }
div.nouvelles li a, body.textesenchemises div.nouvelles a { border-bottom: dotted 1px #999; }
body.nouvelles div.nouvelles li { margin: 20px 0; }
body.nouvelles div.nouvelles li ul.stylise { list-style-type: disc; margin: 5px; padding: 0 10px; }
body.nouvelles div.nouvelles li ul.stylise li { margin: 2px; padding: 2px; }
div.nouvelles li h2 { margin: 15px 0; text-transform: capitalize; font-size: 16px; line-height: 18px; }
div.nouvelles li h4 { margin: 0; font-size: 12px; letter-spacing: 0.05em; }
div.nouvelles li p { margin: 0; padding: 0;}
body.nouvelles div.nouvelles li p { margin: 5px 0; padding: 0;}
body.nouvelles div.nouvelles li div p { text-align: center; }
div.nouvelles li div.gauche { margin: 10px 20px 10px 0px; padding: 0;}
div.nouvelles li div.droite { margin: 10px 0px 10px 20px; padding: 0;}

body.about div.central div.guide { margin: 0; padding: 15px 10px; background: url(../images-gen/bg-gradrougeskieur.png) right top; }
body.about div.central div.pilot { margin: 0; padding: 15px 10px; background: url(../images-gen/bg-gradrougehelico.png) right top; }
body.about div.central p { text-align: justify; margin: 10px 0; padding: 10px; }
body.about div.central p.description { clear: both; margin-top: 0; border-top: dotted 2px #902; border-bottom: solid 2px #d02; background: url(../images-gen/bg-gradrouge.png) bottom; }
body.about div.central ul { float: right; list-style: url(../images-gen/triangle.png) circle; margin: 0; padding: 0; width: 480px; }
body.about div.central ul li { margin: 0 0 0 25px; padding: 0; }
body#aboutus div.textegauche { float: left; width: 500px; margin: 0; padding: 0; }
body#aboutus div.textegauche p { margin-left: 0; text-align: justify; }
body#aboutus div.textegauche p strong { color: #fff; }
body#aboutus div.textedroite { float: right; width: 220px; margin: 0; padding: 0; }
body#aboutus div.textedroite h3 { margin: 5px 0; padding: 0; }
body#aboutus dl#timeline { margin: 0; padding: 0; }
body#aboutus dl#timeline dt { float: left; clear: both; text-align: center; width: 35px; margin: 0; padding: 8px 0 0 0; color: #000; background: #d02; }
body#aboutus dl#timeline dd { float: left; width: 165px; margin: 0 0 10px 0; padding: 2px 8px; border-top: solid 1px #d02; }
body#aboutus dl#timeline dd img { float: left; margin: 1px 4px 1px 0; border: solid 1px #fff; }

body#contactus div.central { width: 700px; margin: 0 auto; padding: 20px 30px; border: solid 1px #666; }
body#contactus div.gchcoordinates { float: right; width: 35%; margin: 10px 0; padding: 0; }
body#contactus div.gchcoordinates div { margin: 0; }
body#contactus div.gchcoordinates div.photo { height: 120px; margin: 0 10px 0 0; padding: 0; border: solid 1px #666; }
body#contactus div.gchcoordinates div.photo img { float: right; }
body#contactus div.gchcoordinates div.photo p.legende { margin: 20px 0 0 10px; padding: 0; color: #ddd; }
body#contactus div.gchcoordinates div.photo p.legende strong { font-size: 26px; vertical-align: -0.5ex; }
body#contactus div.gchcoordinates p strong { font-size: 16px; vertical-align: -0.2ex; }
body#contactus div.gchcoordinates div.droite * { text-align: right; margin-right: 0; }
div.formulaire { width: 55%; margin: 0; padding: 0; }
body#booking div.formulaire { width: 740px; margin: 20px auto; padding: 0; }
body#booking div.formulaire fieldset { padding: 10px; }
div.formulaire p { margin: 5px 0; padding: 2px 0; }
div.formulaire p span { float: left; }
div.formulaire p.data span { width: 10em; line-height: 28px; }
div.formulaire p.data span.long { width: 17em; border-bottom: dotted 1px #999; }
div.formulaire p.data input { height: 16px; font: 11px/150% Georgia, Times New Roman, Times, serif; }
body#contactus div.formulaire p.data input { width: 23em; }
div.formulaire p.data2 { clear: left; text-align: right; padding: 10px 18px 0 0; }
div.formulaire p.data2 textarea { font: 11px/150% Georgia, Times New Roman, Times, serif; }
div.formulaire p.data2 input.send:hover, input.update:hover { border: dotted 1px #ccc; color: #fff; background: #f00; }
div.formulaire p.data2 input.send, input.update { width: 100px; padding: 2px; border: solid 1px #d02; color: #fff; background: #d02; }
div.formulaire p.commentaire { clear: left; text-align: center; padding-top: 20px; color: #999; }

div#screen, div#ecran, div#legende { width: 760px; margin: 0 auto; padding: 0; }
div#screen { display: none; position: absolute; left: 0; width: 100%; text-align: center; }
div#ecran { position: relative; overflow: auto; text-align: center; min-height: 360px; max-height: 507px; }
div#ecran object, div#ecran embed { margin: 20px auto; padding: 0; }
div#ecran p a { border-bottom: dotted 1px #ccc; }
div#ecran p, div#ecran div.textevideo p { text-align: justify; margin: 3px 0; }
div#ecran div.textevideo span { color: #999; }
div#ecran div.textevideo { position: relative; text-align: left; float: left; overflow: auto; margin: 20px 0 auto 0; padding: 0 10px 0 0; }
div#ecran div.gauche { float: left; margin: 5px 10px 5px 0; }
div#ecran div.droite { float: right; margin: 5px 0 5px 10px; }
div#ecran div.gauche p, div#ecran div.droite p { text-align: center; }
img#img01 { position: relative; z-index: 1; }
img.bougele { cursor: move; left: -1980px; top: -1400px; } /* probleme sur IE6 empeche l'usage. */
img#img02 { position: relative; z-index: 0; }
img#attend { display: none; position: absolute; margin: 180px 49%; }
img#nodeattend { position: relative; top: 180px; }
div#legende p { text-align: center; margin: 0; padding: 6px; color: #ccc; background: #000 url(../images-gen/bg-legende.gif) center; }
div#legende p span.espacement { padding: 0 150px; }
div#legende p a:link { color: #ddd; }
div#legende p a:hover { color: #e20020; }

div#onglets { position: relative; width: 760px; min-height: 320px; margin: 2px auto; padding: 0; } /* height dans html pour IE6, quand onglets sont absolute. */
div#onglets p.commandesh, div#onglets p.commandesv { position: relative; top: 1px; z-index: 3; margin: 0; padding: 2px 0; line-height: 10px; }
div#onglets p.commandesh { float: left; margin-left: 1px; }
body#weathermap div#onglets p.commandesh { float: none; }
body.textesenchemises div#onglets { min-height: 340px; } /* dans html pour IE6. */
body.textesenchemises div#onglets p.commandesv { float: none; width: 100%; }
body.textesenchemises div#onglets p.commandesv span#first { margin-left: 0; }
body.textesenchemises div#onglets p.commandesv span { position: relative; margin: 0; background: #000; }
/* pour page learn more: */
div.icones { text-align: center; width: 760px; height: 115px; margin: 0 auto 10px auto; padding: 0 0 0 11px; }
div.icones div { position: relative; z-index: 1; overflow: hidden; float: left; width: 118px; height: 115px; margin: 0 0 10px 6px; padding: 0; background: #111 url(../images-gen/bg-fleche-bas.gif) no-repeat left bottom; } /*   */
div.icones div:hover { background: #111 url(../images-gen/bg-fleche-bas.gif) right bottom no-repeat; } 
div.icones div.actif { width: 116px; height: 106px; top: 19px; border: solid 1px #666; border-bottom: none; background: #000 none; }
div.icones div p { margin: 0; padding: 0; width: 118px; color: #999; background: #530; }
div.icones div.actif p { color: #fff; }
div.icones div#iconefaq { margin-left: 0; } /* le premier doit avoir 0 de marge cause bug double sur IE. */
table.touslesonglets { clear: both; width: 760px; height: 440px; margin: 0 auto; color: #ccc; }
table.touslesonglets td { vertical-align: top; margin: 0; padding: 0; background: #000; }
div.mesonglets { margin: 0; padding: 0; border: solid 1px #666; } 
div.mesonglets p.commandes { position: relative; z-index: 3; width: 740px; margin: 15px 10px; padding: 0; line-height: 10px; }
div.mesonglets p.commandes span { position: relative; }
div.mesonglets p.commandes span#first-0, div.mesonglets p.commandes span#first-1, div.mesonglets p.commandes span#first-2, div.mesonglets p.commandes span#first-3, div.mesonglets p.commandes span#first-4, div.mesonglets p.commandes span#first-5 { margin-left: 0; }
div.mesonglets p.commandes span.tab a { border: solid 1px #666; margin-right: 3px; padding: 4px; background: #000; } 
div.mesonglets p.commandes span.tab a.inactif { color: #999; background: #333; } 
div.mesonglets p.commandes span.tab a.inactif:hover { color: #d02; } 
div.mesonglets div.defilevv { height: 390px; padding-bottom: 20px; } /* assure grandeur des contenants si identique a défile. */
div.mesonglets div.defile { position: relative; z-index: 1; overflow: auto; text-align: justify; width: 100%; height: 390px; padding-bottom: 20px; background: #000; } 
div.mesonglets div.defile h2 { text-align: left; }
div.mesonglets div.defile h3 { text-align: left; }
div.mesonglets div.defile h4 { color: #CC921D; }
div.mesonglets div.defile h5 { font-size: 12px; color: #a72; }
div.mesonglets div.defile img { margin: 2px 10px; }
div.mesonglets div#onglettypicalday p { padding-bottom: 0; }
/* pour page forfaits: */
body#packages div#onglets { min-height: 890px; } /* dans html pour IE6. Ajuster aussi:  body#packages div.defilev */
body#booking div#onglets { min-height: 500px; } /* dans html pour IE6. Ajuster aussi:  body#packages div.defilev */
p.commandesforfaits { position: absolute; z-index: 3; right: 0; margin: 0; padding: 6px 0; line-height: 12px; margin-top: 93px; } 
p.commandesforfaits span#privateescape a { background: #d02 url(../images-gen/btn-tab-privesc.png) center top no-repeat; } 
p.commandesforfaits span#privateescape a.inactif { background: #000 url(../images-gen/btn-tab-privesc.png) center -24px no-repeat; } 
p.commandesforfaits span#privateescape a:hover { background-color: #740; }
p.commandesforfaits span.tab a { margin: 0 4px 0 0; padding: 4px 8px 6px 8px; background: #f00 url(../images-gen/btn-verre-forfait-0.png) center no-repeat; color: #f88; } 
p.commandesforfaits span.tab a.inactif { background-color: #000; color: #777; } 
p.commandesforfaits span.tab a:hover { background-color: #740; color: #CC921D; }
/* fin de forfaits */
p.commandesv { float: right; width: 28%; }
p.commandesh span, p.commandesv span { margin-right: 10px; }
p.commandesh a, p.commandesv a { margin: 0; padding: 2px 8px; } /* padding vertical doit être identique au p */
p.commandesh span.tab a, p.commandesv span.tab a { border: solid 1px #666; border-bottom: none; background: #000 url(../images-gen/bg-tab.gif) left top no-repeat; } 
p.commandesh span.tab a.inactif, p.commandesv span.tab a.inactif { position: relative; top: -1px; color: #777; border: solid 1px #444; border-bottom: none; background: #333; } 
p.commandesh span.tab a:hover, p.commandesv span.tab a:hover { background: #444; }
div#onglets p.commandesh span.arrow, div#onglets p.commandesv span.arrow { visibility: hidden; position: relative; bottom: 4px; } 
div#onglets p.commandesh span.arrow a, div#onglets p.commandesv span.arrow a { padding: 0 8px; font: 15px sans-serif; } 
div#onglets p.commandesh span#arrowsphoto, div#onglets p.commandesh span#arrowsmap { display: none; } 
div#onglets a.larr { background: url(../images-gen/bg-larr.gif) left top no-repeat; } 
div#onglets a.larr:hover { background: url(../images-gen/bg-larr.gif) right top no-repeat; } 
div#onglets a.rarr { background: url(../images-gen/bg-rarr.gif) left top no-repeat; } 
div#onglets a.rarr:hover { background: url(../images-gen/bg-rarr.gif) right top no-repeat; } 
div#onglets a.uarr { background: url(../images-gen/bg-uarr.gif) left top no-repeat; } 
div#onglets a.uarr:hover { background: url(../images-gen/bg-uarr.gif) right top no-repeat; } 
div#onglets a.darr { background: url(../images-gen/bg-darr.gif) left top no-repeat; } 
div#onglets a.darr:hover { background: url(../images-gen/bg-darr.gif) right top no-repeat; } 
/* <<<entre commandes et panneaux des onglets.>>> */
div.defilehh { float: left; position: relative; width: 100%; margin: 0; padding: 0; }
body#weathermap div.defilehh { float: none; width: 100%; }
body.textesenchemises div.defilevv { float: none; width: 100%; }
div.defileh, div.defilev { position: relative; z-index: 1; overflow: auto; margin: 0; padding: 0; border: solid 1px #666; background: #000; }
div.defileh { width: 100%; height: 135px; }
div#ongletvideo, div#ongletweather { position: absolute; z-index: 2; } /* <- pas encore mis en js. */
div.defilev { float: right; width: 28%; height: 300px; }
body.textesenchemises div.defilev { float: none; z-index: 1; width: 100%; height: 320px; overflow: auto; } /* position: absolute; mis dans js swapplus. overflow: auto; en cas de font plus gros. */
body#packages div.defilev { height: 890px; overflow: hidden; border: none; } 
body#booking div.defilev { height: 500px; } 
body.textesenchemises div.defilev p a { border-bottom: dotted 1px #ccc; }
div ul.ongletmini { position: absolute; margin: 0 2px 2px 0; padding: 2px; }
div.defileh ul.ongletmini { width: 90%; }
div.defilev ul.ongletmini { height: 260px; }
div.defileh ul.ongletmini li { float: left; list-style: none; width: 128px; margin: 2px; padding: 2px 2px 20px 2px; background: #666 url(../images-gen/bg-slidelih.gif) left bottom no-repeat; } /* width nécessaire pour éliminer barre de défilement verticale. */
div.defileh ul.ongletmini li:hover, div.defileh ul.ongletmini li.survole { background: #f00 url(../images-gen/bg-slidelih.gif) right bottom no-repeat; }
div.defilev ul.ongletmini li { list-style: none; width: 165px; margin: 5px 2px; padding: 2px 2px 2px 20px; background: #666 url(../images-gen/bg-slideliv.gif) left top no-repeat; } /* 165px laisse 15px pour la barre de défilement. Remis avec js. */
div.defilev ul.ongletmini li:hover, div.defilev ul.ongletmini li.survole { background: #f00 url(../images-gen/bg-slideliv.gif) left center no-repeat; }
div.defileh ul.ongletmini p { text-align: center; margin: 0; padding: 0 5px; background: #530; }
div.defilev ul.ongletmini p { margin: 0; padding: 0 5px; background: #530 url(../gallery-textes/bg-logohelico.gif) center; }
ul.ongletmini p a { margin: 0; padding: 2px 0px; }
ul#slideongletnouvelles p a { display: inline-block; }
div.affiche { float: left; overflow: hidden; margin: 5px 0 0 0; padding: 5px 1px; width: 100%; height: 150px; background: #f00 url(../images-gen/bg-affiche2.gif) center; } /* ie fixed bug! */
body#weathermap div.affiche { width: 100%; }
div.affiche p { margin: 0; padding: 10px; }
div.affiche p span { color: #E99; }
div.affiche p strong { color: #ecc; padding-right: 10px; }
div.affiche p strong.marge { padding-left: 75px; }
div.affiche p a { border-bottom: dotted 1px #ccc; }
div.affiche p a:hover { color: #ecc; }

div.modules { margin: 20px auto; padding: 0; height: 80px; width: 90%; background: #000; }
div.modules p.tagweather, div.modules p.tagmap { float: left; position: relative; top: 10px; z-index: 1; margin: 0; padding: 2px 0; width: 49%; }
div.modules p.tagmap { float: right; }
div.modules p.tagweather span, div.modules p.tagmap span { margin: 0 0 0 80px; padding: 2px 8px; border: solid 1px #666; background: #393939; }
div.moduleg, div.moduled { float: left; overflow: auto; margin: 0; padding: 20px 7px; height: 80px; width: 46%; border: solid 1px #666; background: #000; }
div.moduled { float: right; }

p.tagmur, p.tagtexte { position: relative; top: 10px; z-index: 1; margin: 30px auto 0 auto; padding: 2px 0; width: 90%; }
p.tagmur span, p.tagtexte span { margin: 0 0 0 80px; padding: 2px 8px; border: solid 1px #666; background: #393939; }
div.mur, div.texte { margin: 0 auto; padding: 20px 7px; width: 90%; border: solid 1px #666; background: #000; }
div.mur ul { margin: 10px; padding: 5px 5px 5px 10px; }
div.mur ul li { margin: 0; padding: 5px 5px 5px 0px; }
div.mur iframe { margin: 5px; padding: 0; border: none; background: #000; }
div.mur fieldset { position: absolute; z-index: 2; width: 40em; margin-left: 10px; margin-top: -180px; padding: 10px; border: solid 2px #666; background: #333; }
div.mur fieldset a.ferme { position: absolute; margin-left: 35em; }
div.mur fieldset p input, div.mur fieldset p textarea { margin-left: 20px; }
div.mur .soumettre { width: 50px; padding: 2px; border: solid 1px #d02; color: #fff; background: #d02; }
div.mur .soumettre:hover { border: dotted 1px #ccc; color: #fff; background: #f00; }

div.central ul.sitemap li { margin: 5px; }
div.central ul.sitemap li ul { margin: 0 0 15px 0; }
div.central ul.sitemap li em { margin-left: 30px; }
div.central ul.sitemap li a { border-bottom: dotted 1px #ccc; }

div.renonciation { width: 700px; padding: 15px; font-family: arial, helvetica; color: #000; background: #fff; }
div.renonciation table.bas td { vertical-align: bottom; }
div.renonciation table.haut td { vertical-align: top; }
div.renonciation p, div.renonciation ol { text-align: justify; }

ol.a { list-style-type: lower-latin; }
ol.i { list-style-type: lower-roman; }
ol.I { list-style-type: upper-roman; }


body.ciblage div.central p { text-align: justify; margin: auto 0; padding: 5px 0; color: #ccc; }
body.ciblage div.central h3 { clear: left; margin: 10px 0 0 0; padding-left: 0; color: #CC921D; }
body.ciblage div.central ul.boite { margin: 10px 5px; padding: 20px 20px 20px 40px; border: solid 1px #444; background: #191919; }
body.ciblage div.central table.forfaits { margin: 10px auto; padding: 10px; background: #191919; }
body.ciblage div.central table.forfaits th { text-align: left; padding: 0 20px; color: #CC921D; } 
body.ciblage div.central table.forfaits td { padding: 0 20px; }
body.ciblage div.central img.gauche { margin: 5px 10px 10px 0; }
body.ciblage div.central a { border-bottom: dotted 1px #ccc; }

body#forbesskyscraperad { background: #000 url(../images-gen/bg-gp43-1600px.jpg) left bottom fixed; }
body#forbesskyscraperad table.pub { margin: 10px; height: 600px; width: 160px; border: 1px solid #666; color: #ccc; font: 10px/12px tahoma, arial, verdana, sans-serif; background: #000; }
body#forbesskyscraperad table.pub td { text-align: center; vertical-align: top; padding: 0; }
body#forbesskyscraperad table.pub td.bas { vertical-align: bottom; }
body#forbesskyscraperad table.pub h1#GC { text-align: right; width: 130px; margin: 0 auto; padding: 0; letter-spacing: 2px; font: bolder 10px/10px tahoma, arial; }
body#forbesskyscraperad table.pub h2#HS { text-align: right; width: 130px; margin: 0 auto; padding: 0; letter-spacing: 3px; font: bolder 15px/15px impact, arial; }
body#forbesskyscraperad table.pub h1#GC span.dernierelettre, body#forbesskyscraperad table.pub h2#HS span.dernierelettre { letter-spacing: 0; }
body#forbesskyscraperad table.pub p.slogan { letter-spacing: 2px; }
body#forbesskyscraperad div.siteinfo { background: url(../images-gen/hueymongous2.png) right bottom repeat-x; }


div.siteinfo { margin: 0; padding: 50px 0 0 0; height: 50px; width: 100%; border-bottom: 2px solid #fff; background: url(../images-gen/hueymongous2.gif) right bottom repeat-x; }
div.siteinfo div.gauche { float: left; text-align: left; font: 9px/12px Verdana, sans-serif; }
div.siteinfo p { margin: 7px 0; padding: 0; }
div.siteinfo p a { margin: 0; padding: 2px 10px; }
div.siteinfo p span { margin: 0 40px 0 10px; }
div.siteinfo p span.serge { position: absolute; z-index: 0; }
div.siteinfo p span.serge, div.siteinfo p span.serge a { color: #777; }
div.siteinfo div.droite { float: right; position: relative; z-index: 0; text-align: center; }
div.siteinfo div.droite h3 { margin: 0 10px; padding: 0; font: bold 20px Georgia, Times New Roman, Times, serif; }
div.siteinfo div.droite h4 { margin: 0 10px; padding: 0; font: 11px/150% Georgia, Times New Roman, Times, serif; }


sup { vertical-align: 20%; }
img { margin: 0; padding: 0; border: none; }
img.flag { vertical-align: middle; margin: 0; padding: 0 5px; border: none; }

div.googletracking { display: none; visibility: hidden; }

/*
// (C) 2004 - 2010 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// use strictly forbidden without written consent.
// Tous les codes droits d'auteurs Serge Lamarche, toute reproduction et 
// utilisation est strictement interdite sans autorisation écrite.
// Contact: info@sergewebservice.ca, sergewebservice@yahoo.ca or/ou sergelamarche@gmail.com 
// ...for help with your website. Reliable, inexpensive website service. Thanks.
// ...pour de l'aide avec votre site. Service internet abordable et professionnel. Merci. 
*/