/* -------------------------------------*/
/* @auttor  :   Yves HADDAD OleWeb      */
/* @date    :   10/05/2013              */
/* Version  :   3.1                     */
/* Appli    :   B.I.P.                  */
/* -------------------------------------*/
/* @todo    :                           */
/*                                      */
/* note     :                           */
/*                                      */
/* -------------------------------------*/

/* -------------------------------------*/
/*          SUMMARY                     */
/* -------------------------------------*/
/*  2 - Base styles                     */
/*  3 - Blocs                           */
/*  4 - Blocs MENU                      */
/*  5 - Blocs MENU                      */
/*  6 - Blocs FILTRE                    */
/*  7 - Blocs LISTE                     */


/* -------------------------------------*/
/*          USED COLOR CODE             */
/* -------------------------------------*/
/*
Fond blanc                              #FFFFFF
Fond bloc de connexion                  #e6e7ff
*/

/* -------------------------------------*/
/*  2 - Base styles                     */
/* -------------------------------------*/
/*
body
{
    background-color: #FFFFFF;          // Le fond de la page sera blanc
    color:  #000000;                    // Le texte de la page sera noir
    font-family: Verdana, Arial, 'Trebuchet MS', 'Times New Roman';
}
*/

/* -------------------------------------*/
/*  2 - Pour full calendar, texte passage ligne dans event                     */
/* -------------------------------------*/
.fc-title{
        white-space: normal;
}


/* ------------------------------*/
/* 5 - Blocs HEADER              */
/* ------------------------------*/
#banniere_image
{
    margin-top: 15px;
    height: 50px;
    border-radius: 5px;
    background: url('../../assets/images_client/bandeau_new.jpg') no-repeat;
    background-size: cover;
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}

#banniere_description
{
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    width: 99.5%;
    height: 15px;
    padding-top: 15px;
    padding-left: 4px;
    background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    background-color: rgba(24,24,24,0.8);
    color: white;
    font-size: 0.8em;
}

.bouton_rouge
{
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url('../../assets/images_client/fond_degraderouge.png') repeat-x;
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}

.bouton_rouge img
{
    border: 0;
}

.bouton_profil
{
    display: inline-block;
    height: 25px;
    position: absolute;
    left: 90px;
    bottom: 5px;
    background: url('../../assets/images/user_32x32.png') repeat-x;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
}

.bouton_profil img
{
    border: 0;
}

.bouton_droit
{
    display: inline-block;
    height: 25px;
    position: absolute;
    left: 140px;
    bottom: 5px;
    background: url('../../assets/images/security_32x32.png') repeat-x;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
}

.bouton_droit img
{
    border: 0;
}

.bouton_aide
{
    display: inline-block;
    height: 25px;
    position: absolute;
    left: 190px;
    bottom: 5px;
    background: url('../../assets/images/support_32x32.png') repeat-x;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
}

.bouton_aide img
{
    border: 0;
}

.bouton_adm
{
    display: inline-block;
    height: 25px;
    position: absolute;
    left: 260px;
    bottom: 5px;
    background: url('../../assets/images/tools.png') repeat-x;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
}

.bouton_adm img
{
    border: 0;
}

.bouton_langue
{
    display: inline-block;
    height: 25px;
    position: absolute;
    left: 300px;
    bottom: 5px;
    background: url('../../assets/images/langue_32x32.png') repeat-x;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
}

.bouton_langue img
{
    border: 0;
}

.langue_profil
{
    display: inline-block;
    height: 15px;
    position: absolute;
    left: 330px;
    bottom: 5px;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
    color: white;
}

.bouton_size_site_standard
{
    display: inline-block;
    height: 25px;
    position: absolute;
    left: 500px;
    bottom: 5px;
    background: url('../../assets/images/zoom_out.png') repeat-x;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
}

.bouton_size_site_standard
{
    border: 0;
}

.bouton_size_site_large
{
    display: inline-block;
    height: 25px;
    position: absolute;
    left: 550px;
    bottom: 5px;
    background: url('../../assets/images/zoom_in.png') repeat-x;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
}

.bouton_size_site_large
{
    border: 0;
}

