/*Calculateur générique*/
@import url(calculateur.css);



/***************************************/
/*           Menu Horizontal           */
/***************************************/
@import url(default_tooltip.css);
@import url(../../common/css/nyromodal/styles/nyromodal.css);


.rwCorner.rwBodyRight, .rwCorner.rwBodyLeft, .rwFooterRow {
    display: none !important;
}


/*Import autres modules*/
@import url(https://assets.jbsurf.com/fichiers/internet/css/modules/comptesIncomplets.min.css);

.rwCorner, .rwFooterRow {
    display: none !important;
}

.rwWindowContent {
    padding: 0 5px;
}

.divPanierBottomButtons, .divPanierTerminer {
    display: none !important;
}


#hypTrinum {
    display: none;
}

body .TooltipIdentification {
    background-color: #ffffff;
}
/*OWL CAROUSEL 2.3*/
body .owl-theme .owl-nav [class*="owl-"] {
    border: 0 none;
}

body .owl-theme .owl-dots .owl-dot {
    border: 0 none;
    background-color: transparent;
}




/*ACCEPT COOKIES*/
#wucAcceptCookies_panAcceptCookies {
    background-color: #333333;
    color: #ffffff;
    padding: 20px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999999999;
    bottom: 0;
}

    #wucAcceptCookies_panAcceptCookies > div {
        display: inline-block;
        margin: 10px;
    }

.divTextAcceptCookies a {
    color: #ffffff;
    text-decoration: underline;
}

#wucAcceptCookies_panAcceptCookies .divButtonAcceptCookies a {
    color: #ffffff;
    font-size: 0.9em;
    padding: 6px 10px;
    border: 1px solid #ffffff;
    margin: 0 10px;
    display: block;
    font-family: Arial;
    transition: all ease 300ms;
}

    #wucAcceptCookies_panAcceptCookies .divButtonAcceptCookies a:hover {
        background: rgba(255,255,255,0.3);
    }

#wucAcceptCookies_panAcceptCookies .divTextAcceptCookies > span {
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
}


.DropDownListOff {
    display: none;
}


iframe #wucAcceptCookies_panAcceptCookies,
#calculateurIframe #wucAcceptCookies_panAcceptCookies {
    display: none !important;
}


/*CALCULATEUR - masquage des boutons*/

/*bouton annuler*/
body .divPrePanier > .divButtons a.linkButtonCancel,
body .divRecap > .divButtons a.linkButtonCancel {
    display: none;
}

/*bouton ajout nouveau forfait - calculateur*/
body .divPrePanier > .divButtons a.linkButtonAddNewForfait
body .divRecap > .divButtons a.linkButtonAddNewForfait {
    display: none;
}

/*bouton ajout nouveau forfait - récap*/
body .divPrePanier > .divButtons a.linkButtonAddNewTypeAcc
body .divRecap > .divButtons a.linkButtonAddNewTypeAcc {
    display: none;
}



/*CSS : éléments généraux composant la page*/
img#ctl00_ctl00_cphMain_cphMid_wucSlide_imbSlide {
    display: none;
}

.clear {
    clear: both;
}

#container {
    margin: 0 auto 0 auto;
}

.divGridView table img {
    max-width: 100% !important;
}

#bandeau-haut {
    width: auto;
    height: 16px;
}

.footer {
    float: left;
    font-size: 10px;
    text-align: center;
    padding-top: 2px;
}

#CookiesEnabled {
    background-color: #C02A3C;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 3px 15px 3px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 500000;
}

.divBoiteContenu .divProgressionMobile {
    display: none;
}

.spanOrderItem_ValidFrom {
    display: inline-block;
    font-size: 10px;
    width: 110px;
}

#divMeteoBox .stationTitre {
    display: none;
}

.divMeteoDate {
    display: none;
}

.updProgress {
    text-align: center;
}

.divErrorMessage {
    color: #BF2323;
}

.ValidatorErrorMessage {
    color: #BF2323;
}


img {
    border: none;
}


.PageInfos_Corps object {
    min-height: 970px;
    width: 100%;
}

.divBlocID {
    position: relative;
}

body .TooltipIdentification {
    left: 0 !important;
    margin: 0 auto;
    position: fixed !important;
    right: 0;
    text-align: center;
    top: 270px !important;
}

.panTooltipMailRenvoie {
    background-color: #333333;
    opacity: 0.3;
}

.divContentControle .hypCancel {
    clear: both;
}

/*Elements composant les Classes des popup aide*/

.jqmWindow {
    display: none;
    height: auto;
    position: fixed;
    top: 17%;
    left: 30%;
    margin-right: 300px;
    width: auto; /*width: 250px;*/
    margin-top: 50px;
    background-color: #EEE; /*couleurs de fond par défaut*/
    color: #000;
    border: 1px solid black;
    padding: 12px;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
}

.jqmlink {
    margin-left: 230px;
    margin-right: 10px;
    text-align: right;
    font-size: 12px;
}

.jqmClose {
    color: #BF3B3D;
    font-weight: bold;
}
/** html .jqmWindow 
{
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}*/

.jqmOverlay {
    background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px' );
}
/*Elements composant les classes dans les paniers : Tableau zone de quantité*/



.divInterPanier .divConsumerCategory .divOrderItem_quantity {
    /*float: left;*/
}

.divText_name {
    padding-left: 10px;
    width: auto;
}

