/*
 * Feuille de style externe permettant de definir des styles css utiles pour l'ensemble des pages de l'application dans une charte précise
 */
 
 
 
 .titreNoteBasDePage
{
    font-size: 0.8em !important;
}

/* Permet de définir le style global des textes */
.styleTexte
{
    font-size: 11px;
}

/* Personnalisation de la pastille d'information */
 .pastilleInformation {
    /*background-color: #5D8CBA;  /*Couleur de fond de la pastille en bleu (style texte) */   
    background-color: #19A8E2;    /*Couleur de fond de la pastille en bleu (style univers) */  
    margin-left:-15px !important;
 }
 
 /* Personnalisation de la valeur dans la pastille*/
.valeurPastille {
    color: white !important;    /*Couleur du texte dans la pastille */
}

/********************************************************************
 * STYLE CSS pour surcharger la position du bouton de pliage et de dépliage de zones
 ********************************************************************/
.btnActionPliageDepliage
{
    margin-left: -1px !important;
    margin-top: -29px !important;
}

/***********************************************************************************************************
 * Surchage du STYLE CSS pour gérer le style des tooltips (informations survolées) de manière personnalisée
 ***********************************************************************************************************/

/*Permet postionner le tooltip à gauche de l'élément survolé */
.tip_position_left
{
    /*Positionne le tooltip sur le plan xy*/
    left: -330px !important; 
    top: -2px !important;
}

/*Permet postionner le tooltip à droite de l'élément survolé */
.tip_position_right
{
    /*Positionne le tooltip sur le plan xy*/
    left: 45px !important;
    top: -2px !important;
}

/*Pointe du tooltip dirigée vers la gauche */
.arrow_tip_to_left:before 
{
    /*Pointe : haut (vers bas), droite (vers gauche), bas (vers haut) ou gauche (vers droite) */
    border-color: transparent #8F8F8F transparent transparent !important; 
    
    /* Position de la pointe dirigée vers la gauche */
    top: 3px !important; 
    margin-left: -130px !important; 
}

/*Pointe du tooltip dirigée vers la droite */
.arrow_tip_to_right:before 
{
    /*Pointe : haut (vers bas), droite (vers gauche), bas (vers haut) ou gauche (vers droite) */
    border-color: transparent transparent transparent #8F8F8F !important; 
    
    /* Position de la pointe dirigée vers la droite */
    top: 8px !important; 
    margin-left: 210px !important;
}

/*Pointe du tooltip dirigée vers le bas */
.arrow_tip_to_bottom:before 
{
    /*Pointe : haut (vers bas), droite (vers gauche), bas (vers haut) ou gauche (vers droite) */
    border-color: #8F8F8F transparent transparent transparent !important; 
    
    /* Position de la pointe dirigée vers le bas */
    top: 8px !important; 
    margin-left: -210px !important;
}

/*Gestion de la couleur du tooltip en lui-même*/
.tip_color {
    /*background-color: #5D8CBA !important; /*Arrière plan bleu clair */
    background-color: #F9F9F9 !important;   /*Arrière plan gris clair */
    color: #000000 !important;              /*Couleur du texte noir */
}

/*Couleurs de l'information à survoler pour afficher le tooltip */
.text_on_tip
{
    background-color: #686868 !important;  
}

/*On force le masquage du titre principal sur l'écran de détails */
p.a_titre1 
{
    display: none !important;
}

.tipNosSolution 
{
       width: 365px !important;
}

.tipSlider
{
       width: 185px !important;
}

.zoneConteneurNoteBasDePage {
    padding-bottom: 10px;
}


.IcoMessagerie:before {
	content: "\e661";
	font-family: "glyphs_cm2015";
    font-style: normal;
    color:white;
    
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size-adjust: 1;
}