<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic+SC" />
<center>
 <div class="content_pa">
 <table style="width: 863px;">
 <tbody>
 <tr>
 <td>
 <div class="top_sitespa">
 <a href="url_top_site"><img src="https://i.goopics.net/Qm89.png" /></a><a href="url_top_site"><img src="https://i.goopics.net/Qm89.png" /></a><a href="url_top_site"><img src="https://i.goopics.net/Qm89.png" /></a><a href="url_top_site"><img src="https://i.goopics.net/Qm89.png" /></a>
 </div>
 </td>
 <td>
 <div class="staffpa">
 <span class="titre_blocpa">Staff</span>
 <table>
 <tbody>
 <tr>
 <td>
 <a href="urlprofil"><img src="https://i.goopics.net/bgnQ.png" class="img_staffpa" /></a>
 </td>
 <td>
 <a href="urlprofil"><img src="https://i.goopics.net/bgnQ.png" class="img_staffpa" /></a>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </td>
 <td>
 <div class="partospa">
 <span class="titre_blocpa">Nos Partenaires</span>
 <center>
 <table>
 <tbody>
 <tr>
 <td>
 <a href="urlparto"><img src="https://i.goopics.net/EOnV.png" class="img_partospa" /></a>
 </td>
 <td>
 <a href="urlparto"><img src="https://i.goopics.net/EOnV.png" class="img_partospa" /></a>
 </td>
 <td>
 <a href="urlparto"><img src="https://i.goopics.net/EOnV.png" class="img_partospa" /></a>
 </td>
 </tr>
 <tr>
 <td>
 <a href="urlparto"><img src="https://i.goopics.net/EOnV.png" class="img_partospa" /></a>
 </td>
 <td>
 <a href="urlparto"><img src="https://i.goopics.net/EOnV.png" class="img_partospa" /></a>
 </td>
 <td>
 <a href="urlparto"><img src="https://i.goopics.net/EOnV.png" class="img_partospa" /></a>
 </td>
 </tr>
 </tbody>
 </table>
 </center>
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 <div class="menu_contenu">
 <span class="bouton_menu"><span class="padd"><a class="liens_menu" href="Url">Règlement</a></span></span><span class="bouton_menu"><span class="padd"><a class="liens_menu" href="Url">Annexes</a></span></span><span class="bouton_menu"><span class="padd"><a class="liens_menu" href="Url">Présentation</a></span></span><span class="bouton_menu"><span class="padd"><a class="liens_menu" href="Url">Prédéfinis</a></span></span>
 </div>
 <table>
 <tbody>
 <tr>
 <td>
 <div class="news_pa">
 <span class="titre_blocpa">Nouveautés</span>
 <div class="texnews">
  xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum <br /> xx-xx-xxxx : Lorem ipsum
 </div>
 </div>
 </td>
 <td>
 <div class="contexte_pa">
 <span class="titre_blocpa">Contexte</span>
 <div class="texcontexte">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempus lectus at egestas dignissim. Sed eu tincidunt mi. Maecenas vestibulum velit a enim auctor ornare. In ut urna eget erat faucibus suscipit vel nec nisl. Aenean lorem eros, ornare et dui non, vehicula interdum est. Mauris a mi enim. Aenean volutpat placerat ex.Donec vel diam arcu. Sed venenatis bibendum lacinia. Aenean aliquet volutpat enim a fringilla. Donec eget nulla cursus, tincidunt augue rhoncus, bibendum massa. Donec imperdiet pulvinar erat. Morbi volutpat, arcu vel fringilla laoreet, diam libero fermentum purus, ac vulputate tortor velit nec augue. Cras eget enim rutrum, fermentum erat ac, tincidunt urna. Aenean lacinia, leo sed scelerisque maximus, ligula elit elementum quam, et rutrum urna mauris nec lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at eleifend diam, quis maximus risus. Sed augue nulla, lobortis ac vehicula sed, volutpat sed justo. Nulla facilisi. Curabitur fermentum est non tempor semper. Curabitur sit amet tortor ut nisi condimentum volutpat. Donec feugiat eros et orci dapibus euismod. Phasellus aliquam vitae orci ac consequat.
 </div>
 </div>
 </td>
 </tr>
 </tbody>
 </table><span class="credit">Page d'Accueil réalisée par Ariemm d'<a href="http://orchedin.forumactif.org/">Orchedin</a></span>
 </div>
</center>

/*----------------PA par Ariemm----------------*/  
.content_pa {
width: 863px;
}

.top_sitespa {
width: 85px;
height: 190px;
background: none;
margin: 5px;
}

.staffpa {
width: 375px;
height: 190px;
background-color: #66ccff;
margin: 5px;
overflow: auto;
}

.img_staffpa {
width: 130px;
height: 100px;
padding-left: 38px;
padding-top: 30px;
}

.partospa {
width: 375px;
height: 190px;
background-color: #a3c9dc;
margin: 5px;
overflow: auto;
}

.img_partospa {
width: 100px;
height: 50px;
margin-top: 30px;
}

.menu_contenu {
width: 863px;
height: 85px;
background-color: none;
margin: 5px;
align: center;
}

a.liens_menu:link {
color: #ffffff;
font-family: Amatic SC;
text-decoration: none;
font-size: 28px;
text-transform: uppercase;
}

a.liens_menu:visited {
color: #ffffff;
font-family: Amatic SC;
text-decoration: none;
font-size: 28px;
text-transform: uppercase;
}

a.liens_menu:hover {
color: #ffffff;
font-family: Amatic SC;
text-decoration: none;
font-size: 28px;
text-transform: uppercase;
}

a.liens_menu:active {
color: #ffffff;
text-decoration: none;
font-size: 28px;
text-transform: uppercase;
}

.news_pa {
width: 422px;
height: 190px;
background-color: #a3c9dc;
margin: 5px;
overflow: auto;
color: white;
font-size: 12px;
}

.texnews {
padding: 15px;
}

.contexte_pa {
width: 426px;
height: 190px;
background-color: #66ccff;
margin: 5px;
text-align: justify;
color: white;
overflow: auto;
}

.texcontexte {
padding: 15px;
}

.bouton_menu {
display: block;
background-color: #DAE2E8;
width: 215px;
height: 85px;
float: left;
color: white;
text-align: center;
transition-property: background-color;
transition-duration: 1s;
}

.bouton_menu:hover {
background-color : #4d81b3;
letter-spacing: 4px;
}

.padd {
display: block;
padding-top: 28px;
}

.titre_blocpa {
display: block;
text-align: center;
color: white;
font-family: Amatic SC;
font-size: 30px;
letter-spacing: 3px;
border-bottom: 3px solid white;
padding-bottom: 2px;
padding-top: 3px;
}

.credit {
display: block;
text-align: right;
font-size: 10px;
}
/*------------------FIN PA par Ariemm---------------*/