.divProductPrice_amount {
    padding-right: 10px;
    text-align: right;
}

.PublicPrice {
    text-decoration: line-through;
    font-size: 0.8em;
}

.divOrderItem_quantity {
    width: auto;
    padding-left: 2px !important;
    text-align: center;
}

.divQuantitePanier {
    margin: auto;
}

.divInformationLogin {
    display: none;
}

body .divInformationLoginBlock {
    display: block;
}
/*.divRowStyle .divOrderItem_quantity .divQuantitePanier .boxQuantity .boxQ
{
	width: 60px;
}
.boxQuantity
{
	float: left;
	width: 60px;
	height:21px;
}
td.boxQuantity
{
	float: none;
	width: 60px;
	height:21px;
}
.imgQuantity
{
	float: left;
	width: 21px;
	height:21px;
}
td.imgQuantity
{
	float: none;
	width: 21px;
	height:21px;
}*/
.divRevendeurStationSearch {
    display: none;
}

.boxQ {
    width: 80px;
}

.boxQuantity {
    /*width:auto;*/
    float: left;
}

.imgQuantity {
    float: left;
    width: 17px;
}

/*.divPromotion
{
	margin-left: 160px;
}*/

/*---------     Page Identification     ----------*/
#divIdentification .fieldset {
    float: left;
}

.divInformationIdentification .divInformationIdText {
    text-align: center;
}

.divInformationIdentification .divInformationIdBloc {
    margin-left: 4px;
    text-align: left;
}

.divBlocIdentification .imaAide {
    margin-top: 5px;
    float: right;
}

.divBlocIdentification .imbButton {
    /*margin-top: 4px;*/
    text-align: center;
}

.divBlocIdentification .divTxt {
    font-size: 10px;
}

.divBlocPanier {
    height: auto;
}

.menuPanier .divPanierEmpty {
    display: none;
}

.divWucIdentificationPopup .imbValid a {
    display: inline-block;
    padding: 2px 14px;
    background-color: #000000;
    color: #ffffff;
    font-size: 1em;
}




/*PAGE FAQ (nouvelle, dec 14)*/

#FaqAnswer .question {
    background: none repeat scroll 0 0 #cccccc;
    border-top: 1px solid #f0f0f0;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    min-height: 20px;
    margin: 0;
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    padding-right: 60px;
}

    #FaqAnswer .question.open {
        background: none repeat scroll 0 0 #000;
        color: #fff;
    }


    #FaqAnswer .question span {
        background-image: url(../../common/images/arrowgroupefaq.png);
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        top: 9px;
        right: 15px;
        padding: 10px;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    #FaqAnswer .question.open span {
        display: block;
        padding: 10px;
        background-image: url(../../common/images/arrowgroupefaq.png);
        background-position: center;
        background-repeat: no-repeat;
        -moz-transform: rotate(90deg) !important;
        -ms-transform: rotate(90deg) !important;
        -o-transform: rotate(90deg) !important;
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
        position: absolute;
        top: 9px;
        right: 15px;
    }

#FaqAnswer div.content {
    background: none repeat scroll 0 0 #f0f0f0;
    font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 0;
    padding: 10px;
}

#FaqAnswer .container {
    overflow: hidden;
    height: 0;
    margin-bottom: 3px;
}

#FaqAnswer .goToTop {
    clear: both;
    display: block;
    width: 100%;
    text-align: right;
    margin: 20px 0;
}



.aTop {
    background-color: #ebebeb;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .aTop:hover {
        opacity: 0.8;
    }

.faqGroupe h2 {
    background-color: black;
    padding: 15px;
    color: white;
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 20px;
    cursor: pointer;
}

    .faqGroupe h2:empty {
        display: none;
    }


    .faqGroupe h2:after {
        -moz-transform: rotate(90deg) !important;
        -ms-transform: rotate(90deg) !important;
        -o-transform: rotate(90deg) !important;
        -webkit-transform: rotate(90deg) !important;
        transform: rotate(90deg) !important;
    }

    .faqGroupe h2.closed:after {
        -moz-transform: rotate(0deg) !important;
        -ms-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
    }


    .faqGroupe h2:after {
        content: ' ';
        height: 15px;
        width: 10px;
        background-image: url(../../common/images/arrowgroupefaq.png);
        display: inline-block;
        margin-top: 5px;
        float: right;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .faqGroupe h2:hover:after {
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }







/*NOUVEAU BLOC IDENTIFICATION : POPUP*/


.divWucIdentificationPopup .contentBloc .divBlocEntreprise {
    display: none;
}
/*masqué car specifique pour les revendeurs. A contrer dans les css specifiques !*/


.divWucIdentificationPopup .divClosePopup {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 999999999;
}




/*.divLitDroplistContact {margin-left:150px;}*/
/*----------     Page coordonnée     ------------*/
#divBloc {
    width: auto;
}

#divCoordonnee {
    margin: 0px 0px 5px 1px; /*padding:3px; 	color:black; 	overflow:auto;*/
}

    #divCoordonnee h1 {
        text-align: center;
    }

.imbNext {
    float: right;
    padding-right: 10px;
}

.imbReset {
    float: left;
}

.divLigne {
    /*float:left;*/
    padding-top: 2px;
}

.divLit {
    float: left;
}

.divLitLogPass {
    float: left;
}

