/* NOTE: Website */
	*
		{ outline: none; }
	a
		{ cursor: pointer!important; }
	.contenu_page
		{ margin-top: 8vh; }

/* NOTE: Modal */
	.btn-outline-info 
		{ color: rgba(42, 102, 126, 1) !important; background-color: transparent !important; border: 2px solid rgba(42, 102, 126, 1) !important; }
	.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active 
		{ color: #e17a27 !important; background-color: transparent !important; border-color: #e17a27 !important; }
	.btn-couleur 
		{ color: #fff; background-color: rgba(42, 102, 126, 1); }
	.btn-couleur:hover, .btn-couleur:focus, .btn-couleur:active, .btn-couleur.active 
		{ color: #fff; background-color: #e17a26!important; }
	.btn_modal
		{ background-color: rgba(42, 102, 126, 1)!important; color:white!important; opacity: 50%!important; border-radius:15px; font-size: 13px!important; font-family: 'Source Sans Pro', sans-serif!important; }
	.btn_modal:hover
		{ background-color: #e17a27!important; color:white!important; opacity: 80%!important; border-radius:15px; font-size: 13px!important; font-family: 'Source Sans Pro', sans-serif!important; }
	.link-modal-index
		{ color: rgba(42, 102, 126, 1); }
	.link-modal-index:hover
		{ color: #e17a27; }

/* NOTE: Header_top */
	.header_top
		{ background-color: rgba(42, 102, 126, 1); }
	.header_top .row
		{ padding: 5px 0px;  color: white; }
	.logo
		{ margin-left: 20px; height: 7vh; }
	.avatar
		{ margin-left: 20px; margin-right: 10px; height: 6vh; }
	.btn_header_index 
		{ color: rgba(42, 102, 126, 1); background-color: #ffffff; border-color: #ffffff; margin-right: 20px; padding: 8px 20px; border: none; border-radius: 20px; }
	.btn_header_index:hover 
		{ color: #ffffff; background-color: #e17a27; border-color: #dae0e5; margin-right: 20px; padding: 8px 20px; border: none; border-radius: 20px; }
	.btn_header_index:focus, .btn_header_index.focus 
		{ box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
	.icone_menu
		{ color: white; font-size: 22px; }
	.hr_header
		{ width:100%; background-color: white; margin: 0px 0px 10px 0px; padding: 0; }

/* NOTE: Header_left */
	.header_left
		{ color: white; background-color:  rgba(42, 102, 126, 1); margin: 0; position: fixed!important;bottom:0!important; }
	.header_left .row
		{ height: 93vh; padding: 10px 0px; }
	.header_list
		{ list-style: none; padding: 0px 0px 0px 0px; }
	.header_list li
		{ padding: 0; text-align: center; margin-bottom: 30px; }
	.header_icone
		{ font-size: 23px; cursor: pointer;color: white; }
	.header_icone:hover
		{ cursor: pointer; color: #e17a27; }
	.header_icone_active
		{ font-size: 23px; cursor: pointer;color: #e17a27; }
	.padding_list
		{ padding-top: 30px; }
		
/* NOTE: Index */		
	.heading_navigation_size
		{ font-size: 40px; margin-top: 30px; }
	.subheading_navigation_size
		{ font-size: 18px; line-height: 25px;}

/* NOTE: Guide des stages */
	.box_categorie
		{ background-color:rgba(240,  240,  240, 0.32);border-radius: 15px;box-shadow: 1px 1px 5px grey; }
	.titre_categorie
		{ text-transform: uppercase;letter-spacing: 2px;font-size: 13px;color:#3a3b3b;font-weight: 400; }
	.lien_categorie:hover .box_categorie
		{ background-color:#e17a27;border-radius: 15px;box-shadow: 1px 1px 5px grey; }
	.lien_categorie:hover .titre_categorie
		{ text-transform: uppercase;letter-spacing: 2px;font-size: 13px;color:white;font-weight: 400; }
	.titre_categorie_recherche
		{ font-style: italic;font-size: 14px;color: #4e5052; }
	.lien_categorie:hover .titre_categorie_recherche
		{ font-style: italic;font-size: 14px;color: white; }

/* NOTE: Recherche */
	.titre_categorie_recherche
		{ font-style: italic;font-size: 14px;color: #4e5052; }
	.lien_categorie:hover .titre_categorie_recherche
		{ font-style: italic;font-size: 14px;color: white; }

/* NOTE: Evaluation */
	.icone_couleur
		{ color:#757476; }

/* NOTE: Fiche */
	.titre_evaluation
		{ font-weight: 300;text-align: center;font-size: 35px; }
	.sous_titre_evaluation
		{ font-weight: 300; text-align: left; font-size: 20px;color: rgba(42, 102, 126, 1); }
	.icone_couleur_fiche
		{ color:#4c4c4c; }
	.icone_couleur_fiche_2
		{ color:white; }
	.titre_score
		{ font-style: italic;color:#3a3a3b; }
	.btn-fiche
		{ background-color: rgba(218,236,219,1)!important; color:black!important; }
	.btn-fiche:hover
		{ background-color: rgba(42, 102, 126, 1)!important; color:white!important; font-family: 'Source Sans Pro', sans-serif!important;}
	.icone_detail_evaluation
		{ color: rgba(42, 102, 126, 1); opacity: 90%; }
	.icone_detail_evaluation:hover
		{ color: #e17a27; }
	.icone_detail_evaluation_2
		{ color: #bf2e40; opacity: 90%; }
	.icone_detail_evaluation_2:hover
		{ color: #e17a27; }
	.bordure_evaluation
		{ border-right:1px dashed #606060; }
	.alignement_evaluation
		{ text-align: right; }

/* NOTE: Classement */
	.lien_table_validation
		{ color: rgba(42, 102, 126, 1); text-decoration: none; }
	.lien_table_validation:hover
		{ color: #e17a27; text-decoration: none; }
	
/* NOTE: Accueil */
	.lien_accueil
		{ color: rgba(119,53,56,1);text-decoration: none; }
	.lien_accueil:hover
		{ color: rgba(119,53,56,1);text-decoration: none; font-weight: bold; }
	
	
	
	
	
		
			
/* NOTE: Administration */
	.couleur_background
		{ background-color: rgba(42, 102, 126, 1); }
	.couleur_texte
		{ color: rgba(42, 102, 126, 1); }
	.titre_administration
		{ text-align: center;font-size: 35px; }
	.gras_300
		{ font-weight: 300; }
	.hauteur_barre
		{ height: 8px; }
	.bar_statistiques
		{ height: 20px!important; background-color: rgba(42, 102, 126, 1)!important; }
	.fond_jaune
		{ background-color: #f0f4c3; }
	.titre_fond_jaune
		{ letter-spacing: 2px; font-size: 18px; }
	.contenu_fond_jaune
		{ color: #424242; }
	.contenu_fond_jaune a
		{ color: #424242; text-decoration: none; }
	.contenu_fond_jaune a:hover
		{ color: rgba(42, 102, 126, 1); text-decoration: none; font-weight: bold; }
	.liste_administration_icone_1
		{ background-color: #f0f4c3; color:#424242; border-radius: 10px; }	
	.liste_administration_icone_2
		{ background-color: rgba(42, 102, 126, 1); color:white; border-radius: 10px; opacity: 80%; }	
	.liste_administration_icone_2:hover
		{ background-color: #e17a27; color:white; border-radius: 10px; opacity: 80%; }


/* NOTE: Administration - Utilisateurs */
	.utilisateur
		{ margin:5px;background-color:rgba(42, 126, 121, 1); color:white; opacity: 50%;border-radius: 10px; }
	.utilisateur:hover
		{ margin:5px;background-color:#e17a27; color:white; opacity: 80%;border-radius: 10px; }
	.icone_admin
		{color: rgba(42, 126, 121, 1); }
	.icone_admin:hover
		{ color: #e17a27; }
	.lien_table_promotion_etudiant
		{color: rgba(42, 126, 121, 1);}
	.lien_table_promotion_etudiant:hover
		{color: #e17a27;}
	.lien_table_promotion_suppression
		{color: #b65552;}
	.lien_table_promotion_suppression:hover
		{color: #e17a27;}		


















	@media (max-width: 350px) and (orientation: portrait)
		{
			.header_smartphone
				{ color: white; text-align: center; font-size: 14px;}
			.header_smartphone:hover
				{ color: #e17a27; text-align: center; font-size: 14px;}
			.bordure_evaluation
				{ border: none; margin-bottom:15px; }
			.alignement_evaluation
				{ text-align: left; }
		}
	@media (min-width: 351px) and (orientation: portrait)
		{
			.header_smartphone
				{ color: white; text-align: center; font-size: 17px;}
			.header_smartphone:hover
				{ color: #e17a27; text-align: center; font-size: 17px;}
			.bordure_evaluation
				{ border: none; margin-bottom:15px; }
			.alignement_evaluation
				{ text-align: left; }
		}
	@media (max-width: 650px) and (orientation: landscape)
		{
			.header_top .row
				{ padding: 5px 0px;  color: white; }
			.logo
				{ margin-left: 20px; height: 12vh; }
			.header_smartphone
				{ color: white; text-align: center; font-size: 14px;}
			.header_smartphone:hover
				{ color: #e17a27; text-align: center; font-size: 14px;}
			.contenu_page
				{ margin-top: 12vh; }
			.bordure_evaluation
				{ border: none; margin-bottom:15px; }
			html
				{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
		}
	@media (min-width: 651px) and (max-width: 768px) and (orientation: landscape)
		{
			.header_top .row
				{ padding: 5px 0px;  color: white; }
			.logo
				{ margin-left: 20px; height: 12vh; }
			.header_smartphone
				{ color: white; text-align: center; font-size: 17px;}
			.header_smartphone:hover
				{ color: #e17a27; text-align: center; font-size: 17px;}
			.contenu_page
				{ margin-top: 12vh; }
			.bordure_evaluation
				{ border: none; margin-bottom:15px; }
			html
				{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
		}