.entete{
	justify-content: space-between;
	padding: 5px 0px;
}
.logo{
	width: 70px;
	align-items: center;
}
.logo img{
	width: 100%;
}
.hr_head{
	margin: 0px;
}
.slogan{
	text-align: center;
	color: red;
	font-weight: bold;
	align-items: center;
}
.btn{
	align-items: center;
	text-align: right;
}
.btn_button a{
	width: 200px;
	color: #fff;
	background-color: #3366ff;
	border: none;
	padding: 10px 60px;
}
.btn_button{
	text-align: center;
}
.pdp{
	width: 150px;
	height: 150px;
	border-radius: 100%;
	border: 3px solid #3366ff;
	margin-left: 10px;
	align-items: center;
	text-align: center;
	cursor: pointer;
}
.pdp img{
	width: 100%;
	border-radius: 100%;
	height: 100%;
}
.no_image, .nom_profil{
	height: 100%;
	align-items: center;
	padding-top: 60px;
}
.modif_pdp{
	position: absolute;
	padding: 10px 5px;
	top: 18vh;
	position: fixed;
	width: 100%;
	background-color: rgb(51, 51, 204, 0.9);
	color: #fff;
	text-align: center;
	align-items: center;
	display: none;
}
.changer{
	background-color: #fff;
	text-align: center;
}
.modif_pdp input{
	width: 400px;
	margin: auto;
	max-width: 100%;
}
.button{
	color: #fff;
	background-color: #3366ff;
	padding: 10px 40px;
	border-radius: 10px;
	border: none;
}
.button:hover{
	background-color: #0033cc;
}
.C_e{
	width: 90mm;
	margin: auto;
	font-size: small;
	text-align: center;
	box-shadow: 0px 0px 3px #707070;
	padding: 5px;
	position: relative;
}
.N_par{
	text-align: left;
}
.C_e img{
	width: 70px;
}
.medecine p{
	text-align: left;
}
.table_head .logo{
	width: 10%;
}
.nom{
	text-align: center;
	width: 100%;
	font-size: 17pt;
}
.dernier_text{
	font-size: 14px;
}
.table_head .head_c_e{
	font-size: 12pt;
	text-align: center;
}
.btn a{
	text-decoration: none;
	color: #fff;
	background-color: #3366ff;
	padding: 10px 40px;
	border-radius: 10px;
}
.btn a:hover{
	background-color: #0033cc;
}
.choix{
	background-color: #3366ff;
	margin: 0px;
	padding: 30px 0px;
	text-align: center;
}
.choix_quest{
	width: 400px;
	max-width: 100%;
	margin: 10px auto;
}
.choix label{
	color: #fff;
}
.questions{
	min-height: 50vh;
}
#inscri_Ingenieur.php, #inscriptionDTSS, #inscriptionDTS{
	display: none;
}
.head{
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px;
	padding: 2px 0px;
	align-items: center;
	background-color: #3366ff;
	color: #fff;
}
h1, h2, h3, h4, h5{
	color: #3366ff;
}
.head a{
	color: #fff;
}
.head a: hover{
	color: #999999;
}
.profil img{
	width: 30px;
}
.corps{
	color: #707070;
	background: #fcfcfc;
	min-height: 85vh;
	padding-top: 20px;
}
.stat1{
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	min-height: 170px;
	box-shadow: 0px 0px 12px #707070;
	margin: 10px 0px;
}
.stat1:hover{
	animation: bouns ease-in;
    animation-duration: 0.6s;
}
.stat1 .tiret, .tiret1{
	margin: 15px 0px;
	color: white;
}
.liste{
	color: #707070;
	margin-top: 5vh;
}
.liste table, th, td, tbody{
	color: #707070;
}
.etatp{
	box-shadow: 0px 0px 12px #f3f3f3;
}
.etatt{
	background-color: #3366ff;
	border-radius: 5px;
	text-align: center;
}
h3{
	text-align: center;
}
.etat_non{
	width: 100%;
	margin:0px auto;
	padding: 20px 0px;
	background-color: red;
	color: #fff;
	text-align: center;
	align-items: center;
}
.etat_oui{
	width: 100%;
	margin:0px auto;
	padding: 20px 0px;
	background-color: green;
	color: #fff;
	text-align: center;
	align-items: center;
}
.info-table{
	width: 100%;
	padding: 5px;
	box-shadow: 0px 0px 12px #707070;
}
.info-table .tr1{
	background-color: #f3f3f3;
}
.suivi-inscri .tr1{
	background-color: #f3f3f3;
	border: 0.1px solid #f2f2f2;
}
.btn-information{
	width: 100%;
	justify-content: space-between;
	display: inline-flex;
}
.btn-information li{
	list-style: none;
	padding: 10px 110px;
}
.btn-information a{
	text-decoration: none;
	color: #fff;
}
.btn-valider{
	background-color: green;
}
.btn-refuser{
	background-color: red;
}
h4{
	text-align: center;
}
.info-part2{
	min-height: 137.9vh;
	box-shadow: 0px 0px 12px #707070;
	width: 100%;
	margin: 0px;
}
.info-table td{
	width: 50%;
	padding:2px 5px;
}
.info-table a{
	color: #707070;
}
.suivi-inscri{
	width: 100%;
}
#hrverif{
	margin: 2px 0;
}
.photo_recu{
	width: 100%;
	cursor: pointer;
}
.afficher_recu{
	position: absolute;
	display: none;
	width: 100%;
	height: 300vh;
	background-color: rgb(0, 0, 0, 0.9);
	top: 0px;
	text-align: center;
	align-items: center;
}
.afficher_recu:hover .corps{
	overflow: hidden;
}
.afficher_recu img{
	margin: 30vh 0px;
}
.photo_recu img{
	width: 100%;
}
#img_vu{
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100vh;
}
a{
	text-decoration: none;
}
.error{
	background-color: red;
	color: #fff;
	margin: 5px 0px;
	text-align: center;
}
footer{
	background-color: #212121;
	text-align: center;
	align-items: center;
	color: #fff;
	font-size: small;
}
footer a{
	text-decoration: none;
}
@keyframes boom {
    0% {
        transform:scale(1);
    }
    25% {
        transform:scale(1.3);
    }
    50%{
    	transform:scale(1.2);
    }
    100%{
    	transform:scale(1.2);
    }
}
@keyframes bouns {
  0%{
    transform: scale3d(1.0, 1.0, 1.0);
  }
  25%{
    transform:scale3d(.99, .99, .99);
  }
  55%{
    transform: scale3d(1.05, 1.01, 1.05);
  }
  100%{
    transform: scale3d(1.0, 1.0, 1.0);
  }
}


