<div class="dbNeonFiche"><div class="titreDb"><div>Prénom Prénom² Nom</div><div class="infoSuppl">Detail/Groupe/etc</div></div><div class="boutonMenu"><!--ONGLET--><input type="radio" name="boutonOnglet" id="dbr1" class="boutonOnglet" checked /><input type="radio" name="boutonOnglet" id="dbr2" class="boutonOnglet" /><input type="radio" name="boutonOnglet" id="dbr3" class="boutonOnglet" /><input type="radio" name="boutonOnglet" id="dbr4" class="boutonOnglet" /> <label for="dbr1" class="ongletRetro" id="label1"><span data-descr="Dossier"><i class="large material-icons">folder</i></span></label><label for="dbr2" class="ongletRetro" id="label2"><span data-descr="Recapitulatifs des rps"><i class="large material-icons">forum</i></span></label><label for="dbr3" class="ongletRetro" id="label3"><span data-descr="Relations"><i class="large material-icons">people</i></span></label><label for="dbr4" class="ongletRetro" id="label4"><span data-descr="Chronologie"><i class="large material-icons">event_note</i></span></label><!--
IDENTITE
--><div id="cntRetro1" class="pageInfo"><div class="blocIdentite"><div><!--IMAGES--><div class="imgIdentite" style="background:url('https://media.tenor.com/HtHF3W1QAXkAAAAM/winona-ryder-confused.gif');background-size:cover;background-position: 0px 0px"></div><div class="imgIdentite" style="background:url('https://media.tenor.com/H4VYP-D4MfIAAAAM/winona.gif');background-size:cover;background-position: 0px 0px"></div></div><div class="blocinfoIdentite scrollRetro"><div class="ssTitreRetro">Identité</div>
<span><b>Noms</b>Nom</span>
<span><b>Prénoms</b> Prénom</span>
<span><b>Naissance</b> xxxx - Lieu</span>
<span><b>Nationalité</b> Nationalité</span>
<span><b>Groupe</b> Groupe du forum</span>
<span><b>Famille</b> Texte</span>
<span><b>Orientation </b>Texte</span>
<span><b>Emplois exercés</b> Texte</span>
<div class="ssTitreRetro">Apparences</div>
<span><b>Taille</b>Texte</span>
<span><b>Poids</b>Texte</span>
<span><b>Cheveux</b>Texte</span>
<span><b>Yeux</b>Texte</span>
<span><b>Particularité physique</b>Texte</span>
<span><b>Divers</b>Texte</span>
<span><b>Avatar</b>Texte</span>
<div class="ssTitreRetro">Caractéristiques</div>
<span><b>Type</b>Humain/Sirène/Dragon/etc</span>
<span><b>Caractère</b>Texte</span>
<span><b>Langues parlées</b>Texte</span>
<span><b>Aspiration</b>Texte</span>
<span><b>Goûts</b>Texte</span>
<span><b>Peur</b>Texte</span>
<span><b>Informations marquantes</b>Anecdotes</span>
<span><b>Crédit images</b>gifs de Tenor</span>
</div></div>
</div><!--
RECAP RPS
--><div id="cntRetro2" class="pageInfo"><div class="gifRetro" style="background-position: 0px 0px;"><img src="https://media.tenor.com/73tN2P8Pz00AAAAC/curious-joyce-byers.gif"></div><div class="ssTitreRetro">Ordre de missions <div class="infoSuppl">[1/12]</div></div>
<div class="blocRps scrollRetro">
<a href="">☐ <b>Un titre court</b><div>Personnage - <i>date</i></div></a>
<a href="">🗹 <b>Un titre de rp super long sur plusieurs lignes Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia.</b><div>Personnage - <i>date</i></div></a>
<a href="">☒ <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">☒ <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
<a href="">🗹 <b>Titre du rp</b><div>Personnage - <i>lieu</i></div></a>
</div>
</div><!--
RELATIONS
--><div id="cntRetro3" class="pageInfo">
<div class="blocRelation scrollRetro"><!-debut rela-><div class="blocDetailInfo"><div class="imgRelaDetail" style="background:url('https://64.media.tumblr.com/0e696b60c720e57c7a4b1f6b2e1f1d15/tumblr_inline_oq9hfhnPVj1uyshu5_540.png');background-size:100%;background-position: 0px 0px"></div><div class="descriRelat scrollRetro"><div class="ssTitreRetro">Prénom Nom<div class="infoSuppl">Nature relation</div></div>Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.</div></div><!-fin rela-><!-debut rela-><div class="blocDetailInfo"><div class="imgRelaDetail" style="background:url('https://64.media.tumblr.com/0e696b60c720e57c7a4b1f6b2e1f1d15/tumblr_inline_oq9hfhnPVj1uyshu5_540.png');background-size:100%;background-position: 0px 0px"></div><div class="descriRelat scrollRetro"><div class="ssTitreRetro">Prénom Nom<div class="infoSuppl">Nature relation</div></div>Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.</div></div><!-fin rela-><!-debut rela-><div class="blocDetailInfo"><div class="imgRelaDetail" style="background:url('https://64.media.tumblr.com/0e696b60c720e57c7a4b1f6b2e1f1d15/tumblr_inline_oq9hfhnPVj1uyshu5_540.png');background-size:100%;background-position: 0px 0px"></div><div class="descriRelat scrollRetro"><div class="ssTitreRetro">Prénom Nom<div class="infoSuppl">Nature relation</div></div>Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.</div></div><!-fin rela-><!-deb rela-><div class="blocDetailInfo"><div class="imgRelaDetail" style="background:url('https://64.media.tumblr.com/0e696b60c720e57c7a4b1f6b2e1f1d15/tumblr_inline_oq9hfhnPVj1uyshu5_540.png');background-size:100%;background-position: 0px 0px"></div><div class="descriRelat scrollRetro"><div class="ssTitreRetro">Prénom Nom<div class="infoSuppl">Nature relation</div></div>Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit.</div></div><!-fin rela-></div>
</div><!--
CHRONOLOGIE
--><div id="cntRetro4" class="pageInfo"><div class="retroAnnee">2023</div><!-debut-><details class="timeline"><summary><span><b>Lieu - xx/xx</b> : Nom de l'événement en quelques mots</span></summary><div class="eventInfo scrollRetro"><img src="https://media.tenor.com/vSKKXpZEdDYAAAAS/stranger-things-smile.gif">Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit</div></details><!-fin-><!-debut-><details class="timeline"><summary><span><b>Lieu - xx/xx</b> : Nom de l'événement en quelques mots</span></summary><div class="eventInfo scrollRetro"><img src="https://media.tenor.com/xS7ypsLVynwAAAAC/hi-joyce-byers.gif">Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit</div></details><!-fin-><!-debut-><details class="timeline"><summary><span><b>Lieu - xx/xx</b> : Nom de l'événement en quelques mots</span></summary><div class="eventInfo scrollRetro"><img src="https://media.tenor.com/CjSRI3ZFRAkAAAAd/confused-joyce-byers.gif">Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit</div></details><!-fin-><div class="retroAnnee">2022</div><!-debut-><details class="timeline"><summary><span><b>Lieu - xx/xx</b> : Nom de l'événement en quelques mots</span></summary><div class="eventInfo scrollRetro"><img src="https://media.tenor.com/RzYVZn5njj0AAAAM/joyce-joycebyers.gif">Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa. Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit</div></details><!-fin->
</div><!--ONGLET--></div><div class="creditGraphio">Codage par Libella sur <a href="http://graphiorum.forumactif.com/">Graphiorum</a></div></div>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'><style>/*COULEUR*/ :root { --fondFicheDb: #0C100C; --retroDark:#0E230E; --colorRetro: #29de21; --hoverColor:#22B11B; --borderRetro: 1px solid #29de21; --borderDottedRetro:1px dotted #29de21; --ombreBox:0px 0px 5px #29de21; --textOmbre:0px 0px 5px #29de21; --filtreImg:grayscale(100%) sepia(50%) hue-rotate(70deg) saturate(550%) brightness(90%) contrast(115%)} .dbNeonFiche{width:580px;margin:auto;border-radius:15px;font: 14px 'VT323', Courier New, monospace; letter-spacing: -0.5px;background:repeating-linear-gradient(180deg, var(--retroDark), var(--retroDark) 1px, var(--fondFicheDb) 1px, var(--fondFicheDb) 6px);box-shadow: 1px 1px 10px var(--colorRetro) inset;color: var(--colorRetro)} .dbNeonFiche a {text-decoration:none} .titreDb {display:flex;flex-direction:row;justify-content:space-between;margin-bottom:-10px;padding:10px;text-shadow:var(--textOmbre);text-transform: uppercase;font-size:24px;} .infoSuppl {display:inline-block;float:right;font-style:italic;text-align:right} .gifRetro {width:100%;filter: var(--filtreImg);margin:auto;margin-bottom:5px;border:var(--borderRetro);box-shadow:var(--ombreBox)} .gifRetro img {display:block;width:inherit;grayscale(100%) sepia(70%) hue-rotate(90deg) brightness(1.2);} .boutonMenu {padding:10px;border-top:var(--borderDottedRetro);} .ssTitreRetro {text-transform:uppercase;text-shadow:var(--textOmbre);font-size:20px;border-bottom:var(--borderRetro);margin-bottom:8px;} .blocIdentite {width:inherit;display:flex;flex-direction:row;justify-content:flex-start;text-align:right;} .imgIdentite {width:180px;height:180px;filter: var(--filtreImg);margin:25px;background-repeat: no-repeat;border:var(--borderRetro);box-shadow:var(--ombreBox)} .blocinfoIdentite {overflow-y:scroll;padding:5px;width:calc(100% - 195px);height:405px;} .blocinfoIdentite > span {display:block;padding:3px;text-transform:uppercase;background:var(--retroDark);border:var(--borderRetro)} .blocIdentite span b {display:block;float:left;text-align:left;} .blocRps {width:530px;height:340px;overflow-y:scroll;overflow-x:hidden;margin:auto;position:relative;z-index:1;} .blocRps a {display:block;margin:5px;padding:5px;background:var(--retroDark);border:var(--borderRetro);color:var(--colorRetro);} .blocRps a:hover, .timeline:hover {background:var(--hoverColor);color: var(--retroDark)} .blocRelation {width:520px;height:450px;overflow-y:scroll;overflow-x:hidden;margin:auto;padding:2px;} .blocDetailInfo {display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:30px;} .blocDetailInfo:nth-child(even) {flex-flow:row-reverse wrap} .descriRelat {width:290px;height:310px;overflow-y:scroll;text-align:justify;margin-right:10px;padding:2px;} .imgRelaDetail {width:195px;height:310px;filter: var(--filtreImg);background-repeat: no-repeat;border: var(--borderRetro);box-shadow:var(--ombreBox)} .timeline {display:block;padding:3px;text-transform:uppercase;background:var(--retroDark);border-left:var(--borderRetro)} .timeline summary {cursor: pointer;list-style: none;padding:5px;} .timeline summary:before {content: "";display:block;width:10px;height:10px;border-radius:10px;position:absolute;margin-left:-15px;background:var(--colorRetro);border:2px solid var(--retroDark);} .timeline summary > * {display: inline;} .timeline img {width:230px;float:right;margin-left:10px;border:var(--borderRetro);box-shadow:var(--ombreBox);filter: var(--filtreImg)} .eventInfo {padding:10px;height:210px;padding:10px;overflow-y:scroll;text-transform:none;text-align:justify;background:var(--retroDark);color:var(--colorRetro);border:var(--borderRetro)} .retroAnnee {width:70px;margin:15px 0px;font-size:20x;font-weight:bold;text-align:center;background:var(--colorRetro);border:var(--borderRetro);color:var(--retroDark)} .retroAnnee:after{content:"";display:block;height:46px;margin-left:-1px;margin-top:-30px;position:absolute;border-left:var(--borderRetro);} /*ONGLET*/ .boutonOnglet{display: none;} .ongletRetro{display: inline-block;padding: 2px 5px} .pageInfo{display:none;position:relative;z-index: 1;margin-top:15px;border-top:var(--borderDottedRetro);} #cntRetro2 {padding:15px} #dbr1:checked ~ #label1,#dbr2:checked ~ #label2, #dbr3:checked ~ #label3,#dbr4:checked ~ #label4{box-shadow: 0 0 0 2px var(--colorRetro);} #dbr1:checked ~ #cntRetro1,#dbr2:checked ~ #cntRetro2, #dbr3:checked ~ #cntRetro3,#dbr4:checked ~ #cntRetro4{display: block;} span[data-descr] {position: relative;color: var(--colorRetro);text-shadow:var(--textOmbre)} span[data-descr]:hover{color:var(--hoverColor)} span[data-descr]:hover::after {content: attr(data-descr);position: absolute; z-index: 10;left: 0; top: 20px;min-width:110px;border: var(--borderRetro); border-radius: 10px;background: var(--fondFicheDb);padding:10px;text-align:center} /*scroll*/ .scrollRetro::-webkit-scrollbar {width: 5px;height:5px;background:var(--retroDark)} .scrollRetro::-webkit-scrollbar-track {box-shadow: inset 0 0 2px #000; border-radius: 10%;} .scrollRetro::-webkit-scrollbar-thumb {background: var(--fondFicheDb);border:var(--borderRetro); border-radius:10px;} .scrollRetro::-webkit-scrollbar-thumb:hover {background: var(--colorRetro);} .creditGraphio {font-size:10px;text-align:center;padding:5px;} .creditGraphio a{color:var(--colorRetro);font-weight:bold}</style>