html{
	padding: 0;
	margin: 0;
}

head{
	padding: 0;
	margin: 0;
}

/*.nav.fixed{
	position: fixed;
	top: 0;
	z-index: 1000;
}*/

nav{
	background-color: white;
	text-align: right;
	padding-right: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	box-shadow: 0px 12px 25px -15px gray;
}

.logo{
	float: left;
	margin-top: -30px;
	margin-left: 110px;
	padding: 0px;
	width: 65px;
	position: relative;
}

li{
	list-style-type: none;
	display: inline;
}

.menu-nav ul li a{
	font-family: system-ui, arial;
	font-size: 16px;
	color: black;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 30px;
}

.admin{
	margin-left: 17%;
	margin-right: 90px;
}
.admin:hover{
	transition: 250ms;
	color: white;
	background-color: #7c5051;
}

.btn-nav{
	position: relative;
	margin-right: 3%;
}
.btn-nav:hover{
	transition: 250ms;
	background-color: #2a69ac;
	color: white;
}
.btn-nav:focus{
	background-color: #2a69ac;
	color: white;
}

body{
	padding: 0;
	margin: 0;
	background-color: #f9f9f9; 
}

.conteneur{
	display: flex;
	flex-direction: row;
}

.actualites{
	display: block;
	width: 840px;
}

.barre-droite{
	display: flex;
	flex-direction: column;
	margin-left: 60px;
}

.lastmatch{
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 5px 0px gray;
	margin-top: 15px;
	margin-bottom: 30px;
	transition: height 2s;
	width: 400px;
	/*height: 260px;*/
}

.equipe{
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0px 12px 25px -15px gray;
	background-color: white;
	display: flex;
	flex-direction: row;
	font-family: system-ui, arial;
}

.equipe_dom, .equipe_ext{
	display: flex;
	flex-direction: row;
	margin-top: 20px;
	width: 200px;
}

.equipe_dom{
	margin-left: 20px;
	/*color: #2a69ac;*/
}

.score_dom{
	margin-left: 15px;
	color: #7c5051;
	font-size: 17px;
}

.equipe_ext{
	margin-right: 20px;
	/*color: #7c5051;*/
}

.score_ext{
	margin-right: 15px;
	color: #2a69ac;
	font-size: 17px;
}

.info_match{
	display: flex;
	flex-direction: row;
	font-family: system-ui, arial;
	font-size: 12px;
	margin-top: 20px;
	padding-bottom: 10px;
}

.info_match_dom .info, .info_match_ext .info{
	display: flex;
	flex-direction: row;
	margin-bottom: 5px; 
}

.info_match_dom{
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	width: 150px;
}

.info_match_ext{
	display: flex;
	flex-direction: column;
	margin-left: 65px;
	width: 150px;
}

.logo-match{
	width: 17px;
	height: 17px;
	margin-right: 5px;
}

.calendrier{
	margin-top: 30px;
	font-family: system-ui, arial;
}

.ligne .match .date{
	padding-top: 20px;
	margin-left: 20px;
	font-size: 16px;
	width: 190px;
}

.calendrier .journee{
	margin-left: 150px;
	font-size: 14px;
	margin-top: 60px;
}

.jour-de-match .ligne{
	padding-top: 0px;
	height: 60px;
	margin-left: 150px;
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 40px -10px gray;
	margin-top: 20px;
	margin-bottom: 0px;
	transition: height 1s;
	width: 79%;
}

.ligne .match{
	display: flex;
	flex-direction: row;
	margin-bottom: 0px;
	margin-top: 0px;
}

.ligne{
	height: 50px;
}

.ligne:hover .match{
	color: #2a69ac;
	font-weight: bold;
	transition: 200ms;
}

.ligne:hover{
	box-shadow: 0px 0px 25px 0px gray;
	padding-bottom: 7px;
	height: 160px;
}

.ligne .info{
	opacity: 0;
	height: 0px;
	visibility: hidden;
	padding-top: 20px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: row;
	transition: height 1100ms;
	transition-timing-function: ease-in;
}

.ligne:hover .info{
	height: 160px;
	visibility: visible; 
	overflow: hidden;
	opacity: 1;
}

.ligne .info .arbitre{
	display: flex;
	flex-direction: row;
	margin-top: 5px;
	margin-left: 20px;
	width: 400px;
}

