/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  CLASSES SQUELETTE  ------------------------------------ */

/* ------------ Sections - spécifiques planning --------------------------------*/
.section_planning {
	max-width: 100%;
	left: 0px;
}

.sctplanning_travaux {
	background-color: rgba(255, 255, 255, 0.7); 
	min-height: 300px;
}
.sctplanning_bg1 {
	background-color: rgba(255, 255, 255, 0.9);			
}
.sctplanning_bg2 {
	background-color: rgba(255, 255, 255, 0.9);			
	padding-top: ;
}
.sctplanning_bgadmin {
	background-color: rgba(230, 205, 200, 0.6);	
	padding-bottom: 10px;
}

#slideplanning1 {
	background: url(medias/fondplanning002.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;

}

#sctlegend					/* <-------------------- remplacé !! */
{
	padding-top: 100px;
}
#sctdates
{
/*	margin-top: 20px;
	margin-bottom: 20px;				*/
	padding-top: 50px;
	padding-bottom: 50px;
}

h1.section_resa
{
	font-family: "General_all_comic";
	font-size: 2em;
	/* font-style: italic; */
	color: #2A2A2A;
	margin-right: 20px;
	text-align: right;
	text-shadow: 2px 2px 8px black;
	padding-top: 20px;
}
/* ------------ Sections - spécifiques planning - END --------------------------*/

/* ------------ Affichage des légendes -----------------------------------------*/
div.select_semaine {
	
}
select.select_semaine
{
	width: 60px;
	height: 30px;
	border-radius: 10px;
	border: solid 1px black;
	background-color: #E3E3DC;
	
	font-size: 1.2em;
}
select.select_mois
{
	width: 160px;
	height: 30px;
	border-radius: 10px;
	border: solid 1px black;
	background-color: #E3E3DC;
	
	font-size: 1.2em;
}
select.select_semaine_admbx
{
	width: 60px;
	height: 25px;
	border-radius: 5px;
	border: solid 1px black;
	background-color: #E3E3DC;
	
	font-size: 1.1em;
}
select.select_mois_admbx
{
	width: 160px;
	height: 25px;
	border-radius: 5px;
	border: solid 1px black;
	background-color: #E3E3DC;
	margin-right: 10px;
	
	font-size: 1.1em;
}

div.legendcontent				/* conteneur flex */
{
	max-width: 1200px;
	margin-left: auto; 
	margin-right: auto;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}

div.btn_accesrapidannee_content				/* conteneur flex */
{
	max-width: 1200px;
	margin-left: auto; 
	margin-right: 20px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}

div.legendcell
{
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
}

div.legendcolor
{
	width: 80px;
	height: 30px;
	margin-bottom: 5px;
	border-radius: 10px;
	border: solid 2px black;
	box-shadow: 1px 1px 5px 2px gray;
}
/* ------------ Affichage des légendes ---- END --------------------------------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  PLANNING  --------------------------------------------- */

/* ------------ semaines du planning -------------------------------------------*/
div.datesemaine
{
	border-radius: 8px;
/*	background-color: #DBF9C5;		*/
	width: 90%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px;
}
#sem_paire
{
	background-color: #DBF9C5;
}
#sem_impaire
{
	background-color: #F9DFC5;
}
.colorsem			/* couleur par défaut */
{
	background-color: #FFF8D0;
}

.textsemain					/* conteneur affichage mois et semaine */ 
{
	text-align: left;
	text-shadow: gray 2px 2px 3px;
	margin-left: 2%;
	padding: 5px;
	margin-bottom: 10px;
}

