html {
/*	background-image: url("../img/tissus.gif"); */
	}

body
{
	background-image: url("../img/tissus.gif");
/*	background-color: aqua; */
}

#bloc_page
{
    width: 900px;
    margin: auto;
}

@media all and (max-width: 1024px)
{
	#bloc_page
	{
    	width: auto;
    	display: block;
    	margin-bottom: 15px;
	}
}
	
header h1 {
	text-align: center ;
	color: #a0522d;
	}
	
header h2 {
	text-align: center ;
	color: #a0522d;
	}
	
p {
}
	
.fra {
	color: black ;
	border-radius: 10px ;
	border: 1px black solid ;
	padding: 20px ;
	background-color: #ccffff ;
	margin-top: 10px ;
	margin-bottom: 10px ;
	margin-left: auto ;
	margin-right: auto ;
/*	margin: auto ;  centrage block	*/

	color: black ;
	width: 80%;
}

.eng {
	color: black ;
	border-radius: 10px ;
	border: 1px black solid ;
	padding: 20px ;
	background-color: #ccffff ;
	margin-top: 10px ;
	margin-bottom: 10px ;
	margin-left: auto ;
	margin-right: auto ;
/*	margin: auto ;  centrage block	*/

	color: blue ;
	width: 80%;
}

.img {
	color: black ;
	border-radius: 10px ;
	border: 1px black solid ;
	padding: 20px ;
	background-color: #ccffff ;
	margin-top: 10px ;
	margin-bottom: 10px ;
	margin-left: auto ;
	margin-right: auto ;
/*	margin: auto ;  centrage block	*/

	text-align: center ; /* centrage image */
	width: 80%;
}

.img_h {
	margin-top: 10px ;
	margin-bottom: 10px ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center ;
}

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    
    background-color: #ccffff;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    font-size: 0.9em;
    
    margin-top: 10px;
	margin-bottom: 10px ;
}

article
{    
    width: 45% ;
    color: black;
	margin-right: 15px;
	margin-left: 30px ;
}

.art
{
    width: 93% ;
    color: red;
	margin-right: 10px;
	margin-left: 30px ;
}

.art_l
{
    color: black;
	margin-right: 10px;
	margin-left: 30px ;
}

.art_lc
{
    color: black;
	margin-right: 10px;
	margin-left: 30px ;
	text-align: center;
}

.art_r
{
    color: black;
	margin-right: 10px;
	margin-left: 10px ;
}

.art_rc
{
    color: black;
	margin-right: 10px;
	margin-left: 10px ;
	text-align: center;
}

aside
{
    position: relative;
    width: 45% ;
    
    color: black;
    margin-left: auto ;
    margin-right: auto ;
}

.asi_l
{
    color: black;
	margin-right: 10px;
	margin-left: 30px ;
}

.asi_lc
{
    color: black;
	margin-right: 10px;
	margin-left: 30px ;
	text-align: center;
}

.asi_r
{
    color: black;
	margin-right: 10px;
	margin-left: 10px ;
}

.asi_rc
{
    color: black;
	margin-right: 10px;
	margin-left: 10px ;
	text-align: center;
}