@font-face {
    font-family: 'cinzel_decorativeregular';
    src: url('fonts/CinzelDecorative-Regular-webfont.eot');
    src: url('fonts/CinzelDecorative-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/CinzelDecorative-Regular-webfont.woff') format('woff'),
         url('fonts/CinzelDecorative-Regular-webfont.ttf') format('truetype'),
         url('fonts/CinzelDecorative-Regular-webfont.svg#cinzel_decorativeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.mon_nom
{font-size: 2.5em;
font-family: 'cinzel_decorativeregular', "Impact", "Arial","times New Roman";
text-decoration: none;
color: black;
border-radius: 40px / 40px;
border: 1px solid black;
box-shadow: 12px 12px 12px inset;
text-align: center;
text-shadow: 2px 2px 4px white;
margin-left:25%;
margin-right: 25%;
margin-top: auto;
padding-top: auto;
}
.phrase_accroche
{font-size: 2em;
font-family: 'cinzel_decorativeregular', "Impact", "Arial","times New Roman";
font-weight: bold;
text-decoration: underline;
text-align: center;
text-shadow: 2px 2px 4px white;
color: rgba(253,137,12,0.8);
}
.flottant
{float: right;}
.flottant2
{
float: left;
border-radius:20px / 20px;border: 1px solid black;
}
.class
{
align-self: center;
text-align: center;
}

@media all and (max-width: 1024px )
{
	#body
	{
		width: auto;
	}
	#section
	{
		width: auto;
	}
	aside
	{
		display: none;
	}
}
body
{
background-color: rgba(246,241,224,1);
background-attachment: fixed;
color: rgba(248,229,200,1);
background-repeat: no-repeat;
background-size: auto;
overflow: scroll;
border: 5px solid rgba(142,140,129,0.8);
margin: 1%;
padding: 1%;
height: auto;
position: relative;
flex: 3;
}
aside
{
float: left;
background-color: rgba(142,140,129,0.5);
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 25px/25px;
border: 2px solid black;
color: black;
font-size: 0.9em;
width: 15%;
height: 100%;
text-align: center;
margin: 1%;
}

section
{
display: flex;
flex-direction: row; 
flex-wrap: wrap;
align-items : space-between;
text-align: left;
color: black;
position: relative;
margin: 0%;
padding: 0%;
height: 78%;
flex: 2;

}
div
{
display: flex;
flex-direction: row; 
flex-wrap: wrap;
position: relative;
align-items:space-between;
margin: 0%;
padding: 1%;
height: 95%;
flex: 1;
border-left: 2px solid black;	
}

a
{
color: black;
font-size: 1.3em
}
h1
{background-color: rgba(39,40,34,0.5);
}

h2
{font-size: 1em;
font-family: 'cinzel_decorativeregular', "Impact", "Arial","times New Roman";
text-decoration: underline;
text-shadow: 2px 2px 4px black;
color: black;
background-color: rgba(215,190,148,0.5);
border: 1px solid black;
padding-right: 10px;
padding-left: 10px;
}
strong
{font-size: 1em;
font-family: 'cinzel_decorativeregular', "Impact", "Arial","times New Roman";
color: rgba(176,81,34,1);
}