.bonjour_profil
{
    display: inline-block;
    height: 15px;
    position: absolute;
    left: 600px;
    bottom: 5px;
    padding: 3px 15px 5px 15px;       /* Haut / Droite / Bas / Gauche */
    color: white;
}


/* ------------------------------*/
/* 5 - Blocs MENU                */
/* ------------------------------*/
nav
{
   width: 100%;
   height: 50px;
   margin: auto;
   min-width: 100px;
   text-align: center;
   box-shadow: 8px 5px 3px grey;
   background-color : #FFFFFF;
}

nav ul
{
    list-style-type: none;      /* permet de retirer l'image ronde servant de puce*/
    padding-left: 10px;
 
}

nav li
{
    display: inline-block;      /* Chaque élément de la liste (<li>) est positionné en inline-block, ce qui nous permet de placer les liens côte à côte */
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 1px;
    text-decoration: none;
}

nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}



/* ------------------------------*/
/* 6 - ZONE BT COMMANDE          */
/* ------------------------------*/
.zone_bt_cmde
{
    display: inline-block;
   width: 100%;
   height: 25px;
   margin: auto;
   min-width: 100px;
   text-align: left;
   box-shadow: 5px 1px 1px grey;
   background-color : #FFFFFF; 
}

span.bt_cmde{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #5b5b5b;
    text-decoration:none
}

/* ------------------------------*/
/* 6 - ZONE LISTE                */
/* ------------------------------*/
.zone_list_filtre{
    display: inline-block;
    margin-top: 60px;
    width: 170px;
    box-shadow: 3px 3px 10px black;
    background-color : #e6e7ff;
}

.zone_list_tab{
    display: inline-block;
    margin-top: 10px;
    width: 75%;
    border: none;
    vertical-align: top;
}

.libelle_cel_filtre{
    font-weight: bold;
    width: 70%;
    font-size: 12px;
    color: black;
}



/* ------------------------------*/
/* 6 - Blocs FILTRE              */
/* ------------------------------*/
.zone_filtre
{
float: left;
width: 190px;
box-shadow: 3px 3px 10px black;
background-color : #e6e7ff;
}

/* ------------------------------*/
/* 7 - Blocs LISTE               */
/* ------------------------------*/
.zone_liste
{
    margin-left: 200px;
}

.zone_bt_commande_list
{
    width: 100%;
    margin-left: 200px;
    margin-top: 15px;
}

.zone_bt_commande_workflow
{
    width: 900px;
    margin: auto;
    margin-top: 5px;
}

.zone_bt_commande_fiche
{
    margin-top: 15px;
}

.zone_data_list
{
    margin-left: 210px;
    margin-top: 10px;
}

.zone_data_list_op
{
    margin-top: 10px;
}

.zone_data_list_bl
{
    margin-top: 10px;
}

.zone_data_list_onglet
{
    margin-top: 10px;
}

.zone_pagination_list
{
    margin-left: 210px;
    margin-top: 10px;
    background-color : grey;
}


/* ------------------------------*/
/* 7 - Blocs FICHE               */
/* ------------------------------*/
.zone_bt_commande_fiche
{
    margin-top: 10px;
}

.zone_data_fiche
{
    margin-top: 15px;
}

/* ------------------------------*/
/*  - Blocs FOOTER               */
/* ------------------------------*/
footer
{
    padding-top: 25px;
}

/* -------------------------------------*/
/*  3 - Blocs                           */
/* -------------------------------------*/
.connexion{
   width: 50%;
   margin: auto;
   min-width: 100px;
   box-shadow: 6px 6px 6px black;
   background-color : #e6e7ff;
}

.dessous
{
    clear: both;
}


/* -------------------------------------*/
/*  3 - DESIGN                          */
/* -------------------------------------*/
.bipContainerTd {
    height: 474px;
    width: 436px;
}

.bipContainer {
    height: 474px;
    position: relative;
    width: 436px;
}

.topTable {
    height: 474px;
    margin: 12px 0 0 50px;
    width: 910px;
}

.h1ContainerTd {
    width: 474px;
}

.slideText_grey h1 {
    color: #464646;
    font-family:'HelveticaRegular';
    font-size: 36px;
    font-weight: normal;
    line-height: 56px;
    margin: 0;
    text-align: center;
        
}

