html, body {
    background-image: none;
}

body > input {
    z-index: 2999;
}

div.blanc {
    clear: both;
    height: 1px;
}

div.reservationFrame {
    width: 332px;
}

div.reservationRight {
    /*border: 5px solid #3B3C3C;*/
    border-radius: 15px;
    width: 320px;
    margin-left: 15px;
    padding-top: 30px;

    /*** IE 6 ***/
    _margin-left: 12px;
}

@media screen and (max-height: 768px) {
    div.reservationRight {
        position: static;
    }
}

div.reservationRight input.calendar {
    min-width: 100px;
    text-align: left;
    padding-left: 20px;
    background: #fff url('/public/images/fond_date.gif') no-repeat left center;
    border: 1px solid #B6B6B6;
}

div.reservationRight a {
    outline-style: none;
}

div.reservationRight a img {
    border: none;
    vertical-align: middle;
}

div.reservationLeft {
    margin-left: 25px;
}

div.reservationRight .itemNonActifTitre {
    min-height: 25px;
    background-color: #3b3c3c;
    color: #a6c515;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding-left: 25px;
    padding-top: 5px;
    margin-bottom: 1px;
    background-image: url('/public/images/DV4/picto_deplier.png');
    background-repeat: no-repeat;
    background-position: 265px 5px;
    cursor: pointer;
}

div.reservationRight .itemActifTitre {
    background-color: #a6c515;
    color: #3b3c3c;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 5px 20px;
    background-image: url('/public/images/DV4/picto_deplier.png');
    background-repeat: no-repeat;
    background-position: 265px 5px;
    cursor: pointer;
}

.reservationRight .itemNonActifContenu {
    display: none;
}

.reservationRight .itemActifContenu {
    display: block;
    background-color: #676767;
    margin-bottom: 1px;
}

@media screen and (max-width: 990px) {
    .filtreListe{
        display: none;
    }

    .reservationLeft {
        margin-top: 5px !important;
    }

    .boxBoutonRervation.controlBar {
        text-align: center;
        width: 100%;
    }

    .wmodalFoReservation .boxResaInfos,
    .wmodalFoReservation .boxResaPaiement{
        max-width: 100%;
    }

    .wmodalFoReservation #boxTitrePage,
    .boxModalTab #boxTitrePage,
    .wmodalFoReservation .boxResaInfos,
    .wmodalFoReservation .boxResaPaiement,
    .wmodalFoReservation .boxResaInfos .box2colonne .colonne1,
    .wmodalFoReservation .boxResaInfos .box3colonne .colonne1,
    .wmodalFoReservation .boxResaInfos .box3colonne .colonne3,
    .wmodalFoReservation .boxResaPaiement .box2colonne .colonne1,
    .wmodalFoReservation .boxResaPaiement .box3colonne .colonne1,
    .wmodalFoReservation .boxResaPaiement .box3colonne .colonne3,
    .wmodalFoReservation .boxResaInfos .box2colonne > .colonne,
    .wmodalFoReservation .boxResaPaiement .box2colonne > .colonne {
        width: 100%;
        margin: 0;
    }
}

/*** PARTIE INFOS PERSO ***/

div.reservationRight .reservationInfoPersoDiv {
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 15px;
    height: 570px;
}

div.reservationRight .reservationInfoPersoNom {
    text-align: left;
}

div.reservationRight .reservationInfoPersoChangePassword {
    text-align: left;
    color: #FFFFFF;
    font-size: 0.7em;
    font-weight: bold;
}