.containvacances				/* conteneur de vacancescell (zone B) */ 
{
	border-radius: 8px;
/*	background-color: #F9DFC5;
	width: 90%;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}

.containdates					/* conteneur des dates ;-) */ 
{
	padding: 5px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: start; 
	-ms-flex-align: start; 
	        align-items: flex-start;
}

.vacancescell {
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	/* display: flex; */
	/* -webkit-box-orient: horizontal; */
	/* -webkit-box-direction: normal; */
	/* -ms-flex-direction: row; */
	        /* flex-direction: row; */
	/* -ms-flex-pack: distribute; */
	    /* justify-content: flex-start;  */
	/* -webkit-box-align: start;  */
	/* -ms-flex-align: start;  */
	        /* align-items: flex-start; */
			
	border-radius: 5px;
	display: inline-block;
/*	min-height: 100px;*/
	/* background-color: #013CFE; */
	width: 18%;
	margin-left: 1%;
	margin-right: auto;
	font-size: 8px;
	
	/* color : #A3B8FE;  */
	text-align: center; 
}.vacancescellx {
	border-radius: 5px;
	display: inline-block;
/*	min-height: 100px;*/
	/* background-color: #013CFE; */
	width: 18%;
	margin-left: 1%;
	margin-right: auto;
	
	/* color : #A3B8FE;  */
	text-align: center; 
}
/* ------------ semaines du planning ----- END ---------------------------------*/

/* ------------ cellule "jours" ------------------------------------------------*/

div.datecell,
div.datecell_collab,
div.datecell_nodispo,
div.datecell_ferie {
	border-radius: 15px;
	display: inline-block;
	min-height: 150px;
/*	background-color: #DCFEDE;*/
	width: 18%;
	margin-left: 1%;
	margin-right: auto;
	padding: 5px;
	user-select: none;
}
div.datecell_dispo {
	border-radius: 15px;
	display: inline-block;
	min-height: 150px;
/*	background-color: #DCFEDE;*/
	width: 18%;
	margin-left: 1%;
	margin-right: auto;
	padding: 5px;
	user-select: none;
}
.datecell_dispo:hover { 
	text-shadow: 0px 0px 4px gray, 0px 0px 6px gray;
	cursor: pointer; 
}

div.datecell:hover {
	
	/* box-shadow: 0px 0px 20px 2px gray; */
/*	background-color: #DAFFA1;			*/
	cursor: pointer; 
}

span.datecell_ferie {
	color: #300000;
	font-weight: bold;
	user-select: none;
}

.interangeplanning_contain {
	max-width: 100%;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 5px;
}
.interangefondplanning {
	background-color: #dddddd;
	width: 100%;
	height: 10px;
	padding: 1px;
	border-radius: 5px;
}
.interangetxremplanning {
	/* background-color: #e09900; */
	height: 100%;
	border-radius: 5px;
	/* width: attr(data-width); */
	/* width: 40%; */
}

/* ------------ cellule "jours" demandes ---------------------------------------*/
.datecell_demand {
	border-radius: 15px;
	display: inline-block;
	min-height: 180px;
/*	background-color: #DCFEDE;*/
	width: 18%;
	margin-left: 1%;
	margin-right: auto;
	padding: 5px;
}
.containsessdemand { /* conteneur vertical des session demandées */
	display: flex;
	flex-direction: column;
	/* justify-content: flex-end;  */
    align-items: center; 
}
.cellsess,
.cellsess_dispo {
	padding: 5px;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 2px;
	border: solid 1px black;
	cursor: pointer; 
}
.cellsess:hover {
	/* box-shadow: 0px 0px 5px 2px gray; */
	cursor: pointer; 
	/* background-color: #E3A3FC;  */
	/* border-color: red; */
}

/* ------------ couleurs des cellules ------------------------------------------*/
.txcolcell_filles {						/*dispo_filles*/
	color: #B60F0F;
}
.bgcolcell_dispo {					/*dispo_all*/
/*	background-color: #F4FEEA;	*/
}
.bgcolcell_ferie {
	background-color: #887474;
}
.bgcolcell_admin {					/*date_admin*/
	background-color: #8EC8E8;
}
.bgcolcell_interconf {					/*date_inter 009D84 AAFE01 FEAC4D A297B7 */
	background-color: #009D84;
}
.bgcolcell_inter {					/*date_inter 009D84 AAFE01 FEAC4D A297B7 */
	background-color: #FEAC4D;
}
.bgcolcell_done	{						/*date_done*/
	background-color: #D7C987;
}
.bgcolcell_confirm {					/*date_confirm*/
	background-color: #06A200;
}
.bgcolcell_noconfirm {
	background-color: #DD9870;		/* D0F750*/
}
.bgcolcell_default {				/*non confirmée*/
	background-color: #DD7070;				
}
.bgcolcell_demand {
	background-color: #D9F480;	
}
.bgcolcell_collaborateur {
	background-color: #63935C;
}
.bgcolcell_interinscription {					/*date_inter 009D84 AAFE01 FEAC4D*/
	background-color: #009D84;
}
/* ------------ couleurs des cellules ------------------- END ------------------*/
/* ------------ cellule "jours" ------- END ------------------------------------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  SESSIONS CLIENTS  ------------------------------------- */
/* ------------ onglets de navigation ------------------------------------------*/
div.menusess_content {

	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
-webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly; 
-webkit-box-align: center; 
    -ms-flex-align: center; 
        align-items: center; 
	
	max-width: 1200px;
	width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
	/* border-bottom: solid 2px gray;  */
}
div.menusesscl { 
	padding: 20px;
	font-weight: bold; 
	/* border-radius: 15px; */
	user-select: none; 
}
div.mscl_demand:hover,
div.mscl_attente:hover,
div.mscl_confirm:hover,
div.mscl_done:hover {
	cursor: pointer;
	filter: drop-shadow(3px 3px 3px gray);
}
div.mscl_inter:hover,
div.mscl_intra:hover{
	cursor: pointer;
	filter: drop-shadow(3px 3px 3px gray);
}
.mscl_none {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #B5B5B5;
	border-bottom: solid 1px #B5B5B5;
	/* background-color: #B5B5B5; */
	color: #878787;
}
.mscl_demand {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #D9F480;
	border-bottom: solid 1px #D9F480;
	/* background-color: #D9F480; */
}
.mscl_attente {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #DD7070;
	border-bottom: solid 1px #DD7070;
	/* background-color: #DD7070; */
}
.mscl_confirm {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #06A200;
	border-bottom: solid 1px #06A200;
	/* background-color: #06A200; */
}
.mscl_done {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #D7C987;
	border-bottom: solid 1px #D7C987;
	/* background-color: #D7C987; */
}
.mscl_inter {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #009D84;
	border-bottom: solid 1px #009D84;
}
.mscl_intra {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #6C8200;
	border-bottom: solid 1px #6C8200;
}
/* ------------ onglets de navigation ----------------- END --------------------*/

/* ------------ affichage des sessions -----------------------------------------*/

.definecodesessionbox {
	position: fixed; 
	top: 30px;
	right: 20px; 
	max-width: 500px; 
	z-index: 30;
	
	padding: 10px;
	font-weight: bold; 
	font-size: 1.1em;
	color: #B2B2B2; 				/* B2B2B2 393D0A */
	
	background-color: rgba(42, 42, 42, 0.9); 			/* 2A2A2A DAE387 */
	/* opacity: 0.7; */
	border-radius: 10px; /* 20px 40px 15px;		*/
	border: solid 5px #2A2A2A;
	box-shadow: 0px 0px 20px 2px black; 
}
#defcodesession {
	display: none;
}
#defcodesessionvalid {
	background-color: rgba(20, 80, 20, 0.9); 
}
#defcodesessionunvalid {
	background-color: rgba(80, 20, 20, 0.9); 
}
.containsesscl {
	max-width: 1200px;
	width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 30px; 
	background-color: #F5F5F5;				/* #B5B5B5 */
	
	border-radius: 20px;
	padding: 10px; 
}
.flexdatebilancontain {
    display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: center; 
	width: 100%;
	border-bottom: solid 1px silver;
}
.sessdatecontain {
    display: flex;
	flex-direction: row;
	justify-content: flex-start; 
	align-items: center; 
	/* width: 200px; */
	/* border-bottom: solid 1px silver; */
}
.sessbilancontain {
    display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: center; 
	width: 300px;
	/* border-bottom: solid 1px silver; */
}
.sesstitleflex {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: flex-start; 
}
.sessdates {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	/* max-width: 16%; */
	text-align: center;
	border-radius: 30px;
	background-color: #F1E3D5; 				/* FAFAFA */
	user-select: none;
}
.sessbilanbtn {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	width: 150px;
	/* max-width: 16%; */
	text-align: center;
	font-weight: bold;
	color: #BE3000;
	border-radius: 30px; 
	border-bottom: solid 3px #F15400;	
	border-top: solid 3px #F15400;	
	background-color: #F1CB00; 				/*  */
	cursor: pointer;
	user-select: none;
}.sessbilanbtn:hover {
	box-shadow: 1px 1px 5px 2px gray; 
}
.sessbilancheck {
	/* padding: 5px; */
	/* padding-left: 10px; */
	/* padding-right: 10px; */
	/* margin: 5px; */
	/* max-width: 16%; */
	/* text-align: center; */
	/* font-weight: bold; */
	/* color: #BE3000; */
	/* border-radius: 30px;  */
	/* border-bottom: solid 3px #F15400;	 */
	/* border-top: solid 3px #F15400;	 */
	/* background-color: #BEC896; 			 */
	/* user-select: none; */
}
.sesstitle {
	width: 100%; 
	/* height: 50px; */
	border-radius: 10px;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight : bold;
	font-size: 1.4em; 
}
.sessclnum {
	font-size: 0.6em;
	font-style: italic; 
	color: silver;
}
.sessclprog {
	height: 70px;
	width: auto;
}
.sesscldocs {
	height: 60px;
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}
a.icolinkdload :hover {
	filter: drop-shadow(0 0 5px black);
}
a.icolinkbilan :hover {
	filter: drop-shadow(0 0 5px gray);
}
.sesscltarvalid {
	width: 200px;
	border-radius: 20px;
	padding: 10px;
	text-align: right; 
	text-shadow: 0px 0px 10px #5A5A5A;
	font-weight : bold;
	font-size: 1.8em; 
}
.sesscllieu {
	margin-top: 10px;
	font-size: 1.2em;
	text-align: center;
	color: #5A5A5A;
}
.sesscladress {
	text-align: center;
	font-style: italic;
	color: #5A5A5A;
}
.sessclinfoplus {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly; 
	align-items: center; 
	
	margin-bottom: 20px;
	color: #5A5A5A;
}
.sessclduree,
.sessclhoraire, 
.sessclcandidats {
	font-size: 2em; 
	font-weight: bold; 
	text-align: center; 
	text-shadow: 0px 0px 10px silver;
}
span.sessclitem {
	font-size: 0.5em; 
	font-weight: normal; 
	font-style: italic;
	text-shadow: none;
}
.sessclpilote, 
.sessclformateur {
	margin: 10px; 
	color: #5A5A5A;
}
.sessclcomment_contain {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: bottom; 
	
	margin: 10px; 
}
.sessclcomment {
	font-style: italic;
	color: #5A5A5A;
	width: 70%;
}
.sesscllinkresainter {
	/* font-style: italic; */
	margin-left: 20px; 
	color: #660000;
	text-align: right;
	/* font-style: italic; */
	font-weight: bold; 
	font-size: 1.1em;
	text-shadow: 0px 0px 10px silver;
}
.sesscllinkresainter:hover {
	cursor: pointer; 
	color: #FFB200;
}

