h3 {
    font-size: 1.9em;
    font-weight: normal;
    margin: 10px 0 0;
    color: #004A1E
    }
h4 {
    color: #8DBB00;
    font-size: 1.5em;
    margin: 0
    }
#content {
    margin: 0 20px;
    padding: 10px 0;
    position: relative;
    color: #4d4d4d
    }
p.texte-bleu {
    color: #40679d
    }
#page-content-warp {
    margin: 10px 35px;
    color: #4d4d4d
    }
#page-content-warp a {
    color: #4f920f
    }
.ui-tabs-hide {
    display: none
    }
div.center {
    margin: 0 auto 0 auto
    }
div.submit {
    background-image: none;
    left: 367px;
    top: 6px;
    width: 200px
    }
div.submit a {
    background: url(images/bg_submit_reservation.gif) no-repeat scroll right top;
    height: 26px;
    display: block;
    color: #fff !important;
    font-size: 1.1em
    }
div.submit a span {
    background: url(images/bg_submit_reservation.gif) no-repeat scroll 0 -52px;
    line-height: 26px;
    display: block;
    text-align: center;
    padding: 0 30px 0 10px
    }
div.submit a:hover {
    background-position: right -26px
    }
div.submit a:hover span {
    background-position: 0 -78px
    }
/*************************************
		Liste des stations
**************************************/
.liste-stations .colonne {
    float: left;
    width: 33%
    }
.liste-stations .colonne a {
    color: #4d4d4d
    }
.liste-stations ul {
    list-style-type: none;
    margin: 10px 0;
    padding: 0
    }
.liste-stations ul li {
    margin: 0;
    padding: 0
    }
.details-page-station {
    background: transparent url(images/bg_encart_page_stations.jpg) no-repeat scroll -2px -5px;
    left: 0;
    padding: 1px 0 0;
    position: absolute;
    top: 762px;
    width: 603px
    }
.details-page-station span {
    background: transparent url(images/bg_encart_page_stations.jpg) no-repeat scroll -2px bottom;
    display: block;
    margin: 10px 0 0;
    padding: 0 10px 10px;
    color: #40679d
    }
/***************************************
		page Station
****************************************/
#map {
    height: 450px;
    width: 581px
    }
ul.station-magasin {
    margin: 0;
    padding: 0
    }
ul.station-magasin li {
    background: transparent url(images/bg_magasin.gif) no-repeat scroll left bottom;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 10px 0;
    width: 580px;
    position: relative
    }
ul.station-magasin li h4, ul.station-magasin li p {
    color: #4f920f;
    width: 365px;
    margin: 0;
    padding: 0
    }
ul.station-magasin li h4, ul.station-magasin li h4 a {
    color: #4f920f
    }
.station-magasin li div {
    background: transparent url(images/bg_magasin.gif) no-repeat scroll -582px -486px;
    padding: 5px 25px 5px 5px;
    position: relative
    }
.station-magasin li div.submit-magasin {
    background-image: none;
    left: 367px;
    position: absolute;
    top: 6px;
    width: 200px
    }
div.submit-magasin a, #page-content-warp div.submit-magasin a {
    background: url(images/bg_submit_reservation.gif) no-repeat scroll right top;
    height: 26px;
    display: block;
    color: #fff;
    font-size: 1.1em
    }
div.submit-magasin a span {
    background: url(images/bg_submit_reservation.gif) no-repeat scroll 0 -52px;
    line-height: 26px;
    display: block;
    text-align: center;
    padding: 0 30px 0 10px
    }
div.submit-magasin a:hover {
    background-position: right -26px
    }
div.submit-magasin a:hover span {
    background-position: 0 -78px
    }
/* infos station */
.infos-station {
    background: #FFF url(images/bg_infos_station.gif) no-repeat scroll 0 0;
    margin: 10px 5px;
    width: 305px;
    padding: 12px 0 0
    }
.infos-station h3 {
    color: #4f920f;
    font-size: 1.5em;
    font-weight: bold
    }
.infos-station div {
    border-bottom: 1px dotted #999;
    margin: 0 30px 10px 30px;
    padding-bottom: 10px
    }
