/*------- MAIN BLOG PAGE ------*/
#blogPage {
    height : 400px;
    width : 100%;
    overflow : auto;
    margin-bottom : 30px;
    padding-top : 10px;
    padding-left : 5px;
    box-shadow : 0 0 10px 5px rgb(63,63,63);
}
article {
    overflow : hidden;
    width : 31%;
    height : 300px;
    border : 5px solid rgb(63,63,63);
    background-color  :beige;
    display : inline-block;
    text-align : center;
}
article:hover{
    border : solid 5px rgb(227,108,10);
}
article a{
    color : black;
}
.def{
	text-decoration : underline;
	color : blue;
}
article header {
    height : 30px;
    width : auto;
    box-shadow : none;
}
article header h3 {
    margin-top : 0px;
    font-size : medium;
    text-align : center;
}

article div {
    margin : 20px 5px 0px 5px;
    height : 210px;
    overflow : hidden;
    text-align : justify;
}
article img {
    margin : 0 5px 0 0;
    height : 150px;
    float : left;
}
/*------- ARTICLE PAGE ------*/
#articlePage {
	text-align:left;
}
.articleCouv{
	width:100%;
}
.boutonFermer{
	z-index:10;
	position:fixed;
	right:40%;left:40%;
	top:25px;
	font-size:1.6em;
	color:rgb(227,108,10);
	background:rgb(63,63,63);
	border-radius:15px;
}
.boutonFermer:hover{
	color:white;
}
.boutonFermer:active{
	color:black;
}
#articlePage img {
    margin : 0 10px 0px 0px;
    max-height : 400px;
    max-width : 300px;
    border : solid 2px rgb(63,63,63);
    float : left;
}
#articlePage blockquote {
    margin : 0px;
}
section{
	padding:10px;
	border-radius:20px;
	
    transition : border 0.5s ease-in,box-shadow 0.5s ease-in,background-color 0.5s ease-in;
    -webkit-transition : border 0.5s ease-in,box-shadow 0.5s ease-in,background-color 0.5s ease-in;
}
section:hover{
	box-shadow: 10px 10px 5px black;
	background-color: rgba(245,245,220,0.8);
}
/*------- Article Page return------*/
#retour{
    text-align : center;
    font-size :large;
}