* { box-sizing: border-box; } /* pour que les bordures soient prises en compte dans les longueurs et largeur */

html {font-family: sans-serif; }	
body { align-content: flex-start; display: flex; flex-wrap: wrap; }
.rotation45:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.testbg{background: linear-gradient(to right, yellow, rgba(0,255,0,0));}

#top>div{text-transform:uppercase;color:#ffffff;text-align:center;padding:6px 0;}
ul{margin: 0;}


/**************************
****** FONT AWESOME *******
**************************/

.fa-bell-o::before { content: "\f0a2" }

/*************************
******* MASTERPAGE *******
**************************/

body { display: flex; flex-direction: column; width: 100%; height: 100%; }
.mp_ban { background-color: #000; height: 60px; padding: 0 15px;  width: 100%;}
.mp_middle { flex: 1; overflow: auto; display: flex; flex-direction: row; }
.mp_footer {  }


/* MENUS */

.menuleft_big { width: 270px; }
.menuleft_big ul li a span { display: inline !important; }
.menuleft_small { width: 70px; }
.menuleft_small ul li a span, .menuleft_small .nom_user { display: none; }
.menuleft_small ul li a { padding: 5px 15px !important; font-size: 20px; }
.menuleft_small .photo_profil a img { background-color: #777777; height: 50px; width: 50px;}

.cont_menuleft {background-color: #2f323a; height: 100%;}
.cont_menuleft ul.left-bar { list-style-type:none; font-size:80%; width: 100%;}
.cont_menuleft ul.left-bar li { color: #aaa; margin-bottom: 5px; margin-left: 10px; margin-right: 10px; line-height: 35px; }
.cont_menuleft ul.left-bar li a { color:#aaa; display: block; padding: 5px 20px; } /* display block pour qu'il prenne toute la largeur du li */
.cont_menuleft ul.left-bar li a:hover  { background-color: #ECAB00;  color: #eee; transition-duration: 0.3s;  }
.cont_menuleft ul.left-bar li.liSelected { background-color: #ECAB00; }
.cont_menuleft ul.left-bar li.liSelected a { color: #eee !important; }

ul.left-bar li a i  { padding-right: 12px; }

.cont_menuleft_profil { height: 110px; margin-bottom: 20px; width: 100%; }
.photo_profil { margin-top: 20px; text-align: center;}
.photo_profil a img { background-color: #777777; height: 70px; width: 70px;}
.cont_menuleft_profil .nom_user { font-weight: 700; color: #f2F2F2; font-size: 12px; text-align: center; }
.cont_menutop {  }


.menu_gauche { background-color:#000; box-shadow: 0 0 10px rgba(0,0,0,.15); color:#222; display: flex; min-height: 90%; padding-top: 50px; }
.menu_gauche li { transition-duration:0.4s; line-height: 3;}
.menu_gauche li a:hover { background-color: #FFDD96;  color: #222; }
.active_menu { background-color: #ffa100 ;}


/* BANNIERE */


.ban_toggleMenu { float: left; padding-right: 40px; margin-top: 20px; }
.ban_toggleMenu i { color: #ccc; cursor: pointer; display: inline-block; font-size: 20px; }
a.logo { font-size: 24px; color: #f2f2f2; float: left; margin-top: 15px; text-transform: uppercase; }
a.logo b { font-weight: 900; }
a.logo span { color: #ECAB00; }

.ban_btnAlerte { float: left; margin-top: 15px; margin-left: 92px; padding-left: 0; margin-bottom: 0; }
.ban_btnAlerte ul > li > a { color: #666666; font-size: 16px; -webkit-border-radius: 4px; border: 1px solid #666666 !important; padding: 2px 8px;
							 margin-right: 15px; position: relative; display: block;}
.ban_btnAlerte ul > li { float: left; }
.ban_btnAlerte ul > li > a:hover { color: #ccc; border-color: #ccc !important; }
.ban_btnDeconnexion { float: right; }
.ban_btnDeconnexion a { background-color: #610B0B; border-radius: 4px; color: #ccc; padding: 3px 9px; float: right; margin-top: 15px; }
.ban_btnDeconnexion a:hover { background-color: #B40404; color: #fff; }

.navtop{ background-color: #000; display: flex;	height: 60px; justify-content: space-between; width: 100%;}
.navright, .navLeft { align-items: center; display: flex; }


.divContenu { background-color: #fff; border: solid 1px #dae1e7; padding: 10px; margin-top: 20px;}

@media (min-width: 700px){
	.menu_gauche { color: #222; display: flex;  width: 200px; }
	.content_droit{  display: flex; flex-direction: column; flex: 1;width: 75%; } /* attention align item center pas top si responsive pas géré */
}
@media (max-width: 700px){
	.navlogo {display: none;}
	.navright {width: 100%;}
}


/* CONTENU PRINCIPAL */


.cont_main { overflow: auto; width: 100%; }


/***********************
******* GRIDSTER *******
************************/
.gridster ul li {
	/* Variables qui définissent la taile d'un carré de base dans Gridster */
	--max-width: 140px;  
  	--max-height: 140px;

  	max-width: var(--max-width);
  	max-height: var(--max-height);
	background-color: #dbdbdb; 
  	overflow: auto;
  	position: absolute;
  	padding: 5px;
 }


/***********************/
/*******   404   *******/
/***********************/

.div404main { display: flex; flex-direction: row; padding : 50px;}
.div404main2 { display: flex; flex-direction: column; padding-top: 100px; padding-bottom: 10px; padding-left: 100px; width: 50%;}
.div404main3 { display: flex; flex-direction: column; padding-top: 100px; padding-bottom: 10px; padding-right: 100px; width: 50%;}
.span404oups { color: rgb(72, 72, 72); font-size: 100px; font-weight: 700;}
.span404_2 { color: rgb(72, 72, 72); font-size: 32px; font-weight: 400; line-height: 33px;}
.div404main3 img { width : 600px; }



/*****************************/
/*******   IMPORTANT   *******/
/*****************************/

.height100 { height: 100px !important; }




/***************************/
/*******   BOUTONS   *******/
/***************************/

.btnPlusDAction, .btnSupprimerPaiement, .btnExportAscii, .btnSupprimerModule, .btnSupprimerConvention, .btnVoirLignesEcriture, .btnModifierLigneFacture, .btnPreremplirLigneFacture,
	.btnSuppLigneFacture, .btnAjoutLigneFacture, .btnPlus, .btnMoins, .divModuleLienfacture, .divModuleSuppLienfacture, .divModuleLierfacture, .btnSelectionFactureInscription,
	.btnVoirEcritures, .btnInsererParcours, .btnCreerEntreprise, .btnInsererModule, .btnInsererDate, .btnGenererPdf, .btnGenererPdfAttestation, .btnGenererPdfProlongation, .btnCreerDevis, .btnVoirDevis, .btnAjoutLigneDevis, .btnSuppLigneDevis,
	.btnModifierLigneDevis, .btnSuppModuleDateReel, .btnModifierModuleReelDate, .btnSupprimerInscription, .btnInscriptionStagiaire, .btnModifierInscription, .btnParametrageConv, .btnLierInscription,
	.btnDelierInscription, .btnDupliquer, .btnNouveauParametrageModule, .btnSupprimerParametrageModule, .btnSupprimerParametrageFormation, .btnNouveauParametrageFormation, .btnEnvoiFichier,
	.btnDupliquerModuleDate, .btnSupprimerModuleDate, .btnSelectionnerModeleConventionGrise, .btnSelectionnerModeleConvention, .btnProlonger, .btnDesinscrire,
	.btnSuppressionStagiaire, .btnGenererPdfCalendrier, .btnCopierModules, .btnCollerModules
	{ border-radius: 2px; margin-bottom: 0 !important; margin: 0px 1.5px; padding: 0.3rem 1rem 0.5em 1rem !important; }

.hidden { display: none; }
.param:before {content: 'U+2742';}


/****************************/
/*******   TABLEAUX   *******/
/****************************/

.divBoutonActionER { display: flex; justify-content: flex-end; height: 60px; width: 100%; }
.divBoutonActionER .btnfinal a { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.divBoutonActionER a, .divBoutonActionER .btnAjout { background-color: #288eae; border-left: solid 1px #ddd; color: #eee; font-size: 2em; line-height: 100%; padding: 13px 20px; transition-duration:0.2s; width: 60px;}
.divBoutonActionER a.fi-x:hover, .divBoutonActionER .btnAjout:hover {  color: #444; }
.divBoutonActionER .btnAjout { cursor: pointer; }
.divFiltre, .divTableauRecherche { display: flex; justify-content: flex-start;  margin-bottom: 20px;  width: 100%; }
.divFiltre { }
.rechercheNbResultat { font-size: 0.9em; color: #3939ac; }

#tabmain th, #tableRecherche th, 
#tableRecherchePopup th, .tableDetailPaiementModule th, 
.dataTables_scrollHead th, .tableauBord .tableRecherche th,
#tableParametrageFormationModule th, #tableParametrageFormation th,
.tableGTB1Avancement th,
#popTableListeParametrageModule th, #popTableSelectionModeleConvention th { background-color: #aaa; color: #fff; font-size: 0.88em; font-weight: normal; text-align: center; }
#tableParametrageFormationModule th, #tableParametrageFormationModule td, 
#tableParametrageFormation th, #tableParametrageFormation td, 
#tableRecherche th, #tableRecherche td,  
#tableRecherchePopup td, .tableDetailPaiementModule td, #popTableListeParametrageModule td { font-size: 70%; }
#tableParametrageFormationModule tr td, #tableRecherche tr td,  #tableRecherchePopup tr td, .tableDetailPaiementModule tr td, #tableParametrageFormation tr td,
#popTableListeParametrageModule tr td, 
.tableGTB1Avancement td  { padding: 2px; }
#tableRecherche td input, #tableRecherchePopup td input, #tableParametrageFormationModule tr td input, #tableParametrageFormation tr td input,
#popTableListeParametrageModule td input { display: block; margin: auto; }
.dataTables_paginate {  }
.dataTables_paginate .previous, .dataTables_paginate .next { font-size: 0.8em;  }
.dataTables_paginate .paginate_button { padding: 2px 10px; margin: 2px; }
.dataTables_paginate .paginate_button.current { background: #189FC0; border-radius: 3px; color: #fff;}
.dataTables_info, .dataTables_paginate { display: inline-block; }
.dataTables_info { color: #189FC0; font-size: 0.8em;  }


.tableDStagiaire .trEntete, 
.tableDStagiaire .trEntete th, 
.tableDDevis .trEntete, 
.tableDDevis .trEntete th, 
.tableDFacture .trEntete, 
.tableDFacture .trEntete th,
.tableDModuleReelDate .trEntete, 
.tableDModuleReelDate .trEntete th,
.tableDModuleReelInscriptions .trEntete,
.tableDModuleReelInscriptions .trEntete th	{ background-color: #aaa; color: #fff; font-size: 0.88em; font-weight: normal; text-align: center;}
#tableDParcours .trEntete th { background-color: #aaa; color: #fff; font-size: 0.80em; font-weight: normal; }

#tabmain td, #tabmain th, #tabmain2 td, #tabmain2 th, #tabmain3 td, #tabmain3 th, .dataTables_scrollHead th { font-size: 70%; }






/********************************/
/*******   ETAT MODULES   *******/
/********************************/

.trBarre { background-color: #aaa !important; text-decoration: line-through; }
.trBarre .red { color: red; }
table tr.trBrouillon { background-color: #eee; }
table tr.trPlanifie { background-color: #F8E6E0; }
table tr.trProgramme { background-color: #FBF8EF; }
table tr.trEnCours { background-color: #E0F2F7; }
table tr.trTermine { background-color: #DFFDDF; }
table tr.trAnnule { background-color: #ffcccc; }
table tr.trProlonge { background-color: #bbbbbb; }
table tr.trProlonge td, table tr.trProlonge td a { color: #666 !important; }







/******************************/
/*******   COMPOSANTS   *******/
/******************************/

/**** COMBOBOX ****/

.comboMulti { background-color: #fff; border: solid 1px #ccc; color: #aaa; display: inline-block; font-size: 12px; height: 25px; padding: 3px 6px; width: 100%;}
.comboMulti:after { content: "v"; position: absolute; right: 10px;}
.comboMultiDivAffichage { background-color: #fff;  border: solid 1px #ccc; cursor: pointer; display: none; height: 200px; min-width: 250px; overflow-y: auto; padding: 5px; position: absolute; width: 100%; z-index: 10;}
.comboMultiDivAffichage label { overflow: hidden; text-overflow: ellipsis; width: 80%; word-wrap: break-word; height: 20px; }
.comboMultiLi:hover { background-color: #ddd; }
.comboMultiLi { padding: 2px 7px; }
.comboMultiLi input { padding-right: 9px; }
.comboMultiLi label { line-height: 26px; }
.cmbLiSelected { background-color: #84d1ee !important;}
div.filtreSaisi { box-shadow: 0 0 3px 0 #ffe6b3; }
span.filtreSaisi { background-color: #fff7e6; color: #000 !important; }
span.filtreSaisi:after { content: "\03C8"; position: absolute; color: #b37700; font-weight: bolder; font-size: 1.1em; right: 10px;}




/*************************/
/******   GENERAL   ******/
/*************************/

.formInline { display: inline !important; }
.divFlex { display: flex; }
.fondAjout { background-color: #d3eaca !important; }
input:read-only { background-color: transparent; color: #000; }

/**** COULEUR FOND ****/
.fo, body { background-color: #fff; }
.bgorange { background-color: orange !important; padding: 5px !important; }
.spanInvisible { visibility: hidden; padding: 0 !important; margin: 0 !important;}

/***************************************/
/*******   OVERRIDE FOUNDATION   *******/
/***************************************/


.row { max-width: 100% !important;}
.row input { margin: 0 0 0.4rem 0;}
form .row .row, .exForm .row .row { padding: 3px 10px; margin-bottom: 5px;}
form .row .row .column, form .row .row .columns { padding: 0;}
form .row .small-6 .blocEcran .small-6 { padding: 3px ; line-height: 0.5; }
form .row .small-6 .blocEcran .small-6 input::-moz-placeholder { color: #000000; }
.tableActiviteEntreprises thead tr td {color: #ffffff; font-size: 0.875rem; padding: 0.5rem 0.625rem 0.625rem; font-weight: bold;}
textarea { min-height: 26px !important;}
textarea[rows]{ min-height: 85px !important; }
.sansPadding { padding: 0 !important; }
.sansMargin { margin: 0 !important; }

button.inactif, .button.inactif, .btnNeutre { background-color: #e6e6e6 !important; border-color: #b3b3b3 !important; color: #FFFFFF !important; }

.btnPurple { background-color: #BCA9F5; border-color: #9F81F7; color: #ffffff; }



/********************************/
/*******   BLOCS ECRANS   *******/
/********************************/


/**** ENTETE ****/ 

.top-titre a.fi-clock, .top-titre a.fi-power { font-size: 3em; width: 60px; border: solid 1px #ffffff; margin: 0 0 0 10px; }
.top-titre a.fi-clock{ color: #444; }
.top-titre a.fi-power {color: #990000; }
.top-titre a.nom_user { color: #444; margin: 0 20px 0 0;  }

a.fi-clock.alerter { background-color: #FFA100 !important; }
a.fi-clock.alerter:hover { background-color: #FFDD96 !important; color: #000;}
.options_top .spanCompteurAlertes { font-size: 12px; margin-right: 0px; position: absolute; top: 5px; color: inherit !important;}

.navlogo{ background-color: #000; height: 100%;	padding: 15px; width: 88px;}
.navlogo img { height: 100%; }
.navTitreApplication {}
.navNom { color: #eee; font-size: 2em; margin: auto;  }
.navSlogan {}
.options_top a { border-left: solid 1px #ddd; color: #ddd; font-size: 1.2em; line-height: 100%; padding: 20px 25px; transition-duration:0.2s;}
.options_top a.fi-clock:hover, .options_top a.fi-torso:hover { background-color: #eee; color: #444; }
.options_top a.fi-power:hover { background-color: #cc0000;  border-left: solid 1px #cc0000; color: #000; }
.options_top span { color: #eee; margin-right: 30px;}


.fo{ color:#222;}
.fr{background:#962124; color:#ffffff;}
.fg{}
.fvert{background:#72eb6b;}
.o{color:#e46c0a;}
.r{color:#962124;}
.g{color:#542c20;}

/*couleurs groupements*/
.fvi{background-color:#e8b3fe;}
.vi{color:#e8b3fe;}
h1{font-size:140%;border-bottom:solid 1px #e46c0a;}
h2{font-size:110%; padding:10px 8px; background:#e46c0a; color:#ffffff; margin-top:40px;}
p{margin-bottom: 0; padding:5px;}






/**** MENU SECONDAIRE ****/

.ulMenuSecondaire { display: flex; background-color: #082732; height: 40px; padding 5px;}
.ulMenuSecondaire li { color: #eee; width: 200px; list-style-type: none; margin: 0; text-decoration: none; text-align: center; text-transform: uppercase;}
.ulMenuSecondaire li:hover { background-color: #FFDD96; transition-duration: 0.4s; }
.ulMenuSecondaire li a { color: #eee; display: inline-block; font-size: 12px; line-height: 40px; width: 100%; margin: 0; text-decoration: none;}
.ulMenuSecondaire li a:hover { color: #333; font-size: 13px; font-weight: bold; padding-top: 2px; transition-duration: 0.4s; }
.ulMenuSecondaire .liSelected { background-color: #FFDD96 !important; border: solid 1px #bbb !important; }
.ulMenuSecondaire .liSelected a { color: #333; font-weight: bold !important; padding-top: 2px; }


/**** FIL ARIANNE ****/

ul.filArianne { background: #f4f4f4; border: solid 1px gainsboro; border-radius: 3px; display: block; list-style: none; margin: 3px; overflow: hidden; 
				padding: 1rem 0.8rem 1rem; }
ul.filArianne > * { color: #008CBA; float: left; font-size: 0.7rem; line-height: 0.7rem; margin: 0; text-transform: uppercase; }
ul.filArianne > * a { color: #008CBA; font-weight: bold;}
ul.filArianne > * span { color: #111; }
ul.filArianne > * a:hover { text-decoration: underline; }
ul.filArianne > * a:after { color: #aaa; content: "/"; margin: 0 0.7rem; position: relative; top: 1px; }


/**** FIL ARIANNE SOLO ****/

ul.filArianneSolo { background: #f4f4f4; border: solid 1px gainsboro; border-radius: 3px; display: block; list-style: none; margin: 3px; overflow: hidden; 
				padding: 1rem 0.8rem 1rem; }
ul.filArianneSolo > * { color: #008CBA; float: left; font-size: 0.7rem; line-height: 0.7rem; margin: 0; text-transform: uppercase; }
ul.filArianneSolo > * a { color: #008CBA; font-weight: bold;}
ul.filArianneSolo > * span { color: #111; }
ul.filArianneSolo > * a:hover { text-decoration: underline; }


/**** BOUTON D'ACTION ****/

div.boutonAction { background: #f4f4f4; border: solid 1px gainsboro; border-radius: 3px; display: block; list-style: none; margin: 3px; overflow: hidden; padding: 2.3px; }
div.boutonAction > * .button { height: 38px; line-height: 38px; margin: 0 3px 0 0; padding: 0 20px; width: 120px;}


/**** LIGNE SEPARATION ****/

hr { margin: 0.8em 0.2rem; }


/**** GENERAL ECRAN ****/

.blocEcran { background: #f4f4f4; border-radius: 3px; display: block; list-style: none; margin: 3px; padding: 1rem 0.8rem 1rem;}
.blocEcran.blocEcranModified { border: solid 3px #FFBF00; box-shadow: -2px -2px 20px #FFBFaa; }
.blocEcran label { font-size: .8rem; }
.blocEcran .row .row { margin: 4px 0 0 0; padding: 0; }
.blocEcran .lblBlocEcran0Donnees { text-align: center; width: 100%; }
.blocEcran .lblTitreBlocEcran { background: #333; border: solid 1px #ccc; cursor: default; border-radius: 3px; color: #fff; display: inline-block; font-size: 14px; 
		height: 25px; line-height: 25px; margin-right: 4px; padding: 0 5px ; text-align: center; text-decoration: uppercase; vertical-align: middle; min-width: 100px; width: 100%;}
.blocEcran .lblSousTitreBlocEcran { background: #85C9D9;border: solid 1px #ccc; cursor: default; border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 13px; 
height: 25px; line-height: 25px;margin-right: 0px;padding: 0 5px ;text-align: center; vertical-align: middle; min-width: 100px; width: 50%; font-weight: bold;}
.spanTbAdmin { font-size: 0.8em; }
.ligneAjout, .ligneAjout td, .ligneAjout:after, .ligneAjout td:after { background-color: #d3eaca !important; border-color: #d3eaca !important; }
.ligneAjout2, .ligneAjout2 td, .ligneAjout2:after, .ligneAjout2 td:after { background-color: #d3eaca !important; border-color: #d3eaca !important; }
.ligneAjout input, .ligneAjout select { background-color: #ecf3e8 !important; border-color: #ecf3e8 !important; }
.ligneAjout2 input, .ligneAjout2 select { background-color: #d3eaca !important; border-color: #d3eaca !important; }
.paddingReduit { padding: 2px 10px !important; }
.scrollX { overflow-x: visible; }
.scrollY { overflow-y: visible; }
.scrollYS { overflow-y: scroll; }
.largeurX2 { width: 300% !important; }
.paddingTop10 { padding-top: 10px !important; }
.paddingRight0 { padding-right: 0 !important; }
.afficheSymboleEuro:after { content: " €"; font-size: 0.8em;  position: absolute; right: 10px; top: 3px; }
.afficheSymboleEuroTD:after { content: " €"; right: 10px; }
.inputMontant, .afficheSymboleEuro .inputMontant { padding-right: 25px; text-align: right; }
.placeholder { color: #333; }
select:invalid { cursor: pointer; color: #b40404 !important;  font-weight: bold; background-color: #ffe6e6;}
.height32 { height: 32px !important; }

.tableHover tbody tr:hover, .row.hover:hover{ background: rgb( 247, 230, 220); font-weight: bolder; transition-duration: 0.3s; }
.row.hover input:hover {cursor: pointer; }


.padding0 div.row { padding: 0 !important; }

.blocEcranTitle { margin-bottom: 10px; font-size: 25px; font-family: Verdana; margin-left: 25px; }
.conteneurBtnSave { display: flex; justify-content: flex-end; margin-top: 20px; }
.btnSave { margin: 0; }


/**** FOOTER ****/

.footer { align-items: center; justify-content: center; background-color: #000; display: flex; width: 100%; }
.footer span { color: #fff; font-size: 0.8em; width: 200px;  }
.footer .spanVersion { font-size: 0.7em; }
.footer .logoMenu img { width: 100px; }
.footer .logoMenu { margin-right: 100px; }

/**** CONNEXION ****/

.divFormConnexion0 {align-items: center; display: flex; height: 100%; justify-content: center; width: 100%}
.divFormConnexion1 {align-items: center; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.15); display: flex; height: 300px; 
						justify-content: center; width: 400px; flex-direction: column; }
.divFormConnexion1 input {width: 300px; }
.divFormConnexion0 .divConnexionError { color: red !important;}
#connexionLogin, #connexionPwd { height: 50px; padding: 10px; margin-bottom: 10px; }



/**** EN CONSTRUCTION ****/

.div_under_construction { width: 600px; height: 150px; background-color: red; position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; -moz-box-shadow:inset 0px 2px 0px 0px #a6827e;
	-webkit-box-shadow:inset 0px 2px 0px 0px #a6827e; box-shadow:inset 0px 2px 0px 0px #a6827e;	background:-webkit-gradient (linear, left top, left bottom, color-stop(0.05, #5f4b36), color-stop(1, #634b30));
	background:-moz-linear-gradient(top, #5f4b36 5%, #634b30 100%);	background:-webkit-linear-gradient(top, #5f4b36 5%, #634b30 100%); background:-o-linear-gradient(top, #5f4b36 5%, #634b30 100%);
	background:-ms-linear-gradient(top, #5f4b36 5%, #634b30 100%); background:linear-gradient(to bottom, #5f4b36 5%, #634b30 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f4b36', endColorstr='#634b30',GradientType=0);
	background-color:#5f4b36;-moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; border:2px solid #54381e;	display:inline-block; cursor:pointer; color:#ffffff;
	font-family:Trebuchet MS; font-size:28px; font-weight:bold; padding:32px 76px; text-align: center; text-decoration:none; text-shadow:0px 1px 0px #4d3534;}



/**** POPUP ****/
    
#spanPopupFermer:before { content: "X"; }
#spanPopupFermer { background-color: #eee; box-sizing:border-box;  border-radius: 100%; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
					border: solid 2px #fff; cursor: pointer; font-size: 30px; height: 60px; line-height: 60px; padding: 0 18px;
					position: absolute; right: -38px; transition-duration: 0.2s; top: -38px; width: 60px; z-index: 1000; }
#spanPopupFermer:hover { background-color: #333; color: #eee; }

#divPopup { align-items: center; display: none; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; }
#divPopupFond { background-color: #001a33; display: none; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 1000; }
#divPopupContenu { background-color: #fff; border-radius: 4px; height: 550px; padding: 20px; position: relative; min-width: 800px; z-index: 1001; max-width:1200px; }
#divPopupContenu label { font-size: 0.8em; }
#divPopupContenu .row { padding-bottom: 7px; }
#divPopupContenu .blocEcran { min-height: 60px; }
#divPopupContenu .divBoutonAction { display: flex; justify-content: center; }
#divPopupContenu .divBoutonAction span { margin: 12px; }


#listePieceJointePopup { overflow: scroll; overflow-x: hidden; align-items: center; justify-content: space-around; max-height: 420px; }
#listePieceJointePopup > li { align-items: center; display: inline-block; height: 125px;  margin: 5px; padding: 8px; align-content: center; transition-duration: 0.2s;  width: 120px; }
#listePieceJointePopup > li > a { align-items: center; display: flex; flex-direction: column; font-size: 0.8em ; height: 100%; width: 100%; }
#listePieceJointePopup > li > a > img { height: 55px; transition-duration: 0.2s; width: 52px; }
#listePieceJointePopup > li > a > p { font-size: 0.8em; overflow: hidden; overflow-wrap: break-word; width: 120px; }
#listePieceJointePopup > li > a > img:hover { box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5); }
#listePieceJointePopup > li:hover { border: solid 1px #F7BE81; background-color: #F6E3CE; }

.spanAlertePopup { font-size: 0.8em; color: #F7BE81; }
.spanInfoPopup { font-size: 0.8em; }
.btnAjouterPj { border-radius: 2px; margin-bottom: 0 !important; margin-left: 4px; padding: 0.3rem 1rem 0.5em 1rem !important; }
.spanSupprimerPj { background-color: #8A2908; border-radius: 2px; cursor: pointer; display: block; height: 16px;  font-size: 12px; font-weight: bold;  position: relative; text-align: center;width: 16px; }
.spanSupprimerPj:before { content: "X"; color: #fff; }




/**** ECRAN PARAMETRAGE ****/

	/**** PARAMETRAGE DES MODULES FORMATION ****/

	#tableParametrageFormation td:nth-child(1){ font-size: 6px; text-align: center;vertical-align: middle; width: 30px; }
	#tableParametrageFormation td:nth-child(2){ text-align: left; width: 100px; }
	#tableParametrageFormation td:nth-child(3){ text-align: left; width: 300px; }
	#tableParametrageFormation td:nth-child(4){ text-align: center; width: 50px;  }
	#tableParametrageFormation td:nth-child(5){ text-align: left; width: 400px; }
	#tableParametrageFormation td:nth-child(6){ text-align: center; width: 50px; }
	#tableParametrageFormation td:nth-child(7){ text-align: center; width: 20px; }

	.divAjoutPFM, .divAjoutPF { justify-content: flex-end; }

	/**** PARAMETRAGE DES FORMATION ****/

	#tableParametrageFormationModule td:nth-child(1){ font-size: 6px; text-align: center;vertical-align: middle;  width: 30px; }
	#tableParametrageFormationModule td:nth-child(2){ text-align: left; width: 100px; }
	#tableParametrageFormationModule td:nth-child(3){ text-align: left; width: 300px; }
	#tableParametrageFormationModule td:nth-child(4){ text-align: center; width: 70px; }
	#tableParametrageFormationModule td:nth-child(5){ text-align: center; width: 70px; }
	#tableParametrageFormationModule td:nth-child(6){ text-align: right; width: 70px; }
	#tableParametrageFormationModule td:nth-child(7){ text-align: center; width: 120px; }
	#tableParametrageFormationModule td:nth-child(8){ text-align: center; width: 120px; }
	#tableParametrageFormationModule td:nth-child(9){ text-align: center; width: 120px; }
	#tableParametrageFormationModule td:nth-child(10){ text-align: left; width: 400px; }
	#tableParametrageFormationModule td:nth-child(11){ text-align: center; width: 50px; }
	#tableParametrageFormationModule td:nth-child(12){ text-align: center; width: 50px; }
	#tableParametrageFormationModule td:nth-child(13){ text-align: center; width: 50px; }

	.divPopupParametrageModule, .divPopupParametrageFormation { overflow: auto; height: 450px;}
	.divConteneurColor { flex-direction: row; justify-content: flex-start; width:; 300px }
	.divColor1 { height: 28px; width: 28px; display: flex; justify-content: center; align-items: center;}
	.divColor1:hover { border: solid 1px #A4A4A4; border-radius: 2px; cursor: pointer; height: 27px; width: 27px;}
	.divColor1Selected { border: solid 2px #A4A4A4; border-radius: 2px; height: 26px !important; width: 26px !important;}
	.divColor2 { height: 20px; width: 20px; }

	#popTableListeParametrageModule td:nth-child(1){ text-align: left; width: 100px; }
	#popTableListeParametrageModule td:nth-child(2){ text-align: left; width: 250px; }
	#popTableListeParametrageModule td:nth-child(3){ text-align: right; width: 20px; }
	#popTableListeParametrageModule td:nth-child(3) input 	{ text-align: center; }



/**** ECRAN GESTION ****/

	/**** TABLEAU DE BORD ****/

	#tableGTB1Avancement td:nth-child(1){ text-align: left; vertical-align: middle; width: 500px; }
	#tableGTB1Avancement td:nth-child(2){ text-align: left; width: 250px; }
	#tableGTB1Avancement td:nth-child(3){ text-align: center; width: 100px; }

	.divProgressBarConteneur { position: relative; width: 250px; padding: 1px; border-radius: 3px; background-color: white; border: 1px solid #ccc; height: 28px; }
	.divPourcentage { position: absolute; height: 100%; line-height: 26px;}
	.divProgressBarValeur {  position: absolute; width: 0.1%; height: 92%; margin: 0; }
	.avancement15 { background-color: #FF0000; }
	.avancement30 { background-color: #FA5858; }
	.avancement50 { background-color: #F7BE81; }
	.avancement75 { background-color: #F7FE2E; }
	.avancement99 { background-color: #ACFA58; }
	.avancement100 { background-color: #01DF3A; }

	.divNews { margin-bottom: 30px; }
	.spanNewsTitre { font-weight: bold; }
	.spanNewsDate {  }
	.divNewsTexte, div.newsTitre { background-color: #fff; border-radius: 5px; border: solid 1px #bbb; padding: 10px; }
	.divNewsTexte { font-size: 12px; color: #0B3861;}
	.divNewsTexte ul { margin: 10px 20px; }
 	.newsTitre { height: 40px; }
 	.spanNewsTitreGlobal { text-align: center; font-size: 16px; font-weight: bold; display: inline-block; width: 100%; margin-bottom: 20px; }

	/**** GESTION DES PAIEMENTS ****/

	.tableListeRapprochementFacture th { background-color: #aaa; color: #fff; font-size: 0.75em; font-weight: normal; text-align: center; }
	.tableListeRapprochementFacture tr td { font-size: 0.7em; padding: 2px; }
	.tableListeRapprochementFacture td input { display: block; margin: auto; }
	.tableListeRapprochementFacture td:nth-child(1){ text-align: center; width: 80px; }
	.tableListeRapprochementFacture td:nth-child(2){ overflow: hidden; text-overflow: ellipsis; text-align: left; width: 250px; }
	.tableListeRapprochementFacture td:nth-child(3){ text-align: center; width: 100px; }
	.tableListeRapprochementFacture td:nth-child(4){ text-align: right; width: 100px; }
	.tableListeRapprochementFacture td:nth-child(5){ text-align: right; width: 100px; }
	.tableListeRapprochementFacture td:nth-child(6){ text-align: right; width: 100px; }

	.recherchePaiement #tableRecherche td:nth-child(1){ font-size: 6px; text-align: center; width: 20px; }
	.recherchePaiement #tableRecherche td:nth-child(2){ text-align: center; width: 20px; }
	.recherchePaiement #tableRecherche td:nth-child(3){ text-align: left; width: 150px; }
	.recherchePaiement #tableRecherche td:nth-child(4){ text-align: right; width: 80px;  }
	.recherchePaiement #tableRecherche td:nth-child(5){ text-align: center; width: 90px; }
	.recherchePaiement #tableRecherche td:nth-child(6){ text-align: center; width: 90px; }
	.recherchePaiement #tableRecherche td:nth-child(7){ text-align: center; width: 90px; }
	.recherchePaiement #tableRecherche td:nth-child(8){ text-align: right; width: 80px; }
	.recherchePaiement #tableRecherche td:nth-child(9){ text-align: center; width: 100px; }
	.recherchePaiement #tableRecherche td:nth-child(10){ text-align: center; width: 80px; }
	.recherchePaiement #tableRecherche td:nth-child(11){ text-align: center; width: 80px; }
	.recherchePaiement #tableRecherche td:nth-child(13){ text-align: center; width: 150px; }

	.rechercheLot #tableRecherche td:nth-child(1){ font-size: 6px; text-align: center; width: 20px; }
	.rechercheLot #tableRecherche td:nth-child(2){ text-align: center; width: 50px; }
	.rechercheLot #tableRecherche td:nth-child(3){ text-align: center; width: 100px; }
	.rechercheLot #tableRecherche td:nth-child(4){ text-align: center; width: 100px; }
	.rechercheLot #tableRecherche td:nth-child(5){ text-align: center; width: 100px; }
	.rechercheLot #tableRecherche td:nth-child(6){ text-align: center; width: 100px; }
	.rechercheLot #tableRecherche td:nth-child(7){ text-align: center; }
	.rechercheLot #tableRecherche td:nth-child(8){ text-align: center; width: 50px; }
	.rechercheLot #tableRecherche td:nth-child(9){ text-align: center; width: 50px; }
	.rechercheLot #tableRecherche td:nth-child(9){ text-align: center; width: 50px; }

	.recherchePaiement .ecartMontant { background: rgb(244, 145, 121); }
	div .filtreNomTerritoireHidden { display: none; }
	#btnAjoutPaiement { font-size: 20px !important; font-weight: bold; margin-top: 6px !important; margin-bottom: 0 !important; }
	.btnSuppLigneFacture, .btnAjoutLigneFacture { font-weight: bold; }



/**** ECRAN RECHERCHE ****/

#TableauListeRecettes th { background-color: #aaa; color: #fff; font-size: 0.88em; font-weight: normal; text-align: center; }
#TableauListeRecettes th, #TableauListeRecettes td { font-size: 70%; }
#TableauListeRecettes tr td { padding: 2px; }
#TableauListeRecettes td input { display: block; margin: auto; }

.dt-buttons { display: none; }


	/* RECHERCHE ARTISAN */
	.divAvancementParcours { display: flex; flex-direction: row; }
	.divAP { border: solid 1px #444; border-radius: 2px; height: 15px; margin-left: 3px; width: 30px; }
	.divAPEtat, .divAPEtat9 { background-color: #fff; }
	.divAPEtat0 { background-color: #aaa; color: #777; }
	.divAPEtat1 { background-color: #e7b461; color: #b78d48;}
	.divAPEtat2 { background-color:  #f0e95f; color: #bdb849;}
	.divAPEtat3 { background-color: #acd98f; color: #82a76b;}
	.divAPm1:before { content: "m1"; font-size: 7px; position: relative; top: -2px; }
	.divAPm2a:before, .divAPm2b:before, .divAPm2c:before, .divAPm2d:before { content: "m2"; font-size: 7px;  position: relative; top: -2px; }
	.divAPm3a:before, .divAPm3b:before { content: "m3"; font-size: 7px; position: relative; top: -2px; }
	.divAPm2bis:before { content: "bis"; font-size: 7px; position: relative; top: -2px; }
	.trRArtisanEtat3 { background-color: rgb(244, 145, 121); }

	.rechercheArtisan #tableRecherche td:nth-child(1){ text-align: left; width: 100px; }
	.rechercheArtisan #tableRecherche td:nth-child(2){ text-align: left; width: 100px; }
	.rechercheArtisan #tableRecherche td:nth-child(3){ text-align: center; width: 80px; }
	.rechercheArtisan #tableRecherche td:nth-child(4){ text-align: left; width: 130px; }
	.rechercheArtisan #tableRecherche td:nth-child(5){ text-align: left; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.rechercheArtisan #tableRecherche td:nth-child(6){ text-align: center; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.rechercheArtisan #tableRecherche td:nth-child(7){ text-align: center; width: 150px;}
	.rechercheArtisan #tableRecherche td:nth-child(8){ text-align: center; width: 100px;}
	.rechercheArtisan #tableRecherche td:nth-child(9){ text-align: center; width: 150px; }
	.rechercheArtisan #tableRecherche td:nth-child(10){ text-align: center; width: 100px; }
	.rechercheArtisan #tableRecherche td:nth-child(11){ text-align: center; width: 30px; }

	.divRSAvancementTot {border: solid 1px #ccc; border-radius: 4px; background-color: #fff; position: relative; width: 150px;}
	.divRSAvancement { background-color: #cbe8ba; position: absolute; height: 100%; z-index: 10;}
	.spanRSAvancementAtteint { border: solid 1px #ddd; background-color: rgba(255, 255, 255, 0.7); border-radius: 4px; z-index: 100; position: relative;}
	

	/* EXPORT STAGIAIRE 1 */
	.exportStagiaire1 #tableRecherche td:nth-child(1){ text-align: left; }
	.exportStagiaire1 #tableRecherche td:nth-child(2){ text-align: left; }
	.exportStagiaire1 #tableRecherche td:nth-child(3){ text-align: left; }
	.exportStagiaire1 #tableRecherche td:nth-child(4){ text-align: left; }
	.exportStagiaire1 #tableRecherche td:nth-child(5){ text-align: left; }
	.exportStagiaire1 #tableRecherche td:nth-child(6){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(7){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(8){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(9){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(10){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(11){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(12){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(13){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(14){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(15){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(16){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(17){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(18){ text-align: center; }
	.exportStagiaire1 #tableRecherche td:nth-child(19){ text-align: center; }

	/* RECHERCHE MODULE */
	.rechercheModule #tabmain { width: 100%;}
	.rechercheModule #tabmain td:nth-child(1){ width: 180px; }
	.rechercheModule #tabmain td:nth-child(2){ text-align: left; text-transform: uppercase; width: 150px; }
	.rechercheModule #tabmain td:nth-child(3){ text-align: left; width: 100px; }
	.rechercheModule #tabmain td:nth-child(4){ text-align: center; width: 80px; }
	.rechercheModule #tabmain td:nth-child(5){ text-align: center; width: 50px; }
	.rechercheModule #tabmain td:nth-child(6){ text-align: center; width: 100px; }
	.rechercheModule #tabmain td:nth-child(7){ text-align: center; width: 80px; }
	.rechercheModule #tabmain td:nth-child(8){ text-align: center; width: 80px; }
	.rechercheModule #tabmain td:nth-child(9){ text-align: center;}

	.rechercheModule2 #tableRecherche { width: 100%;}
	.rechercheModule2 #tableRecherche td:nth-child(1){ width: 250px; }
	.rechercheModule2 #tableRecherche td:nth-child(2){ white-space: nowrap; display: inline-block; text-align: left; text-transform: uppercase; width: 250px; overflow: hidden; text-overflow: ellipsis;}
	.rechercheModule2 #tableRecherche td:nth-child(3){ text-align: left; width: 150px; }
	.rechercheModule2 #tableRecherche td:nth-child(4){ text-align: center; width: 50px; }
	.rechercheModule2 #tableRecherche td:nth-child(5){ text-align: center; width: 50px; }
	.rechercheModule2 #tableRecherche td:nth-child(6){ text-align: center; width: 80px; }
	.rechercheModule2 #tableRecherche td:nth-child(7){ text-align: center; width: 80px; }
	.rechercheModule2 #tableRecherche td:nth-child(8){ text-align: center; width: 80px; }
	.rechercheModule2 #tableRecherche td:nth-child(9){ text-align: center; width: 50px; }
	.rechercheModule2 #tableRecherche td:nth-child(10){ text-align: center; width: 50px; }
	.rechercheModule2 #tableRecherche td:nth-child(11){ text-align: center; width: 50px; }
	.spanRModuleEtatDate { border-radius: 3px; border: solid 1px #333; margin: 0 3px; padding: 2px 5px; }
	.spanRModuleEtatDate1 { background-color: #acd98f; }
	.spanRModuleEtatDat01 { background-color: #aaa; }
	.spanModuleDateEnRetard { background-color: rgb(244, 145, 121) !important; }


	.rSuiviModule2 #tableRecherche { width: 100%;}
	.rSuiviModule2 #tableRecherche td:nth-child(1){ width: 250px; }
	.rSuiviModule2 #tableRecherche td:nth-child(2){ white-space: nowrap; display: inline-block; text-align: left; text-transform: uppercase; width: 250px; overflow: hidden; text-overflow: ellipsis;}
	.rSuiviModule2 #tableRecherche td:nth-child(3){ text-align: left; width: 150px; }
	.rSuiviModule2 #tableRecherche td:nth-child(4){ text-align: center; width: 50px; }
	.rSuiviModule2 #tableRecherche td:nth-child(5){ text-align: center; width: 50px; }
	.rSuiviModule2 #tableRecherche td:nth-child(6){ text-align: center; width: 250px; }
	.rSuiviModule2 #tableRecherche td:nth-child(7){ text-align: center; width: 80px; }
	.rSuiviModule2 #tableRecherche td:nth-child(8){ text-align: center; width: 80px; }
	.rSuiviModule2 #tableRecherche td:nth-child(9){ text-align: center; width: 50px; }
	.rSuiviModule2 #tableRecherche td:nth-child(10){ text-align: center; width: 50px; }
	.rSuiviModule2 #tableRecherche td:nth-child(11){ text-align: center; width: 350px; }/*
	.rSuiviModule2 #tableRecherche th:nth-child(1){ width: 250px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(2){ width: 250px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(3){ width: 150px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(4){ width: 50px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(5){ width: 50px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(6){ width: 80px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(7){ width: 80px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(8){ width: 80px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(9){ width: 50px !important; }
	.rSuiviModule2 #tableRecherche th:nth-child(10){ width: 50px !important ; }
	.rSuiviModule2 #tableRecherche th:nth-child(11){ width: 50px !important; }*/


	.rechercheExportModule1 #tableRecherche td:nth-child(1){ width: 150px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(2){ width: 80px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(3){ width: 150px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(4){ width: 150px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(5){ width: 150px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(6){ width: 150px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(7){ width: 50px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(8){ width: 50px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(9){ width: 80px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(10){ width: 100px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(11){ width: 100px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(12){ width: 20px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(13){ width: 20px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(14){ width: 20px; }
	.rechercheExportModule1 #tableRecherche td:nth-child(15){ width: 20px; }

	.trRModuleEtatréalisé, .tdChkchecked { background-color: #e3f2d9 !important; }
	.trRModuleEtatbrouillon { background-color: #fff !important; }
	.trRModuleEtatannulé, .tdChk { background-color: #fbd8d0 !important; }
	.trRModuleEtatprogrammé { background-color: #f8ead3 !important; }
	.trRModuleEtaten { background-color: #fbf9d0 !important; }
	.trRModuleEtatdemande { background-color: #e6e6e6 !important; }


	.rechercheModule3 #tableRecherche { width: 100%;}
	.rechercheModule3 #tableRecherche td:nth-child(1){ width: 200px; }
	.rechercheModule3 #tableRecherche td:nth-child(2){ width: 150px; }
	.rechercheModule3 #tableRecherche td:nth-child(3){ white-space: nowrap; display: inline-block; text-align: left; text-transform: uppercase; width: 250px; overflow: hidden; text-overflow: ellipsis;}
	.rechercheModule3 #tableRecherche td:nth-child(4){ text-align: left; width: 150px; }
	.rechercheModule3 #tableRecherche td:nth-child(5){ text-align: center; width: 50px; }
	.rechercheModule3 #tableRecherche td:nth-child(6){ text-align: center; width: 80px; }
	.rechercheModule3 #tableRecherche td:nth-child(7){ text-align: center; width: 80px; }
	.rechercheModule3 #tableRecherche td:nth-child(8){ text-align: center; width: 80px; }
	.rechercheModule3 #tableRecherche td:nth-child(9){ text-align: center; width: 80px; }
	.rechercheModule3 #tableRecherche td:nth-child(10){ text-align: center; width: 80px; }
	.rechercheModule3 #tableRecherche td:nth-child(11){ text-align: center; width: 400px; }

	.rechercheModule3 #tableRecherche tr:hover,
	.rechercheModule2 #tableRecherche tr:hover{ background: #FFDFB2 !important;}

	.rechercheConvention #tableRecherche { width: 100%;}
	.rechercheConvention #tableRecherche td:nth-child(1){ text-align: center; width: 60px; }
	.rechercheConvention #tableRecherche td:nth-child(2){ text-align: left; width: 200px; }
	.rechercheConvention #tableRecherche td:nth-child(3){ text-align: left; width: 150px; }
	.rechercheConvention #tableRecherche td:nth-child(4){ text-align: center; width: 150px; }
	.rechercheConvention #tableRecherche td:nth-child(5){ text-align: center; width: 100px; }
	.rechercheConvention #tableRecherche td:nth-child(6){ text-align: center; width: 100px; }
	.rechercheConvention #tableRecherche td:nth-child(7){ text-align: center; width: 80px; }
	.rechercheConvention #tableRecherche td:nth-child(8){ text-align: center; width: 80px; }

	.rechercheConvention2 #tableRecherche { width: 100%;}
	.rechercheConvention2 #tableRecherche td:nth-child(1){ text-align: left; width: 300px; }
	.rechercheConvention2 #tableRecherche td:nth-child(2){ text-align: left; width: 300px; }
	.rechercheConvention2 #tableRecherche td:nth-child(3){ text-align: left; width: 250px; }
	.rechercheConvention2 #tableRecherche td:nth-child(4){ text-align: center; width: 50px; }
	.rechercheConvention2 #tableRecherche td:nth-child(5){ text-align: center; width: 300px; }
	.rechercheConvention2 #tableRecherche td:nth-child(6){ text-align: center; width: 80px; }
	.rechercheConvention2 #tableRecherche td:nth-child(7){ text-align: center; width: 80px; }


	.tdSuiviModuleCommentaire { cursor: pointer; transition-duration: 0.3s;}
	.tdSuiviModuleCommentaire:hover { background-color: #ffbf66; }
	.spanRSuiviModuleCommentaire { font-size: 0.8em; }
	#txtRSuiviModuleCommentaire { height: 400px; }
	
	/* RECHERCHE ENTREPRISE */
	.rechercheEntreprise #tabmain { width: 100%;}
	.rechercheEntreprise #tabmain td:nth-child(1){ width: 250px; }
	.rechercheEntreprise #tabmain td:nth-child(2){ text-align: center; width: 30px; }
	.rechercheEntreprise #tabmain td:nth-child(3){ }
	.rechercheEntreprise #tabmain td:nth-child(4){ }
	.rechercheEntreprise #tabmain td:nth-child(5){ }
	.rechercheEntreprise #tabmain td:nth-child(6){ }
	.rechercheEntreprise #tabmain td:nth-child(7){ text-align: center;}
	
	/* RECHERCHE GROUPEMENT */
	.rechercheGroupement #tabmain { width: 100%;}
	.rechercheGroupement #tabmain td:nth-child(1){ width: 250px; }
	.rechercheGroupement #tabmain td:nth-child(2){ text-align: center; width: 30px;  }
	.rechercheGroupement #tabmain td:nth-child(3){ }
	.rechercheGroupement #tabmain td:nth-child(4){ width: 30px;}
	.rechercheGroupement #tabmain td:nth-child(5){ }
	.rechercheGroupement #tabmain td:nth-child(6){ }
	.rechercheGroupement #tabmain td:nth-child(7){ text-align: center;}
	
	/* RECHERCHE ALERTES */
	.rechercheAlerte #tabmain { width: 100%;}
	
	.rechercheAlerte #tabmain td:nth-child(2){ text-align: center; width: 20px; }
	.rechercheAlerte #tabmain td:nth-child(3){ text-align: center; width: 100px; }
	.rechercheAlerte #tabmain td:nth-child(4){ width: 700px; }
	.rechercheAlerte #tabmain td:nth-child(5){ text-align: center; width: 30px;}


	/* TABLEAU DE BORD */
	.displayFlex { display: flex; height: 80px; align-items: center; justify-content: center;}
	.tableauBord .tableRecherche th { font-weight: bold; }
	.tableauBord .tableRecherche td { text-align: center;}

	
	/*.trAlerteGras td:nth-child(2), .trAlerteGras td:nth-child(3){ font-weight: bold; line-height: 100%; }*/
	.rechercheAlerte #tabmain tr:hover{ background: #FFDFB2;}
	/*.trAlerteNormal td, .trAlerteGras td{ padding: 1px; }*/
	.divCheckBoxTable input { margin: 0.4rem;}


	/* RECHERCHE & RELANCE FACTURE */
	.lblRFTypeFacture, 
	.lblRFDestFacture, 
	.lblRFCatFacture, 
	.lblRFSoldee,
	.lblRFComptabilisee,
	.lblRFExportee,
	.lblRRBEtat,
	.lblRRBModePaiement,
	.lblFiltreEcranRecherche { background: #ededed; border: solid 1px #ccc; border-radius: 3px; display: inline-block; font-size: 11px; 
					height: 22px; line-height: 22px; margin-right: 8px;  padding: 0 5px; text-align: left; vertical-align: middle; width: 100%;}

	.lblGPAffecte { background: #ededed; border: solid 1px #ccc; border-radius: 3px; display: inline-block; font-size: 11px; 
					height: 22px; line-height: 22px; margin-right: 8px;  padding: 0 5px; text-align: left; vertical-align: middle; width: 63px;}
	label.RFSelected { background: rgb( 128, 212, 255 ); box-shadow: rgb(94, 158, 214) 0px 0px 1px 1px; color: #fff; }
	div.blocFiltre { padding: 5px 25px; text-align: left;}
	span.blocFiltre { font-size: 11px;  }
	span.RFSelected { background-image: url('img/check.png') !important; }
	.lblRF span { background-image: url('img/uncheck.png'); display: inline-block; height: 15px; margin-right: 15px; width: 15px;}
	.lblGP span { background-image: url('img/uncheck.png'); display: inline-block; height: 15px; margin-right: 10px; width: 15px;}

	.divRechercheBlocFixe { max-height: 400px; min-width: 600px;}
	.scrollTop {  overflow-x: scroll;  }

	.rechercheFacture #tableRecherche td:nth-child(1){ text-align: center; width: 80px; }
	.rechercheFacture #tableRecherche td:nth-child(2){ text-align: center; width: 80px; }
	.rechercheFacture #tableRecherche td:nth-child(3){ text-align: center; width: 70px; }
	.rechercheFacture #tableRecherche td:nth-child(4){ text-align: center; width: 70px; }
	.rechercheFacture #tableRecherche td:nth-child(5){ text-align: center; width: 70px; }
	.rechercheFacture #tableRecherche td:nth-child(6){ display: block; text-align: left; width: 300px; } /* display block pour conserver taille */
	.rechercheFacture #tableRecherche td:nth-child(7){ text-align: center; width: 150px; }
	.rechercheFacture #tableRecherche td:nth-child(8){ text-align: right; width: 100px; }
	.rechercheFacture #tableRecherche td:nth-child(9){ text-align: right; width: 100px; }
	.rechercheFacture #tableRecherche td:nth-child(10){ text-align: right; width: 100px; }
	.rechercheFacture #tableRecherche td:nth-child(11){ text-align: center; width: 100px; }
	.rechercheFacture #tableRecherche td:nth-child(12){ text-align: center; width: 100px; }
	.rechercheFacture .dataTables_scrollHead th:nth-child(1){ text-align: center; width: 80px; }

	.rechercheECFacture #tableRecherche td:nth-child(1){ text-align: center; width: 50px; }
	.rechercheECFacture #tableRecherche td:nth-child(2){ text-align: center; width: 100px; }
	.rechercheECFacture #tableRecherche td:nth-child(3){ text-align: center; width: 90px; }
	.rechercheECFacture #tableRecherche td:nth-child(4){ text-align: center; width: 90px; }
	.rechercheECFacture #tableRecherche td:nth-child(5){ text-align: center; width: 70px; }
	.rechercheECFacture #tableRecherche td:nth-child(6){ text-align: center; width: 200px; }
	.rechercheECFacture #tableRecherche td:nth-child(7){ text-align: center; width: 150px; }
	.rechercheECFacture #tableRecherche td:nth-child(8){ text-align: right; width: 100px; }
	.rechercheECFacture #tableRecherche td:nth-child(9){ text-align: center; width: 100px; }

	.rechercheECPaiement #tableRecherche td:nth-child(1){ font-size: 6px; text-align: center; width: 20px; }
	.rechercheECPaiement #tableRecherche td:nth-child(2){ text-align: center; width: 20px; }
	.rechercheECPaiement #tableRecherche td:nth-child(3){ text-align: left; width: 150px; }
	.rechercheECPaiement #tableRecherche td:nth-child(4){ text-align: right; width: 80px;  }
	.rechercheECPaiement #tableRecherche td:nth-child(5){ text-align: center; width: 90px; }
	.rechercheECPaiement #tableRecherche td:nth-child(6){ text-align: center; width: 90px; }
	.rechercheECPaiement #tableRecherche td:nth-child(7){ text-align: center; width: 90px; }
	.rechercheECPaiement #tableRecherche td:nth-child(8){ text-align: right; width: 100px;  }

	.rechercheOrganismeFormation #tableRecherche td:nth-child(1){ text-align: center; width: 10%; }
	.rechercheOrganismeFormation #tableRecherche td:nth-child(2){ text-align: center; width: 15%; }
	.rechercheOrganismeFormation #tableRecherche td:nth-child(3){ text-align: center; width: 15%; }
	.rechercheOrganismeFormation #tableRecherche td:nth-child(4){ text-align: center; width: 30%; }
	.rechercheOrganismeFormation #tableRecherche td:nth-child(5){ text-align: center; width: 10%; }
	.rechercheOrganismeFormation #tableRecherche td:nth-child(6){ text-align: center; width: 5%; }
	.rechercheOrganismeFormation #tableRecherche td:nth-child(7){ text-align: center; width: 8%; }


	.relanceFacture #tableRecherche td:nth-child(2){ text-align: center; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(3){ text-align: center; width: 70px; }
	.relanceFacture #tableRecherche td:nth-child(4){ text-align: center; width: 70px; }
	.relanceFacture #tableRecherche td:nth-child(5){ text-align: center; width: 70px; }
	.relanceFacture #tableRecherche td:nth-child(6){ text-align: left; width: 200px; }
	.relanceFacture #tableRecherche td:nth-child(7){ text-align: center; width: 120px; }
	.relanceFacture #tableRecherche td:nth-child(8){ text-align: left; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(9){ text-align: center; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(10){ text-align: center; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(11){ text-align: right; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(12){ text-align: right; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(13){ text-align: right; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(14){ text-align: right; width: 80px; }
	.relanceFacture #tableRecherche td:nth-child(15){ text-align: right; width: 80px; }

	.suiviEcheance #tableRecherche td:nth-child(2){ text-align: center; width: 80px; }
	.suiviEcheance #tableRecherche td:nth-child(3){ text-align: center; width: 70px; }
	.suiviEcheance #tableRecherche td:nth-child(4){ text-align: center; width: 70px; }
	.suiviEcheance #tableRecherche td:nth-child(5){ text-align: center; width: 70px; }
	.suiviEcheance #tableRecherche td:nth-child(6){ text-align: left; width: 200px; }
	.suiviEcheance #tableRecherche td:nth-child(7){ text-align: center; width: 120px; }
	.suiviEcheance #tableRecherche td:nth-child(8){ text-align: right; width: 80px; }
	.suiviEcheance #tableRecherche td:nth-child(9){ text-align: right; width: 80px; }
	.suiviEcheance #tableRecherche td:nth-child(10){ text-align: right; width: 80px; }
	.suiviEcheance #tableRecherche td:nth-child(11){ text-align: right; width: 80px; }
	.suiviEcheance #tableRecherche td:nth-child(12){ text-align: right; width: 80px; }
	.suiviEcheance #tableRecherche td:nth-child(13){ text-align: center; width: 80px; }
	.suiviEcheance #tableRecherche td:nth-child(14){ text-align: center; width: 80px; }

	.rechercheFacture #tableRecherche tr.ligneNonNumerotee { background: #ff9999; }
	.rechercheFacture #tableRecherche tr.ligneAvoir { background: #ffebcc; }


	/* RECHERCHE REMISES BANCAIRES */

	.rechercheRemiseBancaire #tableRecherche td:nth-child(1){ text-align: left; width: 300px; }
	.rechercheRemiseBancaire #tableRecherche td:nth-child(2){ text-align: center; width: 100px; }
	.rechercheRemiseBancaire #tableRecherche td:nth-child(3){ text-align: right; width: 100px; }
	.rechercheRemiseBancaire #tableRecherche td:nth-child(4){ text-align: center; width: 100px; }
	.rechercheRemiseBancaire #tableRecherche td:nth-child(5){ text-align: center;  width: 50px;}
	.rechercheRemiseBancaire #tableRecherche td:nth-child(6){ text-align: left; width: 300px; }
	.rechercheRemiseBancaire #tableRecherche td:nth-child(7){ text-align: center;  width: 50px;}

	/* RECHERCHE TIERS */

	.rechercheTiers #tabmain td:nth-child(1){ text-align: left; width: 20%; }
	.rechercheTiers #tabmain td:nth-child(2){ text-align: center; width: 20%; }
	.rechercheTiers #tabmain td:nth-child(3){ text-align: center; width: 10%; }
	.rechercheTiers #tabmain td:nth-child(4){ text-align: center; width: 10%; }
	.rechercheTiers #tabmain td:nth-child(5){ text-align: center; width: 15%; }
	.rechercheTiers #tabmain td:nth-child(6){ text-align: center; width: 10%;}


	/* RECHERCHE CONTACT */

	.rechercheContact #tableRecherche td:nth-child(1){ text-align: left; width: 20%; }
	.rechercheContact #tableRecherche td:nth-child(2){ text-align: left; width: 20%; }
	.rechercheContact #tableRecherche td:nth-child(3){ text-align: left; width: 20%; }
	.rechercheContact #tableRecherche td:nth-child(4){ text-align: center; width: 10%; }
	.rechercheContact #tableRecherche td:nth-child(5){ text-align: left; width: 20%; }
	.rechercheContact #tableRecherche td:nth-child(6){ text-align: left; width: 10%; }


	/* SUIVI DES PAIEMENTS  */

	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(1){ text-align: left; width: 170px; } /*   */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(2){ text-align: left; width: 170px; } /*   */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(3){ text-align: left; width: 170px; } /*   */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(4){ text-align: left; width: 170px; } /*   */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(5){ text-align: center; width: 80px; } /*   */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(6){ text-align: center; width: 60px; } /*   */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(7){ text-align: center; width: 60px; } /* nb m1 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(8){ text-align: center; width: 60px; } /* nb m2 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(9){ text-align: center; width: 60px; } /* nb m2b */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(10){ text-align: center; width: 60px; } /* nb m3 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(11){ text-align: left; width: 160px; } /* nom chantier m3 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(12){ text-align: center; width: 80px; } /* Date début convention  */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(13){ text-align: center; width: 80px; } /* Date fin convention  */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(14){ text-align: center; width: 80px; } /* Date fin prolongation  */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(15){ text-align: center; width: 100px; } /* nb m1 termines */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(16){ text-align: center; width: 100px; } /* nb m2 terminés */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(17){ text-align: center; width: 100px; } /* nb m2b terminés */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(18){ text-align: center; width: 100px; } /* nb m3 terminés */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(19){ text-align: center; width: 100px; } /* pourcentage avancement */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(20){ text-align: center; width: 150px; } /* dossier OPCA cloture */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(21){ text-align: center; width: 100px; } /* Facture */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(22){ text-align: center; width: 80px; } /* Date facture */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(23){ text-align: left; width: 250px; } /* Destinataire */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(24){ text-align: center; width: 150px; } /* Catégorie */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(25){ text-align: right; width: 90px; } /* Total TTC */ 
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(26){ text-align: right; width: 90px; } /* Total Avoir */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(27){ text-align: right; width: 90px; } /* Règlement perçus */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(28){ text-align: right; width: 90px; } /* Montant paiement 1 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(29){ text-align: center; width: 90px; } /* Lieu paiement 1 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(30){ text-align: right; width: 90px; } /* Montant paiement 2 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(31){ text-align: center; width: 90px; } /* Lieu paiement 2 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(32){ text-align: right; width: 90px; } /* Montant paiement 3 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(33){ text-align: center; width: 90px; } /* Lieu paiement 3 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(34){ text-align: right; width: 90px; } /* Montant paiement 4 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(35){ text-align: center; width: 90px; } /* Lieu paiement 4 */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(36){ text-align: right; width: 100px; } /* Reste à collecter */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(37){ text-align: right; width: 100px; } /* Règlement encaissés */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(38){ text-align: right; width: 100px; } /* Réalisé à encaisser */
	.suiviPaiementBlocFixe #tableRecherche_wrapper  td:nth-child(39){ text-align: center; width: 60px; } /* Soldé */

	.suiviPaiementBlocFixe { max-height: 400px; max-width: 800px; min-width: 600px;}
	.suiviPaiementBlocFixe #tableRecherche { width: 4100px; }


	/* SUIVI DES INSCRIPTIONS  */

	a.vinscription_linkmodule { border-radius: 4px; margin-right: 1px; padding: 4px 10px; line-height: 24px; }
	a.vinscription_linkmodule_etat0 { background-color: #eee; }
	a.vinscription_linkmodule_etat1 { background-color: #F8E6E0; }
	a.vinscription_linkmodule_etat2 { background-color: #FBF8EF; }
	a.vinscription_linkmodule_etat3 { background-color: #E0F2F7; }
	a.vinscription_linkmodule_etat4 { background-color: #DFFDDF; }
	a.vinscription_linkmodule_etat5 { background-color: #ffcccc; }

	.rechercheInscription #tableRecherche td:nth-child(1){ text-align: right; width: 50px; }
	.rechercheInscription #tableRecherche td:nth-child(2){ text-align: left; width: 150px; }
	.rechercheInscription #tableRecherche td:nth-child(3){ text-align: center; width: 190px; }
	.rechercheInscription #tableRecherche td:nth-child(4){ text-align: center; width: 190px; }
	.rechercheInscription #tableRecherche td:nth-child(5){ text-align: left;  width: 450px;}
	.rechercheInscription #tableRecherche td:nth-child(6){ text-align: center; width: 70px; }
	.rechercheInscription #tableRecherche td:nth-child(7){ text-align: center;  width: 70px;}
	.rechercheInscription #tableRecherche td:nth-child(8){ text-align: center;  width: 70px;}


/**********************/
/**** ECRAN DETAIL ****/
/**********************/


.divBoutonActionED { display: flex; justify-content: flex-start; height: 60px;  margin: 20px 0px; }
.divBoutonActionED input { margin: 0; }
.rowCadre {  margin-top: 10px; padding: 10px; }
.ecranTitle { display: flex; flex-direction: row; justify-content: flex-end; }
.ecranTitle div { font-size: 30px; font-weight: bold; margin-right: 30px; line-height: 50px;}
.blocDetailV2 input[type="text"], .blocDetailV2 select, .blocDetailV2 textarea { margin: 5px 0; }
.blocDetailV2 { padding-right: 10px !important; }


	/**********/
	/* DTIERS */
	/**********/


	.divDTiersLogo1 { display: flex; align-items: center; flex-direction: column; }
	.divDTiersLogo2 { margin-top: 5px; width: 100%; height: 100%; border: solid 1px #ddd; border-radius: 5px; }
	input[type="text"].DTiersTitre { height: 40px; font-size: 15px; border: solid 1px #ddd; border-radius: 5px; }
	.divDTiersCopierAdresse { display: flex; align-items: center; flex-direction: column; align-content: center; justify-content: center;  height: 150px; }
	.divDTiersCopierAdresse div { display: flex; align-items: center; flex-direction: column; align-content: center; background-color: #CEE3F6; 
							border-radius: 4px; width: 60px; padding: 5px; cursor: pointer;}
	.divDTiersCopierAdresse div:hover { background-color: #A9D0F5; }
	#blocEntreprise .row.hover { padding: 4px; }
	#blocEntreprise { background-color: #CEE3F6; }
	#blocTerritoire { background-color: #E6E0F8; }
	#blocOF { background-color: #F8E0EC; }
	#blocOPCO { background-color: #F8ECE0; }
	#blocFormateur { background-color: #E0F8E6; }
	#blocEntreprise .blocEcranTitle { color: #58ACFA; }

	/*****************/
	/* DETAIL MODULE */
	/*****************/


	.moduleTop { display: flex; }
	.moduleTop > .divBoutonActionED { flex-grow: 2}
	.divBoutonEtatModule { display: flex; justify-content: flex-end; height: 60px; margin: 20px 0px; }
	.divBoutonEtatModule input { padding: 13px 20px; height: 60px !important; margin-left: 10px !important; }
	.divEtatModule { display: flex; flex-grow: 2; margin: 20px 0px 10px 0px; }
	.divEtatModule .inlineul { display: flex; width: 100%; }	
	.divEtatModule ul.inlineul li{ align-items: center;  display: flex; justify-content: center;  height: 60px; width: 15%;}
	.divEtatModule .spanEtatModule { display: block; font-size: 0.8rem; line-height: 2; margin-right: 20px; line-height: 60px; }	
	.liEtatModule_a { background-color: #FF7575;}
	.liEtatModule_r { background-color: #89C2FF;}
	.liEtatModule_d { background-color: #FFBA89;}
	.liEtatModule_e { background-color: #7EFF54;}
	.liEtatModule_p { background-color: #FFEB8C;}
	.liEtatModuleNormal { background-color: #eaeaea;}
	
	section.moduleOnglet { border: solid 1px #efefef; min-height: 300px; display: flex; height: 100%; justify-content: flex-start;}
	div.moduleOngletBouton {  flex-direction: column; height: 100%; display: flex; justify-content: flex-start; width: 150px; }
	div.moduleOngletBouton > div { background-color: #eaeaea; box-shadow: 0 0 5px rgba(0,0,0,.15);  display: flex; height: 150px; width: 150px; }
	div.moduleOngletBouton > div.affiche { background-color: #fff; }
	div.moduleOngletBouton > div > p { font-size: 0.6em; margin: auto; }
	div.moduleOngletContenu {  display: flex; flex-direction: column; justify-content: flex-start; align-self: stretch; width: 100%;}
	div.moduleOngletContenu > div { background-color: #fefefe;  height: 100%; padding: 20px 0px 20px 30px; width: 100%;}
	div.moduleOngletContenu label { font-size: 0.75rem;}
	
	.rowModuleDate { background-color: aliceblue;}
	.rowModuleDateTermine { background-color: #9BD185;}
	.rowModuleDate { border: solid 1px #dae1e7;}
	.rowModuleDate input { margin-left: 3px;}
	.rowModuleDate .fdatepicker { font-size: 0.9rem; text-align: center; width: 100px;}
	
	.tabmainModule1 td:nth-child(1){ width: 20px; }
	.tabmainModule1 td:nth-child(2){ text-align: left; width: 100px; }
	.tabmainModule1 td:nth-child(3){ text-align: left; width: 100px; }
	.tabmainModule1 td:nth-child(4){ text-align: center; width: 100px; }
	.tabmainModule1 td:nth-child(5){ text-align: center; width: 20px; }
	.tabmainModule1 td:nth-child(6){ text-align: center; width: 20px; }
	.tabmainModule1 td:nth-child(7){ text-align: center; width: 50px;}
	.tabmainModule1 td:nth-child(8){ text-align: center; width: 100px; }
	.tabmainModule1 td:nth-child(9){ text-align: center; width: 20px; }
	.tabmainModule1 td:nth-child(10){ text-align: center; width: 20px; }
	.tabmainModule1 td:nth-child(11){ text-align: center; width: 100px; }
	.tabmainModule1 .textarea_editable { min-height: 25px;}
	.tabmainModule1 td:nth-child(5) input,.tabmainModule1 td:nth-child(8) input ,.tabmainModule1 td:nth-child(9) input  { text-align: center; }
	
	
	.tabmainModuleX td:nth-child(1){ width: 20px; }
	.tabmainModuleX td:nth-child(2){ text-align: left; width: 100px; }
	.tabmainModuleX td:nth-child(3){ text-align: left; width: 100px; }
	.tabmainModuleX td:nth-child(4){ text-align: left; width: 100px; }
	.tabmainModuleX td:nth-child(5){ text-align: center; width: 20px; }
	.tabmainModuleX td:nth-child(6){ text-align: center; width: 20px; }
	.tabmainModuleX td:nth-child(7){ text-align: center; width: 20px; }
	.tabmainModuleX td:nth-child(8){ text-align: center; width: 50px;}
	.tabmainModuleX td:nth-child(9){ text-align: center; width: 120px; }
	.tabmainModuleX td:nth-child(10){ text-align: left; width: 100px; }
	.tabmainModuleX .textarea_editable { min-height: 25px;}
	.tabmainModuleX td:nth-child(6) input,.tabmainModuleX td:nth-child(8) input ,.tabmainModuleX td:nth-child(9) input  { text-align: center; }

	.divModuleLienfacture a { color: #fff; }
	
	#tableMaListeArtisans th { background-color: #aaa; color: #fff; font-size: 0.88em; font-weight: normal; text-align: center; }
	#tableMaListeArtisans td { padding: 0 0.5em;}
	#tableMaListeArtisans, #tableMaListeArtisans label{ font-size : 0.7em; line-height: 1rem; padding: 0.1em 0.5em;}
	#tableMaListeArtisans td:nth-child(2){ text-align: left; width: 150px; }
	#tableMaListeArtisans td:nth-child(3){ text-align: left; width: 200px; }
	#tableMaListeArtisans td:nth-child(4){ text-align: left; width: 200px; }

	.stagiaireAbandon { text-decoration: line-through; color: red !important; }
	



	/******************/
	/* DETAIL ARTISAN */
	/******************/


	.divDetailArtisan { width: 100%;}
	.divDetailArtisan label.inline { font-size: 0.75rem; line-height: 25px; margin: 0; padding: 0;}
	.divDetailArtisan form div.chk { padding: 0.4rem 0 !important;}
	.divDetailArtisan form div.slct select{ margin: 0.1rem 0 !important; width: 80px;}
	
	.fsConvention legend {background-color: transparent;}
	.divFsConvention { display: flex; height: 100%;  justify-content: space-between; width: 100%;}
	.divFsConvention1 { display: flex; flex-wrap: wrap; height: 100%; min-width: 140px; }
	.divFsConvention1:nth-child(2) { min-width: 200px;  margin-right: 15px; }
	.divFsConvention1:nth-child(3) { width: 380px;}
	/*.divFsConvention1:nth-child(2) img { height: 45px; width: 45px; }*/
	.divFsConvention1 .zombie { background:#dddddd;}
	.divFsConvention1 .img_pdf { border: solid 1px #bebebe; padding:2px; position: relative; width:90px;text-align:center;}
	.divFsConvention1 img { width: 30px; }
	.divFsConventionChk { width: 100%; }
	.divFiligranne { background-color:rgba(255,255,255,0.7); height: 100%; position: absolute; width: 100%;}
	
	.margin0 {margin: 0 !important;}



	/*******************/
	/* PARCOURS ARTSAN */
	/*******************/

	#tableDParcours {border: 0; border-collapse : collapse;}
	#tableDParcours input.adresse1 { display: inline-block; width: 30%; }
	#tableDParcours input.adresse2 { display: inline-block; width: 40%; }
	#tableDParcours input.adresse3 { display: inline-block; width: 10%; }
	#tableDParcours input.adresse4 { display: inline-block; width: 20%; }
	#tableDParcours td { border: 0; padding: 2px 2px !important; }
	#tableDParcours th { border: 0; text-align: center !important;}
	#tableDParcours .col1 { text-align: left; width: 100px !important; }
	#tableDParcours .col2 { text-align: left; width: 80px !important; }
	#tableDParcours .col3 { text-align: left; width: 80px !important; }
	#tableDParcours .col4 { text-align: left; width: 600px !important; }
	#tableDParcours .col5 { text-align: left; width: 50px !important; }
	#tableDParcours .col6 { text-align: left; width: 50px !important; }
	#tableDParcours .col7 { text-align: left; width: 50px !important; }
	#tableDParcours .col8 { text-align: right; width: 70px !important; }
	#tableDParcours input.montant{ text-align: right; }

	#tableDParcours tr.module1 { background-color: #fad0a0; border: 0; }
	#tableDParcours tr.module2-1 { background-color: #faf0a8; border: 0; }
	#tableDParcours tr.module2-2 { background-color: #fff6b7; border: 0; }
	#tableDParcours tr.module2-3 { background-color: #fff8c7; border: 0; }
	#tableDParcours tr.module2-4 { background-color: #fbf6cd; border: 0; }
	#tableDParcours tr.module2bis { background-color: #f0fbcd; border: 0; }
	#tableDParcours tr.module3-1 { background-color: #caedb3; border: 0; }
	#tableDParcours tr.module3-2 { background-color: #acd98f; border: 0; }

	#tableDParcours tr.borderBottom { border-bottom: solid 1px #ddd; }
	#tableDParcours td input.center { text-align: center; }

	.blocEcranMemoSession { background-color: #FEEDFF; margin: 10px 25px !important; padding: 0.4rem !important; }
	.divFermerMemoSession { background-color: #eee; box-sizing:border-box;  border-radius: 100%; box-shadow:0px 0px 2px 1px rgba(0,0,0,0.5);
							border: solid 2px #fff; font-size: 10px; cursor: pointer; height: 20px; line-height: 18px;  padding: 0 4px; position: absolute; right: 15px;
							transition-duration: 0.2s;  width: 20px; z-index: 1000;}
	.divFermerMemoSession:before { content: "X"; }
	.divFermerMemoSession:hover { background-color: #333; color: #eee; }
	.chkModuleMemoSession, .chkModuleMemoSessionToutSelectionner, .chkModuleMemoSessionForcer{ margin: 0 !important; vertical-align: middle;}
	label.memoSession { font-size: 0.7em; }



	/******************/
	/* DETAIL FACTURE */
	/******************/


	.lblChoixTypeFacture, .lblChoixTypeFactureRO { background: #ededed; border: solid 1px #ccc; border-radius: 3px; display: inline-block; font-size: 18px; 
													height: 50px; line-height: 50px; margin-right: 8px; text-align: center; vertical-align: middle; width: 170px;}
	.lblChoixTypeFactureRO, .lblChoixDestFactureRO  { cursor: default; }
	.typeFactureSelected { background: rgb( 64, 107, 255 ); box-shadow: rgb(94, 158, 214) 0px 0px 1px 1px; }
	.typeAvoirSelected { background: rgb( 250, 183, 99 ); box-shadow: rgb(244, 163, 60) 0px 0px 1px 1px; }
	.typeAvoirSelected, .typeFactureSelected, .destinataireSelected, .categorieSelected { color: #fff; }
	.lblChoixDestFacture, .lblChoixDestFactureRO, 
	.lblChoixCatFacture, .lblChoixCatFactureRO { background: #ededed; border: solid 1px #ccc; border-radius: 3px; display: inline-block; font-size: 10px; 
													height: 22px; line-height: 22px; margin-right: 8px; padding: 0 5px ; text-align: center; vertical-align: middle; 
													min-width: 80px;}
	.lblChoixDestFactureRO, .lblChoixCatFactureRO  { cursor: default; }
	.destinataireSelected, .categorieSelected { background: rgb( 64, 107, 255 ); box-shadow: rgb(94, 158, 214) 0px 0px 1px 1px; }

	.selectionnable { cursor: pointer; }
	.survolable:hover { background: #ddd; }

	.tableDFacture td { font-size: 0.8em; padding: 2px; }
	.tableDFacture th { text-align: center;  }
	
	.tableDFactureReg tr td:nth-child(1){ text-align: right; width: 100px; }
	.tableDFactureReg tr td:nth-child(2){ text-align: center; width: 100px; }
	.tableDFactureReg tr td:nth-child(3){ text-align: center; width: 100px; }
	.tableDFactureReg tr td:nth-child(4){ text-align: center; width: 100px; }
	.tableDFactureReg tr td:nth-child(5){ text-align: left; width: 100px; }

	.tableDFactureAvoir tr td:nth-child(1){ text-align: center; width: 100px; }
	.tableDFactureAvoir tr td:nth-child(2){ text-align: center; width: 100px; }
	.tableDFactureAvoir tr td:nth-child(3){ text-align: right; width: 100px; }
	.tableDFactureAvoir tr td:nth-child(4){ text-align: left; width: 250px; padding-left: 5px;}

	.tableDFactureLigne tr td:nth-child(1){ text-align: left; vertical-align: top; width: 400px; }
	.tableDFactureLigne tr td:nth-child(2){ text-align: right; vertical-align: top; width: 60px; }
	.tableDFactureLigne tr td:nth-child(3){ text-align: left; vertical-align: top; width: 150px; }
	.tableDFactureLigne tr td:nth-child(4){ text-align: center; vertical-align: top; width: 90px; }
	.tableDFactureLigne tr td:nth-child(5){ text-align: center; vertical-align: top; width: 90px; }
	.tableDFactureLigne tr td:nth-child(6){ text-align: center; vertical-align: top; width: 90px; }
	.tableDFactureLigne tr td:nth-child(7){ text-align: center; vertical-align: top; width: 170px; }
	.tableDFactureLigne tr td:nth-child(8){ text-align: center; vertical-align: top; width: 42px; }
	.tableDFactureLigne td span { background: #ddd; border: solid 1px #ddd; display: inline-block; padding: 3px; width: 100%; }

	.trLigneFactureModifiee, .trLigneEcheanceModifiee, .trLigneModuleReelDateModifiee, .trLigneInscriptionModuleModifiee { background-color: #ffe0b3 !important; }
	.trLigneEcheanceModifiee input, .trLigneEcheanceModifiee textarea, .trLigneEcheanceModifiee select,
	.trLigneFactureModifiee input, .trLigneFactureModifiee textarea, .trLigneFactureModifiee select,
	.trLigneModuleReelDateModifiee input, .trLigneModuleReelDateModifiee textarea, .trLigneModuleReelDateModifiee select,
	.trLigneInscriptionModuleModifiee input, .trLigneInscriptionModuleModifiee textarea, .trLigneInscriptionModuleModifiee select { background-color: #ffebcc !important; }

	.trLigneTerminee { background-color: #68b54a !important; }
	.trLigneTerminee input, .trLigneTerminee textarea, .trLigneTerminee select { background-color: #a4d392 !important; }

	
	.tableDFactureEcheance tr td:nth-child(1), .tableDFactureEcheance input { text-align: left; vertical-align: top; width: 100px; }
	.tableDFactureEcheance tr td:nth-child(2){ text-align: right; vertical-align: top; width: 80px; }
	.tableDFactureEcheance tr td:nth-child(3){ text-align: center; vertical-align: top; width: 100px; }
	.tableDFactureEcheance tr td:nth-child(4){ text-align: right; vertical-align: top; width: 80px; }
	.tableDFactureEcheance tr td:nth-child(5){ text-align: center; vertical-align: top; width: 100px; }
	.tableDFactureEcheance tr td:nth-child(6){ text-align: center; vertical-align: center; width: 170px; }
	.tableDFactureEcheance tr td:nth-child(7){ text-align: center; vertical-align: center; width: 40px; }
	.tableDFactureEcheance td span { background: #ddd; border: solid 1px #ddd; display: inline-block; padding: 3px; width: 100%; }

	.tableDFactureTotalEcheance tr td:nth-child(1){ text-align: left; vertical-align: top; width: 250px; }
	.tableDFactureTotalEcheance tr td:nth-child(2), .tableDFactureTotalEcheance tr td:nth-child(2) input { text-align: right; vertical-align: top; width: 100px; }
	.tableDFactureTotalEcheance tr td:nth-child(3){ text-align: right; vertical-align: top; }
	.tableDFactureTotalEcheance td { padding: 2px !important; }
	.tableDFactureEcheance td span { background: #ddd; border: solid 1px #ddd; display: inline-block; padding: 3px; width: 100%; }
	


	/************************/
	/***** DETAIL DEVIS *****/
	/************************/


	.tableDDevis td { font-size: 0.8em; padding: 2px; }

	.tableDDevisLigne tr td:nth-child(1){ text-align: center; vertical-align: middle; width: 30px; }
	.tableDDevisLigne tr td:nth-child(2){ text-align: left; vertical-align: top; width: 400px; }
	.tableDDevisLigne tr td:nth-child(3){ text-align: right; vertical-align: top; width: 60px; }
	.tableDDevisLigne tr td:nth-child(4){ text-align: left; vertical-align: top; width: 150px; }
	.tableDDevisLigne tr td:nth-child(5){ text-align: center; vertical-align: top; width: 90px; }
	.tableDDevisLigne tr td:nth-child(6){ text-align: center; vertical-align: top; width: 90px; }
	.tableDDevisLigne tr td:nth-child(7){ text-align: center; vertical-align: top; width: 170px; }
	.tableDDevisLigne tr td:nth-child(8){ text-align: center; vertical-align: top; width: 42px; }
	.tableDDevisLigne td span { background: #ddd; border: solid 1px #ddd; display: inline-block; padding: 3px; width: 100%; }

	.lblTypeDevis { background-color: #E3CEF6; box-shadow: rgb(94, 158, 214) 0px 0px 1px 1px; border: solid 1px #D0A9F5; border-radius: 3px; display: inline-block; font-size: 18px; 
					height: 50px; line-height: 50px; margin-right: 8px; text-align: center; vertical-align: middle; width: 170px; }
	#divDlPdf, #divDlPdfFe { display: inline-block; }



	/*********************/
	/* DETAIL ENTREPRISE */
	/*********************/


	.tableActiviteEntreprises { width: 100%; }
	.tableActiviteEntreprises tr td:nth-child(1){ text-align: left; vertical-align: top; width: 75%; }
	.tableActiviteEntreprises tr td:nth-child(2){ text-align: center; vertical-align: top; width: 25%; }
	.tableActiviteEntreprises tr td:nth-child(3){ text-align: center; vertical-align: top; width: 25%; }

	.tableListeModuleArtisan tr th,.tableListeModuleArtisan tr td { padding: 2px; }
	.tableListeModuleArtisan input { text-align: right; }
	.tableListeModuleArtisan tr td:nth-child(1){ text-align: center; width: 70px; }
	.tableListeModuleArtisan tr td:nth-child(2){ text-align: left; width: 250px; }
	.tableListeModuleArtisan tr td:nth-child(3){ text-align: center; width: 100px; }
	.tableListeModuleArtisan tr td:nth-child(4){ text-align: center; width: 100px; }
	.tableListeModuleArtisan tr td:nth-child(5){ text-align: center; width: 70px; }
	.tableListeModuleArtisan tr td:nth-child(6){ text-align: center; width: 100px; }



	/********************/
	/* DETAIL STAGIAIRE */
	/********************/


	.lblCmbNouveauParcours { line-height: 26px !important; font-size: 1.1em !important;}
	.divDStagiaireMeteo {	}
	.divDStagiaireEvolution { height: 50px; width: 500px; }
	.divProgess { height: 40px; position: absolute; width: 500px;}
	.divPourcentage { display: flex; justify-content: center; position: absolute; width: 100%; }
	.divProgess span { border: solid 1px #ddd; background-color: rgba(255, 255, 255, 0.7); border-radius: 4px; height: 30px; margin: 5px 0; position: absolute; z-index: 10; line-height: 30px; text-align: center; width: 50px; }
	.divProgessBar { background-color: #cbe8ba; height: 40px; position: absolute;}
	.divProgessBarArrow { background-color: transparent; background-image: url('./img/progressBar1.png'); background-size: cover; background-position: left center; height: 40px; position: absolute; width: inherit;}

	.divDStagiaireStatut { height: 40px; line-height: 40px; display: flex; justify-content: center; }
	.divDStagiaireStatut span { height: 30px; }

	.divDStagiaireMeteoConteneur { display: flex; justify-content: center; }
	.divDStagiaireMeteo { height: 40px; width: 40px; }
	.meteoIcon0 { background-image: url('./img/smiley0.png'); background-size: cover; cursor: pointer;}
	.meteoIcon1 { background-image: url('./img/smiley1.png'); background-size: cover; cursor: pointer;}
	.meteoIcon2 { background-image: url('./img/smiley2.png'); background-size: cover; cursor: pointer;}
	
	.divDStagiaireMeteoSelection { background-color:  rgba(242, 242, 242, 0.8); border: solid 1px #bbb; display: flex; height: 60px; justify-content: space-between; padding: 5px; position: fixed; width: 170px; z-index: 1000;}
	.divMeteoSelection { background-position: center; background-repeat: no-repeat; background-size: 40px 40px;  height: 50px; width: 50px; }
	.divMeteoSelection:hover { background-color: #fff; border: solid 1px #ddd; }
	#divMeteoSelection0 { background-image: url('./img/smiley0.png'); }
	#divMeteoSelection1 { background-image: url('./img/smiley1.png'); }
	#divMeteoSelection2 { background-image: url('./img/smiley2.png'); }

	.lblCmbNouveauParcours, .lblDSListeModule { text-transform: uppercase; font-weight: bolder;}


	#tableDStagiaireModule th:nth-child(1){ text-align: center; width: 10px; }
	#tableDStagiaireModule th:nth-child(2){ text-align: center; width: 70px; }
	#tableDStagiaireModule th:nth-child(3){ text-align: center; width: 200px; }
	#tableDStagiaireModule th:nth-child(4){ text-align: center; width: 100px; }
	#tableDStagiaireModule th:nth-child(5){ text-align: center; width: 100px; }
	#tableDStagiaireModule th:nth-child(6){ text-align: center; width: 80px; }
	#tableDStagiaireModule th:nth-child(7){ text-align: center; width: 50px; }
	#tableDStagiaireModule th:nth-child(8){ text-align: center; width: 160px; }
	#tableDStagiaireModule th:nth-child(9){ text-align: center; width: 30px; }
	#tableDStagiaireModule th:nth-child(10){ text-align: center; width: 10px; }

	#tableDStagiaireModule td:nth-child(1){ text-align: center; width: 10px; }
	#tableDStagiaireModule td:nth-child(2){ text-align: center; width: 100px; }
	#tableDStagiaireModule td:nth-child(3){ text-align: left; width: 200px; }
	#tableDStagiaireModule td:nth-child(4){ text-align: left; width: 100px; }
	#tableDStagiaireModule td:nth-child(5){ text-align: center; width: 100px; }
	#tableDStagiaireModule td:nth-child(6){ text-align: right; width: 80px; }
	#tableDStagiaireModule td:nth-child(7){ text-align: center; width: 50px; }
	#tableDStagiaireModule td:nth-child(8){ text-align: left; width: 120px; }
	#tableDStagiaireModule td:nth-child(9){ text-align: center; width: 30px; }
	#tableDStagiaireModule td:nth-child(10){ text-align: center; width: 30px; }
	#tableDStagiaireModule td:nth-child(11){ text-align: center; width: 10px; }

	#tableDStagiaireModule td { position: relative; }
	tr.trProlonge td:before { content: " "; position: absolute; top: 50%; left: 0; border-bottom: 1px solid #111; width: 100%;}
	tr.trProlonge td:after { content: "\00B7"; font-size: 1px;}


	#tableDStagiaireModuleDate td:nth-child(1){ text-align: center; width: 70px; }
	#tableDStagiaireModuleDate td:nth-child(2){ text-align: center; width: 70px; }
	#tableDStagiaireModuleDate td:nth-child(3){ text-align: center; width: 100px; }
	#tableDStagiaireModuleDate td:nth-child(4){ text-align: center; width: 120px; }
	#tableDStagiaireModuleDate td:nth-child(5){ text-align: center; width: 120px; }
	#tableDStagiaireModuleDate td:nth-child(6){ text-align: center; width: 70px; }
	#tableDStagiaireModuleDate td:nth-child(7){ text-align: center; width: 100px; }
	#tableDStagiaireModuleDate td:nth-child(8){ text-align: center; width: 70px; }
	#tableDStagiaireModuleDate td:nth-child(9){ text-align: center; width: 70px; }
	#tableDStagiaireModuleDate td:nth-child(10){ text-align: center; width: 70px; }
	#tableDStagiaireModuleDate td:nth-child(11){ text-align: center; width: 70px; }
	#tableDStagiaireModuleDate td:nth-child(12){ text-align: center; width: 100px; }

	#tableDStagiaireConvention td:nth-child(1){ text-align: center; width: 50px; }
	#tableDStagiaireConvention td:nth-child(2){ text-align: left; width: 200px; }
	#tableDStagiaireConvention td:nth-child(3){ text-align: right; width: 70px; }f
	#tableDStagiaireConvention td:nth-child(4){ text-align: left; width: 200px; }
	#tableDStagiaireConvention td:nth-child(5){ text-align: left; width: 200px; }
	#tableDStagiaireConvention td:nth-child(6){ text-align: left; width: 200px; }
	#tableDStagiaireConvention td:nth-child(7){ text-align: left; width: 200px; }
	#tableDStagiaireConvention td:nth-child(8){ text-align: left; width: 200px; }
	#tableDStagiaireConvention td:nth-child(9){ text-align: center; width: 20px; }
	#tableDStagiaireConvention td:nth-child(10){ text-align: center; width: 20px; }

	
	#tableDStagiaireInscription td:nth-child(1){ text-align: center; width: 50px; }
	#tableDStagiaireInscription td:nth-child(2){ text-align: left; width: 300px; }
	#tableDStagiaireInscription td:nth-child(3){ text-align: left; width: 500px; }
	#tableDStagiaireInscription td:nth-child(4){ text-align: center; width: 150px; }
	#tableDStagiaireInscription td:nth-child(5){ text-align: center; width: 150px; }
	#tableDStagiaireInscription td:nth-child(6){ text-align: center; width: 150px; }

	

	#tableDStagiaireModuleDate td { padding: 0; }
	#tableDStagiaireModuleDate td input { border: 0; }


	#tableDStagiaireModule td, #tableDStagiaireInscription td, #popTableSelectionModeleConvention td { padding: 1px 0px; }
	#tableDStagiaireModule td:nth-child(1) input { cursor: pointer; }

	.dlPDF { font-weight: bold; margin-left: 10px}
	.dlPDF:before { content: "\1f847"; font-weight: bolder; padding: 0 5px;} /* rechercher character unicode https://www.w3schools.com/charsets/ref_utf_math.asp */
	.delPDF {  }

	.dlPDF, .delPDF { border-radius: 5px 0px 0px 5px; margin-bottom: 0 !important; margin: 0 0 0 3px; padding: 0.3rem 1rem 0.5em 1rem !important; }
	.delPDF { border-radius: 0px 5px 5px 0px;  margin-bottom: 0 !important; margin: 0px 1.5px 0 0; padding: 0.4rem 0.3rem !important; }

	.divPopupDetailModule { overflow: auto; height: 450px;}


	/* DETAIL MODULE */

	.divDModuleStatut { display: flex; }
	.divDModuleStatut > div { border: solid 1px #ddd; height: 60px; text-align: center; width: 110px; }
	.divDModuleStatut0, .divDModuleStatut1, .divDModuleStatut2, .divDModuleStatut3, .divDModuleStatut4, .divDModuleStatut5 { color : #ccc; }
	.divDModuleStatut0Selected,	
	.divDModuleStatut1Selected,	
	.divDModuleStatut2Selected, 
	.divDModuleStatut3Selected, 
	.divDModuleStatut4Selected,	
	.divDModuleStatut5Selected { border: solid 3px #f7f8e0 !important; color: #333 !important; -moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999; box-shadow: 2px 2px 5px #999;}
	.divDModuleStatut0Selected { background-color: #ddd !important; }
	.divDModuleStatut1Selected { background-color: #ffb84d !important;  }
	.divDModuleStatut2Selected { background-color: #ffff4d !important;  }
	.divDModuleStatut3Selected { background-color: #1ad1ff !important;  }
	.divDModuleStatut4Selected { background-color: #00e673 !important;  }
	.divDModuleStatut5Selected { background-color: #cc3300 !important;  }
	.divDModuleStatutHover { background-color: #ffffe6; border: solid 2px #ffebcc !important; color: #555; cursor: pointer; font-weight: bold; transition-duration:0.4s; }

	.divHeight60 { height: 60px; line-height: 60px; }
	.lblTypeModule { font-size: 30px !important; line-height: 60px;  }

	.divChkValidation { background-color: #eee; border: double 1px #ccc; }
	.divChkValidationRequire { background-color: #ffe6e6; border: double 1px #ffcccc; }
	.divChkValidation:before{ content: "\2713 "; font-size: 20px; font-weight: bold; color: #eee; padding: 0 12px;}
	.divChkValidationRequire:before { content: "\2713 "; font-size: 20px; font-weight: bold; color: #ffe6e6; padding: 0 12px;}
	.divChkValidationRequire, .divChkValidation { cursor: pointer; border-radius: 5px; height: 30px; margin-left: 20px; overflow: hidden;}
	.divChkValidation:hover, .divChkValidationRequire:hover { background-color: #ffffe6; cursor: pointer; border: double 1px #ffebcc; border-radius: 5px; transition-duration:0.4s;}
	.divChkValidation label, .divChkValidationRequire label { color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.divChkValide:before { font-weight: bolder !important; color: #009900 !important;} 
	.divChkValide { background-color: #b3ffb3 !important;  border: double 1px #ffcccc !important; } 
	.divChkValide label { color: #222 !important;}

	.divChkValidation input[type="checkbox"], .divChkValidationRequire input[type="checkbox"] { display: none; }
	.height32 input[type="text"] { margin: 0 5px; }

	#tableDModuleReelDate td:nth-child(1){ text-align: center; width: 100px; }
	#tableDModuleReelDate td:nth-child(2){ text-align: center; width: 70px; }
	#tableDModuleReelDate td:nth-child(3){ text-align: center; width: 100px; }
	#tableDModuleReelDate td:nth-child(4){ text-align: center; width: 150px; }
	#tableDModuleReelDate td:nth-child(5){ text-align: center; width: 150px; }
	#tableDModuleReelDate td:nth-child(6){ text-align: center; width: 70px; }
	#tableDModuleReelDate td:nth-child(7){ text-align: center; width: 100px; }
	#tableDModuleReelDate td:nth-child(8){ text-align: center; width: 70px; }
	#tableDModuleReelDate td:nth-child(9){ text-align: center; width: 70px; }
	#tableDModuleReelDate td:nth-child(10){ text-align: center; width: 70px; }
	#tableDModuleReelDate td:nth-child(11){ text-align: center; width: 70px; }
	#tableDModuleReelDate td:nth-child(12){ text-align: center; width: 120px; }
	#tableDModuleReelDate td:nth-child(11){ text-align: center; width: 40px; }

	#tableDModuleReelDate td:nth-child(1) input { font-size: 1em !important; font-weight: bolder;  }

	.tableDModuleReelInscriptions  td:nth-child(1), .tableDModuleReelInscriptions  th:nth-child(1){ text-align: center; width: 30px;}
	.tableDModuleReelInscriptions  td:nth-child(2), .tableDModuleReelInscriptions  th:nth-child(2){ width: 170px;}
	.tableDModuleReelInscriptions  td:nth-child(2) { text-align: left;}
	.tableDModuleReelInscriptions  td:nth-child(3), .tableDModuleReelInscriptions  th:nth-child(3){ text-align: center; width: 120px;}
	.tableDModuleReelInscriptions  td:nth-child(4), .tableDModuleReelInscriptions  th:nth-child(4){ text-align: center; width: 30px;}
	.tableDModuleReelInscriptions  td:nth-child(5), .tableDModuleReelInscriptions  th:nth-child(5){ text-align: center; width: 200px;}
	.tableDModuleReelInscriptions  td:nth-child(6), .tableDModuleReelInscriptions  th:nth-child(6){ text-align: center; width: 30px;}
	.tableDModuleReelInscriptions  td:nth-child(7), .tableDModuleReelInscriptions  th:nth-child(7){ text-align: center; width: 30px;}
	.tableDModuleReelInscriptions  td:nth-child(8), .tableDModuleReelInscriptions  th:nth-child(8){ text-align: center; width: 30px;}
	.tableDModuleReelInscriptions  td:nth-child(9), .tableDModuleReelInscriptions  th:nth-child(9) { text-align: center; width: 100px;}
	.tableDModuleReelInscriptions  td:nth-child(10), .tableDModuleReelInscriptions  th:nth-child(10){ text-align: center; width: 20px;}

	#tableDModuleReelDate td, .tableDModuleReelInscriptions td { padding:  1px 0; }
	#tableDModuleReelDate td input { border: 0; }

	.tableDModuleReelInscriptions td input.textRight { text-align: right; }


	/*case de la désinscription*/
	.tableDModuleReelInscriptions td { position: relative; }
	table tr.trDesinscrit, table tr.trDesinscrit input, table tr.trDesinscrit textarea { background-color: #bbbbbb; }
	table tr.trDesinscrit td, table tr.trDesinscrit td a { color: #666 !important; }
	tr.trDesinscrit td:before { content: " "; position: absolute; top: 50%; left: 0; border-bottom: 1px solid #111; width: 100%;}
	tr.trDesinscrit td:after { font-size: 1px;}




/* TABLEAU DES ARTISANS */
.special { height: 300px;  width: 100%; overflow: auto; }

.tableListeArtisans { width: 100%; }
.tableListeArtisans tr td:nth-child(1){ text-align: left; vertical-align: top; width: 20%; }
.tableListeArtisans tr td:nth-child(2){ text-align: left; vertical-align: top; width: 20%; }
.tableListeArtisans tr td:nth-child(3){ text-align: center; vertical-align: top; width: 60%; }


/* ... */

/*date Picker
input[type="text"].fdatepicker{background:url(../img/icones/calendar-day.png) right no-repeat; width:100px;}
input[type="text"].ftimepicker{background:url(../img/icones/clock.png) right no-repeat; width:100px;}
*/

.alert_lien{
	padding:10px;
	border-top: solid 2px teal;
	border-bottom: solid 2px teal;
	width:100px;
	margin:auto;
	}

.switch{margin-top:0;}
.alert-box a{background-color:#ffffff; padding:5px;}
/*.alert-box a{color:#ffffff;}*/


/* bouton de la bar en haut des form */
.absolute{
	position: absolute;
	z-index: 200;
	width: 100%;
	padding-top: 2%;
}
.btn_nav_search {
	color: #000;
	padding: 1%;
	margin-top: 0.5%;
	border-radius: 5px;
}
.btn_nav_search:hover {
	background-color: rgb(228,108,10);
	color: #dedede;

}
#tabmain_wrapper {
	width: 100%;
}

.btn_final{margin:20px auto 15px; padding:10px; text-align:center; color:#ffffff;background:#2ba6cb;width:50%;transition-duration:0.2s; border: outset 2px #dedede;}
.btn_final:hover{background:#288eae;}
.btn_final a{color:#ffffff; }

.ofmoduleitem{border-bottom:solid 2px #ffffff; border-top:solid 2px #ffffff; }
.ofmoduleitem>div{border-right:solid 2px #ffffff; padding-top: 5px;}
.ofmoduleitem>div:last-child{border-right:none;}

/*affichage des modules*/
.item2{border:solid 1px rgba(84,44,32,0.4); padding: 1.3% 1.3% 1.3% 1.3% ; border-top:0;}
.item_title{padding:10px; margin-top:10px;}
.item_content1{display: inline-block; width: 65%; vertical-align:top;}
.item_content2{display: inline-block;vertical-align:top;width: 25%;text-align: left; vertical-align:top;}
.item_content2b{display: inline-block;vertical-align:top;text-align: left;vertical-align:top;}
.item_content2b a{display: block; padding:5px; border: solid 1px #ffffff; margin:2px;border-radius: 2px;}
.item_content2b a:hover{background-color:rgba(255,255,255,0.1);}
.item_content3{margin-left: 1%}

.item_groupement{border-bottom:outset 2px #f79646; margin-bottom: 5px;}
.item_artisan{background:#fefefe;margin-bottom:9px;padding:5px;}
.item_artisan:last-child{background:#fefefe;margin-bottom:0;padding:5px;}
.item_module{
	width:12%; padding:5px; border: solid 1px #bebebe;text-align:center;font-size:90%;margin-right:3px;
	}
.item_modulex4{width:48.9%; padding:5px; border: solid 1px #bebebe;text-align:center;font-size:90%;margin-right:3px;}
.item_modulex2{width:24.3%; padding:5px; border: solid 1px #bebebe;text-align:center;font-size:90%;margin-right:3px;}
.item_modulex5{width:61.3%; padding:5px; border: solid 1px #bebebe;text-align:center;font-size:90%;margin-right:3px;}
.item_modulex8{	width:98%; padding:5px; border: solid 1px #bebebe;text-align:center;font-size:90%;margin-right:3px;}
	
.item_list_module_2,.item_list_module_at{
	background-color: rgba(46,166,203,0.2);color:#000000; transition-duration:1s;min-height:110px;display:inline-block; vertical-align: top; width:31%; padding:5px;text-align:center;font-size:90%;
	}

.item_list_module{
	color:#000000; transition-duration:1s;min-height:110px;display:inline-block; vertical-align: top; width:35%; padding:5px; text-align:center;font-size:90%;
	}
.item_list_module_valide, .item_list_module_2,.item_list_module_at a{
	color: #000000;
}
.item_list_module_btn{
	color: #ffffff;background-color: #2ba6cb; padding: 3px; transition-duration:0.4s;
}
.item_list_module_btn:hover{background:#288eae;}
.item_list_module_btn a{	color: #ffffff;}

.item_list {
	padding: 1%;
}
.item_list_border {
	border: 1px solid #bebebe;padding: 1%;
}
.liste_btns>div{display:inline-block;padding:0 1%; border:solid 1px #bebebe;	margin-right:1%;}
.liste_btns2>div{display:block;}
.colmod1{background:#f79646;color:#ffffff;}
.colmod2{background:#996633;color:#ffffff;}
.colmod2bis{background:#df7275;color:#ffffff;}
.colmod3{background:#962124;color:#ffffff;}

.fondmod1{background:#fac295;}
.fondmod2{background:#dbb894;}
.fondmod2bis{background:#eeb5b7;}
.fondmod3{background:#e38285;}




.colmod1 a, .colmod2 a, .colmod3 a, .colmod2bis a{color:#ffffff;}
/*style form*/
th {
	background-color: #e46c0a;
	color: #dedede;
	text-align:center;
}
tr a{
	color: #000;
}

table{
	min-width:50%;
}
table caption {
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 2%;
}
table.tableb tr td input[type="radio"]{display:block;border:solid 1px red;margin-bottom:-1px;}

#tabmain tr:hover, #tabmain2 tr:hover, #tabmain3 tr:hover, .tableb tr{transition-duration:0.2s; }
#tabmain tr:hover, #tabmain2 tr:hover, #tabmain3 tr:hover, .tableb tr:hover{background:#fcccba;}
#tabmain, #tabmain2, #tabmain3 {font-size:90%;}
.lien_#ffffff {
	color: #ffffff;
}
.lien_#ffffff:hover {
	color: rgba(255,255,255,0.9);
}

/*Vive Flex !*/
.flex_parent{
display:flex;
flex-direction: row;
flex-wrap: wrap; /*nowrap | wrap | wrap-reverse;*/
}
.flexed{margin-right:5px;min-width: 5px;}
.flexed3{min-width:30%;}

.item_content3 {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 2px;
	padding: 7px;
	border: 1px solid rgba(255,255,255,0.8);
	background-color: rgba(255,255,255,0.1);
	transition-duration:1s;
	max-width: 200px;
}
.item_content3:hover{
	background-color: rgba(255,255,255,0.2);
}
.item_content3 a{
	color: #ffffff;
	
}
.item_content4{
	padding: 10px;
	background-color: rgba(228,108,10,0.8);
	color: #ffffff;
}
.item_content4 a, .item_content4 p 
{
	display: inline-block;
	color: #ffffff;
}
.item_content5{
	padding: 10px;
	background-color: rgba(228,108,10,0.6);
	color: #ffffff;
}
.item_content5 a, .item_content4 p 
{
	display: inline-block;
}
.import{
	border: 1px solid rgba(228,108,10,0.4);
	border-radius: 2px;
	padding: 20px;
	margin-top: 20px;
}
.import label {
	color: #000000;
	font-size: 1em;
}
.import p{
	margin-bottom: 10px;
}
.btn_input_modif {
	padding: 10px;
	background-color: #2ba6cb;
	border:none;
	border-radius: 2px;
	color: #ffffff;
	margin: 10px 10px 0 20px;
	transition-duration:1s;
}
.btn_input {
	padding: 10px;
	background-color: rgba(228,108,10,0.6);
	border:none;
	border-radius: 2px;
	color: #ffffff;
	margin: 10px 10px 0 20px;
	transition-duration:1s;
}
#btn_upload{
	margin-top: 30px;
}
.btn_input:hover {
	cursor: pointer;
	padding: 10px;
	background-color: rgba(228,108,10,0.7);
	border:none;
	border-radius: 2px;
	color: #ffffff;
}
#reponse_data {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: 1px solid rgba(228,108,10,0.4);
}

/* File Drop */

.file-drop-area {
	border: 1px dashed rgba(228,108,10,0.4);
	border-radius: 3px;
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 26px 20px 30px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.file-drop-area.is-active {
	background-color: rgba(228,108,10,0.4);
}

.fake-btn, .btnEnvoiFichier {
	background-color: rgba(228,108,10,0.6);
	border-radius: 3px;
	padding: 8px 15px;
	margin-right: 8px;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	cursor: pointer;
}
.file-msg {
	font-size: small;
	font-weight: 300;
}

.file-input {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	opacity: 0;
	width: 0 !important;
	height: 0 !important;
}
.file-input:focus {
	outline: none;
}
#ajout_form {
	cursor: pointer;
}
#hide {
	display: none;
}
.cours_inscription {
	display: inline-block;
}
.add_artisans {
	width: 30%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}

.table_artisans {
	width: 100%;
}

.gris{color:#bebebe;}
.select_suivi {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	background-color: rgb(228,108,10);
	padding: 1%;
	margin-right:2%; 
	margin-bottom: 2%;
	text-align: center;
	color: #ffffff;
}
.select_suivi input{
color: #ffffff;
  background: #fcc78f;
  padding: 4px 10px 4px 10px;
  text-decoration: none;
  border:none;
}
.select_suivi input:hover{
	background: #ffc278;
  text-decoration: none;
  cursor: pointer;
}
.camembert{
	padding: 5%;
}
.graph{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}
.date_m2{
	width: 45%;
	margin-left: 2%;
	display: inline-block;
	vertical-align: middle;
}
.date_intention{
	width: 23%;
	margin-left: 2%;
	display: inline-block;
	vertical-align: top;
}
.module_detail_artisan {
	width: 75%;
	display: inline-block;
	vertical-align: top;
}
.form_img {
	width: 20%;
	padding:2%;
	display: inline-block;
	vertical-align: top;
	text-align: right; 
}
.regenerer {
	border-bottom: 1px solid #ffffff;
}
.item_content3 a:hover {
	text-decoration: underline;
}
.avancement{font-size:60%;}


.artisan_refuse{
	background-color: rgba(0,0,0,0.1);
}
.moinsplus_artisan{
	cursor: pointer;
}
.form_add_artisan{
	width: 30%;
	display: inline-block;
	vertical-align: top;
}
.form_add_artisan select {
	width: 80%;
	display: inline-block;
	vertical-align: top;

}
.form_add_artisan label {
	width: 15%;
	display: inline-block;
	vertical-align: top;
	
}
.form_add_competence {
	width: 65%;
	padding-left: 2%;
	display: inline-block;
	vertical-align: top;
	font-size: 0.8em;
}
.add_artisan {
	background-color: ;
	border: 1px solid #000000;
	margin-top: 1%;
	padding: 20px 20px 20px 20px;
}
#pop_up_validation {
	padding: 2%;
	background-color: #ffffff;
	border:1px solid black;
}
.oddyfont{font-family: "Lucida Console", Times, serif;font-size:110%;padding-bottom:5px;}

.cm1{padding-top:10px;background:#f9b882;}
.cm2{padding-top:10px;background:#e8979a;}
.cm2bis{padding-top:10px;background:#df7275;}
.cm3{padding-top:10px;background:#cb8b78;}
.bordup{border-top:solid 1px #bebebe;}

.non{background:#962124;}
.cliquable{cursor:pointer;}
tr.cliquable:hover{background:#afb2f8;}
.terne{color:#bbbbbb; font-size:90%;}
.alert a{color:#ffffff;}

.petit{font-size:90%;}
.big{font-size:200%;}
.text-center th{text-align:center;}

.rotate45 {
font-weight:normal;
font-size:70%;
/* Safari */
-webkit-transform: rotate(-35deg);
/* Firefox */
-moz-transform: rotate(-35deg);
/* IE */
-ms-transform: rotate(-35deg);
/* Opera */
-o-transform: rotate(-35deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.dates_modules1{border: solid 1px #bebebe;}
.dates_modules2{border: solid 1px #bebebe;}
.dates_modules2bis{border: solid 1px #bebebe;}
.dates_modules3{border: solid 1px #bebebe;}

ul.inlineul li{display:inline-block; min-width: 9%; font-size: 70%; margin:0; border: solid 1px #bebebe; padding:4px;text-align:center;}

.radio-toolbar input[type="radio"]{
    display:none;
}

.radio-toolbar label {
    display:inline-block;
    background-color:#ddd;
    padding:4px 6px;
	border:solid 1px #bebebe;
	margin:0;
}

.radio-toolbar input[type="radio"]:checked + label { 
    background-color:#bbb;
}

#optionsListing{
	padding-top:10px;
	background:#dfdfdf;
	font-size:80%;
	}
.gras{font-weight:bold;}
.cache{display:none;}
tr.fo_row_annule.even{background:#e8555a;}
tr.fo_row_annule{background:#e8555a;}
tr.fo_row_refuse.even{background:#d099c6;}
tr.fo_row_valide tr.fo_row_valide.even{background:#a8f5ba;}

label.righted{margin-top:8px; }
.quick_edit:hover{cursor:pointer; background:#dddddd;}
.textarea_editable{border:none;}
.textarea_editable[readonly]{background:#ffffff;border:solid 1px #333333;}
.textarea_editable[readonly]:hover{background:#eeeeee;}
.options_textarea{}

.suggestionneur { background:white; border: groove 2px #bebebe; display:none; font-size: 0.8em; position: absolute; width:350px; z-index:100;}
.suggestionneur>div{cursor:pointer; padding:5px; border-bottom:solid 1px #bebebe;color: #005199;} 
.suggestionneur>div:hover {background: #f8c080; color:#000;}

#ma_pagination{position:relative; background:white;z-index:100;width:30%;}
h6{font-size:120%;font-weight:bold; margin-top:10px;}

select, input[type="text"],input[type="button"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    font-size: 0.7rem;
    margin: 0px 0px ;
    padding: 0.2rem;
    height: 25px;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
}

.filtres label{font-size:70%;}
td.mtr, td.mtc{text-align:right;}
.tr_vide td{background:#e8555a;}
fieldset{background:#ffffff;}
legend{border:solid 1px #bebebe; padding:0 10px;}
.upped{padding-bottom:26px;}
#tabmain td{padding:2px;}
#tabmain td input{display:block; margin:auto;}


#breadcrumb {
  list-style: none;
  display: inline-block;
  font-size:60%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#breadcrumb li {
  float: left;
}
#breadcrumb li a, #breadcrumb li span {
  color: #FFF;
  display: block;
  background: #cf6e1e;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a, #breadcrumb li:nth-child(even) span{
  background-color: #e46c0a;
}
#breadcrumb li:nth-child(even) a:before, #breadcrumb li:nth-child(even) span:before  {
  border-color: #e46c0a;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after , #breadcrumb li:nth-child(even) span:after {
  border-left-color: #e46c0a;
}
#breadcrumb li:first-child a , #breadcrumb li:first-child span {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before , #breadcrumb li:first-child span:before {
  border: none;
}
#breadcrumb li:last-child a , #breadcrumb li:last-child span {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after, #breadcrumb li:last-child span:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after, #breadcrumb li span:before, #breadcrumb li span:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #cf6e1e;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before, #breadcrumb li span:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after, #breadcrumb li span:after  {
  left: 100%;
  border-color: transparent;
  border-left-color: #cf6e1e;
}
#breadcrumb li a:hover {
  background-color: #E95420;
}
#breadcrumb li a:hover:before {
  border-color: #E95420;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #E95420;
}
#breadcrumb li a:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #16a085;
}

.section_r{border:solid 2px #bebebe;padding:10px;}
h6{margin-left:30px;}
h6 span{display:inline-block;border:solid 1px #bebebe; border-radius: 25px; padding:0 10px; margin-right:10px;}
.en_tete{background:#bbbbbb;}