/*******************************************/
/*******************************************/
/***** Styles Communs présents également dans spanco_theme.css *****/
/*******************************************/
/*******************************************/

.BTN_Indicateur_Rond
{
    /* background-color:#24C6A1;  Modifié en Personnalisation */
    text-align:center;
    vertical-align:middle;
    font-family:Arial;
    font-size:30px;
    color:#FFFFFF;
    width:46px;
    height:46px;
    border-radius: 23px;
    border:none;
}

#DivBandeauHaut
{
    width:100%;
    position:fixed;
    float:left;
    top:0;
    height:55px;
    padding-left:10px;
    /* background-color:#537BAA;  Modifié en Personnalisation */
    z-index:1;
}

#DivBandeauBas
{
    /*background-color:#24C6A1;  Modifié en Personnalisation ; prendre une couleur sombre pour faire ressortir le blanc des textes */
   width:100%;
   position:fixed;
   float:left;
   top:55px;
   padding-top:10px;
   height:35px;
   z-index:1;
   vertical-align:middle ;
}



.DivCriteres
{
    /* border-bottom:solid 5px #24C6A1;  Modifié en Personnalisation pour Personnalisation */
    position:relative;
    padding-left:10px;
    padding-top:10px;
}

#TableBandeau
{
    /* background-color:#537BAA; Modifié en Personnalisation */

}



/*******************************************/
/*******************************************/
/***** Autres Styles *****/
/*******************************************/
/*******************************************/

body 
{
    margin:0;
}


p{margin: 0px;}


.DivBlocCritere
{
    display:inline-block;
    
    padding-left:0px;
    padding-right:5px;
    padding-top:10px;
    padding-bottom:10px;
}

.Fond-Accueil
{
	/*background-position: 430px 100px;
     background-color:#FFFFFF;*/
    
}


/****** Tabs Contenu ******/

#TableBandeau
{

}
#TableBandeau td
{
    padding-left:5px;
}

.TabsInfo-Contenu {
    /* c'est un objet Table */
    margin-top: 10px;
}

    .TabsInfo-Contenu td {
        text-align: center;
        vertical-align: middle;
        height: 25px;
        cursor: pointer;
        padding-left:25px;
       padding-right:25px;
    }

.TabSelect-Contenu {
    /*

    border-left: 1px solid #fec770;
    border-right: 1px solid #fec770;
    border-top: 1px solid #fec770;

    */
    color :#FF6490;  
    font-family: Arial;
    font-size: 15px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:solid 5px #FF6490;

}

.TabUnselect-Contenu {
    /*
    border-bottom: 1px solid #fec770;
    border-left: none;
    border-right: none;
    border-top: none;
    */
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:none;
   
    background:none;
    color :#BBBBBB; /* #DDDDDD*/ 
    font-family: Arial;
    font-size: 15px;
}
.TabUnselect-Contenu:hover {
        background-color:#FF6490;
}
/***********************/