.slideText_grey h2 {
    color: #231F20;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    text-align: center;
}

.slideText_red h1 {
    color: red;
    font-family:'HelveticaRegular';
    font-size: 54px;
    font-weight: normal;
    line-height: 56px;
    margin: 0;
    text-align: center;
        
}

.slideContainer {
    background-repeat: no-repeat;
    display: block;
    height: 474px;
    left: 0;
    position: absolute;
    top: 0;
    width: 436px;
}

.bouton_image
{
border: none;
}

/* -------------------------------------*/
/*  3 - Entêtes des tableaux & fiche    */
/* -------------------------------------*/
span.titre_libelle_entete_fiche{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 20px;
        color: #5b5b5b;
        text-decoration:none
}

span.titre_info_entete_fiche{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #0076BC;
        text-decoration:none
}

span.titre_text_entete_fiche{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 20px;
        color: #000000;
        text-decoration:none
}

span.titre_text_entete_fiche_color{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 20px;
        color: red;
        text-decoration:none
}

span.titre_text_entete_fiche_color2{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 20px;
        color: green;
        text-decoration:none
}

span.libelle_entete_fiche{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000000;
        text-decoration:none
}

span.libelle_info_fiche{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #0076BC;
        text-decoration:none
}

span.text_entete_fiche{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #000000;
        text-decoration:none
}

span.libelle_entete_workflow {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration:none 
}
span.text_entete_workflow {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
	font-size: 14px;
	color: #bc2d68; 
	text-decoration:none 
}


/* -------------------------------------*/
/*  99 - Icones                          */
/* -------------------------------------*/
.icone_bt_small
{
width: 20px;
height: 20px;
border: none;
}

.icone_bt_medium
{
width: 25px;
height: 25px;
border: none;
}

.icone_menu
{
border: none;
}

.icone_menu_border
{
border: inset;
}



.icone_entete_tableau
{
width: 35px;
height: 33px;
border: none;
}

.bouton_entete_tableau
{
width: 100px;
height: 33px;
border: none;
}

.photo_fiche
{
width: 150px;
//height: 100px;
height: auto;
border: none;
box-shadow: 6px 6px 6px black;
background-color : #e6e7ff;
text-align: center;
background-position: center;
}


/* -----------------------------------------*/
/* Tableaux de liste                        */
/* -----------------------------------------*/
/* GENERAL */
.format_table_list{
    width:100%;
    float:left;
}

.format_table_list_bl{
       
}

