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

/*div.site-validation {background-color: red;}*/

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

.generic-table td.number, .generic-table td.euro {
    text-align: right; 
}

.generic-table td.center, .generic-table td.bool {text-align: center;}
.generic-table th.center {text-align: center;}


.generic-table td.date {text-align: center;}

.generic-table th {text-align: left; }

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

.generic-table tfoot tr td {font-weight: bold; text-align: right;}

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

.generic-table tbody:not(.filtre) tr td {transition: all 0.25s;}

/* 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) */

.generic-table  tbody:not(.filtre) tr.ligneSelectionnee:hover {background-color: #88CDAA !important; color: white !important;} /* Surlignage au survol (sauf class small-notice) */


.generic-table thead {text-align: left; background-color: #48D1CC}
.generic-table tfoot {text-align: left; background-color: #48D1CC}

.generic-table thead th, .generic-table tbody:not(.filtre) td, .generic-table tfoot th { padding: 0.5rem 0.5rem 0.5rem 0.5rem; }

.generic-table tbody:not(.filtre) tr:nth-child(even) {background-color: #E0FFFF; }
.generic-table tbody:not(.filtre) tr:nth-child(odd) {background-color: #FFFFE0;}

.generic-table {table-layout: fixed; }

.generic-table th , .generic-table tbody:not(.filtre) td {border-bottom: 1px dotted grey; border-left: 1px dotted grey;}


.generic-table th.tri {cursor: pointer;}
.generic-table th.tri> .fa {font-size: 2rem; padding-left: 1rem;}

th.tri>i {font-size: 2rem; padding-left: 5px;}

.generic-table .cadreTbl>h2 {margin: 0 0 0px 0;}


.generic-table .cadreTbl.niveau-01 tbody:not(.filtre) tr:not(.valide) {color:red; text-decoration: line-through;}

.generic-table .cadreTbl.niveau-01 tbody tr.catnok>td:nth-child(-n+3) {
    /*background-color: white;*/ 
    text-decoration: red wavy underline; 
    color: #ff4500; 
}


.generic-table th.case {width: 30px;}

.generic-table .cadreTbl.niveau-01 th.date {width: 80px;}

.generic-table aside.tableau-annexe th[data-format="date"] {width: 95px;}


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

/* A SUPPRIMER APRES ESSAIS PROD
.generic-table .cadreTbl.niveau-01 tbody tr.catNok>.Ct_Id {color:purple; text-decoration: underline;}
.generic-table .cadreTbl.niveau-01 tbody tr.catNok>.Ct_Nom {color:purple; text-decoration: underline;}
.generic-table .cadreTbl.niveau-01 tbody tr.catNok>.Ct_Prenom {color:purple; text-decoration: underline;}*/

/*.generic-table .cadreTbl.niveau-01 {font-size: 1.1rem;}*/
.generic-table .cadreTbl.niveau-01 {font-size: 1.4rem;}

.generic-table .cadreTbl.niveau-01 {position:relative;}

.generic-table .cadreTbl.niveau-01>table {width: 100%;}

#sectionTbl.generic-table .cadreTbl tr.ligneSelectionnee {background-color: #66CDAA;}

.generic-table aside.tableau-annexe {border: 1px solid blue;}

.generic-table .cadreTbl.niveau-01 thead th.raz {background-color: green;}

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

.generic-table .box-ligne, .generic-table .box-ligne-ajout {border: 2px solid blue; position: absolute; background-color: white; padding: 5px 5px 0px 5px;}

.generic-table .box-ligne-ajout {top: 0px; left: 0px;  padding: 5px 5px 6px 5px;}

.generic-table .box-ligne h3, .generic-table .box-ligne-ajout h3 {background-color: silver; margin: 0; padding: 4px 0 3px 0;}
.generic-table .box-ligne h3, .generic-table .box-ligne-ajout h3 {text-align: center;}


.generic-table .box-ligne .item>section>div, .generic-table .box-ligne-ajout>div {padding: 0 0.2rem 0 0; vertical-align: top;}
.generic-table .box-ligne .item>section>div:not(.spec), .generic-table .box-ligne-ajout>div {display: inline-block;}

#sectionTbl aside.box-01 div.header {display: block; text-align: center;}


/*#sectionTbl .cadreTbl.niveau-01 td.date {width: 0;}*/

.generic-table .box-ligne div>ul, .generic-table .box-ligne-ajout div>ul {margin:0; padding: 0;  }
.generic-table .box-ligne div>ul>li, .generic-table .box-ligne-ajout div>ul>li {margin:0.3rem 0 0 0 ; padding: 0; list-style-type: none; }

.generic-table .box-ligne li.text, .generic-table .box-ligne-ajout li.text {min-width:160px; padding-left: 125px; text-align: left; vertical-align: middle;}
.generic-table .box-ligne label.left, .generic-table .box-ligne-ajout label.left {float: left; margin-left: -125px;}

.generic-table .box-ligne input[type=text], .generic-table .box-ligne-ajout input[type=text] {padding: 0; width: 150px; }
.generic-table .box-ligne textarea[type=text] {padding: 0;  min-width: 150px;  
}

.generic-table .box-ligne select, .generic-table .box-ligne-ajout li:not(.ajustable)>select {width: 150px;}


.generic-table aside.tableau-annexe {font-size: 1.3rem;}

.generic-table .cadreTbl>h2 {margin: 0.7rem 0 0.3rem 0; color: blue;}

#box-ligne div.item>section>div+div {margin-left: 10px;}

#box-ligne div.titre-02>span {float: right;}

/*??*/



aside.box-04>div:not(.header):not(.masque) {display: inline-block; padding: 0 0.2rem 0 0; vertical-align: top;}




aside.box-04 div>ul {margin:0; padding: 0;  }
aside.box-04 div>ul>li {margin:0.3rem 0 0 0 ; padding: 0; list-style-type: none; }

aside.box-04 li.text {min-width:160px; text-align: left; vertical-align: middle;}

aside.box-04 input[type=text] {padding: 0; width: 230px;}
aside.box-04 input[type=password] {padding: 0; width: 230px;}
aside.box-04 textarea[type=text] {padding: 0;  min-width: 150px;}

aside.box-04 select {width: 150px;}


.generic-table .cadreTbl>h2 {margin: 0.7rem 0 0.3rem 0; color: blue;}

#box-ligne [data-format='euro'] {text-align: right;}
#box-ligne [data-format='euro-'] {text-align: right;}



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

#box-btn-page .box-td, #box-btn-page .box-td-02 {
    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;}

/* VOIR SI UTILE 
#box-btn-page input[type=text] {padding: 0; min-width: 250px; }
#box-btn-page textarea[type=text] {padding: 0;  min-width: 250px;}
*/


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

/* ================================================================ */
    /* Box filtre et edition */
/* ================================================================ */

#box-filtre .espace-haut {margin-top: 0.6rem;}
/*aside.box-edition .espace-haut {margin-top: 0.6rem;}*/

.versAncre i {font-size: 2rem; padding: 0 0.9rem; cursor: pointer; margin: 0 0rem;}

/* Pour la Box filtre */
#box-filtre {position: fixed; top: 20px; left:2px;}

/*aside.box-02 {position: fixed; top: 20px; left:20px;}*/
#box-filtre ul {margin: 0 0 0 0px; padding: 0 0 0 0;}
#box-filtre li {list-style-type: none; margin-top: 0.3rem;}
#box-filtre h3 {margin: 0 0 0.3rem 0; vertical-align: middle; font-size: 1.5rem;}

#box-filtre li.text {min-width:160px; padding-left: 70px; text-align: left; vertical-align: top;}
#box-filtre label.left {float: left; margin-left: -70px;}
#box-filtre input[type=text] {width: 120px;}
#box-filtre select {width: 120px;}
#box-filtre table select {width: auto;}
#box-filtre table input[type=text] {width: 90px;}

#box-filtre>h3>span {font-size: 1.3rem; color: blue;}



/*A SUPPRIMER ENSUITE après vérif page contacts*/
#box-filtre>.filtre-champs, #box-filtre>.part2, #box-filtre>.versAncre {display: inline-block; vertical-align: top;}

#box-filtre>.filtre-champs, #box-filtre>.filtre-categories, #box-filtre>.versAncre {display: inline-block; vertical-align: top;}


#versAncre>i {display: block;}

#versAncre>i {margin-top: 2rem; padding: 0;}

#box-filtre {z-index: 10;}
aside.box-edition {z-index: 11;}
/*aside.box-creer-bordereau {z-index: 11;}*/


.box-ligne, .box-ligne-ajout {z-index: 20;}

/*#raz-v1, #raz-v2, #raz-v3 {margin-left: 0.5rem; cursor: pointer;}*/


.gras {font-weight: bold;}




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

#box-pagination {position: fixed; top: 20px; left:200px; z-index: 20;}

#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) */
.generic-table ul.champ-block>li>* {display: block;}
.generic-table ul.champ-block>li.text {padding-left: 0;}

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

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

.generic-table div[data-tableau="mailing"]>.box-ligne.niveau-01>div>ul>li>* {min-width: 200px; max-width: 200px;}

.generic-table div[data-tableau="mailing"]>.box-ligne #Htm_TexteHtml {min-width: 300px; max-width: 300px; min-height: 209px;}

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

.generic-table 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;}


/* Cases modifiables dans tableau */

table tr:nth-child(odd)>td.mod-01 {background-color: Moccasin;}

table tr:nth-child(even)>td.mod-01 {background-color: PaleTurquoise;}