*{
border : 1px solid rgba(0,0,255,0.3);
}
img{
border-radius:100%;
}
body{
background :#00ff00;                                                                                    /** euhh rien **/
background-repeat:repeat;
text-align:center;
}
.navigation{
background-color:#c0c0c0;                                                                           /**  euhh rien **/
text-align:center;
width:60%;
}
.navigation ul{
padding:0;
}
.navigation li {
display:inline-block;

font-size:16px;
font-weight:50px;
letter-spacing:2px;
margin:20px;
}   
/** JONATHAN PARADIS **/
.content-box{
background: #c0c0c0;                                                              /** eeeeeuuuuhhhh rien **/
height:200px;
margin:0 auto;
top:80px;
width:60%;
overflow:scroll;
}
.content-header{
background-image:url(images_fichiers/embleme.gif);                                   /** eeeeeeeeeeeeeeuuuuuuuuuuuuuuuhhhhhhhh rien **/ 
background-position:center;
background-size:cover;
height:200px;
width:14%;
top:-10px;
}
.content-body{
margin:0 auto;
width:10%;
}
h1{
background:#b0e0e6;
color:#000000;
font-family:'copperplate',fantasy;
font-size:50px;
font-weight:200px;
line-height:40px;
width:25%;
margin: 0 auto;
padding:20px;
position:relative;
text-transform:uppercase;
}
h2{
color:000000
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:#00bfff;
font-family:'Papyrus',fantasy;
font-size:9px;
font-weight:60px;
letter-spacing:2px;
margin:5px;
padding:5px;
}
p{
color:#b0e0e6;
font-family:'brush script mt',script;
font-size:30px;
font-weight:100px;
line-height:33px;
width:60%;
min-height:50px;
max-height:100px;
}
.conten-box ul{
padding:20px 0px;
}
.content-box li{
background-color:#006400;
display:inline-block;
list-style:none;
margin-bottom:12px;
padding:20px;
width:200px;
}
.btn{
color:#ffff00;
background-color:#00bfff;
border:9px solid #000000;
border-radius:4px;
font-family:'Avant Garde', sans-serif;
font-size:16px;
font-weight:700px;
margin:10px 0px;
padding:20px;
text-decoration:none;
text-transform:uppercase;
}
.btn:hover{
background-color:#deb887;
border:9px solid #000000d;
color:#ffff00;
}
 
a.perso {
width:100px;
padding: 12px 50px;
background:aqua;
color: black;
-webkit-o-transition: all 1s ease-out 0s;
-moz-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 4px dashed #000000;
}

a.perso:hover {
background:blue;
color: #000000;
border: 4px solid #000000;
}