div.reservationRight .reservationInfosPersoTypeMembre {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

div.reservationRight .reservationInfoPersoContenu {
    overflow: auto;
    height: 100%;
    width: 100%;
}

div.reservationRight .reservationInfoPerso {
    float: left;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    padding-left: 15px;
}

div.reservationRight .reservationInfoPersoPhoto {
    float: left;
    margin-bottom: 15px;
}

div.reservationRight .reservationCoordonneeModifier {
    display: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

div.reservationRight .reservationCoordonneeModifier .champs, div.reservationRight .reservationInfoPersoChangePassword .champs {
    float: left;
    width: 80px;
    text-align: right;
}

div.reservationRight .reservationCoordonneeModifier .champsValue, div.reservationRight .reservationInfoPersoChangePassword .champsValue {
    float: left;
}

div.reservationRight .reservationCoordonnee {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 25px;
}

div.reservationRight .reservationCoordonnee .champsbasic {
    font-weight: normal;
}

div.reservationRight .reservationAdresseModifier {
    display: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-top: 25px;
}

div.reservationRight .reservationAdresseModifier .critere dfn {
    width: 200px;
    display: block;
}

div.reservationRight .reservationAdresseModifier .critere select {
    width: 216px;
}

div.reservationRight .reservationAdresse {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 25px;
}

div.reservationRight .reservationAdresse .adresseValeur {
    font-weight: normal;
}

div.reservationRight .reservationInfoPersoBouton {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
    text-align: right;
}

div.reservationRight .reservationInfoPersoBouton img {
    border: none;
}

div.reservationRight .reservationInfoPersoBouton #infoPersoValider {
    display: none;
}

/*** PARTIE MON COMPTE ***/

div.reservationRight .reservationCompte {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    height: 570px;
}

div.reservationRight .reservationCompte .reservationCompteContenuDiv {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

div.reservationRight .reservationCompteTitre {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

div.reservationRight .reservationCompteContenu {
    margin-bottom: 15px;
    background-image: url('/public/images/DV4/picto_compte.png');
    background-position: top left;
    background-repeat: no-repeat;
    height: 60px;
}

div.reservationRight .reservationArdoiseContenu {
    margin-bottom: 15px;
    background-image: url('/public/images/DV4/picto_ardoise.png');
    background-position: top left;
    background-repeat: no-repeat;
    height: 60px;
}

div.reservationRight .reservationCompteBilan {
    margin-top: 10px;
    margin-left: 80px;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 10px;
    padding-top: 13px;
}

div.reservationRight .reservationCompteBilanPrepayeTitre {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 10px;
}

div.reservationRight .reservationCompteBilanPrepaye {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: 10px;
    margin-left: 10px;
}

div.reservationRight .reservationCompteInfos {
    color: #bfbfbf;
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    margin-top: 15px;
}

div.reservationRight .reservationCompteInfosBouton {
    margin-top: 15px;
}

div.reservationRight .reservationCompteInfosBouton img {
    border: none;
}

/*** PARTIE MES RESERVATIONS ***/
div.reservationItem {
    text-align: center;
}

div.reservationRight .reservationMesResa,
div.reservationItem .reservationMesResa {
    padding-left: 5px;
    padding-top: 15px;
    height: 570px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.reservationRight .reservationMesResaTitre,
div.reservationItem .reservationMesResaTitre {
    border-radius: 3px 3px 0px 0px;
    background-color: #A6C515;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-weight: bold;
    width: 282px;
    height: 33px;
    padding-top: 10px;
}

div.reservationRight .reservationMesResaContenu,
div.reservationItem .reservationMesResaContenu {
    background-color: #7c7c7c;
    width: 282px;
}

div.reservationRight .reservationMesResaHeure {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 100px;
}

div.reservationItem .reservationMesResaHeure {
    float: none;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
}

div.reservationRight .reservationMesResaHeureDebut,
div.reservationItem .reservationMesResaHeureDebut {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 30px;
    font-weight: bold;
}

div.reservationRight .reservationMesResaHeureFin,
div.reservationItem .reservationMesResaHeureFin {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 22px;
    font-weight: bold;
}

div.reservationRight .reservationMesResaHeureType,
div.reservationItem .reservationMesResaHeureType {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

div.reservationRight .reservationMesResaHeureTerrain,
div.reservationItem .reservationMesResaHeureTerrain {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

div.reservationRight .reservationActions {
    font-size: 80%;
    text-align: left;
    padding: 10px;
}

div.reservationRight .reservationActions .confirmResa i.fa {
    color: #73ad11;
}

div.reservationRight .reservationActions .unconfirmResa i.fa {
    color: #e84949;
}

div.reservationRight .disabled a {
    cursor: default;
    color: #909090;
    text-decoration: none;
}

div.reservationRight .reservationMesResaBouton {
    float: left;
    width: 125px;
    text-align: left;
    margin-left: 25px;
}

div.reservationRight .reservationMesResaBouton a {
    color: #a6c515;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

div.reservationRight .reservationMesResaBouton a span {
	font-size: 30px;
	float: left;
	margin: 5px 7px 0 4px;
	width: auto;
}

div.reservationRight .reservationMesResaBouton a.disabled
{
	color: #969696;
}

div.reservationRight .reservationMesResaBouton img {
    border: medium none;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 5px;
}

div.reservationRight .reservationMesResaFooter,
div.reservationItem .reservationMesResaFooter {
    background-color: #7C7C7C;
    border-radius: 0px 0px 3px 3px;
    width: 282px;
    height: 7px;
    margin-bottom: 15px;
}

div.reservationRight .reservationMesResaReservataire p,
div.reservationItem .reservationMesResaReservataire p {
    color: #a6c515;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-left: 25px;
    margin-bottom: 5px;
}

div.reservationRight .reservationMesResaReservataire table,
div.reservationItem .reservationMesResaReservataire table {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    width: 260px;
    border-collapse: collapse;
}

div.reservationRight .reservationMesResaReservataire td,
div.reservationItem .reservationMesResaReservataire td {
    padding-left: 15px;
}

div.reservationRight .pair,
div.reservationItem .pair {
    background-color: #898989;
}

div.reservationRight .impair,
div.reservationItem .impair {
    background-color: #969696;
}

div.reservationRight .reservationMesResaInfo,
div.reservationItem .reservationMesResaInfo {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    text-align: left;
    margin-left: 25px;
    margin-top: 5px;
}

div.reservationRight .reservationMesResaInfo span,
div.reservationItem .reservationMesResaInfo span {
    color: #c3c3c3;
}

div.reservationRight .boxFoContenuAucuneResa,
div.reservationItem .boxFoContenuAucuneResa {
    text-align: center;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    margin-top: 25px;
}

/*** PARTIE RESERVER ***/

.reservationReserver {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    height: 100%;
}

.reservationRechercheParDate,
.reservationRechercheParPeriode {
    border: solid 1px #b2b2b2;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 1em;
    text-align: left;
}

.reservationRechercheParDate .reservationRechercheTitre,
.reservationRechercheParPeriode .reservationRechercheTitre {
    margin-bottom: 1em;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
}

.reservationRechercheParDate .reservationReserverCritere .reservationCritereTitre2,
#reservationCritereHoraire {
    text-align: left;
    display: inline;
}

.reservationRechercheParDate #reservationCritereHoraire {
    margin-left: 31px;
}

#reservationCheckbox {
    display: inline;
}

.reservationReserverCritere {
    width: 100%;
}

.reservationCritereTitre {
    display: inline-block;
    text-align: right;
    width: 45%;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
}

.reservationCritereTitre2 {
    display: inline-block;
    text-align: right;
    width: 35%;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
}

.reservationCritereChamps {
    display: inline-block;
    width: 49%;
    text-align: left;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
}

.reservationCritereChamps select {
    width: 120px;
}

.reservationCritereChamps select.heure {
    width: 52px;
}

.reservationCritereChamps input {
    width: 70px;
}

.reservationCritereChamps a {
    color: #a6c515;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
}

.reservationReserverBouton {
    text-align: right;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.reservationReserverBouton img {
    border: none;
}

.reservationReserverCreneau {
    height: 180px;
    overflow: auto;
    text-align: left;
}

.reservationCreneauAucun {
    text-align: center;
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-weight: bold;
    margin-top: 25px;
}

.reservationCreneauChoix {
    display: flex;
    background-image: url('/public/images/DV4/fond_creneau.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #7c7c7c;
    width: 262px;
    height: 119px;
    padding-top: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.reservationCreneauChoixHeure {
    text-align: center;
    float: left;
    width: 100px;
}

.reservationCreneauChoixDate {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    width: 100%;
    height: 15px;
}

.reservationCreneauChoixHeureDebut {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 30px;
    font-weight: bold;
    line-height: 28px;
}

.reservationCreneauChoixHeureFin {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
}

.reservationCreneauChoixHeureTerrain, .reservationCreneauChoixHeureType {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    width: 100%;
    height: 15px;
}

.reservationCreneauInfo {
    float: left;
    text-align: center;
    color: #c3c3c3;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    width: 130px;
}

.reservationCreneauBouton {
    margin-top: 10px;
}

span.nombre {
    color: #FFFFFF;
    font-weight: bold;
}

.reservationReserverCreneau .loading {
    margin-top: 100px;
    margin-left: 125px;
}

/*** PARTIE PLANNING ***/

div.reservationLeft #xsh_header_r3 .zoom_less,
div.reservationLeft #xsh_header_r3 .scroll-bar,
div.reservationLeft #xsh_footer_r .scroll-bar {
    font-size: 12px;
}

div.reservationLeft .planningDate {
    margin-left: 40px;
    margin-top: 18px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 30px;
    font-weight: bold;
    text-align: left;

    /*** IE6 ***/
    _margin-left: 20px;
}

div.reservationLeft .planningDate a {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #A6C515;
}

div.boxPlanning {
    text-align: left;
    color: #7c7c7c;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
}

div.reservationLeft .boxPlanning .ressource {
    color: #7c7c7c;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10px;
}

div.reservationLeft .boxPlanning .bloc_libre {
    background-color: #a6c515;
    opacity: 0.75;
    cursor: pointer;
}

div.boxPlanningHeader {
    height: 16px;
}

div.boxPlanningHeader div.blanc {
    background-color: #FFFFFF;
}

div.boxPlanningFooterLeft {
    background-image: url('/public/images/DV4/arrondi_bas_gauche.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #FFFFFF;
    width: 24px;
    height: 15px;
    float: left;
}

div.boxPlanningFooterComplement {
    float: left;
    background-color: #FFFFFF;
    height: 15px;
}

div.boxPlanningFooterRight {
    background-image: url('/public/images/DV4/arrondi_bas_droite.gif');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #FFFFFF;
    width: 24px;
    height: 15px;
    float: left;
}

div.boxPlanningFooter {
    height: 16px;
}

div.boxPlanningHeaderLeft {
    background-image: url('/public/images/DV4/arrondi_haut_gauche.gif');
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #FFFFFF;
    width: 24px;
    height: 15px;
    float: left;
}

div.boxPlanningHeaderComplement {
    float: left;
    background-color: #FFFFFF;
    height: 15px;
}

div.boxPlanningHeaderRight {
    background-image: url('/public/images/DV4/arrondi_haut_droite.gif');
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #FFFFFF;
    width: 24px;
    height: 15px;
    float: left;
}

/*** JQMODAL ***/

.jqmWindowFront {
    display: none;
    position: absolute;
    left: 25%;
    top: 100px;
}

.jqmOverlay {
    background-color: #333;
}

div.boxRecherche {
    width: 598px;
}

div.boxRecherche .boxHeader {
    background-image: url('/public/images/DV4/fond_reservation_modal_header.png');

    /** IE6 **/
    _background-image: url('/public/images/DV4/fond_reservation_modal_header.gif');

    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 20px;
}

#wmodal .boxBoutonClose, #confirmBox .boxBoutonClose {
    position: absolute;
    width: 38px;
    height: 38px;
    background-image: url('/public/images/DV4/bouton_fermer_modal.png');

    /** IE6 **/
    _background-image: url('/public/images/DV4/bouton_fermer_modal.gif');

    background-repeat: no-repeat;
    background-position: top center;
    cursor: pointer;
    left: 570px;
    top: -15px;
}

div.boxRecherche {
    background-color: #FFFFFF;
    width: 583px;
    padding-left: 15px;
    /*padding-bottom: 5px;*/
}

div.boxRecherche .boxContenuTitre {
    color: #a6c515;
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
}

.boxContenuTitre {
    text-transform: uppercase;
    text-align: center;
}

div.boxRecherche .boxContenuInfos {
    color: #000000;
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
}

div.boxRecherche .boxContenuInfosDateBlocs {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
}

div.boxRecherche .boxContenuInfos .boxContenuInfosBlocLarge {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

div.boxRecherche .boxContenuInfosDateBlocs .boxContenuInfosDate {
    font-weight: bold;
    font-size: 18px;
    color: #000000;
}

div.boxRecherche .boxContenuInfosDateBlocs .boxContenuInfosHeure {
    font-weight: bold;
    font-size: 30px;
    margin-top: 7px;
    color: #000000;
}

div.boxRecherche .boxContenuColonne.boxContenuLeft {
    margin-right: 15px;
}



div.boxRecherche .boxContenuColonne {
    float: left;
    width: 49%;
}

div.boxRecherche div:not(.alert) h3 {
    margin-top: 30px;
    color: #A6C515;
    text-transform: uppercase;
    border-bottom: solid 2px #A6C515;
    padding-bottom: 2px;
    font-weight: normal;
    font-size: 12px;
}

div.boxRecherche .boxContenuInfos .champs_nombre {
    border: 2px solid #e0e0e0;
    width: 50px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

div.boxRecherche .boxContenuInfos .boxContenuInfoInvite {
    background-color: #D2F1FD;
    border-radius: 2px;
    color: #4D769B;
    margin: 5px;
    text-align: left;
    padding: 2px;
    padding-left: 5px;
}

div.boxRecherche .boxContenuInfos .boxContenuInfoAlerteLimite {
    background-color: #FDEAD2;
    border-radius: 2px;
    color: #CD6700;
    margin: 5px;
    text-align: left;
    padding: 2px;
    padding-left: 5px;
}

div.boxRecherche .boxContenuInfos .boxContenuInfoPaiementModalité {
    background-color: #fcf8e3;
    border-radius: 2px;
    color: #977d4f;
    margin: 5px;
    text-align: left;
    padding: 2px;
    padding-left: 5px;
}

div.boxRecherche .boxContenuInfos .nbReservataireLess,
div.boxRecherche .boxContenuInfos .nbReservataireMore {
    text-align: center;
    font-size: 20px;
    color: #e0e0e0;
    width: 25px;
    margin: 0px;
    display: inline-block;
    cursor: pointer;
}

div.boxRecherche .boxContenuInfos .boxContenuInfobulle {
    margin-left: 10px;
    color: #18BBF3;
    font-size: 16px;
}

div.boxRecherche .boxContenuInfos button span {
    margin-left: 0px;
}

div.boxRecherche .boxFooter {
    background-image: url('/public/images/DV4/fond_reservation_modal_footer.png');

    /** IE6 **/
    _background-image: url('/public/images/DV4/fond_reservation_modal_footer.gif');

    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 15px;
}

.selectAutocompleter {
    background-color: #A6C515;
    color: #fff;
}

.autocompleter {
    width: 350px;
    max-height: 200px;
    height: auto !important;
    height: 200px;
    overflow: auto;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

input.searchBox {
    background-image: url('/public/images/magnifying-glass.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

input.searchBoxSearching {
    background-image: url('/public/images/anim_load2.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

.autocompleter ul li.autocompleteTitle {
    text-align: left;
    font-weight: bold;
    background-color: #676767;
    color: #FFFFFF;
}

.autocompleter ul li.autocompleteItem {

}

.autocompleter ul li {
    padding: 2px 10px;
    white-space: nowrap;
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 11px;
}

div.autocompleteAfter {
    background-image: url('/public/images/bt_next_bleu.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

div.autocompleteBefore {
    background-image: url('/public/images/bt_prev_bleu.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

div.autocompleteAfterDisabled {
    background-image: url('/public/images/bt_next_disabled.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

div.autocompleteBeforeDisabled {
    background-image: url('/public/images/bt_prev_disabled.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

div.boxRecherche .reservationReservataire {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    height: 30px;
}

div.boxRecherche a {
    outline-style: none;
}

div.boxRecherche a img {
    border: none;
    vertical-align: middle;
}

div.boxRecherche .reservationReservataire input {
    border: 2px solid #e0e0e0;
    width: 110px;
}

div.boxRecherche .reservationReservataire select {
    width: 90px;
}

div.boxRecherche .reservationReservataire .reservationReservataireChoisi {
    color: #2abcea;
    font-family: Arial, Helvetica;
    font-weight: bold;
    font-size: 12px;
}

div.boxRecherche .reservationReservataire .reservataiReservataireRecherche {
    float: left;
}

div.boxRecherche .reservationReservataire .reservataiReservataireSelect {
    float: left;
    padding-top: 5px;
}

div.boxRecherche .reservationReservataire .reservationReservataireInfos {
    float: left;
    padding-top: 5px;
}

div.boxRecherche .boxBoutonRervation {
    text-align: right;
    margin: 10px;
    float: right;
    width: 45%;
    margin-top: 30px;
}

div.boxRecherche .boxCommentaireReservation {
    font-family: Arial, Helvetica;
    font-size: 12px;
}

div.boxRecherche .boxCommentaireReservation textarea {
    width: 100%;
    min-height: 50px;
}

/*** Titre de page totalement inutile ***/
#boxModuleTitre {
    display: none;
}

/*** Planning golf ***/

div.reservationLeft div.boxPlanning {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.reservationLeft table.boxModalTab thead td.right {
    background-image: url('/public/images/DV4/boxModalTopRightSansCroix.png');
}

div.reservationLeft div.tableau table {
    border-collapse: collapse;
    border-spacing: 0;
}

div.reservationLeft div.divDatePasseText {
    width: 100%;
    height: 75px;
    text-align: center;
    margin-top: 25px;
}

/*** OPTION ***/
div.boxListeOption {
    width: 100%;
    margin: 10px;
}

.boxInscription .boxContenuInfos .boxListeOption .boxOption{
    height: auto;
}

.boxInscription .boxContenuLeft .boxContenuReservataires{
    overflow: auto;
    height: 130px;
}

div.boxOption {
    position: relative;

    float: left;
    width: 40%;
    margin-right: 5%;
    margin-top: 5px;

    height: 22px;
    overflow: hidden;

    padding: 10px;

    border-radius: 10px;
    cursor: pointer;

    background-color: #7C7C7C;
    color: #FFFFFF;
}

div.boxOption:hover {
    background-color: #4C4D4D;
}

div.boxOption.disabled {
    background-color: #7C7C7C;
    text-decoration: line-through;
    cursor: default;
}

div.boxOption.selected {
    background-color: #A6C515;
}

div.boxOption .champs_quantite {
    width: 25px;
    text-align: center;
    float: left;
}

div.boxOption input {
    float: left;
}

div.boxOption div.more, div.boxOption div.less {
    float: left;
    width: 10px;
    height: 15px;
    padding-left: 5px;
    margin-top: 4px;
    cursor: pointer;

    background-color: #7C7C7C;
    color: #FFFFFF;
    font-weight: bold;
}

div.boxOption div.boxOptionName {
    margin-left: 5px;
    margin-top: 5px;
    float: left;
    width: 185px;
    overflow: hidden;
    white-space: nowrap;
}

div.boxOption.selected div.boxOptionName {
    width: 155px;
}

div.boxOption div.boxOptionTarif {
    padding-left: 5px;
    float: left;
    width: auto;
    position: absolute;
    right: 5px;
    top: 15px;
    background-color: inherit;
}

/**********************************/
/* Liste deroulante personnalisee */
/**********************************/

/* General dropdown styles */
dl.dropdown {
    display: inline-block;
    padding-left: 5px;
}

.dropdown dd, .dropdown dt, .dropdown dl, .dropdown ul {
    margin: 0px;
    padding: 0px;
}

.dropdown dd {
    position: relative;
}

/* DT styles for sliding doors */
.dropdown dt {
}

.dropdown dt a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
    position: relative;

}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}

/* UL styles */
.dropdown ul {
    display: none;
    list-style: none;
    position: absolute;
    z-index: 20;
    left: 0px;
    top: 5px;
    width: auto;
    min-width: 175px;
    border: 2px solid #252626;
    background-color: #606161;
    border-radius: 6px;
    webkit-border-radius: 6px;
    moz-border-radius: 6px;
    overflow: hidden;
}

.dropdown span.value {
    display: none;
}

.dropdown li {
    width: 100%;
}

.dropdown li a {
    padding: 3px 5px 3px 10px;
    display: block;
    color: #FFFFFF;
    text-align: left;
}

.dropdown li a:hover {
    background: #DADFE7;
    text-decoration: none;
    color: #606161;
}

#reservationLeft dl.dropdown {
    vertical-align: top;
}

#reservationLeft .dropdown dt a {
    background: url('/public/images/select_arrow.png') no-repeat scroll right center;
    color: #86898C;
    font-weight: normal;
}

/***** TABLEAUX *****/
table {
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

table td {
    padding: 0px;
}

td.nowrap /*, 	td.separeDate*/
{
    white-space: nowrap;
}

tr.surligne {
    background-color: #F3F3F3;
}

tbody td.colonneCheck {
    width: 30px;
    border-bottom: 1px solid #FEE99C;
    background-color: #FEE99C;
}

td.iteration {
    width: 30px;
    color: #959595;
}

/* gestion de survol de ligne */
tr.click {
    cursor: pointer;
}

tr.marque {
    background-color: #FEE99C;
    cursor: pointer;
}

TABLE.datagrid tbody tr.survolLecture, TABLE.datagrid tbody tr.survolLecture:hover {
    background-color: #999999;
    color: #FFFFFF;
}

TABLE.datagrid tbody tr.survolLecture2, TABLE.datagrid tbody tr.survolLecture2:hover {
    background-color: #CCCCCC;
    color: #5F5F5F;
}

table caption {
    font-family: arial, helvetica;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-left: 10px;
    text-align: left;
}

dl, dt, dd {
    padding: 0;
    margin: 0px;
}

/**** PLANNING V4 *****/

#reservationLeft #xsh_previousDate,
#reservationLeft #xsh_dateLabel,
#reservationLeft #xsh_nextDate,
#reservationLeft #xsh_ressourceNav button span,
#reservationLeft #xsh_nextRessource,
#reservationLeft #xsh_previousRessource {
    font-size: 24px;
}

/*#boxModule #reservationLeft #xsh_displayDirectionSelect.dropdown dt a {*/
    /*width: 150px;*/
/*}*/

#boxModule #reservationLeft.planningV4 {
    background-color: rgb(236, 236, 236);
}

#planning #xsh_header1,
#planning #xsh_header2,
#planning #xsh_header3,
#planning #xsh_header_Static THEAD TR TD #xsh_dateNav_sem td,
#planning #xsh_header_Static THEAD TR TD #xsh_dateNavHour_sem td,
#planning TABLE#xsh_frame THEAD TR TD #xsh_dateNav_sem td,
#planning TABLE#xsh_frame THEAD TR TD #xsh_dateNavHour_sem td {
    background-color: #676767;
}

#planning #xsh_frame #xsh_dateNav_sem td.active{
    background-color: #A6C515;
}

#planning #xsh_header_Static THEAD TR TD #xsh_dateNav_sem td.today,
#planning #xsh_header_Static THEAD TR TD #xsh_dateNavHour_sem td.today,
#planning TABLE#xsh_frame THEAD TR TD #xsh_dateNav_sem td.today,
#planning TABLE#xsh_frame THEAD TR TD #xsh_dateNavHour_sem td.today {
    color: #FFFFFF;
    text-decoration: underline;
}

#planning #xsh_panelDateNav a.xsh_bouton_close {
    background-color: #A6C515;
    color: #3B3C3C;
    border-color: #3B3C3C;
}

#planning #xsh_panelDateNav a.xsh_bouton_close:HOVER {
    border-color: #FFFFFF;
}

#planning .xsh_panelDateNav tr td.xsh_panel_content {
    background-color: #676767;
    background-image: none;
}

#planning .xsh_calendar_nav {
    width: 160px;
}

#planning .xsh_calendar_nav p,
#planning .xsh_calendar span,
#planning .xsh_calendar table thead tr td {
    color: #FFFFFF;
}

#planning .xsh_calendar_nav input {
    padding: 7px 5px;
}

#planning .xsh_calendar {
    background-image: url('/public/images/planning/xsh_calendar_front.gif');
}

#planning .xsh_calendar table tbody tr td.today {
    background-color: #A6C515;
    color: #3B3C3C;
}

.reservationContenu #boxModule {
    min-width: 0px;
    position: relative;
}

#boxPage div.reservationHeader div.IxnetMenuFrontExtraclub {
    min-width: 0px;
}

.reservationContenu div.reservationLeft {
    margin-left: 0px;
}

#JT {
    font-size: 12px;
}

.ongletSection {
    text-align: left;
}

.ongletSection ul {
    margin: 0px;
    margin-top: 5px;
    padding: 0px;
    border: 0px;
    display: table;
}

.ongletSection ul:after {
    clear: both;
}

.ongletSection ul li {
    list-style-image: none;
    list-style-type: none;
    width: auto;
    cursor: pointer;
    padding: 4px 15px;
    color: #FFFFFF;
    background-color: #252626;
    font-family: Arial, Helvetica;
    font-weight: bold;
    border: 0px;
    float: left;
}

.ongletSection ul li:hover {
    text-decoration: underline;
}

.ongletSection ul li.itemActif {
    background-color: #676767;
}

.instructionDiv {
    margin-top: 10px;
    color: #888888;
    display: none;
    font-size: 10px
}

.boxResaPaiement #ticketCouponInfos {
    display: none;
}

.avertissementDelai {
    text-align: center;
    background-color: #E53C27;
    color: #FFFFFF;
    padding: 15px;
    border-radius: 5px;
    background-image: url('/public/images/picto_mi_avertissement_small.gif');
    background-repeat: no-repeat;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.payment_module a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 170%;
    line-height: 190%;
}

.payment_module .note {
    font-style: italic;
    margin-top: 10px;
}

/**
* Modal de validation de présence
**/
#modalPresence table {
    width: 100%;
}

