/******************
 - 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;
        font-size: 14px;
        line-height: 32px;
        padding: 0 10px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        -webkit-appearance: none;
        overflow:hidden;
    }

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

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

    [class^="btn"] span, [class*=" btn"] span {
        display:inline-block;
        line-height:14px;
        vertical-align:middle;
    }
    [class^="btn"] span.vehicule,
    [class*=" btn"] span.vehicule {
        vertical-align:initial;
    }

    /************************************
     - HELPERS :    BOUTON ROUGE LC     -
     ************************************/
    .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(.active),
    .btnRed:focus:not(.disabled):not(.active)       {background-color: #880102!important;}

    /************************************
     - HELPERS :    BOUTON BLEU LC      -
     ************************************/
    .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(.active),
    .btnBlue:focus:not(.disabled):not(.active)      {background-color: #027094!important;}

    /************************************
     - HELPERS :    BOUTON NOIR LC      -
     ************************************/
    .bgDark,
    .btnDark,
    .btnDark:hover,
    .btnDark:focus,
    .btnDark[disabled],
    .btnDark.disabled                               {background-color: #282b34!important; color: white!important;}

    .btnDark:hover:not(.disabled):not(.active),
    .btnDark:focus: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: #282b34!important;}

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

    /************************************
     - HELPERS :    PICTOS              -
     ************************************/

	[class^="picto"],
	[class*=" picto"] {
        font-style:normal; /* Patch évitant la mise en italique lorsque la classe "picto..." est mise sur une balise i plutôt qu'un span */
    	background:url(/images/lc_fr/responsive/pictos-35x35-17022016.png) no-repeat top left;
    	background-image:url(http://www.lacentrale.fr/images/lc_fr/responsive/pictos-35x35.svg);  /* Hack : lacentrale.fr sinon le format SVG n'est pas trouvé */
    }

    .no-svg [class^="picto"],
    .no-svg [class*="picto"] {
	    background-image:url(/images/lc_fr/responsive/pictos-35x35-17022016.png);
	}
	
	 /*********************************************
     - HELPERS :    PICTOS SPECIAUX  90x90        -
     **********************************************/
	
	[class^="sprite"],
	[class*=" sprite"] {
        font-style:normal; /* Patch évitant la mise en italique lorsque la classe "picto..." est mise sur une balise i plutôt qu'un span */
    	background:url(/images/lc_fr/responsive/pictos-90x90.png) no-repeat top left;
    	background-image:url(http://www.lacentrale.fr/images/lc_fr/responsive/pictos-90x90.svg);  /* Hack : lacentrale.fr sinon le format SVG n'est pas trouvé */
    }

    .no-svg [class^="sprite"],
    .no-svg [class*="sprite"] {
	    background-image:url(/images/lc_fr/responsive/pictos-90x90.png);
	}

    /* DIVERS */

    .globalLoader {
        background: white url('/ressources/images/common/loader.gif') no-repeat center center;
    }

}

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