body {
    font: 11px arial, sans-serif;
    text-align: center;
    background: #fff url(images/bg_page.jpg) repeat-x 0 0;
    margin: 0;
    padding: 0
    }
a {
    color: inherit;
    text-decoration: none
    }
a img {
    border: none
    }
a:active, a:focus {
    outline: 0
    }
ul.puce-ligne li {
    float: left
    }
#fond-site {
    background-color: red;
    width: 100%;
    background: transparent url(images/bg_site.jpg) no-repeat scroll top center
    }
.site {
    width: 973px;
    margin: 0 auto;
    text-align: left
    }
#fond-bottom {
    background: url(images/bg_bottom.gif) no-repeat scroll top center
    }
.erreur {
    font-weight: bold;
    color: #C00
    }
#aide-multidate, #aide-garantie-annulation, #aide-multiglisse {
    display: none
    }
/*************************/
#header {
    background: url(images/bg_header.png) no-repeat scroll top left;
    width: 973px;
    height: 110px;
    position: relative
    }
#header h1, #header h2 {
    background: url(images/header_h1h2.gif) no-repeat scroll top left;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 322px;
    top: 20px
    }
#header h1 a, #header h2 a {
    display: block;
    text-indent: -6000px
    }
#header h1 {
    width: 310px;
    height: 17px;
    top: 23px
    }
#header h2 {
    background-position: 0 -17px;
    width: 310px;
    height: 18px;
    top: 40px
    }
#logo-twinner {
    position: absolute;
    left: 10px;
    top: 10px
    }
/*************************/
#header-group {
    position: absolute;
    top: 10px;
    left: 762px
    }
#header-group a {
    color: #37730c
    }
/*************************/
#header-flag {
    position: absolute;
    top: 12px;
    right: 0;
    left: 853px
    }
#header-flag li {
    float: left
    }
#header-flag li a {
    display: block;
    width: 17px;
    height: 11px;
    text-indent: -6000px
    }
#flag-uk, #flag-fr, #flag-nl, #flag-es {
    background: transparent url(images/flag.gif) no-repeat top left;
    margin-right: 10px
    }
#flag-fr {
    background-position: 0 -20px
    }
#flag-nl {
    background-position: 0 -40px
    }
#flag-es {
    background-position: 0 -60px
    }
/*************************/
#header-compte {
    position: absolute;
    left: 728px;
    top: 54px
    }
#header-compte a {
    color: #c5e16e
    }
/*************************/
#log-compte {
    position: absolute;
    height: 39px;
    left: 0;
    top: 71px;
    background-color: #84B004;
    z-index: 10;
    width: 100%;
    display: none
    }
#log-compte p {
    color: #FFF;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    margin: 8px 18px
    }
#log-compte label {
    margin-right: 5px
    }
#log-compte .submit {
    float: left;
    margin: 7px 0 0 81px;
    width: 168px
    }
#log-compte .submit a {
    background: transparent url(images/bg-submit-mon-compte.gif) no-repeat scroll right top;
    color: #FFF;
    display: block;
    height: 28px;
    line-height: 28px
    }
#log-compte .submit a span {
    background: url(images/bg-submit-mon-compte.gif) no-repeat scroll 0 -57px;
    line-height: 28px;
    display: block;
    text-align: center;
    padding: 0 30px 0 10px
    }
#log-compte .submit a:hover {
    background-position: right -28px
    }
#log-compte .submit a:hover span {
    background-position: 0 -85px
    }
/*************************/
#menu-nav {
    position: absolute;
    height: 39px;
    top: 71px;
    left: 0;
    margin-left: 20px
    }
#menu-nav ul li a {
    line-height: 30px;
    padding-bottom: 5px;
    padding-left: 20px;
    color: #dbdbdb;
    display: block
    }
#menu-nav ul li.activ {
    background: url(images/bg-menu-activ.gif) no-repeat center 0;
    margin-left: 20px
    }
