@font-face {
    font-family: 'Commune_Nuit_Debout';
    src:    url('../polices/NuitDebout/Commune-Nuit_Debout_web.eot');
    src:    url('../polices/NuitDebout/Commune-Nuit_Debout_web.eot?#iefix') format('embedded-opentype'),
            url('../polices/NuitDebout/Commune-Nuit_Debout_web.woff') format('woff'),
            url('../polices/NuitDebout/Commune-Nuit_Debout_web.woff2') format('woff2'),
            url('../polices/NuitDebout/Commune-Nuit_Debout_web.ttf') format('truetype'),
            url('../polices/NuitDebout/Commune-Nuit_Debout_web.svg#svgFontName') format('svg');
    font-weight: normal;
}

*{
	box-sizing: border-box;
}	

body{
	padding: 20px;
	font-family: "Palatino Linotype", serif;
}

.main{
	max-width: 800px;
	margin: auto;
}
header{
	margin-bottom: 40px;
	border-bottom: solid black 1px;
	visibility: hidden;
}

h2 {
	display:none;
}

h1 {
	font-family: "Palatino Linotype", serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 50px 0px 50px 0px;
	line-height: 20px;
}
h1 span{
	display: inline-block;
}

strong{
	font-weight: normal;
}
em{
	font-style: normal;
}
cite{
	font-style: italic;
}
nav{
	position: fixed;
	top:0;
	left:0;
	font-family: "Commune_Nuit_Debout";
	font-size:30px;
	z-index:2;
}
nav a{
	color:#404245;
	text-decoration:none;
	transition-delay: 2s;
	background-color:white;
}
nav ul{
	padding:0px;
	margin:20px;
}
nav li{
	list-style: none;
	margin:20px;
	opacity: 0;
}
.bouton{
	border-bottom:solid transparent 1px;
	display: inline;
	transition-duration:500ms;
}
.bouton:hover{
	border-bottom: solid black 1px;
	transition-delay: 100ms;
	transition-duration:500ms;
}

article{
	padding-bottom: 20px;
	visibility: hidden;
}
article:first-child{
	margin-top: 40px;
}

.une{
	background-color: #E9EEF0;
	min-height: 200px;
	display: flex;
}
.tof{
	width: 180px;
}
img{
	max-height: 150px;
	max-width: 130px;
	margin: 25px;
	transition-property: transform box-shadow;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}
img:hover{
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
	box-shadow: 4px 4px 8px #B7C1C4;
}

.texte{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 12px;
}
.texte a{
	color: black;
	text-decoration: none;
}
h3{
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	padding-left: 15px;
}
.date_normale{
	font-style: normal;
}
/* Responsive */
@media screen and (max-width: 480px){
	.texte{
		padding-left: 0px;
	}
}

@media screen and (max-width: 400px){
	.une{
		justify-content: center;
	}
	.texte{
		display:none;
	}
	.img{
		margin: auto;	
	}
}