<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abel|Roboto" /><style>
/*PA par Awful*/
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*Taille et couleur de la PA*/
#pa-wrap {
width:780px;
height: 422px;
background: #000000;
border: 1px solid #ccc;
padding: 10px;
margin: auto;
font-family: 'Verdana';
}
#pa {
width: 100%;
height: 100%;
border: 1px solid #ccc;
background: #fbfbfb;
margin: auto;
display: flex;
box-sizing: border-box;
flex-wrap: wrap;
padding: 0 20px 0 20px;
justify-content: space-between;
}
.bloc-mid {
display: flex;
flex-flow: column;
justify-content: space-between;
width: 270px;
height: 330px;
}
/*Style des liens*/
#pa a {
text-decoration: none;
color: #9d9bb9;
transition: all 0.3s;
}
#pa a:hover {
color: #ccc;
}
/*Style des titre*/
#pa h1 {
text-align: center;
text-transform: uppercase;
font-size: 20px;
margin: 15px 0;
font-family: 'Abel', sans-serif;
color: #ccc;
letter-spacing: 2px;
flex: 100%;
}
#pa h2 {
text-align: center;
font-size: 11px;
color: #000;
color: #82818e;
margin: 0 0 10px;
text-transform: uppercase;
letter-spacing: 1px;
background: #f5f5f5;
border: 1px solid #ccc;
font-family: 'Abel', sans-serif;
}
#pa h3 {
margin: 6px 0 0;
text-transform: uppercase;
color: #ccc;
font-size: 12px;
letter-spacing: 1.5px;
}
#pa h4 {
text-align: center;
font-size: 9px;
color: #82818e;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Abel', sans-serif;
}
/*Bloc contexte*/
#pa-contexte {
width: 170px;
display: flex;
flex-direction: column;
height: 330px;
}
#pa-contexte div, #pa-news {
width: 100%;
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
overflow: auto;
text-align: justify;
font-size: 11px;
line-height: 150%;
flex: 1;
}
/*Bloc des news*/
#pa-news {
flex: 1;
margin: 8px 0;
}
#pa-news div {
margin-bottom: 10px;
}
#pa-news div b {
color: #acacb4;
}
/*Bloc des partenaires*/
#pa-part {
text-align: center;
}
#pa-part div {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
#pa-part div a {
margin-top: 4px;
}
/*Bloc des prédéfinis*/
.pa-bloc-right {
width: 260px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 330px;
}
#pa-predef .pa-predef-bloc {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#pa-predef a.lien-pred {
letter-spacing: 1px;
font-size: 10px;
text-transform: uppercase;
}
#pa-predef .pa-pred {
height: 80px;
display: inline-block;
position: relative;
overflow: hidden;
margin-bottom: 5px;
max-width: 80px;
}
#pa-predef .pa-pred-content {
position: absolute;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.8);
top: 0;
font-size: 11px;
box-sizing: border-box;
padding-top: 20px;
transform: translate(0, 100%);
transition: all 0.3s;
text-align: center;
line-height: 1.3em;
}
#pa-predef .pa-pred:hover .pa-pred-content {
transform: translate(0, 0);
}
/*Bloc des top-sites*/
#pa-top #pa-top-content {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
/*Crédit*/
#pa-credit {
flex: 100%;
font-size: 9px;
color: #d6d6d6;
letter-spacing: 1px;
}
</style>
<div id="pa-wrap">
<div id="pa">
<h1>
Bienvenue sur Entre nous pub
</h1>
<div id="pa-contexte">
<h2>
Contexte
</h2>
<div>
ENP c'est un forum de publicité où vous pouvez présenter vos supports mais aussi un forum d'entraide vous offrant de nombreux services afin d'améliorer vos forums. <br />Une partie jeux et flood également pour vous détendre. <br />Le forum recrute des membres actifs voulant rejoindre l'équipe du staff afin de proposer de nouveaux services mais aussi des modérateurs.
</div>
</div>
<div class="pa-bloc bloc-mid">
<div id="pa-news">
<div>
<strong>17/06</strong> Nous sommes en train de modifier le service de codage et le service de graphisme pour une meilleure compréhension des forums. Nous vous proposerons de nouveaux forums comme un libre service de codage (Sce de codage) et des ressources graphiques (Sce de graphisme). <br /> <strong>17/06</strong> Nous nous sommes aperçus que le forum Demande de partenariat était verrouillé !!!!nous nous excusons auprés d'éventuels demandeurs!
</div>
</div>
<div id="pa-part">
<h2>
Nos Partenaires
</h2>
<div>
<a href="http://epicode.bbactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://zupimages.net/up/17/30/6nbj.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://quederla.forumactif.fr/"><img src="http://zupimages.net/up/15/43/d41s.jpg" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://babdeco.forumactif.org/"><img src="https://i11.servimg.com/u/f11/14/04/66/48/babdec11.jpg" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.melodie-pub.net"><img src="https://i62.servimg.com/u/f62/14/44/90/04/logo5010.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.amai-gakuen.org/"><img src="http://www.zupimages.net/up/17/22/z7qd.png" /></a> <a href="http://shinobinodensetsu.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://www.plixup.com/pics_core3/15190339345316icone1.png" /></a> <a href="http://www.entre-nous-pub.com"><img src="http://image.noelshack.com/fichiers/2017/38/2/1505821407-enpstaff5050v2.jpg" /></a> <a href="http://www.entre-nous-pub.com"><img src="http://image.noelshack.com/fichiers/2017/38/2/1505821407-enpstaff5050v2.jpg" /></a> <a href="http://www.entre-nous-pub.com"><img src="http://image.noelshack.com/fichiers/2017/38/2/1505821407-enpstaff5050v2.jpg" /></a> <a href="http://www.entre-nous-pub.com"><img src="http://image.noelshack.com/fichiers/2017/38/2/1505821407-enpstaff5050v2.jpg" /></a>
</div>
</div>
</div>
<div class="pa-bloc-right">
<div id="pa-predef">
<h2>
L'équipe du Staff
</h2>
<div class="pa-predef-bloc">
<div class="pa-pred">
<img alt="" src="https://i95.servimg.com/u/f95/17/26/94/28/a11.png" />
<div class="pa-pred-content">
Sophie <br />Fondatrice
</div>
</div>
<div class="pa-pred">
<img alt="" src="https://i62.servimg.com/u/f62/17/26/94/28/sans_t15.png" />
<div class="pa-pred-content">
Akami <br />Modératrice
</div>
</div>
<div class="pa-pred">
<img alt="" src="https://i62.servimg.com/u/f62/17/26/94/28/sans_t20.png" />
<div class="pa-pred-content">
Ptite_Perle <br />Graphiste
</div>
</div>
<div class="pa-pred">
<img alt="" src="https://i62.servimg.com/u/f62/17/26/94/28/sans_t17.png" />
<div class="pa-pred-content">
Pöka <br />Graphiste
</div>
</div>
<div class="pa-pred">
<img alt="" src="https://i62.servimg.com/u/f62/17/26/94/28/sans_t19.png" />
<div class="pa-pred-content">
Nevyin <br /> Codeur
</div>
</div>
<div class="pa-pred">
<img alt="" src="https://i62.servimg.com/u/f62/17/26/94/28/queen_10.png" />
<div class="pa-pred-content">
En attente <br />Vous ?
</div>
</div>
<center>
<br /><br /> <a rel="nofollow" target="_blank" class="postlink" href="https://discord.gg/Rs7wjHY"><img src="http://ragnarevival.com/skins/rebirth_responsive/images/discord_logo.png" style="width: 265px; height: 90px;" /></a>
</center>
</div>
<div id="pa-credit">
</div>
</div>
</div>
</div>
</div>
Accueil