#menu-nav ul li.activ a {
    background: url(images/bg-menu-activ.gif) no-repeat 0 -50px
    }
#menu-nav ul li.activ a span {
    display: block;
    color: #fff;
    background: url(images/bg-menu-activ.gif) no-repeat right -100px;
    padding-right: 20px
    }
/*************************/
#chemin-reservation {
    background: url(images/bg_chemin_reservation.gif) no-repeat 0 -33px;
    height: 38px
    }
#chemin-reservation ul li {
    font-weight: bold;
    color: #999;
    line-height: 33px;
    padding-left: 50px;
    background: url(images/bg_chemin_reservation.gif) no-repeat 25px 0
    }
#chemin-reservation ul li.chemin-reservation-passe {
    background-position: -575px 0
    }
#chemin-reservation ul li.chemin-reservation-curent {
    background-position: -275px 0
    }
#chemin-reservation ul li.chemin-reservation-passe a {
    color: #666
    }
#chemin-reservation ul li.chemin-reservation-curent a {
    color: #004a1e
    }
/*************************/
#contenu-site {
    background: #fff url(images/bg_contenu.gif) no-repeat 0 0
    }
#contenu-site-bck-right {
    background: url(images/bg_right.jpg) no-repeat 653px 5px
    }
#left-content {
    float: left;
    width: 653px;
    /*653 */
    }
#right-content {
    float: right;
    width: 320px
    }
#right-content-warp {
    padding: 5px 5px 0 0
    }
/*************************/
#formEtape1 {
    margin: 0
    }
#bloc-sejour {
    background: url(images/bg_bloc123.gif) no-repeat scroll 2px 4px;
    margin-left: 2px;
    width: 648px;
    height: 182px;
    color: #395676;
    position: relative
    }
.sous-bloc-sejour {
    padding: 0;
    width: 210px;
    float: left
    }
.sous-bloc-sejour-warp {
    padding: 0 0 0 20px
    }
.sous-bloc-sejour h3 {
    margin: 16px 0 0 25px;
    font-size: 1.7em
    }
.sous-bloc-sejour p {
    margin: 0 0 0 25px
    }
.sous-bloc-sejour input, .sous-bloc-sejour select {
    border: 1px solid #969696;
    /* 	height: 18px; */
    padding: 0
    }
.sous-bloc-sejour input {
    padding: 1px 0
    }
#bloc-sejour-1 input, #bloc-sejour-2 select {
    width: 185px
    }
#bloc-sejour-3 input {
    width: 95px;
    background: #fff url(images/icone_right.gif) no-repeat right -119px
    }
#bloc-sejour-3 select {
    margin-left: 0;
    width: 84px;
    display: inline
    }
.bloc-sejour-input {
    margin: 20px 0 0 0;
    border: 2px solid #8dbb00;
    float: left
    }
.bloc-sejour-input span {
    display: block;
    width: 176px;
    background-color: #FFF;
    padding: 2px 5px
    }
#bloc-sejour-submit {
    width: 202px;
    height: 28px;
    position: absolute;
    bottom: 10px;
    right: 10px
    }
#bloc-sejour-submit a {
    background: url(images/bg_submit_etape1.gif) no-repeat scroll top left;
    display: block;
    width: 202px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-indent: 10px
    }
#bloc-sejour-submit a:hover {
    background-position: bottom left
    }
.bloc-sejour-help {
    background: transparent url(images/icon-help-accueil.gif) no-repeat scroll 0 4px;
    clear: both;
    color: #FFF;
    height: 30px;
    padding: 5px 0 0 25px
    }
.bloc-sejour-help a {
    text-decoration: underline;
    color: #fff
    }
/*************************/
#bloc_aide {
    background: url(images/bg_bloc_aide.gif) no-repeat top left;
    margin-left: 6px;
    width: 644px;
    margin-top: 0
    }
