/*image de fond*/
body {
	background-image: url(../img/vide.gif)   ; background-repeat:repeat-x;
	
	 font-family:Arial, Helvetica, sans-serif; margin-top:0px; background-color: #DCDDDE;
	

}

A {FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; TEXT-DECORATION: none; }

a.inscrit:link       	{color : #9E0039;text-decoration : none; font-size: 12px;}
a.inscrit:visited		{ color : #9E0039; text-decoration : none;font-size: 12px;} /*color : #525C99; VIOLET*/
a.inscrit:hover			{ color : #525C99; text-decoration : underline ; font-size: 12px;}/*color : #9E0039; ROUGE*/
a.inscrit:active			{ color : #9E0039; text-decoration : none;font-size: 12px;}
/***************************************************************************/

/* code pour la page Index*/

/****************************margin-left:200px;**********************************************/
fieldset { margin-left:100px;   width: 70%;  filter : alpha(opacity=60); -moz-opacity : 0.6; opacity : 0.6; 
		   background-color:#CCCCCC; border-bottom-style:solid; border-color:#585F9D;}
		   
legend {color: #F5F1EC; font-weight: bold; margin-left: 30px; font-size:16px;}

label {color: #ffffff;  font-weight:900; margin-left: 10px; font-size:12px;}

input { background-color:#F5F1EC; cursor:pointer; border-color:#B4BADA; border-width: thin;}

.cleaner {clear:both;}

.maj {color: #9E0039;  font-weight:900; margin-left: 10px; font-size:12px; }


/*tableau login - fond jaune padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px;*/
.tabLog { border-collapse:collapse; border:1px; border-color:#FFCC00; 
    border-left: 1px solid #FFCC00; 
	border-right: 1px solid #FFCC00;
	border-top: 1px solid #FFCC00;
	border-bottom:1px solid #FFCC00; 
	
}
.tabLog th {
background-color:#FFCC00; font-size:12px; height:30px; vertical-align:middle;  text-align:center; 
}
.tabLog td {
height:30px; 
}



/*TABLEAU pour le texte de droite - fond blanc padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px;*/
.tabText { border-collapse:collapse; border:1px; border-color:#FFCC00; vertical-align:middle; 
border-left: 1px solid #FFCC00; 
	border-right: 1px solid #FFCC00;
	border-top: 1px solid #FFCC00;
	border-bottom:1px solid #FFCC00; 
	background-color:#ffffff; font-size:14px; 
}

#bloc { height: 320px; width: 540px; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding-bottom:10px; padding-left:15px; padding-right:15px; padding-top:10px;}

/*fin code pour la page Index*/
/**************************************************************************/

.textCV {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

/*positionnement de l'ensemble des onglets*/
#cssonglet {
	width:800px;
	font-size:12px; width: auto; height:auto; margin-left:60px;
}
.cssonglet_menu {
	/* POSITIONNEMENT - titre des onglets*/
	margin-left:30px;
	padding-top:2px;
	padding-bottom:0px;
	
	
	/* APPARENCE */
	
	 font-size:12px; color:#DCDDDE;
}
.cssonglet_conteneur {
	/* POSITIONNEMENT  margin-left:50px;*/
	position:relative;
	width: auto; height:auto;
	float:left; padding:5px; 
	
	/* APPARENCE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #F5F6F6; /*couleur grisee*/
	border-top: 1px solid #DCDDDE;
	border-left: 10px solid #DCDDDE;
	border-right: 1px solid #DCDDDE;
	border-bottom: 1px solid #DCDDDE; font-size:11px;
}
/*.cssonglet_iframe {
	width:800px;
	height:300px;
	margin:5px;
	border:5px solid #6699CC;
}*/ 

/***************************************************************/
/* titre principal des onglets*/        

.titre1 {
	font-family:  Arial, Helvetica, sans-serif;  
	font-size: 18px; font-weight:bold;
	color: #003366;
}
.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight:bold;
	color: #003366;
}
/*************************************************************************/




/***************************************************************/
/* APPARENCE DES ONGLEST*/

.cssonglet_bouton {
	/* POSITIONNEMENT */
	width:auto;
	float:left;
	margin-right:1px;
	margin-left:0px;
	padding:2px;
	/* APPARENCE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; font-weight:bold;
	background-color: #50638B; /*couleur bleu fonce*/
	border-left: 1px solid #DCDDDE; /* couleur grise bande gauche*/
	border-right: 1px solid #DCDDDE;
	border-top: 1px solid #DCDDDE;
	border-bottom-width:0px;
	cursor:pointer;
}
.cssonglet_bouton_off {
	/* POSITIONNEMENT */
	width:auto;
	float:left;
	margin-right:1px;
	margin-left:1px;
	padding:2px;
	/* APPARENCE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; font-weight:bold;
	background-color:#AEB3CB; /* couleur bleu pale*/
	border-left: 1px solid #949698;
	border-right: 1px solid #949698;
	border-top: 1px solid #949698;
	border-bottom-width:0px;
	cursor:pointer;
}

/* Navigation bouton suite ---------------------------------*/
.bouton { background-color: #50638B;  text-align:center; border-width: thin; border-color:#AEB3CB;  color:#FFFFFF; font-weight:bold; cursor:pointer;

}

.bouton1 {
	/* POSITIONNEMENT */
	width:auto;
	margin-right:1px;
	margin-left:0px;
	padding:2px;
	/* APPARENCE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; font-weight:bold;
	background-color: #50638B; /*couleur bleu fonce*/
	border-left: 1px solid #DCDDDE; /* couleur grise bande gauche*/
	border-right: 1px solid #DCDDDE;
	border-top: 1px solid #DCDDDE;
	border-bottom-width:0px;
	cursor:pointer;
}

.bouton2  {
	/* POSITIONNEMENT */
	width:auto;
	
	margin-right:1px;
	margin-left:1px;
  height:auto;
	padding:1px;
	/* APPARENCE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff; font-weight:bold;
	background-color:#AEB3CB; /* couleur bleu pale*/
	border-left: 1px solid #949698;
	border-right: 1px solid #949698;
	border-top: 1px solid #949698;
	border-bottom-width:0px;
	cursor:pointer;
}

/* Pied de page ---------------------------------*/
#pied { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding: 3px;
	text-align:center; 
	color: #000000;
}

#pied a {color: #000000; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px; }

img { border:0px;}


span.error {
	color: red;
	font-weight: bold;
}


.valorised {
	font-weight: bold;
	color: #551A8b;
	font-size: 18px;
	border: none;
	background-color: inherit;
}

.formOnglet {
	margin-top: 20px;
}

.show-photo-identif {
	display: flex; justify-content: center; align-items: center; flex-direction: column;position: absolute; right: 10%; text-align: center;
}
.show-photo-identif img {
    object-fit: cover;
}
.padding-top {
	padding-top: 10%;
}

.file-container {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.file-input {
	display: none;
}


.custom-file-label {

	font-size: 13px;
	font-family: Arial, sans-serif;

	align-items: flex-start;
	text-align: center;
	cursor: default;
	box-sizing: border-box;
	background-color: buttonface;
	color: buttontext;
	margin: 0px;
	padding-block: 3px;
	padding-inline: 6px;
	border-width: 1px;
	border-style: outset;
	border-color: buttonborder;
	font-weight: inherit;
	border-radius: 3px;
	caret-color: transparent;
}

.custom-file-label:hover {
	background: #e9e9e9;
}

.file-name {
	padding: 3px 10px;
	border: 1px solid #ccc;
	background: #f9f9f9;
	color: #333;
	border-radius: 3px;
	font-size: 14px;
	min-width: 150px;
	text-align: center;
}

.aria-hidden-courrier {
	background-color: #F5F1EC;
	border-color: #B4BADA;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}
.submit-button {
	margin-top: 20px;
	padding: 5px 15px;
	border: none;
	background-color: #007bff;
	color: white;
	cursor: pointer;
	border-radius: 5px;
}

.submit-button:hover {
	background-color: #0056b3;
}
.file-link {
	color: #000000;           
	text-decoration: underline; 
}

.file-link:hover {
	color: #000000;
	text-decoration: underline;
}