/*-------------------------------------------------------------------------------- 
/*          =BALISES
/*          =STRUCTURE
/*               @Entête
/*               @Conteneur
/*               @Pied de page
/*          =CLASSES
/*          =MODULES
/*              @Navigation
/*              @Formulaires    
/*          =AJOUT
-------------------------------------------------------------------------------- */


/*-------------------------------------------------------------------------------- 
          =BALISES
-------------------------------------------------------------------------------- */
 
html, body {
	font-size: 100%;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 0;
}
 
body {
	font: 0.625em/1em verdana, helvetica, sans-serif;
    text-align: left;
    background: url(../img/fond3.png) no-repeat top center;
}
 
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    font: 1.8em/1em verdana, helvetica, sans-serif;
}
 
h2 {
    font: 1.6em/1em verdana, helvetica, sans-serif;
}
 
h3 {
    font: 1.4em/1em verdana, helvetica, sans-serif;
}

h4 {
    font: 1.2em/1em verdana, helvetica, sans-serif;
}
 
h5 {
    font: 1.1em/1em verdana, helvetica, sans-serif;
}
 
h6 {
    font: 1em/1em verdana, helvetica, sans-serif;
}

p {
    font: 1em/1em verdana, helvetica, sans-serif;
    padding: 0;
    margin: 0;
}
 
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}
 
a:hover, a:focus {
    text-decoration: underline;
}
 
img {
    border: 0;
}
 
hr {
    height: 0;
    color: #fff;
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
    margin: 0;
}
 
form {
    padding: 0;
    margin: 0;
}
 
textarea {
    line-height: 1.25;
}
 
label {
    cursor: pointer;
}
 
table {
    padding: 0;
    border: 0;
    margin: 0;
    border-collapse: collapse;
}
 
th, td {
    padding: 0;
}
 
blockquote {
    padding: 0;
    margin: 0.8em 1.5em;
}

small {
    font: 0.8em/1em verdana, helvetica, sans-serif;
}
 
kbd {
    padding: 1px 2px;
    border: 1px solid #000;
}
 
sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}
 
sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}
 
acronym, abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}


/*-------------------------------------------------------------------------------- 
          =STRUCTURE
-------------------------------------------------------------------------------- */
 
#site  {
    width: 985px;
    margin: 0 auto 10px auto;
    position: relative;
    border-left: 1px solid #bee8ec;
    border-right: 1px solid #bee8ec;
}


/*          @Entête          
---------------------------------------- */

#siteHaut {
    width: 100%;
    height: 249px;
    background: url(../img/fond-header.jpg) 50% 40px no-repeat;
}

#header {
    width: 987px;
    height: 249px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
}

#header .barreHaut {
    height: 40px;
    overflow: hidden;
    background: url(../img/border-droite-header.png) no-repeat right top;
}

#header .barreHaut .logo {
    margin: 0 15px 0 0;
}

#header .barreHaut .tel {
    margin: 0 11px 0 0;
}

#header .barreHaut .newsletter {
    margin: 0;
    width: 230px;
    height: 40px;
    background: url(../img/fond-form-newsletter.png);
}

#header .barreHaut .newsletter form {
    padding: 14px 0 0 14px;
}

#header .barreHaut .newsletter form input {
  vertical-align: top;
}

#header .barreHaut .newsletter form #newsletter {
    width: 168px;
    margin: 6px 8px 0px 0;
    font-size: 1.0em;
    color: #10b2e4;
    border: 1px solid #b6d6ec;
    padding-top: 1px;
    padding-bottom: 1px;
}

#header .barreHaut .macaron a {
    position: absolute;
    display: block;
    width: 97px;
    height: 92px;
    top: 9px;
    right: 0px;
}

#header .banniere {
    height: 190px;
    overflow: hidden;
}

#header .banniere .flash {
    position: absolute;
    top: 41px;
    left: 254px;
    width: 412px;
    height: 189px;
}

#header .menu {
    /* height: 19px; */
    border-right: 1px solid #7dd6ef;
    background: #10b2e4;
}


#header .menu ul li {
    float: left;
    position: relative;
}

#header .menu ul li a {
    display: block;
    font-size: 1.2em;
    color: #fff;
    text-transform: uppercase;/*
    letter-spacing: -1px;*/
    height: 11px;
    padding: 4px 8px;
}

