body{
	border:solid; 
    border-color:4px #ADFF2F; 
	border-radius:10px;
	box-shadow:0px 4px 4px;
	background-color:#cccccc;
	font-family:arial sans-serif;
	width:900px;
	margin:auto;
	}
#image {
		margin-top: 0px;
		height:200px;
		border-radius: 5px;
		position:relative;
		box-shadow: 0px 4px 4px #1c1a19;
		margin-bottom:20px;
		}
#combat img{
		width:900px;
		height:200px;
		}
#image2 {
		position:absolute;
		bottom:0;
		border-radius: 0px 0px 5px 5px;
		width:99.5%;
		height:65px;
		padding-top: 10px;
		padding-left: 10px;
		background-color: rgba(24,24,24,0.8);
		color:white;
		font-size:1.2em;
		}
.bouton {
		display:inline-block;
		text-decoration: none;
		height:25px;
		position: absolute;
		right: 5px;
		bottom: 5px;
		border: 1px solid #760001;
		border-radius: 5px;
		font-size: 1.5em;
		text-align: center;
		padding: 3px 8px 8px 8px;
		color: white;
		background-color:#0000cd;
		}
.bouton img
{
    border: 0;
}
#image a:hover {
				background-color:red;}
section{
		margin-top:0px;
		background-color:#eee;
		width:900px;
		}
section h1,footer h1,nav a
{
	font-family: dayrom,serif;
	font-weight: normal;
	text-transform: uppercase;
	}
nav {
	display:block;
	width:25%px;
	float:left;
	box-shadow:20px red;
	}
nav a:link{ 
        display:block; 
        border-bottom: 3px; 
        padding: 5px; 
        font-weight: bold;  }
nav li {
	display:block;
	margin-bottom:10px;
	}
nav a {
	font-size:1.3em;
	text-decoration: none;
	}
nav a{ 
        color: white; 
        background-color: rgba(24,24,24,0.8);
		border-radius: 5px 5px 5px 5px;
		box-shadow:1px 3px 3px #696969;
} 
nav a:hover
	{
	background-color:blue;
	}
header {
	background-color:#eee;}
article
{
    display:inline-block;
    vertical-align:top;
    text-align: justify;
}
article
{
    width: 52%;
	margin-left:20px;
	background:#7FFFD4;
	border-radius:5px;
	box-shadow:0px 2px 5px #FFE4C4;
	pading:10px;
}
article p
{
	padding:5px;
    font-size: 1.2em;
}
article img{
		width:60%}
aside 
		{ 
        display:block; 
        width:20%;
        float:right;
		}
#ecriture {
		width:180px;
		height:400px;
		position:absolute;}
footer{ 
		clear: both; 
        display:block; 
		background-color:green;
		boreder-radius:5px;
		box-shadow:0px 2px 5px green;
		padding:12px;
		margin-top:20px;
		}
a:hover { 
        text-decoration:underline;}
h1 {
	color:red;
	text-decoration:underline;}
#mes_photos, #ceinture, #lexique
{
    display: inline-block;
    vertical-align: top;
}
#mes_photos img {
				width:100px;
				}
#mes_photos{
		width:33%;
		margin-top:5px;
		}
#ceinture {
		display:inline-block;
		color:red;
		width:33%;
		margin-top:5px;
		}
#lexique img{
		width:100px;}
#lexique {
		width:33%;
		display:inline-block;
		margin-top:5px;
		color:red;
		}
		
h2,h3 {
		margin-top:5px;
		margin-bottom:5px;}

footer a:hover {
			color:white;}
.imageflottante{
				float:left;}