.sessbtncontain {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: center; 
	
	max-width: 1200px;
	width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
/*	margin-top: 30px; 
	background-color: #F5F5F5;				/* #B5B5B5 */
	
	border-radius: 0 0 20px 20px; 
	padding: 10px; 
	/* background-color: rgba(238, 238, 238, 0.4); */
	border-bottom: solid 3px silver;
}
/* ------------ affichage des sessions ------------ END ------------------------*/

/* ------------ affichage des sessions inter ----pages clients----------------------*/
.sessintersessionsclientcontain {
	/* max-width: 1150px; */
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 40px; 
/*	background-color: #F5F5F5;				/* #B5B5B5 */
	background-color: rgba(238, 238, 238, 1);
	
	border-radius: 20px 20px 20px 20px; 
	padding-bottom: 20px; 
	padding-left: 20px; 
	padding-right: 20px; 
	border: solid 2px #009D84;
}
.sessintersessionsclientcontain:hover {
	box-shadow: 0px 0px 10px 8px #778979;
}
/* ------------ affichage des sessions inter ------------- END -----------------*/
/* ------------ affichage des sessions intra ----pages clients----------------------*/
.sessintrasessionsclientcontain {
	/* max-width: 1150px; */
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 40px; 
/*	background-color: #F5F5F5;				/* #B5B5B5 */
	background-color: rgba(238, 238, 238, 1);
	
	border-radius: 20px 20px 20px 20px; 
	padding-bottom: 20px; 
	padding-left: 20px; 
	padding-right: 20px; 
	border: solid 2px #6C8200;
}
.sessintrasessionsclientcontain:hover {
	box-shadow: 0px 0px 10px 8px #778979;
}
/* ------------ affichage des sessions intra ------------- END -----------------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  RESERVATION DE SESSION -------------------------------- */


