<meta charset="UTF-8">
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Pacifico|Coming+Soon' rel='stylesheet' type='text/css'>
<style>
/*icon contexte*/
.icc{
border-radius: 90px;
border: 5px solid white;
box-shadow: 1px 1px 1px black;
opacity: 0.5;
transition: 1.5s;
width: 70px
}
.icc:hover{opacity: 1}
/*fin icon contexte*/
.titres{
color: #829394;
font-family: open sans condensed;
font-size: 15pt;
transition: 2s;
margin-left: 15px
}
.titres:hover{color: #5D6B6E}
.nomforum{
font-family: pacifico;
font-size: 25pt;
color: #5D6B6E;
text-shadow: 1px 1px 1px white;
text-align: center;
letter-spacing:0px;
transition: 1.5s
}
.nomforum:hover{
letter-spacing: 3px;
color: #829394}
.soustitre{
font-family: coming soon;
text-transform: uppercase;
color:#829394;
text-align: center
}
/*staff*/
.paonglet {
display: inline-block;
cursor: pointer;
}
.contenu_paonglet {
display: none;
width: 250px;
height: 100px;
padding: 10px;
font-size: 9pt;
font-family: arial;
}
.contenu_paonglet:hover {
display: none;
width: 250px;
font-family: arial;
font-size: 9pt;
}
.imgselect{
width: 50px;
height: 50px;
opacity: 0.7;
border: 1px solid #C63E56;
transition: 1s;
padding: 3px}
.imgselect:hover{
opacity: 1;
border: 1px solid #6D2C30
}
.avatarogt{height: 100px; border-radius: 20px; opacity: 0.7; transition: 1.5s;} .avatarogt:hover{opacity: 1}
/*fin staff*/
.titres{color: #829394; font-family: open sans condensed; font-size: 15pt; transition: 2s;} .titres:hover{color: #5D6B6E}
/*membres du mois*/
.mmb{display: block;
width: 130px;
height: 50px;
margin: auto;
overflow: hidden;}
.mmb_contenu {
position: absolute;
display: block;
width: 108px;
height: 28px;
overflow: auto;
background-color: #ffffff;
border: 1px solid #F2ECC3;
text-align: justify;
opacity: 0;
transition: 1s;
overflow: auto hidden;
padding: 10px;
font-size: 9pt;
font-family: arial;
color: #463F43
}
.mmb_contenu:hover {
opacity: 0.9;
transition: 1s;}
a { text-decoration: none; color: black} </style>
<center><div style="background: #E1EBE9;; width: 680px; padding: 5px"><div class="nomforum">Bienvenue sur Up In Trees</div>
<div class="soustitre" style="margin-top: -20px">ici, tu tapes le sous-titre du forum!</div>
<div style="font-family: ms mincho; font-size: 9pt; margin-top: -10px; color: #B7C4C7">lien ► lien ► lien ► lien ► lien</div>
<table><td><div class="titres" style="width: 265px; margin-bottom: -5px;">Contexte</div>
<div style="width: 280px; height: 150px; text-align: justify; overflow: auto; padding: 2px; font-size: 9pt; font-family: arial">
<img class="icc" src="https://38.media.tumblr.com/fcf11351be3c49d69a52145b160436cb/tumblr_ndmcmsbJwr1qjoke8o7_250.gif" align="right" style="margin: 5px">
Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque. Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque. </div></td>
<td><br/><script type="text/javascript">
//<!--
function change_paonglet(name)
{
document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
document.getElementById('contenu_paonglet_'+name).style.display = 'block';
anc_paonglet = name;
}
//-->
</script>
<center>
<span onclick="javascript:change_paonglet('pes1');" id="paonglet_pes1" class="paonglet_0 paonglet">
<img src="https://38.media.tumblr.com/f4c62ae583f1bbeaafa84dfde21da23d/tumblr_ndhm8fJszq1tewcf3o3_r1_250.gif" class="icc" style="margin-top: -5px; width: 70px"></span>
<span onclick="javascript:change_paonglet('pes2');" id="paonglet_pes2" class="paonglet_0 paonglet"><img src="https://33.media.tumblr.com/e13241e875330bcdb02a32243e5f12aa/tumblr_ndhm8fJszq1tewcf3o1_r1_250.gif " class="icc" style="margin-top: -5px; width: 70px" /></span>
<span onclick="javascript:change_paonglet('pes3');" id="paonglet_pes3" class="paonglet_0 paonglet"><img src="https://38.media.tumblr.com/f4c62ae583f1bbeaafa84dfde21da23d/tumblr_ndhm8fJszq1tewcf3o3_r1_250.gif" class="icc" style="margin-top: -5px; width: 70px" /></span>
</center>
<div class="contenu_paonglets">
<div id="contenu_paonglet_pes1" class="contenu_paonglet">
<center><table><td><img src="http://i.imgur.com/20K33kI.png" class="avatarogt"></td><td><div class="titres">prénom nom</div><div style="font-family: arial; font-size: 9pt;">pseudo ► MP<br/>DC: pseudos des DCs.</div></td></table>
</center>
</div>
<div id="contenu_paonglet_pes2" class="contenu_paonglet">
<center>
<table><td><img src="http://i.imgur.com/eXGSq6W.png" class="avatarogt"></td><td><div class="titres">prénom nom</div><div style="font-family: arial; font-size: 9pt;">pseudo ► MP<br/>DC: pseudos des DCs.</div></td></table>
</center>
</div>
</div>
<div id="contenu_paonglet_pes3" class="contenu_paonglet">
<center>
<table><td><img src="http://i.imgur.com/F0fdMd6.png" class="avatarogt"></td><td><div class="titres">prénom nom</div><div style="font-family: arial; font-size: 9pt;">pseudo ► MP<br/>DC: pseudos des DCs.</div></td></table>
</center>
</div>
</div><script type="text/javascript">
//<!--
var anc_paonglet = 'pes1';
change_paonglet(anc_paonglet);
//-->
</script> </td></table>
<table><td><div class="titres">What's up?</div><div style="width: 280px; height: 70px; font-family: arial; font-size: 9pt; text-align: justify; overflow: auto">Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque. Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque.</div><div class="titres">Membres du mois</div><table><td><span style="display: block; width: 130px; height: 50px; background: url(https://33.media.tumblr.com/78a5ae75abc064ac197c2e11d42abcb9/tumblr_mrn3vcYZnX1qzydh2o7_r1_250.gif) center center no-repeat; "><div class="mmb_contenu"></span></span><div style="font-size: 9pt"><div style="font-family: georgia; font-size: 9pt; text-transform: uppercase; text-align: center; margin-top: 7px;">Nom du membre</div></div></div></td>
<td><span style="display: block; width: 130px; height: 50px; background: url(https://33.media.tumblr.com/95849f89ef83bcc0639fdd2879263696/tumblr_mrn3vcYZnX1qzydh2o8_r1_250.gif) center center no-repeat; "><div class="mmb_contenu"></span></span><div style="font-size: 9pt"><div style="font-family: georgia; font-size: 9pt; text-transform: uppercase; text-align: center; margin-top: 7px;">Nom du membre</div></div></div></td></table></td>
<td><div class="titres">Nos meilleurs amis</div><center><table><td><img src="https://38.media.tumblr.com/80e263b467e2a1aa88d3e32dae68a09a/tumblr_mr0zzoust11s2jjzqo1_500.gif" style="height: 35px; width: 100px"></td><td><img src="https://38.media.tumblr.com/8ca1483e63aadc28d2514797a1ae6197/tumblr_mr0zzoust11s2jjzqo2_500.gif" style="width: 100px; height: 35px"></td></table>
<a href="LIENS">nous lier</a> ▬ <a href="LIENS">nos amis</a></center>
<div style="width: 270px; height: 40px; font-family: arial; font-size: 9pt; text-align: justify; overflow:auto">ici tu mets les tops partenaires. ▬ Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque. Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque</div></td></table>
<div style="font-family: arial; font-size: 7pt; text-align: justify; padding: 10px">ici, tu écris les crédits</div>
</div></center>
Accueil
Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque. Benevolentiae Nam homines in homines omnia erunt fides Nam in omnia omnibus vivere omnibus circumfluere locus nimirum ipse habent in abundantia omnium potest pro atque Haec nulla rerum nulla benevolentiae fides ab tyrannorum omnia Nam velit caritas erunt homines est nimirum atque ipse enim ullo esse velit ipse nulla omnibus amicitia usu omnium nec atque nulla in nec ergo est stabilis abundantia fidem semper suspecta neque potest suspecta sollicita erunt diligat tyrannorum omnibus usu ut est qua si abundantia stabilis usu ullo neque Haec suspecta omnium vivere si omnium de vivere abundantia Nam est disputabunt habent circumfluere caritas stabilis atque.