/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/
/*RESET CSS*/

* {
    margin: 0;
    padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0; 
    font-family: Arial, Verdana, sans-serif;
    font-size: 22px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

th {
    font-style: normal;
    font-weight: normal;
    text-align: left;
}

ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

li, a {
    list-style-type: none;
    text-decoration: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
}

span {
    font-size: 1em;
}

select, input {
    font-family: arial,verdana,sans-serif;
    font-size: 12px;
}

.RadInput_Default,
.rcSingle,
.RadPicker {
    width: auto !important;
}

.RadPicker {
    max-width: 240px;
}

body .RadAjax .raDiv {
    position: fixed;
    top: 0;
}

/*FIN RESET CSS*/














.panAssuranceMandatory {
    display: none;
}

.ValidatorErrorMessage {
    background-color: #dd2c2c;
    color: #ffffff;
    font-size: 12px;
    font-style: italic;
    padding: 2px;
    position: relative;
}
.ValidatorErrorMessage:after {
    color: #dd2c2c;
    content: "^";
    font-size: 16px;
    margin-left: 16px;
    position: absolute;
    right: 50%;
    top: -10px;
}

/*BOUTONS*/
.divButtons{
        text-align:center;
    }
.linkButton {
    display: inline-block;
    background-color: #000000;
    padding: 10px 20px;
    color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 98% center;
    margin:0 10px 15px;
    font-size:1.2em;
}

    .linkButton:hover {
        opacity: 0.8;
    }

    .linkButton.btnNext {
        padding-right: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnNext.png);
        margin-right: 20px;
    }

    .linkButton.btnValid {
        padding-right: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnValid.png);
    }

    .linkButton.btnLogOut {
        padding-right: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnLogOut.png);
    }

    .linkButton.btnAdd {
        padding-right: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnAdd.png);
    }

    .linkButton.btnCancel,
    .panNewContact .linkButton.btnCancel{ 
        padding:10px 50px 10px 20px;
        background-image: url(http://ski.valmopass.com/Fichiers/mobile/images/Boutons/blanc/btnCancel.png);
    text-align:center;
    background-repeat:no-repeat !important;
    background-position:97% !important;
    }

    .linkButton.btnBack {
        padding-left: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnBack.png);
        background-position:2% center;
    }

    .linkButton.btnSave {
        padding-right: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnSave.png);
    }
    .linkButton.btnDetail {
        padding-right: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnDetail.png);
    }
    .panNewContact > div  .linkButton.lnkMainContactLoad{
        background-color:#eaeaea;
        display:block;
        width:88%;
        padding:10px 5%;
        margin:0 auto;
        color:#000000;
        font-size:1.4em;
        -moz-box-sizing: inherit;
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        position:relative;
    }

       .panNewContact > div .linkButton.lnkMainContactLoad::after {
        bottom:13px;
        content: url("../../mobile/images/imbUpdate.png");
        position: absolute;
        right: 10px;
        height:30px;
        width:30px;
        background-color:#000000;
    }

.divLnkDeconnexion {
    text-align: center;
    margin: 20px auto 0;
    clear: both;
}

.divLnkDeconnexion .linkButton.btnLogOut,
body .divContactButton .divHypPageDefault a {
    margin-bottom: 0;
    font-size:1.2em;
}
body .divContactButton .divHypPageDefault a {
    margin-bottom: 10px
}

.hypCancel a {
    display: inline-block;
    background-color: #8d8d8d;
    color: white;
    padding: 10px 20px;
    color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 95% center;
    margin-bottom: 15px;
    padding-right: 50px;
    background-image: url(../../mobile/images/Boutons/blanc/btnBack.png);
    margin-left: 10px;
}

.panContactIdentif {
    text-align:center;
}
.panContactIdentif .linkButton.btnNext{
    display:inline-block;
    margin:0 auto;
}





/*STRUCTURE*/
body {
    background-color: #e8e8e8;
}

#container, #cphMain_container {
    width: 100%;
    clear: both;
    position: relative;
    margin: 0 auto;
    background-color: #ffffff;
}

#divColCentre {
}

#divPage {
    padding-top: 70px;
    padding-bottom:50px;
}

.footer {
    clear: both;
    padding: 20px 10px 50px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    background-color: #e8e8e8;
}

.footer > div select {
    width: 100%;
    max-width: 200px;
    height: 30px;
}

.updProgress > div {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.updProgress > div img {
    position: relative;
    top: 50%;
}
.footer .divLinkCgv{
    margin-bottom:20px;
}
.footer .divLinkCgv > div{
    display:inline-block;
    text-decoration:underline;
}
.footer .divLinkCgv > div a {
    border-left: 1px solid #333333;
    color: #333333;
    display: block;
    font-size: 0.8em;
    padding: 0 5px 0 10px;
}
.footer .divLinkCgv > div:first-child a{
    border-left: 0;
}

.footer .divBackToAccueil{
    
}




.divImageCgv, .divImageCgv .formIframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height:1000px;
}

/*HEADER*/
.MenuBandeau {
    display: block;
    clear: both;
    width: 100%;
    background-color: #1d1d1c;
    position: fixed;
    z-index: 9999;
    top: 0;
}

.MenuBandeau > div {
font-size: 0;
}

.MenuBandeau .divHome {
display: inline-block;
width: 50%;
vertical-align: top;
height: 70px;
font-size: 1em;
}

.MenuBandeau .divHome img {
    font-size: 1em;
    height: auto;
    max-height: 57px;
    max-width: 100%;
    width: auto;
}

.divBlocHome > a {
    display: inline-block;
    height: 100%;
    max-width:100%;
    width: auto;
}

.pictosTop {
    display: inline-block;
    width: 50%;
    text-align: right;
}


    .pictosTop > div {
        display: inline-block;
        height: 70px;
        text-align: center;
        vertical-align: top;
        width: 70px;
    }




/*MENU*/
.divPageListe {
}

    .divPageListe .panMenuVertical {
        display: block;
        height: 70px;
        width: 70px;
    }

.panMenuVertical > img {
    display: block;
    margin: auto;
    height: 60%;
    width: 60%;
    padding-top: 20%;
    cursor:pointer;
}
/*HEADER - MENU*/
.panMenuVertical > ul{
    left: -100%;
    position: fixed;
    top: 70px;
    width: 100%;
    max-height: 80%;
    overflow-y:auto;
}
.panMenuVertical > ul li > a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 28px;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 100%;
    padding: 5px 10px;
    text-align: left;
    text-transform: uppercase;
    position:relative;
}
.panMenuVertical > ul li > a > br{
    display:none;
}

.sf-sub-indicator {
    position: absolute;
    right: 10px;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.open .sf-sub-indicator{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
 
.panMenuVertical > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    float: none;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
    position: relative;
    text-align: left;
    width: 100%;
}
.panMenuVertical > ul > li.open {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}

.panMenuVertical > ul li > ul {
    padding: 0 20px;
}
.panMenuVertical > ul ul li > a {
    border-bottom: 1px solid #6c6c6c;
    font-size: 16px;
    font-weight: normal;
    position:relative;
}
.panMenuVertical > ul ul li:last-child > a {
    border-bottom: 0 none;
}

.panMenuVertical > ul ul li > a::before {
    content: "-";
    left: 0;
    position: absolute;
}





/**/

#divHeader .groupeD > div.row2 {
    margin-top: 0;
    position: fixed;
    right: 5px;
    top: 23px;
    width: 38px;
}







/*PANIER*/
.divPanier {
    position: relative;
}

.divPanierTitre {
    padding-top: 12px;
}

.divPanierNbForfaits {
    background-color: red;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 20px;
    width: 15px;
    color: #ffffff;
    font-size: 12px;
}


/*IDENTIFICATION*/
.divBlocIdentification {
    padding-top: 12px;
}



.divHypMonCompte > a {
    border-radius: 50%;
    display: inline-block;
    height: 44px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 44px;
}

.divHypMonCompte img {
    display: block;
    height: auto;
    margin: 0 auto 0;
    max-width: 44px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
}

    .divHypMonCompte img:hover,
    .divHypMonCompte img:focus {
        opacity: 0.9;
    }


.panContactIdentificationFormulaire{
    margin-bottom:30px;
}


/*IDENTIFICATION - CREER COMPTE*/

.divDateBirthday {
    display: inline-block;
    width: 65%;
}
.divDateBirthday select {
    float: left;
    margin-right: 10px;
    background-color:#ffffff;
}



/*IDENTIFICATION - LISTE CONTACT ASSOCIES*/

 

.panContactAssocieInfo a {
    color: white;
    padding: 15px;
    display:block;
    text-transform:uppercase;
}

.panContactAssocieCoordonnees select,
.panContactAssocieCoordonnees input {
    margin-bottom: 10px;
    width:98%;
}

.panLabContactAssocie_Title {
    margin-top: 20px;
}


/*Création contacts associés */

.newPanSkieurCoordonnees > .divLigne {
    margin-bottom: 5px;
}
.newPanSkieurCoordonnees .divDateBirthday select{
    margin-top:0;
}

/*FOOTER*/
.panFooterContent{
    text-align:center;
}
.panFooterContent .divLinkPage > div{
    /*display:inline-block;*/
    display:none; /*Masqué en attendant d'avoir d'autres langues que le français*/
}
.panFooterContent .divLinkPage > div a{
    margin:0 15px;
}





/*** PAGE ACCUEIL APPLI (avec drapeaux) ***/


.divAppliLinkTitle {
    color: #535353;
    font-size: 2em;
    padding: 50px 10px 20px;
    text-align: center;
}
.divAppliLink{
    font-size:1em;
    text-align:center;
    padding:10px;
}

.blocFlags {
    font-size: 0;
    width:100%;
    display:block;
    text-align:center;
    padding:30px 0;
}
.blocFlags > a{

    display: inline-block;
    font-size: 14px;
    margin: 20px 3%;
    padding: 0;
    width: 25%;
}
.blocFlags > a:focus{
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.blocFlags > a img{
    width:100%;
    height:100%;
    display:block;
    -moz-box-shadow: 0 3px 3px #535353;
    -webkit-box-shadow: 0 3px 3px #535353;
    box-shadow: 0 3px 3px #535353;
    max-height:160px;
}
.blocFlags > a .linkButton{
    margin: 0 auto;
    font-size: 1.8em;
    text-transform: uppercase;
        padding: 20px 30px;
}


#accueilAppli .divLinkPage{
    display:none;
}



/* PAGE ACCUEIL SITE DEDIE MOBILE */







/*** PAGE ACHAT RAPIDE ***/

.AchatRapide_Title {
    font-size: 2.2em;
    line-height: 2.2em;
    padding: 10px;
    margin-top:30px;
}

.AchatRapide_Description {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    padding-bottom: 20px;
}

.divSelecteurRapide {
    background-color: #eaeaea;
    margin: 0 auto;
    padding: 10px;
}
    /*.divSelecteurRapide .divTxt {
    clear: both;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    margin: 10px 0;
    padding: 2px 1%;
    text-align: center;
}*/
    .divSelecteurRapide .divPan {
        clear: both;
        margin: 5px 0;
    }

.divPan select {
    height: 45px;
    background-color:#ffffff;
    width: 100%;
    font-size: 1.4em;
}

.divSelecteurRapide .divPan.panOrderItem_ValidFrom {
    min-height: 46px;
}

.divSelecteurRapide .divTitre,
.AreaNbForfait > span.divTxt {
    background-color: #c0c0c0;
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 2em;
    margin: 30px 0 15px;
    min-height: 24px;
    padding: 10px 10px 10px 60px;
    text-align: left;
    text-transform: uppercase;
    width: auto;
}

