/* CSS pour toutes les pages de rémunération */

/* 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 */

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

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

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

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

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

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

/* Boutons */

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

/* Signature */

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


@media (min-width: 801px) {


.bloc-page-rev {
	border: 3px solid rgb(65,100,230);
	border-radius: 10px;
	padding: 10px 10px;
	margin-bottom: 10px;
}

	table.table-page-rem {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0px 0px;
	}
	
	.table-page-rem td {
		font-size:15px;
		border-top: 1px solid rgb(65,100,230);
		border-bottom: 1px solid rgb(65,100,230);
		padding: 2px 5px 2px 5px;
	}
	
	.table-page-rem tr td:nth-child(1) {
		border-left: 1px solid rgb(65,100,230);
		border-top-left-radius: 28px;
		border-bottom-left-radius: 28px;
		padding-left: 15px;
	}
	
	.table-page-rem tr td:last-child {
		border-right: 1px solid rgb(65,100,230);
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-right: 15px;
		max-width:60px;	
	}
	
	.table-page-rem th{
		font-size: 15px;
		padding: 7px 0px 10px 0px;
		font-weight: bold;
	}
	
	.table-page-rem th:first-child {
	  max-width:220px;
	}

.fixed-header {
	z-index: 50;
}

.thead-th{
	top: 0;
	position: sticky;
	background-color:  #d9e1f2 !important;
	z-index: 50;
}

.col-lib-collab {
	left: 0px;
	position: sticky;
	z-index: 20;
}

.th-lib-collab{
	left: 0px;
	position: sticky;
	z-index: 51;
}

/* /// Sert à colorer une colonne sur deux d'un tableau (Si jamais ça peut être utile) /// */
/*tr:nth-child(even) td[scope=row] { 
	background-color: white;
}

tr:nth-child(odd) td[scope=row] {
	background-color: white;
}*/

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

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

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

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

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

	.rem-chp {
		margin: 20px;
	}

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

}

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

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

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

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

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

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


.chmp{
	font-size: 16px;	
	text-align: left;
	border: 1px solid;
	border-color: rgb(65,100,230);
	border-radius: 10px;
	padding : 4px;
}

/* Pour les champs non modifiables s'affichant au chargement de la page */
.chmp_txt{
	font-family: Poppins, sans-serif; 
	font-size: 16px;
	text-decoration: none;
	padding : 4px;
}

.chmp_txt_bold{
	font-family: Poppins, sans-serif; 
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	padding : 4px;
}

/* A utiliser uniquement avec la classe .chmp_txt pour élargir le champ (Ne pas utiliser avec .chmp sinon l'affichage bug) */
.chmp_plularg{
	display: inline-block;
	width: 100px;
}

/* A utiliser dans le <td> pour center le texte de .chmp_txt */ 
.td_center{
	text-align: center;
}

.chmp3{
	width:35px;
	margin-top: 2px;
	font-size: 16px;	
	text-align: left;
	border: 1px solid;
	border-color: rgb(65,100,230);
	border-radius: 10px;
	padding : 4px;
}

.descriptif{
	margin-top: 2px;
	font-size: 20px;	
	text-align: left;
	border: 1px solid;
	border-color: rgb(65,100,230);
	border-radius: 10px;
	padding : 4px;
	width : 100%;
}
	

#bloc-ancre-rem {
	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 tranparrem;
	z-index: 1;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

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

#info-rem {
	text-align: cremer;
	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-rem-I {
	background-color: rgb(65,100,230);
	border: 1px solid rgb(65,100,230);
	border-radius: 15px;
	padding: 10px 0px 10px 0px;
	text-align: cremer;
}

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

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


/* srhw_typrem_cont*/

	.titre-bloc-rem {
		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_rem_cont*/

	.titre-bloc-rem {
		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) {

.bloc-page-rev {
	border: 3px solid rgb(65,100,230);
	border-radius: 10px;
	padding: 10px 10px;
	margin-bottom: 10px;
}

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

	.rem-lib-deb-rub, .rem-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-rem {
		background-color: white;
		font-weight:600;
		color: lightgray;
		border: none;
}
	.ancre-s-rem:hover{
		color: black;
}

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

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

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


.chmp{
	margin-top: 15px;
	margin-left: 2px; 
	font-size: 16px;	
	text-align: left;
	border-color: rgb(65,100,230);
	border-radius: 5px;
}
	
}