/* CSS assurance */
.triage{
	width: 100%;
	justify-content: space-between;
}
.triage .form{
	justify-content: space-between;
	display: inline-flex;
	width: 100%;
	margin-bottom: 5px;
}
.triage .form div{
	width: 45%;
}
.triage input{
	width: 100%;
	margin: auto;
}
.triage .actualiser{
	margin: auto;
	width: 100%;
	background-color: #3366ff;
	color: #fff;
	border: none;
	padding: 5px 0px;
}
.table_assu{
	width: 100%;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	padding: 10px;
	height: 150px;
	box-shadow: 0px 0px 12px #707070;
	margin: 10px 0px;
	cursor: pointer;
}
.table_assu:hover{
	animation: bouns ease-in;
  animation-duration: 0.6s;
}
.table_assu .tr1{
	background-color: #f3f3f3;
	color: #212121;
	font-size: 14pt;
	font-weight: bold;
}
.table_assu tr{
	padding: 0px;
	border:  1px solid #f3f3f3;
}
.table_assu a{
	text-decoration: none;
}
.table_assu td{
	padding: 5px;
	margin: 0px;
}
.indu-cont{
	width: 100%;
}
/* fiche de presence */
.liste_c{
	height: 90vh;
	overflow-y: scroll;
	padding: 0px 3px;
}
.imprim{
	background-color: #fff;
	border: 1px solid #f3f3f3;
	justify-content: space-between;
	text-align: center;
	padding: 10px;
}
.imprim li{
	list-style: none;
}
.imprim img{
	width: 20px;
}
.fiche{
	background-color: #fff;
	border-radius: 5px;
	margin: 10px 0px;
	box-shadow: 0px 0px 5px #707070;
}
.fiche .tete{
	text-align: center;
	background-color: #3366ff;
	color: ##fff;
}
.affiche { 
	align-items: center;
	padding: 0px;
	border: 2px solid #cccccc;
	padding: 5px 10px;
	overflow-y: scroll;
	height: 90vh;
	border-radius: 5px;
	padding: 0px;
	color: #212121;
	} 
			.flex { 
	display: inline-flex;
	color: #cccccc;
	} 
	.container1 { 
	width:margin: 0px 5%;
	} 
			.table1 { padding: 0px;
	margin: 0px;
	width: 100%;
	border: 1px solid #111111;
	text-align: center;
	font-size: 7px;
	} 
			.affiche tr { padding: 0px;
	margin: 0px;
	}
	 .affiche td { 
	padding: 0px;
	margin: 0px;
	border: 1px solid #111111;
	} 
			.er_table { text-align: center;
	width: 100%;
	} .left p { text-align: left;
	padding: 2px 5px;

				font-weight: bold;
	 font-size: 8pt;
	 } .table1 a { color: #111111;
	 text-decoration: none;
	 } 
				.a_in { text-decoration: none;
	 margin: 10px 5px;
	 color: #212121;
	 } .a_in:hover { color: #111111;
	 } 
	.fiche .tete { font-size: 14px;
color: #fff;
background-color:#3366ff;
padding: 5px;
} 
	.fiche .tete span { font-size: 14px;
text-decoration: none;
} 
	.affiche .lie { display: inline-flex;
font-size: 10pt;
justify-content: space-between;
margin: 0px;
padding: 5px;
width: 100%;
box-shadow: 0px 0px 2px 0px #f2f2f2;
background-color: #cccccc;
} 
		.affiche .lie div { width: 50%;
margin: 0px 20px;
text-align: center;
} .lie img { width: 20px;
} 
		.affiche .presence { 
padding: 10px 30px;
font-size: 14pt;
/*width: 210mm;
height: 297mm;*/

			background-color: #fff;
 font-family: Arial;
 } .affiche .lie div li { list-style: none;
 } 
			.affiche .lie a { text-decoration: none;
 } 
			.affiche .entete_fiche { display: inline-flex;
 padding: 0px;
 margin: 0px;
 width: 100%;
 } 
			.affiche .droite { text-align: right;
 margin: 0px;
 padding: 0px;
 width: 30%;
 } 
			.affiche .gauche { text-align: left;
 margin: 0px;
 padding: 0px;
 width: 70%;
 } 
			.affiche .table2 { padding: 0px;
 margin: 0px;
 width: 100%;
 border: 1px solid #111111;
 text-align: center;

				font-size: 10pt;
	 align-items: center;
	 } .affiche .er_table2 { text-align: center;
	 width: 100%;
	 height: 10px;
	 } 
				.affiche .table2 a { color: #111111;
	 text-decoration: none;
	 } 
				.affiche .institut { font-size: 10pt;
	 text-decoration: underline;
	 } 
				.affiche .in_pre { font-size: 12pt;
	 font-weight: bold;
	 } 
				.affiche .in_ec { font-size: 9pt;
	 text-decoration: underline;
	 font-weight: bold;
	 } 
				.affiche .fil { font-size: 13pt;
	 } .affiche .année { font-size: 11pt;
	 font-weight: bold;
	 margin-right: 30%;
	 } 
				.affiche .parcours { font-size: 11pt;
	 font-weight: bold;
	 } em { font-size: 9pt;
	 } 
				.affiche .name { border: none;
	 border-left: 1px solid #111111;
	 } .c1 { width: 20mm;
	 font-weight: bold;
	 } 
				.affiche .pos { width: 10mm;
	 border: none;
	 font-size: 9.5pt;
	 } 
				.affiche .nompre { border: none;
	 text-align: center;
	 border-left: 1px solid #111111;
	 } 
				.affiche .nom_prenom { border: none;
	 border-left: 1px solid #111111;

					text-align: left;
		 padding-left: 5px;
		 font-size: 9.5pt;
		 } 
					.affiche .nom_prenom1 { border: none;
		 border-left: 1px solid #111111;

						text-align: left;
			 padding-left: 5px;
			 font-size: 7pt;
			 } 
						.affiche .dc { text-align: left;
			 border: none;
			 width: 50%;
			 border-bottom: 1px solid #111111;
			 } 


			 /* certificat de scolarité */
			 .cert{
			 	background-color: #fff;
			 	border-radius: 5px;
			 	box-shadow: 0px 0px 5px #707070;
			 	padding: 10px 5px;
			 	margin: auto;
			 }
			 .cert-cont{
			 	width: 90%;
			 }