#bloc_aide_warp {
    background: url(images/bg_bloc_aide.gif) no-repeat bottom right;
    padding: 5px 6px 5px 4px;
    margin: 0
    }
#bloc_aide_texte, #bloc_aide_vacances {
    height: 450px;
    overflow-y: scroll
    }
#bloc_aide_texte h2, #bloc_aide_vacances h2 {
    color: #8dbb00;
    font-size: 11px
    }
#bloc_aide_texte ul, #bloc_aide_vacances ul {
    padding-left: 15px;
    margin: 0
    }
#bloc_aide_texte, #bloc_aide_texte a, #bloc_aide_vacances a {
    color: #4d4d4d
    }
.float-left {
    width: 300px;
    float: left
    }
.float-right {
    width: 300px;
    float: right
    }
#yadelaneige #maptobe {
    float: left;
    width: 473px
    }
#yadelaneige .text-presentation {
    float: left;
    width: 159px;
    margin-left: 2px
    }
#yadelaneige .text-presentation h3 {
    background: transparent url(images/bg_yadelaneige.png) no-repeat scroll left -2px;
    color: #004A1E;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 0;
    text-indent: 20px
    }
#yadelaneige .text-presentation p {
    background: transparent url(images/bg_yadelaneige.png) no-repeat scroll left -26px;
    color: #FFF;
    height: 252px;
    margin: 3px 0 0;
    padding: 10px 6px
    }
#yadelaneige .text-presentation p a {
    color: #FFF
    }
/*************************/
#right-content-bkgd {
    width: 315px
    }
#right-content-bkgd-warp {
    padding: 5px
    }
.right-bloc {
    background: url(images/bg_right_title.gif) no-repeat scroll top left;
    width: 305px;
    padding-bottom: 4px;
    margin-bottom: 5px
    }
.right-bloc h3 {
    margin: 0;
    text-indent: 35px
    }
h3.icon-station {
    background: url(images/icone_right.gif) no-repeat 6px 6px
    }
h3.icon-magasin {
    background: url(images/icone_right.gif) no-repeat 6px -87px
    }
h3.icon-periode {
    background: url(images/icone_right.gif) no-repeat 6px -114px
    }
h3.icon-panier {
    background: url(images/icone_right.gif) no-repeat 6px -146px
    }
.right-bloc h3 a {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #808080;
    font-size: 11px;
    font-weight: normal
    }
.right-bloc h3 a b {
    color: #004a1e
    }
.right-bloc h3 a.activ {
    background: url(images/icone_right.gif) no-repeat right -22px
    }
.right-bloc h3 a.not-activ {
    background: url(images/icone_right.gif) no-repeat right -52px
    }
.right-bloc-content {
    background-color: #fff;
    color: #6a6a6a;
    padding: 10px
    }
.right-bloc-content p {
    margin: 5px 0
    }
#bloc-mag-service {
    height: 1%
    }
#bloc-mag-photo {
    background: url(images/bg_right_title.gif) no-repeat scroll bottom right;
    padding-bottom: 8px
    }
#blog-mag-photo-equipe {
    float: right;
    width: 120px
    }
#bloc-mag-service img {
    margin: 2px
    }
#bloc-mag-service ul li {
    position: relative
    }
#bloc-mag-service em {
    background: url(images/bg_tooltip.gif) no-repeat bottom center;
    position: absolute;
    top: -20px;
    left: -70px;
    height: 23px;
    width: 160px;
    text-align: center;
    z-index: 2;
    display: none
    }
#bloc-mag-vote {
    background: url(images/bg_right_title.gif) no-repeat scroll top right;
    padding-top: 8px;
    clear: both
    }
#bloc-mag-vote b {
    float: left;
    color: #4f920f;
    font-size: 25px;
    padding-right: 5px
    }
#bloc-mag-vote a {
    float: right;
    width: 100px;
    color: #6a6a6a
    }
