/* --------------------------------------- */
/* ----------------- FONT FACE ---------------------- */
/* --------------------------------------- */
@font-face {
    font-family: "gillSans";
    src: url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMT.eot) format('embedded-opentype'), /* Regular */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/gillsansmt.otf) format('opentype'),/* Regular */
	     url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMT.ttf) format('truetype'),/* Regular */
	     url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMT.svg) format('svg');/* Regular */
}

@font-face {
    font-family: "gillSans";
    font-style: italic;
    src: url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTit.eot) format('embedded-opentype'), /* italic */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/gillsansmtit.otf) format('opentype'), /* italic */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTit.ttf) format('truetype') /* italic */
	     url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTit.svg) format('svg');
}

@font-face {
    font-family: "gillSans";
    font-weight: bold;
    src: url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTbold.eot) format('embedded-opentype'), /* bold */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/gillsansmtbold.otf) format('opentype'), /* bold */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTbold.ttf) format('truetype'), /* bold */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTbold.svg) format('svg'); /* bold */
}

@font-face {
    font-family: "gillSans";
    font-weight: bold;
    font-style: italic;
    src: url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTboldit.eot) format('embedded-opentype'), /* bold italic */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/gillsansmtboldit.otf) format('opentype'), /* bold italic */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTboldit.ttf) format('truetype'), /* bold italic */
         url(http://ski.valmopass.com/Fichiers/Admin/Images/font/GILLsansMTboldit.svg) format('svg'); /* bold */
}
/* --------------------------------------- */
/* ---------------- FIN FONT FACE ----------------------- */
/* --------------------------------------- */


/*IMPORT DE BOOTSTRAP*/

@import url("http://ski.valmopass.com/Fichiers/Admin/Css/bootstrap.css");
@import url("http://ski.valmopass.com/Fichiers/Admin/Css/bootstrap-responsive.css");

/*FIN IMPORT DE BOOTSTRAP*/



#Transf_Trait {
	text-align:center;
}
.divGridView input, .divGridView  textarea, .divGridView  .uneditable-input {
	width: auto;
}
/* ----------------------------------- LES GENERIQUES --------------------------------------- */
/*margin*/
.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

/*padding*/
.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingBottom5 {
    padding-bottom: 5px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom15 {
    padding-bottom: 15px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingLeft5 {
    padding-left: 5px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft15 {
    padding-left: 15px;
}

.paddingLeft20 {
    padding-left: 20px;
}

.paddingRight5 {
    padding-right: 5px;
}

.paddingRight10 {
    padding-right: 10px;
}

.paddingRight15 {
    padding-right: 15px;
}

.paddingRight20 {
    padding-right: 20px;
}

/*Margin en pourcentage*/
.margin1PC {
    margin: 0 1%;
}

.margin2PC {
    margin: 0 2%;
}

.imgPadding5 img {
    padding: 5px;
}

/* ----------------------------------- FIN DES GENERIQUES --------------------------------------- */

input[type="image"] {
    margin: 2px;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
    height: 28px !important;
}

table .RadPicker_Default {
    max-width: 110px;
    width: 100%;
}
.panOrderDetail table .RadPicker_Default {
    max-width: 130px;
}

.griListeFooterStyle input[type="text"] {
	width: auto;
	max-width: 90%;
}

/* ----------------------------------- MISE EN PAGE DE LA MASTER DEFAULT --------------------------------------- */
body {
    font-family: geneva,verdana, arial, sans-serif !important;
    font-size: 11px;
    font-weight: normal;
    color: #535353;
    background-color: #fafafa;
    margin: 0;
    padding: 0;
}

input, button, select, textarea {
	font-family: geneva, verdana, arial, sans-serif !important;
}

#container {
    width: 100%;
    margin: 0 auto 0 auto;
    *min-width: 980px; /*spécifique IE6 et 7 car ne comprennent pas les media queries*/
}

#central {
    background-color: #fafafa;
    position: relative;
    *position: inherit;
}

#footer {
    height: 30px;
    width: 100%;
    margin: 0px auto;
    background-position: center top;
    background-color: #7c7c7c;
}

img {
    border: none;
}

#ligneCouleur {
    background-color: #0c90b6;
    height: 5px;
    width: 100%;
}

.ValidatorErrorMessage {
    color: #BF2323;
    display: block;
    font-size: 10px;
    line-height: 2px;
    width: 100%;
}

.groupeKeycard .divKeycardAxess .ValidatorErrorMessage {
    float: right;
    width: 100px;
}

.clear {
    clear: both;
}

ul, ol {
    margin: 0 !important;
}

.floatR {
    float: right;
}

.floatL {
    float: left;
}

.floatN {
    float: none;
}
/*------ Correction bootstrap -----*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    margin-bottom: 5px !important;
}

legend,
legend label {
    border: 0 none !important;
    font-size: 14px !important;
    font-style: italic !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    width: auto !important;
    padding: 0 10px !important;
}

    legend label {
        line-height: 40px;
    }

fieldset {
    border-top: 1px solid #535353 !important;
    padding: 0 5px 10px !important;
}

label {
    display: block;
    font-size: 12px !important;
    margin-bottom: 5px;
}

.alignCenter {
    text-align: center;
}

.warning {
    background-color: #ecd88a;
    border-top: 1px solid #ebc059;
    border-bottom: 1px solid #ebc059;
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-size: 12px;
    padding: 3px 1% 1px;
    width: 98%;
}

.error {
    background-color: #c43c35;
    border-top: 1px solid #911e18;
    border-bottom: 1px solid #911e18;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 12px;
    padding: 3px 1% 1px;
    width: 98%;
}

.success {
    background-color: #55a841;
    border-top: 1px solid #3d8c2a;
    border-bottom: 1px solid #3d8c2a;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 12px;
    padding: 3px 1% 1px;
    width: 98%;
}

.info {
    background-color: #32accf;
    border-top: 1px solid #0c90b6;
    border-bottom: 1px solid #0c90b6;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-size: 12px;
    padding: 3px 1% 1px;
    width: 98%;
}

.Title #labTitle,
.Title .labTitle {
    width: 100%;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 10px 0;
    display: block;
    background-color: #0c90b6;
    color: #ffffff;
    padding: 5px 0;
}

.divBtn {
    margin: 10px 0;
}

/*------ Fin Correction bootstrap -----*/

/*STRUCTURE*/
#panMenuTop {
    background-color: #000000;
    height: 186px;
}

#topLeft {
    width: 159px;
    height: 71px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Images/2013/logoJBsurf.png);
    float: left;
    margin: 15px;
}

#topRight {
    float: right;
    height: 71px;
    margin: 15px;
}


/*OLD*/

.divFloatLeftNoWidth {
    height: auto;
}

.divFloatWithoutWidth {
    float: left;
}

.divFloat150Left {
    float: left;
    width: 150px;
}

.divFloat {
    float: right;
    width: 150px;
    color: #000;
}

    .divFloat h3 {
        font-size: small;
        padding-top: 0;
        margin-top: 0;
    }

#divGraphique {
    float: left;
}

/* -------------------------------- FIN - MISE EN PAGE DE LA MASTER DEFAULT ----------------------------------- */


/* -------------------------------------- ELEMENTS DU MENU----------------------------------------------------- */
ul, li {
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    color: Black;
}

/* -------------------------------------- FIN / ELEMENTS DU MENU-------------------------------------------- */


/* Les boutons de l'application */

.divImgSearch {
    width: 100%;
    text-align: right;
    padding-top: 15px;
    clear: both;
    height: 30px;
    display: block;
}

.btnApplication {
    float: left;
    width: 100px;
    border: 1px solid #8F8F8F;
    margin-right: 4px; /*Bordure bouton arrondie*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.btnApplicationImage {
    float: left;
    width: 27px;
    height: 25px;
    text-align: left;
    overflow: hidden;
}

.btnApplicationTexte {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7F7F7F;
    font-weight: bold;
    width: auto;
    padding-top: 5px;
    vertical-align: middle;
    text-align: center;
}



/* ------------------------------- MISE EN PAGE DES BLOCS PRINICPAUX----------------------------------------- */

.divContactName {
    float: right;
    padding-top: 2px;
    color: #fdfdfd;
}

.buttonDeconnexion {
    padding: 0 5px;
    text-align: right;
    float: right;
}

.divDrapeaux {
    padding-top: 1px;
    text-decoration: none;
    vertical-align: top;
    clear: both;
    text-align: right;
}

.ImgDrapeaux {
    border: 0;
    margin: 0 5px 0 5px;
    text-decoration: none;
    list-style: none;
}

.div735 {
    /*Utilisée dans : wuc25TicketItem.ascx - wuc35TicketItem.ascx*/
    width: 735px;
    float: left;
    padding: 2px;
}

.div_pad2 /*Container des elements au centre*/ {
    padding: 2px 2px 2px 0px;
    margin: 0 auto;
    width: 870px;
    float: left;
    color: #000;
    height: auto;
}

.div900 /*Utilisée dans : contactTypeListe.aspx - userAccessListe.aspx - userAppliListe.aspx - userModuleListe.aspx - userPageListe.aspx*/ {
    width: 896px;
    float: left;
    padding: 2px;
}

.borderPage {
    width: 100%;
}

.borderGraphics {
    width: 898px;
    border: 1px solid #cfd0d1;
}

#updateProgressDiv /*Loader*/ {
    vertical-align: middle;
    text-align: center;
    height: 40px;
}

.divErrorMessage {
    font-size: 11px;
    color: red;
    width: 100%;
    padding: 2px;
}
/* ----------------------------- FIN - MISE EN PAGE DES BLOCS PRINICPAUX-------------------------------------- */

.master /*zone centrale de recherche*/ {
    margin: 0 auto 0 auto;
    min-height: 300px;
}

.masterText /* Style du texte du Master Title*/ {
    float: left;
    margin-right: 10px;
}

.divMenuCommande {
    /*Bandeau contenant les icones dans la page commande */
    background-color: #CFCFCF;
    margin: 0;
    padding: 3px 0;
    width: 100%;
}

.button_comment {
    float: left;
}

.panValidOrder {
    text-align: right;
}

/* MISE EN PLACE DES BLOCS TEXTES ET BLOCS PAR DEFAUT DE SAISIE*/

.text /*Classe du texte de la zone de saisie*/ {
    margin-left: 0px;
    padding-left: 0px;
    color: #000;
}

.textLargeurFixe {
    width: 90px;
    color: #000;
}

.textLargeurFixe2 {
    width: 90px;
    color: #000;
    margin-left: 20px;
}

.lab80 {
    width: 100px; /*float:left;*/
    color: #000;
    margin-left: 8px;
}

.lab30 {
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
    min-width: 15%;
}

.lab50 {
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
    min-width: 15%;
}

.lab100 {
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
    min-width: 15%;
}

.labAuto {
    width: 75%;
    padding-left: 1%;
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
}

.width100 {
    width: 100%;
}

.floatNone {
    float: none;
}

.lab100Grand {
    min-width: 165px;
}

.lab100 /* Largeur de 160px des titres de champs*/ {
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
}

.lab140 {
    width: 130px;
    float: left;
    margin-left: 13px;
    color: #000;
}

.lab150 /* Largeur de 150px des titres de champs*/ {
    width: 130px;
    float: left;
    margin-left: 20px;
    color: #000;
}

.lab225 /*largeur fixe de 160px avec une marge à gauche*/ {
    padding-left: 30px;
    width: 160px;
    float: left;
    color: #000;
    height: auto;
    padding-top: 5px;
}

.lab500 /*largeur fixe de 160px avec une marge à gauche*/ {
    padding-left: 30px;
    width: 500px;
    float: left;
    color: #000;
    height: auto;
    padding-top: 5px;
}