div.etapesresacontent				/* conteneur flex == affichage des étapes */
{
	max-width: 1000px;
	margin-left: auto; 
	margin-right: auto;
}

div.etapescell
{
	font-size: 0.9em;
	font-variant: small-caps;
	font-weight: bold;
	color: gray;
	text-align: center;
	
	width: 40%;
	margin-left: 10px; 
	margin-right: 10px;
	padding: 10px; 
	
	border-radius: 15px;
	border: solid 1px gray;
	background-color: #DFDCDD;
}

span.etapescell
{
	font-size: 0.8em;
	font-variant: normal;
	font-style: italic;
}

#etapescell_done {
	/*color: #60CD6B;
	/*background-color: #C0FBC6;*/
	border: solid 2px #5C9F2C;
}
.etapecell_done {
	border: solid 2px #5C9F2C;
}

#etapecell_focus
{
	font-weight: bold;
	color: #A2003C;
	
/*	border: solid 2px gray;		*/
	background-color: #FED54C;
	box-shadow: 1px 1px 5px 2px gray; 
}

/* ------------ Tableau de saisie des infos de session -------------------------*/
.table
{
	/*border-radius: 6px;
	text-align: center;*/
	display: table;	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	table-layout: fixed; 
}

.tbls_lignes
{
	display: table-row;
}

