.accueil .global{
	border-top: none !important;
	max-width: none !important;
}
.nav::before {
  background: url(../images/icon/fond.png) no-repeat;
  background-size: auto;
  width: 100%;
  height: 80px;
  box-shadow: 0px 10px 10px #6868686b;
  background-size: cover;
  content: "";
  position: absolute;

}
.nav > .global{
	max-width: 1030px !important;
	position: relative;
}
.container-logo{
	background: white;
	height: 100px;
	width: 300px;
	border-radius: 0px 0px 20px 20px;
 	border-top-left-radius: 0px;
 	box-shadow: 0px 10px 10px #6868686b;
	padding: 10px 40px;
	margin: auto;
	box-sizing: border-box;
	cursor: pointer;
}
.container-logo > img{
	margin: auto;
	display: block;
	object-fit: cover;
	width: 100%; 
}
.container-logout{
	padding-top : 10px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 20px;
}
.container-logout > .btn-logout{
	background: #3057f7;
	border: #3057f7;
	color: white;
	width : 100%; 
	height : 100%;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.btn-logout > img{
	width : 25px; 
}
.container{
	/*max-width : 1000px;*/
	margin : auto; 
	min-height: calc(100vh - 101px);
}
.flex{
	display : flex;
	flex-wrap: wrap;
}
.container > .flex{
	justify-content : center; 
	/*align-items: center;*/
}
.container > .global{
	box-sizing: border-box;
	padding:0;
	padding-top: 156px !important;
}
.card {
	width: 100%;
	max-width : 300px;
	height: 350px;
	background: grey;
	margin: auto;
	border-radius : 35px;
	box-shadow: 0px 1px 10px rgba(78,78,78,0.15);
	padding : 90px 30px; 
	box-sizing: border-box;
	position : relative; 
	display: flex;
	align-items: flex-end;
	margin: 10px 10px;
	cursor: pointer;
	
	
}
.profil{
	background: linear-gradient(200deg, #0137d3, #2e56f6);
}
.profil::before{
	content: "";
	width: 150px;
	height: 150px;
	position: absolute;
	background-size: 1px 20px;
	background: url("../images/icon/profil.png") no-repeat;
	background-size: contain;
	right: 25px;
	top: 10px;
}

.interventions{
	background: linear-gradient(200deg, #ff560c, #fe7134); 
}
.interventions::before{
	content: "";
	width: 150px;
	height: 150px;
	position: absolute;
	background-size: 1px 20px;
	background: url("../images/icon/plein-calendrier.png") no-repeat;
	background-size: contain;
	right: 25px;
	top: 10px;
}

.formulaire{
	background: linear-gradient(200deg, #00983e, #00ae46); 
}
.formulaire::before{
	content: "";
	width: 150px;
	height: 150px;
	position: absolute;
	background-size: 1px 20px;
	background: url("../images/icon/plein-carte.png") no-repeat;
	background-size: contain;
	right: 25px;
	top: 10px;
	z-index: 10;
}
.mt-13{
	margin-top: 13em;
}
.m-auto{
	margin : auto; 
}
.title-card{
	color : #ffff;
	font-size : 25px;
}
.description-card{
	color : #ffffffba;
	font-size : 16px;
	margin-top : 3px;
	text-align: left;
}
.container-card{
	z-index : 11; 
}
@media (max-width: 530px) {
	.card{
		margin: 10px auto;
	}
	.container-logo{
		width: 150px;
		padding: 30px 5px;
	}
	.card::before {
	  width: 80px !important;
	}
}
@media (max-width: 1039px) {
	.container > .global{
		padding-top : 10px !important;
	}
	.container{
		display : flex;
		align-items: center;
		justify-content : center; 
		flex-wrap : wrap; 
	}
	.card::before {
	  width: 80px !important;
	}
	.card{
		height: 190px;
		align-items: center;
		padding : 10px 30px; 
	}
}