.asca-bg-dark {background-color: #4e4e4e;}
.asca-bg-green {
    background-color: forestgreen;
}
.asca-bg-light {background-color: #a8cde2;}
.asca-fc-dark {background-color: #4e4e4e;}
.asca-fc-light {
    color: #74a7fe;
}

#PanelDiscussionHistorique{max-width:700px}

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

#DivBandeau
{

}

#DivBandeauBasGauche
{
    padding-left:10px;
    position:relative;
    float:left;

}
#DivBandeauBasDroit
{
    position:relative;
    float:right;
    padding-right:10px;
}

#DivCorpsDoc
{
    position:absolute;
    float:left;
    top:95px;
    z-index:0;
    font-family:Arial;
    font-size:12px;
}


#LBL_PROMPT_SUPPR{font-family:Arial}

input[type="file"]::file-selector-button
{
    font-family:Arial;
    font-size:12px;
    width:130px;
    height:35px;
    background-color:#5BBCFF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    border-radius:20px;
    cursor:pointer;
}

.UploadFichier {
    font-family:Arial;
    font-size:12px;
    color:#0066FF;
    height:35px;
    width:320px;
}


.DivConfirmeSupprime{
    position: fixed;right: 0;
    left: 0;display:block;
    z-index: 100;/* le menu de Site.master est à 1030 */  
 
    top:0px;left:0px;

    padding-top:125px;
    padding-left:50px;
    width:100%;height:100%;

    overflow:auto;
    background-color:darkorange;

    color:white;

}
.DivConfirmeSupprimeBouton{z-index:3000;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;}

.DivConfirmeSelection{
    position: fixed;right: 0;
    left: 0;display:block;
    z-index: 100;/* le menu de Site.master est à 1030 */  
 
    top:0px;left:0px;

    padding-top:125px;
    padding-left:50px;

    width:100%;height:100%;

    overflow:auto;
    background-color:lightskyblue;
    
    color:white;

}
.DivConfirmeSelectionBouton{z-index:3000;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;}

.DivActionDiscussion{
    position: fixed;right: 0;
    left: 0;display:block;
    z-index: 100;/* le menu de Site.master est à 1030 */  
 
    top:0px;left:0px;

    padding-top:50px;
    padding-left:50px;

    width:100%;height:100%;

    overflow:auto;
    background-color:lightskyblue;
    
    color:white;

}
.DivActionDiscussionBouton{z-index:3000;padding-top:20px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;}

.DivInformationContexte{min-height:35px;text-align:center;padding-top:20px;padding-bottom:10px;padding-right:10px;padding-left:10px;background-color:palevioletred;color:#FFFFFF}
.LblInformationContexte{font-size:18px;font-weight:bold}

.DivInformationModification{height:35px;text-align:center;padding-top:20px;background-color:#006600;color:#FFFFFF}
.LblInformationModification{font-size:18px;font-weight:bold}

.DivInformationValidation{padding-left:10px;padding-top:5px;padding-bottom:5px}

.DivSpacer10{margin-top:10px;margin-bottom:10px;}
.DivSpacer5{margin-top:5px;margin-bottom:5px;}



/***** Menu Principal *******/
.DivMenuPrincipal{margin-top:5px;padding:10px;}
.DivMenuPrincipal div{}
.DivMenuPrincipalModule{
    display:inline-block;
    padding:20px;
    margin:5px;
    background-color:#fafafa;
    border-radius:5px;
    border:1px solid #eaeaea
}
.LblTitreModule{font-size:20px;font-weight:bold;color:#FF6490;}

/****/

.LblEmptyDataStyle
{
    color:#FF6490;

    text-align:left ;
    font-size:14px;
    font-weight:bold;
    height:50px;
    
}

.Lien-Telechargement
{
    font-family:Arial;
    font-size:12px;
    background-color:#8B91FF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    text-align:center ;
    vertical-align:middle;
    padding-top:10px;
    text-decoration:none;      
}

.Lien-TelechargementFichier
{
    font-family:Arial;
    font-size:12px;
    background-color:#8B91FF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    text-align:center ;
    vertical-align:middle;
    text-decoration:none;
    
    padding:10px;
    border-radius:3px;
      
}

.Btn-TelechargementJustif
{

    font-family:Arial;
    font-size:12px;
    background-color:#8B91FF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    text-align:center ;
    vertical-align:middle;
    padding-top:10px;
    text-decoration:none;

     width:50px;height:25px;
     display:inline-block;
    border-radius:4px;

}



.Bandeau
{
    padding:5px 0px 5px 0px;
    width:800px;
    margin:5px 5px 5px 5px;
    font-family:Arial;
    font-size:28px;
    background-color: #F9EDED;
    height: 40px;
}

.BadgeEtatEnquete{
    text-align:center;
    padding:8px;
    border-radius:10px;
    border: 1px solid #FF6490;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#5e5e5e;
}

.Login
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
}

.LoginInstruction_Neutre
{
    font-family:Arial;
    font-size:10px;
    color:#000000;
}
.LoginInstruction_Erreur
{
    font-family:Arial;
    font-size:10px;
    color:#ED1C24;
}
.LoginInstruction_OK
{
    font-family:Arial;
    font-size:10px;
    color:#006600;
}

.BTN_Valid
{
    font-family:Arial;
    font-size:14px;
    width:120px;
    height:40px;
    background-color:#5BBCFF;
    color:#FFFFFF;
    border:none ;
    
}
.BTN_VALIDE_Suppression
{
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;
    margin-bottom:20px;

       border-radius:4px;

    font-family:Arial;
    font-size:14px;
    width:150px;
    height:40px;
    background-color:#5BBCFF;
    color:#FFFFFF;
   border:1px solid #FFFFFF;
        
        white-space:normal;

    cursor:pointer;
}

.BTN_ANNULE_Suppression{

    margin-right:20px;
    margin-top:20px;
    margin-bottom:20px;
    padding:10px;

    border-radius:4px;

    font-family:Arial;
    font-size:14px;
    width:120px;
    height:40px;

    text-align:center;
    color:#FFFFFF;
    background-color:#921800;
    
    border:1px solid #FFFFFF;
        
    white-space:normal;

    cursor:pointer;
}

.BTN_Deconnexion
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    width:100px;
    height:20px;
    background-color:#FFFFFF;
    border:none ;
    background-image: url(images/btn-deconnexion.png);
}


.BTN_Accueil
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    width:150px;
    height:20px;
    background-color:#ADC0D9;
    border:none ;
    
}

.BTN_MENU
{
    font-family:Arial;
    font-size:14px;
    width:150px;
    height:100px;
    /*background-image:url(../images/Onglet-Bouton-Menu.png);*/
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
    color :#537BAA;
    border:solid 1px #5BBCFF;
     vertical-align:middle ;
    white-space:normal;
    margin:5px;
    padding:5px;   
}

.BTN_MENU:hover
{

    background-color:#5BBCFF;
    color :#FFFFFF;
    cursor:pointer;
    
}

.BTN_MENU_LIEN_APPLI
{
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    width:150px;
    height:100px;
    /*background-image:url(../images/picto-www.png);*/
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
    color :#8B91FF; 
    border:solid 1px #8B91FF;
     vertical-align:middle ;
    white-space:normal;
    margin:5px;
    padding:5px;  
}

.BTN_MENU_LIEN_APPLI:hover
{

    background-color:#696bba;
    color :#FFFFFF;
    cursor:pointer;
    
}
.BTN_ACTION_Mail
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    width:200px;
    height:30px;
    background-image:url(../images/picto-email.png);
	background-position: 0 0;
	background-repeat: no-repeat;
    background-color:#ADC0D9;
    color :#000000;
    border:none ;
    border:solid 1px #FFFFFF;
    text-align:right;
    
      border-radius:15px;

}


.BTN_ACTION_Rouge
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    width:150px;
    height:30px;
    background-color:#ADC0D9;
    color :#BA1419;
    border:none ;
    border:solid 1px #FFFFFF ;
    
      border-radius:15px;

}

.BTN_ACTION_Recherche
{
    font-family:Arial;
    font-size:14px;
    background-color:#5BBCFF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    border-radius:25px;
    cursor:pointer;
}
.BTN_TAILLE_Petit{
    width:100px;
    height:45px;

}
.BTN_TAILLE_Moyen{
    width:150px;
    height:45px;
}
.BTN_TAILLE_Large{
    width:200px;
    height:45px;
}
.BTN_TAILLE_LargeEtPlat{
    width:200px;
    height:35px;
}
.BTN_TAILLE_ExtraLarge{
    width:250px;
    height:45px;
}

.BTN_ACTION_Bleu
{
    font-family:Arial;
    font-size:14px;
    width:150px;
    height:45px;
    background-color:#5BBCFF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    border-radius:25px;
    cursor:pointer;
}

.BtnChangeEtatProcess {
        font-family:Arial;
    font-size:14px;
    width:150px;
    height:45px;
    background-color:#5BBCFF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    border-radius:25px;
    cursor:pointer;
}

.BTN_ACTION_Vert
{
    font-family:Arial;
    font-size:14px;
    width:150px;
    height:45px;
    background-color:#16d226;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    border-radius:25px;
    cursor:pointer;
    
}

.BTN_ACTION_Export
{
    font-family:Arial;
    font-size:14px;
    width:150px;
    height:45px;
    background-color:#8B91FF;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;
    
    border-radius:25px;
    cursor:pointer;
}
.BTN_ACTION_Imprime
{
    font-family:Arial;
    font-size:14px;
    width:150px;
    height:45px;
    background-color:#b18282;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;

        border-radius:25px;

}

.BTN_ACTION_Onglet
{
    font-family: Arial;
    font-size: 15px;

    width:100%;
    height:35px;
    color :#FF6490;  
    
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:solid 5px #FF6490;
    text-align:center;

    background:none;

        
}

.BTN_ACTION_Onglet:hover
{
    font-family: Arial;
    font-size: 15px;

    width:100%;
    height:35px;
    color :#DDDDDD;   
    background-color:#FF6490;
    text-align:center;
    cursor:pointer;
}

.BTN_ACTION_Onglet_Deselect
{
    width:100%;
    height:35px;

    background:none;
    
     color :#BBBBBB; /* #DDDDDD*/  
        
    font-family: Arial;
    font-size: 15px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:none;
    text-align:center;
}
.BTN_ACTION_Onglet_Deselect:hover
{
    width:100%;
    height:35px;
    
    background-color:#FF6490;
        
    font-family: Arial;
    font-size: 15px;
    border-top:none;
    border-bottom:none;
    text-align:center;
}

.BTN_ACTION_Enregistre
{
    font-family:Arial;
    font-size:14px;
    font-weight:normal;
    width:210px;
    height:40px;
    color :#4CADF1;
    background-color:#FFFFFF;
    border:none ;
    border-radius:2px;
    overflow:hidden;
    white-space:normal;

}
.BTN_ACTION_Supprime
{
    font-family:Arial;
    font-size:14px;
    width:140px;
    height:40px;
    background-color:#FF4A4A;
    color :#FFFFFF;
    border:solid 1px #FFFFFF ;
    overflow:hidden;
    white-space:normal;

    border-radius:20px;

    cursor:pointer;

}

.DivBlocInfo
{
    border-radius:10px;
    background-color:#FFFFFF;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:10px;

}


.DivBlocInfoTiers
{
    border-radius:10px;
    background-color:#FFFFFF;
    padding-bottom:10px;
    margin-bottom:10px;
   
    padding-left:10px;
    margin-left:10px;
    margin-right:10px;
}
.DivBlocInfoNoteFrais
{
    background-color:#FFFFFF;
    margin-bottom:20px;
    padding-bottom:10px;
    padding-left:10px;
}
.DivBlocInfoNoteFraisJustificatif
{
    margin-top:10px;
    margin-bottom:10px;
    padding-top:10px;
    padding-left:10px;
}

.DivBlocInfoVeille
{
    background-color:#FFFFFF;
    margin-bottom:20px;
    padding-bottom:10px;
    padding-left:10px;
}


.DivProductionSuiviListeVehicule {
    text-align:center;
    margin-bottom:10px;
}

.DivBlocInfoSuiviProduction {
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.DivAfficheModuleTiers
{
    background-color:#537BAA;
    /*margin-top:10px;*/
    padding-top:10px;
    padding-bottom:5px;
}

.DivAfficheModulePortefeuille
{
    position:absolute;
    left:400px;
    background-color:#537BAA;
    padding-top:10px;
    float:left;
    width: calc(100% - 410px);

}

.DivAfficheModuleProductionVehicule {
    position: absolute;
    left: 930px;
    background-color: #537BAA;
    padding: 10px;
    display: inline-block;
    float: left;
    min-width: 400px;
}

.DivAfficheModuleProductionVehiculeDetail {
    background-color: #537BAA;
    padding-top: 10px;
    display: inline-block;
    float: left;
    width: 100%;
}

.DivBlocSaisie{
    margin-top:10px;
    margin-left:10px;
}
.DivBlocSaisieItem{
    margin-top:3px;
}
.DivBlocSaisieItem div{
    margin-top:3px;
}
.DivBlocSaisieItemGrid{
    margin-top:3px;

}
.DivBlocSaisieItemGrid div{
    margin-top:3px;
    display:inline-block;
}

.TableProduction{width:100%}
.TableProductionColonneInvite{width:200px;height:20px;vertical-align:middle}
.TableProductionColonneSaisie{vertical-align:middle;height:20px}

.TableProductionVehiculeDetail
{
    width:100%
}

.TableProductionVehiculeDetailColonneDroite
{
    width:50% ;
    vertical-align:top;

}
.TableProductionVehiculeDetailColonneGauche
{
    width:50% ;
    vertical-align:top;
}

.TXT_Saisie_Description_Vehicule
{
    width:95%;
    height:500px;
}

.TXT_Saisie_Large
{
    width:400px;
}



.DivAfficheModuleOpportunite
{
    /*
    position:absolute;
    left:400px;
    float:left;
    */
    background-color:#537BAA;
    padding-top:10px;


}
.DivAfficheModuleCampagne
{

    background-color:#537BAA;
    padding-top:10px;
    padding-bottom:5px;


}
.DivAfficheModuleNavigation
{
    position:absolute;

    top:40px;
    left:410px;
}

.DivAfficheModulePleinEcran
{
    position:absolute;
 
    padding-top:10px;

    top:0;
    left:0;
    width:100%
}
.DivAfficheOngletMenu
{
    
    display:inline;
    vertical-align:top;

}

.DivAfficheResultat
{
    
    padding-left:10px;
    width:400px;
    display:inline;
    vertical-align:top;
    height:100%;
    float:left;
}

.DivAfficheResultatListing
{
    display:inline;
    vertical-align:top;
    float:left;
    height:100%;
    width:100%;
}

.DivAfficheResultatNoteFrais
{
    /*padding-left:10px;*/
    display:inline;
    vertical-align:top;
    float:left;
    height:100%;
    width:100%;
}

.DivAfficheResultatSuiviProduction {
    padding-left: 10px;
    width: 900px;
    display:inline-block;
    vertical-align: top;
    height: 100%;
    float: left;
}
.DivAfficheResultatVehicule{
    /*padding-left: 10px;*/
    width: 100%;
    display:inline-block;
    vertical-align: top;
    height: 100%;
    float: left;
}
.DivAfficheDetailTiers
{
    background-color:#537BAA;
    padding-top:10px;

}

.DivLigneBL{ min-height:25px}


.DivInfosSauvegarde
{
    position:absolute;
     top:10px;
     left:50%;
     z-index:1000;
    font-family:Arial;
    font-size:15px;
    width:200px;
    height:20px;
    background-color :#FFFFFF;
    color :#148c00;
    padding:5px;

    text-align:center;

    border:none ;
    border-radius:5px;
}

.TitreApplication
{
    font-family:Arial Narrow,Arial;
    font-size:25px;
    font-weight:bold;
    color :#f36f24;
   
}

.TitrePage
{
    font-family:Arial;
    font-size:16px;
    padding-top: 3px;
    padding-bottom: 3px;
    color :#FFFFFF;
}

.TitreRubrique
{
    font-family:Arial;
    font-size:16px;
    padding-top: 3px;
    padding-bottom: 3px;
    color :#5BBCFF;
}

.NomUser
{
    font-family:Arial;
    font-size:12px;
    padding-top: 3px;
    padding-bottom: 3px;
    color :#FFFFFF;
}

.CelluleBandeauBas
{
    background-color:#537BAA;
}

.CelluleBandeauHaut
{
    padding-top:6px;
}

.TitreChapeauAction
{
    font-family:Arial;
    font-size:18px;
    margin-left:5px;
    color:#FFFFFF;
}


.DivTitreChapeauAction
{
    height:20px;
    display:block;
    width: calc( 100% - 105px );
    margin-right:25px;
    position:relative;
    padding-top:15px;
    padding-bottom:15px;
}

.TitreChapeau
{
    font-family:Arial;
    font-size:18px;
    margin-left:5px;
    color:#5BBCFF;
}


.DivTitreChapeau
{
    border-radius:10px;
    border-bottom :solid 1px #DDDDDD;
    height:20px;
    display:block;
    position:relative;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#FFFFFF;
}

.DivTitreChapeauMoyen
{
    width:95%;
}

.DivTitreChapeauEntreprise
{
    border-radius:10px;
    display:block;
    position:relative;
    height:60px;
    background-color:#FFFFFF;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
   
}
.DivTitreChapeauEntrepriseOpportunite
{
    border-radius:10px;
    display:block;
    position:relative;
    background-color:#FFFFFF;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
   
}

.DivTitreChapeauEntrepriseTiers
{
     border-radius:10px;
   display:block;
    position:relative;
    height:60px;
    background-color:#FFFFFF;


   
}



.DivTitreItem
{
    margin:10px;
}

.LBL_Infos_Sauvegarde
{
    color :#148c00;
}

.LBL_Erreur_Sauvegarde
{
    color :#ED1C24;
    font-size:13px;
    margin-top:5px;

}

.TexteNormal
{
    font-family:Arial;
    font-style:normal;
    font-variant:normal;
    font-size:12px;
    margin-bottom: 0px;
}

.TexteFlagArchive
{
    font-family:Arial;
    font-style:normal;
    font-variant:normal;
    font-size:12px;
    margin-bottom: 0px;
    color:#FF4A4A;

}

.TexteImportant
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold ;
}

.TexteImportantGrand
{
    font-family:Arial;
    font-size:16px;
    font-weight:bold ;
}

.TexteNomEntreprise
{
    font-family:Arial;
    font-size:28px;
    color:#FF6490;
    margin-left:10px;

}

.TexteSyntheseValorisation
{
    font-family:Arial;
    font-size:16px;
    color:#FF6490;
    padding:3px;
    margin-top:10px;
    margin-left:10px;
    width:800px;
    border:1px solid #DDDDDD

}
.TexteSaisieEntreprise
{
    font-family:Arial;
    font-size:22px;
    color:#FF6490;
    border:1px solid #DDDDDD;
    
    width:100%;
    margin-bottom:5px;
    padding:5px;
}

.TexteNomDocument
{
    font-family:Arial;
    font-size:22px;
    color:#FF6490;
    border:1px solid #DDDDDD;
    margin-bottom:5px;
    padding:5px;
}
.TexteNomPetit {
    width:300px;
}
.TexteNomMoyen {
    width:400px;
}
.TexteNomLarge {
    width:600px;
}

.TexteNomMax {
    width: calc(100% - 20px);
}
.TexteCboEtatDocument
{
    font-family:Arial;
    font-size:20px;
    text-align:center ;
    background-color:#FF6490;
    color:#FFFFFF;
    margin-left:10px;
    padding:5px;
    border:1px solid #DDDDDD;
    margin-bottom:5px;
    
}

.TexteCboEtatTicket
{
    font-family:Arial;
    font-size:22px;
    text-align:left ;
    color:#FF6490;
    background-color:#FFFFFF;
    margin-left:10px;
    padding:5px;
    border:1px solid #DDDDDD;
    margin-bottom:5px
}
.TexteNumeroDocument
{
    font-family:Arial;
    font-size:18px;
    color:#FF6490;
    margin-left:10px
}

.TexteCommentaireVersion
{
    font-family:Arial;
    font-size:18px;
    color:#FF6490;
    border:1px solid #DDDDDD;
    margin-bottom:5px;
    padding:5px;
    width: calc(100% - 20px);
}
.TexteCommentaireVersion::placeholder
{
    font-family:Arial;
    font-size:14px;
    color:#ADC0D9;
}

.TexteErreur
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold ;
    color:#ED1C24;
}
.TexteErreurGrand
{
    font-family:Arial;
    font-size:15px;
    font-weight:bold ;
    color:#ED1C24;
}