#divLoginPassword {
    text-align: justify;
    font-size: 10px;
}
/*Zone pré paiement*/
#divPaymentMode {
    float: left;
}

#divPaymentModeMessage {
    padding: 10px;
}

#divPaymentCheque {
    width: 200px;
    padding: 10px;
    float: left;
}

#divPaymentCB {
    width: 200px;
    padding: 5px;
    float: left;
}

#divPaymentMode .imbNext {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    border-top: 1px solid #999999;
}

.fieldset {
    margin: 3px 5px 3px 5px; /*width:auto;*/
    float: left;
    padding: 3px 3px 3px 5px;
}

.titleFieldset {
    /*color:#171d2b;*/
    padding: 0px 5px 0px 2px;
}

.fieldset .divInformationIdentification {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    padding: 0px 1px 4px 1px;
}

.fieldset .divZoneIdentification {
    /*float:left;*/
    vertical-align: top;
    height: auto;
    color: Red;
    float: left;
    font-size: 10px;
}

    .fieldset .divZoneIdentification input {
        font-size: 11px;
    }

.fieldset .imbNext {
    vertical-align: middle;
    float: right;
    padding-top: 5px;
}

.fieldset .divZoneIdentification .imaAide {
    vertical-align: bottom;
}

.fieldset .PanelMailRenvoieMessage {
    font-size: 8px;
    color: Red;
    text-decoration: none;
}

    .fieldset .PanelMailRenvoieMessage a {
        font-size: 8px;
        color: Red;
        text-decoration: none;
        float: left;
    }

/*A Valider*/
#divIdentification .fieldset .divZoneIdentification input {
    /*float:left;*/
    margin-right: 4px;
}

#divIdentification .fieldset input {
    /*float:left;*/
}

#divIdentification .fieldset .imbNext {
    margin-top: 0;
    margin-left: 4px;
    padding-top: 0;
}

.fieldset .PanelMailRenvoieMessage a {
    margin-left: 5px;
}
/* ---- Paiement au passage ------ */

#divPaymentPassage {
    width: auto;
    padding: 0 5px 0 10px;
}

    #divPaymentPassage h1 {
        font-size: 14px;
    }

    #divPaymentPassage .imbButton {
        float: right; /*margin-right:10px;*/
    }

.divLitPayement {
    width: 150px;
    float: left;
    padding-left: 10px;
    color: Black;
    height: 15px;
}

#divLoginPassword {
    color: Black;
}

.divLitPayementLogPass {
    width: 150px;
    float: left;
    padding-left: 10px;
    color: Black;
}

#updIdentification .divTxt {
    float: left;
    font-size: 10px;
    height: 15px;
    width: 120px; /*Passé de 140 à 120 à voir à la longue (le 25/11 - AB)*/
}

#updIdentification {
    float: left;
}

#divPaymentPassage .updIdentification {
    float: left;
}

.divBlocIdentificationPaymentPassage {
    margin: 5px 0 5px 0;
    width: auto;
    min-height: 20px;
    height: 20px;
}

    .divBlocIdentificationPaymentPassage .divTxt {
        margin-right: 5px;
    }

#divPaymentPassage .accordionHeaderSelected {
    font-weight: normal;
    margin: 10px 2px 0px 2px;
    border: 1px solid Black;
    padding: 5px;
    min-height: 30px;
    overflow: auto;
    background-image: url(../images/blocaccordeonup.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.accordionHeaderSelected blockquote {
    margin: 2px 4px 2px 20px;
}

#divPaymentPassage .accordionContentStyle0 {
    border-left: 1px dashed Gray;
    border-right: 1px dashed Gray;
    border-bottom: 1px dashed Gray;
    padding: 5px;
    min-height: 30px;
    height: 30px;
    overflow: auto;
}

#divPaymentPassage .accordionHeader {
    font-weight: normal;
    margin: 10px 2px 0px 2px;
    border: 1px solid Black;
    padding: 5px;
    background-image: url(../images/blocaccordeondown.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
    cursor: pointer;
}

#divPaymentPassage #divLitPayement {
    width: auto;
    margin-bottom: 10px;
    text-align: right;
    color: Red;
}

#divPaymentPassage .accordionContent {
    border-left: 1px dashed Gray;
    border-right: 1px dashed Gray;
    border-bottom: 1px dashed Gray;
    padding: 5px;
}

#divPaymentPassage .imbValid2 {
    float: right;
    padding-right: 10px;
}

#divCoordonneePaymentPassage #divContact_lastName input {
    font-size: 10px;
    width: 150px;
}

#divCoordonneePaymentPassage #divBloc .divTxt {
    font-size: 10px;
    width: 150px;
}

.divClient_PromotionCode {
    color: Black;
}

.borderPage {
    border: 1px solid Black;
    padding: 5px;
}



/*PAGE INFOSKIEUR*/
.divTxtDCD_SerialNumber {
    min-width: 180px;
}

.chkKeycardVerified > input {
    display: inline-block !important;
    width: auto !important;
    margin-right: 5px;
}

.panDpTestKeyCardValide {
    display: inline-block;
    margin: 0 5px;
}

.panierEmpty {
    text-align: center;
}

body .divContact_sms {
    display: none !important;
}

.divKeycardNo .panKeycard.panKeycardDta .RadInput_Default {
    min-width: 250px !important;
}

    .divKeycardNo .panKeycard.panKeycardDta .RadInput_Default .riTextBox {
        min-width: 250px;
    }

