@CHARSET "UTF-8";

/*
	Feuille de style qui définit l'apparence du composant choix de formation (ou de groupe) 
*/

/** Règles liées au nouveau composant 2013 **/

#entete_choix {
	margin: 0px calc(10% - 5px) 20px 50px;
	padding: 2px;
	font-size: 14px;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	background-color: #DFDFDF;
	
}

#entete_choix table {
	margin: 0;
	padding: 0;
	width: 100%;
}


#entete_choix a {
	color: black !important;
	text-decoration: none;
}

#entete_choix table td {
	vertical-align: top;
	padding: 2px;
	white-space: nowrap;
}

#entete_choix td#details_choix {
	padding-bottom: 4px;
	text-align: left;
	white-space: break-spaces;
}

#entete_choix td#actions_choix {
	padding-bottom: 4px;
	text-align: left;
	width : 21%;
}

#entete_choix td#actions_choix a {
	color: black;
	text-decoration: none;
	display: block;
	height: 16px;
	margin-bottom: 2px;
}

#entete_choix td#actions_choix a:hover {
	text-decoration: underline;
}

#entete_choix td#actions_choix a#changer {
	background-image: url(../img/cadre/changer_formation.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#entete_choix td#actions_choix a#retour {
	background-image: url(../img/cadre/retour.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#entete_choix #liste_choix {
	height: 150px;
	display: none;
	overflow-y: scroll;
	overflow-x: hidden;
	display: none;
	border-top : 1px solid darkgray;
}

#entete_choix #liste_choix table td.ligne_choix {
	text-align: left;
	padding-left : 20px;
	
}
#entete_choix #liste_choix table td.ligne_choix a {
	color : black;
	text-decoration : none;
	background-image: url(../img/cadre/Puce.gif);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position:left center;
	padding-left : 20px;
	white-space: break-spaces;
	/*font-style : italic;*/
}
#entete_choix #liste_choix table td.ligne_choix a:hover {
	color : black;
	text-decoration : none;
	background-image: url(../img/cadre/PuceSelected.gif);
	background-color: lightblue;
		
}

#entete_choix #liste_choix table td.ligne_choix.choix_actif {
	background-color: #d3efc1;
}


.div-message-info{
	margin-top : 5px;
	color:white;
	background-color: #337ab7;
	padding: 5px;
	font-family: Arial;
}

.div-message-info h4{
	padding-left : 5px;
}

/** Règles liées au mini composant 2021 (a supprimer) **/

.menuChoixFormation {
	display: flex;
	justify-content: space-between;
	background: #dfdfdf;
	color: black;
	font-size: 14px;
	margin-top: -10px;
	margin-right : calc(8% - 16px);
}

.menuChoixFormation a {
	color: black !important;
	text-decoration: none;
}