.txt100 /*Box de 150px de large*/ {
    width: 100px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt110 /*Box de 110px de large*/ {
    width: 110px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt150 /*Box de 150px de large*/ {
    width: 150px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt190 /*Box de 150px de large*/ {
    width: 192px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt200 /*Box de 200px de large*/ {
    width: 200px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt250 /*Box de 250px de large*/ {
    width: 250px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt300 /*Box de 300px de large*/ {
    width: 300px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt400 /*Box de 400px de large*/ {
    margin-top: 15px;
    width: 400px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.txt430 {
    width: 420px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt550 {
    width: 100%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    float: left;
}

.txt870 /*Box de 870px de large*/ {
    width: 870px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.zoneKeySmall {
    margin-left: 0px;
    margin-right: 15px;
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    height: 16px !important;
}

.zoneKey {
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px !important;
    height: 16px !important;
}

.zoneKeySmall2 {
    margin-left: 10px;
    margin-right: 23px;
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px!important;
    height: 16px !important;
}

.divEspaceVide {
    padding: 5px 0px 5px 0px;
    width: 100%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
}

.textStation {
    /*margin-left:20px;*/
    padding-left: 180px;
    color: #000;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
/*Dates partie de la recherche*/
.zoneDate {
    margin-left: 0px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.zoneDate2 {
    margin-left: 5px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.zoneDate2b {
    margin-left: 24px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.zoneDate4 {
    margin-left: 25px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.box {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-right: 5px; /*float:left;*/
    vertical-align: middle;
    height: auto;
}

.firstBox {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-right: 5px;
    margin-left: 68px;
    vertical-align: middle;
    height: auto;
}

.calendar {
    /*float:left;*/
    vertical-align: middle;
    margin-left: 2px;
    padding-top: 2px;
}

.height {
    height: auto;
    overflow: auto;
}
/* --------------------------------- STYLE DU BLOC IDENTIFICATION -------------------------------------- */

.identification /*identification page accueil*/ {
    
    clear: both;
    display: block;
    margin: auto auto 5px;
    background-color:#dfdfdf;
    padding: 10px 1%;
    width: 98%;
    max-width: 400px;
}
/* ----------------------------- FIN - STYLE DU BLOC IDENTIFICATION -------------------------------------- */

/* ----------------------------- FIN PAGE orderCliPaymentPassageParametrage.aspx  (PPU) -------------------------------------- */

.divBlocOrderCliPaymentPassage {
    background-color: #eaeaea;
    margin-top: 8px !important;
}

.divDateOrder {
    background-color: #eaeaea;
    margin-top: 8px !important;
    padding-top: 10px;
}

    .divDateOrder .divContactLignePrincipal {
        margin: auto;
        text-align: center;
        width: 35%;
    }


/*OrderPaymentrPassageContactListe*/
.groupPaymentContactListe {
    background-color: #eaeaea;
    margin-top: 8px !important;
}

.row-fluid .divBlocGris {
    background-color: #eaeaea;
    margin-top: 8px !important;
    min-width: 440px !important;
}

.divCenterAlign {
    text-align: center;
}

.divOrderFacturation select.divCenterAlign {
    display: block;
    margin: 0 auto;
    width: 40% !important;
}

.divBlocGrisPadding5 {
    background-color: #eaeaea;
    margin-top: 8px !important;
    padding: 5px;
    min-width: 440px !important;
}

/*Programme consumer category liste*/
.divProgrammeConsumerCategory .divContactLignePrincipal {
    margin-top: 5px;
}

.divWidth200 {
    width: 200px;
}





/*Page PLUGIN MODIFICATION*/
.pluginModification .divLigneEditeur .lab100 {
    background-color: #535353;
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 15px;
    padding: 5px 1%;
    width: 98%;
}


/*Page text modification*/
.L100 {
    width: 98%;
    padding: 5px 1%;
}

.textareaNew {
    padding: 5px 2%;
    width: 94%;
    height: 60px;
}

.imbPortailSearch img {
    margin-top: -5px;
}





/* ----------------------------- Page biland (orderCliBilans) -------------------------------------- */
.affichageTotaux {
    text-align: center;
    color: #535353;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}


/*PAGE ORDER CLI EXPORT*/
.tableInput {
    width: 100%;
    margin: 5px 0;
    border-top: 1px solid #ffffff;
}

    .tableInput label {
        font-size: 12px;
    }

    .tableInput td {
        text-align: center;
    }

.tableInputAjust1 {
    width: 150px;
    margin: 5px 0;
    border-top: 1px solid #ffffff;
}

    .tableInputAjust1 label {
        font-size: 12px;
    }

    .tableInputAjust1 td {
        text-align: center;
    }

.divCommandesAnterieures label {
    font-size: 12px;
}

.divCommandesAnterieures input {
    float: left;
    margin-right: 5px !important;
}

/*TEXTCLILISTE*/
.divTextCliListe + .divGridView table tr td {
    max-width: 190px;
}


/*--------------------------------------- orderCliListeByStatut.aspx ----------------------------------*/

.zoneDeSaisie,
.zoneDeSaisie150 {
    float: left;
}


/*---------------------Page portails--------------------------*/
.divPortailsListe .blocInter {
    width: 75%;
    margin: auto;
}
/*MODIF PORTAILS*/
.lab100Check label {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 9px;
    width: 79%;
}

.portailsModification .selectionLangues {
    border-top: 1px dotted #ffffff;
    clear: both;
    padding-top: 10px;
}

.divPortailModifParam .divContactLignePrincipal .divLigneDemi,
.selectionLangues .divContactLignePrincipal .divLigneDemi {
    min-width: inherit !important;
}

.divPortailModifParam .parametres {
    margin-bottom: 15px;
    min-height: 120px;
}

.divContactLignePrincipal .divLigneTotal .selAutoPetit {
    width: 25% !important;
}

.divContactLignePrincipalCheck {
    clear: both;
    padding-top: 10px;
}

.divContactLignePrincipal .selAutoBig {
    width: 95% !important;
    margin: auto;
    font-size: 12px;
    height: 22px;
    padding: 2px;
}
span.selAuto {
	float: left;
}
.divContactLignePrincipal .selAuto3 {
    font-size: 12px;
    height: 22px;
    margin: auto;
    min-width: 150px;
    padding: 2px;
    width: 32.5%;
    float: left;
}


/*---------------------------- Position des blocs dans les Modules de recherche ----------------------*/
.div945 {
    width: 880px;
    padding: 2px 0px 2px 0px;
}

.divOrderCliListeByStatut {
    padding: 10px 0;
}

    .divOrderCliListeByStatut .blocSelection {
        padding-bottom: 10px;
        width: 100%;
        background-color: #EAEAEA;
        margin-top: 8px !important;
    }

.divBtnSearchRequetes .lab100 {
    width: 15% !important;
}

.divBtnSearchRequetes .selAuto {
    font-size: 12px;
    height: 22px;
    padding: 2px;
    width: 80%;
}

.divBtnSearchRequetes {
    width: 100%;
    text-align: right;
    padding-top: 15px;
    clear: both;
    height: 30px;
    display: block;
}

.divTypeStation {
}

.divAffichageBtn {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

    .divAffichageBtn table td {
        text-align: center;
        padding: 0 5px;
    }

.groupeAffichageBtn {
    width: 100%;
    background-color: #EAEAEA;
    margin-top: 8px !important;
}

.divInfosDTA {
    padding: 5px 0px 5px 10px;
    width: 880px;
    float: left;
    color: #000;
    background-color: #fff;
    line-height: 20px;
}

.divAffichageBtn .text {
    margin: 0 auto;
    padding-left: 0;
    text-align: center;
}

.divTitlePrincipal {
    /*Temporaire : attente MAJ Julien (09/12/09 - 11h)*/
    margin: 0 4px 0 45px;
    width: auto;
    min-width: 200px;
    float: left;
    color: Gray;
    border-right: 2px dotted Black;
    padding: 0 4px 0 0;
}
/*.divTitlePrincipal {
	margin:5px 0 0 45px;
	width:890px;
	float:left;
	color:Gray;
}*/
#labPortail,
#labContractor {
    display: none;
}

.divssTitle1 {
    float: left;
    margin: 0 15px 0 0;
    width: auto;
}

.divTitlePrincipal2 {
    float: left;
    margin: 0 5px 0 0;
    width: auto;
}

.divssTitle3 span {
    float: left;
    background-color: #7a7a7a;
    color: #FFFFFF;
    padding: 5px;
    width: auto;
}

#labContractor_name {
    background-color: #6a6a6a;
    color: #FFFFFF;
    padding: 5px;
    display: block;
}

#labPortail_name {
    background-color: #5a5a5a;
    color: #FFFFFF;
    padding: 5px;
    display: block;
}

.divCsvExport {
    margin-top: 10px;
    padding: 5px 0;
    width: 100%;
    background-color: #EAEAEA;
    text-align: center;
}

.divCsvPrincipal {
    background-color: #EAEAEA;
    clear: both;
    display: block;
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

.divMainPrincipal {
    text-align:center;
    width: 100%;
    color: #000;
}

.divLangage {
    margin-left: 25px;
    margin-top: 10px;
    padding: 5px 5px 5px 10px;
    width: 100px;
    float: left;
    color: #000;
}

.divMainModif /*Box de 870px de large*/ {
    padding-left: 200px;
    width: 200px; /*largeur passé de 150 à 200*/
    float: left;
    color: #000;
}

.divMainStation /*Box de 870px de large*/ {
    padding-left: 180px;
    width: 200px; /*largeur passé de 150 à 200*/
    float: left;
    color: #000;
}

.divMainPanier {
    padding-left: 190px;
    width: 200px;
    float: left;
    color: #000;
    margin-bottom: 10px;
}

.divMainListe {
    padding-bottom: 10px;
    padding-left: 310px;
    width: 200px;
    float: left;
    color: #000;
}

.divTableau {
    padding: 5px 0px 5px 200px;
    width: 660px;
    float: left;
}

.separatorHaut {
    width: 100%;
    height: 20px;
    border-top-width: 1px;
    border-top-color: Gray;
    border-top-style: solid;
}

.separatorBas {
    width: 100%;
    height: 20px;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: solid;
}

.divOrderPrincipal {
    float: left;
    width: 155px;
    height: 155px;
    margin: 10px;
}

.alignement {
    margin-top: 5px;
    float: left;
}


.divOrderPrincipal a {
    background-color: #DAD9DB;
    color: #535353;
    display: block;
    height: 60%;
    padding-top: 40%;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

    .divOrderPrincipal a:hover {
        background-color: #086884;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
        color: #ffffff;
        text-decoration:none;
    }






/*SPECIFIQUE PAGE ORDER ASSURANCE FILE LISTE */


.divOrderAssuFileListe .divOrderPrincipal {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
}
.divOrderAssuFileListe .divOrderPrincipal a {
    background-color: #DAD9DB;
    color: #535353;
    display: block;
    height: 85px;
    padding-top: 70px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 155px;
    float:left;
    margin:10px;
}
.divOrderAssuFileListe .divOrderPrincipal br {
    display: none;
}
.divOrderAssuFileListe .divOrderPrincipal a:hover {
        background-color: #086884;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px #888;
        box-shadow: 0 0 5px #888;
        color: #ffffff;
        text-decoration:none;
    }

/*------------------ contactListe.aspx ------------------*/

.divCritereSGBD /*Utilisée dans : contactListe.aspx */ {
    padding: 5px 5px 5px 20px;
    width: 150px;
    float: left;
    height: 25px;
}
/*-------------FIN - contactListe.aspx --------------*/
/*------------- transactionListe.aspx ---------------*/

.divMainTransaction {
    color: #000;
    padding: 15px 5px 5px 160px;
    width: 150px;
    float: left;
}



/*------------------------------ Style Tableau - orderCliListe.aspx ----------------------------------*/
.ImageButton {
    text-align: center;
    vertical-align: bottom;
}

.griListeItemStyleButton {
    text-align: left;
    vertical-align: middle;
}

.griListeItemStyleButtonSmall {
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.divGridView2,
.divGridView3 {
    font-size: 11px;
    width: 100%;
    margin: 10px auto;
}
.divGridView3 table {
    width: 100%;
}

.divGridViewContact {
    clear: both;
    font-size: 11px;
    width: 100%;
}

.divGridView {
    font-size: 11px;
    width: 98%;
    float: none;
    border: 0 none;
    margin: 10px 1%;
}

    .divGridView select {
        width: 100%;
    }

    .divGridView table {
        width: 100%;
    }

.divGridViewStat table {
    width: 100%;
}

.divGridViewStat td {
    text-align: center;
}

.griListeHeaderStyle /*Entête de Tableau : Ligne titre*/ {
    height: 25px;
    color: #ffffff;
    font-weight: bold;
    background-color: #0C90B6;
    border-color:#000000;
}
.griListeHeaderStyle a {
    color: #FFFFFF;
    display: block;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
    width: 100%;
}
.griListeHeaderStyle a:hover {
    color: #D3D3D3;
}

.griListeHeaderStyle > th {
    border: 1px solid #000000;
}

.montant {
    text-align: right;
    padding-right: 5px;
}

.chiffre {
    text-align: center;
}

.libelle {
    text-align: left;
    padding-left: 5px;
}

.totalText {
    color: #565656;
}

.divContactLoyalty .totalText {
	font-size:14px;
    padding: 5px;
    background-color:#eaeaea;
    width:30%;
    min-width: 100px;
    display: block;
    margin: auto;
}
.griListePagerStyle /*dernière ligne du tableau*/ {
    color: #000;
    height: 25px;
}

.griListeRowStyle /*Ligne paire*/ {
    background-color: #eaeaea;
    color: #000;
}

.griListeAlternatingRowStyle /*Ligne impaire*/ {
    background-color: #fff;
    color: #000;
}

.griListeRowStyle:hover,
.griListeAlternatingRowStyle:hover /*Ligne impaire*/ {
    background-color: #32adcf;
}

.griListeRowCenterStyle /*Ligne paire*/ {
    text-align: center;
    background-color: #d4d4d4;
    color: #000;
}

.griListeAlternatingRowCenterStyle /*Ligne impaire*/ {
    text-align: center;
    background-color: #fff;
    color: #000;
}

.griListeFooterStyle {
    background-color: #d4d4d4;
    color: #000;
}

.griListeFooterCenterStyle {
    text-align: center;
    background-color: #ffffcc;
    color: #000;
    font-weight: bold;
}

.divListeFooterHide {
    background-color: #d4d4d4;
    color: #d4d4d4;
    height: 8px;
}



/*-------------------------- Fin -  Style Tableau - orderCliListe.aspx ------------------------------*/

/*----------------------------- Style orderCliListe.aspx--------------------------------*/
.divPortailContractor,
.divSelectionDate,
.divRechAvancee {
    background-color: #eaeaea;
    margin-top: 8px !important;
}


.divContactLignePrincipal {
    clear: both;
    display: block;
    margin: auto;
    margin-bottom: 5px;
    max-width: 960px;
}

.divContactLignePrincipalCentre {
    clear: both;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

.divContactLignePrincipal .txtMsg {
    font-size: 11px;
    font-style: italic;
    line-height: 14px;
}

.divContactLignePrincipal .divLigneTotal {
    width: 100%;
    margin-bottom: 2px;
    clear: both;
}

.divContactLignePrincipal .divLigneTotalMargin0 {
    margin: 0;
}

.divContactLignePrincipal .divLigneTotalCentre {
    text-align: center;
}

.divContactLignePrincipal .divNbForfaits {
    display: block;
    font-weight: bold;
}

.divContactLignePrincipal .divLigneTotal .lab100 {
    width: 24% !important;
}

.divContactLignePrincipal .divLigneTotal .selAuto {
    font-size: 12px;
    height: 22px;
    padding: 2px;
    width: 72.5%;
}

.divContactLignePrincipal .divLigneTotal .lab50 {
    width: 45% !important;
    min-height: 22px;
}

.divContactLignePrincipal .divLigneTotal .selAuto50 {
    font-size: 12px;
    height: 18px;
    padding: 2px;
    width: 45%;
}

.divContactLignePrincipal .divLigneTotal select.selAuto50 {
    height: 22px;
    width: 46%;
}

.divContactLignePrincipal .divLigneTotal .lab30 {
    width: 32% !important;
}

.divContactLignePrincipal .divLigneTotal .selAuto30 {
    font-size: 12px;
    height: 18px;
    padding: 2px;
    width: 63%;
}

.divContactLignePrincipal .divLigneTotal select.selAuto30 {
    height: 22px;
    width: 61%;
}

.divContactLignePrincipal .divLigneTotal textarea.selAuto30 {
    min-height: 40px !important;
}

.selAutoFloatR {
    float: right;
}

.divContactLignePrincipal .divLigneTotal textarea.selAuto {
    width: 75% !important;
    min-height: 40px;
}

.divContactLignePrincipal .divLigneTotal input[type="file"].selAutoSearch {
    font-size: 12px;
    height: 22px !important;
    padding: 2px;
    width: 75%;
}

.divContactLignePrincipal .divLigneTotal .lab100R {
    width: 95% !important;
    float: right;
}

.divContactLignePrincipal .divLigneTotal .selAuto200 input[type="checkbox"] {
    margin-top: 0;
    width: auto;
}

.divContactLignePrincipal .divLigneDemi {
    width: 50%;
    float: left;
    min-width: 200px !important;
    margin-bottom: 2px;
    *min-width: 180px !important; /*IE 6 et 7*/
}

    .divContactLignePrincipal .divLigneDemi input[type="checkbox"] {
        min-height: 15px;
    }

    .divContactLignePrincipal .divLigneDemi .lab100 {
        width: 48% !important;
    }

    .divContactLignePrincipal .divLigneDemi .selAuto {
        width: 45%;
        font-size: 12px;
        height: 19px;
        padding: 2px;
    }

    .divContactLignePrincipal .divLigneDemi textarea.selAuto {
        min-height: 40px;
    }

    .divContactLignePrincipal .divLigneDemi .lab50Check {
        float: left;
        font-size: 12px;
        width: 75% !important;
    }

    .divContactLignePrincipal .divLigneDemi .selAuto50Check {
        font-size: 12px;
        height: 18px;
        padding: 2px;
        width: 15%;
    }

    .divContactLignePrincipal .divLigneDemi .lab50 {
        width: 65% !important;
    }

    .divContactLignePrincipal .divLigneDemi .selAuto50 {
        width: 25%;
        font-size: 12px;
        height: 19px;
        padding: 2px;
    }

    .divContactLignePrincipal .divLigneDemi .selAutoBox,
    .divContactLignePrincipal .divLigneDemi select.selAuto {
        width: 45%;
        font-size: 12px;
        height: 24px;
        padding: 2px;
    }

    .divContactLignePrincipal .divLigneDemi .selAutoDate {
        font-size: 12px;
        height: auto;
        max-width: 200px;
        min-width: 82px !important;
        width: 45% !important;
    }

.divContactLignePrincipal .divLigneTotal .selAutoDate {
    height: auto;
    padding: 4px 0;
}

.divRechAvancee .divLigneTotal {
    float: left;
}

.divContactLignePrincipal .divLigneTotal input.selAuto {
    height: 18px;
}

    .divContactLignePrincipal .divLigneTotal input.selAuto[type="file"],
    .divContactLignePrincipal .divLigneTotal input.selAuto50[type="file"],
     .divContactLignePrincipal .divLigneTotal input.selAuto30[type="file"] {
        height: 24px;
    }

.divContactLignePrincipal .divLigneTotal select.selAuto {
    height: 24px;
    padding: 2px;
}

.divContactLignePrincipal select.selAutoHaut {
    min-height: 75px;
}

.divContactLignePrincipal .divLigneDemiKeycardLotNew span.selAuto {
    display: inline-block;
}

.divContactLignePrincipal .divLigneDemiKeycardLotNew label {
    display: inline-block;
    margin-left: 3px;
    margin-right: 10px;
    font-size: 12px;
}

.divContactLignePrincipal .divLigneDemiKeycardLotNew input {
    margin-top: 0 !important;
}

/*Page erreur*/
.divLignePrincipalErreur {
    background-color: #EAEAEA;
    font-size: 12px;
    font-style: italic;
    margin: 8px auto;
    padding: 20px 5px;
    text-align: center;
    width: 40%;
}

.divLignePrincipalCentre {
    width: 100%;
    text-align: center;
    margin: 20px auto 10px;
    max-width: 960px;
    display: block;
}



.lab100Contact /*Label dans contactCliModification.aspx*/ {
    padding-left: 50px;
    color: #000;
    width: 250px;
    float: left;
    color: #000;
    font-size: 10px;
    height: 18px;
    padding-top: 7px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.lab202Contact /*Label dans questionCliModification.aspx*/ {
    padding-left: 50px;
    color: #000;
    width: 150px;
    float: left;
    color: #000;
    font-size: 10px;
    height: 18px;
    padding-top: 7px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.txt300Contact /*Box dans contactCliModification.aspx*/ {
    width: 300px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.divImgFormContact {
    padding: 20px 0px 10px 650px;
    width: 190px;
    float: right;
}

.divMainContact {
    color: #000;
    padding: 15px 5px 5px 0;
    width: 150px;
    float: left;
}

.divTabPanel {
    width: 98%;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    padding: 8px 1%;
    overflow: auto;
    color: Black;
}

    .divTabPanel fieldset .divContactFieldset {
        width: 100%;
        float: left;
    }

    .divTabPanel .divErrorMessage {
        width: 100%;
        font-family: verdana,tahoma,helvetica;
        font-size: 11px;
        color: red;
        float: left;
    }

.divPanelButton {
    width: 100%;
    float: left;
    height: auto;
}


html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    border-color: #cccccc !important;
    height: 25px;
}




/*STATISTIQUES*/

.tableStat {
	width: 100px;
    height: 120px;
    float:left;
    margin: 10px;
}
.tableStat .trTop{
	height: 60px;
    vertical-align: middle;
	text-align:center;
    font-size:10px;
    font-weight:normal;
}
.tableStat .trDown{
    vertical-align: top;
	text-align:center;
    font-size:21px;
    font-weight:bold;
}


.tableStat1 {
	background-color:#0c90b6;
}
.tableStat1 .trTop{
	color:#000000;
}
.tableStat1 .trDown{
    color:#ffffff;
}

.tableStat2 {
	background-color:#32adcf;
}
.tableStat2 .trTop {
	color:#ffffff;
}
.tableStat2 .trDown {
    color:#000000;
}
.containerFloat33 {
	width:33.3%;
    float:left;
    text-align:center;
    min-width: 100px;
}
.containerFloat33 .tableStat {
	float:none;
    margin:10px auto;
}










/*-------------------Export Contact-----------------------*/

.divZoneInterneContact {
    padding: 5px 0px 5px 10px;
    width: 840px;
    float: left;
    height: auto;
}

.zoneCnil {
    margin-left: 72px;
}

.divImgContact {
    padding: 5px 0px 10px 700px;
    width: 180px;
    float: right;
}

.labTextContact {
    padding-left: 20px;
    width: 450px;
    color: #000;
    height: 18px;
    float: left;
    padding-top: 7px;
}
/*-------------------------- FIN - Style Contact - ContactCliListe.aspx -----------------------------*/
.divDTA {
    padding: 5px 0;
    width: 98%;
    float: left;
    color: #000;
}

.wucNiv0 {
    border: thin solid #8F8F8F;
    padding: 5px 1%;
    width: 92%;
    overflow: auto;
    margin: auto;
}

.wucNiv0Title {
    color: #fff;
    font-weight: bold;
    background-color: #8F8F8F;
    border: thin solid #8F8F8F;
    padding: 5px 1%;
    width: 92%;
     margin: 5px auto 0;
}

.wucNiv1 {
    border: thin solid #8F8F8F;
    padding: 5px 1%;
    width: 92%;
    overflow: auto;
    margin: 0 auto;
}

.wucNiv1Title {
    color: #fff;
    font-weight: bold;
    background-color: #8F8F8F;
    border: thin solid #8F8F8F;
    padding: 5px 1%;
    width: 92%;
     margin: 5px auto 0;
}

.wucNiv2 {
    border: thin solid #DF5353;
    padding: 5px 1%;
    width: 92%;
    overflow: auto;
    margin: 0 auto;
}

.wucNiv2Title {
    color: #fff;
    font-weight: bold;
    background-color: #DF5353;
    border: thin solid #DF5353;
    padding: 5px 1%;
    width: 92%;
     margin: 5px auto 0;
}

.wucNiv2Bis {
    border: thin solid Orange;
    padding: 5px 1%;
    width: 92%;
    overflow: auto;
    margin: 0 auto;
}

.wucNiv2BisTitle {
    color: #fff;
    font-weight: bold;
    background-color: Orange;
    border: thin solid Orange;
    padding: 5px 1%;
    width: 92%;
     margin: 5px auto 0;
}

.wucNiv3 {
    border: thin solid #53ADDF;
    padding: 5px 1%;
    width: 92%;
    overflow: auto;
    margin: 0 auto;
}

.wucNiv3Title {
    color: #fff;
    font-weight: bold;
    background-color: #53ADDF;
    border: thin solid #53ADDF;
    padding: 5px 1%;
    width: 92%;
     margin: 5px auto 0;

}

.wucNiv4 {
    border: thin solid #79bc2a;
    padding: 5px 1%;
    width: 92%;
    overflow: auto;
    margin: 0 auto;
}

.wucNiv4Title {
    color: #fff;
    font-weight: bold;
    background-color: #79bc2a;
    border: thin solid #79bc2a;
    padding: 5px 1%;
    width: 92%;
    margin: 5px auto 0;
}

.masterInfoComp {
    color: #000;
    overflow: auto;
    margin-bottom: 8px;
}

.masterTitle {
    overflow: auto;
    background-color: #0c90b6;
    background-image: url('http://ski.valmopass.com/Fichiers/Admin/Images/2013/etoile.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
    font-size: 22px;
    font-style: italic;
    padding: 5px;
    padding-left: 36px;
    font-family: "gillSans", geneva,verdana, arial, sans-serif;
    min-height: 21px;
    margin-bottom: 10px;
}

.masterButton {
    float: left;
}

a:hover {
    text-decoration: underline;
}

.divOrderInfoGen {
    overflow: auto;
    font-size: 12px;
    color: #242424;
}

.divGridView .divContactLignePrincipal {
    margin-top: 5px;
    clear: both;
}

.divOrderInfoGen select {
    font-size: 10px;
}

.divOrderInfoGen hr {
    color: #cfd0d1;
    border-width: 1px;
}

.divOrderInfoGenStatut {
    background-color: #D0D0D0;
    color: #000000;
    float: left;
    font-size: 12px;
    margin: 5px 1%;
    padding: 3px 1%;
    width: 46%;
}

.divOrderInfoGenContact {
    float: left;
    margin: 5px 1%;
    padding: 3px 1%;
    width: 46%;
}

.divHistoRouge {
    color: Red;
}

.divHistoBleu {
    color: #000;
}
/*Passé de bleu en Noir = plus esthétique*/


ul li a {
    color: #0066FF;
    text-decoration: none;
    font-size: 11px;
}

    ul li a:hover {
        text-decoration: underline;
    }

.divOrderHisto {
}
/*------------------------------ Style Blocs wucOrderCli.ascx ------------------------------------------*/
.ImgDelete {
    vertical-align: middle;
    height: auto;
}

.divOrderCli1 /*Correspondant à wucOrderItemCli.ascx*/ {
    background-color: #0C90B6;
    margin: 10px 0 0 0px;
    vertical-align: middle;
    font-weight: bold;
}

.divOrderCli1KeyCard /*Correspondant à wucOrderItemCli.ascx : contient le texte et la photo de justification*/ {
    margin-top: 10px;
    color: #000;
}

.divOrderCli1SousElement /*Correspondant à wucOrderItemCli.ascx*/ {
    background-color: #EDDCFF; /*rose pâle*/
    margin: 15px 0 0 0px;
    height: 28px;
    vertical-align: middle;
}

.divOrderHolder /*Correspondant à wucOrderItemCli.ascx*/ {
    width: 100%;
}

.divOrderHolderSousElement /*Correspondant à wucOrderItemCli.ascx*/ {
    padding: 5px 5px 5px 0px;
    width: 885px;
    float: left;
    color: #000;
}

.iconeDetailTicket {
    float: left;
    margin: 5px;
}

/*----------------------------- FIN - Style Blocs wucOrderCli.ascx --------------------------------------*/
.divOrderItem {
    color: #000000;
    float: left;
    font-weight: bold;
    margin: 5px 1%;
    padding-top: 5px;
    width: 48%;
    text-align: left;
    min-width: 580px;
}

    .divOrderItem .panOrderItem_IsNotCanceled table {
        width: 98%;
        margin: 5px 1%;
        border-bottom: 1px dotted #FFFFFF;
    }

.divOrder .tableOrderItem1 {
    width: 98%;
}

.divOrder .tableTicketItem {
    clear: both;
    display: block;
}

.orderItemCalendar {
    text-align: right;
}

    .orderItemCalendar input {
        width: 100px;
    }

.divTicketItem {
    margin: 5px;
    padding: 2px;
}

    .divTicketItem .divTitre {
        background-color: #7C7C7C;
    }

.divOrder .divTicketItem .divTitre a {
    color: #ffffff;
}

    .divOrder .divTicketItem .divTitre a:hover {
        color: #cecece;
    }

.tdNoKeycard {
    min-width: 350px;
    width: auto;
    text-align: center;
}

.tdIcone {
    width: auto;
    text-align: left;
}

.divAdditionalProduct {
    background-color: #535353;
    clear: both;
    color: #FFFFFF;
    display: block;
    padding: 5px;
    text-transform: capitalize;
}

.divOrderKeycard {
    color: gray;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    width: 885px;
}

.panOrderDetail {
    width: 100%;
}

    .panOrderDetail .panOrderDetail {
        background-color: #DFDFDF;
        border-bottom: 1px solid black;
        color: #000000;
        font-size: 12px;
        margin: 0;
        padding-top: 5px;
    }


.h1 {
    font-size: 14px;
    color: #5785a6;
    padding-left: 10px;
}

.panOrderItem_IsCanceled /*Statut Supprimée*/ {
    background-color: #FF9F9F; /*Rouge pâle#EDC8C8*/
    margin: 10px auto;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ffffff;
}

.panOrderItem_IsNotCanceled /*Statut Validée*/ {
    background-color: #EAEAEA;
    margin: 10px auto;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ffffff;
}

.panOrder_IsCanceled {
    width: 100%;
}

.panOrder_IsNotCanceled {
    width: 100%;
}

.panTestKeyardValide {
    float: left;
}

.panOrder_IsCanceled h1 {
    font-size: 14px;
    color: #5785a6;
    padding: 0px 0px 0px 10px; /*avant modif : padding:5px 0px 0px 10px;*/
}

.divOrderDetail h1 {
    font-size: 14px;
    color: #5785a6;
    padding-left: 10px;
}

.divEspaceKeycard {
    padding-right: 20px;
}

.divKeycardAdmin {
    float: left;
    font-weight: normal;
}

.divKeycard {
    overflow: auto;
    text-align: center;
    width: 100%;
    padding: 5px 0;
}

.divKeycardTitle {
    font-size: 18px;
    color: #fff;
    background-color: #0c90b6;
    font-weight: bold;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    height: 20px;
}



/*WUC ORDER ITEM CLI 2*/
.divOrderItem2 {
    float: none;
    display: block;
    margin: 5px 1%;
    width: 98%;
    min-width: 400px;
}

    .divOrderItem2 .divTicketItem .divTitre a {
        color: #535353;
    }

.divOrder .divOrderItem2 .divTitre {
    background-color: #fff;
    font-family: "gillSans",geneva,verdana,arial,sans-serif;
    font-size: 14px;
    height: auto;
    padding: 0 5px;
}




/*------------------------------------------ portailsListe.aspx --------------------------------------

/*-------------------Menu Paramétrage --------------------------*/

/* textParamModification.aspx */


.moduleCaseCocher {
    color: #000;
    padding: 0 0 10px;
}

.alignCaseCocher {
    width: 250px;
    padding-left: 155px;
    color: #000;
}

.labParam /*Label dans questionCliModification.aspx*/ {
    padding-left: 30px;
    color: #000;
    width: 130px;
    float: left;
    color: #000;
    font-size: 10px;
}

.alignBtnValid {
    float: left;
    padding-top: 5px;
}

.labText {
    width: 320px;
    color: #000;
    height: 18px;
    float: left;
}

.labTextPlugin {
    padding-left: 20px;
    width: 160px;
    color: #000;
    height: 18px;
    float: left;
    padding-top: 7px;
}

.labTextContactor {
    padding-left: 20px;
    width: 160px;
    color: #000;
    height: 18px;
    float: left;
    padding-top: 7px;
}

.zoneTextContactor {
    padding-left: 20px;
    width: 550px;
    height: 23px;
    color: #000;
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.btnTextContactor {
    float: left;
}

.divPluginValue {
    padding: 5px;
    width: 680px;
    margin: 10px auto;
    text-align: center;
}

.RadEditor {
    width: auto;
    max-width: 680px;
    text-align: center;
    margin: 0 auto;
}

.labTextNewsletter {
    width: 220px;
    color: #000;
    height: 18px;
    float: left;
    padding-top: 7px;
}

.divFloatLeft {
    color: #000;
    float: left;
    width: 750px;
}

.zoneListeBasPrepanierGroupe {
    clear: both;
    display: block;
    margin: 3px auto;
    text-align: center;
    width: 300px;
}

.zonePrepanierGroupe {
    width: 150px;
    float: left;
}

.blocPrepanierGroupe {
    width: 130px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.zoneDefilanteStatut {
    margin-left: 65px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* ----------------------------- ContactDocumentCliInformation.aspx -----------------------------------------*/
.mastercontactDocumentCliInformation {
    border-width: thin;
    border-color: Navy;
    border-style: solid;
    padding: 5px 5px 40px 5px;
    width: 850px;
    overflow: auto;
    background-color: #fff;
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Images/bgMasterBloc.gif);
    background-repeat: repeat-x;
}

.divContactDocumentCliModificationActions {
    margin-left: 30px;
}

.panContactDocumentCliModificationImage {
    background-color: #fff;
    width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
/* ------------ FIN - ContactDocumentCliInformation.aspx -----------*/

/*Gestion de la zone photos*/
.divZonePhotos {
    text-transform: capitalize;
}

    .divZonePhotos a {
        color: #535353;
    }

.divPhoto {
    vertical-align: middle;
}

.divDetailPhoto {
    background-color: Red;
}

.divPhotoOriginale {
    margin-left: 10px;
    float: left;
}

.dimPhotos {
    width: 50%;
    height: 50%;
}

.divZoneJustification {
    text-transform: capitalize;
    overflow: auto;
    padding: 5px;
}

.divCommandePhoto {
    margin-left: 0px;
    height: auto;
}

.textJustification {
    color: #000;
    vertical-align: top;
    font-weight: normal;
    font-size: 12px;
}

.divShortNumber {
    font-size: 12px;
}

.divPourcentagehorizontal {
    float: left;
}

.popupfond {
    background-color: #999999;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.panRognerBody {
    background-color: #fff;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.panContactDocumentCliModificationBody {
    background-color: #fff;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.panRedimensionnerHead {
    color: #99CCFF;
    text-decoration: underline;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
    text-align: center;
    width: 450px;
    height: 25px;
}

.panRedimensionnerBody {
    background-color: #fff;
    padding-left: 10px;
    padding-left: 5px;
    text-align: center;
    width: 450px;
}

.divLigne {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: Black;
}

.divSliderX1 {
    float: left;
}

.divSliderX2 {
    float: left;
}

.divApercuRogner {
    float: left;
}

.divImbValiderRogner {
    width: 500px;
    text-align: center;
    margin-top: 15px;
}

.tdSlidersX {
    padding-left: 45px;
}

.tabApercuRogner {
    text-align: left;
}

.tabPhotoEtAprecu {
    text-align: left;
}
/*User Page liste*/
.boxPortailName {
    font-size: 10px;
    width: 250px;
}


/*PAGE STAT CLI ANALYSE*/
.divStatCliAnalyse .lstListBoxPopUp {
    display: block;
    margin: 10px auto;
    min-height: 200px;
    width: 90%;
}
.divStatCliAnalyse .selAuto3 a {
	background-color: #0C90B6;
    border: 1px solid #535353;
    color: #FFFFFF;
    display: block;
    min-width: 100px;
    padding: 5px;
    width: 50%;
    margin: auto auto 10px;;
}
.divStatCliAnalyse .selAuto3 a img {
	margin-left: 5px;
}
.divStatCliAnalyse .selAuto3 a:hover {
    background-color:#888;
    color:#ffffff;
    text-decoration: none;
}
.divCheck.lab50 input {
	float: left;
    margin-right: 5px;
}


.basPageStatCliNalayse .tableInput tr {
	background-color: #0c90b6;
    float: left;
    min-height: 55px;
    margin: 5px;
    text-align: left;
    vertical-align: middle;
    width: 32%;
    color:#ffffff;
}
.basPageStatCliNalayse .tableInput td {
    height: 45px;
    min-width: 200px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
.basPageStatCliNalayse .tableInput input {
    float: left;
    margin-right: 3px;
}


.basPageStatCliNalayse .divLigneTotal .divCheck {
    background-color: #c0c0c0;
    display: block;
    float: none;
    margin: 5px auto 10px;
    min-width: 30px;
    padding: 5px 5px 5px 10px;
    width: 80px !important;
    height: 20px;
}

.selAuto.selAutoHigh {
    height: auto;
    min-height: 100px;
}


/*Calendrier (avant Télérik)---------------------------------------------------------------------*/
.ClassicStyle {
    background-color: #fff;
}

    .ClassicStyle .TitleStyle {
        background-color: #cccfff;
    }

        .ClassicStyle .TitleStyle table {
            color: #fff;
            font-family: arial;
            font-size: 11px;
            font-weight: bold;
        }

        .ClassicStyle .TitleStyle td {
            padding: 2px;
            _background-color: #fff;
        }

        .ClassicStyle .TitleStyle .DropDownStyle, .ClassicStyle .TitleStyle .DropDownOutStyle {
            cursor: default;
            color: Black;
        }

        .ClassicStyle .TitleStyle .DropDownOverStyle {
            cursor: default;
        }

            .ClassicStyle .TitleStyle .DropDownStyle img, .ClassicStyle .TitleStyle .DropDownOutStyle img, .ClassicStyle .TitleStyle .DropDownOverStyle img {
            }

        .ClassicStyle .TitleStyle .CloseButtonStyle {
            width: 15px;
            height: 13px;
            border: 0;
        }

    .ClassicStyle .BodyStyle {
        font-family: verdana;
        font-size: 10px;
    }

        .ClassicStyle .BodyStyle .HeaderStyle {
            font-weight: bold;
            padding: 2px 3px 2px 3px;
            cursor: default;
            white-space: nowrap;
        }

        .ClassicStyle .BodyStyle .DateStyle {
            text-decoration: none;
            color: #000;
            cursor: default;
            padding: 2px 0px 2px 4px;
            white-space: nowrap;
        }

        .ClassicStyle .BodyStyle .DaysOutOfMonthStyle {
            color: #c0c0c0 !important;
        }

        .ClassicStyle .BodyStyle .WeekNumberStyle {
            width: 20px;
            padding: 0px;
            text-align: center;
        }

        .ClassicStyle .BodyStyle .SelectedDateStyle {
            border-style: solid;
            border-width: 1px;
            border-color: #a0a0a0;
        }

        .ClassicStyle .BodyStyle .WeekendStyle {
            color: #909090;
        }

        .ClassicStyle .BodyStyle .CurrentDateStyle {
            font-weight: Bold;
            color: #000;
        }

        .ClassicStyle .BodyStyle .SpecialDayStyle {
            background-color: #70ffd0;
        }

        .ClassicStyle .BodyStyle .HolidayStyle {
            background-color: #ffdddd;
        }

        .ClassicStyle .BodyStyle .DisableDateStyle {
            text-decoration: line-through;
        }


        .ClassicStyle .BodyStyle .DayOverStyle {
        }

    .ClassicStyle .TodayStyle {
        cursor: default;
        font-size: 11px;
        background-color: #f0f0f0;
    }

        .ClassicStyle .TodayStyle .TextStyle {
            font-family: arial;
            font-size: 11px;
            text-decoration: none;
            color: #000;
            cursor: default;
        }

    .ClassicStyle .ListStyle /* Month And Year List */ {
        font-family: arial;
        font-size: 11px;
        background-color: #ffffdd;
        color: #000;
    }

        .ClassicStyle .ListStyle .OptionStyle, .ClassicStyle .ListStyle .OptionOutStyle {
        }

        .ClassicStyle .ListStyle .OptionOverStyle {
            background-color: #ffcc99;
        }

/*--------------------------------------------- FIN - Calendrier --------------------------------------------*/
/*---------------------------------------- PopUp - statCliAnalyse.aspx --------------------------------------*/
.panPopUp {
    color: #000;
    background-color: #535353;
    width: 45%;
    padding: 2px;
    -moz-box-shadow: 6px 6px 12px #888;
    -webkit-box-shadow: 6px 6px 12px #888;
    box-shadow: 6px 6px 12px #888;
}

.panPopUpHead {
    height: 30px;
    padding: 5px 1%;
    width: 98%;
    vertical-align: middle;
    background-color: #31aecc;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "gillSans",geneva,verdana,arial,sans-serif;
}

.panPopUpBody {
    padding: 5px 1%;
    width: 98%;
    min-height: 50px;
    _height: 50px;
    background-color: #dcdcdc;
    overflow: auto;
    font-size: 13px;
    font-family: Arial, Verdana, sans-serif;
}

.divClosePopUp {
    float: right;
}

.divTitlePopUp {
    float: left;
    font-weight: bold;
    margin-top: 4px;
}

.panPopUp a {
    color: #000;
}

.divPopUp {
    text-align: Left;
}

.divPopUpInfos {
    width: 600px;
}

.lstListBoxPopUp {
    width: 490px;
    height: 400px;
}

.divKeycardKeyardSearch {
    overflow: auto;
}

.divKeycardSearch {
    overflow: auto;
}
/*------------------------------------- FIN - PopUp - statCliAnalyse.aspx -----------------------------------*/

.divStatistics {
    float: left;
    padding: 5px 0 5px 30px;
    width: 800px;
}



.cursorP {
    cursor: pointer;
}
/* ------------------------------------------------ Mathieu test ------------------------------------------------ */
.tabPanelOrderCliNew {
    overflow: hidden;
}

.ClientName {
    text-align: center;
    font-size: x-small;
}

.PriceCategoryName {
    text-align: left;
    font-size: 10px;
    color: #ff0000;
}

.panSelectForfait {
    min-height: 220px;
}

.divGriListeConsumerCategory {
    width: 98%;
    border: 1px solid Gray;
}

.panErrorMessage {
    margin-bottom: 5px; /*background-color: #d3d3d3;*/
    color: #cc0033;
    overflow: auto;
    width: 99%;
}

.divBlocGroupeForfait {
    overflow: auto;
}

.divInfoSkieur {
    border: #d3d3d3 1px solid;
    margin-top: 5px;
    margin-bottom: 70px;
}

.panBlocContactFiche {
    width: 100%;
    overflow: auto;
    vertical-align: middle;
    padding: 3px 0;
}

.divBlocContactFiche:hover {
    background-color: #d3d3d3;
}

.panBlocContactFiche .imbDelete {
    color: Red;
}

.panBlocContactFiche .imbDeleteSpacer {
    color: #0C90B6;
    float: left;
    font-size: 1px;
    width: 25px;
    padding-top: 4px;
}

.panBlocContactFiche .panKeyCardChoice {
    float: left;
}

.panBlocContactFiche .divContact_lastNameBloc {
    float: left;
    width: 32%;
}

.panBlocContactFiche .divContact_firstNameBloc {
    float: left;
    width: 32%;
}

.panBlocContactFiche .divContact_birthdateBloc {
    float: left;
    width: 36%;
}

.panBlocContactFiche .divKeyCard {
    float: left;
}

.panBlocContactFiche .divKeyCardSearch {
    float: left;
}


#updContactFiches {
    min-width: 960px;
}

.divAssuranceBloc,
.divPiscineBloc,
.divKeyCardBloc,
.divContactBloc {
    float: left;
    width: 36px;
    text-align: center;
    cursor: pointer;
}

.divBlocContactFiche .divAssuranceBloc {
    padding-top: 6px;
}

.divKeycard_title {
    float: left;
    width: 236px;
    text-align: center;
    border-right: 1px solid #C0C0C0;
    height: 22px;
    padding-top: 10px;
}

.divContactTitle .divAssuranceBloc {
    float: left;
    width: 36px;
    text-align: center;
    border-right: 1px solid #C0C0C0;
    height: 32px;
}

.panModeleForfaitRapide {
    float: left;
}

.imbDelete {
    border-right: 1px solid #C0C0C0;
    color: #0C90B6;
    float: left;
    height: 32px;
    text-align: center;
    width: 24px;
}

.divContactTitle .divContactBloc {
    border-right: 1px solid #C0C0C0;
    color: #0C90B6;
    float: left;
    height: 32px;
    text-align: center;
    width: 35px;
}

.imbDeletePassFamille {
    float: left;
    width: 110px;
    text-align: center;
    color: #fff;
}

.panKeyCardNumber {
    float: left;
    width: 205px;
    padding-top: 3px;
}

.panKeyCardUpdate {
    float: left;
    width: 16px;
    padding-top: 8px;
    cursor: pointer;
}

.panBlocContactFiche .divTestKeyCardValide {
    float: left;
    width: 16px;
    padding-top: 8px;
}

.panBlocContactFiche .panProductFiche {
    float: left;
    cursor: pointer;
    font-size:11px;
}

.panBlocContactFiche .panBlocDonneesSkieur {
    float: left;
    padding-top: 3px;
    width: 380px;
}

.panBlocContactFiche .boxChipId {
    width: 15px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px; /*float:left;*/
    vertical-align: middle;
    height: auto;
}

.panBlocContactFiche .boxDCD_SerialNumber {
    width: 155px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px; /*float:left;*/
    vertical-align: middle;
    height: auto;
}

.panBlocContactFiche .boxDCDNumber {
    width: 190px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px; /*float:left;*/
    vertical-align: middle;
    height: auto;
    min-height: 18px;
    padding-bottom:0px \0/;
}

.panBlocContactFiche .boxShortNumber {
    width: 25px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-right: 5px; /*float:left;*/
    vertical-align: middle;
    height: auto;
}

.panBlocContactFiche .boxDCD_LuhnNumber {
    width: 10px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-right: 5px; /*float:left;*/
    vertical-align: middle;
    height: auto;
}

.panBlocContactFiche .RadPicker {
    font-family: Arial,Helvetica,sans-serif;
    margin: 0 1%;
    padding: 4px 1%;
    vertical-align: middle;
    width: 94% !important;
}

.panBlocContactFiche .boxContact_firstName {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: auto;
    margin: 0 1%;
    padding: 4px 1%;
    vertical-align: middle;
    width: 94%;
    padding-bottom:0 \0/;
    min-height:18px;
}

.panBlocContactFiche .boxContact_lastName {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: auto;
    margin: 0 1%;
    padding: 4px 1%;
    padding-bottom:0 \0/;
    vertical-align: middle;
    width: 94%;
    min-height:18px;
}

.panSearchKeyCardBody {
    width: 190px;
    background-color: #a9a9a9;
}

.divCloseSearchKeyCard {
    float: right;
    text-align: right;
    font-size: medium;
    font-weight: bold;
    color: #000;
}

.divTitleSearchKeyCard {
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.divCloseSearchKeyCard a {
    color: #fff;
}

.divDCD_SerialNumberSearch {
    padding-top: 10px;
}

.divDCD_ImgSearch {
    margin-top: 15px;
}

.divListeKeyCardSearch {
    overflow: auto;
    color: #000;
    margin-top: 10px;
}

.divContactSelect {
    margin-bottom: 5px;
}

    .divContactSelect:hover {
        margin-bottom: 5px;
        background-color: #dcdcdc;
    }

.divKeycardSearch {
    text-align: left;
    background-color: #fff;
    padding-left: 15px;
    width: 190px;
}

.panProductFiche {
    width: 200px;
    margin-left: 5px;
    height: 18px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
}

div.panProductFiche:hover {
    background-color: #d3d3d3;
    margin-left: 5px;
    height: 18px;
    padding-top: 5px;
    padding-left: 5px;
    text-align: center;
}

.panProductFicheInformationBody {
    background-color: #a9a9a9;
    padding: 15px;
    width: 235px;
    cursor: hand;
    color: #000;
}

.divOrderItem_ValidFromBloc {
    /*float:left;*/
}

.divContact_lastName {
    float: left;
    width: 120px;
    text-align: center;
    border-right: 1px solid #C0C0C0;
    height: 22px;
    padding-top: 10px;
}

.divContact_firstName {
    float: left;
    width: 120px;
    text-align: center;
    border-right: 1px solid #C0C0C0;
    height: 22px;
    padding-top: 10px;
}

.divContact_birthdate {
    border-right: 1px solid #C0C0C0;
    float: left;
    height: 32px;
    padding: 0 5px;
    text-align: center;
    width: 127px;
}

.divKeycard_contact {
    float: left;
    width: 280px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.divProduct_Information {
    float: left;
    width: 209px;
    text-align: center;
    border-right: 1px solid #C0C0C0;
    height: 22px;
    padding-top: 10px;
}

.divAssurance_contact {
    float: left;
    width: 30px; /*height:30px;*/
    text-align: center;
}

.divPiscine_contact {
    float: left;
    width: 30px; /*height:30px;*/
    text-align: center;
}

.divClientPriceName {
    background-color: #d3d3d3;
    font-weight: bold;
    text-decoration: underline;
    padding: 5px;
    overflow: auto;
}

.divDetail {
    color: #000;
}

.panClientPriceName {
    float: left;
    margin-left: 9px;
    padding-top: 3px;
}

.panOrderItem_ValidFromBloc {
    float: left;
    margin-left: 15px;
    text-decoration: none;
    color: #d3d3d3;
}

    .panOrderItem_ValidFromBloc input.box {
        font-size: 12px;
        height: 22px;
        padding: 2px;
        width: 75%;
    }

.divBlocGroupeForfait .divDetail .divContactTitle {
    background-color: #0C90B6;
    clear: both;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 14px;
    min-height: 37px;
    padding-top: 4px;
    vertical-align: middle;
}

.divBlocGroupeForfait .panDeleteGroupeForfait {
    float: left;
    margin-top: 5px;
}

.lstElemOrder {
    width: 400px;
    height: 275px;
    border: #000 1px solid;
}

.divResultChoiceLstElem {
    border: #000 1px solid;
    background-color: #d3d3d3;
    height: 65px;
    width: 420px;
}

.divListeConsumerCategoryOrderCliNew {
    height: 140px;
}

.divActionChangeElemsOrder {
    text-align: center;
    width: 420px;
}

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

    .updProgress img {
        display: block;
        height: auto;
        margin: auto auto 10px;
    }


.updProgressStock {
    position: absolute;
    left: 0px;
    top: 400px;
    width: 100%;
    text-align: center;
    height: 20px;
}

/* ---------- Popup : ProductFicheModification ---------- */
.panProductFicheModificationHead {
    color: #fff;
}

    .panProductFicheModificationHead a {
        color: #fff;
        float: right;
    }

.panProductFicheModificationBody {
    padding: 10px;
    width: 410px;
    background-color: #fff;
    text-align: center;
}

/* ---------- Popup : Creer un modele ---------- */
.panCreateModeleBody {
    padding: 10px;
    width: 200px;
    background-color: #fff;
    text-align: center;
    color: #000;
}

.divCloseCreateModele a {
    color: #fff;
    float: right;
    text-align: right;
}

.divCloseCreateModele {
    width: 100%;
    text-align: right;
    font-size: medium;
    font-weight: bold;
    color: #000;
}

.panCreateModeleHead {
    width: 190px;
    height: 30px;
    padding: 15px;
}

.divTitleCreateModele {
    color: #fff;
    text-align: left;
}

/* ---------- Popup : Creer un forfait rapide ---------- */
.panCreateForfaitRapideBody {
    padding: 10px;
    width: 210px;
    height: 75px;
    background-color: #fff;
    text-align: center;
    color: #000;
}

.panContactSelectionBody {
    padding: 10px;
    width: 410px;
    background-color: #a9a9a9;
    text-align: center;
    color: #000;
}

.panCreateForfaitRapideHead {
    width: 200px;
    height: 40px;
    padding: 15px;
    font-weight: bold;
}

.divTitleCreateForfaitRapide {
    color: #fff;
    text-align: left;
}

.divCloseCreateForfaitRapide a {
    color: #fff;
    float: right;
    text-align: right;
}

.panUpdateKeyCardPopUpBody {
    padding: 10px;
    width: 250px;
    height: 25px;
    background-color: #fff;
    text-align: center;
    color: #000;
}

.panUpdateKeyCard {
    float: left;
    width: 60px;
    margin-left: 10px;
}

.panUpdateAssurance {
    float: left;
    width: 60px;
}

.panModeleCreate {
    float: left;
    width: 40px;
    margin-left: 10px;
}

.panCoordonneesBody {
    padding-top: 10px;
    width: 700px;
    background-color: #a9a9a9;
}

.divCoordonneesIdentite {
    float: left;
    width: 350px;
}

.divCoordonneesAddress {
    float: left;
    width: 350px;
}

.divLit {
    float: left;
    width: 140px;
}

.ConsumerCategory_QteUpdate {
    float: left;
    margin: 0 3px;
    padding-top: 2px;
    text-align: center;
}

.ConsumerCategory_QteChoose {
    float: left;
    width: 30px;
    text-align: center;
}

.libelleConsumerCategory {
    font-size: 12px;
    min-width: 200px;
    padding-left: 5px;
}

.divUpdate_product {
    background-color: #a9a9a9;
    text-align: center;
}

.libelleConsumerCategoryContactFiche {
    text-align: center;
}


.divOrderToHTML {
    width: 890px;
    float: left;
    vertical-align: middle;
}

    .divOrderToHTML .divOrderItemsToHTML {
        color: #000;
        font-size: smaller;
        border-style: solid;
        border-width: 1px;
        border-color: #000;
        padding: 2px;
    }

    .divOrderToHTML .divOrderTotalToHTML {
        /*float:left;*/
        font-size: 15px;
        font-weight: bold;
        color: #000;
        border-style: solid;
        border-width: 1px;
        border-color: #2C6D9B;
        padding: 2px;
        margin: 2px;
        margin-left: 6px;
        margin-bottom: 25px;
        background-color: #D2E4F0;
        text-align: center;
    }

    .divOrderToHTML .divProduct {
        width: 300px;
    }

    .divOrderToHTML .trLigne {
        border-bottom: #000 1px solid;
    }


/* ---------------- Recherche de contact dans ordercliNew ---------------- */

/*Mise en page de la barre d'onglet*/

.accordionContent {
    margin-left: 15px;
    margin-right: 15px;
}

.CustomTabPanel {
    color: Black;
}

.ajax__tab_body {
    border: 1px solid #d4d4d4; /*Gris clair*/
}

.boxOngletSearch {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-left: 120px;
    vertical-align: middle;
    height: auto;
    margin-top: 4px;
}

.ajax__tab_default .ajax__tab_tab {
    cursor: pointer;
    display: inline-block; /*width:150px;*/
    color: Black;
    background: transparent;
}

.ajax__tab_default .ajax__tab_header {
    width: 100%;
}
/* TabPanel */
.CustomTabPanel .ajax__tab_header .ajax__tab_outer {
    padding: 0;
}

.ajax__tab_xp .ajax__tab_outer {
    padding: 0;
    height: auto;
}

.ajax__tab_xp .ajax__tab_tab {
    background: transparent;
}

.CustomTabPanel .ajax__tab_header .ajax__tab_hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    border-bottom: 2px solid Gray;
    height: 4px;
}

.CustomTabPanel .ajax__tab_header .ajax__tab_active {
    color: #8F8F8F;
}

.divTexteBeforeImage {
    height: 20px;
    padding-top: 5px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 140px;
    float: left;
}

.divImageBeforeTexte {
    float: left;
    width: 25px;
    padding-top: 2px;
    padding-left: 4px;
}

.CustomTabPanel .ajax__tab_header .ajax__tab_panel {
    border-bottom: #d4d4d4 1px solid;
    border-left: #d4d4d4 1px solid;
    border-right: #d4d4d4 1px solid;
}

/*Mise en page de l'onglet : ForfaitManuelTitle*/
.titleNouvelleCommande {
    margin-bottom: 5px;
    width: auto;
}

.labOrderChoose {
    font-weight: bold;
    width: 250px;
}

.boxDrpOrderCLiNew {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    height: auto;
    width: 400px;
    margin: 5px 0px 2px 5px;
}

.panClientInformations {
    background-color: #DFDFDF;
}

.divColDroiteForfait .divButton {
    margin-top: 5px;
}

.panErrorMessageCommande {
    color: #cc0033;
    width: 99%;
}

.panErrorMessageTexte {
    color: #cc0033;
    width: auto;
    margin: 0 10px 5px 5px;
    padding-right: 5px;
}

    .panErrorMessageTexte span {
        font-size: 10px;
    }
/*Mise en page de l'onglet : ForfaitRapideTitle*/

/*Mise en page de l'onglet : ForfaitCreationManuelleTitle*/

.labBasket_isModel {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    height: auto;
    width: 400px;
    margin: 10px 0 2px 0;
}
/*Mise en page de l'onglet : ForfaitContactSearchTitle*/
.Contactsearch {
    font-weight: bold;
    color: Gray;
}

.accordionHeader {
    font-weight: bold;
    background-color: #0c90b6;
    width: 96%;
    height: 20px;
    padding: 5px 1%;
    margin: 0 1%;
    cursor: pointer;
    color:#ffffff;
    margin: 10px 1% 5px;
}


.accordionHeaderSelected,
.accordionHeader:hover {
    font-weight: bold;
    background-color: #32adcf;
    width: 96%;
    height: 20px;
    padding: 5px 1%;
    margin: 10px 1% 5px;
    color:#333333;
}

.labContactSession {
    margin-bottom: 10px;
}

.imbSelected {
    vertical-align: bottom;
}

.labResultSearch {
    font-weight: bold;
    color: Red;
    margin-left: 10px;
}

/*Mise en page de la CommandeFin (Palier intermediaire*/
.divOrderCoordonnees {
    margin: 10px 0 0 50px;
    width: auto;
    float: left;
    vertical-align: middle;
    color: #000;
}

.divOrderItems h1 {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.trHeaderOrderResume {
    text-align: left;
    background-color: #0C90B6;
    color: #ffffff;
}

.divProductContactDcd {
    width: 70%;
}

.divUnitPrice {
    width: 10%;
    text-align: center;
}

.divQte {
    width: 10%;
    text-align: center;
}

.divTotalLine {
    width: 10%;
    text-align: center;
}

.divOrderTotal {
    float: right;
    padding-right: 100px;
    font-weight: bold;
    font-size: 12px;
}

/*Fin de commande Call Center*/


#divOrder_statut {
    width: 870px;
    height: 15px;
    background-color: #d4d4d4;
    margin-left: 15px;
    vertical-align: middle;
    font-weight: bold;
}

#divOrderCommandeFin .divOrder {
    width: 800px;
}

.spanOrderDetail {
    color: Gray;
    font-weight: bold;
}

/* ------ bouton fin de commande ------- */
.buttonDetail {
    /*Bloc des boutons*/
    width: 880px;
    padding-right: 10px;
}

    .buttonDetail .btnValid {
        /*btn retour*/
        float: left;
    }

    .buttonDetail .btnValid1 {
        /*btn Valid en attente & immédiate*/
        float: left;
        border: 2px groove threedface;
        padding: 1px 0 0 4px;
        height: auto;
    }
    /*Zone Valid différée*/
    .buttonDetail .ValidDiff {
        border: 2px groove threedface;
        float: left;
        padding: 1px 0 0 4px;
        height: auto;
        width: auto;
        margin-left: 2px;
    }

.ValidDiff .btnValid2 {
    float: left;
}

.buttonDetail .blocValidDiff {
    float: left;
    width: auto;
    padding-top: 2px;
}

    .buttonDetail .blocValidDiff .calendar {
        float: left;
        vertical-align: middle;
    }

    .buttonDetail .blocValidDiff .imgValid {
        float: left;
        vertical-align: middle;
    }

/*fin*/

/*popup paiement différée*/

.panValidationDifferee {
    text-align: center;
    color: #000;
}

.divValidationDifferee a {
    color: #fff;
    float: right;
}

.divTitleValidationDifferee {
    color: #fff;
    font-weight: bold;
}

.panValidationDiffereeBody {
    padding: 10px;
    width: 452px;
    background-color: #fff;
    text-align: center;
    color: #000;
}

    .panValidationDiffereeBody .divCalendar {
        margin: 5px 0px 4px 5px;
        width: 400px;
    }

/* Panier dans OrderCliNew */
.panPanier {
    background-color: #DFDFDF;
    color: #000000;
    height: 70px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: 100% !important;
    left: 0 !important;
    top: auto !important;
    bottom: 0;
    -moz-box-shadow: 6px 6px 12px #888;
    -webkit-box-shadow: 6px 6px 12px #888;
    box-shadow: 6px 6px 12px #888;
    z-index: 4999;
}

.divPanPanier {
    width: 540px;
    margin: auto;
    text-align:center;
    position: relative;
}
.panPanierContactSession {
	left: 0;
    line-height: 12px;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size:10px;
}
.panPanierContactSession > br {
    display: none;
}

.panOrdersessionToHtml {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    bottom: 55px;
    color: #000000;
    max-height: 50%;
    height: auto;
    left: 25% !important;
    min-width: 500px;
    overflow: scroll;
    padding: 10px;
    position: fixed !important;
    text-align: left;
    vertical-align: middle;
    width: 50%;
    top: auto !important;
}

.panPanierLogo {
    color: #000000;
    float: left;
    padding: 1%;
    text-align: right;
    width: 48%;
}

.panPanierResume {
    color: #000000;
    float: left;
    padding: 1%;
    text-align: left;
    width: 48%;
}

.panPanier .divOrderItem_ValidFrom,
.panPanier .divContact {
    text-align: left;
}

.divOrder .divProduct {
    float: left;
    padding-right: 10px;
}

.divOrder .divOrderItem_validfrom {
    float: left;
    padding-left: 10px;
    border-left: #000000 thin solid;
}

.divOrder .trProductRowClass {
    background-color: #dcdcdc;
}

.divOrder .trAlternatingProductRowClass {
    background-color: #eaeaea;
}

    .divOrder .trAlternatingProductRowClass td,
    .divOrder .trProductRowClass td {
        text-align: center;
    }

    .divOrder .trAlternatingProductRowClass .divProduct,
    .divOrder .trAlternatingProductRowClass .divOrderItem_ValidFrom,
    .divOrder .trAlternatingProductRowClass .divContact {
        text-align: left;
    }

.divOrder .divContact {
    font-weight: bold;
    text-decoration: underline;
}

.divOrder .divOrderItems {
    width: 100%;
}

.divOrder .divOrderTotal {
    font-size: 13px;
    font-weight: bold;
    height: 35px;
    padding-top: 10px;
    text-align: right;
    width: 100%;
    padding-right: 0;
}

.divOrder table {
    width: 100%;
}

.divOrder {
    width: 100%;
    display: block;
    clear: both;
}


    .divOrder .divTitre {
        background-color: #0C90B6;
        color: #FFFFFF;
        font-family: "gillSans",geneva,verdana,arial,sans-serif;
        font-size: 18px;
        font-style: italic;
        height: 20px;
        margin-bottom: 10px;
        margin-top: 15px;
        overflow: auto;
        padding: 5px;
    }

        .divOrder .divTitre h1 {
            color: #FFFFFF;
            font-size: 18px;
            height: auto;
            line-height: inherit;
            margin: 0;
            text-align: center;
            text-decoration: none;
        }

        .divOrder .divTitre a {
            text-decoration: none;
            color: #cecece;
        }

            .divOrder .divTitre a:hover {
                text-decoration: none;
                color: #ffffff;
            }

/**/
#centralZoneBancaire {
    background-color: #fff;
    width: 975px;
    padding: 30px 5px 0 20px;
    overflow: auto;
    min-height: 250px;
    height: auto;
}

    #centralZoneBancaire .divPaymentMessage {
        color: Black;
        width: 850px;
        padding: 25px 0 5px 25px;
    }

    #centralZoneBancaire input {
        margin: 25px 0 5px 25px;
    }


/*Page : questionAssistanceCliListeImp.aspx */
.tdLigneEntete {
    color: Black;
    text-align: center;
    font-weight: bold;
}

.tdLignePaire {
    color: Black;
    text-align: justify;
    vertical-align: top;
}

.tdLigneImpaire {
    color: Gray;
    text-align: justify;
    vertical-align: top;
}


/*Page questionnaire*/

.elementFieldsetBis {
    color: Black;
}
.questionCadre {
	border-bottom: 10px solid #EAEAEA;
    display: block;
    margin: 0 auto 15px;
    padding-bottom: 5px;
    width: 100%;

}
#updQuestionGroupe .divGridView table {
	margin:auto;
    width: 96%;
}

    .elementFieldsetBis .questionCadre .question {
        color: Black;
        font-weight: bold;
        padding: 5px;
        font-size: 12px;
        margin: 5px auto;
    }

    .elementFieldsetBis .questionCadre .reponse {
        margin-left: 20px;
        font-size:12px;
        padding: 3px;
    }

        .elementFieldsetBis .questionCadre .reponse textarea {
            margin-left: 0;
        }

.questionCadre .reponse img {
    height: 8px;
}

.questionCadre .reponse .imbInfo {
    height: auto;
}

.elementFieldsetBis .ThemeQuestions {
    background-color: #0C90B6;
    color: #FFFFFF;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
.questionCadre .reponse input[type="radio"], .questionCadre .reponse input[type="checkbox"] {
    cursor: pointer;
    line-height: normal;
    margin: -1px 5px 0 0;
}

.titreQ {
    font-size: 14px;
    font-weight: bold;
}

textarea.reponse {
    width: 100%;
}

.reponse input {
    margin-left: 15px;
}

/*Sous tableau*/
.divGridView2 table {
    width: 100%;
}

.griListe2HeaderStyle /*Entête de Tableau : Ligne titre*/ {
    height: 15px;
    background-color: #9f9f9f;
    color: white;
    text-align: center;
}

.griListe2PagerStyle /*dernière ligne du tableau*/ {
    color: Black;
    height: 15px;
}

.griListe2RowStyle /*Ligne paire*/ {
    background-color: #dddddd;
    color: Black;
}

.griListe2AlternatingRowStyle /*Ligne impaire*/ {
    background-color: #FDFDFD;
    color: Black;
}

.griListe2FooterStyle {
    background-color: #bcd0d9;
    color: Black;
    text-align: left;
}

/* ----------------------- Page Outil de statistique --------------------- */
.divCriteresGraph {
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Images/param.png);
    background-position: 99% 25px;
}

.divCriteresOrder {
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Images/order.png);
    background-position: 99% 25px;
}

.divCriteresContact {
   background-repeat: no-repeat;
    background-position: right top;
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Images/id.png);
    background-position: 99% 25px;
}
/* ----------------------- POPUP¨MODAL ----------------------- */

.PopupModalBackground {
    background-color: Gray;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.PopupModal {
    color: #000;
    background-color: #535353;
    width: 45%;
    padding: 2px;
    -moz-box-shadow: 6px 6px 12px #888;
    -webkit-box-shadow: 6px 6px 12px #888;
    box-shadow: 6px 6px 12px #888;
}

    .PopupModal tr {
        padding: 5px 1%;
        width: 98%;
        min-height: 50px;
        _height: 50px;
        background-color: #dcdcdc;
        overflow: auto;
        font-size: 13px;
        font-family: Arial, Verdana, sans-serif;
    }
/* ----------------------- Message ----------------------- */
.Message, .MessageError, .MessageCancel, .MessageValid, .MessageOK {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    margin: 4px 10px 10px 10px;
    border: solid 1px;
}

.Message {
    color: #7B91A1;
    border-color: #849CAD;
    background-color: #E1EAF0;
}

.MessageError, .MessageCancel {
    color: #A6270B;
    border-color: #DA3510;
    background-color: #FAD5CE;
}

.MessageValid, .MessageOK {
    color: #768035;
    border-color: #9CD21D;
    background-color: #E1F1BB;
}

.MessageWarning {
    color: #FF8A01;
    border-color: #FAA649;
    background-color: #FFF1CA;
}


/* ----------------------- Image ----------------------- */
.Image {
    border-width: 0px;
    padding: 0px;
    margin: 1px;
}
/**************************/
div.GoogleMap_InfoWindow {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
    padding-right: 8px;
    padding-left: 45px;
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Images/map.png);
    background-repeat: no-repeat;
    background-position: 5px center; /*Css3*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
}

div.Withdraw_Instructions {
    color: #000000;
}

div.Withdraw_Location {
    margin-top: 10px;
}
/********************************/
/*  boxDropDownList OrderCliModification */
/********************************/
.Withdraw_BoxDropDownList {
    margin: 2px auto;
    width: 99%;
}

/********************************/
/*  OrderRule */
/********************************/
.divDefault {
    padding: 5px 0px 5px 10px;
    width: 100%;
    float: left;
    color: #000;
}

.tableProduct {
    width: 100%;
    max-width: 100% !important;
}

.chkListProduct {
    overflow: scroll;
    height: 150px;
    overflow-x: hidden;
    border: solid 1px grey;
}

legend {
    color: #000000;
    font-weight: bold;
}
/********************************/
/*  contactSMSsend */
/********************************/
.divResult {
}

/********************************/
/*  Menu */
/********************************/

#panMenuTop LI {
    margin: 0px;
    list-style-type: none;
    position: static;
}

#panMenuTop ul {
    list-style-type: none;
    padding-left: 0px;
}

#navigation {
    width: 100%;
    height: 85px;
    background-color: #323232;
    position: relative;
    font-family: "gillSans", geneva,verdana, arial, sans-serif;
    clear: both;
}


/*NIVEAU 1*/


#panMenuH #niveau1 {
    height: 85px;
}

    #panMenuH #niveau1 li {
        background-position: center 5px;
        background-repeat: no-repeat;
        float: left;
        height: 85px;
        margin: 0;
        max-width: 110px;
        /*OPACITE*/
        zoom: 1; /*A mettre pour IE, au cas ou !*/
        filter: alpha(opacity=90); /* IE */
        -moz-opacity: 0.9; /* Mozilla */
        -khtml-opacity: 0.9; /* Safari */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*IE 8  et 9*/
        opacity: 0.9; /* CSS3 */
    }

#niveau1 LI A {
    padding: 0px 5px;
    padding-top: 52px;
    background-repeat: no-repeat;
    background-position: center 5px;
    display: block;
    min-width: 60px;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    color: #ffffff;
    line-height: 11px;
    border-right: 1px solid #000000;
    height: 33px;
    text-shadow: none;
}

#niveau1 li:hover a {
    color: #32accf;
    background-position: center 6px;
    padding-top: 53px;
    height: 32px;
    text-decoration: none;
}

#panMenuH #niveau1 li:hover {
    background-position: center 7px;
    zoom: 1; /*A mettre pour IE, au cas ou !*/
    filter: alpha(opacity=100); /* IE */
    -moz-opacity: 1; /* Mozilla */
    -khtml-opacity: 1; /* Safari */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE 8  et 9*/
    opacity: 1; /* CSS3 */
    background-color: #000000;
}

/*SPECIFIQUE SELON LES MENUS*/
#navigation #niveau1 #s1 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m1.png);
}

#navigation #niveau1 #s2 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m2.png);
}

#navigation #niveau1 #s3 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m3.png);
}

#navigation #niveau1 #s4 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m4.png);
}

#navigation #niveau1 #s5 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m5.png);
}

#navigation #niveau1 #s6 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m6.png);
}

#navigation #niveau1 #s7 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m7.png);
}

#navigation #niveau1 #s8 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m9.png);
}

#navigation #niveau1 #s9 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m8.png);
}

#navigation #niveau1 #s10 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m10.png);
}

#navigation #niveau1 #s11 {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/2013/m11.png);
}
/*FIN SPECIFIQUE MENUS*/