.ligne .info .informations{
	display: flex;
	flex-direction: column;
}

.ligne .info .arbitre .intitule{
	font-weight: bold;
	width: 55px;
	color: #7c5051;
}

.ligne .info .arbitre .nom{
	margin-left: 20px;
}

.ligne .info .lieu{
	display: flex;
	flex-direction: row;
	margin-left: 20px;
	width: 400px;
}

.ligne .info .lieu .intitule{
	font-weight: bold;
	width: 55px;
	color: #7c5051;
}

.ligne .info .lieu .nom{
	margin-left: 20px;
}

.info .domicile{
	margin-left: 90px;
	display: flex;
	flex-direction: column;
}

.info .domicile .info-match{
	display: flex;
	flex-direction: row;
	height: 20px;
}

.info .domicile .info-match .description{
	display: flex;
	flex-direction: row;
	text-align: right;
	margin-right: 10px;
}

.description .intitule{
	width: 140px;
}

.domicile .info-match .description .nombre{
	text-align: right;
	width: 20px;
}

.exterieur .info-match .description .nombre{
	text-align: left;
	width: 20px;
}

.info .exterieur{
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}

.info .exterieur .info-match .description{
	display: flex;
	flex-direction: row;
	text-align: left;
}

.info .exterieur .info-match{
	display: flex;
	flex-direction: row;
	height: 20px;
}

.info-match .logo-match{
	width: 17px;
	height: 17px;
	margin-right: 0px;
}

.jour-de-match{
	
}

.versus{
	padding-top: 20px;
	padding-left: 0px;
}

.match .horaire{
	width: 60px;
	text-align: center;
	padding-top: 20px;
}

.match:hover .horaire{
	color: #7c5051;
}

.match .domicile, .match .exterieur{
	display: flex;
	flex-direction: row;
}

.match .domicile .score, .match .exterieur .score{
	font-size: 16px;
	text-align: center;
	width: 30px;
	padding-top: 20px;
}

.match .domicile .nom{
	width: 300px;
	padding-top: 20px;
	text-align: right;
}

.match .domicile{
	margin-right: 0px;
}

.match .exterieur .nom{
	width: 300px;
	text-align: left;
	padding-top: 20px;
}

.classement-general{
	margin-top: 30px;
	font-family: system-ui, arial;
}

.rank-titre{
	margin-bottom: 20px; 
	margin-top: 0px;
	display: flex;
	flex-direction: row;
}

.nb-joue{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 20px;
	text-align: center;
}

.info-classement_g{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 20px;
	text-align: center;
}

.info-classement_n{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 20px;
	text-align: center;
}

.info-classement_p{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 20px;
	text-align: center;
}

.info-classement_plus{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 30px;
	text-align: center;
}

.info-classement_moins{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 30px;
	text-align: center;
}

.info-classement_plus_moins{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 30px;
	text-align: center;
}

.info-classement_bo{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 20px;
	text-align: center;
}

.info-classement_bd{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 20px;
	text-align: center;
}

.info-classement_derniers_matchs{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 150px;
	text-align: center;
}

.info-classement_points{
	margin-left: 20px;
	font-size: 14px;
	padding-top: 20px;
	width: 40px;
	text-align: center;
	font-weight: bold;
}