/*PAGE INFOSKIEUR2, RECAPITULATIF*/
/*PAGE COORDONNEES - > MODIF KAIS : OUVERTURE/FERMETURE DES BLOCS*/
.divSkieurPayeur {
    text-align: center;
    padding-top: 30px;
}

    .divSkieurPayeur > select {
        margin: 30px auto 10px;
        width: 80%;
    }

    .divSkieurPayeur .linkButton {
        color: #ffffff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #333333;
        text-align: center;
        display: inline-block;
        padding: 10px 20px;
        max-width: 380px;
        margin: auto;
    }

#divCoordonnee .fieldset .titleFieldset > a.linkButton {
    color: #ffffff;
    display: block;
    float: right;
    text-shadow: 0 0 1px #333333;
    font-size: 14px;
    font-weight: normal;
}

body #divCoordonnee fieldset.ErrorDetected {
    border: 2px solid #dd1212 !important;
    -moz-box-shadow: 0 0 5px #333333;
    -webkit-box-shadow: 0 0 5px #333333;
    box-shadow: 0 0 5px #333333;
}

    body #divCoordonnee fieldset.ErrorDetected > div {
        display: block !important;
    }


.infoskieur .KeyCard, .infoskieur .divAssurance {
    display: block;
    width: 100%;
}

    .infoskieur .KeyCard .divLigneOuiNon {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

        .infoskieur .KeyCard .divLigneOuiNon .ChoixInput, .infoskieur .divAssurance .ChoixInput {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
        }

        .infoskieur .KeyCard .divLigneOuiNon .divLit, .infoskieur .divAssurance .divLit {
            display: inline-block;
            vertical-align: middle;
            float: none;
            width: auto;
            margin-right: 10px;
        }

            .infoskieur .KeyCard .divLigneOuiNon .divLit img.imgHelp, .infoskieur .divAssurance .divLit img.imgHelp {
                display: inline-block;
                vertical-align: middle;
            }

    .infoskieur .divAssurance .divTxt.divAssurance {
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }

    .infoskieur .KeyCard .divKeyCardNumero {
        display: block;
        width: 100%;
    }

        .infoskieur .KeyCard .divKeyCardNumero .divLit {
        }

        .infoskieur .KeyCard .divKeyCardNumero .divKeycardNo {
        }

.choucchouc {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .choucchouc input {
        width: 35px;
        height: 30px;
        opacity: 0;
        cursor: pointer;
        z-index: 99;
        position: relative;
    }

        .choucchouc input:checked + .jb-switch-design:before {
            left: 15px;
            background-color: limegreen;
        }

    .choucchouc .jb-switch-design {
        position: absolute;
        width: 35px;
        height: 12px;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, .18);
        left: 0;
        top: 9px;
        z-index: 0;
    }

        .choucchouc .jb-switch-design:before {
            content: '';
            position: absolute;
            left: 0;
            right: auto;
            top: -4px;
            background-color: #666;
            height: 20px;
            width: 20px;
            border-radius: 10px;
            transition: all 250ms;
        }

    .choucchouc .input:checked + .jb-switch-design:before {
        left: 15px;
        background-color: limegreen;
    }

/*PAGE DEFAULT*/
.show-more {
    display: none;
}



/*TITRES DANS PAGE MES INFOS*/
.divContact {
    clear: both;
    margin-bottom: 45px;
    min-height: 30px;
}

    .divContact .divLignePrincipal a {
        background-color: #AFAFAF;
        border: 1px solid #535353;
        color: #535353;
        display: inline-block;
        margin: 1px;
        padding: 5px 3px;
    }

        .divContact .divLignePrincipal a:hover {
            color: #ffffff;
            background-color: #535353;
            text-decoration: none;
        }






/*Page de paiement*/
#divCgv {
    margin: 10px 0 0 0;
}

#divCommandeFinMailStationJustificatifs {
    text-align: center;
    margin-top: 10px;
}

#divCommandeFin .imbPrint {
    margin-top: 10px;
    float: left;
    padding-left: 10px;
}

#divCommandeFin .imbRetourSite {
    margin-top: 10px;
    float: right;
    padding-right: 10px;
}

.pad30 .divPaymentAboRequestMessage {
    margin-left: 10px;
    color: Red;
}

/*Questionnaire*/
#divQuestionnaire {
    width: auto;
}

    #divQuestionnaire .zoneFieldset {
        width: auto;
        min-width: 400px;
    }

        #divQuestionnaire .zoneFieldset .fieldset .titleFieldset {
            font-weight: bold;
            font-size: 13px;
        }

        #divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .ThemeQuestion {
            font-weight: bold;
            font-size: 13px;
            width: 400px;
            border-bottom: 1px solid Gray;
        }

        #divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .questionCadre .question {
            margin-top: 5px;
            font-size: 12px;
            text-align: justify;
        }

        #divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .questionCadre .reponse {
            margin-left: 10px;
            font-weight: bold;
        }

            #divQuestionnaire .zoneFieldset .fieldset .elementFieldsetBis .questionCadre .reponse textarea {
                width: 350px;
            }

/*Mise en forme : Synthèse de Commande */
.titreLabOrder {
    font-weight: bold;
    color: #000;
    font-size: 13px;
    padding: 10px 0 4px 0;
}