.indu-cont table{
	width: 100%;
	text-align: center;
}
.indu-cont .tr1{
	background-color: #f3f3f3;
	font-weight: bold;
}
.indu-cont tr{
	border:  1px solid #f3f3f3;
}
.indu-cont h6{
	text-align: center;
	background-color: #3366ff;
	color: #fff;
	padding: 2px 0px;
}
#imprimer_ce{
	position: absolute;
	width: 100%;
	background-color: rgb(205, 205, 205, 0.9);
	padding: 0px;
	top: 200px;
	right: 0px;
	opacity: 0.2;
}
#imprimer_ce:hover{
	opacity: 1;
	transition: 0.1 ease;
}
#imprimer_ce div{
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	border-bottom: 1px solid #707070;
	position: relative;
	color: #3366ff;
}




/*carte etudiant*/
.liste_carte{
	box-shadow: 0px 0px 5px #707070;
	padding: 5px;

}
.liste_carte h6{
	text-align: center;
	color: #707070;
}
.liste_carte:hover{
	background-color: #3366ff;
	box-shadow: 0px 0px 0px ;
}
.liste_carte:hover h6 {
	color: #fff;
}
.recto_carte{
	width: 100%;
	padding: 5px;
	box-shadow: 0px 0px 5px #707070;
}
.recto_carte h5{
	text-align: center;
}