.ranking{
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 5px 0px gray;
	margin-top: 15px;
	margin-bottom: 30px;
	transition: height 2s;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ranking-general{
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 25px 0px gray;
	margin-left: 150px;
	margin-top: 30px;
	margin-bottom: 60px;
	transition: height 2s;
	width: 79%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.rank{
	display: flex;
	flex-direction: row;
	height: 45px;
}

.rank:hover{
	box-shadow: 0px 0px 20px -10px gray;
	border-radius: 0px;
	color: #2a69ac;
	transition: 200ms;
}

.rank-gen{
	display: flex;
	flex-direction: row;
	height: 60px;
}
.rank-gen:hover{
	box-shadow: 0px 0px 40px -10px gray;
	border-radius: 0px;
	color: #2a69ac;
	transition: 200ms;
	font-weight: bold;
}

.num-rank{
	font-family: system-ui, arial;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 20px;
	text-align: center;
	font-weight: bold;
}

.num-rank-gen{
	font-family: system-ui, arial;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 20px;
	text-align: center;
	font-weight: bold;
}

.equipe-rank-gen{
	font-family: system-ui, arial;
	font-size: 14px;
	margin-left: 25px;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 360px;
}

.dim-logo-equipe{
	width: 50px;
	margin-left: 10px;
	margin-top: 7px;
	text-align: center;
}

.dim-logo-equipe-gen{
	width: 50px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
}

.dim-logo-calendrier{
	width: 65px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
}

.logo-calendrier{
	width: auto;
	height: 40px;
}

.logo-equipe{
	width: auto;
	height: 30px;
}

.logo-equipe-gen{
	width: auto;
	height: 40px;
}

.equipe-rank{
	font-family: system-ui, arial;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 0px;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 210px;
}

.match-rank{
	margin-left: 35px;
}

.img-resultat{
	margin-top: 15px;
	width: 10px;
	height: 10px;
}

.img-resultat-gen{
	width: 10px;
	height: 10px;
}

.points{
	font-family: system-ui, arial;
	font-size: 14px;
	margin-left: 25px;
	margin-top: 0px;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 30px;
	text-align: center;
	font-weight: bold;
}

.instawidget{
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px gray;
	margin-top: 30px;
	padding-left: 5px;
	background-color: white;
	width: 395px;
}

.instawidget .espace{
	font-size: 5px;
}

.facebook{
	margin-top: 30px;
}

.fb{
	box-shadow: 0px 0px 5px 0px gray;
	border-radius: 5px;
	margin-top: 30px;
	background-color: white;
}

.fb .espace{
	font-size: 5px;
}

.h2-news{
	font-size: 20px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 150px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.h2-classement{
	font-size: 20px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 150px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.h2-calendrier{
	font-size: 20px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 150px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.h2-barre{
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}

.h2-articles{
	font-size: 20px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.h2-menu-admin{
	font-size: 20px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 150px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.dernier-resultat{
	display: flex;
	flex-direction: row;
}

.classement-accueil{
	display: flex;
	flex-direction: row;
}

.date{
	font-size: 12px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 5px;
	padding-top: 22px;
}

.a_details{
	text-decoration: none;
	color: black;
}
.a_details:hover{
	color: #2a69ac;
}

.details{
	font-size: 12px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 5px;
	padding-top: 22px;
}

.h3-news{
	padding-top: 0px;
	margin-left: 20px;
	font-size: 16px;
	font-family: system-ui, arial;
	color: black;
}

.h3-composition{
	margin-left: 20px;
	font-size: 14px;
}

.h3-creation-article{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 16px;
}

.h3-lister-article{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 16px;
}

.h3-modifier-article{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 16px;
}

h2{
	font-size: 20px;
	font-family: system-ui, arial;
	color: black;
	margin-left: 15px;
	padding-bottom: 10px;
	padding-top: 15px;
}

h3{
	font-size: 18px;
	font-family: system-ui, arial;
	color: black;
}

h4{
	font-size: 14px;
	margin-top: 0px;
}

.img-news{
	border-radius: 5px 5px 0px 0px;
	width: 690px;
	height: 200px;
}

.news{
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 5px 0px gray;
	margin-top: 30px;
	margin-left: 150px;
	margin-bottom: 50px;
	transition: height 1s;
	height: 260px;
}
.news:hover{
	transition: 2s;
	height: 470px;
}

.p-texte{
	height: auto;
	margin-bottom: 30px;
	/*hyphens: auto;*/
}

.texte{
	height: 0px;
	visibility: hidden;
	opacity: 0;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	transition: height 2400ms;
	transition-timing-function: ease-in;
	font-size: 14px;
	font-family: system-ui, arial;
}
.news:hover .texte{
	height: 250px;
	overflow: hidden;
	visibility: visible;
	opacity: 1;
}

.news .info_article{
	display: flex;
	flex-direction: row;
}

.news .info_article .date_cre_mod {
	margin-left: 0px;
	font-family: system-ui, arial;
	font-size: 12px;
	width: 130px;
}

.news .info_article .auteur {
	margin-left: 370px;
	font-family: system-ui, arial;
	font-size: 12px;
	text-align: right;
	width: 150px;
}

label{
	font-size: 14px;
	font-family: system-ui, arial;
	color: black;
}

.mail{
	margin-bottom: 15px;
	text-align: center;
}

.pass{
	margin-bottom: 8px;
	text-align: center;
}

.login{
	margin-left: 37%;
	margin-top: 10%;
	margin-bottom: 10%;
	padding-bottom: 5px;
	display: block;
	border: solid;
	border-width: 0px;
	border-color: black;
	border-radius: 10px;
	box-shadow: 0px 0px 25px 0px gray;
	width: 350px;
	background-color: white;
}

.oublie{
	margin-left: 37%;
	margin-top: 10%;
	margin-bottom: 10%;
	padding-bottom: 5px;
	display: block;
	border: solid;
	border-width: 0px;
	border-color: black;
	border-radius: 10px;
	box-shadow: 0px 0px 25px 0px gray;
	width: 350px;
	background-color: white;
}

input[type=text]{
	margin-top: 5px;
	background-color: #f2f2f2;
	border-width: 0px;
	border-radius: 3px;
	width: 200px;
	height: 20px;
	text-align: center;
	font-family: system-ui, arial;
	font-size: 12px;
}
input[type=text]:focus{
	outline: none;
}

input[type=password]{
	border-width: 0px;
	background-color: #f2f2f2;
	border-radius: 3px;
	width: 200px;
	height: 20px;
	text-align: center;
	font-family: system-ui, arial;
	font-size: 12px;
	margin-top: 5px;
}
input[type=password]:focus{
	outline: none;
}

input[type=submit]{
	cursor: pointer;
	padding: 3px 7px;
	margin: 20px 125px 5px;
	display: inline-block;
	color: #000000;
	font-size: 14px;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	font-family: system-ui, arial;
}
#demande-mdp{
	cursor: pointer;
	padding: 3px 7px;
	margin: 20px 105px 5px;
	display: inline-block;
	color: #000000;
	font-size: 14px;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	font-family: system-ui, arial;
}

.bouton{
	display: flex;
	flex-direction: row;
}

#bouton{
	cursor: pointer;
	padding: 3px 7px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	display: inline-block;
	color: #000000;
	font-size: 14px;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	font-family: system-ui, arial;
}
#bouton:hover{
	transition: 250ms;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

#bouton-supprimer{
	cursor: pointer;
	padding: 3px 7px;
	margin-top: 10px;
	margin-left: 513px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: inline-block;
	color: #000000;
	font-size: 14px;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	font-family: system-ui, arial;
}
#bouton-supprimer:hover{
	transition: 250ms;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

input[type=submit]:active{
	outline: none;
	box-shadow: none;
}
input[type=submit]:hover{
	transition: 250ms;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);

}
input[type=submit]:focus{
	outline: none;
	box-shadow: none;
}

.mdp-oublie{
	font-family: system-ui, arial;
	font-size: 11px;
	margin-left: 125px;
	padding-bottom: 10px;
	text-decoration: none;
	color: black;
}
.mdp-oublie:hover{
	transition: 250ms;
	color: #2a69ac;
}

.mail_envoye{
	font-size: 14px;
}

.btn_mdp_accueil{
	text-decoration: none;
	color: black;
	font-size: 14px;
}
.btn_mdp_accueil:hover{
	color: #2a69ac;
}

.reset_mdp{
	margin-left: 150px;
	font-family: system-ui, arial;
}

.reset_mdp h2{
	margin-left: 0px;
}

body .colonne{
	display: flex;
	flex-direction: row;
}

.colonne .colonne-droite{
	margin-left: 70px;
}



.colonne .colonne-gauche{

}

.menu-admin{
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	margin-left: 150px;
	width: 240px;
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 25px 0px gray;
	margin-top: 30px;
	margin-bottom: 50px;
	transition: height 1s;
	height: 190px;
	font-family: system-ui, arial;
}

.menu-admin li{
	padding-top: 10px;
	padding-bottom: 10px;
}
.menu-admin li:hover{
	box-shadow: 0px 0px 40px -10px gray;
	border-radius: 0px;
	color: #2a69ac;
	transition: 200ms;
}

.menu-admin li a{
	text-decoration: none;
	color: black;
	font-family: system-ui, arial;
	font-size: 16px;
	margin-left: 20px;
}
.menu-admin li:hover a{
	color: black;
	transition: 250ms;
	color: #7c5051;
}

.creation-article{
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 25px 0px gray;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	transition: height 1s;
	height: auto;
	width: 790px;
	font-family: system-ui, arial;
}

.creation-article #titre{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	padding: 5px;
	width: 780px;
	outline: none;
}

.creation-article #ltitre{
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
}

.creation-article #article{
	margin-top: 10px;
	height: 200px;
	width: 780px;
	background-color: #f2f2f2;
	border-width: 0px;
	border-radius: 3px;
	text-align: left;
	font-family: system-ui, arial;
	font-size: 12px;
	resize: none;
	padding: 5px;
	outline: none;
}

