body{
	margin: 0px;
	padding: 0px;
}

.cv-apprenant{

	display: flex;
	flex-direction: column;
	row-gap:40px;
}


.container ul,.container li{

	list-style: none;
	padding:0px;
	margin: 0px;
}

.container form{
	background: none;
}

#ajouter-reblique i{

	font-size: 1.5em;
}

.container .contenant-menus-section i{
	font-size:1em;
	color: #2c7249;
}

.container h1{
	font-size:1.3em;
	color: #2c7249;
}

.afifiche-modale-fenetre{
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	bottom: 0px;
	right:0px;
	width: 100vw;
	height: 100vh;
	z-index:80;
	background:rgba(255,255,255,0.1);
}

.afifiche-modale-fenetre2{

	background-color:rgba(0,0,0,0.5);
}

.affiche-modale-spinner{
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	bottom: 0px;
	right:0px;
	width: 100vw;
	height: 100vh;
	z-index:80;
	background:rgba(255,255,255,0.8);
}



.une-section{

	display: flex;
	flex-direction: column;
	gap: 10px 10px;
	padding: 20px;
}

.une-section:nth-child(2n){
	background:#efefef;
}

.entete-section{

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.contenant-menus-section{

	display: flex;
	flex-direction: row;
	align-items: center;
	column-gap: 30px;
}

.contenant-infos{

	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	row-gap: 30px;
	column-gap: 30px;
}
#offre .contenant-infos{
	gap: 5px 5px;
}

.contenant-infos li{
	width:30%;
	display: flex;
	flex-direction:column;
	padding: 0px;
	margin: 0px;
	align-content: flex-start;
}

.contenant-infos p{
	padding: 0px;
	margin: 0px;
	font-size: 1.5em;
	font-family: 'Lato-Regular';
}

.contenant-infos textarea{
	min-width:200px;
	resizes: none;
}


.groupe-de-champs{
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	align-items: stretch;
	padding: 0px;
	margin: 0px;
	justify-content: space-between;

}

.groupe-de-champs input{

	width: 50%;
}



.contenant-infos input,.contenant-infos select{
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 14px;
}





.contenant-infos label
{
	font-size: 1em;
}


.liste-element{

	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	gap: 10px 10px;
}

.liste-element li{ 

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	column-gap: 20px;
	row-gap: 30px;

}

li.element-simple{
	
	padding:5px 15px;
	min-width:200px;
}


.menu-element{
	display: flex;
	flex-direction: row;
	column-gap:20px;
}

.tableau{
	border-collapse:collapse;
	min-width:100%;
}

.tableau tr{
	border-bottom: 1px dotted #ccc;

}

.tableau th{

	padding:20px;
	font-family: 'Lato-Regular';
	white-space:nowrap;
	font-size:1em;
	text-align: left;
}


.tableau td{

	padding:10px;
	font-family: 'Lato-Light';
	font-size:1em;
}

.tableau .date{
	font-family: 'Lato-Light';
	font-size:.7em;
	font-style: italic;
	color: #444;

}






.conteneur-fenetre-modale-centree{
	display:flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	align-content: center;
	padding:0px;
	margin:0px;
	position: fixed;
	bottom:0px;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.6);
}

.conteneur-fenetre-modale-centree-spinner{
	display:flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
	align-content: center;
	padding:0px;
	margin:0px;
	position: fixed;
	bottom:0px;
	top:0px;
	right:0px;
	left: 0px;
}

.fenetre-modale-spinner{
	background: #fff;
	max-width:200px;
	display: flex;
	justify-content: center;
}


.fenetre-modale{
	margin:0px;
	padding:10px;
	box-shadow: 5px 6px 12px rgba(0, 0, 0, 0.3);
	border: solid 1px #ccc;
	background: #fff;
	max-width:700px;
	display: flex;
	flex-direction: column;
}

.pied-fenetre-modale{

	border-top: solid #ccc 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:10px 0px;
	width: 100%;
}

