Prévisualisation dans la mauvaise police

[P-Summers]

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:

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]

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]

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

[Chacha]

Bonjour, 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]

Bonjour, 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.