#header .menu ul li a:hover, #header .menu ul li a:focus, #header .menu ul li.jHover a {
    background: #3bcefb;
    text-decoration: none;
}

#header .menu ul li a.current, #header .menu ul li a:hover.current {
    color: #0157ae;
    background: #bee3f0;
}

#header .menu ul li ul {
    display: none;
    position: absolute;
    z-index:50;
    top: 19px;
    left: 0px;
    background: #3bcefb;
    padding: 15px 0 0px 0;
}

#header .menu ul li.last ul {
    left: auto;
    right: 0px;
}

#header .menu ul li:hover ul, #header .menu ul li.jHover ul {
    display: block;
}

#header .menu ul ul li {
    clear: both;
    padding: 0 0 5px 0;
}

#header .menu ul ul li a {
    font-size: 1.2em;
    text-transform: none;
    letter-spacing: normal;
    height: auto;
    padding: 3px 10px 3px 10px;
    width: 180px;
    line-height: 1.1em;
}

#header .menu ul ul li a:hover, #header .menu ul ul li a:focus, #header .menu ul ul li a:active {
    color: #0668b7;
    
}

/*          @Conteneur          
---------------------------------------- */

#colLeft {
    width: 252px;
    float: left;
    padding: 40px 0 0 0;
    clear: both;
}

#content {
    width: 470px;
    float: left;
    padding: 40px 0 0 15px;
    min-height: 635px;
    border-left: 1px solid #bee8ec;
}

.accueil #content {
    padding-left: 26px;
    width: 450px;
}

.struc2cols #content {
    padding-left: 13px;
    width: 706px;
}

.struc1col #content {
    width: 955px;
}

#colRight {
    width: 229px;
    float: right;
    padding: 20px 0 0 0;
    min-height: 655px;
}

 
/*          @Pied de page          
---------------------------------------- */

#siteBas {
    clear: both;
    background: url(../img/fond-footer.png) repeat-x;
    width: 100%;
}
 
#footer {
    width: 987px;
    margin: 0 auto;
    padding: 0 0 20px 0;
}

#footerBorder {
    border-left: 1px solid #85d7e0;
    border-right: 1px solid #85d7e0;
}

#footer .liens {
    padding: 8px 0 0 10px;
    margin: 0 0 20px 0;
    color: #1262b3;

}

#footer .liens a {
    color: #1262b3;
}

#footer .liens .rss {
    margin: 0px 0 -2px 5px;
}

#footer .blocListe {
    width: 186px;
    float: left;
    margin: 0 0 10px 10px;
}

#footer .blocListe h3 {
    font-size: 1.2em;
    color: #0157ae;
    background: #f4fbfe;
    padding: 5px 0 5px 10px;
    margin: 0 0 12px 0;
}

#footer .blocListe ul {
    margin: 0 0 0 10px;
}

#footer .blocListe li {
    margin: 0 0 4px 0;
}

#footer .blocListe a {
    color: #7c8083;
}
 
 
/*          @Nouveau Pied de page          
---------------------------------------- */


#newSiteBas {
    clear: both;
    background: url(../img/fond-footer.png) repeat-x;
    width: 100%;
}
 
#footerTop {
    width: 987px;
    margin: 0 auto;
    padding: 0;
}

#footerBorder {
    border-left: 1px solid #BEE8EC;
    border-right: 1px solid #BEE8EC;
}

#newSiteBas .logoFooter {
    text-align: center;
}

#newSiteBas .footerBottom {
    background:#edfafe;
    border-bottom: 3px solid #10B2E4; 
    padding: 8px 0;
}

#newSiteBas .cadreListes {
    background: url(../img/bg-cadre-listes.png) repeat-y 253px 0;
    border-left: 1px solid #BEE8EC;
    border-right: 1px solid #BEE8EC;
    margin: 0 auto;
    padding: 0;
    width: 987px;
}

#newSiteBas .liens {
    padding: 2px 0 0 10px;
    margin: 0 0 20px 0;
    color: #fff;
}

#newSiteBas .liens a {
    color: #fff;
    margin-right: 14px;
    text-transform: uppercase;
}

#newSiteBas .liens .rss {
    margin: 0px 0 -2px 5px;
}