.entete-fentre-modale{
	border-bottom: solid #ccc 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.entete-fentre-modale .menu{

	display: flex;
	justify-content: flex-end;
}

.entete-fentre-modale h1{

	font-size:2em;
	padding: 0px;
	margin: 0px;
}

.contenant-btn{
	margin-top:30px;
	display: flex;
	column-gap:2.5%;
	justify-content: flex-end;
}




.fenetre-modale .contenant-infos{

	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 20px;

}

.fenetre-modale .contenant-infos li{
	width:45%;
}	



.fenetre-modale form.formulaire-avec-un-seul-champ li{
	width:100%;
}

.spinner{

	width: 40px;
	height: 40px;
}	


.fenetre-modale .message-contenant{
	padding:0px;
	color:#76857f;
	margin:5px;
	text-align: center;
}

.fenetre-modale .body2-fenetre-modale{
		display: flex;padding:10px;
}

.icone-de-message{
	color:#ff6f24;font-size: 3em;
}


input:disabled,select:disabled{
	background: #fff;
}


.contenant-photo{
	border-radius:10px;
	overflow: hidden;
	max-height: 300px;
}
.contenant-photo img{
	border-radius:10px;
}
.filetrigger{
	cursor: pointer;
	font-weight: bold;
}

.inputFile{
	display: none;
}
.sous-section-entete-offre{

	display: flex;
	flex-direction: column;
	border-radius: 5px;
	padding:0px;
}

.sous-section-entete-offre li{
	width: 100%;
}



/*#formulaire-offre .contenant-champs{
	
	flex:7;
	padding:0px;
}*/

#formulaire-offre .contenant-champs li{
	width:100%;
}




.menu-section{
	display: flex;
	column-gap: 15px;
}



.une-rubrique a i{
	font-size: 1em;
}



a.btn-supprimer i,.une-rubrique a.btn-supprimer i{
	color:red;
}

form#formulaire-detail-rubrique{
	flex-direction: column;
	min-width: 300px;
}

form#formulaire-detail-rubrique li{
	width: 100%;
}

.libelle-detail{
	font-family: "Lato-Regular";
}


.cv-apprenant fieldset,#offre fieldset{
	border: 1px dotted #ccc;
	padding: 20px;
	border-radius: 5px;
}

.plus-d-options{

	display: none;
	margin-top: 10px;
}
.plus-d-options legend{
	text-align: right;
}

.domaine-offre-contenant{
	display: flex; flex-direction: row;
	align-items: center;
	gap: 10px;
	border:1px solid #ccc;
	border-radius: 5px;
}

.domaine-offre-contenant select{

}

.domaine-offre-contenant i{
	font-size: 0.7em;margin: 3px 10px;color: #999;
}

.contenant-des-rebliques{

	display: flex;
	flex-direction: column;
	row-gap:5%;
}

#offre .une-section{
	background: none;
}

.une-rubrique{
	
	padding: 20px;
}

.une-rubrique:nth-child(2n+1){
	background:#efefef;
}

#offre{
	width: 550px;
	padding: 20px;
	margin: 0px auto;
	background-color: #efefef;
}

.btn-plus-d-options{
	cursor: pointer;
}


@media all and (max-width:800px){
	.container .fenetre-modale{
		margin-top:25px;
		max-height:70vh;
		overflow: auto;
		width: 90%;
	}

	.contenant-infos{

		display: flex;
		flex-direction:column;
		flex-wrap: nowrap;
		row-gap: 10px;
		column-gap: 20px;

	}

	.contenant-infos li{
		width:100%;
		
	}

	.contenant-infos p{
	
		font-size: 1.2em;
		
	}

	.fenetre-modale .contenant-infos{

		display: flex;
		flex-direction:column;
		flex-wrap:nowrap;

	}

	.fenetre-modale .contenant-infos li{
		width:100%;
	}	

	#formulaire-offre .contenant-champs li{
		width:100%;
	}
	#offre{
		width: 100%;
		padding: 10px;
		margin: 0px auto;
		background-color: #efefef;
	}



}