#pub-large {
    margin-bottom: 5px;
    height: 172px;
    width: 315px;
    overflow: hidden
    }
#animated-promo .my-control-panel {
    left: 31px;
    position: absolute;
    top: 144px
    }
#animated-promo a.back-button {
    background: transparent url(images/bg-encart-promo.gif) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 16px;
    text-indent: -300px;
    width: 14px
    }
#animated-promo a.pause-button {
    display: none
    }
#animated-promo a.next-button {
    background: transparent url(images/bg-encart-promo.gif) no-repeat scroll 0 -27px;
    display: block;
    float: left;
    height: 16px;
    margin-left: 15px;
    text-indent: -300px;
    width: 14px
    }
#animated-promo a.back-button:hover {
    background-position: 0 -54px
    }
#animated-promo a.next-button:hover {
    background-position: 0 -84px
    }
.pub-tw {
    background: url(images/pub-fr.gif) no-repeat 0 0;
    height: 49px;
    margin-bottom: 5px
    }
.pub-tw a {
    padding: 10px 0 0 150px;
    display: block;
    color: #6a6a6a
    }
#pub-multiglisse {
    background-position: 0 -50px
    }
#pub-multidate {
    background-position: 0 0
    }
#pub-6-jours {
    background-position: 0 -100px
    }
#pub-maximiles {
    background-position: 0 -150px
    }
/*************************/
#bottom, #bottom a {
    color: #999
    }
#bottom h2 {
    display: inline;
    font-weight: normal;
    margin: 0;
    font-size: 11px;
    color: #8dbb00
    }
#bottom-chemin-reservation {
    padding-top: 20px
    }
#bottom-chemin-reservation a {
    margin: 0 4px
    }
#bottom-menu-nav {
    display: inline;
    border-top: 1px solid #999;
    padding-top: 5px
    }
#bottom-menu-nav a {
    margin: 0 4px
    }
#bottom-menu-nav span {
    border-top: 1px solid #999
    }
/*************************/
.sans-margin-padding {
    margin: 0;
    padding: 0
    }
img.img-left {
    float: left
    }
.sans-puce {
    list-style-type: none
    }
.nobr {
    white-space: nowrap
    }
.clear-both {
    clear: both
    }
.clear-left {
    clear: left
    }
.center {
    text-align: center
    }
.right {
    text-align: right
    }
.green {
    color: #4f920f
    }
.grey-note {
    color: #a9a9a9;
    font-size: 0.9em
    }
.grey-note a {
    color: #a9a9a9
    }
.hr-clear-both {
    height: 1px;
    clear: both
    }
.hr-clear-both-limiteur {
    height: 10px;
    clear: both;
    border-bottom: 1px dotted #4f920f
    }
.hr-clear-both hr {
    display: none
    }
.hr-clear-both-limiteur hr {
    display: none
    }
/*---- vacances scolaires  */
table.vacances {
    border-collapse: collapse
    }
table.vacances tr.titre {
    border-bottom: 1px solid #CCC
    }
table.vacances tr {
    border-bottom: 1px dotted #CCC
    }
table.vacances th {
    background-color: #F4F4F4;
    text-transform: uppercase;
    color: #999;
    padding: 1px 0 1px 3px;
    width: 80px;
    border-left: 1px solid #FFF
    }
table.vacances th.first {
    background-color: #FFF;
    width: 230px
    }
table.vacances td {
    background-color: #F4F4F4;
    padding: 1px 0 1px 3px;
    border-left: 1px solid #FFF
    }
table.vacances td.first {
    background-color: #FFF;
    padding: 1px 10px 1px 1px;
    text-align: right;
    text-transform: none
    }
table.vacances td.cell {
    background-color: #D8E4AA;
    color: #666
    }
/* ------- conditions genrales -------- */
#conditions-generales {
    background-color: #FFF;
    text-align: left;
    padding: 20px;
    width: 800px
    }