.borderLabOrder {
    border: 1px solid #AFAFAF;
    padding: 5px;
}

.elementCommandeLabOrder {
    padding-left: 30px;
    border-bottom: 1px solid black;
    margin-bottom: 2px;
}

.numCommandeLabOrder {
    font-weight: bold;
    color: #6F6F6F;
    font-size: 11px;
    padding: 1px 0 1px 0;
}

.intituleLabOrder {
    font-weight: bold;
    color: #000;
    font-size: 11px;
    float: left;
    padding-right: 5px;
}

.reponseLabOrder {
    color: #8F8F8F;
    font-size: 11px;
    padding: 1px 0 1px 0;
}

.imgLastOrder {
    float: right;
    vertical-align: bottom;
    height: 22px;
    margin-bottom: 4px;
}


.fieldsetCoordonnees .divOtherAddress {
    display: none;
}

/*PAGE CONTACTMODIFICATIONPASSWORD*/

.divContactModifPwd .divTitre h1 {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

.divContactModifPwd .divDetail {
    padding: 0 10px;
}

.divContactModifPwd p.text {
    margin-bottom: 10px;
}

.divContactModifPwd .panPasswordArea {
    margin-bottom: 20px;
}

.divContactModifPwd .divButton {
    margin-bottom: 20px;
}

.divOk {
    padding: 20px 0;
}




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

/*******************************************************/
/* WUC Browser Detect */
.ie6box {
    font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif,Sans;
    font-size: 8pt;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    color: #000000;
    width: 980px;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    background: #ffe3a8 4px 4px no-repeat;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -490px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    z-index: 10000;
}

#ie6box a, #ie6box a:link, #ie6box a:visited, #ie6box a:hover, #ie6box a:active {
    color: #000099;
    font-weight: bold;
    text-decoration: none;
    border: none;
    background-color: transparent;
}

.ie6box a:hover {
    text-decoration: underline;
}

.ie6msg {
    font-size: 12px;
}

.btnfermer {
    position: absolute;
    top: 5px;
    right: 5px;
}

.ie6box .ie6msg .navList {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .ie6box .ie6msg .navList a {
        font-size: 14px;
        color: #000000;
        font-weight: normal;
        text-decoration: none;
        margin-right: 10px;
        margin-left: 10px;
    }

        .ie6box .ie6msg .navList a:hover {
            font-size: 14px;
            color: #003300;
            text-decoration: underline;
        }

.ie6box .ie6msg .ie6warning {
    width: 75px;
    float: left;
    margin-top: 6px;
}

.ie6box .ie6msg .navIco {
    width: 75px;
    float: left;
}

    .ie6box .ie6msg .navIco a img {
        border: none;
        margin-top: 6px;
    }

.ie6box .ie6msg .ie6txt {
    font-size: 12px;
    margin-top: 6px;
    line-height: 16px;
}

div.ie6msgbox {
    width: 520px;
    float: left;
    font-family: Arial, sans-serif;
}

.ie6msg .ie6title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 6px;
    line-height: 16px;
    color: #990000;
}
/*******************************************************/

/*Calendrier (ancien)---------------------------------------------------------------------*/
.ClassicStyle {
    background-color: #ffffff;
}

    .ClassicStyle .TitleStyle table {
        color: #ffffff;
        font-family: arial;
        font-size: 11px;
        font-weight: bold;
        border-bottom: 1px solid #CFCFCF;
    }

    .ClassicStyle .TitleStyle td {
        padding: 2px;
        color: Black;
    }

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

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

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

    .ClassicStyle .BodyStyle {
        font-family: verdana;
        font-size: 10px;
        background-color: #fff;
    }

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

        .ClassicStyle .BodyStyle .DateStyle {
            text-decoration: none;
            color: #000000;
            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: 1px solid #a0a0a0;
        }

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

        .ClassicStyle .BodyStyle .DayOverStyle {
        }

    .ClassicStyle .TodayStyle {
        cursor: default;
        font-size: 11px;
    }

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

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

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

.formIframe {
    width: 450px;
    height: 350px;
}






/* --------------------------------------------------------------------------------- */
/* RAD CALENDAR */

/*Bande jours de la semaine*/

body .RadCalendarPopup {
    z-index: 999999999 !important;
}

body .RadCalendarFastNavPopup {
    z-index: 9999999999 !important;
}

.RadCalendarPopup .RadCalendar_Default .rcWeek {
    background-color: #313436;
}

    .RadCalendarPopup .RadCalendar_Default .rcWeek th {
        border-bottom: 1px solid #C5C5C5;
        color: #FFFFFF;
        padding: 4px 6px 3px 0;
    }


.radPreventDecorate {
    display: none !important;
}


