.ombre2 {box-shadow: 2px 3px 4px 1px #F0C39C}
.ombrevert {box-shadow: 3px 5px 6px 1px #82A03D;border: solid 1px white;}
.ombrejaune {box-shadow: 1px 2px 12px rgba(200, 185, 139, 1);}
.ombreviolet {box-shadow: 0 4px 12px rgba(210, 199, 240, 0.35);}
.ombregris {box-shadow: 0 3px 8px rgba(200, 200, 200, 0.30);}

.ombregrisleger {box-shadow: 0 3px 8px rgba(0, 0, 0, 0.30);}/*leger autour des titres avec cadre*/
.ombregrisfonce {box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);}/*tableaux config*/


.ombretaupegris {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02), 0 4px 8px  rgba(156, 100, 63, 1);}
.ombretaupeclair {box-shadow: 0 4px 8px rgb(205, 165, 140);}
.ombretaupe {box-shadow: 0 4px 8px rgba(156, 100, 63, 1);border: solid 1px white;} /* pour fond #D69F6D; */
.entetetabstruc{background-color: #9E9E9E;}

.ombredpcompta {box-shadow: 1px 2px 12px rgba(200, 185, 139, 1);}
  
/*	#B8B8B8  gris entete */


.fondtab {background-color: #FFFAEB;}/*fond presuqe blanc des tableaux*/
.fondtabblanc {background-color: #FFF;} /*fond blanc casse des tableaux*/


.fondvert {background-color:#A7B89A;} /*entete tableau*/
.ombrev {box-shadow: 0 6px 12px rgba(120, 135, 113, 0.45)};
.fondvertsauge {background-color:#8FAF8C;} /*pour total tableau*/

.fondtaupe {background-color:#D2B48C;} /*entete tableau*/
.fondrosepastel {background-color:#E5B49A;} /*pour total tableau*/
.fondgrisbleu {background-color:#8CA6B8;} /*pour total tableau*/
.fondadmin{background-color: #FAF1D8;}
.fondbeigeclair {background-color:#E7D3BA} /*beige clair fiche candidat*/

.fondorangeambre {background-color:#E8893C}

/*  bootstrap */

html {height:100%}

body {
	margin:0px;padding:0px;font-size:11px;font-family:'Noto Sans';background-color:white;
	color:#000;
	height:100% /* Squirk Corrector*/
	/* background-image:linear-gradient(to right,#e9f3d3,#d5fe81) */
}

@font-face {
	font-family: 'Noto Sans';
	font-weight:normal;
	src: url('/font/NotoSans-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans';
	font-weight:bold;
	src: url('/font/NotoSans-Bold.woff') format('woff');
}

.cached {display:none !important}
.invisible {visibility:hidden}

.cp {cursor:pointer;}
.k {cursor:pointer;}


p {margin:0px;}

.flex {display:flex;  flex-direction: row; justify-content:space-between }
.centerflex {display:flex;  flex-direction: row; justify-content:space-evenly }
/* +++++ LINK ++++++++++++++ */

a:link    {color:#505a6c;}
a:hover   {color:#AB5D96;}     /* AB5D96 */     
a:visited  {color:#505a6c;}

.nonunderline, a {text-decoration:none;}

/* ++++++++ useful trick ++++++++++++ */

.ucfirst {text-transform: capitalize;}
.noborder {border:solid 0px white !important;}
.dashed {box-shadow: 2px 2px 2px #655095; } /* border:dashed 2px #ee2222 !important  ne marche pas sur input, le border est modified par le nav */
.dash { border:dashed 2px #bbb }
.round15 {border-radius:15px 15px 15px 15px}
.round8 {border-radius:8px 8px 8px 8px}

.bold {font-weight:bold;}
.em2 {font-size:2em}
.italic {font-style:italic}

.FSI {font-size:inherit}
/* ++++++++++++ truc précis   +++++++++++++ */

.date2PJmm {width:60% !important;margin-right: 7px;}
.date2PJyy {width:calc(39% - 7px) !important}

.PHONE {padding:1px;color:black;font-size:11px;height:14px;line-height:14px;}
.PHONE div {float:left;}
.phonePays {background-color:blue;color:white;padding:1px;float:left;margin-right:1px;font-size:11px;height:12px;}
.phoneNum {}

.d3dd {width:40px !important}
.d3mm {width:101px !important;margin-left:7px;margin-right:7px} /* champ date*/
.d3yy {width:62px !important}

.minititre {font-weight:bold;color:#AB5D96}


/* +++++ FORM +++++ */

input {font-family:'Noto Sans'}

select {font-family:'Noto Sans';font-size:0.8em;color:#000;border-radius : 7px;}
select option, option {font-family:'Noto Sans';font-size:1em;}  /*  firefox ne prend pas la police... mais prĂ©tend le faire ! */

textarea {width:90%;height:250px;}
.miniTextarea {height:80px;}

.MasterInput {width:18px;height:18px;box-shadow: 1px 1px 1px 1px #777}
.infoClic {color:darkviolet;}
.editable{}   /* edit 2024 ; le SKIN css de editable est dans la classe field !!  sinon concurence de hcoix de skin */
.nodivEditable {display:inline;}
.nodivEditableW100 {display:inline-block;width:100%}


.whiteField {color:white !important;}

	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}


/* ++++  H1 etc ++++++ */


h1 {
	font-size:44px;
	font-weight:normal;
	text-transform:uppercase;
	color:#666;
	margin-bottom:1px;
	margin-top:1px;
    margin-left: 10%
}


h2 {
	font-size:22px;
	font-weight:normal;
	margin-top:7px;
	margin-bottom:7px;
}

h3 {
	color:#852007;
	text-decoration:none;

	font-size:14px;
	font-weight:bold;
	background-image:url(/img/fleche-rouge.gif);
	background-repeat:no-repeat;
	background-position:0px 50%;
	text-indent:25px;     
}

h4 {
	font-size:2em;
	font-weight:normal;
	margin-top:7px;
	margin-bottom:7px;
}


h5 {
	font-size:1.8em;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:7px;
	color:green;
}

h6 {
	font-size:20px;
	font-weight:normal;
	margin-top:7px;
	margin-bottom:7px;
}


/* ++++ positionneent +++ */

.clr {clear:both;width:100%;height:1px;}
.cls {clear:both;width:100%;height:1px;}
.clearMe {clear:both}

.TAR {text-align:right}
.TAL {text-align:left}
.TARI {text-align:right !important}
.TALI {text-align:left !important}

.MID {vertical-align:middle}
.MIDI {vertical-align:middle !important}
.TOP {vertical-align:top}
.centerSVP {text-align:center !important;}
.center {text-align:center;}

.gauche {float:left}
.droite {float:right}

.nopadding {padding:0px !important}
.padder10 {padding:10px;}
.padder10L {padding-left:10px;}
.padder15 {padding:15px;}
.padder20 {padding:20px;}

.retraitmarginleft{margin-left:2%;}

.margeAuto {margin-left:auto;margin-right:auto}

.mr4 {margin-right:4%}
.mg10 {margin-left:10%}
.mg20 {margin-left:20%}
.mg30 {margin-left:30%}
.mt10 {margin-top:10%}
.mt20 {margin-top:20%}
.mr30 {margin-top:30%}
.mgt10 {margin-top:10px}
.mrg15 {margin-right:15px}
.mrg25 {margin-right:25px}
.mgt25 {margin-top:25px}
/* +++++ taille ++++ */

.w10 {width:10%}
.w105 {width:10.5%}
.w12 {width:12%}
.w20 {width:20%}
.w25 {width:25%}
.w30 {width:30%}
.w40 {width:40%}
.w48 {width:48%}
.w50 {width:50%}
.w60 {width:60%}

.w70 {width:70%}
.w80 {width:80%}
.w90 {width:90%}
.w100 {width:100%}

.w100p1 {width:98%;padding:1%}
.w100pad10 {width:calc(100% - 20px);padding:10px}

/* +++ couleurs +++ */

.red {color:red;}
.red2 {color:rgba(164,6,73,1)}
.pink {background-color:pink;}
.rose {color:#AB5D96;}
.yellowOpt, .yellow, .fluo {background-color:yellow;}
.violet {color:#F1DFFE}
.fondblanc, .fond0 {background-color: #FFF;}
.fond1 {background-color:#FFF5CC} /*{background-color:#FFFBE6}*/
.color1  {color:#FF5CCC}
.fond2  {background-color:#655095}
.color2 {color:#655095;}
.fond3 {background-color:#ddd3aa}
.white {color:white;}
.violetclair {background-color:#D0BFF5}
.fond4 {background-color:#FFFBE6} /* fond de toutes les pages */ 
.color4  {color:#FFFBE6}
.fond5 {background-color:#DDD3AA}
.color5  {color:#DDD3AA}
.fond6 {background-color:#FFFFFA}/* fond tableau jaune très clair */ 
/* +++++++++++++ */

/* ---------- planning ------------ */
.miniinfos {font-size:9px;}
 .barreprogression {border-radius:7px;height:20px;;position:relative}
 .innerbarre {background-color:#17eb47;height:19px;position:absolute;top:1px;left:1px;border-radius:7px 0px 0px 7px;float:gauche;}
 .btxt {  position: relative;line-height: 20px;text-indent: 10px;}
 
.edtExam_cadreDay {position:absolute;z-index:222;border:solid 1px #888;top:0px;border-top:0px;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);}
.edtExam_head {border-radius: 0px 18px 0px 0px;border: solid 1px white;;position:absolute;z-index:333;background-color:#aaa;top:0px;height:40px;text-align:center;line-height:38px;font-size:1.5em}
.edtASC_head {border: solid 2px #ccc;position:absolute;z-index:333;top:0px;height:40px;text-align:center;line-height:38px;font-size:12px}
.miniEdt {font-size:1em}
.horaires {font-size:1.5em}

.edtExam_epreuve {position:absolute;z-index:444;text-align:center;border:solid 1px white;border-radius:7px;}
.edtExam_epreuve   {overflow:hidden}
.edtExam_epreuve a {font-size:1.3em}
.edtExam_epreuve a:visited {font-size:1.3em;color:inherit}


 /* autre section   */

.techRepport {width:calc(100% - 101px);font-family:courier;padding : 50px;background-color:#333;color:white}
.techRepport table {background-color:inherit;color:yellow;border-collapse:collapse;}
.techRepport td {padding-left:4px;}
.techRepport h1 {color:white;display:inline;text-transform:uppercase}
.techRepport {background-image:url('/images/avatar/avatar_15.png');background-repeat:no-repeat;background-position:15px 15px}


.precisionEpreuveSpan {font-size:0.8em;}
	

/* ci dessous truc vraiment utilisé en 2025 */

.bigColName {width:180px;overflow:hidden}
		
/* --- */		
.pattern1 {background-repeat:repeat;background-image:url('/img/pattern/pattern_gris1.png');}
.pattern2 {background-repeat:repeat;background-image:url('/img/pattern/pattern_2.png');}
.pattern3 {background-repeat:repeat;background-image:url('/img/pattern/pattern_violet1.png');}
.pattern4 {background-repeat:repeat;background-image:url('/img/pattern/pattern_d1.png');}
.pattern5 {background-repeat:repeat;background-image:url('/img/pattern/pattern_d6.png');}

.BTNclose2, .BTNPLUS2 {
	cursor:pointer;
	text-transform: uppercase;
    border-radius: 5px;
    font-family: 'Noto Sans';
    font-weight: bold;	
    padding: 0px 8px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
  	font-size: 12px;

} 


.BTNPLUS, .BTNsuppr, .BTNPDF, .BTNEDIT, .BTNVOIR, .GEOBTN, .BTNclose {
	text-indent: 22px;
    background-repeat: no-repeat;
    background-position: 5px 8px;	
	cursor:pointer;
	text-transform: uppercase;
    border-radius: 7px;
    font-family: 'Noto Sans';
    font-weight: bold;	
    padding: 7px 13px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);

} 

.boxtable {box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);background-color: #FFFAEB;}

.REDBTN {color:white !important;background-color:#ff4444 !important;border-color:red}

.BTNVOIR {
    background-image: url('/icon_agora/oeil.png');   /*     background-image: url('/img/icon_modifier.png');  */
	background-color:#D7CBF5;
	color:#FFF;
	border: solid 0.3px #BFAEEF;	
	background-position: 4px 5px;	
}
/* .BTNVOIR a {color:white;} */

.BTNEDIT {
    background-image: url('/icon_agora/edit_20.png');   /*     background-image: url('/img/icon_modifier.png');  */
	background-color:#FFAE0D;
	color:#000;
	border: solid 0.3px #E69B00;	
	background-position: 7px 4px;	
}

.BTNPDF{
	
    background-image: url('/icon_files/iconePDF.png');
  	background-size:22px;
	background-color:#ccc;
  	background-position: 5px 4px;
	color:#000;
	border: solid 0.3px rgba(120, 135, 113, 0.45);

}	


.GEOBTN {
    background-image: url('/icon_agora/bus/pin.png');
  	background-size:16px;
	background-color:#ddd !important;
  	color:#555 !important;
   	background-position: 5px 4px;
  	border-color:#bbb !important;
 	

}

.BTNPLUS{
	
    background-image: url('/img/icon_ajouter.png');
	background-color:#baff8b;
	color:#333;
	border: solid 0.3px #afd996;

}	

.BTNsuppr{
    background-image: url('/img/supprimer.png');
	background-color:#ffaf9e;
	color:#333;
	border: solid 0.3px #e08573;
}	
	
.BTNclose2{
	background-color:#ffaf9e;
	color:#333;
	border: solid 0.3px #e08573;
}

.BTNPLUS2{
		background-color:#baff8b;
	color:#333;
	border: solid 0.3px #afd996;

}

/* ----------------- move from candidtas.css !!! warning if change */

.parentsMixNoDiv {width:calc(100% - 70px);overflow:hidden;font-size:0.8em;display:block;height:22px;line-height:21px;text-indent:4px} /* parents   90% bug... j'esaie auto */
.parentsMixNoDiv .field {width:95%}


/* --------- FILE DISPLAY OK 2025 -------- */

.imgBoxP {position:relative;width:125px;}   /* box-shadow: 5px 5px 5px #655095; border:solid 1px #ccc;  135px de laarge a cause de l'ombre de l'icone ? nop */
.imgBoxPfloating_admin {position:relative;float:left;margin-right:30px;margin-bottom:15px;text-align:center;width:auto;}
.imgBoxPfloating_famille {position:relative;text-align:center;width:100%;}
.imgBoxPfloating_familleIdentity {position:relative;text-align:center;width:50%;float:left;}
.imgBoxP img, .imgBoxPfloating_admin img,.imgBoxPfloating_famille img, .imgBoxPfloating_familleIdentity img {width:75px;}

.Adm_PJGROUP {padding:11px}
.filename {width:100%;text-align:center;padding-top:11px;}
.PJBOX_hauteurized {height:210px;}

.zeroDoc {width:100%;color:red;text-align:center;font-size:0.9em}

/* controlled 2025 */

.cadredOmbred {border:solid 1px gray;box-shadow: 4px 4px 4px #655095;}
.champNumPasseport input {width:90%}
.PJinsider {padding:10px;}

/* ????? */
.PJI_bloc1 {border:solid 1px #655095;border-radius:4px;width:96%;padding:2%;background-color:#FFF5CC}


/*+++++++++++++++++ TABLE 2025 +++++++++++++++ */

.th50td50 {}
.th50td50 th, .th50td50 td {width:50%}
.th30td70 th {width:30%}   .th30td70 td {width:70%}
.th40td60 th {width:40%}   .th40td60 td {width:60%}

.borderAll,.tableBorded  {border:solid 1px #aaa}
.borderAll {border-collapse:collapse;}

.cellBorded td,.borderAll td,.borderAll th {border:solid 1px #aaa}

.noCellBorderTable {border-collapse:collapse;}
.noCellBorderTable td {border:0px;}

.fixedTable {table-layout:fixed;}

.noCellPadding {}
.noCellPadding td {padding:0px}

.MAJTH th {text-transform:uppercase}

.formTrBug {background-color:rgba(233,56,131,1);border-radius: 5px 5px;color: white !important;}  /* FIXME CHECK LIEU */ 

/* FIXME TESTER : */

.esayTable tr {background-color:white;cursor:pointer;}

.familleTable th {background-color:#bbf;padding-left:11px;padding-right:11px;}

.noBoldTH th {font-weight:normal !important}

.formtable th {text-align:left;padding-right:1%;border-radius:inherit;}
.formtable {border-collapse:collapse;}
.formtable td {border-radius:inherit}
.formtable tr {height:30px;} /* espacement des champs lignes dans les form  25 01 2023 */

.tableTAL td {text-align:left;}
.tableTAL th {text-align:left;}

.tdline {cursor:pointer;}


.GenericTableEditor {background-color:#DDDDDD;}
.GenericTableEditor table {background-color:#DDDDDD;border-collapse:collapse;font-size:11px;}

.GenericTableEditorLine {background-color:#DDDDDD;}
.GenericTableEditorLine table {background-color:#DDDDDD;border-collapse:collapse;font-size:11px;border:solid 1px gray;}

.GenericTableEditorLine table td {border:solid 1px gray;padding:3px;}

.botable th {
    background-image: url("/img/header_bloc.png");
    color: white;
    font-weight: bold;
    text-align: center;
}
.botable td {}
.logtable th {text-align:left;}

.tr2 {line-height:2em;}

.cellpad10 td, .cellpad10 th {padding-top:10px;padding-left:5px;padding-right:5px;padding-bottom:10px;}
.space td, .space th {padding-top:10px;padding-left:5px;padding-right:5px;padding-bottom:10px;}
.space2 td, .space2 th {padding-top:4px;padding-left:6px;padding-right:6px;padding-bottom:4px;}

.cpline {cursor:pointer;}
.cpline:hover {background-color:#ccc !important}

.searchTab {border-collapse:collapse;font-size:11px;text-align:left;}
.searchTab th {color:inherit;text-align:left;width:150px;font-weight:normal;}

/* ----------------- */
/* ----------------- */
/* ----------------- */


.kid_avatar img {width:110px;}

.ModeCreationWarning {border:solid 2px white;background-color:red;color:white;position:fixed;right:100px;top:50px;width:250px;height:50px;line-height:47px;font-weight:bold;font-size3em;border-radius:15px;text-align:center;vertical-align:middle;z-index:99999}
.showMyDisabledCssPlease {border:solid 1px green;}


#LOGWARNING {position:fixed;z-index:99999;left:700px;border-radius:7px;top:35px;padding-left:15px;padding-right:15px;padding-top:8px;padding-bottom:8px;font-family:courier;color:white;background-color:#000}
#LOGWARNING a {color:white;}
 /* .field {width:100%}  pour famille, bien réfélchir avant de le cganger pour aillerus !*/


.field {border: solid 1px #dfd6ea;border-radius:4px;}  /*  par defaut ????  padding-left:5px; */


.cadre1 {border:solid 1px red}
.cadre2 {border:solid 1px #655095;border-radius:5px;background-color:#FBF9FF}
.cadre3 {border:solid 1px #B6875D;border-radius:5px;background-color:#F2E8C8}
.cadre4 {border:solid 1px #B6875D;border-radius:5px;background-color:#FAF1D8}
.cadre5 {border:solid 1px #D5C0A4;border-radius:15px;background-color:#E7D3BA} /*beige clair fiche candidat "dernierere fiche consulté"*/

#bandoMenuMSGv2 {width:100%;background-color:#FFF5CC;height:32px}

#PJAJAXMESSAGE  {background-color:red;color:white;text-align:center;}


#pano_img {cursor:zoom-in}

/*

			background: linear-gradient(90deg, rgba(164,6,73,1) 0%, rgba(233,56,131,1) 7%, rgba(233,56,131,1) 91%, rgba(164,6,73,1) 100%);

*/


.configAlert, .alertIcone_info {
			width:calc(99% - 40px);
			background: linear-gradient(90deg, rgba(233,56,131,1) 0%, rgba(164,6,73,1)  7%, rgba(164,6,73,1)  91%, rgba(233,56,131,1) 100%);
			font-size:1em;
			padding-left:20px;padding-right:20px;font-weight:normal;
			margin-top:10px;
			margin-bottom:10px;
			color:white;
			background-repeat:no-repeat;
			position:relative;
			border-radius:15px;
			text-indent : 50px;
}


.configAlert {height:auto;line-height:1.2em;}
.alertIcone_info {height:36px;line-height:34px;}
.alertIcone_info img {position:absolute;left:22px;top:5px;height:26px}


.pastille 		{position:absolute;top:0px;left:auto;width:25px !important;height:25px;}			/* cf candidats.css pour le coté candidat oO !!! */
.pastilleBIG 		{position:absolute;top:0px;left:auto;width:50px !important;height:50px;}			/* cf candidats.css pour le coté candidat oO !!! */

.pastilleEVAL 	{position:absolute;top:1px;left:30px;width:25px !important;height:25px;}

/* .pastille {position:absolute;top:0px;right:30px;width:30px !important;height:30px;}  */


.nonakemonster {padding:10px;}  /* header dans le coprs sde page pour mettre le h1, des warnings...*/


.maj {text-transform:uppercase}
.ucfirst {text-transform:capitalize}


.ajaxmessageClass {
			width:90%;
			height:25px;line-height:26px;font-size:1.2em;
			font-weight:bold;
			margin-top:25px;
			margin-bottom:25px;
			color:white;
			position:relative;
			text-align:center;
			border-radius:15px;
}

.errormessage {
	background: linear-gradient(90deg, rgba(233,56,131,1) 0%, rgba(164,6,73,1)  7%, rgba(164,6,73,1)  91%, rgba(233,56,131,1) 100%);
	border-radius:7px;
	color:white;
	padding-right:20px;
	}
	
.error {
	background: linear-gradient(90deg, rgba(233,56,131,1) 0%, rgba(164,6,73,1)  7%, rgba(164,6,73,1)  91%, rgba(233,56,131,1) 100%);
	color:white;height:28px;line-height:28px;padding-left:11px;padding-right:11px;
}
	
.errormessage_big {
	background: linear-gradient(90deg, rgba(233,56,131,1) 0%, rgba(164,6,73,1)  7%, rgba(164,6,73,1)  91%, rgba(233,56,131,1) 100%);
	border-radius:9px;
	color:white;
	padding:12px;
}
	

#ajaxmessage {
			width:fit-content; /* fit-content */
			/* background: linear-gradient(90deg, rgba(233,56,131,1) 0%, rgba(164,6,73,1)  7%, rgba(164,6,73,1)  91%, rgba(233,56,131,1) 100%); */
			height:25px;line-height:26px;font-size:12px;
			padding-right:1%;font-weight:bold;
			margin-bottom:0px;
			color:#333;
			background-repeat:no-repeat;
			position:relative;
			text-align:right;
	
	
}

#formmsg {
			width:90%;
			background: linear-gradient(90deg, rgba(233,56,131,1) 0%, rgba(164,6,73,1)  7%, rgba(164,6,73,1)  91%, rgba(233,56,131,1) 100%);
			height:25px;line-height:26px;font-size:1.2em;
			font-weight:bold;
			margin-top:25px;
			margin-bottom:25px;
			color:white;
			position:relative;
			text-align:center;
			border-radius:15px;
			visibility:hidden;
	
}


/* 

	font-display: swap;
	unicode-range: U+000-5FF;
	
font-display: swap;
unicode-range: U+000-5FF;
src: local('Noto Sans'),url('/font/NotoSans-Bold.woff') format('woff');


*/

#logbody {
	/* background-image:url('/images/AgoraLoginv3.png');background-repeat:no-repeat;background-position:top right; */
	background-color:#FFFBE6 !important;
	}

/* background-image: url(/img/bando_agora_350px_login_TMP.png);  */


#bandologin {
	background-image:url('/img/bando_agora_350px_login_TMP.png');background-repeat:no-repeat;background-position:bottom left;
	width:100%;height:25%;
	position:relative;
  	box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.25)	
}

#flagiconbarreNOAUTH {position:absolute;right:10px;bottom:-32px}

#bandoMince {
	background-repeat:no-repeat;background-position:bottom left;
	width:100%;	
	background-image: url(/img/bando_agora_350px_login_TMP.png); 
	position:relative;
}

#bandoNomEcole {font-style:normal;font-weight:bold;color:#222;font-size:24px;margin-top:11px;}

.agora {
	width:calc(95% - 260px);;
	position:relative;
	left:260px;top:20%;
	font-style:italic;
	font-size: 12px;
}

#agoraBandoimg {
	width:100%;
}

#bandoBottomMince {
	background-image:url('/img/loginbottom_v2.jpg');background-repeat:no-repeat;background-position:center left;
	width:100%;height:20%;
	
}

#PJDISPLAYER {position:fixed;top:0px;left:0px;width:85%;margin-left:15%;height:100%;background-color:#222;color:white;text-align:center;z-index:2000;display:none}
 
#pano_cartel {position:fixed;top:0px;left:0px;width:25%;height:100%;display:none;z-index:3000;background-color:white;overflow-y:auto;font-size:1.3em}
/* #pano_cartel {position:fixed;top:0px;left:0px;width:10%;height:100%;display:none;z-index:3000;background-color:white;} */
/*#PJDISPLAYER {position:fixed;top:0px;left:0px;width:90%;margin-left:10%;height:100%;background-color:#222;color:white;text-align:center;z-index:2000;display:none} */ 

#bandoBottomLogin {
	background-image:url('/img/loginbottom_v2.jpg');background-repeat:no-repeat;background-position:center left;
	width:100%;height:32%;
	
}


/* -------------  MISE EN PAGE GENERALE ------------- */

/* utiliser sur page avec menu gauche NE PAS MODIFIER */

#centrePostule, #centrePostule2C { font-size:1.5em;}

#centrePostule {
  margin-left:calc(12% + 10px);
  width:calc(88% - 10px);
  /*padding:10px 10px 80px 10px; NON mettre un padder dedans */
  background-color:#FFFBE6;
 
  clear:both;
}


/*  bus candidature et tout... */

#centrePostule2C {
  width:100%;
  height: calc(100% - 20% - 34px);
  background-color:white;
  min-height:-webkit-fill-available;
  clear:both;
  position:absolute; /* fixe height 2025*/
}

.centre_hauteur206020 {height:75%;}
.centre_admin {height:calc(100% - 234px) !important;min-height:-webkit-fill-available;}

.margehaut {margin-top :2%;}
.margehaut3 {margin-top :3%;}
/* -------------------------- */


#minilinklogin a {display:block;margin-bottom:5px;color:#655095}


.sme: {color:red;}

.neoadmin {padding:10px;font-size:12px;}


.universalCenter {height:100%;overflow:auto}


.warningDoIt {background-color:#F0E679;border-radius:8px;width:fit-content;padding-left:7px;padding-right:7px;padding-top:1px;padding-bottom:1px;} /*FFFC35*/

/**
VERT CLAIR >   #e9f3d3     >  COMPL = ddd3f3
VERT "FONCE" > d5fe81   > COMPL = aa81fe
	background-image:linear-gradient(to right,#434142,#171415)

*/


/*    button !!! */

button {cursor:pointer}

.BTN {text-transform:uppercase;padding:7px 11px;border-radius:7px;font-family:'Noto Sans';font-weight:bold;cursor:pointer;background-color:#655095;color:white;border:solid 0.3px rgba(68, 33, 147, 0.81);box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);}
.BTN:hover {background-color:#40345B}
.BTN a {color:white !important;}
.BTN a:visited {color:white !important;}
.BIGBTN {font-size:1.1em;text-transform:uppercase;padding:11px 15px;border-radius:7px;font-family:'Noto Sans';font-weight:bold;cursor:pointer;background-color:#655095;color:white;border:solid 0.3px rgba(68, 33, 147, 0.81);box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);}

.BTN2 {box-shadow:5px 5px 5px #ccc;background-color:#fff;border-radius:7px}


.BTN_grisatre {border-width:1px;text-transform:uppercase;padding:7px 11px;border-radius:7px;font-family:'Noto Sans';font-weight:normal;cursor:pointer;background-color:#F5EFFF;color:#444;border:solid 1px #DBC8FC;box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);}

.buttonA {color:blue;}


/* __________________ */

.desactivated {background-color:#888 !important;cursor: not-allowed !important;border: 0px !important;color: #ddd !important;}
.cancelButton {background-color:rgba(177, 58, 61, 1) !important;color:white !important;border-color:rgba(177, 58, 61, 1) !important;border-radius:7px;}
.miniButton {font-size:0.8em;padding:2px 6px;border-radius:7px;box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);}   /* used where */
.orangeButton {
		background-color:#DA922A;color:white;border-color:rgba(177, 58, 61, 1);
		font-size:0.7em;font-family:'Noto Sans';font-weight:normal;text-transform:uppercase;
		padding:7px 11px;border-radius:7px;cursor:pointer;border:solid 0.3px;box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
}

.bandoButton {font-size:1em;padding:2px 6px;border-radius:7px;background-size: 15px;}

.img100 img {width:-moz-available;width:-webkit-fill-available}
.maxH {height: 100%;min-height: -moz-available;height:-webkit-fill-available;}


#incorps {width:92%;padding-left:4%;padding-top:4%;}

.faketable {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.faketable2 {
	display: table;
	table-layout: fixed;
	border-collapse:collapse;
}
.fakeTR {display:table-row;}
.fakeTD {display:table-cell;vertical-align:top;}  /* laisser vertical-align top ici */

/*        ------------------------------      onglet 2022  */
	.onglet {width:100%;height:calc(100% - 50px);background-color:#FEF9E3;overflow:auto;}

	#ongletselector {width:100%;height:28px;padding-top:0px;    padding-top: 5px;}
		

  .intercalaire {
	  width:150px;height:22px;    border-top-left-radius: 7px;
	  border-top-right-radius: 7px;
	  cursor:pointer;
	  font-weight:bold;color:white;
	  margin-left:5px;margin-right:7px;
	  border-color:#444;border-width:1px;
	  background:linear-gradient(340deg,#CFD3D6,#9BA0A3);
	  float:left;
	  padding-top:6px;
	  text-align:center;
	  font-size:16px;
  }

	.interCurrent {background:#AB5D96 !important;} /* background:linear-gradient(340deg,#3B7AA8,#A1BFD5) */
	section {}


/*        ------------------------------       */


/*        ------------------------------       */
/*        ------------------------------       */
/*        ------------------------------       */


#logzone {float:right;padding-right:2%}

.page {width:100%;text-align:center;}
.corps{;margin-left:auto;margin-right:auto;width:100%;position:relative;text-align:left;
background-repeat:no-repeat;background-position:0px 120px;}


#banTitles span {font-weight:normal;color:#EEEEEE;font-size:26px;}
#banTitles {
background-image:url(/img/corps_bloc.png);
width:100%;height:51px;line-height:51px;text-align:right;font-weight:normal;left:300px;color:#EB7C00;font-size:16px;font-family:arial;letter-spacing:1px;
}
#avatar {float:right;height:46px;padding-top:5px;margin-right:1%}
/* ------------------------------ */

.formH1 {font-weight:bold;font-size: 1.7em;
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
}


.puce {
	padding-left:25px;
	background-image:url(/img/fleche-rouge.gif);
	background-repeat:no-repeat;
	background-position:2px 0px;
	font-size:12px;
}


#menuiconbarre {height:28px;width:140px}
#flagiconbarre {padding-right:44px}
#connectedWith    {float:left;text-align:left;text-indent:30px;width:30%;line-height:28px;}

/* ------------------------------ MENU ----------------------- */

#homelink a:hover {color:#AB5D96;}

#navfui2022 {width:calc(100% - 21px);height:28px;background-color:#DDD3AA ;padding-top: 4px;padding-left: 20px;} /*#FFF5CC*/
#navfui2022_admin {width:100%;height:28px;background-color:#DDD3AA;padding-top: 4px;padding-left: 20px;}
#navfui2022 img, #navfui2022_admin img {height:25px;margin-right:7px;}
	
#menuname {float:left;line-height:27px}


#bandoLogo {margin-left:2%;height:46px;width:45px;padding:5px;float:left;}
#bandoLogo img {width:100%;}
#menu{float:left;margin-left:2%;height:51px;line-height:51px;font-weight:bold;}

.link{padding-left:5px;padding-right:5px;font-size:12px;font-weight:normal;}
.link input {height:12px;font-size:11px;}
.link a {text-decoration:none;font-weight:normal;padding-left:3px;padding-right:3px; font-size:16px;}
/* .link a:link {color:#BC2722} */

.link a:hover {color:#AB5D96;} 
.redlink a {color:red;}


#footermenubox {width:100%;text-align:center;}
#menufooter {margin-left:auto;margin-right:auto;text-align:left;height:12px;line-height:12px;font-weight:normal;}
#menuwidther{}


#cadrePhoto {width:60px;height:90px;background-color:gray;border:solid 1px #555555;}


#fastIntelBarre {width:100%;font-size:11px;line-height:18px;height:18px;background-color:#777777;color:white;display:none;position:relative;}
#backToPageInCorps {position:absolute;right:10%;top:0px;cursor:pointer;}


.debug {background-color:black;color:white;font-family:courier;padding:5%;width:fit-content;border-radius:12px;font-size:11px;display:none}
.debug table {border:solid 1px white;border-collapse:collapse;}
.debug table td {border:solid 1px white;}
.debug table th {border:solid 1px white;padding-top:5px;padding-bottom:5px;background-color:#555;}

.checker {float:left;width:100px;}

.stayInCell {width:80% !important;text-align:center}


/* Query */
#boutonsSearchBarre{width:100%;height:25px;padding:5px;}
#GO {font-weight:bold;color:inherit;}


/* planning css a mettre ailleurs ??? */
.ACT_1 {background-color:#2A6BCD;color:#FFFFFF}
.ACT_2 {background-color:#DEFF00;color:#000000}
.ACT_3 {background-color:#00B600;color:#FFFFFF}
.ACT_4 {background-color:#650394;color:#FFFFFF}
.ACT_5 {background-color:#1E5748;color:#FFFFFF}
.ACT_6 {background-color:#00018B;color:#FFFFFF}
.ACT_7 {background-color:#00DBD5;color:#000000}
.ACT_8 {background-color:#00ED44;color:#000000}
.ACT_9 {background-color:#C657D6;color:#FFFFFF}
.ACT_10 {background-color:#878787;color:#000000}
.ACT_11 {background-color:#AE751E;color:#FFFFFF}
.ACT_12 {background-color:#00BF91;color:#FFFFFF}
.ACT_13 {background-color:#F2FF23;color:#000000}
.ACT_14 {background-color:#D63B82;color:#FFFFFF}
.ACT_15 {background-color:#E62E27;color:#FFFFFF}
.ACT_16 {background-color:#FF0D0F;color:#FFFFFF}
.ACT_17 {background-color:#FF4298;color:#000000}
.ACT_18 {background-color:#FFCE84;color:#000000}
.ACT_19 {background-color:#FF9500;color:#FFFFFF}

.ACT_PAT1 {background-image:url('/img/pattern/rayure_GJ v1.png');}