@font-face{
	font-family: Jersey-25;
	src:url(../Jersey/Jersey25-Regular.ttf);
}

@font-face{
	font-family: Jacquard-24;
	src:url(../jacquard.24.ttf);
}

@font-face{
	font-family: JOJO;
	src:url(../JOJO/JOJO.ttf);
}

html {
	margin: 0% 20%;
	background: lightgoldenrodyellows;
	font-family: Jersey-25;
}

body {
	margin: 0;
}

a.download{
	border-style: solid;
	border-color: orange;
	border-radius: 3pt;
	background: orange;
	font-size: 105%;
	margin: 0% 2% 0% 2%;
	color: black;
	text-decoration: none;
}

#contenu p a.download:hover{
	color: white;
}

a.download:focus{
	font-size: 90%;
}

#titre {
	background: darkorange;
	margin: 0%;
	text-align: center;
	font-family: Jacquard-24;
	font-size: 16pt;
	border-width: 0 2px;
	border-style: solid;
}

#titre img{
	width: 50px;
	position: absolute;
	left: 35%;
	border-style: solid;
	border-width: 1px;
	border-radius: 100%;
}

#titre h1 {
	margin: 0;
	padding: 1% 0% 0.5% 0%;
}

#titre a {
	color: #0f0f0f;
	text-decoration: none;
	text-shadow: 2px 2px rgba(255, 255, 255, 1.0);
}

#soustitre {
	position: absolute;
	top: 2%;
	right: 35.3%;
	transform: rotate(25deg);
	text-shadow: 1px 1px rgba(255, 255, 255, 1.0);
	font-size: 70%;
	line-height: 80%;
}

#menu {
	background: darkorange;
	float : top;
	text-align: center;
	font-size: 13pt;
	border-width: 0 2px 2px 2px;
	border-style: solid;
}

#menu ul {
    padding : 1% 0;
    margin : 0;
    list-style-type: none;
}
 
#menu ul li {
    display: inline;
}
 
#menu ul li a {
    text-decoration: none;
    padding: 0 2%;
    border-style: solid;
    border-color: black;
    border-width: thin;
    border-radius: 20pt;
    box-shadow: 2px 1px rgba(0,0,0,0.4);
    color: #0f0f0f;
}

#menu ul li a:hover{
	color: white;
	font-size: 101%;
}

#menu ul li a img{
	width: 2%;
}

#contenu {
	background: ghostwhite;
	overflow: scroll;
	padding: 0% 5% 5% 5%;
}

#contenu a{
	color: black;
	text-decoration: none;
}

#contenu img {
	width: 50%;
}

#contenu h2{
	border-style: solid;
	border-width: 2.5px;
	display: inline-block;
	margin-bottom: 0;
	padding: 3px;
	background: darkorange;
	border-radius: 15px;
}

#contenu h3{
	margin: 1% 0%;
	text-decoration: underline;
}

#contenu h4{
	margin: 2% 2% 2% 2%;
	color: #393939;
}

#JJBA {
	font-family: JOJO;
}

#auteur p {
	margin: 0;
	padding: 0.6%;
	position: fixed;
	width: 58.8%;
	bottom: 0%;
	background: darkorange;
	border-style: solid;
	border-width: 2px 2px 0 2px;
}