/* Entête d'une list */
.format_gen_th{
    background-color: grey;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

/*                      MISE EN FORME 1                                         */

/* Cellule d'une list */
.format_cellule_list{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
}

.format_cellule_list_1{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: grey;
    font-size: 15px;
}

.format_cellule_list_center{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_separ_left{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    border-left: 2px double grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_icone{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: center;
}

/* Cellule d'une list pour un montant */
.format_cellule_list_right{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: right;
}

.format_cellule_list_right_focus1{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: navy;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
}

.format_cellule_list_left_focus1{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: navy;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}


/* Cellule d'une list */
.format_cellule_list_center_black{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    text-align: center;
    font-size: 15px;
}


.format_cellule_list_center_red{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: red;
    text-align: center;
    font-size: 15px;
}

/* Cellule d'une list mais avec une couleur d'attention'*/
.format_cellule_list_focus{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: blue;
    font-size: 15px;
}

.format_cellule_list_focus_center{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: blue;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_focus_1{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    color: navy;
    font-size: 15px;
}

.format_cellule_list_focus_2{       /* Utilisé pour séparer les colonnes (statut ou date par exemple pour les TDB)*/
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    color: darkviolet;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_focus_3{   /* Utilisé pour séparer les colonnes (statut ou date par exemple pour les TDB)*/
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    color: darkblue;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_totaux{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: black;
    text-align: center;
    font-size: 15px;
}

.format_cellule_list_right_totaux{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: black;
    text-align: right;
    font-size: 15px;
}

.format_cellule_list_left_totaux{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: black;
    text-align: left;
    font-size: 15px;
}

.format_cellule_list_right_totaux1{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    color: black;
    text-align: right;
    font-size: 15px;
}


// Dédié à la liste EVT du CRM
.format_cellule_list_center_aucune_evt{
    border-collapse: collapse;
    border-top: 2px double grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_normal_evt{
    border-collapse: collapse;
    border-top: 2px double grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: navy;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_warning_evt{
    border-collapse: collapse;
    border-top: 2px double grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: orangered;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_alerte_evt{
    border-collapse: collapse;
    border-top: 2px double grey;
    border-right: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: red;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_blocage_evt{
    border-collapse: collapse;
    border-top: 2px double grey;
    border-right: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: black;
    font-size: 15px;
    text-align: center;
}


/* Cellule d'une list mais avec une couleur d'alerte''*/
.format_cellule_list_alert{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    background-color: white;
    color: red;
    font-size: 15px;
}

/* Cellule pour la gestion des listes */
.format_cellule_list_center_aucune{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: blue;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_left_aucune{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: blue;
    font-size: 15px;
    text-align: left;
}

.format_cellule_list_left_black{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: left;
}

.format_cellule_list_center_normal{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: navy;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_warning{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: orangered;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_left_warning{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: orangered;
    font-size: 15px;
    text-align: left;
}

.format_cellule_list_center_alerte{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: red;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_left_alerte{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: red;
    font-size: 15px;
    text-align: left;
}

.format_cellule_list_center_blocage{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: black;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_left_blocage{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    font-weight: bold;
    color: black;
    font-size: 15px;
    text-align: left;
}



/*                      MISE EN FORME 2                                         */

/* Cellule d'une list */
.format_cellule_list_2{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
}

.format_cellule_list_center_2{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_2_intermediaire{
    border-collapse: collapse;
    border-top: none;
    border-right: 1px dotted grey;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_left_2_sans_border{
    border-collapse: collapse;
    border-top: none;
    border-right: none;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: left;
}

.format_cellule_list_center_2_sans_border{
    border-collapse: collapse;
    border-top: none;
    border-right: none;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_right_2_sans_border{
    border-collapse: collapse;
    border-top: none;
    border-right: none;
    background-color: white;
    color: black;
    font-size: 15px;
    text-align: right;
}

.format_cellule_list_center_2_sans_border_grey{
    border-collapse: collapse;
    border-top: none;
    border-right: none;
    background-color: white;
    color: grey;
    font-size: 15px;
    text-align: center;
}

.format_cellule_list_center_2_sans_border_red{
    border-collapse: collapse;
    border-top: none;
    border-right: none;
    background-color: white;
    color: red;
    font-size: 15px;
    text-align: center;
}

/* Cellule d'une list mais avec une couleur d'attention'*/
.format_cellule_list_focus_2{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: white;
    color: blue;
    font-size: 15px;
}

/* Cellule evec des fond de couleur:
 - Utilisé pour les état des matériels client du MODULE PARC
 - Pour les EVT
 - Pour les lignes de remontée d'information des liens intermodule*/
.format_cellule_list_yellow{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: yellow;
    color: blue;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

/* 09/12/2014: A priori, doublon, à vérifier avant de supprimer
.format_cellule_list_yellow{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: yellow;
    color: blue;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
*/

.format_cellule_list_green{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: green;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_greenyellow{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: greenyellow;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_orange{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: orange;
    color: black;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_greenyellow{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: greenyellow;
    color: blue;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_red{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: red;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_blue{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: blue;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_violet{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: violet;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_black{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: black;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_grey{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: grey;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.format_cellule_list_grey_perle{
    border-collapse: collapse;
    border-top: 1px dotted grey;
    border-right: 1px dotted grey;
    background-color: #CECECE;
    color: grey;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

/* -----------------------------------------*/
/* Tableaux des fiches & formulaires        */
/* -----------------------------------------*/
table.format_table_fiche{
    
    
}

.libelle_cel_fiche{
    font-weight: bold;
}

.libelle_cel_fiche_grey{
    font-weight: bold;
    color: grey;
}

.libelle_cel_fiche_2{
    font-weight: bold;
    width:200px
}

.libelle_cel_fiche_3{
    font-weight: bold;
    width:300px
}

.libelle_cel_fiche_2_grey{
    font-weight: bold;
    color: grey;
    width:200px
}

.ico_cel_fiche{
    width:10px
}

.libelle_cel_fiche_souligne{
    font-weight: bold;
    text-decoration: underline;
}

.libelle_cel_fiche_souligne_red{
    font-weight: bold;
    text-decoration: underline;
    color: red;
}

.text_cel_fiche{
    color: black;
}

.text_cel_fiche_small{
    font-size: 12px;
    color: black;
    
}

.text_cel_fiche_italic{
    font-style: italic;
    font-size: 11px;
}

.text_cel_fiche_grey{
    color: grey;
}

.text_cel_fiche_left{
    text-align: right;
    color: black;
}

.montant1_cel_fiche{
    text-align: right;
    color: black;
}

.montant2_cel_fiche{
    text-align: right;
    font-weight: bold;
    color: black;
}

.text_cel_fiche_focus1{
    font-weight: bold;
    color: blue;
}

.text_cel_fiche_focus1_red{
    font-weight: bold;
    color: red;
}

.text_cel_fiche_focus1_back{
    font-weight: bold;
    color: black;
}

/* -----------------------------------------*/
/* Bloc de données dans les fiches & formulaires        */
/* -----------------------------------------*/

/* Affichage Facturation & Livraison sur la même ligne */
.adresse_facturation{
display: inline-block;
    	width: 49%;
    	border: none;
	vertical-align: top;
    
}

.adresse_livraison{
        display: inline-block;
        width: 49%;
    	border: none;
	vertical-align: top;
    
}

/* Affichage de données (par exemple bl) dans 2 bloc horizontal */
/* Adapté dans les onglets */
.zone1_large{
display: inline-block;
    	width: 49%;
    	border: 1px solid grey;
	vertical-align: top;
}

.zone2_large{
        display: inline-block;
        width: 49%;
    	border: 1px solid grey;
	vertical-align: top;
}

.zone1_bt{
display: inline-block;
    	width: 49%;
    	border: none;
	vertical-align: top;
}

/* Affichage de données (par exemple stat, dossier EnR générale) dans 2 bloc horizontal */
/* Adapté dans les onglets */
.zone1{
display: inline-block;
    	width: 49%;
    	border: none;
	vertical-align: top;
}

.zone2{
        display: inline-block;
        width: 49%;
    	border: none;
	vertical-align: top;
}

/* Affichage de données dans 3 bloc horizontal */
/* Adapté dans les onglets */
.zone1_3{
display: inline-block;
    	width: 33%;
    	border: none;
	vertical-align: top;
}

.zone2_3{
        display: inline-block;
        width: 33%;
    	border: none;
	vertical-align: top;
}

.zone3_3{
        display: inline-block;
        width: 33%;
    	border: none;
	vertical-align: top;
}

/* Bloc taille fixe avec barre de défilement */
/* Adapté dans les onglets */
.zone_widget_1{
        //display: inline-block;
    	//width: 70%;
    	//border: 5px solid black;
	vertical-align: top;
        //height: 100px;
        //max-width: 100%; 
        max-height: 400px;
        overflow : scroll;
}


/* -----------------------------------------*/
/* GESTION DES ERREURS DES FORMULAIRES      */
/* -----------------------------------------*/
.form_erreur
{
	color: red;
}


/* -----------------------------------------*/
/* GESTION DES MESSAGES                     */
/* -----------------------------------------*/
.message_information
{
	color: black;
}

.message_erreur
{
	color: red;
}

.message_alerte
{
	color: red;
}

span.retour_ajax_ok{
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 10px;
        color: green;
        text-decoration:none
}

/* -----------------------------------------*/
/* GESTION DES FIELDSET                     */
/* -----------------------------------------*/
.text_encart_1
{
	color: black;
}

.text_encart_darkred
{
	color: darkred;
}

.text_encart_1_bold
{
	color: black;
        font-weight: bold;
}

fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: graytext;
}

.fieldset_encart_basic {
	border-style: dotted;
	border-width: 0.5px;
	border-color: graytext;
}