.divSelecteurRapide .divTitre span br,
.AreaNbForfait > span.divTxt span br{
    display:none;
}


.divLinkToOrderItem_ValidFromArea,
.divLinkToValidityCategory_idArea,
.divLinkToConsumerCategory_idArea,
.divLinkToProductCategoryArea,
.btnPrevious {
    float:right;
}

a.linkButtonAchatRapide {
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 0.7em;
    font-weight: normal;
    margin-right: 5px;
    padding: 10px;
}

.linkButtonAchatRapide::after {
    content: "^";
    font-weight: bold;
    margin-left: 5px;
    position: relative;
    top: 3px;
}
    .divSelecteurRapide .divTitre.divLabProductCategory {
        background-image: url(http://ski.valmopass.com/fichiers/mobile/images/pictos/orderCliRapide/pic_03.png);
    }

    .divSelecteurRapide .divTitre.divLabValidityCategory {
        background-image: url(http://ski.valmopass.com/fichiers/mobile/images/pictos/orderCliRapide/pic_06.png);
    }

    .divSelecteurRapide .divTitre.divLabConsumerCategory {
        background-image: url(../../../fichiers/mobile/images/pictos/orderCliRapide/pic_08.png);
    }

    .divSelecteurRapide .divTitre.divLabPriceCategoryAdditionnalProducts {
        background-image: url(../../../fichiers/mobile/images/pictos/orderCliRapide/pic_10.png);
    }

.divSelecteurRapide .AreaKeycard .divTitre {
    background-image: url(../../../fichiers/mobile/images/pictos/orderCliRapide/pic_17.png);
}

.divSelecteurRapide .AreaNbForfait .divTitre {
    background-image: url(../../../fichiers/mobile/images/pictos/orderCliRapide/pic_20.png);
}

.divSelecteurRapide .divTitre.divLabClientId {
    background-image: url(http://ski.valmopass.com/fichiers/mobile/images/pictos/orderCliRapide/pic_23.png);
}

.divSelecteurRapide .divTitre.divLabOrderItemValidFrom {
    background-image: url(http://ski.valmopass.com/fichiers/mobile/images/pictos/orderCliRapide/pic_21.png);
}

.divSelecteurRapide .divTitre.divLabOrderItemValidFromElse {
    background-image: url(../../../fichiers/mobile/images/pictos/orderCliRapide/pic_22.png);
}

.AreaNbForfait > span.divTxt {
    background-image: url(../../../fichiers/mobile/images/pictos/orderCliRapide/pic_24.png);
}

.divNbButton  {
    display:inline-block;
    width:31.3%;
}


.divNbButton a  {
    display:inline-block;
    width:100%;
    height:120px;
    margin-bottom:20PX;
    text-align:center;
    line-height:120px;
    font-size:1.3em;
}

.divSelecteurRapide .divFrom > a {
    background-color: #535353;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 1% 0 0;
    padding: 30px 1%;
    text-align: center;
    width: 31.5%;
}

    .divSelecteurRapide .divFrom > a:hover {
        background-color: #333333;
        color: #ffffff;
        text-decoration: none;
    }

.divFrom.from_today {
    min-height: 60px;
    text-align: center;
}

.divLabProductCategory.divLabProductCategory_700 {
    clear: both;
    display: block;
}

.divProductCategoryButton,
.divValidityCategoryButton,
.divConsumerCategoryButton,
.panLnkClient,
.divGroupPriceCategoryAutres > div,
.divPriceCategoryAssurance > div,
.divPriceCategoryKeyCard > div,
.divPriceCategoryPiscine > div,
.divPriceCategoryOtherOptionnal > div,
.divNbButton  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    float: left;
    font-size: 1.3em;
    margin: 0 1% 10px;
    height: 120px;
    position: relative;
    vertical-align: middle;
    width: 31.3%;
}

    .divProductCategoryButton:last-child,
    .divValidityCategoryButton:last-child,
    .divConsumerCategoryButton:last-child,
    .panLnkClient:last-child,
    .divGroupPriceCategoryAutres > div:last-child,
    .divPriceCategoryAssurance > div:last-child,
    .divPriceCategoryKeyCard > div:last-child,
    .divPriceCategoryPiscine > div:last-child,
    .divPriceCategoryOtherOptionnal > div:last-child, {
        margin-bottom: 30px;
    }



    .lnkProductCategoryButton,
    .lnkValidityCategoryButton,
    .lnkConsumerCategoryButton,
    .lnkClientButton,
    .divGroupPriceCategoryAutres > div a,
    .divPriceCategoryAssurance > div a,
    .divPriceCategoryKeyCard > div a,
    .divPriceCategoryPiscine > div a,
    .divPriceCategoryOtherOptionnal > div a,
    .divNbButton a  {
    background-color: #535353;
    color: #ffffff;
    display: table-cell;
    height: 100%;
    line-height: 1em;
    margin: 0 3%;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 90%;
    font-size:0.8em;
    }

  /*SPECIFIQUE divNbButton */
body .divNbButton {
    width:18%;
    margin-bottom:20px;
}
   /*FIN SPECIFIQUE*/
.lnkConsumerCategoryButton {
    text-transform: capitalize;
}
  divGroupPriceCategoryAutres{
    text-align:center;
}
.divGroupPriceCategoryAutres > div.divPriceCategoryAssurance,
.divGroupPriceCategoryAutres > div.divPriceCategoryKeyCard,
.divGroupPriceCategoryAutres > div.divPriceCategoryPiscine,
.divGroupPriceCategoryAutres > div.divPriceCategoryOtherOptionnal {
    float: none;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
div.divPriceCategoryAssurance > div:first-child,
div.divPriceCategoryKeyCard > div:first-child,
div.divPriceCategoryPiscine > div:first-child,
div.divPriceCategoryOtherOptionnal > div:first-child {
    float: none;
    display:block;
    width: 100%;
}
.divGroupPriceCategoryAutres > div.divPriceCategoryAssurance > div:first-child,
.divGroupPriceCategoryAutres > div.divPriceCategoryKeyCard > div:first-child,
.divGroupPriceCategoryAutres > div.divPriceCategoryOtherOptionnal > div:first-child {
    float: none;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%;
    height:auto;
}
.lnkConsumerCategoryButton > span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px !important;
    text-transform: capitalize;
}

.lnkConsumerCategoryButton .divPriceConsummer {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
}

    body .panLnkClient:only-child{
    width:98%;
}
    .panPanierRapideOrderItemText {
    border-left: 1px solid #ffffff;
    padding: 5px 10px;
    width: 85%;
}
    .panPanierRapideOrderItemText .riSingle{
        width:100%;
        display:block;
    }
    .divSkieurLastName > .divLit,
    .divSkieurFirstName > .divLit{
        display:none;
    }

.divValidityCategoryButtons {
    text-align: center;
}

.divPan {
    height: auto;
    transition: all 400ms ease 400ms;
}



.productCategorySelected,
.ValidityCategorySelected,
.ConsumerCategorySelected,
.panLnkClient .clientSelected,
.divGroupPriceCategoryAutres > div a.AssuranceSelected,
.divGroupPriceCategoryAutres > div a.KeyCardSelected,
.divGroupPriceCategoryAutres > div a.AddProductSelected,
.divSelecteurRapide .divFrom > a.dateSelected,
.lnkNbForfaitButton.lnkNbForfaitButtonSelected  {
    background-color: #ffffff;
    color: #333333;
    background-image: url(../../../fichiers/mobile/images/pictos/orderCliRapide/back.png);
    background-repeat: no-repeat;
    -o-box-shadow: 0 0 2px #c0c0c0;
    -ms-box-shadow: 0 0 2px #c0c0c0;
    -moz-box-shadow: 0 0 2px #c0c0c0;
    -webkit-box-shadow: 0 0 2px #c0c0c0;
    box-shadow: 0 0 2px #c0c0c0;
}

    .productCategorySelected:hover,
    .ValidityCategorySelected:hover,
    .ConsumerCategorySelected:hover,
    .divGroupPriceCategoryAutres > div a.AddProductSelected:hover {
        background-color: #fafafa;
    }

.divPriceCategoryAdditionnalProducts {
    clear: both;
}

textarea.txtDataCarrierDesc {
    font-size: 1.2em;
    height: auto !important;
    margin: 10px auto;
    min-height: 75px;
    padding: 5px;
    width: 340px !important;
}

.divSelecteurRapide > .btnValid {
    border-top: 1px solid #cccccc;
    margin-top: 30px;
}

.btnValid a {
    background-color: #333333;
    border: 2px solid #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 1.4em;
    margin: 30px auto 20px;
    max-width: 240px;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
}

    .btnValid a:hover,
    .btnValid a:focus {
        -moz-box-shadow: 0 0 2px #c0c0c0;
        -webkit-box-shadow: 0 0 2px #c0c0c0;
        box-shadow: 0 0 2px #c0c0c0;
        background-color: #333333;
    }

.divSelecteurRapide .divErrorMessage {
    clear: both;
}
.AreaKeycard{
    text-align:center;
    margin-bottom:15px;
    padding:10px;

}



.AreaKeycard a.LinkButton {
    background-color: #333333;
    border: 1px solid #000000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    clear: both;
    color: #ffffff;
    display: inline-block;
    padding: 5px;
    text-align: center;
    margin: 5px auto;
    padding:20px;					  
font-size:18px !important;
}

    .AreaKeycard a.LinkButton:hover,
    .AreaKeycard a.LinkButton:focus {
        background-color: #000000;
    }
    
    html body .contenuSite .riSingle .riTextBox[type="text"] {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    font-family: Arial,Verdana,sans-serif;
    font-size: 2.4em;
    height: 45px;
    text-align: left;
}

    html body .contenuSite .riSingle .riTextBox[type="text"]:focus {
        background-color: #ffffff;
        border: 1px solid #535353;
    }

body .contenuSite .rcCalPopup {
    background: url("http://ski.valmopass.com/fichiers/mobile/images/calendar.png") no-repeat scroll center center #e8e8e8;
    border: 1px solid #a8a8a8;
    height: 43px;
    width: 43px;
}

body .contenuSite .RadPicker_Default a.rcCalPopup:hover,
body .contenuSite .RadPicker_Default a.rcCalPopup:active:hover {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    background: url("http://ski.valmopass.com/fichiers/mobile/images/calendar.png") no-repeat scroll center center #e8e8e8;
    background-position: center center;
}

/*Calendrier*/
body .RadCalendarPopup.RadCalendarPopupShadows {
    font-size: 12px !important;
    left: 5% !important;
    /*position: fixed !important;*/
    right: 5% !important;
    /*top: 100px !important;*/
    width: 90%;
    -moz-box-shadow: 0 0 2px #000000;
    -webkit-box-shadow: 0 0 2px #000000;
    box-shadow: 0 0 2px #000000;
    background-color:#ffffff;
    padding:0;
    z-index:99999 !important;
}
body .RadCalendar{
    width:100%;
}
.rcShadTR, .rcShadBL, .rcShadBR{
    display:none;
}
body .RadCalendar .rcTitlebar .rcTitle {
    padding: 10px;
    text-transform: uppercase;
}
body .RadCalendar_Default .rcRow th {
    padding: 10px;
}
.RadCalendar_Default .rcRow td{
    border: 1px solid #eeeeee;
}
.RadCalendar_Default .rcWeek th,
.RadCalendar_Default .rcWeek td span{
    text-align:center;
}
.RadCalendar_Default .rcMain .rcOtherMonth a,
.RadCalendar_Default .rcMain .rcOutOfRange span{
    text-align: center;
    vertical-align: middle;
}
.RadCalendar_Default .rcMain .rcRow a,
.RadCalendar_Default .rcMain .rcRow span {
    text-align: center;
}
.RadCalendar_Default .rcRow td.rcOutOfRange{
    background-color:#eaeaea;
}
.RadCalendarFastNavPopup.RadCalendarPopupShadows {
    left: 25% !important;
    right: 25% !important;
    width: 50%;
    z-index:999999 !important;
}
.RadCalendarMonthView.RadCalendarMonthView_Default {
    -moz-box-shadow: 0 0 2px #000000;
    -webkit-box-shadow: 0 0 2px #000000;
    box-shadow: 0 0 2px #000000;
    width: 100%;
}
#rcMView_PrevY, #rcMView_NextY{
    background-color:#cccccc;
    
    border: 1px solid #ffffff;
}

#rcMView_PrevY a, #rcMView_NextY a{
    padding: 8px 0 0 !important;
}
body .RadCalendarMonthView #rcMView_Today,
body .RadCalendarMonthView #rcMView_OK,
body .RadCalendarMonthView #rcMView_Cancel
{
    font-size:1.2em;
    margin:0;
}
.RadCalendar_Default .rcMain .rcWeekend a{
    padding:10px 0;
}

body .contenuSite .rcCalPopup:focus {
    border: 1px solid #535353;
}
.RadCalendarPopup .RadCalendar_Default .rcRow .rcHover {
    background: #eaeaea;
    filter: none;
    border-color: #8D8D8D #7D7D7D #6C6C6C;
}
/*FIN CALENDRIER*/

.panConsumerCategory_id .btnAdd,
.panConsumerCategory_id .btnDetail{
    width:49%;
}
.panConsumerCategory_id .btnAdd a,
.panConsumerCategory_id .btnDetail a{
    background-color: #000000;
    color: #ffffff;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px 40px 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}


.panPanierRapideOrderItemButton .linkButton {
    background-color: transparent;
    padding: 0;
}

.AreaKeycard .divTxt {
    display: block;
    text-align: center;
}

.AreaKeycard textarea {
    display: block;
    margin: 0 auto;
}

.divFrom.from_else {
    position: relative;
}

    .divFrom.from_else .RadPicker.RadPicker_Default {
        position: absolute;
        right: 6px;
        top: 19px;
        height:auto !important;
    }


#udpSummary {
    border-top: 4px double #cccccc;
    margin-top: 20px;
    padding-top: 20px;
}
#udpSummary > div {
    background-color: #eaeaea;
    padding: 20px;
}
.panPanierRapideGroupTitre {
    display: table;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #000000;
}
.panPanierRapideOrder div.panPanierRapideOrderText {
    display: table-cell;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    padding-right: 5px;
}