.TexteOK
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold ;
    color:#006600;
}

.TexteRisquePortefeuille
{
    padding-top:4px;
    text-align:right;
    color:#CC0000;
}

.TexteEvenementRefuse
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold ;
    background-color:#ED1C24;
    color:#FFFFFF;
    padding-top:4px;
    text-align:center;
}

.TexteEvenementAccepte
{
    font-family:Arial;
    font-size:14px;
    font-weight:bold ;
    background-color:#A5A5A5;
    color:#FFFFFF;
    padding-top:4px;
    text-align:center;
}

.DivFichierTiers{
    padding-top:10px;
    margin-top:3px;
    display:inline-block;
}
.LblTypeTiers{
    position:relative;
    font-size:16px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:5px;padding-left:5px;padding-right:5px;
    margin-top:10px;margin-left:5px;
}
 
.LblEtatSpanco{
   font-size:16px;
    color:#878787;
    padding:5px;
    margin-top:10px;
    margin-right:20px;margin-left:5px;
 }

.LblTypeFournisseur{
    font-size:16px;
    color:#878787;
    padding:5px;
    margin-top:17px;
    margin-right:20px;margin-left:5px;
}

.Instructions
{
    font-family:Arial;
    font-size:13px;
    font-weight:normal ;
    color:#000000
    /*color:#BA1419;*/
}

