a.inactif {
    color: #DDD;
    text-decoration: none;
    cursor: default
    }
.text-help {
    display: none
    }
a.help img {
    border: none
    }
#commentaires-enquete {
    display: none
    }
#resultcommentaires {
    color: #6A6A6A;
    padding: 0 20px;
    text-align: left
    }
#resultcommentaires h2 {
    color: #8dbb00;
    font-size: 11px;
    margin: 10px 0 0 0
    }
#resultcommentaires p {
    margin: 0
    }
/*la classe media est utilisée dans la fiche détail d'un produit*/
div.media div {
    display: none
    }
/* ------------------------------
	--------- ETAPE 1 -----------
	------------------------------*/
#bloc-sejour-3 input {
    background: #FFF url(images/icone_right.gif) no-repeat scroll right -119px;
    cursor: pointer;
    width: 95px
    }
#liste_stations {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #8DBB00;
    display: none;
    height: 300px;
    overflow: auto;
    padding: 0 0 0 2px;
    position: absolute;
    width: 183px;
    z-index: 10;
    left: -20px;
    top: 100px
    }
html > body #liste_stations {
    max-height: 300px;
    height: auto;
    left: 21px;
    top: 78px
    }
#liste_stations li {
    list-style: none;
    padding: 2px 0 2px 0
    }
#liste_stations li a {
    text-decoration: none;
    color: #395676
    }
#calendar, #loadingCalendar {
    background: #FFF none repeat scroll 0 0;
    border: 1px dotted #999;
    display: none;
    left: 464px;
    padding: 5px;
    position: absolute;
    top: 95px;
    z-index: 10
    }
#loadingCalendar {
    width: 168px;
    height: 126px;
    text-align: center
    }
#loadingCalendar img {
    margin-top: 43px
    }
#calendar table {
    padding: 0;
    border-collapse: collapse
    }
#calendar th {
    text-align: center;
    background-color: #98BF00;
    color: #FFF;
    padding: 2px
    }
#calendar th a {
    color: #FFF;
    text-decoration: none
    }
#calendar td {
    width: 20px;
    margin: 0;
    color: #999;
    padding: 2px;
    font-size: 11px
    }
#calendar td a {
    color: #000;
    text-decoration: underline
    }
#calendar tr.week td {
    background-color: #DFEBA9;
    font-weight: bold;
    color: #000
    }
#calendar td.weekend {
    background-color: #CCC
    }
/* ------------------------------
	--------- ETAPE 2 -----------
	------------------------------*/
.text_niveau {
    display: none
    }
.sous-articles {
    display: none;
    zoom: 1
    }
.location-article.highlight {
    background: url(images/bg_article.gif) no-repeat -1254px bottom
    }
.location-article.highlight .location-article-warp {
    background: url(images/bg_article.gif) no-repeat -1881px -893px
    }
.transferProduct {
    border: 1px solid #6CAF00;
    background-color: #DDD;
    opacity: 0.5
    }
/* panier */
div.right-panier {
    border-collapse: collapse;
    margin: -5px 0 5px 0;
    padding: 0;
    width: 285px;
    border-bottom: 1px dotted #9c9c9c
    }
div.right-panier b {
    color: #585858
    }
div.right-panier span {
    padding: 5px 0
    }
div.right-panier div.article {
    position: relative;
    /* feinte de sioux : pour que le border-bottom apparaisse sous IE il faut un border-top, ne me demandez pas pourquoi*/
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #C5C5C5
    }
div.right-panier span {
    display: block
    }
div.right-panier div.article span.nom {
    position: relative;
    width: 140px
    }
div.right-panier div.article span.option {
    color: #40679D;
    margin-left: 143px;
    position: absolute;
    /*bottom:0;*/
    top: 1px;
    width: 72px
    }
div.right-panier div.article span.delete {
    position: absolute;
    text-align: center;
    /*bottom:0;*/
    top: 1px;
    width: 20px;
    margin-left: 217px
    }
div.right-panier div.article span.delete a {
    background: transparent url(images/icone_right.gif) no-repeat scroll center -180px;
    display: block;
    height: 11px;
    margin-left: 7px;
    text-indent: -4000px;
    width: 11px
    }
div.right-panier div.article span.prix {
    margin-left: 239px;
    position: absolute;
    /*bottom:0;*/
    top: 1px;
    width: 45px;
    text-align: right
    }
div.right-panier div.soustotal {
    /*text-align: right;*/
    position: relative
    }
div.right-panier span.libelle {
    position: relative;
    width: 215px;
    margin: 0;
    text-align: right
    }
div.right-panier span.help {
    text-align: center;
    margin-left: 215px;
    width: 20px;
    position: absolute;
    top: 0
    }
div.right-panier span.help a {
    background: transparent url(images/icone_right.gif) no-repeat scroll center -210px;
    display: block;
    height: 17px;
    margin-left: 4px;
    text-indent: -4000px;
    width: 17px
    }