#panMenuH #niveau1 li:hover a,
#panMenuH #niveau1 li a.MenuSelected {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/images/bg_menu.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}



/*NIVEAU 2*/

#panMenuV {
    background-color: #fafafa;
    position: absolute;
}

    #panMenuV .niveau2 {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #181818;
        width: 100%;
        background-color: #fafafa;
    }

        #panMenuV .niveau2 .pictoN2 { /*PICTOS DU NIVEAU 2*/
            margin: 5px;
            float: left;
        }


        #panMenuV .niveau2 a {
            padding: 0 5px;
            text-decoration: none;
            display: block;
            border-right: 0 none;
            text-decoration: none;
            min-height: 26px;
            padding: 5px 5px 0;
            font-family: "gillSans",geneva,verdana,arial,sans-serif;
            font-size: 11px;
            text-transform: uppercase;
            color: #181818;
        }

        #panMenuV .niveau2 li {
            background-color: #fafafa;
            color: #000000;
            height: auto;
            min-height: 31px;
            position: relative;
            border-bottom: 1px solid #e5e5e5;
        }

        #panMenuV .niveau2 .toggleSubMenu {
            background: #fafafa url(http://ski.valmopass.com/Fichiers/Admin/Images/puceBO.png) 97% 14px no-repeat;
        }

        #panMenuV .niveau2 li:hover {
            background-color: #cfe2e7;
        }

        #panMenuV .niveau2 .open a {
            background: #cfe2e7 url(http://ski.valmopass.com/Fichiers/Admin/Images/puceBO.png) 97% 14px no-repeat;
        }

        #panMenuV .niveau2 .ssMenuSelected {
            background-color: #cfe2e7;
        }

        #panMenuV .niveau2 .toggleSubMenu .ssMenuSelected {
            background: #cfe2e7 url(http://ski.valmopass.com/Fichiers/Admin/Images/puceBO.png) 97% 14px no-repeat;
        }

        #panMenuV .niveau2 .niveau3 a {
            background-color: #F6F6F6;
            background-image: none;
            height: auto;
            min-height: 26px;
        }

            #panMenuV .niveau2 .niveau3 a:hover {
                background: #cfe2e7 url(http://ski.valmopass.com/Fichiers/Admin/Images/puceHBO.png) 97% 11px no-repeat;
            }