#newSiteBas .firstListe {  
    float: left;
    margin: 0;
    padding: 0 0 0 21px;
    width: 232px;
}

#newSiteBas .firstListe li {
    background: url(../img/puce-liste-footer.png) no-repeat 0 5px;
    padding: 0 0 0 13px;
    margin: 0 0 7px 0;
}

#newSiteBas .firstListe img {
    margin: 0 7px 0 0;
}

#newSiteBas .firstListe a {
    color: #1362b3;
    font-size: 1.2em;  
    line-height: 1.5em;
}

#newSiteBas .blocListe {
    float: left;
    margin: 0;
    padding: 0 0 0 18px;
    width: 222px;
}

#newSiteBas .blocListe h3 {
    font-size: 1.1em;
    color: #2bb7dd;
    padding: 0 0 5px 0;
    margin: 0;
}

#newSiteBas .blocListe li {
    margin: 0 0 7px 0;
    width: 195px;
}

#newSiteBas .blocListe a {
    color: #1362b3;
}

#newSiteBas .infosConception {
    color: #1362B3;
    font-size: 0.9em;
    margin: 0 auto;
    padding: 2px 0;
    width: 981px;
}

#newSiteBas .infosConception a {
    color: #1362B3;
}

/*-------------------------------------------------------------------------------- 
          =CLASSES
-------------------------------------------------------------------------------- */
 
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }

.middle { vertical-align: middle; }
 
.bold { font-weight: bold; }
.italic { font-style: italic; }
 
.floatLeft { float: left; }
.floatRight { float: right; }
 
.imgLeft { float: left; margin: 0 10px 10px 0; }
.imgRight { float: right; margin: 0 0 10px 10px; }
  
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
 
/*-------------------------------------------------------------------------------- 
          =MODULES
-------------------------------------------------------------------------------- */


#colLeft .ariane {
    margin: 10px 0 10px 10px;
    color: #0157ae;
    font-size: 1.1em;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 800px;
}

#colLeft .ariane a {
    color: #0157ae;
}

#colLeft .blocPetitMenu {
    margin: 0 0 30px 0;
}

#colLeft .villages, #colLeft .menuNav {
    border-top: 1px solid #99d9ee;
    width: 252px;
    float: left;
    margin: 0 0 30px 0;
}

#colLeft .blocPetitMenu .villages {
    border: 0;
    margin: 0;
}

#colLeft .villages li, #colLeft .menuNav li {
    height: 25px;
    width: 252px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #99d9ee;
    float: left;
}

#colLeft .blocPetitMenu .villages li {
    height: 19px;
    border-bottom: 1px solid #80d1ed;
}

#colLeft .menuNav li {
    height: 21px;
}

#colLeft .villages li .village {
    display: block;
    background: url(../img/picto-hivers-off.png) no-repeat right top #e7f8ff;
    height: 11px;
    padding: 7px 20px 7px 10px;
    font-size: 1.1em;
    color: #10b2e4;
    float: left;
    width: 197px;
}

#colLeft .blocPetitMenu .villages li .village {
    background: url(../img/picto-hivers-petit-off.png) no-repeat right top #b4e8fd;
    height: 11px;
    padding: 4px 20px 4px 10px;
    color: #043d77;
    font-size: 1.0em;
}

#colLeft .menuNav li a {
    display: block;
    background: url(../img/picto-fleche-menu.png) no-repeat 10px 6px #daf1f9;
    height: 11px;
    padding: 5px 0px 5px 25px;
    font-size: 1.3em;
    color: #0157ae;
    float: left;
    width: 227px;
}

#colLeft .villages li .village strong {
    text-transform: uppercase;
    color: #043d77;
    font-weight: normal;
}

#colLeft .blocPetitMenu .villages li .village strong {
    color: #3479be;
}

#colLeft .villages li .village:hover, #colLeft .villages li .village:focus {
    background: url(../img/picto-hivers-on.png) no-repeat right top #10b2e4;
    color: #fff;
    text-decoration: none;
}

#colLeft .blocPetitMenu .villages li .village:hover, #colLeft .blocPetitMenu .villages li .village:focus {
    background: url(../img/picto-hivers-petit-on.png) no-repeat right top #62cdf0;
}

#colLeft .villages li .village:hover strong, #colLeft .villages li .village:focus strong {
    color: #fff;
}