.divContact_id .box {
width:96%;
}

.divContact_id .box {
    border: 1px solid #cccccc;
    font-size: 1.2em;
    height: 45px;
    margin: 5px 0 15px;
    min-width: 330px;
    padding: 0 5px;
    width: 100%;
}
.panPanierRapideOrderItemText .divErrorMessage {
    background-color: #dd2c2c;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
}
.panPanierRapideOrder div.panPanierRapideOrderButton {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.panPanierRapideOrder > div.panPanierRapideOrderItems {
    clear: both;
    display: block;
    padding: 10px 0;
}
.panPanierRapideOrderItem.SkieurError {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    padding-top: 10px;
}
.panPanierRapideOrderItem.SkieurError .divPanierRapideOrderItemProduct{
    color:#dd2c2c;
}
.panPanierRapideOrderItem > div {
    display: inline-block;
    vertical-align: top;
}
.divPanierRapideOrderItemProduct > span > span {
    color: #000000;
    font-size: 1.1em;
}
.panPanierRapideOrderItemButton {
    margin-right: 5px;
}
.panPanierRapideOrderItem {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 2px;
    padding-bottom: 2px;
}
.panPanierRapideTotal {
    clear: both;
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    padding-bottom:20px;
}
.updButton {
    min-height: 140px;
    padding: 10px 0;
}

.updButton .lnkButton {
float: right;
width: 50%;
text-align: center;
}

.updButton .lnkButton a {
display: block;
width: 90%;
margin: 15px auto 0;
padding: 20px 0;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
background-color: #000000;
color: #ffffff;
}

body #divOrderCliRapide a {
    text-align: center;
}

.updButton .lnkButton a:hover,
.updButton .lnkButton a:focus {
    opacity: 0.8;
}




.divLoading{
    clear: both;
    display: block;
    font-size: 14px;
    text-align: center;
}

.divHypPreviousPage{
    margin:20px 0;
}



/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/

.panPanierRapide {
    background-color: #a0af30;
    margin-top: 40px;
    padding-top:0;
}

.panPanierRapideText {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    color: white;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}

.labPanierRapideOrderText,
.divPanierRapideOrderItemProduct,
.panPanierRapideTotal {
    color: white;
    font-size:1.1em;
}

.panPanierRapideOrder {
    padding: 10px;
}






/*BLOC FIXE EN HAUT DE PAGE*/


.divSelecteurRapide .divPan.panSelection {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    border-top: 1px solid #ffffff;
    color: #ffffff;
    font-size: 1.2em;
    left: 0;
    margin: 0;
    padding: 10px 2% 5px;
    position: fixed;
    top: 70px;
    width: 96%;
    z-index: 9998;
    border-bottom:1px solid #ffffff;
    line-height:12px;
}

    .divSelecteurRapide .divPan.panSelection > div {
        display: inline-block;
        font-size:20px;
    }
    .divSelecteurRapide .divPan.panSelection > div .divPriceConsummer{
        font-size:20px;
        display:inline-block;
        margin-left:4px;
    }

        .divSelecteurRapide .divPan.panSelection > div span {
            border-left: 1px solid #ffffff;
            display: block;
            padding: 0 5px;
        }

        .divSelecteurRapide .divPan.panSelection > div:first-child span {
            border: 0 none;
        }

        #divContact_phone .riSingle,#divContact_mobilePhone .riSingle  {
            width: 65% !important;
        }



/*----------------------------*/
/*PAGE IDENTIFICATION*/

#divIdentification .panContactIdentificationContact {
    background-color: #eaeaea;
    margin: 20px auto;
    padding: 10px;
}

#divIdentification #divCoordonnee > .divBloc .divDetail .divLigne {
    width: 100%;
    text-align:left;
}

#divIdentification .divDateBirthday {
    display: inline-block;
    width: 65%;
}

    #divIdentification .divDateBirthday > div {
        display: inline-block;
        margin-right: 5px;
    }

        #divIdentification .divDateBirthday > div select {
            padding: 0 5px;
            text-align: center;
        }


.divContactSkieurInfo {
    display: block;
    text-align: left;
    border-bottom:1px solid #919191;
    margin:0 10px;
}

.divContactSkieurInfo span {
    background-color: #eaeaea;
    display: inline-block;
    font-size: 1.4em;
    line-height: 2.2em;
    margin-top: 20px;
    padding: 0 10px ;
    text-align: left;
}
.divInformationIdentification {
    text-align: center;
    margin: 10px auto 20px;
}

    .divInformationIdentification h1 {
        font-size: 1.6em;
    }

#divIdentification #cphMain_cphMid_panContact {
    text-align: center;
}

.msgError{
    text-align:right;
    padding: 0 0.5% 0 0;
}
#ValidationGroupCheck {
    text-align: right;
}

    #ValidationGroupCheck > div {
        padding: 5px;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        background-color: #f8f8f8;
    }

#cphMain_cphMid_divMemberNewTitle{
    display:none;
}

.divLnkShowCoordonnees {
    text-align: center;
}

.divHypNext {
    text-align: right;
}

.panNewContact {
    text-align:center;
    margin-top:20px;
}
.panNewContact > div > .linkButton {
    padding:20px 10px;
}

#cphMain_cphMid_panMemberNew{
    display:block;
}
.panContactAnonyme{
    text-align:center;
}
.panContactAnonyme a.linkButton.btnNext{
    margin: 30px auto 30px;
}

/*Contacts associés quand on est connecté*/
.divPanContactsAssocies {
    margin-top: 30px;
    padding: 10px 0;
    text-align: center;
}