/* gauches */
.cell_items
{
	display: table-cell;
	width: 50%;
	text-align: right;
	font-size: 0.9em;
	padding-right: 10px;
	vertical-align: middle;
	padding-top: 5px;
}

.cell_inforequired
{
	display: table-cell;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	padding-top: 20px;
}

/* droites */
.cell_inputs
{
	display: table-cell;
	vertical-align: middle;
	padding-top: 5px;
	text-align: left;
}

.cell_valid
{
	display: table-cell;
	vertical-align: middle;
	padding-top: 20px;
	text-align: left;
}
/* ------------ Tableau de saisie des infos de session ---- END ----------------*/

/* ------------ Eléments de saisie (input, select, etc..) ----------------------*/
.input_large
{
	/*font-size: 12px;*/
	height: 25px;
	width: 400px;
	/*background-color: #D6D6D6;*/
	border-radius: 10px;
}

.input_large:required:invalid,
.input_medium:required:invalid,
.input_small:required:invalid {
	background-color: #FFE8E8;
}

.select_resa_large:required:invalid,
.select_resa_medium:required:invalid {
	border-color: ;
	box-shadow: 0px 0px 4px 3px #FFE8E8;
}

.input_medium
{
	height: 25px;
	width: 200px;
	border-radius: 10px;
}

.input_small
{
	height: 25px;
	width: 100px;
	border-radius: 10px;
}

.area_obs
{
	width: 400px;
	border-radius: 10px;
}

.select_resa_large
{
	height: 30px;
	width: 400px;
	border-radius: 10px;
	cursor: pointer;
}

.select_resa_medium
{
	height: 30px;
	width: 200px;
	border-radius: 10px;
	cursor: pointer;
}

.select_resa_small
{
	height: 30px;
	width: 100px;
	border-radius: 10px;
	cursor: pointer;
}

.select_resa_vsmall
{
	height: 30px;
	width: 50px;
	border-radius: 10px;
	cursor: pointer;
}

.check_input
{
	height: 18px;
	width: 18px;
	border-radius: 3px;
	cursor: pointer;
}

.btn_valid_resa
{
	font-size: 15px;
	border-radius: 10px;
	padding: 5px;
	cursor: pointer;
	margin-left: 10px;
}

/* applique un display:none; sur les input checkbox de selection des dates */
.infodispnone,
.chkboxdispnone {
	display: none;
}
img.chkboximgchkyes , 
img.chkboximgchknot { 
	display: none;
	width: 20px;
}
img.progressbar_occupedade,
img.progressbar_occupedadeinact {
	width: 70px;
}
img.progressbar_occupedadeinact {
	display: none;
}
/* ------------ Eléments de saisie (input, select, etc..) ---- END -------------*/

/* ------------ Espace selection des dates -------------------------------------*/
div.datecell_resa,
div.datecellr_nodispo
{
	border-radius: 15px;
	display: inline-block;
	min-height: 100px;
	width: 18%;
	margin-left: 1%;
	margin-right: auto;
	padding: 5px
	user-select: none;
}
div.datecell_resa_hover { 
	
}
div.datecell_resa_unvalid { 
	color: silver;
}
div.datecell_resa_hover:hover
{
	/*box-shadow: 0px 0px 10px 10px gray;		*/
	background-color: #F6F67B;
	cursor: pointer; 
}

span.info_filles
{
	font-size: 0.8em;
	color: gray;
	font-style: italic;
}

div.validcgv
{
	margin-top: 50px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px;
	
	font-family: "General_all_comic";
	font-size: 1.1em;
	font-weight: bold; 
	text-shadow: 2px 2px 8px black;
}
/* ------------ Espace selection des dates --------- END -----------------------*/