.infos-station ul {
    margin: 0
    }
.infos-station ul li {
    list-style-image: url(images/fleche.gif);
    color: #4d4d4d;
    margin: 0
    }
.info-camera {
    background: url(images/icon-camera.gif) no-repeat scroll right top
    }
.info-mountains {
    background: url(images/icon-mountains.gif) no-repeat scroll right top
    }
.info-pistes {
    background: url(images/icon-panneau.gif) no-repeat scroll right top
    }
.info-neige {
    background: url(images/icon-thermo.gif) no-repeat scroll right top
    }
.info-meteo {
    background: url(images/icon-meteo.gif) no-repeat scroll right top
    }
/***************************************
		partenaires
****************************************/
ul.partenaires {
    margin: 0;
    padding: 0
    }
ul.partenaires li {
    background: transparent url(images/bg_partenaire.gif) no-repeat scroll left bottom;
    float: left;
    height: 134px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 10px 6px 10px 0;
    position: relative;
    width: 282px
    }
ul.partenaires li h4, ul.partenaires li p {
    color: #4f920f;
    margin: 0;
    padding: 0
    }
ul.partenaires li a {
    color: #4f920f
    }
ul.partenaires li div {
    background: transparent url(images/bg_partenaire.gif) no-repeat scroll -284px -206px;
    padding: 5px 25px 5px 5px;
    position: relative
    }
ul.partenaires li a img {
    border: none
    }
ul.partenaires li div .image {
    text-align: right;
    width: 100%;
    margin-top: 5px
    }
/***************************************
		page materiel
****************************************/
/************************/
.liste-categorie-article {
    background: url(images/bg_menu_article.gif) no-repeat left -54px;
    font-size: 1.1em;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 100%
    }
.liste-categorie-article-padding {
    padding: 10px 5px 0 6px
    }
.liste-categorie-article-padding-warp {
    padding-left: 8px
    }
.liste-categorie-article-padding-warp-2 {
    padding-left: 30px
    }
.liste-categorie-article ul {
    margin-left: 9px;
    font-weight: bold
    }
.liste-categorie-article a {
    color: #6a6a6a
    }
.liste-categorie-article ul li a {
    background: url(images/bg_menu_article.gif) no-repeat left -27px;
    line-height: 27px;
    margin-right: 2px;
    padding-left: 15px;
    display: block
    }
.liste-categorie-article ul li.ui-tabs-selected a {
    background-position: left top;
    color: #004a1e
    }
.liste-categorie-article ul li a span {
    background: url(images/bg_menu_article.gif) no-repeat right -27px;
    line-height: 27px;
    padding-right: 15px;
    display: block
    }
.liste-categorie-article ul li.ui-tabs-selected a span {
    background-position: right top
    }
.liste-categorie-article p {
    height: 30px;
    margin: 0;
    padding: 0;
    color: #6a6a6a
    }
.liste-categorie-article a img {
    border: 0
    }
/* articles*/
.article {
    width: 581px;
    background: url(images/bg_article_presentation.gif) no-repeat left bottom;
    margin-top: 5px
    }
.article-warp {
    background: transparent url(images/bg_article_presentation.gif) no-repeat scroll -581px -393px;
    color: #595959;
    padding: 5px 25px 5px 5px;
    position: relative
    }
.article-warp h3 {
    margin: 0 5px 10px 0;
    text-indent: 40px;
    padding: 0;
    line-height: 20px;
    font-size: 1.1em;
    background: url(images/icon-produit.gif) no-repeat 0 -150px
    }
.article-warp h3.article-titre-cat-1 {
    background-position: 0 -200px
    }
.article-warp h3.article-titre-cat-2 {
    background-position: 0 -250px
    }
.article-warp h3.article-titre-cat-3 {
    background-position: 0 -300px
    }
.article-warp h3.article-titre-cat-4 {
    background-position: 0 -350px
    }
.article-warp h3.article-titre-cat-5 {
    background-position: 0 -400px
    }