#colLeft .menuNav li a:hover, #colLeft .menuNav li a:focus, #colLeft .menuNav li a.current {
    background: url(../img/picto-fleche-menu-on.png) no-repeat 25px 6px #10b2e4;
    padding-left: 40px;
    color: #fff;
    width: 212px;
    text-decoration: none;
}

#colLeft .villages li .ete {
    display: block;
    background: url(../img/picto-ete-on.png) no-repeat #10b2e4;
    width: 25px;
    height: 25px;
    float: right;
}

#colLeft .blocPetitMenu .villages li .ete {
    background: url(../img/picto-ete-petit-on.png) no-repeat #62cdf0;
    height: 19px;
}

#colLeft .villages li .ete img {
    display: block;
}

#colLeft .villages li .ete:hover img, #colLeft .villages li .ete:focus img {
    display: none;
}

#colLeft .catalogue {
    margin: 0 0 10px 0;
}

#colLeft .contact {
    margin: 0 0 30px 0;
    position: relative;
    height: 124px;
}

#colLeft .contact p {
    position: absolute;
    top: 85px;
    left: 25px;
    font-size: 1.1em;
    line-height: 1.1em;
    color: #2182c5;
    width: 200px;
}

#colLeft .contact p a {
    color: #2182c5;
    text-decoration: underline;    
}

#colLeft .vacanciers {
    margin: 0 0 20px 0;
    text-align: center;
}


.accueil #colLeft h2, .accueil #content h2, #content h1 {
    color: #0157ae;
    text-transform: uppercase;
    font-size: 2.0em;
    border-bottom: 1px solid #81abd7;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
}

#colLeft h2 {
    color: #0157ae;
    font-size: 1.6em;
    padding: 0 0 10px 10px;
}

#colLeft h2.titreVillages {
    border-top: 1px solid #b1e7fd;
    border-bottom: 1px solid #83d2ec;
    font-size: 1.4em;
    padding: 0;
}

#colLeft h2.titreVillages a {
    color: #0157ae;
    display: block;
    padding: 7px 0 7px 10px;
    height: 14px;
    background: url(../img/fond-titre-villages-deplie.png) no-repeat;
}

#colLeft h2.titreVillages a:hover {
    color: #147be3;
    text-decoration: none;
}

#colLeft h2.titreVillages a.plie {
    background: url(../img/fond-titre-villages-plie.png) no-repeat;
}

#colLeft h2.pointsFort {
    background: url(../img/picto-plus.png) no-repeat 10px 7px #b4e8fd;
    border-top: 1px solid #81abd7;
    color: #595c60;
    font-size: 1.4em;
    padding: 5px 0 5px 30px;
    margin: 0 0 10px 0;
}

#colLeft ul.pointsFort {
    margin: 0 0px 15px 0px;
    list-style: none outside;
    border-bottom: 1px solid #81abd7;
    padding: 0;
}

#colLeft .pointsFort li {
    color: #595c60;
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 0px 15px 8px 25px;
    background:  url(../img/tiret.png) no-repeat 15px 7px;
}

#content h1 {
    background: url(../img/fond-ombre-haut-courte.png) no-repeat left bottom;
    border: 0;
    padding: 0 0 12px 0;
    margin: 0 0 20px 0;
}

#content .blocTitre {
    margin: 0 0 20px 0;
}

#content .blocTitre h1 {
    background: none;
    margin: 0;
    padding: 0 0 5px 0;
}

#content .blocTitre .massif, #content .blocTitre .date {
    font-size: 1.4em;
    color: #0157ae;
}

#content .blocTitre .date {
    margin: 0 0 6px 0;
}

#content .blocTitre .massif {
    text-transform: uppercase;
    margin: 0;
}

#content .blocTitre .onglet {
    background: url(../img/fond-ombre-haut-courte.png) no-repeat left top;
    font-size: 1.0em;
    height: 28px;
    padding: 1px 10px 0 0;
    margin: 0;
}

#content .blocTitre .onglet a {
    color: #595d60;
    display:block;
    width: 190px;
    height: 27px;
    float: right;
    background: url(../img/fond-onglet-village.png) no-repeat;
    font-size: 1.3em;
    padding: 2px 0 0 0px;
    text-align: center;
}