/* ------------ Espace confirmation de la réservation --------------------------*/
div.confirmresa_true		/* conteneur */
{
	margin-top: 50px;
	width: 80%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	padding: 25px;
	
	font-family: "General_all_comic";
	text-shadow: 2px 2px 8px black;
	
	background-color: #DBF9C5;
	border-radius: 50px;
	box-shadow: 0px 0px 20px 2px gray;
}
div.confirmresa_false
{
	margin-top: 50px;
	width: 80%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	padding: 25px;
	
	font-family: "General_all_comic";
	text-shadow: 2px 2px 8px black;
	
	background-color: #FF9999;
	border-radius: 50px;
	box-shadow: 0px 0px 20px 2px gray;
}

span.confirmresa
{
	font-size: 1.3em;
	font-weight: bold; 
}

div.rappelbox
{
	margin-top: 25px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 5px;
	
	font-family: "General_all_comic";
	font-size: 1.2em;		
	font-weight: bold; 
	color: green;
}

div.merci_resa
{
	margin-top: 50px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px;
	
	font-family: "General_all_comic";
	font-size: 1.1em;
	/* font-style: italic;  */
}
/* ------------ Espace confirmation de la réservation ----------- END ----------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  DETAILS & MODIFS DES SESSIONS ------------------------- */

.content_btn_detailsess 			/* conteneur des boutons (détailsession) (flex) */
{
	max-width: 500px;
	margin-left: auto; 
	margin-right: auto;
}
#boutons_top
{
	visibility: visible;
}
#boutonstop_hide
{
	visibility: hidden;
}

.content_ico_download {
	max-width: 500px;
	margin-left: auto; 
	margin-right: auto;
}
.content_ico_feedback {
	max-width: 500px;
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 20px;
}

img.download_docsession {
	width: 80px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;		
}
img.iconfeedback {
	width: 80px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;	
}

#titredetaildatesession
{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 0.9em;
	
	background-color: ;
}

.contain_datessession					/* conteneur des dates de détailsession ;-) */ 
{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 15px;
	
	text-align: center;

	border-radius: 15px;
}

.datecell_session
{
	border-radius: 15px;
	display: inline-block;
	min-height: 150px;
/*	background-color: #DCFEDE;*/
	width: 18%;
	margin-left: 1%;
	padding: 5px
}
div.oui_modifdate:hover
{
	box-shadow: 0px 0px 20px 2px gray;
	cursor: pointer; 
}
div.non_modifdate:hover
{
	border-color: #720800;
}

.infoconfirm_sessnot {
	color: #CC0000;
}

div.download_docsession {
	color: #433C1E;
	margin-bottom: 20px;
}

.btn_detailsess {
	font-size: 0.9 em;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	color: black;
	
	width: auto;
	margin-left: 10px; 
	margin-right: 10px;
	padding: 10px; 
	
	background-color: silver;
	border-radius: 15px;
	border: solid 2px black;
	cursor: pointer;
}
.btn_accesmodifannee {
	font-size: 0.9 em;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	color: black;
	
	width: auto;
	margin-left: 10px; 
	margin-right: 10px;
	padding: 8px; 
	
	background-color: silver;
	border-radius: 12px;
	border: solid 2px black;
}
#validaccdateon,
#validaccdateoff {
	width: 130px;
}
#validaccdateon {
	cursor: pointer;
}
#validaccdateoff {
	color: gray;
	border: solid 2px gray;
}
#validmodif,
#annulmodif {
	width: 150px;
	display: none;
}
#validmodifdates,
#annulmodifdates {
	width: 150px;
}
#validcloture {
	width: 200px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
#validstatresa {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

#validaccdateon:hover,
#confirmsess:hover,
#validmodifdates:hover,
#validstatresa:hover,
#validmodif:hover {
	box-shadow: 0px 0px 10px 1px #4CAF50;
	border-color: #005603;
}
#attentsess:hover,
#annulesess:hover,
#annulmodifdates:hover,
#annulmodif:hover {
	box-shadow: 0px 0px 10px 1px #f44336;
	border-color: #720800;
}
#donesess:hover,
#validcloture:hover {
	box-shadow: 0px 0px 10px 1px #BEA53B;
	border-color: #725C00;
}

.btn_detailsess span {
	font-variant: normal;
	font-weight: normal;
	font-style: italic;
}

.detailsess_txt {
	width: 70%;
	padding: 5px; 
	border-radius: 0 30px 15px 10px;
	border-right: solid 2px ;
	border-bottom: solid 1px ;
}

#old_comment {
	max-height: 100px;
	overflow-x: hidden; 
	overflow-y: auto; 		
	word-break: break-all;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.bcolorBEA53B				/* couleur de la bordure par défaut des détailsession*/ 
{
	border-color: #BEA53B;
}

