@charset "utf-8";
/* CSS Document */

body
{
	
	background:#A4A4A4;
	top:0px;
	left:0px;
	right:0px;
	margin:0px;
    font-size: clamp(1rem, 1.3vw, 1.3rem);
	word-wrap : break-word; 
}

.container
{
	min-height: 100%;
}

header
{
	position:sticky;
	top:0px;
	left:0px;
	right:0px;
	margin:0px;
	padding:0px;
}

nav
{
	position:fixed;
	color:black;
	right:0px;
	background:#CDCDCD;
	width:10%;
	margin-right:1%;
	text-align:center;
}

footer
{
	background-color:#B7B7B7;
	bottom:0px;
	width:100%;
	text-align:center;
	margin:0px;
	padding-top:5%;
	padding-bottom:4%;
}

/*bandeau de cookie en bas, pas dans le footer car propriétés différentes*/
.cookie
{
	position:fixed;
	bottom:0px;
	background:#484848;
	padding:3%;
	padding-top:1%;
	padding-bottom:1%;
	width:100%;
	text-align:center;
	z-index:1;
	text-decoration:underline;
}

.cookie-button
{
	text-decoration:underline;
}

section
{
	position:static;
	text-align:center;
	margin:5%;
	width:84%;
}

article
{
	color:#FFF;
	background:#484848;
	margin:1%;
	padding:1%;
}

/*text avec un text-align:center non précisé chez class parent*/
.center
{
	text-align:center;
}

/*class des liens étant dans un article, sans ça et avec le background c'est pas beau*/
.aarticle
{
	color:#FFF;
}

.fbox
{
	color:black;
	text-decoration:underline;
	text-align:center;
	display:inline-block;
	margin-left:50px;
	margin-right:50px;
}

.fbox2
{
	text-align:center;
	text-decoration:underline;
	color:black;
	text-decoration:underline;
	color:black;
	display:inline-block;
	margin-top:20px;
	margin-left:50px;
	margin-right:50px;
}

a:hover
{
	color:#00ffa1;
}

table
{
	color:#FFF;
	text-align:center;
	width:100%;
}

.anav
{
	color:black;	
}

.box
{
	display:inline-block;
	margin-left:50px;
	margin-right:50px;
}

.fluo
{
	background-color: yellow;
	text-align: center;
	position: fixed;
}

.NewNotif
{
	color: #00ffa1;
	font-weight: bold;
}

.box-align
{
	text-align: left;
	padding-left: 3%;
	padding-bottom: 1%;
	padding-top: 0%;
	display: flex;
	align-items: center;
}

/*dans box-align*/
.item1
{
	display: inline-block;
	vertical-align: middle;
	padding-right: 10%;
	width: 1%;
}

.item100
{
	display: inline-block;
	vertical-align: middle;
	padding-right: 10%;
	width: 100%;
}

.item3
{
	display: inline-block;
	vertical-align: middle;
	padding-right: 10%;
	width: 3%;
}

.itemauto
{
	display: inline-block;
	vertical-align: middle;
	padding-right: 10%;
	width: auto;
}

/*pour les <a > d'étoile notif*/
.asymbole
{
	text-decoration-line: none;
	color: #FFF;
}