.creation-article #larticle{
	margin-top: 20px;
}

.lister-article{
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 25px 0px gray;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	transition: height 1s;
	height: 318px;
	font-family: system-ui, arial;
}
	
.modifier-article{
	border-radius: 5px;
	background-color: white;
	box-shadow: 0px 0px 25px 0px gray;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	transition: height 1s;
	height: auto;
	width: 790px;
	font-family: system-ui, arial;
}

.modif-article #titre{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	width: 780px;
	padding: 5px;
	outline: none;
}

.modif-article #ltitre{
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
}

.modif-article .image{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.img-mod{
	border-radius: 5px;
	width: 200px;
	height: auto;
}

.modif-article #article{
	margin-top: 10px;
	height: 200px;
	width: 780px;
	background-color: #f2f2f2;
	border-width: 0px;
	border-radius: 3px;
	text-align: left;
	font-family: system-ui, arial;
	font-size: 12px;
	resize: none;
	padding: 5px;
	outline: none;
}

.modif-article #larticle{
	margin-top: 20px;
}

.modif-article{
	color: black;
	text-decoration: none;
}

.liste-article .item{
	color: black;
	text-decoration: none;
}

input[type="file"]{
	margin-top: 10px;
}

.info_envoi_image{
	font-family: system-ui, arial;
	font-size: 12px;
	color: black;
	margin-top: 10px;
}