.niveau2 .niveau3 {
    padding: 0 0 0 25px !important;
    background-color: #fafafa;
}

#panMenuV .niveau2 .niveau3 li {
    background-color: #fafafa;
    border-left: 1px solid #e5e5e5;
}

    #panMenuV .niveau2 .niveau3 li:last-child {
        border-bottom: 0 none;
    }

#panMenuV .niveau2 .niveau3 .ssMenuSelected {
    background: #cfe2e7 url(http://ski.valmopass.com/Fichiers/Admin/Images/puceHBO.png) 97% 14px no-repeat;
}



a.ssMenuSelected + ul {
    display: block !important;
}




/*FIN MENUS*/




#blocContenu {
    margin-left: 0px;
    padding-top: 10px;
    background-color: #ffffff;
    border-left: 1px solid #d5d5d5;
}

#central #panMenuV + #blocContenu {
    margin-left: 250px;
}

#central.divMenClosed #panMenuV + #blocContenu {
    margin-left: 33px;
}


#central #panMenuV {
    margin-left: 0;
}

#central.divMenClosed #panMenuV {
    margin-left: -217px;
}







/********************************/
/*  BreadCrumb				*/
/********************************/
.BreadCrumb {
    background-color: white;
    line-height: 23px;
}

.BreadCrumb_Menu {
    color: Black;
    padding: 0 10px 0 0;
}