.titleContactsAssocies {
    background-color: #eaeaea;
    color: #000000;
    display: block;
    margin: 0 auto;
    padding: 10px 5%;
    width: 88%;
    text-transform:uppercase;
    font-size:1.4em;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.divPanContactsAssocies > .panContactAssocie {
    background-color: #e8e8e8;
    display: inline-block;
    margin: 10px 2%;
    width: 46%;
    vertical-align: top;
}

.panContactAssocieInfo {
    background-color: #000000;
    color: #ffffff;
    display: block;
    font-size: 1.2em;
    
}

.panContactAssocieCoordonnees {
    text-align: left;
    padding: 10px;
    overflow: hidden;
}

    .panContactAssocieCoordonnees .divLigne > .divLit {
        display: inline-block;
    }

        .panContactAssocieCoordonnees .divLigne > .divLit:first-child {
            width: 33%;
        }

.panContactAssocie_BirthDate {
    margin-bottom: 10px;
}

.panDrpContactAssocie_BirthDateMonth, .panDrpContactAssocie_BirthDateYear, .panDrpContactAssocie_BirthDateDay {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
}
.panContactAssocie_BirthDate .divLit{
    display:block !important;
    width:100% !important;
}
.panContactAssocie_BirthDate > div select {
    border: 1px solid #cccccc;
    font-size: 1.2em;
    height: 45px;
    padding: 2px 10%;
    background-color:#ffffff;
}

.newPanSkieurCoordonnees {
    background-color: #eaeaea;
    margin: 0 auto 30px;
    padding: 10px 2%;
    width: 90%;
    text-align:left;
}

    .newPanSkieurCoordonnees .divLit {
        display: inline-block;
        float: left;
        width: 33%;
    }

.panLnkContactAssocie_Update {
    text-align: center;
    width: 100%;
    margin-top: 5px;
}

.panAppliMobileConnexion {
    font-style:italic;
    padding: 30px 0 20px;
    margin:0 10px 30px;
    color:#5c5c5c;
    border-bottom:1px solid #ebebeb;
}

/*INFOSKIEUR*/
.infoSkieur2 > h1 {
    font-size: 2.2em;
    line-height: 2.2em;
    padding: 10px;
}

.infoSkieur2 .divUpdAddCommande {
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
}

.infoSkieur2 .divtitleNouvelleCommande {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.4em;
}

.infoSkieur2 .divCalculatorLineSkieur {
    padding: 10px;
}

.infoSkieur2 .divCalculatorLine > .panSelectForfait > .divCalculatorLineItems {
    background-color: #eaeaea;
    padding: 10px;
    position: relative;
}

.divCalculatorLineItems:after {
    bottom: -55px;
    content: url("http://ski.valmopass.com/fichiers/mobile/images/Pictos/circle_down.png");
    position: absolute;
    text-align: center;
    width: 100%;
}

.infoSkieur2 .spanTypeOfSkipass, .infoSkieur2 .spanMyOrder {
    display: block;
    margin: 0 auto;
    max-width: 680px;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}

.infoSkieur2 .spanMyOrder {
    border: 0 none;
}

.infoSkieur2 .divInfoSkieur2Col {
    margin-bottom: 5px;
}

.infoSkieur2 .divCalculatorLineItems .divInfoSkieur2Col {
    clear: both;
}

.infoSkieur2 .divInfoSkieur2Col > span {
    display: inline-block;
}

    .infoSkieur2 .divInfoSkieur2Col > span.tablet {
        width: 33%;
        margin-right: 2%;
    }

.infoSkieur2 .spanMyOrder .divInfoSkieur2Col > span.tablet {
    width: 70%;
}

.infoSkieur2 .spanTypeOfSkipass select {
    font-size: 1.2em;
    width: 63%;
}

.infoSkieur2 .divDelete .tablet, .divDelete .btnClose {
    display: none;
}

.infoSkieur2 .divPrix.divInfoSkieur2Col {
    background-color: #cccccc;
    margin: 20px 0;
    padding: 15px 10px;
}

.infoSkieur2 .spanMyOrder .divInfoSkieur2Col.divPrix > span.tablet {
    width: auto;
}

.infoSkieur2 .spanMyOrder .divInfoSkieur2Col.divPrix {
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
}

.infoSkieur2 .divClientID .box {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    height: auto;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}

.infoSkieur2 .divSkieurPlaceHolder {
    background-color: #eaeaea;
    margin: 40px auto 0;
    padding: 20px 2% 10px;
    width: 90%;
}

    .infoSkieur2 .divSkieurPlaceHolder .divCalculatorLineSkieur {
        display: block;
        margin: 0 auto;
        max-width: 680px;
        text-align: left;
        padding: 10px 0;
    }

.infoSkieur2 .divNbForfait {
    display: none;
}

.infoSkieur2 .divClientID.divInfoSkieur2Col .tablet {
    display: none;
}

.infoSkieur2 .divSkieurPlaceHolder .tablet {
    display: none;
}

.infoSkieur2 .divContact_id select {
    width: 100%;
}

.infoSkieur2 .divSkieurPlaceHolder .divLit {
    display: none;
}

.infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col select.box {
    font-size: 1.2em;
    max-width: 200px;
    width: 100%;
}

.infoSkieur2 .divLigneSkieurInfo {
    text-align: center;
}

.infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col {
    clear: both;
    float: none;
    width: 100%;
    text-align: left;
}

    .infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divSkieurLastName,
    .infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divSkieurFirstName {
        float: left;
        margin-right: 2%;
        width: 48%;
        clear: none;
    }

.infoSkieur2 .blocAddNewCommande {
    margin-bottom: 80px;
}

.infoSkieur2 .divSkieurPlaceHolder .RadInput_Default {
    width: 100% !important;
}

.infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divNoKeycard > .divLit,
.infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divContactSms > .divLit,
.divMobilePhone {
    display: inline-block;
    margin-right: 2%;
    width: 33%;
}

.infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divBirthDate {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    padding-bottom: 12px;
}

.infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divNoKeycard .divSaisieKeycard {
    display: inline-block;
    font-size: 1.2em;
}

    .infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divNoKeycard .divSaisieKeycard .riTextBox {
        width: 300px !important;
    }

.divNoKeycard.divInfoSkieur2Col > div,
.divContactSms.divInfoSkieur2Col > div {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.divOuiNon label {
    margin-right: 10px;
}

.infoSkieur2 .divSkieurPlaceHolder .divInfoSkieur2Col.divContactSms .RadInput_Default {
    width: 63% !important;
}

.divJustificatifs .divLit {
    display: inline-block !important;
    margin-right: 2%;
    width: 33%;
}

.divJustificatifs .divLigne > div {
    display: inline-block;
    vertical-align: middle;
}

.infoSkieur2 .divTotal {
    background-color: #000000;
    clear: both;
    color: #ffffff;
    font-size: 2em;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto 20px;
}

.infoSkieur2 .divButtons {
    text-align: center;
}

.divButtons.btnAdd {
    border-top: 1px solid #cccccc;
    margin-top: 10px;
    padding: 20px 30px 0;
    text-align: right;
}



/*PAGE COORDONNEES*/
#divCoordonnee {
    padding: 0 10px 10px;
}

    #divCoordonnee > .divTitre {
        font-size: 2.2em;
        line-height: 2.2em;
    }

    #divCoordonnee .divFormulaire {
        clear: both;
        display: block;
        margin: 10px auto 40px;
        width: 100%;
        min-height: 70px;
    }

.divFormulaire .bloc {
    background-color: #eaeaea;
    float: left;
    font-size: 1em;
    margin: 0 0 0 4%;
    padding: 10px 2%;
    width: 44%;
}

    .divFormulaire .bloc:first-child {
        margin: 0;
    }

    .divFormulaire .bloc .divLit {
        font-size: 1.2em;
        text-transform: uppercase;
    }

    .divFormulaire .bloc .divTxt {
        border: 1px solid #ffffff;
        display: block;
        height: 28px;
        width: 98%;
        padding: 0 1%;
    }

        .divFormulaire .bloc .divTxt:focus {
            border: 1px solid #cccccc;
        }

.divFormulaire .divFormulaireTitle {
    border-bottom: 1px solid #eaeaea;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
    line-height: 1em;
}

/*CODE PROMOTION ET AVOIR*/
.divCodePromotion2Avoir{
    margin-bottom:20px;
}
.divCodePromotion2Avoir_text > input {
    display: block;
    font-size: 1.6em;
    height: 46px;
    margin: 20px auto;
    min-width: 230px;
    width: 50%;
}
.divCodePromotion2Avoir_button{
    text-align:center;
}
.divCodePromotion2Avoir_button .linkButton.btnCodePromo {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}
.divCodePromotion2Avoir_button .linkButton.btnCodePromo:after {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}
#divCoordonnee .divButtons {
    clear: both;
    min-height: 90px;
}

.divButtons > div a {
    background-color: #dadada;
    color: #000000;
    display: block;
    float: left;
    font-size: 1.2em;
    margin-right: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    margin-top: 20px;
    padding-right: 50px;
}

    .divButtons > div a:hover {
        opacity: 0.8;
    }


.divButtons > div.panLnkReset a {
    color: #eaeaea;
    background-color: #000000;
}

.divButtons > div.panLnkNext a {
    position: relative;
    margin-right: 0;
    float: right;
}


.panButton {
    background-color: #eaeaea;
    display: inline-block;
    position: relative;
    padding: 5px 10px 5px 20px;
}

    .panButton:before {
        content: "+";
        position: absolute;
        left: 5px;
        font-weight: bold;
    }

    .panButton a {
        color: #000000;
    }




#cphMain_cphMid_lnkCgvAccept {
    margin-right: 18px;
}

body #divCoordonnee .panCoordonneesFidelite .btnCancel {
    background-color: #eaeaea !important;
    color:black !important;
}

body #divCoordonnee .panCoordonneesFidelite .btnValid {
    padding-right:22px !important;
}




body #divCoordonnee .panCoordonneesFidelite .divPointsTotal {
margin-bottom:10px;
margin-top:10px;
padding-left: 10px;
}



/*receptionchoix*/


.textReceptionChoix {
    font-weight: bold;
    line-height: 1.2em;
    margin: 5px 0 15px;
    padding-top: 10px;
}

.divLigneChoix > input, .divLigneChoix > div {
    display: inline-block;
    vertical-align: middle;
}

.divLigneChoix input {
    width: 5%;
}

.divLigneChoix.divLigne .linkButton {
    background: none repeat scroll 0 0 #cacaca;
    border: 1px solid #cacaca;
    color: #333333;
    font-size: 1.2em;
    text-shadow: 1px 1px 2px #ffffff;
    margin:0;
    width:100%;
}

.divLigneChoix .divBloc {
    display: table-cell;
    height: 21px;
    vertical-align: middle;
}
body #divCoordonnee .textWithdraw_IsMail .linkButton,
body #divCoordonnee .textWithdraw_IsResort .linkButton,
body #divCoordonnee .textWithdraw_IsSkiBadge .linkButton{
    display:table-cell;
}

.textWithdraw_IsMail img, .textWithdraw_IsResort img {
    position:relative;
    right:-15px;
}

body #divCoordonnee .Tooltip, #divCoordonnee .TooltipIdentification{
    left:inherit !important;
    right:5px !important;
}

body .textWithdrawType_name select {
    font-size: 18px;
}

#cphMain_cphMid_panCoordonneesMail select{
    width: auto;
    max-width: 62%;
}

#divCoordonnee #cphMain_cphMid_panCoordonneesMail .divFormulaire {
    background: none repeat scroll 0 0 #eaeaea ;
    color:#333333;
    padding: 20px;
    box-sizing: border-box;
}



.panCoordonneesStation {
    background-color: #eaeaea;
    padding: 20px;
}

body .panCoordonneesStation .divLit {
width:20% !important;
}

body .panCoordonneesStation .Withdraw_List select {
    width:70%;
}

.panCoordonneesStation .textWithdrawDescription {
    margin-bottom:20px;
    border-bottom:1px solid #333333;

}

#divCoordonnee .panCoordonneesStation .divLigne  {
position:relative;
}

#divCoordonnee .panCoordonneesStation .divLigne a  {
display:block !important;
}

#divCoordonnee .panCoordonneesStation .divLigne img {
margin-left:-20px;
}

.panCoordonneesFidelite .linkButton.btnValid {
text-align:center;
}


.panCoordonneesFidelite  .btnCancel {
    background-image: url(../../mobile/images/Boutons/noir/btnCancel.PNG) !important;
}

/******* *******/
#divCnil_id .linkButton,
#divCoordonnee #cphMain_cphMid_panCoordonneesCGV .linkButton,
#divCoordonnee #cphMain_cphMid_panCoordonneesCGV .linkButton,
#divCoordonnee #cphMain_cphMid_panAvoirFidButtons .linkButton {
    background: none repeat scroll 0 0 #cacaca;
    color: #333333;
    font-size: 1.15em;
    text-shadow: 1px 1px 2px #ffffff;
    border: 1px solid #cacaca;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#cphMain_cphMid_panReception .divLigne  {
    margin-bottom:15px;
    width:93%;
}

    #divCoordonnee .linkButton.LnkSelected,
    #divCoordonnee #cphMain_cphMid_panCoordonneesCGV .linkButton.LnkSelected {
        background: none repeat scroll 0 0 #80aa0f;
        color: #333333;
        text-shadow: 1px 1px 2px #ffffff;
        border: 1px solid #333333;
    }


#divCoordonnee > .divLigne {
    background-color: #eaeaea;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    clear: both;
    font-style: italic;
    padding: 3px 0;
    margin-bottom: 10px;
    margin-top: 60px;
}

.divErrorMessage {
    color: #cd0000;
}

#divCoordonnee .divButtons > div a{
    font-size:1em;
}



#divCnil_id td > input, #divCnil_id td > label {
    display: inline-block;
    vertical-align: middle;
}

#divCnil_id > table td {
    margin-left: 25px;
}




#divCnil_id td > label {
    border-left: 1px solid #9a9a9a;
    padding-left: 2%;
    width: 90%;
    margin-left:5px;
}


#divFidelite .tableInput {
margin-top:10px;
}

#divFidelite .tableInput td {
    margin-left:15px;
    display:block;
    margin-bottom:10px;
}
#divFidelite .tableInput label {
    margin-left:5px;
    padding-bottom:8px;
    padding-top:5px;  
    padding-left:5px;
    border-left: 1px solid #9a9a9a;
}

body #divFidelite .divLit {
    width:100% !important;
}



.divFormulaire .divLigne .divLit {
    display: inline-block;
    margin-bottom: 15px;
    width: 33%;
}


.panChkLivraisonChoose {
    background-color: #eaeaea;
    display: block;
    font-size: 0.8em;
    font-style: italic;
    padding: 10px;
    margin:10px 0;
}



/*PAGE IDENTIFICATION*/


.panContactMainPage {
    padding: 10px;
}

input.divTxt,
.boxDropDownList,
.DropList {
    border: 1px solid #cccccc;
    font-size: 1.2em;
    height: 45px;
    padding: 2px 1%;
}