.ErreurConvention
{
    display:block;
}

.InstructionsErreur
{
    font-family:Arial;
    font-size:12px;
    font-weight:bold ;
    color:#ED1C24;
}

.Instructions_Saisie
{
    font-family:Arial;
    font-size:10px;
    color:#0066FF;

}
.Instructions_Saisie_Assistant
{
    font-family:Arial;
    font-size:14px;
    color:#0066FF;
    word-break:break-word;
}

.InviteSaisie
{
    font-family:Arial;
    font-size:12px;
    font-style:italic ;
    color:#000000;
}
.DivInviteSaisie
{
    width:150px;
}
    .DivInviteSaisie label {
    }

.DivInviteSaisieLarge
{
    width:250px;
}
    .DivInviteSaisieLarge label {
    }
.TdInviteSaisie
{
    width:150px;
}

.InviteSaisieImportant
{
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    font-style:italic ;
    color:#000000;
}

.InviteSaisieImportantGrand
{
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    font-style:italic ;
    color:#000000;
}

.DivAfficheSansModif{
    padding:5px;
    background-color:#fafafa;
}

.DivSaisie{
}

.DivInstructionSaisie {
}

.TXT_Saisie
{
    border:1px solid #DDDDDD;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
}

.TXT_Saisie_Centre
{
    border:1px solid #DDDDDD;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
    text-align:center ;
}

.TXT_Saisie_Multiline
{
    border:1px solid #DDDDDD;
    font-family:Arial;
    font-size:12px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
}
.TXT_Saisie_Multiline_Large
{
    border:1px solid #DDDDDD;
    font-family:Arial;
    font-size:12px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
}

.CHK_Saisie
{
    margin-left:5px;
    margin-right:5px;
    border:0px;
    background-color:#d3e0f7;


}
.CBO_Saisie
{
    border:1px solid #DDDDDD;
    font-size:13px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
}
.CBO_Important{
    font-weight:bold;
}


.TXT_Nombre
{
    width:80px;
    text-align:right;
}



.DivAssitantCalendrier_Ouvert
{
    float:none ;
    position:absolute ;
    top:300px;
    left:500px;
    z-index :0;
    Width:200px;
    Height:150px;
}

.DivAsssitantCalendrier_Ferme
{
    display:block;
    z-index :0;
    position:absolute ;
    top:100px;
    left:100px;
}

.CelluleGroupeValide
{
    font-family: Arial;
    font-size: 12px;
    height: 25px;
    border-left:solid 2px #ADC0D9;

}


.PanelSelectionFDV_Ouvre
{
    display:block;
    z-index :0;
    position:absolute ;
    top:10px;
    left:10px;
    width:300px;
    height:300px;
    background-color:#C0C0C0;
    

}

.ReportViewerSynthese
{
    width:1000px;
    height:500px;
}

.TexteMenuOnglet
{
    font-family: Arial;
    font-size: 14px;
    font-weight:bold;
  
}


.DivEvenementOutil
{
    text-align:right;
    padding-right:20px;
    padding-top:3px;
    padding-bottom:5px;
}

.DivRubriqueOutil
{
    margin-top:5px;
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:left;
    padding-right:10px;
    padding-left:10px;
}
.DivBlocInformation
{
    display:inline-block;/* grid inline-flex*/
    background-color:#FFFFFF;
 
}

.DivBlocInformationTicket
{
    display:inline-grid;/*  inline-flex*/
    background-color:#FFFFFF;
 
}

.DivBlocInformationProjet
{
    display:inline-block;/* grid inline-flex*/
    background-color:#FFFFFF;
    margin-left:10px;
    margin-right:10px;
}

.DivBlocInformationTiers
{
    display:inline-block;/* grid inline-flex*/
    background-color:#FFFFFF;
    margin-left:10px;
    margin-right:10px;
}

.DivBlocRow
{
    display:inline-table;
}

.Div_Visible
{
    position:static ;
    visibility:visible;
}

.Div_Invisible
{
    position:absolute ;
    visibility:hidden;
}

.Div_Btn_Action
{
    position:absolute ;
    visibility:visible;
    left:660px; 
}

.Div_Btn_EnregistreDonnees
{
    position:absolute ;
    visibility:visible;
    left:560px;
    top:92px;
    border:none;
}

.CBO_Filtre_Engage
{
    background-color:#FFFFFF;
    border:solid 1px #FF6490;
    
    font-family:Arial;
    font-size:12px;
    
    height:30px;
    margin:5px;

}
.CBO_Filtre_Aucun
{
    background-color:#FFFFFF;
    border:solid 1px #DDDDDD;

    
    font-family:Arial;
    font-size:12px;
    
    height:30px;
    margin:5px;

}

