/* recherche */
#critere-recherche {
	color: #144e63;
	font-size: 16px;
	margin-left: 20px;
	margin-top: 10px;
}

/* select recherche */
.box-selectrecherche {
	display: inline;
}

.select-formation {
	width: 23%;
	height: 38px;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 14px;
	color: black;
}

.moisdeformation {
	margin-left: 20px;
	margin-top: 40px;
	color: black;
	font-size: 18px;
}

#container-calendrier {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.container-calendrier-box {
	width: 24%;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
}

.container-calendrier-box-grise {
	width: 24%;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	background-color: rgba(20, 78, 99, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
}
.container-calendrier-box-rouge {
	width: 24%;
	height: 100%;
	margin-left: 10px;
	margin-top: 10px;
	background-color: rgba(179, 2, 41, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(108, 110, 105, 1);
}

.nomformation {
	margin-top: 5px;
	font-size: 14px;
	height: 38px;

	text-align: center;
	color: #144e63;
}

.dateformation {
	font-size: 13px;
	margin-left: 105px;
}

.lieuformation {
	font-size: 13px;
	margin-left: 105px;
}

.villeformationligne {
	margin-left: 105px;
	margin-top: 3px;
	color: #b22222;
	font-weight: 500;
	font-size: 14px;
}

.salon {
	cursor: pointer;
}

.villeformation {
	margin-left: 105px;
	margin-top: 3px;
	color: #144e63;
	font-size: 14px;
}

.nomformateur {
	margin-top: 3px;
	text-decoration: underline;
	margin-left: 10px;
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
}

.adresse {
	display: inline-block;
}

.contenant-inscription-formation {
	margin-top: 7px;
}

.contenant-inscription-formation-complet {
	margin-top: 7px;
}

.inscription-formation {
	background-color: black;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding: 1px;
	color: white;
	text-align: center;
	font-size: 14px;
}

.inscription-formation-complet {
	height: 20px;
	color: #b22222;
	text-align: center;
	font-size: 14px;
}

.contenant-libre {
	margin-left: 105px;
	margin-top: 6px;
	height: 16px;
	color: #144e63;
	font-size: 14px;
}

.scroll-breve-salon {
	width: 50%;
	height: 200px;
	overflow-y: auto;
	text-align: justify;
	color: #3c414a;
	font-weight: normal;
	padding: 5px;
	/* background-color:rgb(207, 194, 194); */
	float: left;
}

.fa-map-signs {
	margin-left: 40%;
}

#titre-creation-date {
	font-size: 22px;
	margin-top: 20px;
}

/* menu admin */
#afficheaccueil {
	display: none;
}

#chercherformateur {
	color: #ff4500;
	cursor: pointer;
	margin-bottom: 10px;
}

.message {
	position: fixed;
	z-index: 99999;
}

#lieuacceuil {
	border: 1px solid #dadce0;
	margin-bottom: 40px;
}

.contenant-loader {
	height: 100px;
	width: 100%;
	top: 50%;
	position: fixed;
	z-index: 99999;
}

.loader {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: block;
	margin: 15px auto;
	color: rgb(54, 53, 53);
	box-sizing: border-box;
	animation: animloader 2s linear infinite;
}

@keyframes animloader {
	0% {
		box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
	}
	25% {
		box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
	}
	50% {
		box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
	}
	75% {
		box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
	}
	100% {
		box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
	}
}

.modifformation {
	margin-left: 10px;
}

#creation-salon {
	display: none;
}

.formations-excel
{
margin-left:15px;	
}


.Contenant-Action-Recherche
{
display:flex;	
margin-bottom:30px;
}


#chercher-formation-distance
{
width:25%;
height:40px;
line-height: 40px;
background-color: #d0dce0;	
cursor:pointer;
text-align:center;
margin:0 auto;
border: solid 1px grey;
margin-top:40px;
}

#chercher-formation-mardi
{
width:25%;
height:40px;
line-height: 40px;
background-color: #d0dce0;	
cursor:pointer;
text-align:center;
margin:0 auto;
border: solid 1px grey;
margin-top:40px;
}

#chercher-formation-criteres
{
	width:25%;
	height:40px;
	line-height: 40px;
	background-color: #d0dce0;	
	cursor:pointer;
	text-align:center;
	margin:0 auto;
	border: solid 1px grey;
	margin-top:20px;	
}
.fa-calendar-week
{
margin-left:5px;	
}
#contenantoups
{
width:80%;
margin:0 auto;
margin-top:50px;
text-align:center;	
}

#resultatooups
{
text-align:center;
margin:0 auto;
}

#imgoops
{
width:50%;
display:block;
margin:0 auto;
margin-top:50px;	
}

.imageqrcode
{
display:block;
margin:0 auto;
}
.TitrePF
{
margin-top:10px;
text-align:center;
font-size:26px;	
}