span.details {
    background: transparent url(images/icon-produit.gif) no-repeat scroll 0 -448px;
    margin-left: 20px;
    padding: 0 0 0 35px
    }
.article-photo {
    text-align: center
    }
ul.article-photo {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
/*niveaux*/
.niveaux {
    background: #FFF url(images/bg_infos_station.gif) no-repeat scroll 0 0;
    margin: 10px 5px;
    width: 305px;
    padding: 12px 0 0;
    color: #595959
    }
.niveaux h3 {
    color: #4F920F;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 10px
    }
.niveaux h4 {
    color: #595959;
    margin: 10px 5px 5px 0;
    text-indent: 40px;
    padding: 0;
    line-height: 20px;
    font-size: 1.1em;
    background: url(images/icon-produit.gif) no-repeat 0 -150px
    }
.niveaux h4.niveau-1 {
    background-position: 0 -200px
    }
.niveaux h4.niveau-2 {
    background-position: 0 -250px
    }
.niveaux h4.niveau-3 {
    background-position: 0 -300px
    }
.niveaux h4.niveau-4 {
    background-position: 0 -350px
    }
.niveaux h4.niveau-5 {
    background-position: 0 -400px
    }
.niveaux p {
    margin: 0 10px 0 40px
    }
.niveaux ul {
    margin: 0 0 0 60px;
    list-style-type: square;
    padding: 0
    }
.niveaux ul li {
    margin: 0;
    padding: 0
    }
/***************************************
		FAQ
****************************************/
.faq-right {
    background: #FFF url(images/bg_infos_station.gif) no-repeat scroll 0 0;
    margin: 10px 5px;
    width: 285px;
    padding: 12px 10px 0 10px;
    color: #595959;
    height: 484px
    }
html > body .faq-right {
    height: auto;
    min-height: 484px
    }
.faq-right h3 {
    color: #4F920F;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px
    }
div.envoi-demande {
    width: 192px
    }
div.envoi-demande a {
    background: url(images/bg_submit_reservation.gif) no-repeat scroll right top;
    height: 26px;
    display: block;
    color: #fff;
    font-size: 1.1em
    }
div.envoi-demande a span {
    background: url(images/bg_submit_reservation.gif) no-repeat scroll 0 -52px;
    line-height: 26px;
    display: block;
    text-align: center;
    padding: 0 30px 0 10px
    }
div.envoi-demande a:hover {
    background-position: right -26px
    }
div.envoi-demande a:hover span {
    background-position: 0 -78px
    }
#faq-list {
    background: transparent url(images/bg-faq.gif) no-repeat scroll left bottom;
    width: 583px
    }
#faq-list ul {
    background: transparent url(images/bg-faq.gif) no-repeat scroll -584px -983px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0
    }
#faq-list ul li {
    border-bottom: 1px dotted #909090;
    padding: 5px 0;
    width: 577px
    }
#faq-list ul a {
    display: block;
    margin: 0 10px;
    padding: 0;
    position: relative;
    width: 563px
    }
#faq-list ul a span.numero {
    background-color: #E3E3E3;
    color: #000;
    text-align: center;
    width: 23px;
    position: absolute;
    top: 2px;
    left: 0;
    display: block
    }
#faq-list ul a span.titre {
    display: block;
    margin-left: 30px;
    position: relative
    }
a.selected {
    font-weight: bold
    }
#faq-list ul a.selected span.numero {
    background-color: #8dbb00;
    color: #FFF;
    font-weight: normal
    }
#faq-list ul li div {
    margin-left: 40px;
    margin-right: 10px
    }
.formulaire-contact {
    margin-left: 58px
    }
.formulaire-contact p {
    margin: 6px 0
    }
.formulaire-contact label {
    display: block;
    color: #40679d
    }
.formulaire-contact .input {
    width: 190px;
    background-color: #f5f9fc;
    border: 1px solid #40679d
    }
/***************************************
		Mon compte
****************************************/
ul.menu-mon-compte {
    background: url(images/bg_menu_article.gif) no-repeat left -54px;
    font-size: 1.1em;
    overflow: hidden;
    position: relative;
    padding: 0;
    width: 100%;
    font-weight: bold
    }
