@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--primary-bg-color: #C70095; --primary-bg-color-hover: #a8007e; --primary-color: #C70095; --text-color: #666666;
	--form-border-defaut: #e4e5e7; --form-bg-defaut: #ffffff; --form-border-focus: #141a1f; --form-bg-focus: #fafafb;
}
 .icon_fa::before {padding-right: 8px; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "FontAwesome"; font-weight: 900;
  }
main > .wp-block-post-content{padding: 0; width:100%;}

h1, h2, h3, h4, h5, h6{font-family:"Inter", sans-serif; margin:0px 0 15px; font-weight: 600;}
p, a, div, span, ul, li, ol{font-family:"Inter", sans-serif; font-size: 13px; font-weight: 400; color: var(--text-color);}

h1{font-size: 25px; font-weight: 600;}
h2{font-size: 22px; font-weight: 600;}
h3{font-size: 16px; font-weight: 600;}

label{display: inline-block; padding-right: 10px;}
input[type=text], input[type=number], input[type=file], select{padding: 5px 8px; border-radius: 5px; border: 1px solid var(--form-border-defaut); background-color: var(--form-bg-defaut); border-bottom: 2px solid var(--form-border-defaut);}
select{padding: 4px 8px;}
textarea{width:100%; height: 100px;}
input[type=text]:focus, input[type=number]:focus, input[type=file]:focus, select:focus{border-color: var(--form-border-focus); background-color: var(--form-bg-focus); outline-style: none;}

