/* CSS pour toutes les pages d'entretien */

/* back-up Couleurs 
rgb(65,100,230)  : bleu Proges ou #4164e6 / #0b5ed7 / #0d6efd
rgb(41, 91, 125) : bleu foncé Proges ou rgb(44, 97, 134)
rgb (30,41,78) : bleu très foncé accueil #1e294e
rgb(242,100,48)  : orange ou #F26430
*/

/* Couleurs 
rgb(242,246,255) : gris clair / f2f6ff ou eaeff2 / rgb(224,229,233) / rgb(241,243,251)
rgb(24,143,143)  : bleu vert Texdécor ou #188F8F
rgb(0,0,0) : noir TexDécor ou rgb(0,0,0) #000000
rgb(135,100,184)  : violet TexDécor #8764B8 
rgb(255,255,255) : blanc 
*/

/* Couleurs de fonds selon le r�le de celui qui r�pond */

.ent-coulfond-col {
	background-color: #d9e1f2 !important;
}

.ent-coulfond-resp {
	background-color: #a3e4d7 !important;
}

.ent-coulfond-val {
	background-color: #d1f2eb  !important;	
}

.ent-coulpolice-col {
	color: #969292 !important;
}

.ent-coulpolice-resp {
	color: #5bceb7 !important;
}

.ent-coulpolice-val {
	color: black  !important; 
}

/* Boutons */

.ent-bouton-copie {
	font-size: 30px;
	cursor: pointer;
}

/* Signature */

.signature {
	border: 1px #cccccc solid;
	width: 450px;
	height: 200px;
}


@media (min-width: 801px) {

	.ent-titre-rub {
		color: black;
		text-decoration: underline;
		font-size: 1.2rem; 
		margin-bottom: 15px;
	}

	.ent-titre-rub-std {
		color: black;
		font-size: 1.2rem; 
		margin-bottom: 15px;
	}

	.ent-titre-rub-des {
		color: black;
		font-size: 1.1rem; 
		margin-bottom: 15px;
	}

	.ent-lib-deb-rub, .ent-lib-fin-rub {
		color: darkgray;
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.ent-bloc {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.ent-chp {
		margin: 20px;
	}

	.form-label{
		margin-bottom: 20px;
		font-weight : bold;
	}

	.form-control-entretien {
		/* Fait bug l'affichage 
		display: block;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 5;
		color: #212529;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0.25rem;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
}

	.accordion-header	{
		background-color: white;
		font-size: 14px;
		color: black;
}

	.ancre-s-entretien {
		background-color: white;
		font-weight:600;
		color: lightgray;
		border: none;
}
	.ancre-s-entretien:hover{
		color: black;
}

	.ancre-VALIDEE {
		background-color: white;
		font-weight:600;
		color: green;
		border: none;
		text-decoration: none;
	}

	.ancre-s-entretien, .ancre-s-entretien:visited, .ancre-s-entretien:focus{
		background-color: white;
		font-weight:600;
		text-decoration: none;
}

	.ancre-s-entretien:hover > span {
		font-weight: bold;
		color: black;
		text-decoration:underline;
}

	.on-link-page {
		font-weight: bold;
		text-decoration: underline;
}

	

#bloc-ancre-entretien {
	position: sticky;
	top: 0px;
	margin-left: -50px;
	margin-right: -50px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow-y: clip;
	overflow-x: clip;
	background: white;
	scrollbar-width: thin;
	scrollbar-color: black tranparent;
	z-index: 1;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

.bloc-bord-ent {
	background-color: white;	
	border-radius: 15px;
	border: 3px solid black;
	margin: 25px;
	padding-top:13px;
	padding-bottom: 13px;
	height: min-content;
	margin-left: 25px;
	margin-right: 36px;
	}

#info-ent {
	text-align: center;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding-top:13px;
	padding-bottom: 13px;
	margin-left:13px;
	margin-right:13px;
}

.info-ent-I {
	background-color: rgb(65,100,230);
	border: 1px solid rgb(65,100,230);
	border-radius: 15px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

#bar-right-bord-ent {
		position: absolute;
		right: 0;
		width: 323px;
		margin-top: -232px;
		margin-right:50px;
	}

.bloc-page-entretien {
	position: relative;
	border: 3px solid black;
	border-radius: 30px;
	padding: 45px 40px;
	margin-top: 50px;
	scroll-margin-top: 30 px;
	margin-bottom: 80px;
}


/* srhw_typent_cont*/

	.titre-bloc-entretien {
		color: black;
		text-align: left;	
	}

	.rubrique {
		border: 1px solid rgb(65,100,230);
		color: rgb(65,100,230);
		font-size: 20px;
		margin-left: 5px;
	}

/* srhw_ent_cont*/

	.titre-bloc-entretien {
		color: black;
		text-align: left;
	}

	.rubrique {
		border: 1px solid rgb(65,100,230);
		color: rgb(65,100,230);
		font-size: 20px;
		margin-left: 5px;
	}

}

@media (max-width: 800px) {

	.ent-titre-rub {
		color: black;
		text-decoration: underline;
		font-size: 1rem;
		text-align: center;
		margin-bottom: 15px;
	}

	.ent-lib-deb-rub, .ent-lib-fin-rub {
		color: black;
		text-decoration: underline;
		color: orange;
		font-size: 1rem;
		margin-bottom: 10px;
	}

	.path-page{
		color: #8a8a8a;
		font-size: 10px;
		text-align: left;
		margin-bottom: 55px;
	}
	
	.ancre-s-entretien {
		background-color: white;
		font-weight:600;
		color: lightgray;
		border: none;
}
	.ancre-s-entretien:hover{
		color: black;
}

	.ancre-VALIDEE {
		background-color: white;
		font-weight:600;
		color: green;
		border: none;
		text-decoration: none;
	}

	.ancre-s-entretien, .ancre-s-entretien:visited, .ancre-s-entretien:focus{
		background-color: white;
		font-weight:600;
		text-decoration: none;
}

	.ancre-s-entretien:hover > span {
		font-weight: bold;
		color: black;
		text-decoration:underline;
}
	
}