.BreadCrumb_Here {
    padding: 0 0 0 10px;
    color: #ffffff;
    float: left;
}

.ContactName {
    margin-bottom: 8px;
}

.AdresseLivraison {
    display: inline-block;
    margin-right: 5px;
    width: auto;
}

.divReceptionChoix .divTitreReception {
    text-align: center;
}

.groupeInline {
    display: inline-block;
}

.divReceptionChoix .groupeInline {
    margin: 0 10px;
}

.divReceptionChoix {
    border-top: 1px solid #FFFFFF;
    padding-top: 5px;
}

.divOrderMontant {
    color: #ffffff;
    background-color: #444444;
    padding: 10px;
    text-align: center;
    font-size: 14px;
}

.txtTotal {
    width: 96%;
}




/**********************************************************/

/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial, Trebuchet MS, Tahoma, Verdana,, sans-serif;
        font-size: 11px;
    }

.pageModeleBlocModif .ui-widget-content {
    color: #333333;
    max-width:670px;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        background: #f4f4f4 url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #1c94c4;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #535353;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #aaaaaa;
        font-weight: bold;
        color: #727272;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #0c90b6;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #dddddd;
        font-weight: bold;
        color: #000000;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #000000;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    color: #ffffff;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #ffffff;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #ffffff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-icons_ef8c08_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-icons_ef8c08_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-icons_228ef1_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url(http://ski.valmopass.com/Fichiers/Admin/Css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .20;
    filter: Alpha(Opacity=20);
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/*
 * jQuery UI Resizable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*
 * jQuery UI Selectable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}
/*
 * jQuery UI Autocomplete 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.17
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }
/*
 * jQuery UI Button 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
/*
 * jQuery UI Slider 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }
/*
 * jQuery UI Tabs 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    zoom: 1;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
        background-color: #ffffff;
        border: 1px solid #ffffff;
        border-bottom: 1px solid #dddddd;
        display: block !important;
        min-height: 33px;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
            background: #ffffff; /* old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* firefox */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* webkit */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* ie */
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em .5em 5px;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
                background: #f4f4f4 !important;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        background: none;
        border: 1px solid #dddddd;
        border-top: 0;
        padding-top: 10px;
        margin-bottom: 10px;
        background: none repeat scroll 0 0 #F4F4F4;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }
/*
 * jQuery UI Datepicker 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
 * jQuery UI Progressbar 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }


.ui-state-default img {
    float: left;
    margin-left: 8px;
    margin-top: 1px;
}
/* Début CRM ************************************************************************************************************************************************************/
.gallery li {
    float: left;
    width: 96px;
    padding: 0.4em;
    margin: 0 0.4em 0.4em 0;
    text-align: center;
}

    .gallery li h5 {
        margin: 0 0 0.4em;
        cursor: move;
    }

    .gallery li a {
        float: right;
    }

#idConteneur {
    width: 100%; /* height: 100%; */
    height: 700px;
    color: #000000;
}

    #idConteneur .gallery h5 {
        display: none;
    }

    #idConteneur table {
        color: #000000;
    }