#content .blocTitre .onglet a:hover {
    text-decoration: none;
}

#content h2 {
    font-size: 1.8em;
    color: #0157ae;
    padding: 10px 0 6px 0;
    border-bottom: 1px solid #81abd7;
    margin: 0 0 15px 0;
}

#content h2.bleuClair {
    font-size: 1.6em;
    color: #02a9dd;
    padding: 0;
    border: 0;
    margin: 0 0 5px 0;
}

#content h3 {
    font-size: 1.4em;
    color: #236db9;
    margin: 0 0 10px 0;
}

#content hr, #content .separateur {
    border-bottom: 1px dotted #10b2e4;
    margin: 0 0 15px 0;
    clear: both;
}

#content hr.marginTop {
    margin-top: 10px;
}

#content a {
    color: #0157ae;
}

#content p {
    color: #595c60;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0 0 15px 0;
}

#content ul {
    list-style: disc outside;
    margin: 0 0 20px 30px;
}

#content ul li {
    color: #595c60;
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0 0 5px 0;
}

#content ul.plan {
    list-style: none;
    margin: 10px 0 20px 30px;
}

#content ul.plan ul {
    list-style: square outside;
    margin: 10px 0 0px 10px;
}

#content ul.plan li {
    color: #0157AE;
    font-size: 1.2em;
    background: url(../img/picto-coche.png) no-repeat 0px 0px;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
    font-weight: bold;
}

#content ul.plan ul li {
    font-size: 1.1em;/*
    background: url(../img/picto-fleche.png) no-repeat 0px 2px;
    padding: 0 0 0 15px;*/
    background: 0;
    padding: 0;
    margin: 0 0 5px 0;
    font-weight: normal;
}

#content p.petit {
    font-size: 1.1em;
}

#content p.tresPetit {
    font-size: 1.0em;
}

#content p.gros {
    font-size: 1.3em;
}

#content p.bleu {
    color: #236db9;
}

#content p.date {
    color: #236db9;
    margin: 0 0 8px 0;
}

#content p.resa, #content #formulaire div.bouton, #content p.bouton {
    background: url(../img/fond-ombre-bas.png) no-repeat left bottom;
    padding: 0 10px 1px 0;
    clear: both;
    text-align: right;
    line-height: 1em;
    height: 26px;
    overflow: hidden;
}

#content #formulaire div.bouton, #content p.bouton {
    padding-bottom: 0;
    margin: 20px 0;
}

#content p.offresMoment {
    margin: 0;
    position: relative;
}

#content p.offresMoment a {
    position: absolute;
    top: -13px;
    left: 0px;
    display:block;
    width: 115px;
    height: 26px;
    padding: 10px 0px 0px 40px;
    color: #fe8000;
    text-decoration: underline;
    background: url(../img/picto-alerte.png) no-repeat;
}

#content p.chapeau {
    color: #595c60;
    font-size: 1.3em;
    line-height: 1.2em;
    padding: 0 0 15px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px dotted #10b2e4;
}

#content p.chapeau .titre {
    color: #fe7c00;
    font-size: 1.3em;
    text-transform: uppercase;
}

#content p.btDefaut {
    height: 33px;
}

#content p.btDefaut a {
    float: right;
    display: block;
    width: 99px;
    height: 23px;
    background: url(../img/fond-bt.png) no-repeat;
    color: #fff;
    padding: 10px 25px 0 9px;
    text-align: center;
    line-height: 1em;
}

#content p.btDefaut a:hover {
    text-decoration: none;
    font-weight: bold;
}

#content p.lienPlus {
    clear: both;
    padding: 10px 0 0 0;
    font-size: 1.0em;
    height: 20px;
    border-top: 1px dotted #10b2e4;
}

#content .blocOffre {
    margin: 0 0 30px 0;
}

#content .blocOffre .blocTitre {
    height: 48px;
    background: url(../img/fond-titre-offre.png) no-repeat;
    padding: 7px 0 0 10px;
    margin: 0 0 10px 0;
}

#content .blocOffre .blocTitre h2 {
    font-size: 1.4em;
    color: #10b2e4;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
}

#content .blocOffre .blocTitre h2 a {
    font-size: 1.3em;
    color: #1262b3;
}

