body{
    margin: 0;
    font-family : sans-serif;
	letter-spacing:	1px;
	font-size:		0.8em;
	outline:		none;
}
header {
	text-transform:	uppercase;
	width:100%;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	text-shadow:2px 2px rgba(57, 47, 58, 0.5);
	background-color:rgba(204, 51, 102, 0.8);
	color:#FFF;
    padding: 10px 0;
}

a{
	text-decoration: none;
	color: #000;
	font-weight: 700;
}

main{
	background: url(../Medias/fond-aeim.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 100vw;
	height: 70vh;
}

#applicatif, #office365{
	display: flex;
	gap : 20px;
	width: fit-content;
	margin: auto;
	flex-wrap: wrap;
}

#applicatif{
	margin-top: 100px;
	max-width: 1116px;
}

#office365{
	margin-top: 20px;
	margin-bottom: 100px;
	border : 1px solid #800080;
	justify-content: center;
	padding-bottom: 10px;
	border-radius: 10px;
	box-shadow: 8px 8px 10px rgba(176, 156, 176, 1);
}

#office365 p:first-child{
	font-weight: 800;
	width: 100%;
	text-align: center;
	margin-bottom: -10px;
	margin-top: 5px;
}

#office365 .tuiles p{
	font-weight: 700;
	margin-bottom: 0px;
}

#office365 .tuiles{
	background-color: #E9E4E4;
	border: 1px solid #E72D2D ;
}

.tuiles{
	width: 120px;
	height: 120px;
	text-align: center;
	padding-top: 10px;
	border-radius: 0 10px 0 10px;
	background-color: #FFF;
	box-shadow : 8px 8px 10px rgba(176, 156, 176, 1);
	border : 1px solid #EEEEEE;
	transition-duration: 400ms;
}

.tuiles:hover{
	transform: scale(1.2, 1.2);
	transition-duration: 400ms;
}

.tuiles div{
	height: calc(100% - 30px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.tuiles img{
	max-width: 110px;
	max-height: 80px;
}

.tuiles p{
	margin: 0;
	margin-bottom: 5px;
}

#deconnexion{
    color : #c00404;
    width: 40%;
    margin: auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.1em;;
}

footer{
	position: absolute;
	bottom: 0;
	width: 100vw;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(57, 47, 58, 0.8);
	color: #FFF;
}