.focus_1					/* niveau importance du détail */
{
	font-variant: small-caps;
	font-weight: bold;
}
.focus_3					/* niveau importance du détail */
{
	font-size: 0.9em;
	font-style: italic;
	color: gray;
}
.neininfo
{
	font-size: 0.9em;
	font-style: italic;
	color: silver;
}

.oui_modif:hover			/* modification possible */
{
	border-color: #005603;
/*	box-shadow: 0px 0px 10px 1px #4CAF50;		*/
	cursor: pointer;
}.non_modif:hover			/* pas de modification possible */
{
	border-color: #720800;
}

.statut_messcontent
{
	margin-right: 30px;
}
.statut_message
{
	padding: 6px; 
	margin-right: 10px;
	
	font-size: 0.9em;
	font-style: italic;
	color: #B6B6B6;

	background-color: #D7D7D7;
	border: solid 2px #B6B6B6;
	border-radius: 15px; 
	cursor: default;
}
#noconfirm_mess
{
	background-color: #DD7070;
	border: solid 2px #660003;
	color: black;
	font-weight: bold;
	text-shadow: 0px 0px 4px white;
}
#confirm_mess
{
	background-color: #06A200;
	border: solid 2px #034300;
	color: black;
	font-weight: bold;
	text-shadow: 0px 0px 4px white;
}
#done_mess
{
	background-color: #D7C987;
	border: solid 2px #433C1E;
	color: black;
	font-weight: bold;
	text-shadow: 0px 0px 4px white;
}

/* ------------ Zones affichage des documents de session -----------------------*/
.contain_docssessioncl {
	max-width: 1200px;
	width: 90%;
	/* margin-top: 10px; */
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
	
	/* border-radius: 15px; */
	/* background-color: #FFF8D0; */
	/* border-top: solid 1px #6C8200; */
	/* border-bottom: solid 1px #6C8200; */
	border-radius: 0 30px 15px 10px;
	border-right: solid 2px #BEA53B;
	border-bottom: solid 1px #BEA53B;
}
#titrelistdocsession
{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 0.9em;
	
	background-color: ;
}
/* ------------ Zones affichage des documents de session -------- END ----------*/

/* ------------ Zones de saisie formulaire -------------------------------------*/
input.input_detailsession:required {
	background-color: #FFE8E8;
}
#modif_lieuform,
#modif_adress,
#modif_contact,
#modif_pilot,
#modif_pilotmail,
#modif_selformateur,
#modif_selcontact {
	/*font-size: 12px;*/
	height: 25px;
	width: 400px;
	background-color: #EAFFE8;
	border-radius: 10px;
}

#modif_pilotel,
#modif_ville {
	height: 25px;
	width: 200px;
	background-color: #EAFFE8;
	border-radius: 10px;
}

#modif_cp,
#modif_stagiaires,
#modif_heure,
#modif_tarinter,
#modif_tarif {
	height: 25px;
	width: 100px;
	background-color: #EAFFE8;
	border-radius: 10px;
}

#modif_comment,
#modif_promo {
	display: none;
}

#modif_lieuform:required:invalid, 
#modif_adress:required:invalid, 
#modif_contact:required:invalid, 
#modif_pilot:required:invalid, 
#modif_pilotmail:required:invalid, 
#modif_selformateur:required:invalid, 
#modif_selcontact:required:invalid, 
#modif_ville:required:invalid, 
#modif_cp:required:invalid, 
#modif_stagiaires:required:invalid, 
#modif_heure:required:invalid, 
#modif_tarif:required:invalid, 
#modif_tarinter:required:invalid, 
#modif_comment:required:invalid {
	background-color: #FFE8E8;
}

.inputblock {
	display: block; 
	margin-bottom: 5px;
}
#comp_pilot1,
#comp_pilot2 {
	display: none; 
	margin-top: 20px;
}

.bgcolorEAFFE8				/* couleur */ 
{
	background-color: #EAFFE8;
}
/* ------------ Zones de saisie formulaire ---------------------- END ----------*/

/* ------------ Zones de modification des dates de session ---------------------*/
.section_modifdates
{
	display: none;
	max-width: 100%;
	min-height: 120px;
	left: 0px;
	background-color: ;
}
#sect_modifdates
{
	display: none;
}
#sect_modifdatesaffiche
{
	display: block;
}

#actual_date
{
	display: block;
}
#actualdate_hide
{
	display: none;
}

.sem_modifdate	
{
	border-radius: 8px;
	background-color: #EAFFE8; 
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	padding: 5px;
}