/*******************************************/
.ui-helper-reset
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

/* Component containers */
.pageModeleBlocModif .ui-widget-content
{
    border: 1px solid #dddddd;
    background: #eeeeee 50% top;
    background-repeat: repeat-x;
    color: #333333;
}


.ui-widget-content-bis
{
    border: 1px solid #dddddd;
    background: #cccccc 50% top;
    background-repeat: repeat-x;
    color: #333333;
}

.ui-widget-header
{
    border: 1px solid #e78f08;
    background: #f6a828 repeat-x 50% 50%;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-content .ui-icon
{
    background-image: url(http://ski.valmopass.com/Fichiers/Common/Images/ui-icons_222222_256x240.png);
}
/* image du resizable */
.ui-icon-gripsmall-diagonal-se
{
    background-position: -64px -224px;
}
/* resizable */
.ui-resizable
{
    position: relative;
}
.ui-resizable-handle
{
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle
{
    display: none;
}
.ui-resizable-n
{
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s
{
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e
{
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w
{
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se
{
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw
{
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw
{
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne
{
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/* Début FactureBilan ***************************************/

.FactureBilan .divGridView
{
    margin-bottom: 20px;
}

.TotalFactureBilan
{
    background-color: #D6D8C4;
    color: Black;
    margin-bottom: 20px;
    width: 100%;
    height: 20px;
    border: 1px solid #000000;
    padding-top: 8px;
}
.labTotalFactureBilan_debitText
{
    margin-left: 200px;
}
.labTotalFactureBilan_creditText
{
    margin-left: 170px;
}
.labTotalSoldeText
{
    margin-left: 30px;
}
/* Fin FactureBilan ***************************************/

/* Interaction Cues
----------------------------------*/.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid #fed22f;
    background: #ffe45c 50% top repeat-x;
    color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
{
    color: #363636;
}



/* AutoComplete Début ****************************************************************************************************************************************************************/
/*AutoComplete flyout */
.autocomplete_completionListElement {
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
}
/* AutoComplete Fin *****








/* --------------------------------------------------------------------------------- */
/* RAD CALENDAR */

/*Bande jours de la semaine*/
.RadCalendarPopup .RadCalendar_Default .rcWeek {
    background-color: #0C90B6;
}

    .RadCalendarPopup .RadCalendar_Default .rcWeek th {
        border-bottom: 1px solid #C5C5C5;
        color: #FFFFFF;
        padding: 4px 6px 3px 0;
    }

.RadCalendarPopup {
	z-index: 9999;
}



/*Survol jours du mois*/
.RadCalendarPopup .RadCalendar_Default .rcRow .rcHover {
    background: #0C90B6; /* old browsers */
    background: -moz-linear-gradient(top, #0C90B6 0%, #007ba2 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C90B6), color-stop(100%,#007ba2)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C90B6', endColorstr='#007ba2',GradientType=0 ); /* ie */
    border-color: #8D8D8D #7D7D7D #6C6C6C;
}

.RadCalendarPopup .RadCalendar_Default .rcMain .rcRow .rcHover a {
    color: #ffffff;
}


/*Jours des autres mois*/
.RadCalendarPopup .RadCalendar_Default .rcRow td.rcOtherMonth {
    border-color: #eeeeee;
}

.RadCalendarPopup .RadCalendar_Default .rcMain .rcOtherMonth a {
    background-color: #eeeeee !important;
    color: #686868 !important;
}

    .RadCalendarPopup .RadCalendar_Default .rcMain .rcOtherMonth a:hover {
        color: #000000;
    }


/*Jours non cliquables*/

.RadCalendarPopup .RadCalendar_Default .rcRow td.rcOutOfRange {
    border-color: #dedede;
}

.RadCalendarPopup .RadCalendar_Default .rcMain .rcOutOfRange span {
    background-color: #dedede !important;
    color: #9e9e9e !important;
    cursor: not-allowed;
}

    .RadCalendarPopup .RadCalendar_Default .rcMain .rcOutOfRange span:hover {
        color: #9e9e9e;
    }


/*IMAGE DU SELECTEUR DE DATE*/
.rcCalPopup {
}

/*Pour que le calendar s'adapte aux % */
.RadPicker table.rcTable {
    width: auto !important;
}

/* FIN RAD CALENDAR */
/* --------------------------------------------------------------------------------- */



/*divQuestionPortailModif*/
.divQuestionPortailModif {
    margin-bottom: 10px;
}



.tableFusion {
    border: 1px solid #DDDDDD;
    margin: 0 auto;
}

    .tableFusion th {
        background-color: #DDDDDD;
        padding: 5px 20px;
        color: #0C90B6;
    }

    .tableFusion td {
        border: 1px solid #DDDDDD;
        padding: 5px 10px;
    }

    .tableFusion th span,
    .tableFusion th .lab100 {
        color: #0C90B6;
    }


.divGulliverInfos .aspNetDisabled {
    width: 35px;
    float: left;
}


.top {
    display: none;
}






/*DASHBOARD POUR CHAQUE MENUS*/
.dashboard {
    width: 100%;
    max-width: 1050px;
    margin-bottom: 20px;
}

    .dashboard .titleMasterText {
        font-size: 30px;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #22a2c7;
        width: 330px;
        height: 330px;
        border: 1px solid #ededee;
        position: relative;
        margin-top: 9px;
    }

        .dashboard .titleMasterText #labTitle {
            display: block;
            width: 90%;
            margin: auto;
            text-align: left;
            margin-top: 120px;
            font-family: "gillSans",geneva,verdana,arial,sans-serif;
            line-height: 24px;
        }

            .dashboard .titleMasterText #labTitle span {
                display: block;
                font-size: 17px;
                padding-left: 6px;
            }

    .dashboard .pictoN2 {
        display: none;
    }

    .dashboard .niveau2 li {
        background-color: #dad9db;
        height: 155px;
        width: 155px;
        float: left;
        margin: 10px;
        position: relative;
    }

        .dashboard .niveau2 li:hover {
            background-color: #086884;
            -moz-box-shadow: 0 0 5px #888;
            -webkit-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
        }

        .dashboard .niveau2 li a {
            color: #535353;
            display: block;
            font-family: "gillSans",geneva,verdana,arial,sans-serif;
            font-size: 16px;
            margin: 45% auto auto;
            text-align: center;
            text-transform: uppercase;
            width: 90%;
            line-height: 16px;
        }

        .dashboard .niveau2 li:hover a {
            color: #ffffff;
            text-decoration: none;
        }
        .dashboard .toggleSubMenu {
        background-image : url(http://ski.valmopass.com/Fichiers/Admin/Images/puceSousMenu.PNG);
        background-position:135px 135px;
        background-repeat: no-repeat;
    }
            .dashboard .toggleSubMenu:hover {
                background-image: none;
            }

    /*SOUS MENU3*/
    .dashboard .niveau3 {
        background-color: #086884;
        padding: 7px 0 3px!important;
        position: relative;
        right: 0;
        text-decoration: none;
        top: 0;
        width: 155px;
        z-index: 40;
        display: none;
        -moz-box-shadow: 0 7px 5px #888888;
        -webkit-box-shadow: 0 7px 5px #888888;
        box-shadow: 0 7px 5px #888888;
        transition: top 0.5s ease, height 3s linear;
    }

    .dashboard .niveau2 li:hover .niveau3 {
        display: block !important;
        transition: top 0.5s ease, height 3s linear;
    }

    .dashboard .niveau3 li {
        float: none;
        height: auto;
        margin: 3px;
        width: auto;
        background-color: #086884;
        padding: 3px 0;
    }

        .dashboard .niveau3 li a {
            font-size: 13px;
            margin: 0 auto;
            text-align: left;
            text-transform: capitalize;
        }

        .dashboard .niveau3 li:hover a {
            color: #ffffff;
        }

        .dashboard .niveau3 li:hover {
            -moz-box-shadow: 0;
            -webkit-box-shadow: 0;
            box-shadow: none;
            background-color: #22a2c7;
        }


/*------------------------------------------------------------------------------------------*/
/*PARTIE CRM*/
.divPageCRM .zonePrepanierGroupe {
	margin-top: 10px;
}
.divPageCRM .blocPrepanierGroupe {
    display: block;
    margin: auto;
    width: 90%;
}
.divPageCRM .zonePrepanierGroupe input {
    display: block;
    margin: auto;
    text-align: center;
}

/*PAGE MODELE BLOC*/
.entetePage {
	height: auto;
    min-height:87px;
    margin-bottom: 10px;
}
.entetePage #gallery {
	width: 100%;
}
.entetePage #gallery .ui-draggable {
	width: auto;
    text-align: center;
    margin: 5px;
    padding: 0;
    float: left;
    background-color: #777777;
    border: 1px solid #535353;
}
.entetePage #gallery .ui-draggable:hover {
    background-color: #535353;
    border-color: #777777;
    border-top: 1px solid #000000;
}
.entetePage #gallery .ui-draggable .ui-widget-header {
	border: 0;
    padding: 5px;
    cursor: move;
    margin: 0;
    color:#ffffff;
    background-color: inherit;
}
.demo-description {
    display: block;
}
.pageModeleBlocModif {
	position: relative;
}
.pageModeleBlocModif #idConteneur{
    float: left;
    margin-right: 5%;
    max-width: 670px;
    width: 75%;
}
.pageModeleBlocModif .modele_Menu {
    background-color: #0C90B6;
    float: right;
    padding: 5px;
    position: relative;
    width: 20%;
}
.pageModeleBlocModif .modele_Menu.floatable {
    position: fixed;
    right: 20px;
    top: 10px;
    width: 16%;
}
.divBlocModele {
    float: left;
    width: 75%;
}
.modele_Menu .lienBlanc {
    color:#ffffff;
    font-size:12px;
    display: block;
    width: 100%;
}
.modele_Menu .lienBlanc img {
	margin: 5px 0;
}
.modele_Menu .ui-widget-header {
	color:#ffffff;
    text-transform: uppercase;
}

.demo-description p {
	width: 96%;
    margin: 10px 1%;
    padding: 5px 1%;
    color:#ffffff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}
.divBlocModele #labConteneur {
	font-style:italic;
}
.divBlocModele .titrePage  {
	background-color: #0C90B6;
    color: #FFFFFF;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}









/*-------------------------------------------------------------------------------------------------*/
/* @group MEDIA QUERIES*/
/*-------------------------------------------------------------------------------------------------*/
/* @group -1400PX
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1400px) {
    .divCriteresGraph,
    .divCriteresOrder,
    .divCriteresContact {
        -o-background-size: 50px auto;
        -webkit-background-size: 50px auto;
        -moz-background-size: 50px auto;
        background-size: 50px auto;
}
}


/* @group -1200PX
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {

    #central [class*="span"] {
        float: none;
        margin-left: 0 !important;
        width: 100%;
    }
     .divCriteresGraph,
    .divCriteresOrder,
    .divCriteresContact {
   background-image: none;
}
}






/*-------------------------------------------------------------------------------------------------*/

/* @group -935PX
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 979px) {

    body {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    

    #panMenuTop {
        height: auto;
    }

    #navigation, #panMenuH #niveau1 {
        height: auto;
    }

        #panMenuH #niveau1 li {
            background-position: left 4px;
            background-size: 20px auto;
            height: auto;
            max-width: 100%;
            float: left;
            display: block;
            width: 31%;
            margin: 1%;
            border-bottom: 1px solid #434343;
        }

            #panMenuH #niveau1 li:hover {
                background-position: left 4px;
                background-color: transparent;
            }

        #panMenuH #niveau1 a {
            border-radius: 0 0 0 0;
            border-right: 0 none;
            height: auto;
            min-height: 13px;
            min-width: 45px;
            padding: 7px 0 3px 20px;
            text-align: left;
        }

        #panMenuH #niveau1 li:hover a, #panMenuH #niveau1 li a.MenuSelected {
            background: transparent;
        }

    .navbar .btn-navbar {
        margin-bottom: 5px;
    }

    .navbar {
        margin-bottom: 0 !important;
    }

    #panMenuH .navbar .btn-navbar {
        color: #535353;
        float: none;
        height: 30px;
        margin: 6px auto;
        text-align: center;
        text-shadow: none;
        width: 100px;
    }

    .menu-icon-bar {
        float: left;
        margin: 0 3px;
    }

    #panMenuH .navbar .btn-navbar .icon-bar {
        background-color: #D3D3D3;
        border-radius: 1px 1px 1px 1px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        display: block;
        height: 1px;
        margin-top: 4px;
        width: 18px;
    }

    .width100 {
        width: 97%;
    }
}



/* @group -860PX
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 860px) {
    #central #blocContenu {
        margin-left: 33px;
    }
    .accordionContent {
    margin-left: 5px;
    margin-right: 5px;
}
    .elementFieldsetBis .ThemeQuestions {
    width: 70%;
}

    #central #panMenuV {
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.25);
        position: absolute;
        z-index: 50;
    }

    #blocContenu .container-fluid {
        padding: 0 1% !important;
    }

    .divOrderItem {
    min-width: inherit;
    width: 98%;
}
    .divOrderInfoGenStatut,
    .divOrderInfoGenContact {
    width: 96%;
}
    .divOrder .divTitre {
	height: auto;
}
    .divOrderHisto .divHistoBleu,
    .divOrderHisto .divHistoRouge {
	font-size: 11px;
}
    #central #panMenuV + #blocContenu {
    margin-left: 33px;
}
.divssTitle1,
.divTitlePrincipal2,
.divssTitle3 {
    float: none;
    margin: 0;
    width: 100%;
}
#labPortail_name,
#labContractor_name {
    padding: 5px 1%;
    text-align: center;
    width: 98%;
}

.ui-tabs .ui-tabs-nav li img {
	display: none;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 0.5em 2px;
}

}


/* @group -540PX
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 540px) {
	
    .divPanPanier {
    width: 100%;
}
    .row-fluid .divBlocGris {
        min-width: 220px !important;
    }

    .divContactLignePrincipal .divLigneDemi {
        clear: both;
        display: block;
        float: none;
        width: 100%;
        min-width: 180px !important;
    }

        .divContactLignePrincipal .divLigneDemi .selAuto,
        .divContactLignePrincipal .divLigneTotal .selAuto {
            width: 58%;
        }
        .divContactLignePrincipal .divLigneDemi .selAutoBox,
        .divContactLignePrincipal .divLigneDemi select.selAuto {
            width: 58%;
        }
        .divContactLignePrincipal .divLigneTotal textarea.selAuto {
            width: 58% !important;
        }

    .divContactLignePrincipal .divLigneTotal .lab100,
     .divContactLignePrincipal .divLigneDemi .lab100 {
        width: 36% !important;
    }
    .divContactLignePrincipal .divLigneTotal .lab30,
    .divContactLignePrincipal .divLigneDemi .lab30 {
    width: 70% !important;
}

    fieldset {
        padding: 5px;
    }

        fieldset legend {
            line-height: 18px;
        }

    #topLeft {
        background-size: 100% auto;
        height: 43px;
        margin: 15px;
        width: 100px;
    }

    .buttonDeconnexion {
        float: none;
    }
    #panMenuH #niveau1 li {
            width: 48%;
            min-height: 35px;
        }
    .row-fluid .ui-state-default.ui-corner-top {
    border-radius: 0 0 0 0;
    display: block;
    float: none;
    height: 20px;
    margin: 0;
    width: 100%;
}
.row-fluid .ui-state-default.ui-corner-top a {
    padding: 0;
    text-align: center;
    width: 100%;
}





}



/* @group -450PX
------------------------------------------------------------------------------------------*/
@media screen and (max-width: 450px) {
        .elementFieldsetBis .ThemeQuestions {
    width: 90%;
}
    #panMenuTop {
        padding-top: 5px;
    }

    #topLeft {
        float: none;
        margin: 0 auto;
    }

    #topRight {
        float: none;
        height: auto;
        margin: 5px auto;
        width: 98%;
    }

    .buttonDeconnexion {
        float: right;
    }

    .divContactName {
        float: left;
    }

    .ImgDrapeaux {
        width: 15px;
        margin: 0 2px;
    }

    .width100 {
        width: 92%;
    }

    .tableInput td {
        display: block;
    }
    
    
        .divContactLignePrincipal .divLigneDemi .selAuto,
        .divContactLignePrincipal .divLigneTotal .selAuto {
            width: 93% !important;
        }
        .divContactLignePrincipal .divLigneDemi .selAutoBox,
        .divContactLignePrincipal .divLigneDemi select.selAuto {
            width: 100%;
        }
        .divContactLignePrincipal .divLigneTotal textarea.selAuto {
            width: 100% !important;
        }

    .divContactLignePrincipal .divLigneTotal .lab100,
    .divContactLignePrincipal .divLigneDemi .lab100 {
        width: 100% !important;
        display: block;
    }





}