.boxDropDownList, .DropList, .box {
    height: 45px;
    background-color:#ffffff;
}

.divZoneIdentification {
    text-align: center;
}


.divZoneIdentification .divTxt {
    background-color: #f7f7f7;
    display: block;
    margin: 5px auto 15px;
    width: 100%;
    max-width:450px;
    height:60px;
    margin-bottom:20px;
   -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.divBlocMotdePasse .linkButton {
    background-color: transparent;
    color: #000000;
    font-size: 0.7em;
    padding: 0;
    text-decoration: underline;
    margin-bottom: 30px;
}

.panContactIdentificationContact {
    text-align: center;
}
.panContactIdentificationContact a.LinkButton.btnNext {
    font-size:1.4em;
}


/*TOOLTIPS*/

/*POP UP d'AIDE*/
body .Tooltip,
.TooltipIdentification {
    border: 1px solid #ffffff;
    -moz-box-shadow: 0 0 4px #000000;
    -webkit-box-shadow: 0 0 4px #000000;
    box-shadow: 0 0 4px #000000;
    background-color: #ffffff;
    width: 90%;
    max-width: 350px;
    margin:0 auto;
}

body .Tooltip_Title {
    background: none repeat scroll 0 0 #e2e2e2;
    border: 0 none;
    color: #ffffff;
    padding: 5px 2%;
    text-align: left;
    min-height: 20px;
}

body .Tooltip_Content {
    padding: 10px 2%;
    font-size: 1em;
    text-align: center;
}

.Tooltip_Content .divLigneMailRenvoie input {
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    height: 30px;
    margin: 10px auto;
    width: 80%;
    font-size:0.8em;
}

    .Tooltip_Content .divLigneMailRenvoie input:focus {
        background-color: #ffffff;
        border: 1px solid #9a9a9a;
    }

body .Tooltip_Title_Close {
    background-image: url("../../../fichiers/mobile/images/close.png");
    height: 20px;
    position: absolute;
    right: 5px;
    width: 20px;
}

    body .Tooltip_Title_Close input {
        opacity: 0;
    }






/*PAGE PAIEMENT CYBER PLUS*/


.divPaymentMessage {
    margin-top: 60px;
    text-align: center;
}

iframe.formIframe {
display: block;
font-family: arial;
margin: 10px auto;
width: 15%;
min-width: 210px;
}


/*PAGE COMMANDE FIN*/

#divCommandeFin {
    padding: 10px;
}

#divPayment {
    text-align: center;
}

.imbRetourSite.linkButton {
    background-color: #1d1d1c;
    margin-top:20px;
    margin-bottom:10px;
}




/*PAGE CONTACT MAIN PAGE*/
.panContactMainLink .divLignePrincipal {
    font-size: 0;
}

cphMain_cphMid_panButton {
    border-top:1px solid #cccccc;
    margin-top:20px;
}

    .panContactMainLink .divLignePrincipal > a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        color: #ffffff;
        display: inline-block;
        font-size: 22px;
        margin: 10px 1%;
        min-height: 120px;
        padding: 15px 1%;
        text-align: center;
        text-transform: uppercase;
        vertical-align: top;
        width: 46%;
        line-height: 1em;
    }

        .panContactMainLink .divLignePrincipal > a:hover,
        .panContactMainLink .divLignePrincipal > a:target {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
        }

.divContactButton {
    margin: auto;
    padding-top: 20px;
    width: 100%;
    text-align:center;
}

.divContactButton > div {
    display: inline-block;
    vertical-align: top;
}
#cphMain_cphMid_panButton {
    border-top:1px solid #cccccc;
}

    .divContactButton .divHypPageDefault a {
        text-align: center;
        display: inline-block;
    background-color: #000000;
    padding: 10px 20px;
    color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 95% center;
    margin-bottom: 15px;
    margin-left: 10px;
    float:left;
    }


    .divContactButton .divLnkDeconnexion {
        display: inline-block;
        margin:0px;
    }

.panContactMainLink .divLignePrincipal > a:before {
    border-bottom: 1px solid #ffffff;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.panContactMainLink .divLignePrincipal > a.hypCoordonnees:before {
    content: url(http://ski.valmopass.com/fichiers/mobile/images/Pictos/contactMainPage/contact_01.png);
}

.panContactMainLink .divLignePrincipal > a.hypContactAssocie:before {
    content: url(../../../fichiers/mobile/images/Pictos/contactMainPage/contact_02.png);
}

.panContactMainLink .divLignePrincipal > a.hypCommandes:before {
    content: url(../../../fichiers/mobile/images/Pictos/contactMainPage/contact_03.png);
}

.panContactMainLink .divLignePrincipal > a.LinkFidelite:before {
    content: url(http://ski.valmopass.com/fichiers/mobile/images/Pictos/contactMainPage/contact_11.png);
}

.panContactMainLink .divLignePrincipal > a.LinkCarteFidelite:before {
    content: url(http://ski.valmopass.com/fichiers/mobile/images/Pictos/contactMainPage/contact_12.png);
}

.panContactMainLink .divLignePrincipal > a.hypParrainage:before {
    content: url(../../../fichiers/mobile/images/Pictos/contactMainPage/contact_04.png);
}

.panContactMainLink .divLignePrincipal > a.hypFidelite:before {
    content: url(../../../fichiers/mobile/images/Pictos/contactMainPage/contact_05.png);
}

.panContactMainLink .divLignePrincipal > a.hypAvoir:before {
    content: url(http://ski.valmopass.com/fichiers/mobile/images/Pictos/contactMainPage/contact_06.png);
}

.panContactMainLink .divLignePrincipal > a.hypBasket:before {
    content: url(../../../fichiers/mobile/images/Pictos/contactMainPage/contact_07.png);
}

.panContactMainLink .divLignePrincipal > a.hypCarteFidelite:before {
    content: url(../../../fichiers/mobile/images/Pictos/contactMainPage/contact_08.png);
}

.panContactMainLink .divLignePrincipal > a.hypCodePromotion2:before {
    content: url(../../../fichiers/mobile/images/Pictos/contactMainPage/contact_09.png);
}

.panContactMainLink .divLignePrincipal > a.LinkProgrammeFidelite:before {
    content: url(http://ski.valmopass.com/fichiers/mobile/images/Pictos/contactMainPage/contact_13.png);
}








/*PAGE CONTACT COORDONNEES*/

#contactCoordonnees #divCoordonnee h1 {
    font-size:1em; 
}

.divPanel #divControleUtilisateur {
    background-color: #eaeaea;
    padding: 20px 10px 10px;
	margin-bottom:20px;
}

    .contenaire_tabCont #divControleUtilisateur .divLignePrincipal select {
        display: block;
        font-size: 1.2em;
        height: 36px;
        margin: 0 auto;
        width: 80%;
    }

.contenaire_tabCont #divCoordonnee {
    padding: 0;
}

   .contenaire_tabCont #divCoordonnee > h1,
    .contenaire_tabCont > h1,
    .divControleUtilisateur > h1  {
        font-size: 2.2em;
        line-height: 2.2em;
        padding: 10px;
    }

#divCoordonnee > .divBloc {
    background-color: #f1f1f1;
    padding: 10px;
    margin-bottom: 30px;
}

.divPanel #divCoordonnee > .divBloc .divDetail {
    position: relative;
}

#divCoordonnee > .divBloc .divTitre {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    line-height: 1.6em;
    margin-bottom: 20px;
    text-align:left;
}

#divCoordonnee > .divBloc#divBlocIdentite .divDetail .divLigne {
    width: 60%;
    margin-bottom: 5px;
}

#divCoordonnee > .divBloc .divDetail .divLigne {
    margin-bottom: 5px;
}

    #divCoordonnee > .divBloc .divDetail .divLigne > .divLit,
    #divCoordonnee > .divBloc .divDetail .divLigne > select,
    #divCoordonnee > .divBloc .divDetail .divLigne > input {
        display: inline-block;
        vertical-align: middle;
    }

    #divCoordonnee > .divBloc .divDetail .divLigne > .divLit {
        width: 33%;
        text-align:left;
    }

    #divCoordonnee > .divBloc .divDetail .divLigne > select {
        border: 1px solid #cccccc;
        font-size: 1.2em;
        height: 55px;
        padding: 0;
        width: 65.4%;
        background-color:#ffffff;
    }

    #divCoordonnee > .divBloc .divDetail .divLigne > input {
        width: 63%;
    }

#divCoordonnee > #divChampObligatoire {
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 30px;
}

#divCoordonnee .btnDelete {
    margin-top: 30px;
}



/*AFFICHAGE desc JUSTIFS*/
.divDetail .divJustifs {
    position: absolute;
    right: 0;
    top: 0;
    width: 37%;
}

.divPanel #divCoordonnee > .divBloc .divDetail .divJustifs .divLit {
    font-size: 0.9em;
    width: 100%;
}

.divPanel #divCoordonnee > .divBloc .divDetail .divJustifs .divLigne {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.divPanel #divCoordonnee #divBlocIdentite {
    padding-bottom: 30px;
}

.panJustifPhoto {
    width: 100%;
}

.divImagePhoto {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    max-height: 150px;
    max-width: 120px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

    .divImagePhoto > img {
        max-height: 190px;
        max-width: 100%;
        width: auto;
        cursor: pointer;
    }

.panJustifAge,
.panJustifGlobal {
    width: 48%;
    display: inline-block;
    margin-right: 1%;
}

.divImageAge,
.divImageGlobal {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    max-height: 40px;
    max-width: 40px;
    overflow: hidden;
    text-align: center;
}

    .divImageAge > img,
    .divImageGlobal > img {
        max-height: 70px;
        max-width: 100%;
        width: auto;
        cursor: pointer;
    }


/*PAGE CONTACTS ASSOCIES*/
body .tableContact,body table.default {
    width: 96%;
    margin: 10px 2%;
    border: 0 none;
} 

    .tableContact tr, table.default tr,
    .tableContact th, table.default th,
    .tableContact td, table.default td{
        border: 0 none;
    }
	table.default th,
    .tableContact th {
        border-bottom: 2px solid #eaeaea;
        padding: 10px 5px;
        font-weight: bold;
        background-color: #eaeaea;
    }
	table.default td,
    .tableContact td {
        border-bottom: 1px solid #eaeaea;
        padding: 10px 5px;
    }

#divAddContact {
    text-align: right;
    margin-right: 10px;
}

th.griListe2_header_Contact_birthdate {
    max-width: 75px;
}




.griListeRowStyle,.griListeAlternatingRowStyle  {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.footable-detail-show {
    background-color: #8d8d8d;
    color:white;
}

.footable-row-detail-cell {
    background-color: #eaeaea;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}






/*---------------*/

/*PAGE CONTACT ENFANT MODIFICATION*/
.divContactEnfant > h1 {
    font-size: 2.2em;
    line-height: 2.2em;
    padding: 10px;
}



/* PAGE CONTACT FIDELITE */

.contactFidelite h3{
    margin-top:20px;
}

.panDrpContactChoose {
    margin-top:30px;
    padding:20px;
    background-color:#eaeaea;
   }

.panDrpContactChoose .totalText {
    margin-right:15px;
}

.panDrpContactChoose select{
border: 1px solid #cccccc;
font-size: 1.2em;
height: 55px;
padding: 0;
width: 65.4%;
background-color: #ffffff;
   }

/* CONTACT FIDELITE - MON COMPTE */
#contactFidelite .totalPoints {
    text-align:center; 
    display:block;
    width:96%;
    background-color:#8d8d8d;
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    padding:20px;
    margin:auto;
    margin-top:-10px;
    margin-bottom:10px;
    box-sizing:border-box;
    font-size:3em;
}


/* MON COMPTE - Contact Carte fidelite */

#divCarteFidelite .tableContact .box {
   display: block;
font-size: 1.2em;
height: 26px;
margin: 0 auto;
width: 80%;
border:1px solid black;
padding:10px;


}

#divCarteFidelite .tableContact .griListeItemStyleButton input {
display: block;
text-align: center;
margin: auto;
}







/*PAGE COMMANDE FIN (meme mise en page que la page Order Information dans mon compte, attention à ne pas tout casser !)*/

#CommandeFinTitre {
    font-size: 1.4em;
    line-height: 2.2em;
    padding: 10px;
    margin-bottom:-30px;
}

#commandeFin .colInterProgress {
    display: none;
}

#divCommandeFin .divOrder .spanOrderDetail,
.divCommande .divOrder .spanOrderDetail,
#divOrderInformation .divOrder .spanOrderDetail {
    display: block;
    float: none;
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 0;
    width: 100%;
    line-height: 1.4em;
}

#divCommandeFin .divOrderItems table,
.divCommande .divOrderItems table,
#divOrderInformation table {
    border: 1px solid #e4e4e8;
    width: 100%;
}

    #divCommandeFin .divOrderItems table th,
    .divCommande .divOrderItems table th,
    #divOrderInformation table th {
        background-color: #e4e4e8;
        text-align: left;
        padding: 10px 5px;
    }

    #divCommandeFin .divOrderItems table td,
    .divCommande .divOrderItems table td,
    #divOrderInformation table td {
        padding: 5px;
    }

#divCommandeFin .divOrder .divOrderTotal,
.divCommande .divOrder .divOrderTotal,
#divOrderInformation .divOrderTotal {
    display: block;
    width: 100%;
    margin: 15px 0;
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    background-color: #cccccc;
    color: White;
    padding: 10px 0;
}

#divCommandeFin tr.trProduct {
    border-top: 1px solid #dfdfdf;
}

#divCommandeFin #divContact,
#divCommandeFin #divAdress {
    float: left;
    width: 48%;
    margin: 5px 1%;
}

.divCommande #divContact,
.divCommande #divAdress {
    float: left;
    width: 48%;
    margin: 5px 1%;
}

#divCommandeFin #divContact_AcceptMailing,
.divCommande #divContact_AcceptMailing {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 15px;
    font-weight: bold;
    min-height: 10px;
}

#divCommandeFin #divCgv, #divCommande #divCgv {
    background-color: #e4e4e8;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
    text-transform: uppercase;
}

    #divCommandeFin #divCgv a, #divCommande #divCgv a {
        color: #000000;
    }

#divCommandeFin #divCommandeFinMailStationJustificatifs,
.divCommande #divCommandeFinMailStationJustificatifs {
    color: #1d1d1d;
    margin-bottom: 10px;
}

#divCommandeFin > .imbPrint,
#divCommandeFin > .imbRetourSite {
    margin-bottom: 10px;
}

.divCommande > a,
.divCommande > .imbNext {
    margin-bottom: 10px;
}

.divOrderItems > h1 {
    border-top: 1px solid #000000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 0 10px;
}

#divCommandeFin > div#divOrder {
    margin-bottom: 50px;
}

.pubFinCommande img {
    margin: 20px 0;
    width: 100%;
}


#divOrder_confirmationNumber {
    clear: both;
    display: block;
    margin: 20px auto 45px;
    margin-top: 0px;
    text-align: center;
    font-size: 2.5em;
}

    #divOrder_confirmationNumber span {
        font-size: 2.5em;
        padding:10px 30px;
        display: block;
        color:#ffffff;
        font-weight: bold;
        background-color: #737373;
        -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    }

/* TEXTE */
#divLoginPassword {
    margin-bottom: 20px;
    text-align:left;
}





/*PAGE DEFAULT*/
#pageDefault .divBlocBoutons{
    background-color:#ffffff;
    padding:10px;
    text-align:center;
}
#pageDefault .divBlocBoutons .divTuile {
    background-color: #eaeaea;
    color: #000000;
    display: inline-block;
    margin: 10px 1%;
    padding: 30px 1%;
    vertical-align: top;
    width: 44%;
}

.divImaTitle{
    width:100%;
}
.divBlocAccueil h1 {
  padding: 15px 10px;
  color: #333333;
  text-transform: uppercase;
  font-size: 1em;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}

/*PAGE SKIPASS GROUPE*/ 

    #skipassGroupe .divhypNext2 a,#skipassGroupe .divhypNext3 a  {
        padding-right: 50px;
        background-image: url(../../mobile/images/Boutons/blanc/btnNext.png);
        margin-right: 20px;
background-color: #a8a8a8;
        display:block;
        display: inline-block;

padding: 6px 40px;
padding-right:50px;
color: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat: no-repeat;
background-position: 98% center;
margin: 15px 10px 15px;
font-size: 1.2em;
float:right;
    }


.divSkipassGroupList .divBloc {
    clear:both;
    position: relative;
    border-bottom: 10px solid #000000;
    height: 200px;
    -moz-transition: all.5s;
    -o-transition: all.5s;
    -webkit-transition: all.5s;
    transition: all.5s;
    cursor:pointer;
    overflow:hidden;
}

.divSkipassGroupList .divBloc.open {
    height:auto;
    min-height:200px;
}

.PG-descriptionMobile {
padding: 10px;
z-index: 999;
margin-top:30px;
position:relative;
font-size:16px;
}

.PG-descriptionMobile p  {
    font-size: 16px;
}

body .divPrepanierGroupe_Text_name {
    position:relative;
    top:30px;
    border:none;
    background-color:#000000;
    color:white;
    width:30%;
    padding:10px;
}



.divPrepanierGroupe_backGroundImage img {
    display: block;
    margin: 0;

}
.divPrepanierGroupeDisplay{
    cursor:pointer;
}


.divPrepanierGroupe .divButton {
    z-index:8888;
        text-align: center;
    float: right;
    width: 30%;
    position: absolute;
    right: 0;
    margin-right: 80px;
    bottom: -19px;
}

.divPrepanierGroupe_Text_name {
    background-color: #ffffff;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 1em;
    padding: 5px 10px;
    text-transform: uppercase;
    position:relative;
}
.divPrepanierGroupeDisplay .divPrepanierGroupe_Text_name::after {
    content: ">";
    font-weight: bold;
    position: absolute;
    right: 10px;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.divPrepanierGroupeDisplay.open .divPrepanierGroupe_Text_name::after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.divPrepanierGroupeDisplayDetail{
    height:0;
    overflow:hidden;
    
    
}

.divPrepanierGroupe .linkButton{
    font-size:18px;
    width:100%;
}
		
.PG-descriptionMobile {
    font-size: 16px;
    padding: 10px;
}

body .divSkipassGroupList .divBloc:after {
    position:absolute;
    height:50px;
    width:50px;
    display:block;
    content:"";
    right:10px;
    top:0px;
    padding:5px;
    z-index:99999999;
    background-image: url("http://ski.valmopass.com/Fichiers/mobile/images/touch.png");
    background-repeat:no-repeat;
    background-position:center;    
}



/**************************************/
/*0SPECIFIQUE BORNES*/
/**************************************/

/*page Accueil Appli*/
.borne{
    max-height: 95vh;
}
.borne .divAppliLinkTitle {
    padding: 30px 10px 0;
}
.borne .blocFlags {
    padding:10px 0;
}
.borne .blocFlags > a{
    max-width:300px;
}
.borne .ReloadBornePanel a{
    display:inline-block;
    background-color:#000000;
    color:#ffffff;
}

/*Page identification*/
.borne #divPage{
    padding-top:80px;
}
.borne .panAppliMobileConnexion{
    text-align:center;
    font-size: 0.8em;
}
.borne .divInformationIdentification {
    background-color: #5c5c5c;
    color:#ffffff;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px auto 20px 9%;
    padding: 40px 10px;
    text-align: center;
    vertical-align: middle;
    width: 40%;
    margin-top:0;
}
.borne .divZoneIdentification{
    display: inline-block;
    margin-right: 9%;
    vertical-align: middle;
    width: 40%;
}
.borne .divBlocMotdePasse{
    display:none;
}


/*PAGE ACHAT RAPIDE*/
.borne .divFrom.from_else {
    text-align:center;
}
.borne .divFrom.from_else .RadPicker.RadPicker_Default {
    margin: 0 auto;
    position: relative;
    right: inherit;
    top: inherit;
}
.borne .panPanierRapideText{
    font-size: 16px;
    text-align: center;
}

.borne .panPanierRapideText > div{
    display:inline-block;
    vertical-align:middle;
    font-size:18px;
    margin:5px;
}
.borne .panPanierRapideText > div.blocSelection{
    display:block;
    border-bottom:1px solid #ffffff;
}
.borne .divDisplayPanierRapide a{
    display:inline-block;
    background-color:#ffffff;
    color:#000000;
    text-transform:none;
    font-size:18px;
    font-weight:normal;
    padding:5px 20px;
}


/*forfaits*/
.borne .panPanierRapideOrderItem {
    background-color: #ffffff;
    border: 0 none;
    display: inline-block;
    margin: 5px 1%;
    vertical-align: top;
    width: 30.5%;
    position:relative;
    padding:0;
}
.borne .panPanierRapideGroupTitre{
    display:none;
}
.borne .panPanierRapideOrderItem > div{
    display:block;
    border:0 none;
    width:auto;
    min-width:inherit;
}
.borne .panPanierRapideOrderItem .panPanierRapideOrderItemButton{
    position:absolute;
    top:0;
    right:0;
    display:block;
    margin:0;
}
.borne .panPanierRapideOrderItem .panPanierRapideOrderItemButton a{
    font-size: 1em;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 5px;
}
.borne .labPanierRapideOrderText,
.borne .divPanierRapideOrderItemProduct,
.borne .panPanierRapideTotal,
.borne .divOrderItem_ValidFrom,
.borne .divOrderItem_DataCarrierDescriptor{
    color:#333333;
    font-size: 16px;
}
.borne .divOrderItem_ValidFrom{
    font-size:14px;
    font-weight:bold;
}
.borne .divPanierRapideOrderItemProduct{
    min-height: 2.5em;
}
.borne .panPanierRapideTotal{
    padding:5px;
}
.borne .panPanierRapideOrderItemText{
    padding:5px 18px;
}
/*PAGE Coordonnees*/


.borne  #divCoordonnee .divFormulaire{
    min-height:inherit;
    margin:0 0 20px;
}
.borne #divCoordonnee .divFormulaire .bloc{
    margin:0;
    width:530px;
    padding: 5px 2%;
    text-align:left;
    font-size:16px;
    display:inline-block;
}
.borne #divCoordonnee .divFormulaire .bloc.panContact_email{
    width:380px;
}
.borne #divCoordonnee .divFormulaire > div {
    float:none;
    text-align:center;
    font-size:16px;
}
.borne .divFormulaire .bloc .divTxt{
    height:40px;
    min-width:240px;
}
.borne #divCoordonnee > .divLigne{
    font-size:16px;
    margin-top:20px;
}
.borne .divFormulaire .divLit {
    display:inline-block;
    width:120px;
    font-size:16px;
}
.borne .divFormulaire .divFormulaireTitle {
    border-bottom: 1px solid #ffffff;
    color: #606060;
    font-size: 18px;
    padding: 5px;
    text-align: center;
}
.borne .divFormulaire {
    padding-bottom:5px;
}
.borne #divCnil_id > div {
    display: block;
    font-size: 16px;
    text-align: center;
}