#modalPresence table tbody td {
    padding: 5px;
    border-bottom: 1px solid #f1f1f1;
}

#modalPresence table tbody tr:hover td {
    background: #f1f1f1;

}

#modalPresence table tbody tr:last-child td {
    border-bottom: none;
}

#modalPresence .cancelLink {
    text-decoration: none;
    background: #ccc;
    padding: 3px 5px;
    display: inline-block;
    border-radius: 2px;
    color: #000;
}

#modalPresence .reservationMesResaHeureType,
#modalPresence .reservationMesResaHeureDebut,
#modalPresence .reservationMesResaHeureFin {
    font-size: 120%;
}

#modalPresence .reservationMesResaHeureType,
#modalPresence .reservationMesResaHeureDebut {
    font-size: 140%;
}

#modalPresence .text-right {
    text-align: right;
}

#modalPresenceStatus {
    display: none;
    background: #f1f1f1;
    padding: 10px;
    font-size: 11px;
    border: 1px solid #ccc;
}

#modalPresenceStatus.error,
#modalPresenceStatus.loading {
    display: block;
}

#modalPresenceStatus.error {
    background: #fff1f1;
    color: #b93030;
    border: 1px solid #ffcece;
}

#modalPresence label.presenceLabel {
    display: inline-block;
    padding: 10px 10px;
    background: #98c5d6;
    border-radius: 3px;
    color: #fff;
    width: 90px;
    cursor: pointer;
    transition: background .5s ease;
}

#modalPresence .toggler {
    float: left;
}

#modalPresence label.presenceLabel.present {
    background: #92cc92;
}

#modalPresence label.presenceLabel span.indicator {
    margin-top: 2px;
    display: inline-block;
}

#formThematique {
    text-align: left;
    margin-bottom: 5px;
}

#formThematique button {
    background: transparent;
    color: #fff;
    padding: 5px;
    text-transform: none;
    height: auto;
    box-sizing: border-box;
}

.wmodalFoReservation .boxResaInfos .critere dfn {
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}

#container-box-money-choice{
    display: none;
}