/*Survol jours du mois*/
.RadCalendarPopup .RadCalendar_Default .rcRow .rcHover {
    background: #313436; /* old browsers */
    background: -moz-linear-gradient(top, #313436 0%, #494a4c 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313436), color-stop(100%,#494a4c)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313436', endColorstr='#494a4c',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,
.RadCalendarPopup .RadCalendar_Default .rcRow td.rcDisabled {
    border-color: #dedede;
}

.RadCalendarPopup .RadCalendar_Default .rcMain .rcOutOfRange span,
.RadCalendarPopup .RadCalendar_Default .rcMain .rcDisabled span,
.RadCalendarPopup .RadCalendar_Default .rcMain .rcOutOfRange a,
.RadCalendarPopup .RadCalendar_Default .rcMain .rcDisabled a {
    background-color: #dedede !important;
    color: #9e9e9e !important;
    cursor: not-allowed;
}

    .RadCalendarPopup .RadCalendar_Default .rcMain .rcOutOfRange span:hover,
    .RadCalendarPopup .RadCalendar_Default .rcMain .rcDisabled span:hover,
    .RadCalendarPopup .RadCalendar_Default .rcMain .rcOutOfRange a:hover,
    .RadCalendarPopup .RadCalendar_Default .rcMain .rcDisabled a:hover {
        color: #9e9e9e;
    }




















/********************************/
/*  boxDropDownList Coordonnées */
/********************************/
.Withdraw_BoxDropDownList {
    width: 240px;
}
/* ----------------------- 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;
}

#divCoordonnee .Justif_Global {
    height: 30px;
}

.AdresseLivraison {
    background-color: Red;
}

.name {
    color: White;
}





/*SPECIFIQUE Pop Up de wucPopUp : utilisation dans page coordonnée, (fidélité), questionnaires etc.*/

/*GLOBAL --> Affichage de la popUp*/
.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #888888 !important;
}


.RadWindow_MetroTouch {
    height: auto !important;
    z-index: 9999999 !important;
}

#PopupText,
#PopupTitle {
    font-family: arial,verdana,helvetica,sans-serif;
    font-size: 13px;
    text-align: center;
    padding-top: 15px;
    display: block;
}

.rwTitleRow {
    display: none;
}

.panlnkValidInfo {
    clear: both;
    display: block;
    padding-top: 2px;
    text-align: center;
}

    .panlnkValidInfo > a {
        background: #ffffff;
        border: 1px solid #dedede;
        border-radius: 0;
        padding: 10px;
        margin: 20px auto 30px;
        display: block;
        text-align: center;
        width: auto;
        max-width: 200px;
        transition: all 250ms ease;
    }

        .panlnkValidInfo > a:hover {
            background: #dedede;
            border: 1px solid #cccccc;
            text-decoration: none;
        }

















/*PAGE BASKET (nouvelle version, sans tableau*/

.divBasket .divDetail .divProduct .divChoixProduit {
    border-spacing: 5px;
    display: table;
    width: 100%;
    clear: both;
}

    .divBasket .divDetail .divProduct .divChoixProduit > div {
        display: table-cell;
    }

.divSelectionProduit {
    width: 130px;
}

    .divSelectionProduit > div {
        display: table-cell;
        padding: 5px;
        width: auto;
        min-width: 60px;
    }

.divBasket .divQuantiteProduit select {
    margin-bottom: 0;
    min-width: 90%;
    width: 100%;
}


/*PAGE PRODUITS COMPLEMENTAIRES (nouvelle version, sans tableau*/

.divProduitComplementaire {
    font-size: 12px;
}

.divBlocProduitComplementaire .divDetail .divBloc {
    display: block;
    clear: both;
    max-width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.divBlocProduitComplementaire .spanOrderItem_ValidFrom {
    display: none;
}

.divBlocProduitComplementaire .divDetail .divBloc .divDetail {
    width: 96%;
    margin: 5px 2%;
}

.divBlocProduitComplementaire .divDetail .divOrderItemValidFrom {
    clear: both;
    display: block;
    padding: 5px 0;
    width: 100%;
}

.divBlocProduitComplementaire .divDetail > .divProduct {
    display: block;
}

    .divBlocProduitComplementaire .divDetail > .divProduct .divChoixProduit {
        display: table;
        border-spacing: 10px;
        width: 100%;
        clear: both;
    }

.divBlocProduitComplementaire .divDetail .divInfoProduct {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
    padding: 5px 10px;
}

.divBlocProduitComplementaire .divDetail .spanProduitComplementaireImg img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 290px;
    max-height: 290px;
    text-align: center;
}

.divBlocProduitComplementaire .divDescriptionProduit {
    width: 55%;
    display: table-cell;
}

.divBlocProduitComplementaire .divDetail .divNomProduit,
.divBlocProduitComplementaire .divDetail .divPrixProduit,
.divBlocProduitComplementaire .divDetail .divSelectionProduit {
    clear: both;
    display: block;
    width: 100%;
}

.divBlocProduitComplementaire .divDetail .divPrixProduit {
    font-size: 1.8em;
    margin: 20px auto 10px;
    text-align: center;
}

.divBlocProduitComplementaire .divDetail .divNomProduit > span {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}


.divBlocProduitComplementaire .divDetail .divSelectionProduit {
    text-align: center;
    display: table;
    border-spacing: 0;
    margin: 10px auto;
    max-width: 200px;
}

    .divBlocProduitComplementaire .divDetail .divSelectionProduit .divQuantiteProduit select {
        width: 98%;
    }

.divBlocProduitComplementaire div.divSkiPassFicheButton {
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
}

.divBlocProduitComplementaire .divDetail .divSelectionProduit > div {
    display: table-cell;
    padding: 5px;
    width: 50%;
    min-width: 60px;
}

.divBlocProduitComplementaire .divDetail .divSelectionProduit .divTotalProduit {
    font-weight: bold;
    font-size: 1.3em;
}


/*PAGE JUSTIF PHOTO*/
body .divFileUpload {
    padding: 0;
}

