Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Prévisualisation dans la mauvaise police

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Prévisualisation dans la mauvaise police Empty Prévisualisation dans la mauvaise police

Message par P-Summers Dim 13 Juin 2021 - 20:29

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Capture d'écran du problème :
Voir l'image:
Prévisualisation dans la mauvaise police Pbpolice

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la modification des titres des catégories
Lien du forum : https://spirited-soccer.forumsrpg.com/

Description du problème

Bonjour !

Tout est dans le titre. A la place des polices du forum, ce sont les polices standards qui sont affichés à la prévisualisation. J'ai essayé d'installer les liens de police un peu partout... En vain.

Voile le template viwtopic_body

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }

        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }

 return false;
};

//]]>
</script>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <tr align="right">
 <td class="catHead" colspan="3" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td align="center" class="t-title">
   <h1 class="cattitle">{TOPIC_TITLE}</h1>
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- BEGIN topicpagination -->
 <tr>
 <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END topicpagination -->
 {POLL_DISPLAY}
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
 <td valign="top" nowrap="nowrap" class="post-options">
 {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
 </td>
 </tr>
 <tr>
 <td colspan="2" class="hr">
 <hr />
 </td>
 </tr>
 <tr>
 <td colspan="2">
 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->

 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->

 <div class="postbody">

 <div>{postrow.displayed.MESSAGE}</div>

 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>

 <!-- BEGIN switch_no_comment -->
 <dd>
 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
 </dd>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <dd>
 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
 </dd>
 <!-- END switch_no_dl_att -->

 <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->

 <div class="clear"></div>
 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->

 </div>
 </td>
 </tr>
 </table>
 </td>
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top">
 <div class="avaP">{postrow.displayed.POSTER_AVATAR}<div><div>{postrow.displayed.POSTER_RPG}</div></div></div>
 <div class="imgrankP">{postrow.displayed.RANK_IMAGE}<div class="onS">{postrow.displayed.ONLINE_IMG}</div></div>
 <div class="triNLP"></div><div class="triNRP"></div>
     <div class="rimgdP"><div class="nameP" style="padding:5px;"><strong>{postrow.displayed.POSTER_NAME}</strong></div><div class="rankP">{postrow.displayed.POSTER_RANK}</div><div class="ktactP">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div>
     <div class="dtailS"><!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
     <!-- END profile_field --></div></div>
 <div class="triP"></div>
 </td>
 </tr>
 <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" colspan="2">
 </td>
 <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
 <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="3" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
 <tr align="right">
 <td class="catBottom" colspan="3" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
   <td align="center"><a name="bottomtitle" style="color: #DFB829;"></a><h1>{TOPIC_TITLE}</h1></td>
 <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <tr>
 <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
 </tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row2 postbody" valign="top">
 <!-- BEGIN link -->
 »&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </td>
 </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
 <tbody>
 <tr>
 <td class="catBottom">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tbody>
 <tr>
 <td valign="top">
 <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row1 clearfix">
 <table>
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules postbody">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
 <tbody>
 <!-- BEGIN show_permissions -->
 <tr>
 <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
 <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
 </tr>
 <!-- END show_permissions -->
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <!-- BEGIN show_permissions -->
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 <!-- END show_permissions -->
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
 <tbody>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall">&nbsp;</span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

 <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<link href="https://fonts.googleapis.com/css?family=Alegreya|Euphoria+Script|Roboto+Condensed:wght@200|Roboto|Gafata&display=swap" rel="stylesheet">

P-Summers

P-Summers
Nouveau membre

Messages : 28
Inscrit(e) le : 05/02/2016

Voir le profil de l'utilisateur https://spirited-soccer.forumsrpg.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Prévisualisation dans la mauvaise police Empty Re: Prévisualisation dans la mauvaise police

Message par P-Summers Dim 13 Juin 2021 - 20:30

Le CSS du forum.
Code:
/*HEADER AND SIDE STUFF*/
::-webkit-scrollbar {width:10px; background:none; margin-right:5px;}
::-webkit-scrollbar-thumb {background:rgba(141, 164, 205, 1); height:30px; border-radius:30px;}
::-webkit-scrollbar-corner {background:none;}
.headerstyle
{
  z-index: 10;
  position: relative;
  width: screen.width;
  margin-top: 47%;
}
.wavebg
{
  background-color: #5555;
}
/* GENERAL ET CORPS DE PAGE */
body
{
  background: url('https://i.ibb.co/8N00qQY/Qingkai-Yang-full-3295053-1.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /* le motif est en transparence il suffit de changer la couleur de fond */
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
}
a:link, a:hover
{
  text-decoration: none !important;
}
.bodylinewidth
{
  
  position: relative;
  z-index: 10;
  width: 900px !important;
  margin-right: auto;
  margin-left: auto;
  background: #E1EAF8 !important; /* couleur de fond du corps */
  box-shadow: 0px 0px 10px #39322c;
}
.bodyline
{
  padding: 0;
  margin: 0;
}
#page-body
{
  width: 98%;
  margin: auto;
}
#navigation
{
  text-align: right;
  margin: 0 10px -10px 0;
}
#navigation img
{
  opacity: 0.3;
  transition: 500ms;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
}
#navigation img:hover
{
  opacity: 0.7;
  transition: 500ms;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
}
#search_menu
{
  left: 50% !important;
  text-align: center;
}
#i_logo
{
  margin-top: 0px !important;
}
table
{
  width: 100%;
}
.forumline
{
  width: 100%;
  background: #F5E9F1;
}
table.three-col
{
  max-width: 880px !important;
}
/* DECO DES COTES */
#img_topleft
{
  position: fixed;
  z-index: 2;
  top: 5%;
  left: 50%;
  margin-left: -700px;
  width: 350px;
  height: 350px;
  background: url('https://i.ibb.co/zmMT82W/imagecagecote.png');
  border-radius: 300px;
  border: 10px solid #8DA4CD;
  box-shadow: 0px 0px 10px #39322c;
}
#img_bottomright
{
  position: fixed;
  z-index: 2;
  bottom: 5%;
  left: 50%;
  margin-left: 330px;
  width: 350px;
  height: 350px;
  background: url(https://i.ibb.co/3WzHQW3/endoumamoru.png);
  border-radius: 300px;
  border: 10px solid #8DA4CD;
  box-shadow: 0px 0px 10px #39322c;
}
#ligne_left1, #ligne_left2, #ligne_left3, #ligne_left4, #ligne_left5, #ligne_left6
{
  position: fixed;
  height: 100%;
  top: 10%;
  width: 10px;
  left: 50%;
}
#ligne_right1, #ligne_right2, #ligne_right3, #ligne_right4, #ligne_right5, #ligne_right6
{
  position: fixed;
  height: 100%;
  bottom: 10%;
  width: 10px;
  left: 50%;
}
#ligne_left1
{
  margin-left: -560px;
  background: #8DA4CD;
}
#ligne_left2
{
  margin-left: -550px;
  background: #41BBD9;
}
#ligne_left3
{
  margin-left: -540px;
  background: #C13342;
}
#ligne_left4
{
  margin-left: -530px;
  background: #2B313F;
}
#ligne_left5
{
  margin-left: -520px;
  background: #DFB829;
}
#ligne_left6
{
  margin-left: -510px;
  background: #8DA4CD;
}
#ligne_right1
{
  margin-left: 500px;
  background: #8DA4CD;
}
#ligne_right2
{
  margin-left: 510px;
  background: #DFB829;
}
#ligne_right3
{
  margin-left: 520px;
  background: #2B313F;
}
#ligne_right4
{
  margin-left: 530px;
  background: #C13342;
}
#ligne_right5
{
  margin-left: 540px;
  background: #41BBD9;
}
#ligne_right6
{
  margin-left: 550px;
  background: #8DA4CD;
}
/************************************************** DÉBUT DES CATÉGORIES **************************************************/

/*Bloc des titres des catégories*/
.cate_title {
  width: 800px;
  height: 75px;
  padding-top: 10px;
  margin: auto;
  text-align: center;
  background-image: url('https://2img.net/r/hpimg15/pics/520024nuage.png');
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: -10px;
}
/*Titres des catégories*/
.cate_title h2 {
  display: block;
  padding-top: 15px;
  height: 60px;
  margin: 0px;
  font-family: "Euphoria Script", cursive;
  text-shadow: 1px 1px 3px #E198BA;
  font-size: 55px;
  letter-spacing: 1px;
  color: #DFB829;
}
.cate_title h2 img {
  margin-top: -25px;
  margin-left: 20px;
}
.cate_title h2 span {
  display: none;
}
a.nav img {
  display: none;
}


/*Bloc des catégories*/
.cate_bloc {
  background-color: #ffffff;
  width: 800px;
  margin: auto;
  margin-bottom: 10px;
  border-radius: 10px;
  padding-top: 50px;
  padding-bottom: 1px;
  font-family: "Gafata", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #544b51;
}

/*Bloc des forums*/
.cate_forum {
  height: 100px;
  width: 800px;
  margin-bottom: 20px;
  margin-right: -100px;
  position: relative;
}


/*Image Old New Lock*/
.old_new_lock {
  float: right;
  height: 108px;
  width: 120px;
  margin-right: -110px;
  margin-top: -10px;
}


/*Bloc gris du mileu*/
.cate_forum_middle {
  position: absolute;
  float: left;
  margin-top: 10px;
  margin-left: 150px;
  width: 420px;
  height: 53px;
  padding: 10px;
  padding-top: 17px;
  background-color: #E1EAF8;
  border-radius: 10px;
}

/*Titres des forums*/
.forumlink {
  position: absolute;
  top: -20px;
  z-index: 2;
  height: 28px;
  font-size: 28px;
  font-family: 'Alegreya', serif;
  color: #2B313F!important;
  font-weight: normal;
}
/*Titres survolés des forums*/
.forumlink:hover {
  color: #C13342!important;
  text-decoration: none!important;
}
/*Désactiver les images des titres*/
.forumlink img {
  display: none;
}

/*Description des forums*/
.forum_desc {
  height: 53px;
  overflow-y: auto;
  padding-right: 5px;
  text-align: justify;
}

.forum_desc > img {
  margin-left: -200px;
  margin-top: -20px;
  position: absolute;
}

/*Bloc gris des statistiques et du dernier message*/
.cate_forum_last {
  position: absolute;
  float: left;
  margin-top: 10px;
  margin-left: 610px;
  width: 160px;
  height: 70px;
  padding: 5px;
  background-color: #F5E9F1;
  border-radius: 10px;
  text-align: center;
}
/*Statistiques*/
.forum_last_stats {
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 10px;
  padding-bottom: 3px;
  font-size: 9px;
  border-bottom: 1px dashed #c13342;
}
/*Police du dernier message*/
.forum_last_mess, .forum_last_mess a.gensmall {
  font-size: 11px;
  font-family: "Gafata", sans-serif;
}
/*Couleur des liens du dernier message*/
.forum_last_mess a {
  color: #DFB829;
}

.move_elements {
  padding-right: -200px;
}

/*Les barres de défilement dans les catégories*/
.forum_desc::-webkit-scrollbar {height:12px; width:5px; background:none; margin-right:5px;}
.forum_desc::-webkit-scrollbar-thumb {background:rgba(141, 164, 205, 1); height:30px; border-radius:30px;}
.forum_desc::-webkit-scrollbar-corner {background:none;}

/************************************************** FIN DES CATÉGORIES **************************************************/
/* MISE EN FORME DES LISTES DE SUJETS */
/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 870px;
  margin: auto;
  background: #F5E9F1;
  border: 1px solid #DFB829;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;
}
.sujets
{
  background: #FFF;
  border: 1px dotted #41BBD9;
  padding: 3px;
  
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  border-left: 3px solid #41BBD9;
  border-right: 3px solid #41BBD9;
  display: block;
  width: 180px;
  height: 40px;
  background: #E1EAF8;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 900px;
  text-align: right;
  margin-bottom: 5px;
   margin-left: -5%;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #2B313F;
}
/* PRESENTATION DU SUJET */
/*HAUT DE PAGE */
.sep_nav {
background-image: "https://i.ibb.co/LYwFr48/oldpetiteetoile.png";
height: 10px;
width: 10px;
display: inline-block;
}
.t-title
{
  height: 200px;
  width: 900px;
  text-align: center;
  border: none !important;
  background-image: linear-gradient(180deg, #E1EAF8, #F5E9F1);
}
.cattitle {
  font-size: 60px;
  font-family: 'Euphoria Script', cursive;
}
.th thHead {
  font-family: 'Alegreya', sans-serif;
}
/* APPARENCE MESSAGES */
.previw h1 {
  font-family: 'Alegreya', cursive;
}
.previw {
  font-family: 'Gafata', cursive;
}
div.postbody {
background: #fff; border:1px dotted #C13342; /* MODIFIABLE */
padding:10px; min-height:260px;
text-align:justify; color:#000;
font-size: 14px; !important
}
/* AVATAR */
.avaP {
height:320px; width:200px;
border:5px solid;
border-color: #2B313F;
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
  -o-transition:transform 0.65s linear; -moz-transition:transform 0.65s linear;
}
.avaP img {
height:320px; width:200px;
}
/* INFORMATIONS RP */
.avaP div{
position:absolute; z-index:2; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* FOND INFORMATIONS RP */
.avaP div div{
width:190px; height:310px; padding:5px; overflow:auto;
font-size:11px; color: #fff; background-color:rgba(250,250,250,0.5); /* MODIFIABLE */
transform:translateY(-640px); -webkit-transform:translateY(-640px);
  -moz-transform:translateY(-640px); -o-transform:translateY(-640px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
    -o-transition:transform 0.65s linear; -moz-transition:transform 0.65s linear;
}
.avaP:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGE RANG */
.imgrankP {
position:absolute; z-index:3;
margin-top:-53px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* TRIANGLES HAUT INFORMATIONS JOUEUR */
.triNLP {
display:inline-block;
width:0; height:0;
border-style:solid; border-width:50px 0 0 105px; border-color:transparent;
border-left-color: #2B313F;
}
.triNRP {
display:inline-block;
width:0; height:0;
border-style:solid; border-width:0 0 50px 105px; border-color:transparent;
border-bottom-color: #2B313F;
}
/* BLOC INFORMATIONS JOUEUR */
.rimgdP {
background-color: #2B313F; /* MODIFIABLE */
padding-bottom:5px;
}
/* PSEUDONYME */
.nameP {
width:200px; padding:5px;
text-align:center;
font-family: 'Alegreya', serif;
font-size: 26px;
text-shadow: 1px 1px 1px white;
}
/* TEXTE RANG */
.rankP {
padding:5px; width:200px;
text-transform:uppercase; text-align:center;
background: white; color:#DFB829;
  box-shadow: 0px 0px 3px white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFOS JOUEUR */
.dtailS {
padding:5px; width:180px; margin:auto;
font-size:11px; color:black; background:rgba(250,250,250,0.4); /* MODIFIABLE */
}
/* TRIANGLE BAS PROFIL */
.triP {
width:0; height:0; border-style:solid; border-width:50px 105px 0 105px; border-color:transparent;
border-top-color: #2B313F;
}
/* QEEL */
.qeel_groupes
{
  position: relative;
  z-index: 11;
  width: 250px;
  height: 250px;
  margin: auto;
  text-align: center;
  background: url('https://i.ibb.co/0GzHryp/original-1.gif');
  overflow: hidden;
  border: 5px solid #ffffff;
  border-radius: 250px;
  font-size: 0;
  box-shadow: 0px 0px 5px #39322c;
  overflow: hidden;
}
.qeel_groupes a.gensmall
{
  display: block;
  text-align: center;
  font-size: 12px;
  background: none;
  font-family: 'Gafata', sans-serif;
  transition: 500ms;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
}
.qeel_groupes a.gensmall:hover
{
  background: #ffffff;
}
.qeel_gen
{
  text-align: center;
  font-family: 'Alegreya', serif;
  text-shadow: 1px 1px 1px #C13342;
}
.qeel_gen .gensmall
{
  font-size: 18px;
  color: #C13342 !important;
}
.qeel_co
{
  position: absolute;
  z-index: 10;
  width: 450px;
  height: 200px;
  margin-top: 25px;
  overflow: hidden;
}
.qeel_co img
{
  position: absolute;
  transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
}
.qeel_co:hover img
{
  margin-left: 450px;
}
.qeel_last
{
  position: absolute;
  z-index: 10;
  width: 450px;
  height: 200px;
  right: 0;
  margin-right: 10px;
  margin-top: 25px;
  overflow: hidden;
}
.qeel_last img
{
  position: absolute;
  transition: 1s;
    -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
}
.qeel_last:hover img
{
  margin-left: -450px;
}
.qeel_co_bloc, .qeel_last_bloc
{
  width: 300px;
  height: 180px;
  padding: 10px;
  background: #F5E9F1;
  overflow: auto;
}
.qeel_last_bloc
{
  float: right;
}
/* CHAMPS DE SAISIE ET BOUTONS */
input, select, textarea
{
  background: #E3E3E3;
  padding: 2px;
  border: none;
}
.mainoption, .liteoption
{
  background: #999999;
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  transition: 500ms
     -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
}
.mainoption:hover, .liteoption:hover
{
  background: #999999;
}
.sceditor-container iframe, .sceditor-container textarea
{
  max-width: 620px;
}
td.pourcentback img
{
  background: #999999;
}
/* RETRAIT DES BORDURES */
    .row3Right
    {
    border: none !important;
    }
    .thHead
    {
    border: none !important;
  font-family: 'Alegreya', sans-serif;
    }
    .thCornerL, .thCornerR, .thTop
    {
    border: none !important;
    }
    .thLeft, .thRight
    {
    border-left: none !important;
    border-right: none !important;
    }
    .catLeft, .catRight
    {
    border: none! important;
    }
    .catHead
    {
    border: none !important;
    background: none !important;
    padding: 0px;
    }
    .catBottom
    {
    border: none !important;
    }
#page-footer
{
  width: 950px;
  height: 200px;
  margin: auto;
  background: linear-gradient(270deg, #41bbd9, #2b313f);
  border-top: 3px solid #ffffff;
  margin-top: 3em;
}
#page-footer a
{
  font-size: 10px;
  color: #ffffff !important;
}
#page-footer a:hover
{
  color: #4A392E !important
}
 /*NAVIGATION*/

/*Bloc de la boussole*/
.nav_bloc {
  background-image: url('https://i.ibb.co/7Sd0BPr/boussole2.png');
  width: 300px;
  height: 300px;
  position: relative;
  display: block;
  margin-top: -190px;
  margin-left: 30px;
}

/*Trucs pour les liens*/
.navv {
  position: absolute;
  display: block;
  z-index: 2;
}

/*Aiguille*/
#nav_aiguille {
  background-image: url('https://i.ibb.co/9hPpzsN/boussoleneedle2.png');
  width: 27px;
  height: 300px;
  bottom: 0px;
  left: 135px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /*IE 9*/
  -webkit-transform: rotate(0deg); /*Opera, Chrome, and Safari*/
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  z-index: 1;
}

/*Positionnement des liens*/
#accueil {
  width: 100px;
  height: 27px;
  bottom: 260px;
  left: 101px;
  transform:rotate(1deg);
  -ms-transform:rotate(1deg); /* IE 9 */
  -webkit-transform:rotate(1deg); /* Opera, Chrome, and Safari */
}
#rechercher {
  width: 131px;
  height: 35px;
  bottom: 200px;
  left: 184px;
  transform:rotate(57deg);
  -ms-transform:rotate(57deg); /* IE 9 */
  -webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres {
  width: 94px;
  height: 28px;
  bottom: 100px;
  left: 218px;
  transform:rotate(109deg);
  -ms-transform:rotate(109deg); /* IE 9 */
  -webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes {
  width: 99px;
  height: 32px;
  bottom: 21px;
  left: 144px;
  transform:rotate(157deg);
  -ms-transform:rotate(157deg); /* IE 9 */
  -webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil {
  width: 79px;
  height: 28px;
  bottom: 25px;
  left: 55px;
  transform:rotate(205deg);
  -ms-transform:rotate(205deg); /* IE 9 */
  -webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp {
  width: 115px;
  height: 39px;
  bottom: 120px;
  left: -31px;
  transform:rotate(265deg);
  -ms-transform:rotate(265deg); /* IE 9 */
  -webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#off, #on {
  width: 80px;
  height: 31px;
  bottom: 225px;
  left: 26px;
  transform:rotate(315deg);
  -ms-transform:rotate(315deg); /* IE 9 */
  -webkit-transform:rotate(315deg); /* Opera, Chrome, and Safari */
}
#s_inscrire {
  width: 107px;
  height: 37px;
  bottom: 120px;
  left: -27px;
  transform:rotate(263deg);
  -ms-transform:rotate(263deg); /* IE 9 */
  -webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}

/*Mouvement de l'aiguille selon le lien survolé*/
#accueil:hover ~ #nav_aiguille {
  transform:rotate(2deg);
  -ms-transform:rotate(2deg); /* IE 9 */
  -webkit-transform:rotate(2deg); /* Opera, Chrome, and Safari */
}
#rechercher:hover ~ #nav_aiguille {
  transform:rotate(57deg);
  -ms-transform:rotate(57deg); /* IE 9 */
  -webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres:hover ~ #nav_aiguille {
  transform:rotate(109deg);
  -ms-transform:rotate(109deg); /* IE 9 */
  -webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes:hover ~ #nav_aiguille {
  transform:rotate(157deg);
  -ms-transform:rotate(157deg); /* IE 9 */
  -webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil:hover ~ #nav_aiguille {
  transform:rotate(205deg);
  -ms-transform:rotate(205deg); /* IE 9 */
  -webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp:hover ~ #nav_aiguille {
  transform:rotate(265deg);
  -ms-transform:rotate(265deg); /* IE 9 */
  -webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#s_inscrire:hover ~ #nav_aiguille {
  transform:rotate(263deg);
  -ms-transform:rotate(263deg); /* IE 9 */
  -webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}
#on:hover ~ #nav_aiguille, #off:hover ~ #nav_aiguille {
  transform: rotate(315deg);
  -ms-transform: rotate(315deg); /* IE 9 */
  -webkit-transform: rotate(315deg); /* Opera, Chrome, and Safari */
}

               /*FIN NAVIGATION*/
/*FICHES*/
/********************************************************* FICHE PRESENTATION *********************************************************/
.credits {
    color: #d89d95 !important;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.fiche_wa {
    background: #fff;
    margin: auto;
    width: 500px;
    border: 1px solid #98aebc;
}

.fiche_wa .entete {
    background: url('https://i.imgur.com/KnaSp5u.jpg');
    width: 100%;
    height: 285px;
    color: #fff;
}

.contenu_fiche {
    padding: 10px 40px;
}

.fiche_wa h4 {
    background: #8da4cd;
    padding: 5%;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
}

.fiche_wa h5 {
    border-bottom: 2px solid #c13342;
    color: #c13342;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding-bottom: 2%;
}

dd.quote {
    border-left: 5px solid #c13342 !important;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
}

.quote {
    border-left: 5px solid #dfb829 !important;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
}

.conclusion {
    background: #8da4cd;
    padding: 4%;
}

.conclusion p {
    border: 1px solid #fff;
    padding: 5%;
    background: #fff;
}

.conclusion p::before {
    color: #8da4cd;
    content: "▶";
    font-size: 20px;
    float: left;
    padding-right: 2%;
}

.fiche_wa .imp {
    color: #98aebc;
    font-weight: 700;
}

.contenu_fiche p {
    margin-top: -3%;
}

.conclusion p {
  margin: 0 !important;
}

.contenu_pres {
    width: 100%;
    height: 150px;
    overflow: auto;
}
 


.AEI {
margin:auto; width:570px; line-height:normal;
}
.topAEI {
margin-bottom:10px;
width:545px; text-align:center;
}
.abtAEI {
display:inline-block; vertical-align:middle;
width:340px; font-size:11px;
opacity:0.5; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.abtAEI ul {
list-style:none; padding:0;
}
.abtAEI li {
display:inline-block; vertical-align:top; margin:5px;
width:135px; padding:5px 0; overflow:hidden; font-family: 'Gafata', Arial;
}
.topAEI:hover .abtAEI {
opacity:1;
}
.phyzAEI {
display:inline-block; vertical-align:middle; margin-right:15px;
width:175px; height:280px; overflow:hidden; border-right:5px solid; border-left:5px solid;
}
.phyzAEI img {
width:175px; height:280px;
}
.phyzAEI div {
position:relative; z-index:5;
width:155px; height:260px; padding:10px; overflow-y:auto;
font-size:11px; font-family:Arial; text-align:justify; line-height:14px;
transition:transform 0.55s linear; -webkit-transition:transform 0.55s linear;
}
.phyzAEI:hover div {
transform:translateY(-280px); -webkit-transform:translateY(-280px);
}
.boxAEI {
display:inline-block; vertical-align:top;
opacity:0.7; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.boxtechAEI {
display:inline-block; vertical-align:top;
opacity:0.7; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.boxAEI:hover {
opacity:1;
}
.boxtechAEI:hover {
opacity:1;
}
.techAEI {
width:245px;
}
.caraAEI {
margin-left:10px; width:290px;
margin-bottom:10px;
}
.storyAEI {
width:290px;
margin-bottom:10px;
}
.techAEI {
 width: 245px;
}
.arriveeAEI {
width:245px;
margin-bottom: 10px;
}
.tleAEI {
margin:auto; padding:10px 0px;
text-align:center; font-size:14px; font-family:'Gafata', Arial; letter-spacing:2px; text-transform:uppercase;
}
.boxAEI p {
margin:0; height:250px; padding:5px 10px; overflow:hidden;
font-size:11px; text-align:justify; font-family:'Gafata', Arial; line-height:14px;
}
.boxtechAEI p {
margin:0; height:150px; padding:5px 10px; overflow:hidden;
font-size:11px; text-align:justify; font-family:'Gafata', Arial; line-height:14px;
}
.boxAEI p:hover {
overflow-y:auto;
}
.boxtechAEI p:hover {
overflow-y:auto;
}
.UAEI {
margin-top:10px;
font-size:11px; font-family:'Gafata', Arial; text-align:center;
}
.imgUAEI img {
display:inline-block; vertical-align:top;
width:100px; height:100px;
}
.imgUAEI {
display:inline-block; vertical-align:middle;
width:200px; border-right:5px solid; border-left:5px solid;
}
.abtUAEI {
display:inline-block; vertical-align:middle; margin:0 10px; text-align:center;
opacity:0.5; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.abtUAEI div {
width:135px; height:14px; padding:5px 0; overflow:hidden;
font-size:11px; font-family:'Gafata', Arial;
}
.abtUAEI div:nth-of-type(2) {
margin:5px auto;
}
.UAEI:hover .abtUAEI {
opacity:1;
}
.moreUAEI {
display:inline-block; vertical-align:middle;
width:150px; height:72px; padding:5px; overflow-y:auto;
font-size:11px; font-family:'Gafata', Arial; text-align:justify; line-height:15px;
opacity:0.5; transition:opacity 0.55s ease-in-out; -webkit-transition:opacity 0.55s ease-in-out;
}
.UAEI:hover .moreUAEI {
opacity:1;
}
.cdtAEI {
position:absolute; margin-left:-23px; margin-top:30px;
opacity:0; transform:scale(0.8); -webkit-transform:scale(0.8); transition:all 0.55s ease-in-out; -webkit-transition:all 0.55s ease-in-out;
}
.cdtAEI:hover {
opacity:1;
}
/*EN-TÊTE*/
.enteterp
{
  width: 90%;
  background: url('https://i.ibb.co/0s7bzFc/header-sujets-important.png');
  box-shadow: 0px 0px 2px #FBE5F3;
  color: white;
  font-weight: bold;
  background-position: right;
  font-family: 'Euphoria Script','Shadows Into Light Two', cursive;
  font-size: 40px;
  letter-spacing: none;
  text-align: center;
  padding: 3px;
  margin: auto;
  border-radius: 40%;
  margin-top: 1em;
}
.sous-titreamis
{
  font-family: 'Alegreya', cursive;
  color: #41BBD9;
}
.sous-titreennemis
{
  font-family: 'Alegreya', cursive;
  color: #f38d8f;
}

/*
 * Libre service bloc de connexion rapide verte
 * NEVER UTOPIA
 */

 /* Bloc qui entoure tout */
 .cnxl-bloc {
     margin: 20px auto;
     font-family: 'Gafata', 'Archivo Narrow', serif;
     text-align: center;
     font-size: 15px;
     color: gray;
 }

 /* Aligner les 3 blocs */
 .cnxl-submit-bloc,
 .cnxl-inscription,
 .cnxl-input-bloc {
     display: inline-block;
     vertical-align: middle;
 }

 /* Style commun pour tous les champs */
 .cnxl-form input {
     padding: 10px;
     border: none;
     font-family: inherit;
     font-size: 15px;
     outline: none;
 }

 /*
  * Décoration à gauche
  * Inscription
  */

 .cnxl-inscription {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     border: 2px solid #DFB829;
     padding: 8px;
 }

 .cnxl-inscription img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 50%;
 }


 /*
  * Champs à remplir au centre
  */

 .cnxl-input-bloc {
     margin: 0 20px;
     width: 200px;
     border-radius: 5px;
     box-shadow: 0 0 0 2px #41BBD9;
     overflow: hidden;
     padding: 0 5px; /* espace entre le bord et le trait des input */
     background: #FFFFFF;
 }

 .cnxl-input-bloc input {
     color: black;
     box-sizing: border-box;
     display: block;
     width: 100%;
     border-bottom: 1px solid #F5E9F1; /* bordure entre les input */
     box-shadow: 0 0 0 100px #ffffff inset; /* couleur de fond des input */
 }
 .cnxl-input-bloc input:last-of-type {
     border: none;
 }


 /*
  * Connexion à droite
  */

 /* Bouton de connexion */
 .cnxl-submit-bloc input {
     background: #F5E9F1;
     border-radius: 3px;
     cursor: pointer;
     transition: all 300ms ease-out;
 }

 /* Bouton de connexion au survol */
 .cnxl-submit-bloc input:hover {
     background: #C13342;
 }

 /*
  * Zone en bas
  */

 .cnxl-form label {
     cursor: pointer;
 }

 /* Liens (Mot de passe oublié) */
 .cnxl-bloc a {
     font-size: 10px;
     text-decoration: none!important;
     color: gray;
     text-decoration: none;
     transition: all 300ms ease-out;
 }

 /* Liens au survol (Mot de passe oublié) */
 .cnxl-bloc a:hover {
     color: #8DA4CD;
 }

 /*
  * Fin libre service Connexion rapide verte
  * Never Utopia
  */
/* Icônes couleur dans la palette */

.color-option {
display: inline-block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
margin: 3px !important;   /* espace entre chaque icône */
box-shadow: 0 0 2px #778899;   /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px;  /* arrondi */
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largeur de la palette complète */
height: 100px !important;  /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
table#msg_et, table#msg_et td{
   background-color:none !important;
   }
/*Fond des smileys*/
#sceditor_smilies {
    background-color: transparent;
}
/*Icônes en forme*/
.icopersos{
height: 100px;
  width: 100px;
  border-radius: 100%;
  float: left;
  margin-right: 5px;
  border: 5px solid  #41BBD9;
  overflow: hidden;
}
/*Equipes*/
.bg_equipe{
  background-color: #5a2d22;
  padding: 5px;
}
.titre_equipe{
  font-family: 'Alegreya', cursive;
  font-size: 50px;
  margin-left: 3%;
  margin-top: 10px;
  margin-bottom: -0.7%;
}
.citation_equipe{
  font-family: serif;
  font-size: 30px;
  font-style: italic;
  text-align: center;
  text-shadow: 0px 0px 2px black;
}
/*SMS*/
.SMSico {
  height: 100px;
  width: 100px;
  border-radius: 100px 0px 100px 100px;
  box-shadow: 0px 0px 2px black;
  overflow: hidden;
}
.SMSbox {
  width: 500px;
  box-shadow: 0px 0px 2px black;
  background: #F5E9F1;
  padding: 5px 15px;
  margin-left: 10px;
  border-radius: 30px;
}
/*Icônes coach*/
.coachico {
width: 200px;
height: 250px;
background-color: pink;
transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
opacity: 0.8;
overflow: hidden;
box-shadow:0 0 5px rgba(0,0,0,0.1), inset 0 0 145px rgba(0,0,0,0.1)
}
.coachico:hover {
 opacity: 1;
}
/*Présentations coachs*/
.IRA {
margin:auto; width:250px; height:475px; line-height:normal;
transition:width 0.85s; -webkit-transition:width 0.85s;
}
.IRA:hover {
width:500px;
}
.dekTIRA {
position:absolute; margin-left:290px; margin-top:105px;
font-family:'Gafata', Arial; font-size:24px;
transform:rotate(15deg); -webkit-transform:rotate(15deg);
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .dekTIRA {
margin-left:245px; margin-top:1px;
font-size:14px;
transform:rotate(360deg); -webkit-transform:rotate(360deg);
}
.dekBIRA {
position:absolute; margin-left:290px; margin-top:335px;
font-family:'Gafata', Arial; font-size:24px;
transform:rotate(-15deg); -webkit-transform:rotate(-15deg);
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .dekBIRA {
margin-left:245px; margin-top:455px;
font-size:14px;
transform:rotate(360deg); -webkit-transform:rotate(360deg);
}
.tleIRA {
position:absolute; margin-top:135px; margin-left:150px;
width:200px; height:200px; border-radius:200px; overflow:hidden;
font-size:20px; font-weight:bold; text-align:center; text-transform:uppercase;
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .tleIRA {
margin-left:220px; margin-top:220px;
width:0; height:0; overflow:hidden;
opacity:0;
}
.tleIRA span {
display:inline-block; vertical-align:middle;
}
.tleIRA span:nth-of-type(1) {
height:200px;
}
.msgIRA {
position:absolute; margin-top:200px; margin-left:200px;
width:0; height:0; padding:10px; border-radius:100%; overflow:hidden;
font-size:11px; text-align:justify;
opacity:0; transition:all 1s ease; -webkit-transition:all 1s ease;
}
.IRA:hover .msgIRA{
margin-top:20px; margin-left:20px;
width:440px; height:415px; border-radius:0; overflow-y:auto;
opacity:1; transition:all 1s ease; -webkit-transition:all 1s ease;
}
.cdtIRA {
position:absolute; z-index:2; margin-top:195px; margin-left:-13px;
transform:scale(0); -webkit-transform:scale(0); transition:transform ease-in-out 0.95s; -webkit-transition:-webkit-transform ease-in-out 0.95s;
}
.IRA:hover .cdtIRA {
transform:scale(1); -webkit-transform:scale(1);
}
/******************Headers et tout le reste*********************/
.header-image {
  margin: auto;
  width: 600px;
  height: 200px !important;
  filter:grayscale(1); -webkit-filter:grayscale(1);
  border-radius: 100px 0px 0px 0px;
  background: url('https://i.ibb.co/0s7bzFc/header-sujets-important.png');
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.header-image:hover {
  filter:grayscale(0);
  -webkit-filter:grayscale(0);
  transition:all 0.55s ease;
  -webkit-transition:all 0.55s ease;
}
.header-titre {
  font-family: 'Euphoria Script', cursive;
  color: #DFB829;
  font-size: 40px;
  text-shadow: 0px 0px 2px #DFB829;
  margin-top: 190px;
  text-align: right;
}

/*****ADMINISTRATION*******/
.headercontrats {
  margin: auto;
  margin-top: 30px;
  height: 50px !important;
  width: 500px;
  no-repeat; border-radius: 10px 10px 10px 10px;
  color: white;
  font-size: 20px;
  font-family: 'Alegreya', serif;
  weight: bold;
}
.h2contrats {
  height: 25px;
  width: 600px;
}
.quotecontrats {
  margin-left: 10px;
  border-left: 3px solid #41bbd9;
  padding-left: 5px;
}
/*EQUIPES*/
.titreequipes {
  margin: auto;
  margin-top: 50px;
  text-align: center;
  font-family: 'Euphoria Script', serif;
  font-size: 40px;
}
.soustitreequipes {
  margin: auto;
  text-align: center;
  font-family: 'Alegreya', serif;
  font-size: 20px;
}
.descequipes {
  margin: auto;
  width: 400px;
}
.imgequipes {
  width: 200px;
}
.imgcoach {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 150px;
  height: 150px;
  background-color: pink;
  border-radius: 100%;
  border: 3px solid blue;
}
.titrecoach {
  margin-top: -20px;
  height: 25px;
  font-size: 20px;
  font-family: 'Alegreya', serif;
  color: #2B313F!important;
  font-weight: normal;
  position: absolute;
}
.desccoach {
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: #FFD483;
  border-radius: 10px;
  padding: 5px;
  height: 150px;
  width: 430px;
  overflow: scroll;
}
.bottinimgavatar {
  border-radius: 50px;
  height: 50px;
  width: 50px;
  border: 5px double #2b313f;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
/* FICHE DE PREDEFINI */
.PFIICAN {
box-shadow:0 0 3px rgba(0,0,0,0.2); background:#e1eaf8;
}
/* NOM PRENOM(S) */
.npPFIICAN {
box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
}
/* BORDURES IMAGE */
.abtPFIICAN {
border-color: #e1eaf8; !important;
}
/* INFORMATIONS & PHYSIQUE */
.abtPFIICAN div {
background:rgba(250,250,250,0.7); color: #2b313f;
}
/* AGE */
.agePFIICAN {
background:rgba(250,250,250,0.3); color: #2b313f;
}
/* NATIONALITE */
.fromPFIICAN {
background:rgba(250,250,250,0.3); color: #2b313f;
}
/* BLOC CARACTEREET HISTOIRE */
.caraPFIICAN {
background:rgba(250,250,250,0.6);
}
.caraethist {
  font-size: 12px;
  min-height: 40px;
  background: #f5e9f1;
  border-radius: 5px;
  margin-top: 10px;
  width: 480px;
  padding: 5px;
}
/* ADJECTIFS */
.caraPFIICAN div {
background: #2b313f; color:white;
}
/* HISTOIRE */
.storyPFIICAN {
color: #2b313f;
}
/* INTITULE RELATIONS */
.lksPFIICAN span:nth-of-type(1) {
box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
}
/* RELATIONS */
.RPFIICAN div {
color:white;
}
.photoliens {
    height: 50px;
    width: 50px;
    border: 2px solid #dfb829;
    margin-right: 5px;
    border-radius: 100%;
  margin-bottom: 5px;
  float: left;
  overflow: hidden;
  }
.descliens {
  width: 160px;
  min-height: 100px;
  background: #f5e9f1;
  padding: 5px;
  font-size: 10px;
  text-align: left;
  margin: auto;
}
.grpPFIICAN {
  width: auto;
}
.h4 {
  font-family: 'Gafata', sans-serif;
}
/*FOOTER PARTOS*/
.divdespartosfooter {
  margin: auto;
  margin-top: 50px;
  margin-right: 100px;
  width: 690px;
}

Merci d'avance !
P-Summers

P-Summers
Nouveau membre

Messages : 28
Inscrit(e) le : 05/02/2016

Voir le profil de l'utilisateur https://spirited-soccer.forumsrpg.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Prévisualisation dans la mauvaise police Empty Re: Prévisualisation dans la mauvaise police

Message par P-Summers Dim 13 Juin 2021 - 20:43

Oh bah tiens ! J'avais oublié de toucher au template mentions_tooltip. Je comprends pas trop le rapport, mais ça a marché !
P-Summers

P-Summers
Nouveau membre

Messages : 28
Inscrit(e) le : 05/02/2016

Voir le profil de l'utilisateur https://spirited-soccer.forumsrpg.com/
P-Summers a été remercié(e) par l'auteur de ce sujet.

Prévisualisation dans la mauvaise police Empty Re: Prévisualisation dans la mauvaise police

Message par Chacha Sam 19 Juin 2021 - 8:37

Prévisualisation dans la mauvaise police UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 65542
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Prévisualisation dans la mauvaise police Empty Re: Prévisualisation dans la mauvaise police

Message par Chacha Lun 21 Juin 2021 - 9:25

Prévisualisation dans la mauvaise police 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 65542
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum