@page {size: landscape;}

td.hautgauche {
	background-image: url(images/arrondi_haut_gauche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 10px;
}
td.hautdroit {
	background-image: url(images/arrondi_haut_droite.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 10px;
}
td.basdroit {
	background-image: url(images/arrondi_bas_droite.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 10px;
}
td.basgauche {
	background-image: url(images/arrondi_bas_gauche.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 10px;
}
td.contourhaut {
	background-image: url(images/contour_haut.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 980px;
}
td.contourbas {
	background-image: url(images/contour_bas.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 980px;
}
td.contourgauche {
	background-image: url(images/contour_gauche.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 10px;
}
td.contourdroit {
	background-image: url(images/contour_droit.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width: 10px;
}
td.cadremenu {
	border: 1px dotted #94AEC6;
	font-family: Arial, Helvetica, sans-serif;
}.titre_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #94AECE;
	letter-spacing: -1px;
}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
input.connexion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 11px;
	width: 80px;
	vertical-align: middle;
	border: 1px solid #94AECE;
}
input.connexionButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	height: 16px;
	width: 30px;
	border: 1px solid #94AECE;
	color: #FFFFFF;
	background-color: #94AECE;
}
.text11 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
.text10 {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
a.text11:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
a.text11:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: none;
}
/*a.text11:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-decoration: underline;
}*/
.text11fondcouleur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	background-color: #D8E1ED;
}
.documentupload{
	float:left;
	height:180px;
	width:1800px;
	margin:10px;
	border: thin solid #666666;
	border-radius :10px 10px 10px 10px;
}
.documentupload{
	float:left;
	height:180px;
	width:180px;
	margin:10px;
	border: thin solid #666666;
	border-radius :10px 10px 10px 10px;
}
.documentupload.error{
	border: 3px solid red;
}
.vignetteupload{

	width:180px;
	height:160px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	border-radius:10px;
	position:absolute;
	cursor:pointer;
}
.vignetteupload.plus{
	background-image:url("images/upload-cloud2.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color: white;
}
.vignetteupload.plus .progress{

	height:3px;
	position:absolute;
	margin-top:157px;
	width:100%
}
.vignette_title{
	width:180px;
	height:20px;
	text-align:center;
	border-top:thin solid #666;
	margin-top:160px
}
.fileupload{

    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	width:180px;
	height:180px;
	background-color:#79B000;
	border:thin solid #999999;
	border-radius:10px;
	margin-top:-180px;
	position:absolute;

}

.fichierenvoye{
	display:inline-block;
	height:180px;
	width:180px;
	margin:10px;
	border: thin solid #666666;
	border-radius :10px 10px 10px 10px;
	cursor:pointer;
}
.fichierenvoye .thumbnail{
	height:180px;
	width:180px;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.fichierenvoye .fichiermenu{
	position: relative;
	margin-top: -180px;
	width: 20px;
	background-color: red;
	float: right;
	border-radius:12px;
	border: 2px solid white;
	color:white;
	text-align:center;
	font-family: "Arial";
}
#canvassignature{
	margin-left: 25px;
	display: inline-block;
	background-image:url(images/quadrillage.png);

}
#canvas{
	border:thin solid black;
}
.downloadvacation{
		background-image:url(images/download_vacation.png);
		background-position:left center;
		background-repeat:no-repeat;
		background-size:contain;
		height: 30px;
		display: inline-block;
		vertical-align: middle;
		width: 30px;

}
#signature_clear, #signature_ok{
	background-color:#13B9DE;
	color:white;
	height:40px;
	min-width:150px;
	margin:30px;
	border:none;
	border-radius:20px;
	text-align:center;
	font-size:1.3em;
	cursor:pointer;
}
/******** disponibilite de salles *******/
.salle_ligne {

    width: 1220px;
    margin: auto;

    min-height: 48px;
	position: relative;

}
.salle_ligne .salle_libelle{
	padding-top:6px;
	width:320px;
	position:absolute;
	line-height: 16px;
	white-space: normal;
	font-weight: bold;
}
.salle_ligne .salle_edt{
	background-image:url(images/dispo_salles_fond.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:900px;
	top:0px;
	left:320px;
	position:relative;
	height:40px;
}
.salle_ligne .salle_edt .ilyacours{
	background-color:#00aeff;
	opacity:0.6;
	position:absolute;
	height:19px;
	width:60px;
	left:120px;
	top:12px;
	border-right: thin solid white;
	border-left: thin solid white;
	box-sizing: border-box;
	font-size: 9px;
	line-height: 9px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
}
.salle_ligne .salle_edt .salle_lock{
	box-sizing:border-box;
	background-color:red;
	opacity:0.6;
	position:absolute;
	height:19px;
	width:15px;
	left:160px;
	top:12px;
	border-right: thin solid white;
	border-left: thin solid white;
	box-sizing: border-box;
	font-size: 9px;
	line-height: 9px;
	overflow: hidden;
	text-align: center;
	font-weight: bold;
	padding-top: 4px;
	font-size: 11px;
	color: white;
}

.salle_lock .lock_delete{
	height: 14px;
	width: 14px;
	display: inline-block;
	background-image:url(images/dispo_salle_lock_delete.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:2px;

}
#edit_salle_lock{
	font-family: Arial;
	font-size: 12px;
	background-color: #DEDEDE;
	border :thin solid #DDDDDD;
	border-radius: 10px;
	min-height:150px;
	width:300px;
	position: absolute;
	top:0px;
	left:0px;
	box-shadow: 0px 0px 20px #999;
	padding:14px 16px;
	box-sizing:border-box;
	text-align:center;
	max-height:calc(100vh - 24px);
	overflow:auto;
}
#edit_salle_lock #lock_libelle,
#edit_salle_lock #lock_color{
	width: 180px;
	margin-bottom: 6px;
}
.edit_salle_lock_days{
	display:inline-block;
	text-align:left;
	margin-top:6px;
}
.edit_salle_lock_title{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #455a64;
}
#edit_salle_lock BUTTON.button_salle_lock{
		padding:4px;
		width:130px;
		border:none;
		outline-style: none;
		border-radius:10px;
		background-color: #127512;
		margin:0;
		color:white;
		cursor: pointer;
}
#edit_salle_lock BUTTON#delete_salle_lock{
	background-color: #d71212;
}
.edit_salle_lock_actions{
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:12px;
}
.dispo_salles_jour{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #455a64;
	margin-top: 22px;
	margin-bottom: 18px;
	background: rgba(255,255,255,0.96);
	padding: 8px 0;
}
.dispo_salles_jour.sticky-active{
	position: fixed;
	top: 56px;
	z-index: 20;
	backdrop-filter: blur(2px);
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.dispo_salles_jour_spacer{
	display:none;
}
.dispo_salles_jour_spacer.active{
	display:block;
}


#nomprof{
	border:2px solid #666;
}
#nomprof.error{
	border:2px solid red;
}
#nomprof.founded{
	border:2px solid green;
}
#nomprof_nbresult{
	font-weight:bold;
}
#nomprof_nbresult.error{
	color:red;
}
#nomprof_nbresult.founded{
	color:green;
}
#autre_remuneration {
		background-color:#A4C8AD;
}

.sage_date {
	background-color: #1F6F86;
	color: white;
	height: 20px;
	padding: 5px;
	font-size: 18px;
	font-family: Arial;
}
.sage_matiere{
	padding: 5px;
	padding-bottom:0;
	font-size: 18px;
	font-family: Arial;
	font-weight:bold;
}
.sage_formations{
	padding: 5px;
	color:#666;
	padding-top:0;
	font-size: 16px;
	font-family: Arial;
	font-weight:bold;
}
.sage_cours{
	border-bottom:thin dotted #666;
}
.sage_cours .qte_saisie, .sage_cours .qte_saisie_next{
	text-align:right;
}
.sage_cours .qte_saisie.error, .sage_cours .qte_saisie_next.error{
	background-color:red;
	color:white;
	font-weight:bold;
}
.sage_cours .libelle{
	display:inline-block;
	min-width:150px;
	text-align:right;
}
.sage_cours.sage_ready{
	opacity:0.4;
}
#counter_alert{
	color: red;
	font-size: 18px;
	font-family: Arial;
}
#counter_alert.complete{
	color: green;
}
SPAN.mailjet_status{
		color: white;
		font-weight: bold;
		padding: 3px;
		border-radius: 15px;
		display: inline-block;
		min-width: 70px;
		text-align: center;
		margin-bottom:2px;
}
/*******/
#index_menu{
	position: absolute;
	width: 260px;
	margin-left: 5px;
	box-shadow: 5px 0px 8px #0000008a;
}
#index_menu.base_edt_next {
	background-color: #f3abab;
}
#index_menu.base_edt_prev {
	background-color: cornflowerblue;
}
#index_menu.base_edt_prev_2324 {
	background-color: rgb(237, 100, 221);
}
#index_menu .ssmenu {
	margin-left: 5px;
	display: inline-block;
	padding: 1px;
	font-size: 12px;
	margin-right: 2px;
	padding-left: 5px;
	margin-bottom: 2px;
	padding-right: 5px;
}
#index_menu .ssmenu:hover {
	background-color: #30A8FF66;
	border-radius: 5px;
}
#index_menu B.rubrique{
	font-size:14px;
	font-weight: bold;
}
#index_main{
	position: absolute;
	width: calc(100% - 270px);
	left:270px;
	height:100%;
}
/****** les semaines****/
.semainevisibilitystate{
	display : inline-block;
	height:15px;
	width:45px;
	border :thin solid  #666;
	vertical-align: bottom;
}
.semainevisibilitystate.state0 .jauge{
	background-color: red;
	height: 15px;
	margin-right: 30px;
}
.semainevisibilitystate.state1 .jauge{
	background-color: green;
	height: 15px;
}
.semainevisibilitystate.state2 .jauge{
	background-color: orange;
	height: 15px;
	margin-right: 15px;
}
.elementsemaine{
	 width:400px;
	 margin:auto;
	 font-size: 12px;
	 cursor: pointer;
	 height: 20px;
}
#formChangeSemaine{
		min-height:100px;
		border:thin solid #666;
		margin-left:20px;
		margin-right:20px;
		background-color: #EFEFEF;
		padding-top:10px;
}
#formChangeSemaine .col1{
	width:auto;
	border-right:none;
	float:none;
	padding-left:0;
	margin-right:0;
}
#formChangeSemaine .col2{
	padding-right:20px;

}
#formChangeSemaine .buttons{
	text-align: center;
	margin-bottom:20px;

}
#formChangeSemaine BUTTON{
	border :thin solid #666;
	background-color:#666;
  min-width: 150px;
	height :25px;
	padding-left:25px;
	padding-right:25px;
	border-radius:8px;
	color:white;
	font-size: 12px;
	font-weight: bolder;
	margin-left: 30px;
}
#formChangeSemaine BUTTON.save{
		background-color: #00a500;
		

}
#liste_coorganisateurs{
	padding-left:15px;
}
#liste_coorganisateurs LI{
	list-style-type: none;
	font-size:12px;
	padding:3px;
	padding-left:10px;
	padding-right:2px;
	color:white;
	background-color : #3970f0;
	border-radius:10px;
	height: 14px;
	display: inline;
	margin:5px;
}
#liste_coorganisateurs LI SPAN.del {
	background-color: red;
	display: inline-block;
	width: 16px;
	height:16px;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	border-radius: 8px;
	cursor: pointer;
}
#visio_add_coorganisateur{
	border-radius:8px;
	border:thin solid #666;
	outline: none;
}
.nbHeureInListMatiere {
	background-color: #DDD;
	border-radius: 3px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
@media print {
	/* iframe{display:block}
	 body #edtprof { height: 600px;  display:block;}
	*/
	@page {size: landscape;}

}