*{box-sizing: border-box}
.relative {	position: relative;}
p{line-height: 26px;}
.explication{
	background-color: rgba(192, 246, 255, 0.785);
	padding: 1rem;
}
/********************* BODY *****************/
body{
	background-image: url(../img/fond.png);
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
}
.header1{
	padding: 0 0 15px 0;
	background-color: #25b3b4;
	border-top: 4px solid #2b9aa0;
	border-bottom: 4px solid #2b9aa0;
	margin-top: 48px;
	text-align: center;
	color: #ffffff;
}
.logo{
	height: 6em;
}
/********************* HEADER **************/
nav a{
	color:#ffffff;
	margin: 0 15px 0 15px;
	/*text-decoration: none;*/
}
/******************** MAIN ****************/
.container{
	min-width: 800px;
	max-width: 1100px;
	margin: 0 auto;
}
h1{
	font-size: 2.5em;
	font-weight: normal;
}
.s1{
	text-align: center;
	color: #5f5f5f;
	margin-bottom: 5%;
	padding: 0 180px 0 180px;
}
.s2{
	color: #5f5f5f;
	width: 68%;
	background-color: #b6dedc;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
}
.h2{
	text-align: center;
	font-size: 3.5em;
	margin-bottom: 0;
	font-weight: normal;
}
.special{
	color: #5f5f5f;
}
.todays{
	color: #25b3b4;
}
.fa-tint{
	color: #25b3b4;
	padding: 0 8px 0 8px;
	font-size: 1.3em;
	text-align: center;
}
h3{
	text-align: center;
	font-weight: normal;
}
.titreArticle{
	font-size: 1.8em;
}
.art1{
	width: 50%;
	padding: 5% 5% 5% 5%;
	float: left;
}
.art2{
	width: 50%;
	padding: 5% 5% 5% 5%;
	float: left;
}
.clear{
	clear: both;
}
.read{
	text-align: center;
	color: #ffffff;
	display: block-inline;
	width: 120px;
	background-color: #25b3b4;
	padding: 8px 8px 8px 8px;
	float: right;
}
h1,h2,h3,nav{
	font-family: 'Slabo 27px', serif;
}
.imgrecipe{
	border-radius: 100%;
	float: left;
	margin: 15px;
	/* animation-duration: 5s;
	animation-iteration-count: 1;
	animation-name: rotate;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); */
}
/* @keyframes rotate{
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
} */
/********************* ASIDE ****************/
aside{
	width: 30%;
	display: inline-block;
	vertical-align: top;
	background-color: #25b3b4;
	border: 4px solid #2b9aa0;
	padding: 0.5em 2em 2em 2em;
}
.news{
	color: #b6dedc;
	font-size: 1.4em;
	font-weight: normal;
}
.events{
	color: #ffffff;
	font-size: 1.4em;
	font-weight: normal;
}
.fa-comment{
	color: #b6dedc;
}
.aw{
	color: #ffffff;
}
.date{
	color: #b6dedc;	
}
aside img{
	position: absolute;
	top: -47px;
   	right: -51px;
   	width: 130px;
}
/********************* FOOTER ****************/
#licence {
    display: block;
    text-align: center;
    padding: 25px;
    
}

#licence img {
    width: 50px;
}