#content .blocOffre .blocTitre p {
    font-size: 1.2em;
    line-height: 1.1em;
    color: #236db9;
    margin: 0;
}

#content .blocOffre .content p {
    color: #595c60;
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0 0 10px 0;
}

#content .blocOffre .content table {
    float: left;
    width: 480px;
    margin: 0 0 20px 10px;
}

#content .blocOffre .content table td {
    padding: 15px 5px 8px 5px;
    border-bottom: 1px dotted #10b2e4;
}

#content .blocOffre .content table .cat {
    color: #236db9;
    font-size: 1.4em;
    width: 280px;
}

#content .blocOffre .content table .prix {
    color: #fe7c00;
    font-size: 2.2em;
    text-align: right;
}

#content .blocOffre .content table .promo {
    color: #10b2e4;
    font-size: 1.2em;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

#content .tarifsSejour {
    border-bottom: 1px solid #81abd7;
    margin: 0 0 15px 0;
}

#content .tarifsSejour p.boutonTarif {
    height: 40px;
    margin: 0;
}

#content .tarifsSejour p.boutonTarif a {
    display: block;
    float: left;
    background: url(../img/fond-tarif.png) no-repeat;
    width: 135px;
    height: 15px;
    padding: 10px 0;
    text-align: center;
    margin: 0 5px 0 0;
    color: #1262b3;
}

#content .tarifsSejour p.boutonTarif a:hover {
    text-decoration: none;
}

#content .tarifsSejour p.boutonTarif a.clair {
    color: #6ca7d7;
}

#content .tarifsSejour h2 {
    font-size: 1.8em;
    padding: 0 0 0 5px;
    border: 0;
    margin: 0 0 2px 0;
}

#content .tarifsSejour h3 {
    padding: 0 0 0 5px;
    border: 0;
    margin: 0 0 5px 0;
    color: #0157ae;
}

#content .blocDescTarif {
    position: relative;
    min-height: 110px;
    border-bottom: 1px solid #92c6e8;
}

#content .blocDescTarif p.desc {
    width: 430px;
    margin: 0;
    padding: 0 0 15px 0;
}

#content .blocTarif {
    width: 230px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    text-align: center;
}

#content .blocTarif h3, #content .blocTarif p {
    color: #ff8111;
    margin: 0;
}

#content .blocTarif .prix {
    font-size: 1.1em;
    padding: 5px 0 10px 0;
    height: 15px;
}

#content .blocTarif .prix strong {
    font-size: 2.4em;
    font-weight: normal;
}

#content .blocTarif .prix span {
    font-size: 1.3em;
    font-weight: bold;
}

#content .blocTarif .reserver img {
    display: block;
}

#content .recapTarifs {
    border: 1px solid #92c6e8;
    border-top: 0;
    margin: 0 0 20px 0;
}

#content .recapTarifs th, #content .recapTarifs td {
    border-left: 1px solid #92c6e8;
    border-right: 1px solid #92c6e8;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2em;
}

#content .recapTarifs th {
    border-bottom: 3px solid #92c6e8;
    background: #daf1f9;
    color: #0157ae;
    font-weight: normal;
    padding: 5px 2px;
}

#content .recapTarifs td {
    color: #4a4a4a;
    padding: 7px 2px;
}

#content .recapTarifs .bat td {
    color: #10b2e4;
    font-size: 1.4em;
}

#content .recapTarifs .fonce td {
    background: #daf1f9;
}

#content .recapTarifs .gratuit {
    font-size: 1.05em;
    color: #ff5000;
}

#content .recapTarifs .date {
    font-size: 0.6em;
    color: #236db9;
    white-space: nowrap;
}

#content .blocGalerie {
    margin: 0 0 10px 0;
    background: #e8f7fd;
    padding: 10px 6px;
}

#content .blocGalerie h3 {
    margin: 0 0 10px 0;
    color: #10b2e4;
    font-size: 1.3em;
    border-bottom: 2px solid #10b2e4;
    padding: 0 0 3px 0;
}

#content .blocGalerie .photo {
    width: 292px;
    float: left;
}

#content .blocGalerie .photo .galerie {
    position: relative;
    top: -1px;
}

#content .blocGalerie .photo .galerie .flechePrev, #content .blocGalerie .photo .galerie .flecheSuiv {
    position: absolute;
    top: 36px;
}