body{background: #ffffff;}
p{margin: 0 0 10px;}

.clear_both{clear:both;}
.clear_left{clear:left;}
.clear_jensaisrien{clear:left;}
.display_none{display:none;}

a{margin-left: 10px; padding:5px 10px; text-decoration: none; border-radius: 5px;}
a.bt_principal{background:linear-gradient(135deg, var(--primary-bg-color), var(--primary-bg-color-hover)); color: #ffffff; cursor: pointer;}
a.bt_principal:hover{background: var(--primary-bg-color-hover);}
a.bt_principal::before{content: "\f055";}
a.bt_secondaire{padding: 4px 10px; background:#fff; color: var(--primary-color); border-width: 1px; border-style: solid; border-color: var(--primary-bg-color);}
a.bt_secondaire:hover{color: #ffffff; border-color: var(--primary-bg-color-hover); background-color: var(--primary-bg-color-hover);}
a.bt_secondaire::before{content: "\f508";}

.wp-site-blocks{}

form#form-commande{margin-top: 0;}
.bloc_entete_page{padding: 10px 25px 10px; background-color: #fafafb; border-top:1px solid #e4e5e7; position: fixed; width: calc(100% - 294px); z-index: 9; box-shadow: 0px 1px 13px -7px rgba(0, 0, 0, 1);}
.aflph-collapsed .bloc_entete_page{width: calc(100% - 130px);}
.bloc_entete_page h1.titre_page{}
.bloc_entete_page .action_entete{}
.bloc_entete_page .action_entete a{float: right;}
.bloc_entete_page .action_entete a.bt_principal::before{content: "\f055";}
.bloc_entete_page .action_entete a.notification_principale{color: var(--primary-color);}
.bloc_entete_page .action_entete a.notification_principale:hover{background: #ffffff;}
.bloc_entete_page .action_entete a.notification_principale::before{content: "\f017";}

.section_commande{padding:0px 25px 10px;}
div:nth-child(1 of .section_commande){padding-top: 25px !important; margin-top: 0;}
#bloc_entete_commande{margin-top:-65px;}
#nouveau_produit{margin-top:65px;}

.ss_section{margin-bottom:80px;}
.colonne_droite{float: right; margin-right: 25px; width: 400px;}
.ss_section_droite{padding: 20px 25px 20px;}

#bloc_clients{background-color: #f2f2f3;}
#bloc_clients label{display: inline-block; margin-top: 10px;}
#bloc_clients select{display: block; max-width: 100%;}

#bloc_pied_commande{clear: right; background-color: #f2f2f3;}
#bloc_pied_commande label{display: block; margin-top: 10px;}
#bloc_pied_commande .lien-pdf{display: block; margin:20px 0 0; text-align: right;}
#bloc_pied_commande .lien-pdf a{background: #ffffff; color: #383838; border: 1px solid #C70095; padding:8px 8px; border-radius: 4px;}
#bloc_pied_commande .lien-pdf a:hover{color: var(--primary-color);/*background: linear-gradient(135deg, var(--primary-bg-color), var(--primary-bg-color-hover)); color: #ffffff;*/}
#bloc_pied_commande .lien-pdf a::before{content: "\f1c1"; font-family: "FontAwesome"; padding-right:5px;}
#bloc_pied_commande .lien-pdf a.btn-devis::before{content: "\f570";}
#bloc_pied_commande .lien-pdf a.btn-clone{border-color: #09b70d;}
#bloc_pied_commande .lien-pdf a.btn-clone:hover{color: #09b70d;}
#bloc_pied_commande .lien-pdf a.btn-clone::before{content: "\f24d";}
#bloc_pied_commande .lien-pdf a.btn-prod{border-color: #09b70d;}
#bloc_pied_commande .lien-pdf a.btn-prod:hover{color: #09b70d;}
#bloc_pied_commande .lien-pdf a.btn-prod::before{content: "\f828";}
#bloc_pied_commande .lien-pdf a.btn-bl{border-color: #325eef;}
#bloc_pied_commande .lien-pdf a.btn-bl:hover{color: #325eef;}
#bloc_pied_commande .lien-pdf a.btn-bl::before{content: "\f0d1";}
#bloc_pied_commande .devis-envoye input{}
#bloc_pied_commande .devis-envoye label{display: inline-block;}
.role-apporteur_daffaires #bloc_pied_commande .bloc_etat_commande_prod{display: none;}


#bloc_nouveau_produit{float: left; width: calc(100% - 475px);}
#bloc_nouveau_produit #famille_produit{padding: 15px 20px; border: 1px solid #f2f2f3; border-radius: 10px;}
#bloc_nouveau_produit #famille_produit::after, #bloc_nouveau_produit .bloc_etape::after{content: " ";clear: both; display: block; height: 1px;}
#bloc_nouveau_produit #famille_produit .ajouter-famille{display: none;}
#bloc_nouveau_produit .bloc_etape{margin-top: 20px; padding: 15px 20px; border: 1px solid #f2f2f3; border-radius: 10px; clear: both; position: relative;}
#bloc_nouveau_produit .bloc_etape:nth-child(odd){background: #f2f2f3;}
#bloc_nouveau_produit .bloc_etape:nth-child(odd) h4::after{color: #ffffff;}
#bloc_nouveau_produit .bloc_etape h4.titre_etape{position: absolute; bottom: -13px; right: -3px; text-indent: -9999px; line-height: 0;margin-bottom: 0;}
#bloc_nouveau_produit .bloc_etape h4::after{display: block; text-indent: 0; line-height: initial; font-size: 50px; font-weight: 800; color: #f2f2f3;}
#bloc_nouveau_produit .etape_1_definition{}
#bloc_nouveau_produit .etape_2_composition .attributs{display: flex;}
#bloc_nouveau_produit .etape_2_composition .attributs button.delete-attributs{background: var(--form-bg-focus); border: 2px solid #f2f2f3;}
#bloc_nouveau_produit .etape_2_composition .attributs button.delete-attributs::before{content: "\f1f8";}
#bloc_nouveau_produit .etape_1_definition h4::after{content: ""}
#bloc_nouveau_produit .etape_2_composition h4::after{content: "COMPO"}
#bloc_nouveau_produit .etape_3_production h4::after{content: "PRINT"}
#bloc_nouveau_produit .etape_4_conception h4::after{content: "PAO"}
#bloc_nouveau_produit .etape_5_faconnage h4::after{content: "FACONNAGE"}
#bloc_nouveau_produit .etape_9_tarification{border-color: var(--primary-bg-color);}
#bloc_nouveau_produit .etape_9_tarification div:nth-child(1 of .column_number){width:100%;}
#bloc_nouveau_produit .etape_9_tarification div:nth-child(4 of .column_number),#bloc_nouveau_produit .etape_9_tarification div:nth-child(6 of .column_number){clear: left;}
#bloc_nouveau_produit .etape_9_tarification h4::after{content: "TARIF"; color: var(--primary-color) !important; opacity: 0.2;}
.ligne_etape .tarif_ht .tarif_ttc{display: inline !important;}
button#ajouter-produit{margin-top:10px; padding:10px 20px; background: linear-gradient(135deg, var(--primary-bg-color), var(--primary-bg-color-hover)); color: #ffffff; border:0; border-radius:4px; cursor: pointer;}
button#ajouter-produit:hover{background: linear-gradient(135deg, var(--primary-bg-color-hover), var(--primary-bg-color)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);}

#bloc_liste_produits{clear: left; width: calc(100% - 475px);}

.column_number{float: left; width: 23%; margin: 1% 1%; display: inline-block; position: relative;}
.column_number label{display: block;}

@media (max-width: 1440px){
	#bloc_nouveau_produit, #bloc_liste_produits{ width: calc(100% - 425px);}
	.colonne_droite{width: 350px;}
	.column_number{width: 31%;}
}
@media (max-width: 980px){
	#bloc_nouveau_produit, #bloc_liste_produits{ width: calc(100% - 375px);}
	.colonne_droite{width: 300px;}
	.column_number{width: 48%;}
}
@media (max-width: 782px){
	#bloc_nouveau_produit,  #bloc_liste_produits{ width: 100%;}
	.colonne_droite{width: 100%;}
	.column_number{width: 48%;}
}
@media (max-width: 509px){
	.column_number{width: 98%;}
}


/* HISTORIQUE DE COMMANDES */
#filtres_boutons{padding: 0px 0 20px 30px;}
#filtres_boutons input[type=search], #filtres_boutons a.bt_filtre{margin-right: 10px; padding: 5px 10px 5px 30px; border: 1px solid #f2f2f3;}
#filtres_boutons input, #filtres_boutons a{position: relative;}
#filtres_boutons input::before, #filtres_boutons a::before{content: "\f002"; position: absolute; font-family: FontAwesome; top: 4px; left: 10px;}
#filtres_boutons a.bt_filtre_date::before{content: "\f073";}
#filtres_boutons a.bt_filtre_commente::before{content: "\f10d";}
#filtres_boutons a:hover{border: 1px solid var(--primary-bg-color); background: #f2f2f3;}
#filtres_boutons a.actif{border: 1px solid var(--primary-bg-color); background: var(--primary-bg-color); color: #fff;}

#filtres_etapes{padding: 20px 0 0px 30px;}
#filtres_etapes a{display: inline-block; margin: 0; padding: 8px 10px; border-bottom: 4px solid #ffffff; border-radius: 0;}
#filtres_etapes a:hover{background: #f2f2f3; border-color: #f2f2f3;}
#filtres_etapes a.actif{border-color:var(--primary-color);}
#filtres_etapes a span{margin-left: 10px; padding: 2px 5px; border-radius: 4px; background: #f2f2f3;}
#filtres_etapes a:hover span{color: #fff; background-color: var(--primary-bg-color);}

#historique_commande{padding: 0 0 25px; margin-top:65px;}
#historique_commande table{width: 100%; background: #f2f2f3; border-spacing: 0px 1px;}
#historique_commande thead{}
#historique_commande thead th{padding: 15px 10px; text-align: left; background: #ffffff;}
#historique_commande tbody tr{background: #ffffff;}
#historique_commande tbody tr.row-clickable{cursor: pointer;}
#historique_commande tbody tr:nth-child(even){background: #fafafb;}
#historique_commande tbody tr:hover{background: #f1ddec;}
#historique_commande tbody td{padding: 5px 10px; text-align: left;}
#historique_commande thead th.col_multi_select, #historique_commande tbody td.col_multi_select{width: 30px; text-align: center;}
#historique_commande tbody td.col_multi_select input{width: 18px; height: 18px; accent-color: var(--primary-bg-color);}
#historique_commande thead th.col_projet, #historique_commande tbody td.col_projet{min-width: 80px;}
#historique_commande thead th.col_qte, #historique_commande tbody td.col_qte{text-align: center;}
#historique_commande thead th.col_montant, #historique_commande tbody td.col_montant{text-align: right; min-width: 77px;}
#historique_commande thead th.col_livraison, #historique_commande tbody td.col_livraison{text-align: center;}
#historique_commande thead th.col_etat, #historique_commande tbody td.col_etat{ text-align: center;}
#historique_commande thead th.col_action, #historique_commande tbody td.col_action{min-width: 70px; text-align: right;}
#historique_commande tbody td.col_action a{font-size: 18px;}
#historique_commande tbody td a{margin: 0; padding: 0;}
#historique_commande tbody td a:focus{outline-style: none;}
#historique_commande tr th:first-child, #historique_commande tr td:first-child{padding-left: 30px;}
#historique_commande tr th:last-child, #historique_commande tr td:last-child{padding-right: 30px;}
#historique_commande tbody td.etat_commande span{color: #fff; padding: 3px 5px; border-radius: 2px; display: inline-block; border:1px solid #e2e2e3; background-color: #e2e2e3;}
#historique_commande tbody td.new_devis span{background-color: rgba(90, 124, 219, 0.5); border-color: rgba(90, 124, 219, 0.8);}
#historique_commande tbody td.attente_valid_aflph span{background-color: rgba(219, 214, 90, 0.5); border-color: rgba(219, 214, 90, 0.8); color:#5f603e;}
#historique_commande tbody td.envoi_client span{background-color: rgba(225, 84, 190, 0.5); border-color: rgba(225, 84, 190, 0.8);}
#historique_commande tbody td.devis_valide span{background-color: rgba(90, 219, 111, 0.5); border-color: rgba(90, 219, 111, 0.8); color:#42603e;}
#historique_commande tbody td.encours_pao span{background-color: rgba(225, 84, 190, 0.5); border-color: rgba(225, 84, 190, 0.8);}
#historique_commande tbody td.bat_envoye span{background-color: rgba(90, 124, 219, 0.5); border-color: rgba(90, 124, 219, 0.8);}
#historique_commande tbody td.bat_modifier span{background-color: rgba(39, 102, 153, 0.5); border-color: rgba(39, 102, 153, 0.8);}
#historique_commande tbody td.bat_valide span{background-color: rgba(113, 194, 211, 0.5); border-color: rgba(113, 194, 211, 0.8);}
#historique_commande tbody td.encours_prod span{background-color: rgba(207, 11, 158, 0.5); border-color: rgba(207, 11, 158, 0.8);}
#historique_commande tbody td.attente_livraison span{background-color: rgba(219, 214, 90, 0.6); border-color: rgba(219, 214, 90, 0.8); color:#5f603e;}
#historique_commande tbody td.encours_livraison span{background-color: rgba(178, 173, 45, 0.7); border-color: rgba(178, 173, 45, 0.8);}
#historique_commande tbody td.livre_retire span{background-color: rgba(132, 128, 17, 0.8); border-color: rgba(132, 128, 17, 0.8);}
#historique_commande tbody td.facturation span{background-color: rgba(126, 219, 90, 0.6); border-color: rgba(126, 219, 90, 0.8);}
#historique_commande tbody td.facture_envoye span{background-color: rgba(67, 186, 20, 0.7); border-color: rgba(67, 186, 20, 0.8);}
#historique_commande tbody td.paye span{background-color: rgba(42, 123, 10, 0.8); border-color: rgba(42, 123, 10, 0.8);}
#historique_commande tbody td.donnera_pas_suite span,
#historique_commande tbody td.annule span{background-color: rgba(162, 162, 163, 0.5); border-color: rgba(162, 162, 163, 0.8);}

#historique_commande tbody td a i{color:#b2b2b3;}
#historique_commande tbody td a.modifier_devis:hover i{color:#000;}
#historique_commande tbody td a.voir_devis:hover i{color:#000;}
#historique_commande tbody td a.modifier_production, #historique_commande tbody td a.voir_production{display: none;}
#historique_commande tbody td a.devis_pdf:hover i{color:var(--primary-color);}
#historique_commande tbody td a.production_pdf:hover i{color:#09b70d;}
#historique_commande tbody td a.bl_pdf:hover i{color:#325eef;}

#historique_commande .action_groupe{padding: 0px 0 20px 30px;}
#historique_commande .action_groupe label{}
#historique_commande .action_groupe select{margin-right: 10px; height: 30px;}
#historique_commande .action_groupe button{background: #ffffff; color: #383838; border: 1px solid #C70095; padding: 6px 8px; border-radius: 4px; height: 30px;}
#historique_commande .action_groupe button:hover{background-color: var(--primary-bg-color); color: #fff;}
#historique_commande .action_groupe button::before{content: "\f5fd"; font-family: "FontAwesome"; padding-right:10px;}

/* ******************** DEVIS ******************** */
/*@page { size: A4; margin: 10mm 5mm 10mm 5mm;}*/
/*@page { size: A3 landscape; margin: 10mm; }
body{font-size:12px;}

.devis_entete{position: relative; height: 48mm;} 

#info_aflph {top: 0; left: 0;  width: 120mm;  padding-right: 5mm;  margin-bottom:20px;}
.entete_droite {position: absolute; top: 0; right: 0; width: 70mm; text-align: right;}

#info_aflph #logo {position: absolute; top: 0; left: 0; margin: 5px 20px 0 0; width: 147px; height: auto;}
#info_aflph .info_societe { padding-left: 167px; }

#info_aflph span, #info_client span, #entete_commande span { font-weight: 600; }
#entete_commande p{margin:1mm;}
#entete_commande p, #entete_commande p span { font-size: 16px; }
#entete_commande span { border-bottom: 1px solid #000; }
#entete_commande .date_fin_projet{margin:0 0 10px 5px; color: #C70095; font-weight: 600;}
#entete_commande .date_fin_projet label{font-weight: 400;}
#entete_commande p.message{font-size:12px; margin-bottom: 20px;}

#info_commande h2 {font-size: 38px; font-weight: 700; line-height: 42px; color: #000; margin: 0; }
#info_client {margin-top: 2mm; padding: 0 2mm 2mm; background: #f2f2f3; text-align: left;}
#info_client h3{text-transform: uppercase; font-size: 18px; font-weight: 500; line-height: 22px; margin: 0; color: #C70095; }
#info_client h4{margin:0; font-size: 12px; font-weight: 600; }

#pied_commande{margin-top: 15px;}
#pied_commande strong{display: block; text-align: right;}
#accord{clear:both; margin-top:10mm;}
#accord::after{content:"Date et signature"; display: block; margin-top:5px; width:350px; height:100px; padding:10px; background: #f2f2f3;}
#conditions{margin-top: 10px; border-top: 1px solid #f2f2f3; padding: 5px; font-size: 10px;}
#footer{margin-top: 15px; border-top: 2px solid #000; padding-top: 5px; text-align: center;}
#footer a{margin: 0; padding: 0; color: #C70095;}

.produit_seul{margin-bottom:20px; position:relative;}
.produit_seul strong{font-size:13px;}
.produit_seul .btn{position:absolute; bottom:10px; right:10px;}
.ligne_etape span:last-child{display: none;}
.etape_livraison .tarif_ht, .ligne_etape .tarif_ht{display:inline-block; background:#f2f2f3; padding:1mm 2mm; font-weight: 700; font-size:13px; float:left; margin-right:3mm;}
.etape_livraison .tarif_ht label, .ligne_etape .tarif_ht label{font-weight:400; font-size:11px;}
.etape_livraison .quantite_etp6, .ligne_etape .quantite_etp6{padding:1mm 2mm; margin-bottom:1mm;}
.etape_livraison .quantite_etp6::after, .ligne_etape .quantite_etp6::after{content:" exemplaires."}*/


/* DEVIS */
@page {size: A4; margin: 10mm 5mm 10mm 5mm;}
body{font-size:12px;}

.devis_entete {position: relative; height: 48mm;}

#info_aflph {top: 0; left: 0; width: 120mm; padding-right: 5mm; margin-bottom:20px;}
.entete_droite {position: absolute; top: 0; right: 0; width: 70mm; text-align: right;}

#info_aflph #logo {position: absolute; top: 0; left: 0; margin: 5px 20px 0 0; width: 147px; height: auto;}
#info_aflph .info_societe {padding-left: 167px; }

#info_aflph span, #entete_commande span { font-weight: 600; }
#entete_commande p{margin:1mm;}
#entete_commande p, #entete_commande p span { font-size: 16px; }
#entete_commande span { border-bottom: 1px solid #000; }
#entete_commande .date_fin_projet{margin:0 0 10px 5px; color: #C70095; font-weight: 600;}
#entete_commande .date_fin_projet label{font-weight: 400;}
#entete_commande p.message{font-size:12px; margin-bottom: 20px;}

/* Typo du bloc droit */
#info_commande h2 {font-size: 38px; font-weight: 700; line-height: 42px; color: #000; margin: 0; }
#info_client {margin-top: 2mm; padding: 0 2mm 2mm; background: #f2f2f3; text-align: left;}
#info_client h3{text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 15px; margin: 0; color: #C70095; }
#info_client span{display:block; font-weight:400;}

#pied_commande{margin-top: 15px;}
#pied_commande strong{display: block; text-align: right;}
#accord{clear:both; margin-top:10mm;}
#accord::after{content:"Date et signature"; display: block; margin-top:5px; width:350px; height:100px; padding:10px; background: #f2f2f3;}
#conditions{margin-top: 10px; border-top: 1px solid #f2f2f3; padding: 5px; font-size: 10px;}
#footer{margin-top: 15px; border-top: 2px solid #000; padding-top: 5px; text-align: center;}
#footer a{margin: 0; padding: 0; color: #C70095;}

.produit_seul{margin-bottom:20px; position:relative; padding:10px 15px; border: 1px solid #f6d8ee; border-radius: 8px;}
.produit_seul strong{font-size:13px;}
.ligne_etape span:last-child{display: none;}
.ligne_etape .tarif_ht .tarif_ttc{display: inline !important; font-weight:400; color:#C70095;}
.ligne_etape .tarif_ht .tarif_ttc:before{content: "soit "; color: #000;}
.ligne_etape span.delai_presta{display: block;}
.etape_livraison .tarif_ht, .ligne_etape .tarif_ht{display:inline-block; font-weight: 700; font-size:13px; float:left; margin-right:1mm; background:#f2f2f3; padding:2px 2mm 4px;}
.etape_livraison .tarif_ht label, .ligne_etape .tarif_ht label{font-weight:400; font-size:11px;}
.ligne_etape .tarif_ht label:before{content: "Tarif de la prestation totale HT :"; font-size:12px;}
.etape_livraison .quantite_etp6, .ligne_etape .quantite_etp6{padding:1mm 2mm; margin-bottom:1mm; background: #f2f2f3;}
.etape_livraison .quantite_etp6::after, .ligne_etape .quantite_etp6::after{content:" exemplaires."}
.ligne_etape div:nth-child(1 of .tarif_ht), .ligne_etape div:nth-child(1 of .quantite_etp6) {margin-top:5mm !important;}
.produit_seul .champ_manquant{background:#f6d8ee; border-radius:0 0 8px 8px; margin:10px -15px -10px; padding: 11px 15px;}
.produit_seul .btn{position:absolute; bottom:4px; right:4px;}
.produit_seul .btn button{background: #fff; border: none; padding: 8px 10px; font-weight: 600; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); border-radius: 2px; cursor: pointer;}
.produit_seul .btn button:hover{background: #c70095; color:#fff;}

/* FICHE PRODUCTION */
.fiche_production{position: relative;}
.fiche_production .colonne_droite_rappel{position:absolute; top:-25px; right: 30px; transform: rotate(-90deg); transform-origin: right top; display: inline-block; max-width:1200px;}
.fiche_production .colonne_droite_rappel .bloc_rappel{display:inline; padding: 7px 10px; margin-left:20px; background: #f2f2f3; border: 1px solid #ccc; text-align:	left; font-size: 16px;}
.fiche_production .colonne_droite_rappel .bloc_rappel strong{padding-right:10px;}

.fiche_production .colonne{display: inline-block; margin:0 1%; line-height: 18px; margin-bottom:4px;}
.fiche_production .colonne.une_col{width:97%;}
.fiche_production .colonne.deux_col{width:47%;}
.fiche_production .colonne.trois_col{width:31%;}
.fiche_production .colonne.quatre_col{width:22%;}

.fiche_production .entete_production{margin-bottom:20px; padding:10px 0; background: #f2f2f3; width: calc(100% - 45px);}

.fiche_production .liste_projet_prod{width: calc(100% - 45px);}
.fiche_production .liste_projet_prod .fiche_produit{margin-bottom:20px; padding-top: 2px; padding-left:8px; border-top:1px solid #444; position: relative;}
/*.fiche_production .liste_projet_prod .fiche_produit::before{content:"X"; position: absolute; top:0; left:0; background: #444; color: #fff; padding:6px 2px 0;}*/
.fiche_production .liste_projet_prod .fiche_produit .colonne{font-size: 13px;}
.fiche_production .liste_projet_prod .fiche_produit table{padding: 10px 1%;}
.fiche_production .liste_projet_prod .fiche_produit table th, .fiche_production .liste_projet_prod .fiche_produit table td{padding: 4px 5px; text-align: center;}
.fiche_production .liste_projet_prod .fiche_produit table th{background: #f2f2f3;padding: 4px 10px;}

section.page_avancement{}
section.page_avancement table{width: 100%; margin-bottom:20px;}
section.page_avancement table thead{border:1px solid #f2f2f3;}
section.page_avancement table thead tr th{background: #f2f2f3; height: 20px; width: 12.5%;}
section.page_avancement table tbody{height:40mm; border:1px solid #f2f2f3;}
section.page_avancement table tr td, section.page_avancement table tr th{width:12.5%;}
section.page_avancement table tr th.colspan_3, section.page_avancement table tr td.colspan_3{/*min-width:50mm;*/}
section.page_avancement table tbody tr td{border:1px solid #f2f2f3; height: 25px;}
section.page_avancement table tfoot tr th{height: 30px;}
section.page_avancement table tfoot tr th.duree_totale{border:1px solid #f2f2f3; background-color:#f2f2f3;}

section.page_avancement #section_commentaires{width: 100%;}
section.page_avancement #section_commentaires .commentaire_produit{padding: 15px 0 10px; border-top: 1px solid #f2f2f3; margin-bottom: 15px;}
section.page_avancement #section_commentaires .commentaire_produit label{color: #888888; font-size: 14px;}
section.page_avancement #section_commentaires .commentaire_produit label b{font-weight: 700;}
section.page_avancement #section_commentaires .commentaire_produit .txt_commentaire{/*height:35mm;*/ text-transform: uppercase; font-weight: 500; margin-top:5px;} /* 3 produits */
section.page_avancement #section_commentaires .commentaire_produit .txt_commentaire{height:62mm} /* Pour 2 produits */