.liste-article .ligne{
	font-size: 12px;
	display: flex;
	flex-direction: row;
	padding: 0px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.liste-article .ligne:hover{
	box-shadow: 0px 0px 40px -10px gray;
	border-radius: 0px;
	color: #2a69ac;
	transition: 200ms;
}

.liste-article .ligne .item-titre{
	margin-left: 20px;
	width: 460px;
	height: auto;
}

.liste-article .ligne .item-date{
	width: 150px;
	text-align: center;
}

.liste-article .ligne .item-auteur{
	margin-right: 20px;
	width: 180px;
	text-align: right;
}

footer{
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	box-shadow: 0px -12px 25px -15px gray;
	background-color: white;
}

.contact{
	font-family: system-ui, arial;
	margin-left: 130px;
}

.localisation{
	margin-bottom: 5px;
}
.loc{
	font-size: 14px;
	text-decoration: none;
	color: black;
}
.loc:hover{
	transition: 250ms;
	color: #2a69ac;
}

.telephone{
	margin-top: 0px;
	margin-bottom: 5px;
}
.tel{
	font-size: 14px;
	text-decoration: none;
	color: black;
}
.tel:hover{
	transition: 250ms;
	color: #2a69ac;
}

.contact-mail{
	margin-top: 0px;	
}
.adresse-mail{
	font-size: 14px;
	text-decoration: none;
	color: black;
}
.adresse-mail:hover{
	transition: 250ms;
	color: #2a69ac;
}

.logo-facebook{
	display: inline-block;
	border-radius: 9px;"
	float: left;
	position: relative;
	margin-right: 10px;
	padding-right: 0px;
	width: 30px;
	height: 30px;
	background: url('/img/logo-facebook.png');
	background-repeat: no-repeat;
}
.logo-facebook:hover{
	transition: 250ms;
	background: url('/img/logo-facebook-hover.png');
	background-repeat: no-repeat;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	/*box-shadow: 0px 0px 20px 0px gray;*/
}
.logo-facebook:active{
	box-shadow: none;
}

.logo-instagram{
	display: inline-block;
	border-radius: 9px;"
	float: left;
	position: relative;
	margin-right: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 30px;
	height: 30px;
	background: url('/img/logo-instagram.png');
	background-repeat: no-repeat;
}
.logo-instagram:hover{
	transition: 250ms;
	background: url('/img/logo-instagram-hover.png');
	background-repeat: no-repeat;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.logo-instagram:active{
	box-shadow: none;
}

.droits{
	margin-top: 10px;
	font-family: system-ui, arial;
	font-size: 12px;
	text-align: center;
}