#content .blocGalerie .photo .galerie .flechePrev {
    left: 0px;
}

#content .blocGalerie .photo .galerie .flecheSuiv {
    right: 0px;
}

#content .blocGalerie .photo .galerie .masque {
    width: 264px;
    height: 92px;
    margin: 0 0 0 14px;
    overflow: hidden;
    position:relative;
}

#content .blocGalerie .photo .galerie .slider {
    width: 410px;
    position: relative;
}

#content .blocGalerie .photo .galerie .masque .image {
    float: left;
    margin: 0 4px 0 0;
}

#content .blocGalerie .photo .galerie .masque .image a {
    display: block;
    width: 61px;
    height: 42px;
    background: url(../img/galerie/fond-galerie-photo.png) no-repeat;
    padding: 2px 0 0 2px;
    margin: 0 0 4px 0;
}

#content .blocGalerie .visite {
    width: 154px;
    float: right;
}

#content .blocGalerie .visite .apercu {
    position: relative;
}

#content .blocGalerie .visite .apercu .layer {
    display: block;
    width: 154px;
    height: 69px;
    padding: 20px 0 0 0;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    filter:alpha(opacity=50); /*Internet Explorer*/
    opacity:0.5; /*Safari, Opera 8.5  et autres (s'ils gèrent)*/    
}

#content .blocGalerie .visite .apercu .layer:hover {
    filter:alpha(opacity=30);
    opacity:0.3;
}

#content #formulaire {
    padding: 0 0 0 10px;
}

#content #formulaire p {
    font-size: 1.1em;
}

#content #formulaire label {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #747474;
}

#content #formulaire div {
margin-bottom: 10px;
}

#content #formulaire div.floatRight {
float: left;
padding-right: 20px;
}

#content #formulaire input, #content #formulaire select, #content #formulaire textarea {
    font-size: 1.1em;
}

#content #formulaire p.infosLegales {
    font-size: 1.0em;
}

#content .actu {
    border-bottom: 1px solid #ddd;
    margin: 0 0 25px 0;
    padding: 0 0 10px 0;
    position: relative;
}

#content .actu:hover {
    background: #fafafa;
}

#content .actu h3 {
    padding: 5px 85px 5px 5px;
    border-bottom: 1px dotted #0157AE;
}

#content .actu h3 a {
    background:transparent url(../img/picto-fleche.png) no-repeat scroll 0px 3px;
    padding-left: 16px;
}

#content .actu h3 a:hover {
/*
    text-decoration: none;*/
}

#content .actu p {
    font-size: 1.1em;
    padding: 0 10px;
}

#content .actu p.date {
    font-style: italic;
    text-align: right;
    font-size: 1.0em;
    position: absolute;
    top: 6px;
    right: 5px;
    font-weight: bold;
    padding: 0;
    color: #ff8111;
}

.text input, .text textarea {
    width: 400px;
}

.text input, .text select, .text textarea {
    margin: 2px 0 0;
}

.demi input, .demi textarea {
    width: 186px;
}

.text textarea {
    vertical-align: middle;
}

.bouton {
    text-align: right;
}

.checkbox input, .semiCheckbox input {
    display: block;
    float: left;
    margin-right: 10px;
}

.semiCheckbox {
    width: 225px;
}

.accueil #content p {
    line-height: 1.1em;
}

.accueil #content p.chapeau {
    color: #7e8388;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0 0 20px 0;
    border: 0;
    margin: 0;
}

.accueil #content ul.listePuce {
    width: 218px;
    float: right;
    margin: 0 0 10px 0;
    list-style: none;
}

.accueil #content ul.listePuce.first {
    float: left;
}

.accueil #content ul.listePuce li {
    color: #0157ae;
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0 0 8px 0;
    padding: 2px 0 2px 18px;
    width: 200px;
    background: url(../img/picto-coche.png) no-repeat 0px 0px;
}

.accueil #content p.pictoFleche {
    background: url(../img/picto-fleche.png) no-repeat left center;
    padding: 2px 0 2px 15px;
    font-size: 1.1em;
    margin: 0 0 10px 0;
}

.accueil #content p.pictoFleche a {
    color: #0157ae;
}

.accueil #content p.mosaique {
    margin: 0 0 20px 0;
    text-align: center;
}