div.right-panier div.soustotal span.prix {
    margin-left: 239px;
    position: absolute;
    top: 0;
    width: 45px;
    text-align: right
    }
div.right-panier div.total {
    font-size: 1.1em;
    font-weight: bold;
    position: relative
    }
div.right-panier div.total {
    border-top: 1px solid #9c9c9c
    }
div.right-panier div.soustotal span.prix, div.right-panier div.total span.prix {
    margin-left: 225px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 57px
    }
div.right-panier div.totalremise {
    text-align: right
    }
div.right-panier div.totalremise b {
    color: #d10101
    }
.service-produit {
    float: right;
    background: url(images/icon-produit.gif) no-repeat 0 0;
    margin-right: 15px;
    /* SF : je rajoute ça sinon les liens multiglisse et multidate ne sont pas cliquables
    	 car isl sont en dessous du bloc conseil */
    position: relative;
    z-index: 10
    }
/* ------------------------------
	--------- ETAPE 3 -----------
	------------------------------*/
.multidate {
    height: 23px;
    margin: 10px 0 30px 0;
    position: relative;
    width: 390px;
    float: right;
    color: #6a6a6a;
    text-align: left
    }
.slide-multidate {
    background: transparent url(images/bg_personnalisation.gif) no-repeat scroll -48px -112px;
    float: none;
    height: 7px;
    margin: 16px 0 0 47px;
    position: relative;
    width: 225px
    }
.slide-multidate_1_jours {
    width: 17px
    }
.slide-multidate_2_jours {
    width: 33px
    }
.slide-multidate_3_jours {
    width: 49px
    }
.slide-multidate_4_jours {
    width: 65px
    }
.slide-multidate_5_jours {
    width: 81px
    }
.slide-multidate_6_jours {
    width: 97px
    }
.slide-multidate_7_jours {
    width: 113px
    }
.slide-multidate_8_jours {
    width: 129px
    }
.slide-multidate_9_jours {
    width: 145px
    }
.slide-multidate_10_jours {
    width: 161px
    }
.slide-multidate_11_jours {
    width: 177px
    }
.slide-multidate_12_jours {
    width: 193px
    }
.slide-multidate_13_jours {
    width: 209px
    }
.slide-multidate_14_jours {
    width: 225px
    }
.ui-slider-disabled .ui-slider-handle {
    opacity: 0.5;
    filter: alpha(opacity=50)
    }
.ui-slider-range {
    background: transparent url(images/bg_personnalisation.gif) no-repeat -49px -63px;
    position: absolute;
    width: 100%;
    height: 100%
    }
.ui-slider-handle {
    background-color: transparent;
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 10
    }
.debut span {
    margin-left: -56px;
    margin-top: -22px;
    display: block;
    background: url(images/bg_personnalisation.gif) no-repeat 0 0;
    color: #FFF;
    height: 21px;
    width: 114px;
    text-align: center;
    position: absolute
    }
.fin span {
    background: transparent url(images/bg_personnalisation.gif) no-repeat scroll 0 -21px;
    color: #FFF;
    display: block;
    height: 21px;
    margin-left: -56px;
    margin-top: 10px;
    padding: 6px 0 0;
    text-align: center;
    width: 114px;
    position: absolute
    }
/* --------------------------------------------
	--------- ETAPE 5 : coordonnées -----------
	-------------------------------------------*/
#passwordOublie {
    display: none
    }
/*maximiles*/
.maximiles input {
    background-color: #f5f9fc;
    border: 0;
    font-size: 12px;
    width: 162px
    }
.logout {
    font-weight: bold;
    text-decoration: underline
    }
/* -----------------------------------------
	--------- ETAPE 6 : paiement -----------
	----------------------------------------*/
#formPaiement {
    padding: 0
    }
#infos_cryptogramme {
    display: none
    }
.ligne-paiement .erreur {
    padding: 3px 0 3px 229px
    }
.transaction {
    margin: 20px 0 20px 0
    }
p.infos_cryptogramme {
    padding: 20px;
    width: 393px;
    height: 116px
    }
p.infos_cryptogramme img {
    width: 150px;
    margin-left: 20px;
    float: right
    }
.paiement-choix-type p {
    color: #40679D;
    font-size: 0.9em;
    line-height: 30px
    }
/* UI.tabs*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
    /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none
        }
    }
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none
        }
    }
.ui-tabs-panel {
    color: #6A6A6A
    }
.menu-categorie-article ul li.ui-tabs-selected a {
    background-position: left top;
    color: #004a1e
    }
.menu-categorie-article ul li.ui-tabs-selected a span {
    background-position: right top
    }
/* ---------------------------------------
   -------------- Detail produit ---------
   ---------------------------------------*/
ul.liste-photos {
    margin: 0;
    padding: 0;
    list-style-type: none
    }