/******************
 - cbm_custom.css -
 -> contient les styles partages par tous les sites avec des valeurs propres a chaque site
 ******************/

@media screen, projection, print {

    [class^="btn"],
    [class*=" btn"] {
        border:0; /* pour les boutons en input */
        border-radius: 3px;
        cursor: pointer;
        display: inline-block;
        line-height: 40px;
        padding: 0 10px;
        position:relative;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        -webkit-appearance: none;
        overflow:hidden;
    }

    button[type=submit],
    button[type=button],
    input[type=submit],
    input[type=button]{
        line-height:40px;
    }

    [class^="btn"] *,
    [class*=" btn"] * {
        line-height:40px;
    }

    [class^="btn"] span,
    [class*=" btn"] span {
        display:inline-block;
        line-height:20px;
    }

    /*[class^="btn"] span:first-child:last-child,
    [class*=" btn"] span:first-child:last-child {
        vertical-align: middle;
    }*/

    [class^="btn"] span *,
    [class*=" btn"] span * {
        line-height:20px;
    }

    a.disabled,
    [class^="btn"].disabled,
    [class*=" btn"].disabled,
    [class^="btn"][disabled],
    [class*=" btn"][disabled]{
        cursor: default !important;
        opacity: 0.5;
        filter:alpha(opacity=50);
    }

    [class^="btn"] [class^="picto"]:not(:only-child),
    [class^="btn"] [class*=" picto"]:not(:only-child),
    [class*=" btn"] [class^="picto"]:not(:only-child),
    [class*=" btn"] [class*=" picto"]:not(:only-child) {
        margin-top:3px;
        position:absolute;
        top: 0;
        vertical-align: top;
    }

    [class^="btn"] [class^="picto"]:only-child,
    [class^="btn"] [class*=" picto"]:only-child,
    [class*=" btn"] [class^="picto"]:only-child,
    [class*=" btn"] [class*=" picto"]:only-child {
        display: block;
        margin-top: 3px;
        margin-bottom: 2px;
    }

    [class^="btn"] [class^="picto"] ~ span,
    [class^="btn"] [class*=" picto"] ~ span,
    [class*=" btn"] [class^="picto"] ~ span,
    [class*=" btn"] [class*=" picto"] ~ span {
        margin-left: 2px;
        padding-left: 35px;
        /*vertical-align: middle;*/
    }

    [class^="btn"] sup,
    [class*=" btn"] sup {line-height: 10px;}

    [class^="picto"],
    [class*=" picto"] {
        vertical-align: middle;
        line-height: 35px;
        height: 35px;
        width: 35px;
        display:inline-block;
    }

    [class^="sprite"],
    [class*=" sprite"] {
        vertical-align: middle;
        line-height: 90px;
        height: 90px;
        width: 90px;
        display:inline-block;
    }

    #popinDeleteContent .err-msg {
        color: #a70010;
    }

    /************************************
     - HELPERS :    BOUTON ROUGE LC     -
     ************************************/
    .btnRed {font-weight:bold;}

    .bgRed,
    .btnRed,
    .btnRed:hover,
    .btnRed:focus,
    .btnRed:active,
    .btnRed.active,
    .btnRed[disabled],
    .btnRed.disabled                                {background-color: #a70010!important; color: white!important;}

    .btnRed:hover:not([disabled]):not(.disabled):not(.active)       {background-color: #880102!important;}

    /************************************
     - HELPERS :    BOUTON BLEU LC      -
     ************************************/
    .btnBlue {font-weight:bold;}
    .btnBluePilot {background-color: #0783ac; margin-left: 30px;
        color: white; font-size: 15px; height: 40px}

    .bgBlue,
    .btnBlue,
    .btnBlue:hover,
    .btnBlue:focus,
    .btnBlue:active,
    .btnBlue.active,
    .btnBlue[disabled],
    .btnBlue.disabled                               {background-color: #0783ac!important; color: white!important;}

    .btnBlue:hover:not([disabled]):not(.disabled):not(.active)      {background-color: #027094!important;}

    /************************************
     - HELPERS :    BOUTON NOIR LC      -
     ************************************/
    .btnDark {font-weight:bold;}

    .bgDark,
    .btnDark,
    .btnDark:hover,
    .btnDark:focus,
    .btnDark[disabled],
    .btnDark.disabled                               {background-color: #282b34!important; color: white!important;}

    .btnDark:hover:not([disabled]):not(.disabled):not(.active)      {background-color: #17191f!important;}

    .btnDark:active,
    .btnDark.active								    {background-color: #585a60!important;}

    /************************************
     - HELPERS :    BOUTONS GRIS LC    -
     ************************************/

    .bgGrey,
    .btnGrey,
    .btnGrey:hover,
    .btnGrey:focus,
    .btnGrey:active,
    .btnGrey.active,
    .btnGrey[disabled],
    .btnGrey.disabled{
        background-color: #e1e1e1 !important;
        color: #333 !important}

    .btnGrey:hover:not([disabled]):not(.disabled):not(.active)      {background-color: #c8c8c8!important;}

    /************************************
     - HELPERS :    BOUTONS GRIS LC n°2   -
     ************************************/

    .bgGrey2,
    .btnGrey2,
    .btnGrey2:hover,
    .btnGrey2:focus,
    .btnGrey2:active,
    .btnGrey2.active,
    .btnGrey2[disabled],
    .btnGrey2.disabled                               {background-color: #8e8e8e!important; color: white!important;}

}

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