.accueil #content .carroussel {
    width: 450px;
    height: 217px;
    /* background: url(../img/flash-caroussel.jpg) no-repeat; */
    margin: 0 0 15px 0;
}

.struc2cols #content h1, .struc2cols #content .blocTitre .onglet {
    background: url(../img/fond-ombre-haut.png) no-repeat left bottom;
}

.struc2cols #content .blocTitre .onglet {
    background-position: left top;
}

.struc2cols #content .blocTitre h1 {
    background: none;
}

#colRight h2 {
    background: url(../img/fond-titre-reservation.png) no-repeat;
    width: 224px;
    height: 33px;
    color: #fff;
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 1.4em;
}

#colRight h2 strong {
    font-weight: normal;
    text-transform: uppercase;
}

#colRight h3 {
    font-size: 1.4em;
    margin: 0 0 20px 0;
    color: #0157AE;
}

#colRight h4 {
    font-size: 1.4em;
    margin: 0 0 10px 0;
    color: #236DB9;
}

#colRight .content {
    padding: 0 10px 0 0;
}

#colRight .content h2 {
    background: 0;
    height: auto;
    width: auto;
    color: #0157ae;
    border-bottom: 1px dotted #0157ae;
    font-size: 1.6em;
    text-align: left;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
    
}

#colRight .content h3 {
    font-style: italic;
}

#colRight .content p {
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0 0 20px 0;
    color: #595C60;
}

#colRight .iframe {
    width: 224px;
    margin: 0 0 10px 0;
}

#colRight .venteFlash {
    position: relative;
    margin: 0 0 10px 0;
    height: 105px;
}

#colRight .venteFlash p {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 150px;
    color: #0157ae;
    font-size: 1.1em;
    line-height: 1.1em;
}

#colRight .derniereMinute p {
    color: #0157ae;
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0 0 5px 0;
}

/*          Colonne droite fiches Village
------------------------------------------------------ */

#colRight .detailPrestation{
    text-align: center;
    padding: 0 0 19px 0;
}

#colRight .blocTarif {
    width: 229px;
    text-align: center;
    padding: 25px 0 33px 0;
}

#colRight .blocTarif h3, #colRight .blocTarif p {
    color: #ff8111;
    margin: 0;
}

#colRight .blocTarif h3 {
    padding: 0 0 10px 0;
}

#colRight .blocTarif .prix {
    font-size: 1.1em;
    padding: 5px 0 10px 0;
    height: 15px;
}

#colRight .blocTarif .prix strong {
    font-size: 2.4em;
    font-weight: normal;
}

#colRight .blocTarif .prix span {
    font-size: 1.3em;
    font-weight: bold;
}

#colRight .blocOffre{
    background: url(../img/fond-offre-moment-bas.png) no-repeat left bottom #fafafa;
    width: 225px;
    padding: 0 0 15px 0;
}

#colRight .blocOffre h3 {
    margin: 0 0 10px 0;
}

#colRight .blocOffre h3 img{
    display: block;
}

#colRight .blocOffre ul{
    border-bottom: 1px solid #c0c0c0;
}

#colRight .blocOffre li, #colRight .menuOffre li {
    width: 225px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #c0c0c0;
}

#colRight .menuOffre li a {
    display: block;
    width: 192px;
    background: url(../img/picto-fleche-menu-grise.png) no-repeat 10px 8px;
    color: #595c60;
    font-size: 1.4em;
    line-height: 1em;
    padding: 6px 0 6px 33px;
}

#colRight .menuOffre li a:hover {
    text-decoration: none;
    background-position: 18px 8px;
}

#colRight .blocClassification {
    width: 224px;
    margin: 70px 0 0 0;
    border-bottom: 1px solid #c0c0c0;
}

#colRight .blocClassification th{
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    color: #595c60;
    font-size: 1.4em;
    font-weight: normal;
    height: 35px;    
}

#colRight .blocClassification td{
    color: #595c60;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0 0 10px 7px;
    text-align: left;
}

#colRight .blocClassification td.nowrap{
    white-space: nowrap;
}

#colRight .blocClassification .firstLine td{
    padding-top: 10px;
}


/*-------------------------------------------------------------------------------- 
          =AJOUT
-------------------------------------------------------------------------------- */