.divImagePhoto,
.divImageAge,
.divImageGlobal {
    max-height: 130px;
    max-width: 95px;
    width: auto;
}

    .divImagePhoto > img,
    .divImageAge > img,
    .divImageGlobal > img {
        display: block;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        opacity: 0.8;
    }

        .divImagePhoto > img:hover,
        .divImageAge > img:hover,
        .divImageGlobal > img:hover {
            opacity: 1;
        }


.divJustifPhotoOK {
    border-top: 1px solid #e2e2e2;
    clear: both;
    display: block;
    height: 55px;
    margin-top: 15px;
    padding-top: 15px;
    text-align: right;
    width: 100%;
}

#lnkClosePopUp {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    max-width: 200px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    padding: 5px;
    background: #cccccc; /* old browsers */
    background: -moz-linear-gradient(top, #F1F1F1 0%, #cccccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#cccccc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#cccccc',GradientType=0 ); /* ie */
    border: 1px solid #8F8F8F;
    margin: auto;
}

    #lnkClosePopUp br {
        display: none;
    }

    #lnkClosePopUp h2 {
        font-size: 12px;
        margin: 0;
        text-align: center;
    }

.divImageSaved img {
    max-width: 150px;
    width: auto;
}

.divJustifPhotoChange a,
.divJustifPhotoRedim a {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    width: auto;
    max-width: 150px;
    text-align: center;
    background: #cccccc; /* old browsers */
    background: -moz-linear-gradient(top, #F1F1F1 0%, #cccccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#cccccc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#cccccc',GradientType=0 ); /* ie */
    border: 1px solid #8F8F8F;
    padding: 5px;
    text-decoration: none;
    margin: 5px auto;
    color: #333333;
}

    #lnkClosePopUp:hover,
    .divJustifPhotoRedim a:hover,
    .divJustifPhotoChange a:hover {
        background: none repeat scroll 0 0 #F1F1F1;
        cursor: pointer;
    }

#panClosePhoto {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

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

.divLnkChangePhoto {
    background-color: #000000;
    clear: both;
    color: #ffffff;
    display: block;
    font-size: 12px;
    max-width: 160px;
    padding: 10px;
    text-decoration: none;
}

    .divLnkChangePhoto a {
        color: #ffffff;
        display: block;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%;
    }




.boxgrid.caption .divTitre h1 {
    display: none;
}



.rwCorner, .rwFooterRow {
    display: none !important;
}

/*Specifique Telerik justiPhoto*/
body .RadUpload {
    width: auto;
}

.RadUpload_Default .ruButton.ruBrowse {
    background: #cccccc; /* old browsers */
    background: -moz-linear-gradient(top, #F1F1F1 0%, #cccccc 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#cccccc)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1F1', endColorstr='#cccccc',GradientType=0 ); /* ie */
    border: 1px solid #8F8F8F;
    border-radius: 5px;
    width: auto;
}

    .RadUpload_Default .ruButton.ruBrowse.ruButtonHover {
        background: none repeat scroll 0 0 #F1F1F1;
        cursor: pointer;
    }





/*CROSS SELLING V1*/

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

.divCrossSelling_Image img {
    display: block;
    margin: 0 auto;
    max-height: 120px;
    max-width: 95%;
    padding-top: 5px;
    text-align: center;
}

.divCrossSelling_ShortDescription {
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    min-height: 30px;
}


.divCrossSelling_PrixUnitaire {
    display: table-cell;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    width: 50%;
    vertical-align: middle;
}

.div1,
.spanCrossSelling_PrixUnitaireInfo {
    font-size: 0.6em;
    font-weight: normal;
}

.divCrossSelling_NbForfaits {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

    .divCrossSelling_NbForfaits select {
        width: 75%;
    }

.divCrossSelling_Achat {
    clear: both;
    display: block;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

    .divCrossSelling_Achat > a {
        max-width: 65%;
        margin: 0 auto;
        display: block;
        background-color: #CECECE;
        padding: 5px 0;
        color: #535353;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .divCrossSelling_Achat > a:hover {
            background-color: #E6E6E6;
        }


.divCrossSelling_Description {
    background-color: #FFFFFF;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.8;
    padding: 2px;
    position: absolute;
    right: 20px;
    top: 100px;
}

    .divCrossSelling_Description:hover {
        opacity: 0.9;
    }

    .divCrossSelling_Description a {
        color: #333333;
        font-style: italic;
        font-size: 11px;
        font-family: Arial, Verdana, sans-serif;
    }

.divCrossSelling_Selection {
    clear: both;
    display: table;
    width: 100%;
    padding: 5px 0;
}

/*ELEMENTS DANS POP UP + D'infos*/
.divCrossSelling_ShortDescriptionPopup span {
    text-align: center;
    font-weight: bold;
    display: block;
    width: 100%;
}

.divCrossSelling_ImagePopup {
    width: 300px;
    float: left;
}

    .divCrossSelling_ImagePopup img {
        display: block;
        margin: 0 auto;
        max-height: 300px;
        max-width: 100%;
    }

.divCrossSelling_DescriptionPopup span {
    font-size: 0.95em;
    line-height: 1.3em;
    width: 100%;
}


.rdwPopupCrossSelling {
    width: 580px !important;
}


.RadAjax {
    z-index: 3000 !important;
}


.divCrossSelling_AchatPopup a,
.divFermeture_Popup a,
.divCrossSelling_ButtonPopup > div a {
    width: 65%;
    padding: 5px 1%;
    background-color: #ffffff;
    background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%) repeat scroll 0 0 #fff;
    background-image: -ms-linear-gradient(center bottom, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
    background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.05)), to(rgba(0, 0, 0, 0.05)));
    background-image: -o-linear-gradient(center bottom, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid #eaeaea;
    display: block;
    margin: 5px auto;
}

    .divCrossSelling_AchatPopup a:hover,
    .divFermeture_Popup a:hover,
    .divCrossSelling_ButtonPopup > div a:hover {
        background-color: #eaeaea;
        background: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%) repeat scroll 0 0 #fff;
        background-image: -ms-linear-gradient(center bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
        background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.02)), to(rgba(0, 0, 0, 0.15)));
        background-image: -o-linear-gradient(center bottom, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.02) 100%);
    }

