/* +++++++++++++++++++++++++ Tableau générique actuel +++++++++++++++++++ */


#containerGlobal.style-01 caption {margin: 0.25em 0; color: #339966; font-family: 'Oleo Script Swash Caps', cursive; font-size: 2rem; }




/*.generic-table tbody:not(.filtre) td, .generic-table th {padding: 0.5em; cursor: default;}*/




#containerGlobal tfoot tr td {font-weight: bold; text-align: right;}

#containerGlobal tfoot tr.small-notice td {font-size: 0.875em; font-weight: normal; text-align: center;}


/* FFA07A   40E0D0  66CDAA */
/*.generic-table table:not(.paiements-details)>tbody:not(.filtre) tr:not(.ligneSelectionnee):hover>td:not(.mod-01) {background-color: #66CDAA; color: white;} /* Surlignage au survol (sauf class small-notice) */*/








/* A VERIFIER */
/* //mp29 */
/* La neutralisation de la ligne chnage la couleur du thead du tableau */
/*.generic-table  tbody:not(.filtre) tr.ligne-sel:hover {background-color: #88CDAA !important; color: white !important;} */








/* ================================================================ */
    /* Tableaux */
/* ================================================================ */




/* //mp29 */
/* Gestion de la largeur des cases en fonction des largeurs de la 1ère ligne */
/*.generic-table table {table-layout: fixed; }*/






/* NOTA : soulignement ondulé pour catNok */
#containerGlobal.style-01 .cadreTbl.niveau-01 tbody tr.catnok>td:nth-child(-n+3) {
    /*background-color: white;*/ 
    text-decoration: red wavy underline; 
    color: #ff4500; 
}




/* ================================================================ */
    /* Tableau principal */
/* ================================================================ */


#containerGlobal.style-01 .cadreTbl.niveau-01 thead th.raz {background-color: green;}

/* ================================================================ */
    /* Box ligne */
/* ================================================================ */



/* ================================================================ */
    /* Box case tableau (td) */
/* ================================================================ */
/*VOIR SI UTILE*/
#box-btn-page table>tbody {position: relative;}

/*#box-btn-page .box-td {
    border: 1px solid blue; position: absolute; background-color: white; padding: 0px 0px 0px 0px; border-radius: 0;
    /*display: none;*/
}
*/

#box-btn-page div>ul {margin:0; padding: 0;  }
#box-btn-page div>ul>li {margin:0.3rem 0 0 0 ; padding: 0; list-style-type: none; }

#box-btn-page li.text {min-width:160px; padding-left: 105px; text-align: left; vertical-align: middle;}
#box-btn-page label.left {float: left; margin-left: -105px;}





/* ================================================================ */
    /* Boutons pagination */
/* ================================================================ */


#sectionTbl>h2>i {padding: 0 10px; margin-right: 3px; cursor: pointer; font-size: 30px;}

div.pagination>i {padding: 0 10px; margin-right: 3px; cursor: pointer; font-size: 30px;}

#box-pagination>i {margin: 0; padding: 0; cursor: pointer; font-size: 30px; display: block; text-align: center;}

/*#box-pagination {padding: 0.2rem;}*/

#box-pagination div.n, #box-pagination div.nt {text-align: center;} 

#box-pagination hr {margin: 0;}

/*div.pagination {float: left;}*/

/* ================================================================ */
    /* Tableaux */
/* ================================================================ */

#sectionTbl>h2 {margin-top: 0; margin-bottom: 5px;}



/* ================================================================ */
    /* Nouveau */
/* ================================================================ */




/* A METTRE DANS SPECIFIQUE */

/* ================================================================ */
    /* Spécifique */
/* ================================================================ */
/* champ et label sur 2 lignes (insérer classe dans ul) */
#containerGlobal ul.champ-block>li>* {display: block;}
#containerGlobal ul.champ-block>li.text {padding-left: 0;}

/* texarea et label sur 2 lignes (insérer classe dans li) */
#containerGlobal li.champ-block>* {display: block;}

/* ================================================================ */
    /* Spécifique tableau Mailing */
/* ================================================================ */
/* A METTRE DANS CSS SPECIFIQUE - VOIR SI UTILE */
th.Htm_Nom {width: 400px;}

#containerGlobal div[data-tableau="mailing"]>aside[data-typeBox='box-ligne'].niveau-01>div>ul>li>* {min-width: 200px; max-width: 200px;}

#containerGlobal div[data-tableau="mailing"]>aside[data-typeBox='box-ligne'] #Htm_TexteHtml {min-width: 300px; max-width: 300px; min-height: 209px;}

#containerGlobal div[data-tableau="mailing"] th.Cat_Nom {width: 87px;} 

#containerGlobal div[data-tableau="mailing"] th.Cat_Info {width: 100px;}



/* ================================================================ */
    /* Box fitre */
/* ================================================================ */


#box-filtre div.filtre>div {cursor: pointer}

#box-filtre div.filtre>div>span {float: right;}

#box-filtre div.filtre>div>span>i {font-weight: bold;}

#box-filtre div.filtre {width: 100%;}


/* ================================================================ */
    /* Spécifique pour TESTER */
/* ================================================================ */

.test-cadre-01 {border: 1px solid red ;}

/* Btn de BO activé (toggle) */
#btn-page li.bascule.btn-actif {background-color: yellow;}

/*#btn-page ul.rotation>li.btn-actif {background-color: yellow;}*/
#btn-page ul:not(.tableau)>li.btn-actif {background-color: yellow !important;}



td.icon {text-align: center;}