ul.menu-mon-compte a {
    color: #6a6a6a
    }
ul.menu-mon-compte li a {
    background: url(images/bg_menu_article.gif) no-repeat left -27px;
    line-height: 27px;
    margin-right: 2px;
    padding-left: 15px;
    display: block
    }
ul.menu-mon-compte li.actif a {
    background-position: left top;
    color: #004a1e
    }
ul.menu-mon-compte li a span {
    background: url(images/bg_menu_article.gif) no-repeat right -27px;
    line-height: 27px;
    padding-right: 15px;
    display: block
    }
ul.menu-mon-compte li.ui-tabs-selected a span {
    background-position: right top
    }
/*******************************/
#saisie-coordonees-warp {
    padding-left: 35px;
    font-size: 1.1em;
    color: #004a1e
    }
#saisie-coordonees-warp h3 {
    font-size: 1.8em;
    font-weight: normal;
    margin: 10px 0 0 0
    }
.submit-login {
    float: right;
    width: 168px
    }
.login-bloc-left, .creation-compte-bloc-left {
    float: left;
    width: 200px;
    color: #40679d
    }
.password-bloc {
    color: #40679D;
    margin-left: 152px;
    margin-top: 10px;
    width: 220px
    }
.creation-compte-bloc-left {
    width: 220px
    }
.login-bloc-left label, .creation-compte-bloc-left label, .password-bloc label {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    padding-top: 0.5em;
    width: 100%
    }
.login-bloc-left input, .creation-compte-bloc-left textarea, .creation-compte-bloc-left select, .creation-compte-bloc-left input.form-compte, .password-bloc textarea, .password-bloc select, .password-bloc input.form-compte, .password-bloc input, input.date_jj, input.date_mm, input.date_aa {
    border: 1px solid #40679d;
    background-color: #f5f9fc;
    color: #40679d
    }
.creation-compte-bloc-left input.form-compte, .creation-compte-bloc-left textarea, .password-bloc textarea, .password-bloc input.form-compte {
    width: 190px
    }
input.date_jj, input.date_mm {
    width: 42px
    }
input.date_aa {
    width: 70px
    }
.accept-mailing {
    color: #6a6a6a;
    margin-top: 10px;
    border-top: 1px dotted #909090;
    border-bottom: 1px dotted #909090;
    height: 30px;
    line-height: 30px
    }
#saisie-coordonees-submit {
    margin-top: 20px
    }
#password-submit {
    margin-left: 152px;
    margin-top: 20px;
    width: 220px
    }
/*** connexion ***/
#passwordOublie {
    display: none
    }
#moncompte-login-warp {
    padding-left: 35px;
    font-size: 1.1em
    }
#moncompte-login-warp .submit-login {
    float: right;
    margin-right: 14px;
    margin-top: 20px;
    width: 168px
    }
/** liste des commandes **/
#commandes table {
    border-collapse: collapse
    }
#commandes table td, #commandes table th {
    padding: 5px
    }
#commandes table td {
    color: #909090;
    border-right: 1px dotted #909090;
    border-left: 1px dotted #909090;
    border-bottom: 1px solid #909090
    }
#commandes table th {
    color: #000;
    border-right: 1px dotted #909090;
    border-left: 1px dotted #909090;
    border-bottom: 1px solid #000;
    font-weight: normal
    }
#commandes table th a {
    color: #000
    }
/** fiche resa **/
#pied-fiche {
    /* width:627px; */
    margin-top: 20px;
    line-height: 26px;
    position: relative
    }
#renouveler-commande {
    position: absolute;
    right: 0;
    top: 0;
    width: 216px
    }
/** infos skieurs**/
#infos-skieur {
    color: #40679D;
    margin-left: 165px
    }
#infos-skieur label {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    padding-top: 0.5em;
    width: 100%
    }
#infos-skieur input, #infos-skieur select {
    border: 1px solid #40679d;
    background-color: #f5f9fc;
    color: #40679d
    }
#infos-skieurs-submit {
    margin-top: 20px
    }