.TXT_Filtre_Engage
{
    background-color:#FFFFFF;
    border:solid 1px #FF6490;
    height:15px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
}
.TXT_Filtre_Aucun
{
    border:1px solid #DDDDDD;
    height:15px;
    padding:5px;
    margin-top:2px;
    margin-bottom:2px;
}

.CHK_Filtre_Engage {
    border: 0px;
}
.CHK_Filtre_Engage label{
 
    border: solid 1px #FF6490;

    padding-left:25px;
    padding-right:5px;
    padding-top:7px;
    padding-bottom:6px;

    margin-left:-20px;
}

.CHK_Filtre_Aucun {
    border: 0px;
}
.CHK_Filtre_Aucun label{
    border:1px solid #DDDDDD;
    padding-left:25px;
    padding-right:5px;
    padding-top:7px;
    padding-bottom:6px;

    margin-left:-20px;
}

.CHKLST_Filtre_Engage {
    border: solid 1px #FF6490;
    padding:5px;
    margin:5px;
}
.CHKLST_Filtre_Engage input{
    margin-bottom:15px;
}
.CHKLST_Filtre_Engage label{
    padding:5px;
    margin-right:5px;
}

.CHKLST_Filtre_Aucun {
    border:1px solid #DDDDDD;
    padding:5px;
    margin:5px;
}
.CHKLST_Filtre_Aucun input{
    margin-bottom:15px;
}
.CHKLST_Filtre_Aucun label{
    padding:5px;
    margin-right:5px;
}

.CelluleInfosTiersEntete
{
    text-align:center;
    margin:3px;
    padding:3px;
    background-color:#e0e0e0;
    font-family:Arial;
    font-size:16px;
    font-weight:bold ;
}

.CelluleInfosTiersCorps
{
    height:60px;
    text-align:center;
    vertical-align:middle;
    color :#5e5e5e;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
}

.GridViewResponsive {
    Font-Size: 9pt;
}


.GridViewHeader
{
    border-top:solid 1px #DDDDDD;
    font-style:italic ;
    color:#537BAA;
    text-align:left ;
    height:50px;
}

.GridViewFooter
{
    border-top:solid 1px #DDDDDD;
    font-style:italic ;
    color:#537BAA;
    text-align:right  ;
    height:50px;
    
}

.GridViewPager
{
    border-top:solid 1px #DDDDDD;
    font-weight:bold;
    font-size:larger;
    color:#537BAA;
    height:40px;
    background-color:#DDDDDD;
}
.GridViewPager td table{
    text-align:left;
}
.GridViewPager td table td{
    height:20px;
    text-align:left;
    padding-right:6px;
    padding-left:6px; 
}
    .GridViewPager a {
        color:#000000;
        font-weight:normal;
        font-size:smaller;
    }



.GridViewRowStyle
{
    border-top:solid 1px #DDDDDD;
    color:#000000;
    text-align:left ;
    height:50px;
}



.GridViewEmptyDataStyle
{
    color:#FF6490;

    text-align:left ;
    font-size:14px;
    font-weight:bold;
    height:50px;

}

.GridViewPortefeuilleHeader
{
    border-top:solid 1px #DDDDDD;
    font-style:italic ;
    color:#537BAA;
    height:50px;
    text-align:left;

}

.GridViewPortefeuilleRowStyle
{
    border-top:solid 1px #DDDDDD;
    color:#000000;
    text-align:left ;
    height:50px;
    
}
.GridViewOpportuniteRowStyle
{
    vertical-align:top ;
    padding-top:10px;

    
}

.GridViewTexteProduit
{
    font-family:Arial;
    font-size:12px;
    overflow:hidden;
    white-space:normal;
       
}

/** Vignette TODO Page D'accueil**/
/** Vignette TODO Page D'accueil**/
/** Vignette TODO Page D'accueil**/

.DivTodoBandeau {
    margin:10px;
}
.DivTodoVignette {
    display:inline-grid;
    text-align:center;
    margin:5px;
    width:125px;
    background-color:#00364a;
    color:#FFFFFF;
    border-radius:5px;

}
.DivTodoChiffre {
    height:40px;
    padding-top:20px;
    padding-right:5px;
    padding-left:5px;
    padding-bottom:10px;
}
.DivTodoEtiquette{
    height:40px;
    padding:5px;
    background-color:#006d8f;
    border-radius:5px;
}
.LblTodoChiffre{
    font-size:32px;
    font-weight:bold;
    word-break:break-word;
}
.LblTodoEtiquette{
    font-size:16px;
}

