*{
border : 1px solid rgba (0,0,255,0.3);
}
img {
border-radius:100%;
}
body{
background :#4b008;
background-repeat:repeat;
text-align:center;
}
.navigation{
background-color:#9370d8;
text-align:center;
width:60%;
}
.navigation ul{
padding:0;
}
.navigation li {
 display:inline-block;
 
font-size:16 px;
font-weight:50px;
letter-spacing:2px;
margin:20px;
}
/** Yohan Couture**/
.content-box{
 background: #0000ff;
 height:200px;
 margin:0 auto;
 top:80px;
 width:60%;
 overflow:scroll;
 }
 .content-header{
 background-image:url(image_fichiers/embleme.jpg);
 background-position:center;
 background-size:cover;
 height:100px;
 width:60%;
 top:-10px;
 }
 .content-body{
 margin:0 auto;
 width:10%;
 }
 h1{
 background:#808080;
color:#48d1cc;
font-family:'coperplate',fantasy;
font-size:50px;
font-weight:200 px;
line-height:40px;
width:25%;
margin: 0 auto;
padding:20px;
position:relative;
text-transform:uppercase;
}
h2{
color:#000080;
font-family:'Impact',sans-serif;
font-size:26px;
font-weight:100px;
letter-spacing:2px;
margin: 0;
padding:20px;
text-transform:uppercase;
 }
 h3{
 display:inline-block;
 color:#800000;
 font-family:'papyrus',fantasy;
font-size:9px;
font-weight:60 px;
letter-spacing:2px;
margin: 5 px;
padding:5px;
}
p{
color:#afeeee;
font-family:'brush script mt' ,script;
font-size:30px;
font-weight:100px;
line-height:34px;
width:60%;
min-height:50px;
max-height:100px;
}
.content-box ul{
padding: 20px 0px;
}
.content-box li{
background-color:#c0c0c0;
display:inline-block;
list-style:none;
margin-bottom:12px;
padding:20px;
width:200px;
}
.btn {
 color:#000080;
 background-color:#9370d8;
 border:9px solid #777777;
 border-radius:4px;
 font-family:'avant garde', sans-serif;
 font-size:18px;
 font-weight:700;
 margin: 10px 0px; 
 padding:20px;
 text-decoration:none;
 text-transform:uppercase;
 }
 .btn:hover{
 background-color:#4b0082;
 border:9px solid #800000; 
 color:#0000ff;
 }