.divFermeture_Popup {
    display: block;
    float: left;
    width: 250px;
}

    .divFermeture_Popup a {
        font-size: 0.75em;
        margin: 0;
        text-align: center;
        width: 80px;
    }

.divCrossSelling_Choix {
    background-color: #F2F2F2;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 20px 0;
    padding: 20px 0 10px;
    -o-box-shadow: 0 0 2px #CCCCCC;
    -ms-box-shadow: 0 0 2px #CCCCCC;
    -moz-box-shadow: 0 0 2px #CCCCCC;
    -webkit-box-shadow: 0 0 2px #CCCCCC;
    box-shadow: 0 0 2px #CCCCCC;
    width: 250px;
    float: left;
}

    .divCrossSelling_Choix > div {
        padding: 0 20px;
    }

        .divCrossSelling_Choix > div.divCrossSelling_DescriptionPopup {
            padding-bottom: 15px;
        }

.divCrossSelling_ButtonPopup {
    clear: both;
    display: block;
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
}

.divCrossSelling_NbForfaitsPopup {
    margin: auto;
    padding: 0 !important;
    width: 58%;
}

    .divCrossSelling_NbForfaitsPopup > select {
        width: 35%;
    }

    .divCrossSelling_NbForfaitsPopup > span {
        display: block;
        float: left;
        width: 63%;
    }



/*Elements Telerik Rotator pour cross Selling*/

.RadWindow_MetroTouch .divCrossSelling_Choix {
    font-size: 12px;
}

body .RadRotator {
    clear: both;
    margin-top: 10px;
    padding: 0 !important;
    width: 100% !important;
    min-height: 240px !important;
}

.RadRotator .rrClipRegion .rrItemsList li {
    min-height: 140px;
    width: 208px !important;
    position: relative;
}

body .RadRotator .rrRelativeWrapper {
    margin: 5px 28px !important;
}

.RadRotator .rrClipRegion .rrItemsList li > div {
    background-color: #EFEFEF;
    min-height: 100px;
    margin: 5px;
    position: relative;
}

.RadRotator .rcTable.rcSingle {
    margin: auto;
    text-align: center;
    width: 105px !important;
}

html body .RadRotator .riSingle .riTextBox[type="text"] {
    width: 80px;
}



/*FIN ELEMENTS TELERIK POUR ROTATOR*/





/*CONTACT SMS INSCRIPTION*/

.panContactSMSInscriptionTitle {
    font-size: 2em;
    margin-bottom: 5px;
}

.panContactSMSInscriptionDescription {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.panContactSMSInscriptionContent {
    display: block;
}

    .panContactSMSInscriptionContent .divLigne {
        clear: both;
        margin-bottom: 5px;
    }

.contentButton .linkButton {
    display: inline-block;
    padding: 5px;
    border: 1px solid #000000;
    margin: 10px 0;
}

.goTop {
    width: 50px;
    height: 50px;
    background-color: black;
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-image: url("../../common/images/arrowgotop.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 0;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 999999;
}

    .goTop:hover {
        background-color: #595959;
    }

/* PAGE COMBINAISON */

#combinaison .tabs li {
    list-style: none;
}

/* METEO STATION 2 */
/* Masquage temporaire des infos ajoutés pour Bonneval */
#labHautValRisqueAvalanche, .infoNeige .infos, .infoConditions {
    display: none;
}

/* PAGE COMMANDERECAPITULATIF*/

#divOrder .divContact,
#divOrder .divDcd {
    padding-top: 15px;
    min-height: 0;
    margin-bottom: 0;
    font-weight: bold;
}

#divOrder .divOrderItems table {
    width: 100%;
}

    #divOrder .divOrderItems table td,
    #divOrder .divOrderItems table th {
        vertical-align: top;
        padding: 1px 5px;
    }

#divOrder h1 {
    margin-top: 20px;
}

@media screen and (max-width: 780px) {
    body #divCoordonnee .fieldset .titleFieldset > a.linkButton {
        background-image: url("../images/modifier.gif");
        font-size: 0;
        height: 30px;
        width: 30px;
    }


    /*COMMANDE RECAPITULATIF*/
    body .divCommande #divContact,
    body .divCommande #divAddress {
        display: block;
        width: 100%;
        margin: 10px 0 20px;
    }

    #divCommandeRecapitulatif .imbNext {
        float: none !important;
    }
}

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

    @-ms-viewport {
        width: device-width;
    }
}