.LblTitreTodo{display:block;font-size:20px;font-weight:bold;color:#00364a;}


/** Tickets Historique Etat **/
/** Tickets Historique Etat **/
/** Tickets Historique Etat **/

.DivEtatHistorique {
}
.DivEtatHistoriqueLigne {
    padding:3px;
}
.LblEtatHistorique{
    
}

/** Tickets **/
/** Tickets **/
/** Tickets **/

.DivDiscussionNouveauMessage{
    margin-left:10px;
}

.DivDiscussion{
    margin-Top:10px;
    margin-bottom:10px;
    margin-left:10px;
}

.DivDiscussionMessage{
    margin-top:10px;
    margin-bottom:10px;
    padding:5px;
    background-color:#ececec;
    border-radius:5px;
}

.DivDiscussionMessageAuteur{
    margin-top:5px;
    font-size:smaller;
    color:#808080
}
    .DivDiscussionMessageAuteur span{display:inline-block;margin-top:2px;margin-right:2px}
    .DivDiscussionMessageAuteur input{display:inline-block;margin-top:2px;margin-right:5px;margin-left:5px}

.DivDiscussionMessageHisto{
    margin-top:5px;
    font-size:smaller;
    color:#808080
}
    .DivDiscussionMessageHisto span{display:block;margin-top:2px;}

.DivDiscussionMessageContenu{
    margin-top:5px;
    padding-left:15px;
}
.LblMessageAuteur{

}
.LblMessageDate{
    color:purple
}
.LblMessageContenu{

}
.InputBtnMessageAction {
    color: forestgreen;
    border: 1px solid forestgreen;
    border-radius: 4px;
    cursor:pointer;
}

.LblStatutAffichage{font-size:smaller; font-weight:bold; color:#5e5e5e}

.DivTicketCreation{}
.DivTicketCreationItrl{}

.DivTicketEtatAffiche{margin-top:5px;background-color:; border-radius:5px; padding:5px;}
.DivTicketSolutionAction{margin-top:5px;background-color:#ececec; border-radius:5px; padding:5px;}
.DivTicketResponsable{margin-top:5px;margin-bottom:5px;padding:5px 5px 15px 5px}

.DivTicketAssistant{display:inline-flex;float:left}
.DivTicketAssistantAction{width:325px;text-align:center;margin-top:20px;}
.DivTicketAssistantInstruction{width:325px;}
.DivTicketAssistantGauche{min-width:350px;margin-left:10px;}
.DivTicketAssistantDroite{min-width:350px;}

.DivTicketEtatProcessus{font-size:14px; text-align:center;min-height:25px;padding:5px;margin:10px}
.LblTicketEtatProcessus{ margin:5px; padding:8px;height:25px;color:#929292}
.LblTicketEtatProcessusActif{font-weight:bold; border-radius:3px;margin:5px; padding:8px;height:25px;background-color:#537BAA;color:#FFFFFF}

.DivTicketAssistantActionAffiche{margin-top:30px;margin-bottom:10px;text-align:center}
.DivTicketAssistantActionAnnule{margin-top:30px;margin-bottom:10px;text-align:center}
.TicketActionAffiche{font-size:14px;border-radius:20px;margin:auto;height:25px;padding-top:8px;width:150px;background-color:#5BBCFF;color:#FFFFFF}
.TicketActionAnnule{font-size:14px;border-radius:20px;margin:auto;height:25px;padding-top:8px;width:150px;background-color:#921800;color:#FFFFFF}

.DivTicketEtat{font-size:14px; text-align:center;min-height:25px;padding:5px;margin:10px}
.LblTicketEtat{ margin:5px; padding:8px;height:25px}
.LblTicketEtatFutur{color:#ff8b0f}
.LblTicketEtatPasse{color:#16d226}
.LblTicketEtatActif{font-weight:bold; border-radius:3px;margin:5px; padding:8px;height:25px;background-color:#537BAA;color:#FFFFFF}
.LblTicketResponsable{font-size:14px;font-weight:bold; border:1px solid #5BBCFF; border-radius:3px;margin:5px; padding:8px;height:25px;background-color:#FFFFFF;}

/* Gridview liste Adresses*/
.GridViewAdresseColMedia{margin-top:3px;margin-bottom:5px}
    .GridViewAdresseColMedia span {display:block;margin-top:3px}
.GridViewAdresseColCoordonnees{margin-top:5px;margin-bottom:5px}
    .GridViewAdresseColCoordonnees span {display:block;margin-top:3px}
.LblAdresseCoordonnees{font-weight:bold;font-size:larger}
.LblAdresseEmail{font-weight:bold;word-break:break-word}
.LblAdresseDigital{font-weight:bold}
.LblAdresseTel{color:purple}

/* Gridview liste Interlocuteurs */
.LblItrlCategorie{color:#929292}
.LblItrlSociete{color:#929292;font-weight:bold}
.LblItrlNomPrenom{font-weight:bold; font-size:larger}
.LblItrlTel{color:purple}
.LblItrlEmail{font-weight:bold}
.LblItrlFonction{}
.LblItrlAdresseSource{color:#929292;font-style:italic}
.LblItrlAdresseDetail{font-style:italic}
.LblItrlDate{color:purple;font-style:italic}
.GridViewItrlColIdentite{margin-top:3px;margin-bottom:5px}
    .GridViewItrlColIdentite span {display:block;margin-top:3px}
.GridViewItrlColMedia{margin-top:3px;margin-bottom:5px}
    .GridViewItrlColMedia span {display:block;margin-top:3px}
.GridViewItrlColAdresse{margin-top:5px;margin-bottom:5px}
    .GridViewItrlColAdresse span {display:block;margin-top:3px}

.GridViewItrlHeader{}
.GridViewItrlHeaderIdentite{}
    .GridViewItrlHeaderIdentite label {display:block;margin-top:3px}
.GridViewItrlHeaderMedia{}
    .GridViewItrlHeaderMedia label {display:block;margin-top:3px}
.GridViewItrlHeaderAdresse{}
    .GridViewItrlHeaderAdresse label {display:block;margin-top:3px}

/* Gridview liste Projet */
.LblProjetCategorie{color:#929292;font-weight:bold}
.LblTypProNom{font-style:italic}
.LblProjetNom{font-weight:bold}
.LblProjetDescription{}
.LblProjetDate{color:purple;font-style:italic}
.GridViewProjetColCategorie{margin-top:3px}
.GridViewProjetColNom{margin-top:3px}
.GridViewProjetColDescription{margin-top:5px}
.GridViewProjetColDate{margin-top:5px}


/* Gridview liste Frais */
.LblNofUtilisateur{color:#929292;font-weight:bold}
.LblNofCategorie{font-style:italic}
.LblNofCommentaires{font-style:italic}
.LblNofDate{color:purple;}
.LblNofMontant{}
.GridViewNofColUtilisateur{}
.GridViewNofColType{margin-top:3px}
.GridViewNofColCommentaires{margin-top:3px}
.GridViewNofColJustif{margin-top:3px}
.GridViewNofColDate{margin-top:3px}
.GridViewNofColMontant{margin-top:3px;text-align:right}
.GridViewNofHeaderCategorie{}
.GridViewNofHeaderValorisation{}

/* Gridview Liste de Tickets */
.LblTicketObjet{font-weight:bold}
.LblTicketPrestation{color:#929292;font-style:italic;font-weight:bold}
.LblTicketUtilisateur{color:#929292;font-weight:bold}
.LblTicketDemandeur{font-style:italic}
.LblTicketDate{color:purple;}
.LblTicketDatePlanning{color:#5BBCFF}
.LblTicketDateRealise{color:#006d8f}
.ImgTicketCalendrier{width:20px;border:none;position:relative;top:3px;}
.GridViewTicketColDate {vertical-align:top;margin-top:3px;padding-top:6px}
.GridViewTicketColStatut {vertical-align:top; margin-top:3px}
.GridViewTicketColEtat {vertical-align:middle;}
    .GridViewTicketColEtat span{padding-left:3px;padding-bottom:3px;}
.GridViewTicketColCategorie {}
.GridViewTicketColObjet {}
.GridViewTicketColActeur {}
.GridViewTicketColDemandeur {}
.GridViewTicketColPlanning {margin-bottom:5px}


/** KANBAN **/
/** KANBAN **/
/** KANBAN **/
.DivKanbanVide{padding:10px}
.DivKanban{width:100%;background-color:#DDDDDD}/*537BAA*/
.DivKanbanEnTete{width:100%;padding-top:10px;padding-bottom:10px;text-align:center;color:#FFFFFF}
.DivKanbanPlanche{width:100%;padding-bottom:10px;text-align:center}
.DivKanbanPlanche div{margin-left:5px}

.KanbanBordurePriorite1{border:2px solid #d22f28;}
.KanbanBordurePriorite2{border:2px solid #ff8b0f;}
.KanbanBordurePriorite3{border:2px solid #537BAA;}


.KanbanColNouveauEnTete {margin-left:5px;margin-right:5px;border-radius:5px;padding-top:8px;padding-bottom:8px;min-width:18%;max-width:18%;text-align:center;background-color:#ADC0D9}/* display:inline-grid; en responsive*/
.KanbanColNouveau {padding-top:10px;padding-bottom:10px;border-radius:5px;min-width:18%;max-width:18%;text-align:center;background-color:#ADC0D9}/*display:inline-grid; en responsive */
.KanbanColNouveauAttribue {margin-bottom:10px;padding-bottom:10px;margin-right:5px;border-radius:3px;background-color:#FFFFFF}/*border:2px solid #5BBCFF*/
.KanbanColNouveauBacklog {margin-bottom:10px;padding-bottom:10px;margin-right:5px;border-radius:3px;background-color:#FFFFFF}/*border:2px solid #0066FF*/

.KanbanColEnCoursEnTete {padding-top:8px;padding-bottom:8px;border-radius:5px;min-width:60%;max-width:60%;text-align:center;background-color:#00364a}/*display:inline-block; responsive*/
.KanbanColEnCours {padding-top:10px;padding-bottom:10px;border-radius:5px;min-width:60%;max-width:60%;text-align:center;background-color:#00364a}/* display:inline-block; reponsive*/
.KanbanColProcess {display:inline-grid;width:30%;padding-bottom:10px;border-radius:3px;background-color:#FFFFFF}/*border:2px solid #5BBCFF*/

.KanbanColClosEnTete {margin-left:5px;margin-right:5px;border-radius:5px;padding-top:8px;padding-bottom:8px;min-width:18%;max-width:18%;background-color:#224701}/*display:inline-grid;*/
.KanbanColClos {padding-top:10px;padding-bottom:10px;border-radius:5px;min-width:18%;max-width:18%;background-color:#224701}/*display:inline-grid; responsive */
.KanbanColClosResolu { margin-bottom:10px;padding-bottom:10px;margin-right:5px;border-radius:3px;display:block;text-align:center;background-color:#FFFFFF}/*;border:2px solid #19ae03*/
.KanbanColClosAbandon {margin-bottom:10px;padding-bottom:10px;margin-right:5px;border-radius:3px;display:block;text-align:center;background-color:#FFFFFF}/*;border:2px solid #ff6bd8*/

.KanbanTicket { margin-bottom:15px;margin-right:4px; margin-left:4px; padding:4px ;background-color:#EFEFEF; border-radius:3px;text-align:left; cursor:pointer; }
.KanbanTicket div{margin-bottom:5px}
.KanbanTicketLigne1 {}
.KanbanTicketLigne1 span{padding-right:7px}
.KanbanTicketLigne2 {margin-left:0px !important}
.KanbanTicketDate {}
.KanbanTicketStatut {}
.KanbanTicketActeur {display:inline-block}
.KanbanTicketCategorie {display:inline-block;height:18px;width:18px;padding-top:5px;border-radius:3px;text-align:center;color:#FFFFFF;}
.KanbanTicketCategorieSupport{background-color:#c1821f}
.KanbanTicketCategorieProjet{background-color:#797084}
.KanbanTicketObjet {font-size:larger}
.KanbanTicketDemandeur {}
.KanbanTicketPlanning {}

.KanbanTitreEtatSynthese{font-size:20px;text-align:center}
.KanbanTitreEtat{font-size:16px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.KanbanTitreProcess{font-size:16px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.KanbanLblEtatSansTicket{color:#AEAEAE}


/****************************************/
/************ Responsive *******************/
/*****************************************/


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

    #DivBandeau {
        max-width: 100%;
        width: 100%;
    }

    #TableBandeau
    {
        width:100%;

    }
    #DivCorpsDoc {
        max-width:100%;
        width: 100%;
    }

    .BTN_MENU{
        font-size:12px;
        width:135px;
        height:60px;
        margin:3px;
    }
    .BTN_MENU_LIEN_APPLI{
        font-size:12px;
        width:135px;
        height:60px;
        margin:3px;
    }

    .DivMenuPrincipalModule{
        padding:5px;
    }
    .LblTitreModule{
        font-size:18px
    }

    .GridViewResponsive {
        width:100%
    }

    .DivBlocSaisieItemGrid div{
        margin-top:3px;
        display:block;
    }

    .TXT_Saisie_Multiline{width:90%;max-width:300px}
    .TXT_Saisie_Multiline_Large{width:90%;max-width:330px}

    .LblNofMontant{font-weight:bold;font-size:15px;}

    .GridViewProjetColCategorie{width:100%}
    .GridViewProjetColNom{margin-top:8px}
    .GridViewProjetColDescription{margin-top:8px}
    .GridViewProjetColDate{margin-top:8px}

    .GridViewNofColCommentaires{margin-top:8px}
    .GridViewNofColJustif{margin-top:8px}
    .GridViewNofColDate{margin-top:8px}
    .GridViewNofColMontant{margin-top:8px; padding-right:5px}

    .GridViewNofHeaderCategorie{max-width:420px}
  
    .GridViewTicketColStatut {margin-top:8px}
    .GridViewTicketColObjet {margin-top:8px}
        .GridViewTicketColObjet span {margin-bottom:4px;display:block}
    .GridViewTicketColActeur {margin-top:8px}
    .GridViewTicketColDemandeur {margin-top:8px}
    .GridViewTicketColPlanning {margin-top:8px;margin-bottom:5px; padding-right:20px; text-align:right}

    .GridViewItrlHeader{display:none}


    .DivTodoChiffre {
        height:20px;
        padding-top:10px;
        padding-right:2px;
        padding-left:2px;
        padding-bottom:5px;
    }
    .DivTodoEtiquette{
        height:25px;
        padding:5px;
        background-color:#006d8f;
        border-radius:5px;
    }
    .LblTodoChiffre{
        font-size:18px;
        font-weight:bold;
        word-break:break-word;
    }
    .LblTodoEtiquette{
        font-size:12px;
    }
}


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

    #DivBandeau {
        max-width: 500px;
    }
    #TableBandeau
    {
        width:100%;

    }
    #DivCorpsDoc {
        width: 100%;
    }

    .GridViewResponsive {
        width:100%
    }

    .TexteNomExtraLarge {
        width: 95%;
    }

    .DivBlocInfo {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;
    }

    .DivTitreChapeau{width:300px}

    .GridViewHeader{display:none;}


    .TXT_Saisie_Multiline{width:90%}
    .TXT_Saisie_Multiline_Large{width:90%}
    .TXT_Saisie_Large{width:90%}

    .LblNofMontant{font-weight:bold;font-size:15px;}

    .GridViewProjetColCategorie{width:100%}
    .GridViewProjetColNom{margin-top:8px}
    .GridViewProjetColDescription{margin-top:8px}
    .GridViewProjetColDate{margin-top:8px}

    .GridViewNofColCommentaires{margin-top:8px}
    .GridViewNofColJustif{margin-top:8px}
    .GridViewNofColDate{margin-top:8px}
    .GridViewNofColMontant{margin-top:8px;padding-right:5px}

    .GridViewTicketColDate {display:inline-block;min-width:140px; text-align:left}
        .GridViewTicketColDate span{padding-right:2px;padding-left:2px}
    .GridViewTicketColStatut {margin-top:8px;display:inline-block;min-width:180px}
        .GridViewTicketColStatut div{display:inline-block}
    .GridViewTicketColObjet {margin-top:8px}
        .GridViewTicketColObjet span {margin-bottom:4px;display:block}
    .GridViewTicketColActeur {margin-top:8px}
    .GridViewTicketColDemandeur {margin-top:8px}
    .GridViewTicketColPlanning {margin-top:8px;margin-bottom:5px; padding-right:20px; text-align:left}

    .GridViewItrlHeader{display:none; height:1px !important}
    .GridViewItrlHeader label {display:none; height:1px !important}

    .DivTicketEtat span{display:inline-block;padding:4px 2px 0px 2px ;margin:2px 0px 0px 2px}
    .KanbanColNouveauEnTete {display:none}
    .KanbanColEnCoursEnTete {display:none}
    .KanbanColClosEnTete {display:none}

    .KanbanColNouveau {
        display:grid;
        width: calc( 100% - 10px );
        max-width:inherit;
        margin-bottom:10px;

    }
    .KanbanColEnCours {
        display: grid;
        width: calc( 100% - 10px );
        max-width:inherit;
        margin-bottom:10px;
    }
    .KanbanColClos {
        display: grid;
        width: calc( 100% - 10px );
        max-width:inherit;
        margin-bottom:10px;
    }

    .KanbanColProcess {
        display: grid;
        width: calc( 100% - 10px );
        max-width:inherit;
        margin-bottom:10px;
    }
}


@media screen and (min-width:501px) {

    #DivBandeau {
        max-width: 100%;
    }

    #TableBandeau {
        width: 100%;
    }

    #DivCorpsDoc {
        width: 100%;
    }

    .DivTitreChapeau{width:400px}


    .GridViewResponsive {
        width: 100%;
    }

    .TexteNomExtraLarge {
        width: 500px;
    }

    .TXT_Saisie_Multiline {
        width: 400px;
    }

    .TXT_Saisie_Multiline_Large {
        width:95%
    }

    .LblNofMontant {
        font-weight: bold;
        font-size: 15px;
    }

    .GridViewProjetColCategorie {
        width: 100px;
        margin-right: 10px;
        display: inline-block;
    }

    .GridViewProjetColNom {
        min-width: 100px;
        margin-right: 10px;
        display: inline-block;
        margin-top: 8px;
    }

    .GridViewProjetColDescription {
        margin-top: 8px;
    }

    .GridViewProjetColDate {
        margin-top: 8px;
    }

    .GridViewNofColUtilisateur {
        min-width: 100%;
    }

    .GridViewNofColType {
        min-width: 100%;
        margin-top: 3px;
    }

    .GridViewNofColCommentaires {
        margin-top: 3px;
    }

    .GridViewNofColJustif {
        margin-top: 3px;
    }

    .GridViewNofColDate {
        margin-top: 3px;
    }

    .GridViewNofColMontant {
        margin-top: 3px;
        padding-right: 5px;
    }

    .GridViewTicketColDate {
        display: inline-block;
        min-width: 140px;
        text-align: left;
    }

        .GridViewTicketColDate span {
            padding-right: 2px;
            padding-left: 2px;
        }

    .GridViewTicketColStatut {
        display: inline-block;
        min-width: 160px;
    }

        .GridViewTicketColStatut div {
            display: inline-block;
        }

    .GridViewTicketColObjet {
        margin-top: 8px;
    }

        .GridViewTicketColObjet span {
            margin-bottom: 3px;
            display: block;
        }

    .GridViewTicketColActeur {
        margin-top: 8px;
    }

    .GridViewTicketColDemandeur {
        margin-top: 8px;
        display: block;
    }

    .GridViewTicketColPlanning {
        padding-right: 20px;
        text-align: left;
    }

    .GridViewItrlColIdentite {
        display: inline-block;
        width: 50%;
    }

    .GridViewItrlColMedia {
        display: inline-block;
    }

    .GridViewItrlHeader {
        display: block;
    }

    .GridViewItrlHeaderIdentite {
        display: inline-block;
        width: 50%;
    }

    .GridViewItrlHeaderMedia {
        display: inline-block;
    }

    .GridViewItrlHeaderAdresse {
        display: none;
    }

    .GridViewAdresseColMedia {
        display: inline-block;
    }

    .KanbanColNouveauEnTete {
        display: none;
    }

    .KanbanColEnCoursEnTete {
        display: none;
    }

    .KanbanColClosEnTete {
        display: none;
    }

    .KanbanColNouveau {
        display:block;
        width: calc( 100% - 10px );
        max-width:inherit;
        margin-bottom:10px;

    }
    .KanbanColEnCours {
        display: block;
        width: calc( 100% - 10px );
        max-width:inherit;
        margin-bottom:10px;
    }
    .KanbanColClos {
        display: block;
        width: calc( 100% - 10px );
        max-width:inherit;
        margin-bottom:10px;
    }

}


@media screen and (min-width:768px) {
    #DivBandeau {
        max-width: 100%;
        width: 100%;
    }

    #TableBandeau
    {
        width:100%;

    }
    #DivCorpsDoc {
        max-width: 100%;
        width: 100%;

    }

    .GridViewResponsive {
        width:100%
    }

    .TexteNomExtraLarge {
        width: 700px;
    }
    
    .DivBlocRow {
        display:inline-flex;
    }

    .TXT_Saisie_Multiline{width:400px}
    .TXT_Saisie_Multiline_Large{width:600px}

    .LblNofMontant{font-weight:bold;font-size:13px;}

    .GridViewNofColCommentaires{min-width:200px;display:inline-block;margin-top:3px}
    .GridViewNofColJustif{width:60px;display:inline-block;margin-top:3px;}
    .GridViewNofColDate{width:70px;display:inline-block;margin-top:3px;}
    .GridViewNofColMontant{width:90px;display:inline-block;margin-top:3px;}

 
    .GridViewTicketColStatut {margin-top:8px;display:inline-block;min-width:140px}
    .GridViewTicketColCategorie { margin:auto; display:inline-block}
    .GridViewTicketColEtat {display:inline-block}
        .GridViewTicketColEtat span{display:block}
    .GridViewTicketColObjet {display:inline-block;vertical-align:top}
        .GridViewTicketColObjet span {display:block}
    .GridViewTicketColActeur {display:block}
    .GridViewTicketColDemandeur {display:block}
    .GridViewTicketColPlanning {display:block}


    .KanbanColNouveauEnTete {display:inline-grid;}
    .KanbanColEnCoursEnTete {display:inline-block;}
    .KanbanColClosEnTete {display:inline-grid;}

    .KanbanColNouveau {display:inline-grid;max-width:18% ;width:unset;margin-bottom:0px;}/*display:inline-grid; en responsive */
    .KanbanColEnCours {display:inline-block;max-width:60% ;width:unset}/* display:inline-block; reponsive*/
    .KanbanColClos {display:inline-grid; max-width:18% ;width:unset}/*display:inline-grid; responsive */

 

}

@media screen and (min-width:920px) {
    #DivCorpsDoc {
        width: 100%;
    }
    
    .TexteNomExtraLarge {
        width: 800px;
    }

    .GridViewResponsive {
        max-width:1400px
    }


   .GridViewProjetColCategorie{min-width:170px;margin-right:10px;display:inline-block;}
    .GridViewProjetColNom{min-width:300px;margin-right:10px;display:inline-block;margin-top:8px}
    .GridViewProjetColDescription{width:600px;margin-right:10px;display:inline-block;}
    .GridViewProjetColDate{min-width:180px;margin-right:10px;display:inline-block;}

    .GridViewNofColUtilisateur{min-width:200px;display:inline-block;}
    .GridViewNofColType{min-width:200px;display:inline-block;margin-top:3px}

    .GridViewNofColCommentaires{width:80%;display:inline-block;margin-top:3px}
    .GridViewNofColJustif{width:10%;display:inline-block;margin-top:3px;}
    .GridViewNofColDate{width:70px;display:inline-block;margin-top:3px;}
    .GridViewNofColMontant{width:90px;display:inline-block;margin-top:3px;}


    .GridViewTicketColObjet {display:inline-block;vertical-align:top;min-width:300px}
        .GridViewTicketColObjet span {display:block;width:500px;}
    .GridViewTicketColActeur {display:inline-block;min-width:150px}
        .GridViewTicketColActeur span{width:100px}
    .GridViewTicketColDemandeur {display:block;min-width:180px}
        .GridViewTicketColDemandeur span{}
    .GridViewTicketColPlanning {display:inline-block}


    .GridViewNofHeaderCategorie{width:420px}
    .GridViewNofHeaderValorisation{width:200px}

    .GridViewItrlColIdentite{display:inline-block;width:30%}
    .GridViewItrlColMedia{display:inline-block;width:30%}
    .GridViewItrlColAdresse{display:inline-block}

    .GridViewItrlHeaderIdentite{display:inline-block;width:30%}
    .GridViewItrlHeaderMedia{display:inline-block;width:30%}
    .GridViewItrlHeaderAdresse{display:inline-block}

    .GridViewAdresseColMedia{display:inline-block; margin-right:15px}
    .GridViewAdresseColCoordonnees{display:inline-block; margin-right:15px}


}