.borne #divCnil_id .linkButton,
.borne #divCoordonnee #cphMain_cphMid_panCoordonneesCGV .linkButton {
    display: block;
    font-size: 22px;
    margin: 5px auto;
    padding: 20px;
    width: inherit;
    text-transform: uppercase;
    border: 3px solid #eb6808;
    background-color: #e28916;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


.borne #divCoordonnee > .divLigne{
    border: 0 none;
    padding:0 ;
}

.borne #coordonnees .panButton {
    padding: 10px 10px 10px 20px;
    margin-top: 0;
    text-transform: uppercase;
    float: right;
}



/**************************************/
/*FIN SPECIFIQUE BORNE*/
/**************************************/









/*MEDIA QUERIES*/ /*SPECIFIQUE BORNES !*/
@media screen and (min-width: 900px) {
    
    /*PAGE SELECTION LANGUES*/
    .blocFlags > a {
        max-width: 340px;
        width: 42%;
    }

}










/*MEDIA QUERIES*/


@media screen and (min-width: 1023px) {
    
    .divPrepanierGroupe_backGroundImage {
    width: 100% !important;
}

.divPrepanierGroupe_backGroundImage img {
    width:100% !important;
}

}

@media screen and (max-width: 680px) {


    /****************************/
    /*BARRE DU HAUT*/
    .MenuBandeau .divHome img {
        margin-top: 10px;
    }


    /****************************/
    /*ACHAT RAPIDE*/
    .divFrom.from_else .RadPicker.RadPicker_Default {
        display: block !important;
        margin: 0 auto;
        position: relative;
        right: inherit;
        top: inherit;
    }


    .panPanierRapideText {
    }

    /*COORDONNEES*/
    .divButtons > div a {
        clear: both;
        display: inline-block;
        float: none;
        margin: 5px auto;
        padding: 5px 15px;
    }

    .panButton {
        margin: 5px 0;
    }

    #divCoordonnee > .divBloc .divDetail .divLigne > select {
    width:100%;
    }

    #divCoordonnee #Contact_phoneArea span, #divCoordonnee #divContact_mobilePhone span {
        display:block;
    }

    #divCoordonnee > .divBloc .divDetail .divLigne > .divLit {
    width: 99%;
    margin-bottom:5px;
    }

    #divCoordonnee .divDateBirthday {
    width: 98%;
    }

    #divCoordonnee > .divBloc .divDetail .divLigne > input{
        width:97%;
    }
    #divCoordonnee > #divBlocIdentite.divBloc .divDetail .divLigne{
        width:96%;
    }

    .linkButton.btnNext {
    margin-top:10px;
    text-align:center;
}

    /*CONTACT COORDONNEES*/

    .divDetail .divJustifs {
        position: relative;
        width: 100%;
    }

        .divDetail .divJustifs > div.panJustifPhoto,
        .divDetail .divJustifs > div.panJustifAge,
        .divDetail .divJustifs > div.panJustifGlobal {
            display: inline-block;
            margin-right: 1%;
            width: 28%;
        }


    .divImageAge,
    .divImageGlobal,
    .divImagePhoto {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 auto;
        max-height: 90px;
        max-width: 70px;
        overflow: hidden;
        text-align: center;
    }

        .divImageAge > img,
        .divImageGlobal > img {
            cursor: pointer;
            max-height: 190px;
            max-width: 100%;
            width: auto;
        }

        
#divCnil_id > table td {
    padding: 10px 0;
}


/* CONTACT ASSOCIES - MON COMPTE */

#divAddContact {
    margin-right: 0;
}


/****************************/
    /*Contacts associés dans IDENTIFICATION*/
    
.divPanContactsAssocies > .panContactAssocie {
    background-color: #e8e8e8;
    display: block;
    margin: 10px auto 20px;
    max-width: 500px;
    vertical-align: top;
    width: 96%;
}


/* MON COMPTE - LE PANIER */


#contactBasket .divGridView2 table {
    width: 95%;
    margin: auto;
    margin-bottom: 30px;
    border: none;
}

    #contactBasket .divGridView2 table thead {
        background-color: #1d1d1d;
        color: white;
        height: 50px;
        border: none;
        border-bottom: 2px solid #cccccc;
    }



        #contactBasket .divGridView2 table thead th {
            padding-left: 5px;
            border: none;
            font-weight: bold;
        }


    #contactBasket .divGridView2 table td {
        border: none;
        border-bottom: 1px solid #EAEAEA;
        padding: 15px 5px;
    }

    #contactBasket .divGridView2 table tr {
        border: none;
    }


    
/* MON COMPTE - Contact Carte fidelite */

#divCarteFidelite .tableContact td {
   font-size:0.8em;

}

#divCarteFidelite .tableContact th {
   font-size:0.8em;

}



/* MON COMPTE - MES COMMANDES */

#contactCommandes .divGridView2 table {
    width: 95%;
    margin: auto;
    margin-bottom: 30px;
    border: none;
}

    #contactCommandes .divGridView2 table thead {
        background-color: #1d1d1d;
        color: white;
        height: 50px;
        border: none;
        border-bottom: 2px solid #cccccc;
    }



        #contactCommandes .divGridView2 table thead th {
            padding-left: 5px;
            border: none;
            font-weight: bold;
        }


    #contactCommandes .divGridView2 table td {
        border: none;
        border-bottom: 1px solid #EAEAEA;
        padding: 15px 5px;
    }

    #contactCommandes .divGridView2 table tr {
        border: none;
    }

    
    body .divButtons .btnValid,
body .divButtons .btnNext,
body .linkButton{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    width: 96%;
    display:block;
    text-align:center;
}



.panConsumerCategory_id .btnAdd, .panConsumerCategory_id .btnDetail {
    clear: both;
    margin-bottom: 5px;
    width: 100%;
}

.divButtons > div.panLnkNext a {
    float: none;
    margin: 5px auto;
    position: relative;
}
body .divButtons > div > a,
body .linkButton.btnSave{
    padding: 10px 50px 10px 5px;
}


/* SKIPASS GROUPE */

body .divPrepanierGroupe .divButton {
    width: 40%;
    position: absolute; 
    right: 9px;
    margin-right:0;
}

    }


/*MEDIA QUERIES*/
@media screen and (max-width: 580px) {

   body #cphMain_cphMid_panCoordonneesMail select{
     width: 100% !important;
    max-width: 100%;
}



/*PAGE ACHAT RAPIDE*/
.divProductCategoryButton,
    .divValidityCategoryButton,
    .divConsumerCategoryButton,
    .divGroupPriceCategoryAutres > div,
    .panLnkClient,
    .divSelecteurRapide .divFrom > a{
        width:48%;
        margin-bottom:10px;
        height:65px;
        font-size:1.1em;
    }
body .divSelecteurRapide .divFrom > a{
    padding:20px 1%;
}

    .panLnkClient{
    height:120px;
}
.divSelecteurRapide .divTitre, .AreaNbForfait > span.divTxt {
    font-size: 0.95em;
    line-height: 1em;
    min-height: 22px;
}
.divFrom.from_else .RadPicker.RadPicker_Default{
    clear:both;
    min-height:60px;
}
.updButton .lnkButton{
    float:none;
    width:100%;
}



}




/*MEDIA QUERIES*/
@media screen and (max-width: 500px) {

    #divPage {
        padding-top: 50px;
    }
    /****************************/
    /*BARRE DU HAUT*/
    .MenuBandeau {
        border-bottom: 1px solid #ffffff;
    }

        .MenuBandeau .divHome {
            height: 50px;
        }

    .pictosTop > div {
        width: 50px;
        height: 50px;
    }
    .MenuBandeau .divHome img {
        margin-top: 5px;
        max-height: 42px;
    }
    .panMenuVertical > ul{
    top: 50px;
}

    /*PANIER*/
    .divPanierTitre img {
        height: 30px;
    }
    .divPanierNbForfaits {
        top: 15px;
    }


    /*IDENTIFICATION*/
    .divBlocIdentification img {
        width: 30px;
    }

    /*MENU*/
    .divPageListe .panMenuVertical {
        width: 50px;
        height: 50px;
    }


    /****************************/
    /*PAGE IDENTIFICATION*/
    .divZoneIdentification .divTxt {
        margin: 5px auto 10px;
        width: 80% !important;
    }
    .divDateBirthday {
    display: block;
    width:100%;
    min-height: 50px;
    }
    .divDateBirthday .boxDropDownList{
        width: auto !important;
    }
    .divButtons{
        text-align:center;
    }


    
    /****************************/
    /*Contacts associés dans IDENTIFICATION*/
    .panContactAssocieCoordonnees .divLigne > .divLit,
    .panContactAssocieCoordonnees .divLigne > .divLit:first-child {
        display: block;
        width: 100%;
    }
    .panContactAssocieCoordonnees select, .panContactAssocieCoordonnees input{
        width:98%;
    }

    /****************************/
    /*PAGE COORDONNEES - IDENTIFICATION*/
    .divFormulaire .bloc,
    .divFormulaire .bloc:first-child {
        float: none;
        margin: 0 0 5px;
        width: 96%;
    }
    .divFormulaire .divLigne .divLit,
    #divCoordonnee > .divBloc .divDetail .divLigne > .divLit {
        display: block;
        margin-bottom: 0;
        margin-top: 8px;
        width: 100%;
    }
    input.divTxt, .boxDropDownList, .DropList {
        width: 97% !important;
        height:35px;
    }
    #divCoordonnee .divDetail {
        text-align: left;
    }
    .divContactSkieurInfo > span {
    font-size: 1em;
    }
    #divCoordonnee > .divBloc .divTitre {
        font-size: 0.8em;
    }
    #divCoordonnee > .divBloc .divDetail .divLigne > .divLit,
    .panContactAssocieCoordonnees .divLigne > .divLit,
    .newPanSkieurCoordonnees  .divLigne > .divLit
    {
        font-size:16px;
        margin-top:4px;
    }
    #divCoordonnee > .divBloc .divDetail .divLigne > select {
        font-size: 1em;
        height: 40px;
        width: 100% !important;
    }
    .panNewContact > div .linkButton.lnkMainContactLoad{
        position:relative;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:98%;
        padding:10px 30px;
    }
    .panNewContact > div .linkButton.lnkMainContactLoad:focus{
        -moz-box-shadow: 0 0 2px #333333;
        -webkit-box-shadow: 0 0 2px #333333;
        box-shadow: 0 0 2px #333333;
    }
	     .panNewContact > div .linkButton.lnkMainContactLoad::after {
        bottom: -3px;
        content: url("../../mobile/images/imbUpdate.png");
        position: absolute;
        right: 0;
    }
    .titleContactsAssocies{
        font-size:1em;
    }
    body .divPanContactsAssocies > .panContactAssocie{
        margin:5px auto;
    }
    .divPanContactsAssocies{
        border-bottom: 1px solid #cacaca;
        margin-bottom: 20px;
    }
    .panContactAssocieInfo{
        font-size:0.8em;
    }
    .panContactAssocieInfo a{
        padding:7px;
    }
    .linkButton.btnSave {
        padding: 5px 50px 5px 5px;
    }

    #divContact_phone .riSingle,#divContact_mobilePhone .riSingle  {
            width: 100% !important;
    }


    /****************************/
    /*PAGE CONTACT MAIN PAGE*/

    .panContactMainLink .divLignePrincipal > a {
        font-size: 20px;
        margin: 5px 1%;
        min-height: 20px;
        padding: 15px 1%;
        width: 98%;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        text-align:left;
        padding-left: 50px;
        position: relative;
    }
    .panContactMainLink .divLignePrincipal > a:before {
    border-bottom: 0 none;
    display: inline-block;
    height: 85%;
    left: 0;
    margin: 0 5px;
    position: absolute;
    text-align: center;
    top: 15%;
    vertical-align: middle;
    width: auto;
    }
    