.content_btnmodifdates
{
	padding: 20px; 
/*	background-color: blue;			*/
}
/* ------------ Zones de modification des dates de session ------ END ----------*/

/* ------------ Zones affichage et modif candidats inter -----------------------*/
.contain_candidatssession					/* conteneur des dates de détailsession ;-) */ 
{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	/*padding: 15px;*/
	
	text-align: center;

	/* border-radius: 15px; */
}
.contain_candidatssessioninter, 
.contain_documentssessioninter {
	margin-top: 10px;
	text-align: center;
	border-top: solid 1px #009D84;

	/* border-radius: 15px; */
}
.contain_documentssessionintra {
	margin-top: 10px;
	text-align: center;
	border-top: solid 1px #6C8200;

	/* border-radius: 15px; */
}
.candsaffichcontain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row; 
	-ms-flex-pack: distribute; 
	    justify-content: space-around; 
	-webkit-box-align: start; 
	-ms-flex-align: start; 
	        align-items: start;
	
	width: 100%; 
	padding-top: 0px;
}
.candaffichtitre, 
.candaffichitem {
	margin: 5px;
	text-align: center; 
	padding: 5px;
}
.candaffichtitre {
	/* height: 50px; */
	width: 100%; 
	border-radius: 15px;
	background-color: #C2C2C2; 
} 
.candbgcolorvalid {
	border-radius: 5px;
	background-color: #B9E6A5; 			/* #B9E6A5 */
}
#titrelistecandidats
{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 0.9em;
	text-align: left; 
	
	background-color: ;
}
/* ------------ Zones affichage et modif candidats inter -------- END ----------*/

/* ------------ Zones affichage et modif documents de session ------------------*/
div.sectflex_infodocsession {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row; 
	-ms-flex-pack: distribute; 
	    justify-content: space-around; 
	-webkit-box-align: start; 
	-ms-flex-align: start; 
	        align-items: start;
	
	width: 100%; 
	padding-top: 0px;
}

.docsession_contain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row; 
	-ms-flex-pack: distribute; 
	    justify-content: space-around; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center;
	
	width: 100%; 
	padding-top: 10px;
}

/* zone affichage des items documents */
div.cldocs_descriptif {	/* conteneur descriptif */
	width: 100%;
}
.cldocsessiontitre, 
.cldocsessionitem {
	margin: 5px;
	text-align: center; 
	padding: 5px;
}
.cldocsessiontitre {
	/* height: 50px; */
	border-radius: 5px;
	background-color: #C2C2C2;
} 
.possmodifitemdocs:hover {
	cursor: pointer;
	color: red;
}
.itemdocsize1 {	width: 10%;	}
.itemdocsize2 {	width: 20%;	}
.itemdocsize3 {	width: 30%;	}
.itemdocsize4 {	width: 40%;	}
.itemdocsize5 {	width: 50%;	}
.itemdocsize6 {	width: 60%;	}

/* zone de clic ajout de documents */ 
.hidemodif { 							/* ne pas toucher - autre valeur dans css.formateurs.css */
	display: none; 
}
.lienajoutdocsession {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px; 
	padding: 10px;
	text-align: right; 
	font-style: italic; 
	border-top: solid 2px #660000;
	border-radius: 10px 10px 0 0;
	color: #660000
}.lienajoutdocsession:hover{
	/* cursor: pointer; */
	color: #FFB200;
}
/* zone input */
.buttonmodiformatcontain {
	width: 100%;
	text-align: right; 
}
.inputmodifdocsession {
	margin: 2px;
	width: 90%;
	height: 20px;
	font-size: 14px;
	text-align: center; 
	border-radius: 5px;
	/* padding: 5px; */
	/* background-color: #EAFFE8; */
}
select.inputmodifdocsession {
	height: 30px;
	/* font-size: 14px; */
	/* padding: 5px; */
	/* background-color: #EAFFE8; */
}
.inputmodifdocsession:required:invalid {
	background-color: #FFE8E8;
}
.inputmodifdocsession:required:valid {
	background-color: #EAFFE8;
}
/* ------------ Zones affichage et modif documents de session ----- END --------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  CLOTURE SESSIONS -------------------------------------- */

/* ------------ conteneurs principaux ------------------------------------------*/
.datedonesession_contain {
	padding-bottom: 50px;
}

.content_cloturesess {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	font-size: 1.5em;
	font-style: italic;
}

.clot_info {
	padding: 10px;
}
/* ------------ conteneurs principaux ------------ END -------------------------*/



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