.panContactMainLink .divLignePrincipal > a span br {
    display: none;
}



/*PAGE ACHAT RAPIDE*/
.divSelecteurRapide .divPan.panSelection{
    top:50px;
}

.AchatRapide_Title {
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 30px;
    padding: 30px 10px 0;
}

.AchatRapide_Description {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    padding: 10px 10px 20px;
}
.labPanierRapideOrderText, .divPanierRapideOrderItemProduct{
    font-size:0.8em;
    line-height:1em;
}
.divContact_id .box{
    min-width:inherit;
    width:100%;
    font-size:0.8em;
}
.updButton .lnkButton a {
    font-size: 1em;
    margin: 10px auto 0;
    padding: 10px 0;
}

/*PAGE COORDONNEES*/
.divLigneChoix.divLigne .linkButton{
    font-size:0.8em;
}

#divCnil_id .linkButton, #divCoordonnee #cphMain_cphMid_panCoordonneesCGV .linkButton,.panCoordonneesFidelite  .linkButton {
    margin: 0 0 10px;
    width:100% !important;
    font-size:0.8em;
}
.divFormulaire .divFormulaireTitle {
    font-size: 1.2em;
}


 body .divButtons .btnValid,
body .divButtons .btnNext,
body .linkButton{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    width: 94%;
    display:block;
    text-transform:uppercase;
}

.panConsumerCategory_id .btnAdd, .panConsumerCategory_id .btnDetail {
    clear: both;
    margin-bottom: 5px;
    width: 100%;
}

.divButtons > div.panLnkNext a {
    float: none;
    margin: 5px auto;
    position: relative;
}
body .divButtons > div > a,
body .linkButton.btnSave{
    padding: 10px 50px 10px 5px;
}
body #divCoordonnee .panButton.panHypReturn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: none;
    margin: 50px auto 10px;
    padding: 10px 5px;
    position: relative;
    width: 94%;
    text-align:center;
}
.panButton::before{
    position:inherit;
}
#divCoordonnee .divButtons > div.panLnkNext a{
    padding: 20px 50px 20px 5px;
}

textarea.txtDataCarrierDesc {
  width: 95% !important;
  margin: 5px auto;
}


body .divPanel #divCoordonnee > h1,
body .divPanel > h1{
    font-size:18px;
    line-height:18px;
}
.divPanel #divControleUtilisateur .divLignePrincipal select{
    font-size:0.8em;
}


/* SKIPASSGROUPE */

body .divPrepanierGroupe .linkButton{
    width:100% !important;
    text-align:center;
    float:right;
    margin:0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; 
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .divPrepanierGroupe .divButton {
        width: 100% !important;
        bottom: 0;
        margin: 0;
            margin-right:0;
            right:0;
}


.PG-descriptionMobile {
    padding-bottom:40px;
}


}





/*MEDIA QUERIES*/
@media screen and (max-width: 450px) {

    /* MON COMPTE - Contact Carte fidelite */

#divCarteFidelite .tableContact td {
  display:block;
  text-align:center;
  width:100%;

}

#divCarteFidelite .tableContact tr {
  display:block;
  text-align:center;
  width:100%;

}

#divCarteFidelite .tableContact th {
  display:block;
  text-align:center;
  width:100%;

}




    /****************************/
    /*ACHAT RAPIDE*/

    .divSelecteurRapide .divFrom > a {
        display: block;
        padding: 8px 1%;
        width: 97%;
    }

    .divProductCategoryButton,
    .divValidityCategoryButton,
    .divConsumerCategoryButton,
    .panLnkClient,
    .divGroupPriceCategoryAutres > div,
    .divSelecteurRapide .divFrom > a{
        width:98%;
        float:none;
        max-width:320px;
        margin:0 auto 10px;
    }



    .divBlocHome > a{
        width:100%;
        height:auto;
    }

    /*FOOTER*/
    
.footer .divLinkCgv > div {
    display: block;
}
.footer .divLinkCgv > div a {
    border:0 none;
    padding: 10px;
    border-bottom:1px solid #cccccc;
}
.footer .divLinkCgv > div a:focus {
    opacity:0.8;
}

/*CONTACT MAIN PAGE*/
.divLnkDeconnexion .linkButton.btnLogOut,
    body .divContactButton .divHypPageDefault a{
        font-size:16px;
    }


input.divTxt,
.boxDropDownList,
.DropList {
    font-size: 1em;
    height: 35px;
}
#divCoordonnee > .divBloc .divDetail .divLigne > select{
    font-size: 1em;
    height: 45px;
}

}







/*MEDIA QUERIES*/
@media screen and (max-width: 340px) {


    /****************************/
    /*BARRE DU HAUT*/
    .MenuBandeau .divHome img {
        margin-top: 13px;
        max-height: 32px;
    }


    /****************************/
    /*ACHAT RAPIDE*/
    .divProductCategoryButton,
    .divValidityCategoryButton,
    .divConsumerCategoryButton,
    .divGroupPriceCategoryAutres > div {
        width: 99%;
        margin-left: 0;
        height: 40px;
    }

        .divGroupProductCategoryButton .divProductCategoryButton:nth-child(2n+2),
        .divGroupConsumerCategoryButton .divConsumerCategoryButton:nth-child(2n+2),
        .divGroupValidityCategoryButton .divValidityCategoryButton:nth-child(2n+2),
        .divGroupPriceCategoryAutres > div:nth-child(2n+2) {
            margin-left: 0;
        }


    /****************************/
    /*PAGE CONTACT MAIN PAGE*/
    .panContactMainLink .divLignePrincipal > a {
        font-size: 20px;
        margin: 0 1% 10px;
        min-height: 40px;
    }

    .panContactMainLink .divLignePrincipal > a:before {
    height:100%;
    }
    
    
    .panContactMainLink {
        margin-bottom: 10px;
    }

    /**/
   
    #pageDefault .divBlocBoutons .divTuile {
        height: auto !important;
        margin: 5px 1%;
        padding: 15px 1%;
        width: 94%;
    }

    /*HEADER*/
    .MenuBandeau .divHome {
        width: 45%;
    }
    .pictosTop {
        display: block;
        float: right;
        text-align: right;
        width: 55%;
    }
    .pictosTop > div {
        height: 50px;
        width: 40px;
    }
    .pictosTop > div.divPageListe {
        width: 50px;
    }


    /*PAGE DEFAULT*/
.divInformationIdentification{
    padding:10px;
    margin-bottom:0;
}
.divInformationIdentification h1 {
    font-size: 28px;
}
.divZoneIdentification .divTxt {
    width: 90% !important;
    height:45px;
    font-size:20px;
}
.divZoneIdentification .divTxt:focus {
    border-color: #9c9c9c;
    -moz-box-shadow: 0 0 3px #acacac;
    -webkit-box-shadow: 0 0 3px #acacac;
    box-shadow: 0 0 3px #acacac;
}



}

/* BORNE */

.ReloadBornePanel .ReloadBorneButton {
    position: absolute;
    top: 0;
    left: 380px;
    top: 10px;
    padding: 10px;
}

.AffichageBorne  .divPriceCategoryAdditionnalProducts .divGroupPriceCategoryAutres a {
    padding:20px;
    display:block;
    margin-right:20px;
    margin-bottom:20px !important;
}

.AffichageBorne #divPriceCategoryAssurance {
    margin-right:60px;
}

.AffichageBorne .divGroupPriceCategoryAutres span {
    margin-bottom:10px;
    display:block;
}

.AffichageBorne .updButton .lnkButton {
    width: 30%;
    margin-right: 33px;
}

.AffichageBorne .updButton .lnkButton a {
    padding: 20px;
margin: 15px auto 0px;
}

.AffichageBorne .linkButton.btnAdd {
background-image: url("../../mobile/images/Boutons/blanc/btnAdd.png");
background-position: 353px 75px;
}

.divFormulaire .linkButton {
    width:91%;
}

#coordonnees .panButton {
    padding: 10px 10px 10px 20px;
    margin-top: 11px;
}

/* #coordonnees .divLigne .linkButton:after {
background-image: url("../../mobile/images/cross.png");
background-repeat:no-repeat;
  background-size: 20px auto;
    content: " ";
    display: block;
    float: right;
    height: 24px;
    margin-left: 15px;
    width: 24px;
    position:relative;
    left: 11px;
}

#coordonnees .divLigne .LnkSelected:after {
background-image: url("../../mobile/images/checked.png");
    content: " ";
    display: block;
    float: right;
    height: 24px;
    margin-left: 15px;
    width: 24px;
    margin-top: -24px;
    position:relative;
    left: 11px;
}		

*/

#coordonnees .panCGVLinkBorne{
    background-color: rgb(234, 234, 234);
width: 380px;
border-radius: 3px;
border: 1px solid #cacaca;
color: black;
margin-left: 10px;
 margin-top: 20px;
 margin-bottom:10px;
}

#coordonnees .panCGVLinkBorne:before {
background-image: url("../../mobile/images/pdf.png");
    content: " ";
    display: block;
    float: left;
    height: 24px;
    margin-left: 15px;
    width: 24px;
    margin-right:22px;
    margin-top: 10px;
}

#coordonnees .panCGVDistLinkBorne {
background-color: rgb(234, 234, 234);
width: 610px;
border-radius: 3px;
border: 1px solid #cacaca;
color: black;
margin-left: 10px;
margin-bottom:20px;
}

#coordonnees .panCGVDistLinkBorne:before {
background-image: url("../../mobile/images/pdf.png");
    content: " ";
    display: block;
    float: left;
    height: 24px;
    margin-left: 15px;
    width: 24px;
    margin-right:22px;
    margin-top: 10px;

}

#coordonnees .panCGVLinkBorne a {
    color: black;
    display: block;
    height: 26px;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 99999;
}

#coordonnees .panCGVDistLinkBorne a{
   color: black;
    display: block;
    height: 26px;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 99999;
}


.divOrderOrderBorne .spanOrderDetail {
    font-size: 0.75em !important;
}

.divOrderOrderBorne .divOrderItems > h1 {
    border-top: 1px solid #000;
    font-size: 0.9em;
    font-weight: bold;
    padding: 15px 0px 10px;
}

.divOrderOrderBorne  table tr td,.divOrderOrderBorne  table tr td div  {
    font-size: 0.8em !important;
}

.divOrderOrderBorne  table tr td div  {
    font-size: 0.9em !important;
}

.divOrderOrderBorne .divOrderTotal {
    font-size:1.2em;
}



#commandeFin #divCgv {
background-color: #EAEAEA;
width: 380px;
border-radius: 3px;
border: 1px solid #CACACA;
color: #000;
margin: auto;
margin-top: -10px;
}


#commandeFin #divCgv:before {
    background-image: url("../../mobile/images/pdf.png");
    content: " ";
    display: block;
    float: left;
    height: 24px;
    margin-left: 15px;
    width: 24px;
    margin-right: 22px;
    margin-top: 10px;
}

#commandeFin #divCgv a {
    color: black;
    display: block;
    height: 26px;
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 99999;
}

.divLoadingBank {
    text-align: center;
margin-top: 30px;
margin-bottom: -20px;
}

#Transf_Trait {
    text-align: center;
margin-top: 30px;
margin-bottom: -20px;
}

#UpdateProgress1, #UpdateProgress2 {
    text-align: center;
margin-top: 30px;
margin-bottom: -20px;
}