Suggestion d'un système d'encodage pour les lecteurs invités

[petitefeuille]

Bonjour,

J'espère que vous allez bien !

Je voulais savoir s'il serait possible d'avoir un encodage pour les invités, un peu comme ce qu'on voit sur le site du "Parisien".

Spoiler:

Cela permettrait de leur demander de se connecter pour lire la suite des articles ou des sujets, ce qui pourrait vraiment inciter davantage de personnes à s'inscrire sur notre forum.

Je pense que ce serait une belle manière de dynamiser notre communauté tout en protégeant un peu nos contenus.

Merci d'avance pour votre aide, et j'attends avec impatience votre retour.

Cordialement,
Lydie

[MlleAlys]

Bonjour,
Une proposition a été validée, et en attendant qu'elle soit réalisée ou pas, un script avait été proposé dans ce sujet :
https://forum.forumactif.com/t409041-script-pour-lecture-partielle-des-sujets
Ce n'est pas 100% "sécurisé" car il est contournable, mais ça fonctionne pour le commun des mortels ^^

[petitefeuille]

Bonjour MlleAlys,

merci et je vais aller voir ça ! peut-on laisser ce topique ouvert, le temps que je vois ça tranquillement ?

je vous remercie d'avance

[petitefeuille]

Alors j'ai testé sur un forum test et ça fonctionne très bien ! Merci beaucoup

Bonne journée à vous tous

[petitefeuille]

Bonjour, suite au topique Suggestion d'un système d'encodage pour les lecteurs invités je l'ai fermé trop tôt, je suis désolée !

Mais je viens de m'apercevoir que les messages cités, c'est affreux le rendu :



Peut-on améliorer s'il vous plait ?

Merci d'avance

[Stefano123]

Bonjour petitefeuille,

Je me permets de m'immiscer dans votre sujet.

Collez ceci dans votre feuille de style :
Vous pouvez customiser vos blockquote (citer) : enfin si c'est bien ça !!  
Ceci est une base de customisation :

Code:

blockquote {
  margin: 1em 1px 1em 25px;
  padding: 5px;
  background: #ebeadd url(https://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;
  border: 1px solid #DBDBCE;
  font-size: .95em;
  margin: 1em 1px 1em 25px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 20px #b7b7b7;
}

blockquote blockquote {
  background-color: #EFEED9;
  font-size: 1em;
  margin: .5em 1px 0 15px;
  box-shadow: 0 0 20px #b7b7b7;
}

blockquote blockquote blockquote {
  background-color: #ebeadd;
  box-shadow: 0 0 20px #8e8a8a;
}

blockquote cite {
  font-style: normal;
  font-weight: 700;
  display: block;
  font-size: .9em;
}

.content blockquote {
  color: #536482;
}

blockquote div {
  margin-left: 20px;
}

Bon week-end,

cordialement,

[petitefeuille]

Bonjour Stefano123,

merci de votre aide, je l'ai ajouté au CSS et j'ai ce message :



je ne peux pas le mettre ....

[petitefeuille]

voici mon CSS complet en deux parties, car ici aussi le message est trop long !

Parti N°1

Code:

/*lancers de dés limités*/
#dice_to_del {
    display: none;
}
/*Script pour lecture partielle des sujets*/
.guest {
  background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1) 75%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.guestmsg {
  padding: 10px;
  border: 1px solid #000; /* Épaisseur de bordure réduite */
  background: #EEEEEE; /* Couleur de fond */
  text-align: center;
  font-size: 16px;
  border-radius: 10px; /* Coins arrondis */
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); /* Relief, effet d'ombre */
  width: 50%; /* Réduction de la largeur à 50% du conteneur parent */
  margin: 0 auto; /* Centre le cadre horizontalement */
}



/*raccourcir les liens Google ds les messages*/
tr.post .postbody div:first-child a[href*="google"]
{
white-space: nowrap;overflow:hidden;text-overflow: ellipsis;width:250px;display:inline-block;
}
/*************LES SIGNATURES *********** */
.signature_div {width:100%;text-align:center;}
.signature_div img{max-width: 500px !important;max-height: 250px !important;}


.post .postbody{padding:5px 20px 5px 5px;margin-top: 30px;}
/** BEGIN Quote Collapse */
    .fa-quote-collapsed {
      display:block;
      height:200px;
      overflow:hidden;
      position:relative;
    }
    a.fa-quote-expand {
      display:none;
      position:absolute;
      z-index:1;
      left:50%;
      width:150px;
      margin-left:-75px;
      height:30px;
      line-height:30px;
      bottom:15px;
      text-align:center;
      text-decoration:none;
     
      background-color:#5E85AC;
      border:1px #999 solid;
     
    }
    .fa-quote-collapsed a.fa-quote-expand {
      display: block;
      color:white!important;
  text-decoration:none!important;
    }
    /** END Quote Collapse */


/*couleur groupe admin sur liste des sujets*/
a.gmod[href="/g1-admin"]{color:#8B0000!important;}
/*reduction titre du sujet sur les messages*/
.M14_postdetails{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width:15%;max-width:30%; display: inline-block; position:relative;top:4px;}

/*Pourcentage des mps*/
.pourcentback{background-color:#4f7084!important;}
/* SCRIPT Couleurs Fond sur légende info Rang */
/*on met la taille de police a zero pour masquer les accolades*/
#M14_legend{font-size:0px;}
#M14_legend b{font-weight:400!important;}
/*on donne une apparence identique a tous les groupes */
#M14_legend a.gensmall[href^="/g"]
{
  color:#fff!important;
  top: 0px;
position: relative;
  font-size:16px !important;
  margin-left:5px;
  padding:1px 3px 1px 3px;
  text-decoration:none !important;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* on donne une couleur de fond differente aus groupes*/
/*Bouton admin*/
#M14_legend a.gensmall[href^="/g1-"]{background:#8B0000;}
/*Bouton co admin*/
#M14_legend a.gensmall[href^="/g27-"]{background:#8B0000;}
/*Bouton modo*/
#M14_legend a.gensmall[href^="/g23-"]{background:#188718;}
/*Bouton membre PremiuMembre*/
#M14_legend a.gensmall[href^="/g20-"]{background:#366092;}
/*Bouton membre Anim' */
#M14_legend a.gensmall[href^="/g22-"]{background: #36c1d0;}
/*Bouton membre V.I.P +*/
#M14_legend a.gensmall[href^="/g18-"]{background:#D2691E;}
/*Bouton membre V.I.P*/
#M14_legend a.gensmall[href^="/g9-"]{background:#f07a4f;}
/*Bouton nouveau Membre p F*/
#M14_legend a.gensmall[href^="/g14-"]{background:#3697DA;}
/*Bouton membre New pF*/
#M14_legend a.gensmall[href^="/g29-"]{background:#798DA3;}

span#M14_legend{height:16px;line-height:16px;}


/* Fin SCRIPT Couleurs Fond sur légende info Rang */

.M14_navigation.profil .mainmenu.bis{font-size:12px!important;}
/* LES BOUTONS SUR L EDITEUR*/
.M14_legende_editor,.M14_slide_legende_editor{height:min-height20px;padding:3px;line-height:20px;color:#fff;font-size:14px;text-align:center;border-radius: 5px;margin: 5px;box-sizing: content-box;}
.M14_legende_editor span:before{font-family:FontAwesome;font-size:14px;color:#fff;content:"\f067";font-weight:400!important;}
.M14_slide_legende_editor span:before{font-family:FontAwesome;font-size:14px;color:#fff;content:"\f068";font-weight:400!important;}
.sceditor-container .sceditor-button {border-radius: 0;padding: 4px 6px;position: relative;}
div.sceditor-toolbar div.sceditor-group{background:#4f7084;}
.sceditor-container .sceditor-button.disabled{opacity:1}
.sceditor-container .sceditor-button div,.sceditor-button.sceditor-button-giphy div{background-image: none;}
.sceditor-button.sceditor-button-mention div,.sceditor-button.sceditor-button-twemojifa div{background:none!important;}
.sceditor-container .sceditor-button:hover{box-shadow:none;background:#4f7084;}
.sceditor-container .hover, .sceditor-container .sceditor-button.active, .sceditor-container .sceditor-button:active{box-shadow:none;background:#4f7084;}
.sceditor-button.M14_btn_finger div{background-image:none;}
.sceditor-button:after, .sceditor-button:before {color: #fff;font-size: 14px;font-weight: 400;font-family: FontAwesome;text-align: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 28px;text-indent: 0;}
.sceditor-button.help_editor:after{content:"\f085";}
#chatbox_messenger_form #divgifs:before {content:"."!important;font-size:0px!important;}
#chatbox_messenger_form #divgifs:after{color: #fff;font-size: 14px;font-weight: 400;font-family: FontAwesome;}
#chatbox_messenger_form #divgifs:after{content:"\f005";}
.sceditor-button.sceditor-button-giphy:after{content:"\f005";}
.sceditor-button.sceditor-button-mention:after{content:"\f1fa";}
.sceditor-button.sceditor-button-faroll:after{content:"\f16e";}
.sceditor-button.no_conforme:after{content:"\f19d";}
.sceditor-button.tag_moder:after{content:"\f198";}
.sceditor-button.hors_sujet:after{content:"\f128"}
.sceditor-button.stop_flood:after{content:"\f05e"}
.sceditor-button.avert_modo:after{content:"\f071"}
.sceditor-button.retour_topic:after{content:"\f021"}
.sceditor-button-embed:after{content:"\f08e";}
.sceditor-button.post_image:after{content:"\f093";}
.sceditor-button.post_zup:after{content:"\f093";}
.sceditor-button.sceditor-button-twemojifa:after{content:"\f113";}
.sceditor-button-bold:after{content:"\f032"}
.sceditor-button-italic:after{content:"\f033"}
.sceditor-button-underline:after{content:"\f0cd"}
.sceditor-button-strike:after{content:"\f0cc"}
.sceditor-button-left:after{content:"\f036"}
.sceditor-button-center:after{content:"\f037"}
.sceditor-button-right:after{content:"\f038"}
.sceditor-button-justify:after{content:"\f039"}
.sceditor-button-bulletlist:after{content:"\f0ca"}
.sceditor-button-orderedlist:after{content:"\f0cb"}
.sceditor-button-horizontalrule:after{content:"\f068"}
.sceditor-button-quote:after{content:"\f10d"}
.sceditor-button-code:after{content:"\f121"}
.sceditor-button-faspoiler:after{content:"\f071"}
.sceditor-button-fahide:after{content:"\f070"}
.sceditor-button-table:after{content:"\f0ce"}
.sceditor-button-servimg:after{content:"\f093"}
.sceditor-button-image:after{content:"\f03e"}
.sceditor-button-link:after{content:"\f0c1"}
.sceditor-button-youtube:after{content:"\f16a"}
.sceditor-button-headers:after{content:"\f1dc"}
.sceditor-button-size:after{content:"\f034"}
.sceditor-button-color:after{content:"\f1fb"}
.sceditor-button-font:after{content:"\f031"}
.sceditor-button-removeformat:before{content:"\f031"}
.sceditor-button-removeformat:after{content:"\f056";font-size:10px;left:auto;top:auto;right:5px;bottom:3px;line-height:normal}
.sceditor-button-more:after{content:"\f141"}
.sceditor-button-subscript:after{content:"\f12c"}
.sceditor-button-superscript:after{content:"\f12b"}
.sceditor-button-fascroll:after{content:"\f100"}
.sceditor-button-faupdown:after{content:"\f102"}
.sceditor-button-farand:after{content:"\f074"}
.sceditor-button-emoticon:after{content:"\f118"}
.sceditor-button-date:after{content:"\f271"}
.sceditor-button-time:after{content:"\f017"}
.sceditor-button-pastetext:after{content:"\f0ea"}
.sceditor-button-source:after{content:"\f0f6"}
/*FIN*/
img[src="https://i.servimg.com/u/f86/18/21/41/30/websit10.png"]{background:#4f7084;border-radius:18px;}
/*la petite image sur les messages*/
.M14_dossier_topic:before{color:#4f7084;font-family:FontAwesome;font-size:14px;font-weight:400!important;}
.M14_dossier_topic[alt="Message"]:before{content:"\f115";}
.M14_dossier_topic[alt="Nouveau message"]:before{content:"\f114";}
.M14_time_pictures_topic:before{color:#4f7084;font-family:FontAwesome;content:"\f017";font-size:14px;font-weight:400!important;}
/*********DEBUT CHATBOX*****/
span[id^="chatbox_option_with"] a{font-size:16px!important;}
#chatbox p[class^="chatbox_row"] {font-size:16px !important;}
#chatbox_header:before {content: "N'oubliez pas de consulter les archives, vous pourriez manquer des conversations. Merci."!important;background: url('https://zupimages.net/up/23/37/do46.png') left center no-repeat !important;color:white !important;display: block !important;font-size: 16px !important;padding: 10px !important;padding-left: 35px !important;position:absolute;left:11%;top:-3px;}
.M14_spoiler_chatbox:before{font-family:FontAwesome;font-size:16px;color:#fff;content:"\f071";font-weight:400!important;}
.M14_strike_chatbox:before{font-family:FontAwesome;font-size:16px;color:#fff;content:"\f10d";font-weight:400!important;}
.M14_pictures_chatbox:before{font-family:FontAwesome;font-size:16px;color:#fff;content:"\f03e";font-weight:400!important;}
.M14_clear_chatbox:before{font-family:FontAwesome;font-size:16px;color:#fff;content:"\f01e";font-weight:400!important;}
.M14_thanks_chatbox:before{font-family:FontAwesome;font-size:16px;color:#fff;content:"\f164";font-weight:400!important;}
.M14_youtube_chatbox:before{font-family:FontAwesome;font-size:16px;color:#fff;content:"\f16a";font-weight:400!important;}
.cb_delete_msg:before{font-family: FontAwesome;font-size:14px!important;content:"\f00d";font-weight:400!important;}
.nb-users-connected:before{font-family:FontAwesome;font-size:18px!important;position:relative;left:15px;top:2px;content:"\f0c0";color:#fff!important;font-weight:400!important;}
#chatbox p .msg strike:before{content:"Citation";font-size:10px;color:#222;position: absolute;margin-top: -20px;font-weight: 400;}
#chatbox p .msg u{text-decoration:none!important;font-size:16px!important;margin-left:60px;}
#chatbox p .msg u:after{position: absolute;left:15%;margin-top:20px;font-family:FontAwesome;font-size:30px;color:#4f7084;content:"\f164";font-weight:400!important;}
p.spoiler{min-height:70px;}
p.spoiler .msg .spoiler{font-size:0px;opacity:0;white-space: nowrap;display: inline-block;width: 100%; }
p.spoiler .msg:hover  .spoiler{opacity:1;font-size:14px;transition: all 0.5s ease-in-out;}
.M14_thanks_chatbox_bis{ position: absolute;right: 150px;top: 50px;}
#chatbox_header .catBottom a[href="/chatbox"],#chatbox_header .catBottom a.cattitle{font-size:0px;}
#nb-users-connected {background-color:transparent!important;color:#ffffff!important;font-size:18px!important;margin: 0 5px 5px 15px!important;padding:0px!important;}
#chatbox p .user-msg .msg span[style]:not(.strike){display:inline-block;width:87%;position: relative;left: 5px;}
#chatbox p .msg strike{display:inline-flex;white-space:pre-line;text-indent:5px;text-decoration:none!important;padding:3px 5px 3px 5px;color:#fff!important;margin:15px 10px;width:350px;min-height: 50px;font-size: 12px;border-radius:5px;line-height: 1.5em;}
#chatbox p .msg .strike{white-space: nowrap;display: inline-block;width: 100%;}
#chatbox p .msg .strike a{color:#fff!important;}
#chatbox p .msg a{display: inline-flex;white-space: pre-line;width: 100%;text-indent:10px;}
#chatbox .cb_delete_msg{display:block!important;}
#chatbox p .msg strike:after{content:"";height : 0;width : 0;border-top : 8px solid transparent;border-right : 14px solid #4f7084;border-bottom : 7px solid transparent;margin-left: -14px;margin-top:10px;position: absolute;}
#chatbox p .cb_delete_msg{font-size:0px;}
#chatbox p .date-and-time{font-family: sans-serif!important;font-size:12px!important;}
#chatbox_messenger_form input[id="message"]{width:91%!important;height:20px!important;position: relative;top: -3px;font-size:13px!important;}
#chatbox_messenger_form  #divsmilies:before{font-family: FontAwesome;font-size:16x!important;content:"\f118";color:#fff;font-weight:400!important;}
#chatbox_messenger_form div[id="help-button"]:before{font-family: FontAwesome;font-size:16px!important;content:"\f013";color:#fff;font-weight:400!important;}
#chatbox_messenger_form label[for="message"],#chatbox_messenger_form input[value="Envoyer"]{color:#fff!important;}
#chatbox_messenger_form label[for^="format"],#chatbox_messenger_form div.fontbutton,#chatbox_messenger_form  div[id="help-button"]{color:#fff!important;background:transparent!important;border:none!important;box-shadow:none!important;}
#chatbox_messenger_form  input[name="message"],#chatbox_messenger_form div[id="divcolor-preview"]{background:#fff!important;}
#chatbox_messenger_form input[id="submit_button"]{border:none!important;box-shadow:none!important;height: 22px!important;padding: 2px 2px 4px 2px!important;position: relative;top: -2px;}
#chatbox_messenger_form label[for="message"]{top: -3px !important;position: relative;margin-right: 3px;}
#chatbox_messenger_form  #divsmilies img,#chatbox_messenger_form #divgifs img{display:none;}
#chatbox_messenger_form div[id="help-button"]{font-size:0px;}
#chatbox p.nostyle,#chatbox p em{text-align:center;color:#4f4784;min-height:50px;}
#chatbox > p{border-bottom:2px solid #4f7084;}
#chatbox > p{border-left:3px solid #4f7084;}
#chatbox_messenger_form #divgifs:before{color:#fff;content:"GIF";font-size:12px;}
#chatbox.ltr,#chatbox.ltr u{font-size:18px!important;}
#chatbox span.msg iframe{height:200px;width:250px;}
#chatbox span.msg img:not([longdesc]){max-width:150px;max-height:150px!important;vertical-align:middle;}
#chatbox > p{padding:2px;},.contact-list li[class^="person"]{border-bottom: 1px solid #5E85AC!important;}
#chatbox_footer table.text-styles{float:none!important;width:100%;}
#chatbox_main_options, a[href^="/chatbox/index"],#chatbox_option_co,#chatbox_option_disco{color: white !important;}
#chatbox_main_options a[href^="javascript"], a[href^="/chatbox/index"]{text-decoration:none!important;}
#chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 50px !important; height: 50px !important; }
#chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
body #chatbox .cb-avatar { border: none !important; }
#chatbox .cb-avatar > img{ border-radius: 50% !important; }
#chatbox .user-msg .user, #chatbox .user-msg .msg {display: inline;}
#chatbox_members .cb-avatar > img {height:30px;width:30px;vertical-align: middle;}

/*********FIN CHATBOX*****/
#left .forumline td.catHead .genmed{color:#fff!important;}

/*DEBUT MEMBRES EN LIGNE*/
.post .hover_infos .M14_center{text-align: center;padding-top: 60px;position: relative;width:210px;}
.M14_barre_haut_ligne
{
width:216px;
height:30px;
margin-top:-29px;
position: absolute;
top: 27px;
left: -3px;
right: 0;
z-index: 2;
}

.post.online .hover_infos .M14_barre_haut_ligne:before {
content:"En ligne"
  position:absolute;
  margin-top:30px;
 margin-left: -25%;
  z-index:999;
  width:100px;
  color:#fff;
  border-radius:0px 0px 5px 5px;
 
}
.post:not(.online) .hover_infos .M14_barre_haut_ligne:before {
content: "Hors ligne";
    position:absolute;
  margin-top:30px;
 margin-left: -25%;
  z-index:999;
  width:100px;
  color:#fff;
    border-radius:0px 0px 5px 5px;
 
}
.post .hover_infos .M14_barre_haut_ligne:after {
content: ".";
font-size: 0;
background: #2E3133;
border-bottom: 4px solid #868686;
height: 16px;
position: absolute;
top: 30px;
left: 0;
right: 0;
z-index: 1;
}
.post.online .hover_infos .M14_barre_haut_ligne:after{border-color:#A59DB2;}
/*FIN MEMBRES EN LIGNE*/
/*Ajout de petite mains sur le fil d Ariane*/
.M14_separate_Ariane:before {font-family: FontAwesome;font-size:14px;content: "\f0a4";color: #4f7084;font-weight:400!important;}
.catBottom .M14_separate_Ariane:before{color:#fff!important;}
div[id^="info"] table.forumline td.row1,div[id^="info"] table.forumline td.row2{background:#eee!important;}
/*description de sujet sur la liste des sujets*/
.genmed.M14_description_topic,.M14_pagination_topics{position:relative;left:25px;color:#4f7084;}
.M14_pagination_topics img{display:none;}

/*Les icônes de messages*/
.M14_PARTICIPATE_POST_IMG {position: relative;top: 4px;}
.M14_PARTICIPATE_POST_IMG:before {font-family: FontAwesome;font-size: 18px;width: 18px;height: 18px;position: relative;top: -2px;left: 6px;font-weight: 400 !important;}
.M14-topic-list.M14_ParticipeTopicList .M14_PARTICIPATE_POST_IMG:before {content: "\f005";color: #4f7084;}
.M14-topic-list:not(.M14_ParticipeTopicList) .M14_PARTICIPATE_POST_IMG:before {content: "\f006";color: #999;}
.M14_row_icon , .M14_icon_message{position: relative;left: 5px;top: -5px;margin-right: 10px;}
.M14-topic-list.M14_ParticipeTopicList h2.topic-title{margin-left:10px;}
.M14-topic-list.M14_ParticipeTopicList .M14-topic-strong{margin-left:10px;}
.M14-topic-list:not('.M14_ParticipeTopicList') .M14-topic-strong{margin-left:10px;}
.M14-topic-list:not(.M14_ParticipeTopicList) h2.topic-title{margin-left:10px;}

/*Remplacer le menu plus*/
#plus_menu .thHead{font-size:0px;}
#plus_menu .thHead:before{content:"Les menus de Petite feuille";font-size:15px!important;}
#plus_menu .row1{padding:10px!important;}
#plus_menu b a{height:24px;line-height:24px;}
a[href="javascript:showhide(document.getElementById('plus_menu'))"]{font-size:0px;}
a[href="javascript:showhide(document.getElementById('plus_menu'))"]:before{content:"Voir les menus de Petite feuille";font-size:15px!important;}


/*Boutons message profil mp etc etc*/
.M14_borderTD_Bottom_Right table tr td a[href] img{display:none;}
.M14_borderTD_Bottom_Right table tr td a[href]{text-decoration:none}
.M14_borderTD_Bottom_Right table tr td a[href]:after{color:#4f7084;font-family: FontAwesome;font-size:20px;}
.M14_borderTD_Bottom_Right table tr td a[href^="/u"]:after{content:"\f007";}
.M14_borderTD_Bottom_Right table tr td a[href^="/privmsg?mode=post"]:after{content:"\f003";}
.M14_tooltip_load_mp:before{font-family: FontAwesome;font-size:20px;}
.M14_tooltip_load_mp:before{content:"\f0e0";color:orange!important;position:relative;left:-5px;}
/*.M14_borderTD_Bottom_Right table tr td a[href^="/profile?mode=email"]:after{content:"\f0e0";}*/
.M14_borderTD_Bottom_Right table tr td a[href*="facebook"]:after{content:"\f09a";}
.M14_borderTD_Bottom_Right table tr td a[href*="twitter"]:after{content:"\f099";}
.M14_borderTD_Bottom_Right table tr td a[href*="pinterest"]:after{content:"\f0d2";}
/*navigation message coté gauche*/
.M14_borderTD_Bottom_Left a[href] img{display:none;}
.M14_borderTD_Bottom_Left a[href]:after{color:#4f7084;font-family: FontAwesome;font-size:14px;}
.M14_borderTD_Bottom_Left a[href="#top"]:after{content:"\f062";}
.M14_borderTD_Bottom_Left a[href="#bottom"]:after{content:"\f063";}
/*les vilaines fleches orange de navigation sur les messages*/
td.browse-arrows  a[href] img{display:none;}
td.browse-arrows a[href]:before{color:#fff;font-family: FontAwesome;font-size:14px;}
td.browse-arrows a[href]:nth-child(1):before{content:"\f060";}
td.browse-arrows a[href]:nth-child(2):before{content:"\f061";}
td.browse-arrows a[href="#bottom"]:before{content:"\f063";}
td.browse-arrows a[href="#top"]:before{content:"\f062";}


/*correction menu de recherche une fois cliqué*/
div[id="search_menu"] table.forumline td .genmed{color:#fff!important;}
/* DEBUT DE LA BARRE DE NAVIGATION*/
/*on aligne correctement la barre de navigation*/
.M14_forumline_navigation{margin: 5px 0px 40px 0px;}
/*nombre de mp pastille*/
.M14-pastille-MP{z-index:999;color:#fff;position:absolute;width:64px;height:25px;margin-top:8px;margin-left:-22px;text-align:center;border-top:2px solid #fff;;opacity:0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.M14_navigation a.mainmenu.newmp:hover .M14-pastille-MP{margin-top:36px;opacity:1;}
.M14-pastille-MP span{position:relative; top:-8px;}
.M14_navigation{height:40px;line-height:40px;text-align:center;}
.M14_navigation_span{border:2px solid #999;border-radius:6px;padding:5px}
.M14_navigation a.mainmenu img,.M14_navigation a.mainmenu[href="/groups"]{display:none;}
/*on impose la couleur blanche au bouton*/
.M14_navigation a.mainmenu:hover{color:#fff!important;text-decoration:none;}
.M14_navigation a:link,.M14_navigation a:link:hover{color:#fff!important;text-decoration: none!important;}
/*on donne une apparence a tous les boutons*/
.M14_navigation a.mainmenu{letter-spacing:1px;color:#fff;font-size:16px;padding:3px 6px; }
/*on affiche une bordure droite sauf pour la dernière*/
.M14_navigation a.mainmenu:not(:last-child){border-right:1px solid #999;}
/*on donne une apparence a toutes les petites images*/
.M14_navigation a.mainmenu[href]:before{color:#fff;font-family: FontAwesome;font-size:16px;}
/* on decale le texte de l image*/
.M14_navigation a.mainmenu[href]:after{margin-left:5px;}
/* tous les boutons*/
.M14_navigation:not(.profil) a.mainmenu:first-child:after{content:"Index";}
.M14_navigation:not(.profil) a.mainmenu:first-child:before{content:"\f015";}
.M14_navigation:not(.profil) a.mainmenu[href="/portal"]:before{content:"Portail";}
/*.M14_navigation a.mainmenu[href="/calendar"]:before{content:"\f073";}*/
/*.M14_navigation a.mainmenu[href="/calendar"]:after{content:"Calendrier";}*/
/*.M14_navigation a.mainmenu[href="/groups"]:before{content:"\f234";}*/
/*.M14_navigation a.mainmenu[href="/groups"]:after{content:"Groupes";}*/
.M14_navigation:not(.profil) a.mainmenu[href^="/images"]:before{content:"\f03e";}
.M14_navigation:not(.profil) a.mainmenu[href^="/images"]:after{content:"Images";}
.M14_navigation:not(.profil) a.mainmenu[href^="/faq"]:before{content:"\f059";}
.M14_navigation:not(.profil) a.mainmenu[href^="/faq"]:after{content:"Faq";}
.M14_navigation:not(.profil) a.mainmenu[href^="/publi"]:before{content:"\f022";}
.M14_navigation:not(.profil) a.mainmenu[href^="/publi"]:after{content:"Publications";}
.M14_navigation:not(.profil) a.mainmenu[href^="/search"]:before{content:"\f002";}
.M14_navigation:not(.profil) a.mainmenu[href^="/search"]:after{content:"Rechercher";}
.M14_navigation:not(.profil) a.mainmenu[href^="/memberlist"]:before{content:"\f0c0";}
.M14_navigation:not(.profil) a.mainmenu[href^="/memberlist"]:after{content:"Membres";}
.M14_navigation:not(.profil) a.mainmenu[href^="/profil"]:before{content:"\f007";}
.M14_navigation:not(.profil) a.mainmenu[href^="/profil"]:after{content:"Profil";}
.M14_navigation a.mainmenu[href^="/privmsg"]:before{content:"\f003";}
.M14_navigation a.mainmenu[href^="/privmsg"]:after{content:"M.P";}
.M14_navigation a.mainmenu.newmp[href^="/privmsg"]:before{content:"\f0e0";color:orange!important;}
.M14_navigation a.mainmenu[href^="/login?logout"]:before{content:"\f08b";}
.M14_navigation a.mainmenu[href^="/login?logout"]:after{content:"Déconnexion";}
.M14_navigation a.mainmenu[href="/login"]:before{content:"\f090";}
.M14_navigation a.mainmenu[href="/login"]:after{content:"Connexion";}
.M14_navigation a.mainmenu[href="/register"]:before{content:"\f084";}
.M14_navigation a.mainmenu[href="/register"]:after{content:"S'enregistrer";}
/* FIN DE LA BARRE DE NAVIGATION*/
/* les rangs texte*/
.M14_rang_texte{color:#A4014E;}
/*On masque l avatar pour les bannis*/
.M14_user_banni .postdetails.poster-profile .M14_avatar{display:none;}
/*on masque les votes pour les bannis*/
.M14_user_banni .fa_like_div,.M14_user_banni .vote.gensmall{display:none;}
dd.quote.fa-quote font[color] a.postlink{padding:3px 6px;background: #4F7084!important;color: #fff!important;width: 10%;margin-left: 40%;}
/*les membres connectés liste des membres*/
.M14_connect_lisT:after{color:#15AC09;font-family: FontAwesome;content:"\f012";font-size:22px;position:relative;left:10px;}
/*COULEUR DE FOND DES MODULES TEXTE EDITEUR*/
.sceditor-dropdown input[type="text"],.sceditor-dropdown input[type="button"]
{
color:#fff!important;
font-weight:normal!important;
border-radius:6px;
}
#sceditor-mention-div{text-align:left;}
.sceditor-mention-user{border:none!important;color:#fff;}
.sceditor-mention-user img {width:18px!important;height:18px!important;border-color:#fff!important;background-color:#fff!important;vertical-align:middle!important;border-radius:18px!important;}
.sceditor-mention-user:hover,input[id="sceditor-input-mention"]::placeholder{color:#fff!important;}
#fa_mention_suggestions{padding:4px 6px;font-size:12px!important;}
.fa_suggested_avatar{width:18px!important;height:18px!important;border-color:#fff!important;background-color:#fff!important;border-radius:18px;position:relative;top:-10px;}
.fa_suggested_name{margin-left:5px;font-weight:bold;max-width:120px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block;}
.fa_mention_suggestion,.fa_mention_suggestion.fam-focus{color:#fff!important;margin:2px;}
/*SUPPRESSION DES LIKES SI DEJÀ CLIQUE*/
.M14_like_remove{margin: -5px 0px 5px 30px;background: #4f7084;height: 24px;line-height:24px;font-size:12px;padding:2px 2px 2px 5px;color:#fff;width:250px;}


/*MODIFICATIONS WIDGETS IMAGES PARTAGEES*/
.forumline.box-last-images .row1{background:#fff!important;}
.box-last-images .swiper-slide img {width:80%!important;height:80%!important;border-radius:100%;}
.box-last-images .swiper-lazy ,.box-last-images .swiper-slide img{width:120px!important;height:120px!important;}
.gallery-slider{height:210px;}
/*informations notifications Toolbar*/
#notif_unread:before{color:#FA6600;font-family: FontAwesome;content:"\f075";font-size:18px;position: absolute;right:1%;}
#fa_toolbar #fa_right #notif_list li[id^="n"] .delete:before{content:'';background: #4f7084;height: 24px;width: 24px;position:absolute;margin-top:10px;margin-left:-32em;border-radius: 24px;}
#fa_toolbar #fa_right #notif_list li.unread .delete:after{color:#fff;font-family: FontAwesome;content:"\f0a4";font-size:18px;position:absolute;margin-left:-19.3em;margin-top:16px;font-weight:normal!important;height: 24px;width: 24px;z-index: 999;}
#fa_toolbar #fa_right #notif_list li:not(.unread):not(.see_all) .delete:after{color:#fff;font-family: FontAwesome;content:"\f058";font-size:18px;position:absolute;margin-left:-19.3em;margin-top:16px;font-weight:normal!important;height: 24px;width: 24px;z-index: 999;}
#fa_toolbar #fa_right #notif_list{margin-top:18px!important;}
#fa_menulist:before, #fa_toolbar #fa_right #notif_list:before {color:#4F7084;font-family: FontAwesome;content:"\f0de";font-size:30px;position: absolute;top: -12px;right: 10%;}


/*DEBUT MODIFICATION DE LA FENETRE AU SURVOL DES SPEUDOS*/
.tooltipster-content,.tooltip-actions{background:#fafafa!important;}
.tooltipster-content{border-radius:6px;}.tooltipstered{cursor:pointer;}
.tooltipster-base{border: 2px solid #5E85AC;}
.tooltip-subtitle,.tooltip-counts{color:#4F7084;!important;}
.tooltip_profil:before{color:#4F7084;font-family: FontAwesome;content:"\f007";font-size:18px;}
.tooltip_mp:before{color:#4F7084;font-family: FontAwesome;content:"\f199";font-size:18px;}
.tooltip_friend:before{color:#4F7084;font-family: FontAwesome;content:"\f0c0";font-size:18px;}
.tooltip_search:before{color:#4F7084;font-family: FontAwesome;content:"\f002";font-size:18px;}
.tooltip_FB:before{color:#4F7084;font-family: FontAwesome;content:"\f09a";font-size:18px;}
.tooltip_TWITTER:before{color:#4F7084;font-family: FontAwesome;content:"\f099";font-size:18px;}
.tooltip-content{float:none;}
span.tooltip-title strong{margin-left:50px;}
.tooltip-content button{float:right;}
.tooltip-counts,.tooltip-subtitle{width:100%!important;margin-right:-10px!important;}
.tooltip-subtitle{margin-top:5px;}
.tooltip-subtitle img{margin-left:15px!important;}
.tooltip-counts b{float:right;}
.M14_tooltip_hover{position:absolute;width:100%;margin-left:-3.6%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:24px;margin-top:0px;opacity:0;border-radius:6px 6px 0px 0px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.main-tooltip:hover .M14_tooltip_hover{ margin-top:-36px;opacity:1;}
/*FIN MODIFICATION DE LA FENETRE AU SURVOL DES SPEUDOS*/


/*debut widgets du forum*/
#widget-arrows {position:relative;height: 50px;}
.widget-arrow {height:36px;width: 36px;float:left; cursor: pointer;}
/*le bouton moins*/
.widget-arrow.isleft.isopened:before{border-radius:36px;color:#4F7084;font-family: FontAwesome;content:"\f056";font-size:36px;position: absolute;margin-top:2px;margin-left:10px;}
/*le bouton plus*/
.widget-arrow.isleft.isclosed:before{border-radius:36px;color:darkred;font-family: FontAwesome;content:"\f055";font-size:36px;position: absolute;margin-top:2px;margin-left:10px;}
/*fin widgets du forum*/




/*LES BOUTONS EDITER MULTICITATION ETC ETC*/
.quickquote{color:#fff!important;}
img[src*="size=s"]{padding: 4px 6px;}
img[src*="size=m"]{padding:6px;margin: 0px 2px;}
/*LES BOUTONS REMERCIER ET MULTICITATION SELECTIONNE*/
img[src*="color=secondary"] {background:#9BB8CD;}
/*BORDURES ARRONDIES AVATAR*/
.avatar.mini, .avatar.mini img,.lastpost-avatar img, .avatar,.lastpost-avatar{border-radius:38px;}
.avatar{border-color:#4F7084;border-width:2px;width:38px;height:38px;padding: 2px;background: #fff;}
.lastpost-avatar{width:38px;height:38px;padding: 2px;background: #fff;border: 2px solid #4F7084;}
.avatar img{height:38px;width:38px;border-radius:38px;}

/*CORRECTION SUR LE PROFIL AMIS DE XX */
div.friend-block  strong,.friend_list_online_status{font-size:12px;}
.genmed.module-title span[style],h1.profile-title span[style]{color:#fff!important;}

/*BOUTON UPLOADER*/
#btn_editor_load_image{border:none!important;background:transparent!important;}
#btn_editor_load_image a

{
width:16px!important;
height:16px!important;
  padding:5px!important;
 background: #4F7084!important;
  font-size:16px!important;
  line-height:16px!important;
  text-decoration:none!important;
    color:#fff!important;
  text-indent:1px!important;
  border:none!important;
  border-radius:100%!important;
  text-align:center;
  margin-left:3px;
}


/* Coloriser le lien /f4-flood-ludique-et-quizz-divertissants */
form[action="/search?search_id=watchsearch"] tr.M14-seach-last-topics a[href="/f4-flood-ludique-et-quizz-divertissants"]{color:orangered;}


a:link,a:link:hover{text-decoration: none!important;}
/*-----------------------DEBUT DU THEME COULEUR ET COULEUR DE FOND------------------*/
/******************LES COULEURS DE FOND******************/
.M14_navigation a.mainmenu,.M14_barre_haut_ligne,.fa_mention_suggestion,.fa_mention_suggestion.fam-focus,.sceditor-mention-user{background-color:#4F7084!important;}
select,textarea{-webkit-appearance:none;}
.M14_cont_chatBox,#chatbox_messenger_form input[value="Envoyer"],.followBtn,.rep-button, .rep-button:active,input[class="liteoption"],input[value="Aller"],#M14_EDITOR,td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom,th,.forumline ,
input[value="Prévisualisation"],input[value="Envoyer"],input[value="Prévisualiser"],input[value="Brouillon"] input[name="avatar"],
input[value="Ajouter"],input[value="Enregistrer"],#profile_awards_full .module-title, .awards_module .catLeft,input[value="Ajouter le membre"],#fa_toolbar #live_notif .fa_notification,
input[value="J'accepte le règlement"],form[name="form_login"] input[name],select,input[value="Sauvegarder la Sélection"],.M14post-banni,input[name="confirm"],img[src*="color=primary"],.quickquote,a.button[href="/images"],.swiper-pagination-bullet-active,
.see_all,.M14post-delete td,div[id="search_menu"] table.forumline td,.forumline.mod_publi a[href="/publi"][class="button"],input[value="Brouillon"],#chatbox p .msg strike,img[class^="posticon"] ,.M14_navigation_span,
.M14_tooltip_hover,.color-primary,.M14-pastille-MP,.sceditor-dropdown input[type="text"],.sceditor-dropdown input[type="button"]
{background-color:#4F7084!important;}
/******************LES COULEURS DE POLICE******************/
/*couleur des tags et liens sur les messages*/
.postbody .mentiontag{color:#0768A7!important;}
.postbody div:first-child a[href]:not(.mentiontag):not(.fa-quote-expand):not(.postlink){color:#4F7084!important;}
/*NOMBRE DE PAGE SUR LES MESSAGES*/
td.nav span.nav{color:#4F7084;}
.M14_border_first .postdetails,.M14_postdetails,.M14_postdetails:visited,.M14-paged, .M14-post-number{color:#4F7084!important;font-weight:400;}
/* petite coeur message*/
.M14_fa-heart:before{color:#4F7084;font-family: FontAwesome;content:"\f004";margin:0px 5px 0px 5px;}
/*boutons navigation messages*/
a.M14-last-message-link:before{color:#4F7084;font-family: FontAwesome;content:"\f0ab";margin:0px 5px 0px 5px;font-size:24px;}
a.M14-first-message-link:before{color:#4F7084;font-family: FontAwesome;content:"\f0aa";margin:0px 5px 0px 5px;font-size:24px;}
/* bouton haut et bas de page*/
a.M14_haut_de_page:before{color:#4F7084;font-family: FontAwesome;content:"\f062";margin:0px 5px 0px 5px;font-size:36px;}
a.M14_bas_de_page:before{color:#4F7084;font-family: FontAwesome;content:"\f063";margin:0px 5px 0px 5px;font-size:36px;}
/*la petite main pour les votes*/
a[href*="eval=plus"]:before{color:#4F7084;font-size:36px;font-family: FontAwesome;content:"\f25a";margin:0px 5px 0px;font-weight:normal;}
.vote .vote-bar-plus:before{color:#4F7084;font-size:36px;font-family: FontAwesome;content:"\f058";margin:0px 5px 0px;font-weight:normal;}
/*----------------------FIN DU THEME COULEUR ET COULEUR DE FOND--------------------*/
input.mainoption{font-weight:400!important;}
select[name="order"],select[name="sort_method"],input[class="liteoption"],input[value="Aller"],select[name="msgdays"], input[name="avatar"],input[value="Ajouter"],
input[value="Enregistrer"],select.post,input[value="Ajouter le membre"],#fa_toolbar #live_notif .fa_notification a[href],
div[id^="attachment"] th.thHead span.gen b,div[id^="optionsitems"] th.thHead span.gen b,div[id^="pollitems"] th.thHead span.gen b,div[id^="seotools"] th.thHead span.gen b,
form[id="frmAgreement"] th.thHead h1,input[value="J'accepte le règlement"],form[name="form_login"] input[name],select,input[value="Sauvegarder la Sélection"],input[name="confirm"],a.button[href="/images"],
.forumline.mod_publi a[href="/publi"][class="button"]
{color:#fff!important;}
select{padding:1px 3px;}
select,input,.forumline.mod_publi a[href="/publi"][class="button"]{border:none!important;}
#profile_awards_full .module-title, .awards_module .catLeft{background-image:none!important;}
/*DEBUT Outils de modération*/
.M14_outils_staff{padding:10px;color:#fff;width:350px;height:320px;background: #4F7084;position:fixed; top:-720px;z-index: 999;border-radius: 0px 0px 6px 6px;}
.M14_outils_staff_cont{width:340px;height:300px;overflow-y:scroll;border: 1px solid #fff;padding: 2px 2px 2px 5px;border-radius:6px;}
.M14_outils_staff.affiche{top:30px;}
.M14_outils_staff_cont a{color:#fff;text-decoration:none!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:330px;display:inline-block;}
.M14_outils_staff_slide{background: #4F7084;color:#fff;position:absolute;top:750px;text-align:center;width:350px;border-radius: 0px 0px 6px 6px;}
.M14_outils_staff_slide_none{display:none;background: #4F7084;color:#fff;position:absolute;top:320px;text-align:center;width:350px;}
/*FIN Outils de moderation*/
/* AMELIORATION VISUEL MESSAGES*/
td.M14_borderTD{padding:0px!important}
td.M14_border_first{height:30px;border-radius: 0 8px 0 0;padding:0px 3px 0px 0px!important;}
td.hover_infos{padding:2px!important;}
.M14_groupe  .hover_infos,
.M14_groupe .M14_borderTD,
.M14_groupe  .M14_barre_haut_ligne,
.M14_groupe td.M14_border_first{border-radius:0px!important;}
.M14_groupe_tr th{border:none!important;}
/*VIDEO DS LES MESSAGE le texte à droite*/
.M14_texte_video
{
  position:relative;
  left:2%;
  color:#5E85AC;
  width:250px;
  height:250px;
  overflow-y:auto;
}


.codebox.M14_Select{margin-top:15px;}
/*masquage de la cellule icone de message*/
td[class*="M14_TD_Icone"]{width:0px!important;padding:0px!important;background-color:transparent!important;display:table-column;}
/*MODIFICATION COULEUR MEMBRE*/
a[href="/u2989"] span{color:#20aec8!important;}
.M14_bann {color:#0474cc;text-decoration:none!important;}
/*correction couleur de fond bouton SUIVRE*/
.followBtn {color:#fff!important;}
/*Masquage sur la pop up profil*/
#userprofile #field_id5{display:none!important;}
/*Couleur de fond si sélection*/
.M14_selectToggle
{
  background-color: #369fcf;
  color:#ffffff!important;
  padding:2px;
  border-radius:6px;
}

/*LA FAQ*/

div[id^="faq_a"] table.bodyline
{
background:inherit!important;
border:none!important;
}
div[id^="faq_a"]{padding:10px;border:2px solid #4F7084;}
div[id^="faq_a"] span.postbody
{

color:#4F7084!important;
}
/*Boutons FAQ a droite*/
div[onclick*="CFAQ.display"]:before{color:#0474cc;font-family: FontAwesome;content:"\f063";margin:0px 5px 0px 5px;}

.M14-post-number,.M14-paged{position:relative;top:5px;}
.catHead span.topictitle,.catHead span.topictitle a.topictitle{color:#fff!important;}
.M14_table_message{background-color:transparent!important;border-color:transparent!important;}
.M14_table_message th.thLeft{border-radius: 10px 0px 0px 0px;}
.M14_table_message th.thRight{border-radius: 0px 10px 0px 0px;}
td.M14_white{background-color:#fafafa!important;}
.hover_infos{background:#fafafa!important;border-top:1px solid #5E85AC;border-left:1px solid #5E85AC;border-right:1px solid #5E85AC;border-radius: 10px 0px 0px 0px;}
.M14_barre_haut_ligne{border-radius: 10px 0px 0px 0px;}
.M14_borderTD{background:#fafafa!important;border-top:1px solid #5E85AC;border-right:2px solid #5E85AC;border-radius:0px 10px 0px 0px;}
.M14_borderTD_Bottom_Left{background:#fafafa!important;border-bottom:1px solid #5E85AC;border-left:1px solid #5E85AC;border-right:1px solid #5E85AC;border-radius: 0px 0px 0px 10px;}
.M14_borderTD_Bottom_Right{background:#fafafa!important;border-bottom:1px solid #5E85AC;border-right:2px solid #5E85AC;border-radius: 0px 0px 10px 0px;}
.M14_borderTD  td.hr hr{border:none!important;}
.reduction div.M14_profil:not(.inventaire) ,.reduction .M14_ProfilPlus,.reduction .dd_award.right,.reduction .award_more,.M14_Hide{display:none!important;}
.reduction div.M14_profil.inventaire{margin-top:-60px;}


#forum_rules .row1,.forumline.noprint .row1{background-color: #fafafa;}
.codebox b,dl.codebox dt {font-weight:bold;}
/*DEBUT SPOILER*/
.codebox.spoiler dt .genmed b{color:#5E85AC;font-size:16px;}
.codebox.spoiler dd{border:none;}
/*.spoiler_content.hidden{border:none;background-color:transparent;padding:0px!important;line-height:0px;}*/
/*FIN SPOILER*/
dl.codebox{margin-bottom: 10px;}
/*COULEUR DES LIENS EN CITATIONS*/
dl.codebox dd a{color:steelblue !important;}   
dd.quote,dd.code,.codebox.spoiler .spoiler_content:not(.hidden) ,.codebox.hidecode dd
{
background-color:#EEE;
border-radius: 10px 10px 10px 10px;
border: 1px solid rgb(0, 0, 0);
box-shadow: 5px 5px 10px Black;
margin: 0px;
font-family: Georgia;
font-size: 16px;
padding: 10px 10px 10px 10px;
/*text-indent: 15px;*/
overflow: hidden;
color: rgb(0, 0, 0);
}

div.cont_code { clear: right; }

/*COULEUR BLANCHE PAGE HTML QUI EST EN LIGNE*/
span.cattitle b{color:#fff!important;}
/*SUPPRESSION VILAINES BORDURES PAGE HTML QUI EN LIGNE*/
th.thCornerL,th.thTop,th.thCornerR{border:none!important;}
/*couleur message si rapport*/
.M14-rapport .postdetails a,.M14-rapport .postbody,.M14-rapport .postbody a,.M14-rapport .postdetails, .M14-rapport .postdetails span[class^="M14-"]
{color:darkred!important;}

/*DEBUT RAPPORT DE MESSAGES*/
.M14-rapport-barre{display:none;height:30px;}
.M14-rapport-barre.show{border-left:2px dotted #ccc;display:inline-block;}
.M14-report-bulle{display:inline-block;vertical-align:middle;margin:0px 6px;}
/*FIN RAPPORT DE MESSAGES*/

/*alignement des titres sur les messages*/
.M14_border_first .postdetails{line-height:16px;}

/*SUJETS IMPORTANTS*/
.M14-span-topic-type{margin-left:5px;}
/*DEBUT TAG DE MODERATION ET AFFICHAGE */
.moderate{text-align:center!important;}
.spansitagmoderation{color:darkred; }
/*FIN TAG DE MODERATION ET AFFICHAGE */
/****************DEBUT LE QEEL**********/
/*DEBUT QEEL INVITE*/
.qeel-invite
{
letter-spacing:2px!important;
font-weight: bold;
text-transform: uppercase;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
top: 3px;
position: relative;
}
.qeel-invite a{text-decoration:none!important;font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;}
/*FIN QEEL INVITE*/


/*ON DESACTIVE LES MEMBRES NONS AUTORISES DANS LE QUEEL*/
.M14_qeel_disabled{display:none;}
/*ON SUPPRIME LE SOULIGNEMENT DES PSEUDOS DANS LE QEEL*/
table.M14_Qeel_CONNECTED_MEMBERS a[href^="/u"],.M14_membersAvatars a[href^="/u"],
.M14_L_WHOSBIRTHDAY_TODAY .row1 .gensmall a, .M14_WHOSBIRTHDAY_WEEK a[href^="/u"]{text-decoration:none!important;}

/* ON AJOUTE UNE VIRGULE ET POINT DANS LE QEEL APRES CHAQUE PSEUDO*/
.M14_Qeel_CONNECTED_MEMBERS a[href^="/u"]:after,
.M14_membersAvatars a[href^="/u"]:not(.M14_QeelAvatar):after {content:" ,"; }
/* ON AJOUTE UNE VIRGULE et POINT DANS LE QEEL APRES CHAQUE PSEUDO POUR LES ANNIVERSAIRES*/
.M14_L_WHOSBIRTHDAY_TODAY  a:not(.M14_qeel_disabled):after {content:" ,"; }
.M14_L_WHOSBIRTHDAY_TODAY  a:not(.M14_qeel_disabled):last-of-type:after{content:" . "; }
.M14_WHOSBIRTHDAY_WEEK a[href^="/u"]:not(.M14_qeel_disabled):after {content:" ,"; }
.M14_WHOSBIRTHDAY_WEEK a[href^="/u"]:not(.M14_qeel_disabled):last-of-type:after{content:" . "; }

/*ON MET LA PREMIERE LETTRE EN MAJUSCULE SUR TOUT LE QEEL*/
.M14-QEEL a[href^="/u"]:not(.M14_qeel_disabled),.M14_L_WHOSBIRTHDAY_TODAY a,.M14_WHOSBIRTHDAY_WEEK a[href^="/u"]:not(.M14_qeel_disabled),.M14_Qeel_CONNECTED_MEMBERS a[href^="/u"]
{text-transform:  capitalize;}
.M14-QEEL{background-color: #eee!important;}
.M14-QEEL .cattitle{margin-left:5px;}
/* ON AJOUTE UN POINT DANS LE QEEL APRES LE DERNIER PSEUDO*/
.M14_Qeel_CONNECTED_MEMBERS a[href^="/u"]:last-of-type:after,
.M14_membersAvatars a[href^="/u"]:not(.M14_QeelAvatar):last-of-type:after{content:" . "; }
span.anniv:after{content:"";font-size:10px!important;}
/*on cache  l age des anniversaires*/
.anniv{display:none;}
/***************FIN DU QEEL*****************/
/*DEBUT AJOUT NOTIFICATION SI NOUVEAU MESSAGE SUR L ACCUEIL*/
/*ON MODIFIE ICI LA COULEUR ET L ESPACEMENT*/
.notifTH{letter-spacing:3px!important;}
/*FIN AJOUT NOTIFICATION SI NOUVEAU MESSAGE SUR L ACCUEIL*/
/*DEBUT AJOUT COULEUR DE FOND SI MEMBRE BANNI MESSAGE*/
.M14post-banni{color:white!important;}
/*Couleur de police*/
.togglableMsgLabel,.togglableMsgLabel:hover{color:white!important;text-decoration:none!important;}
/*Petite fleche*/
.togglableMsgLabel:after
{
content:"";
width:15px;
  height:15px;
  background-image: url(https://i.servimg.com/u/f44/20/36/69/72/icon_a11.png);
  background-repeat:no-repeat;
  background-position:top center;
  position:absolute;
  margin-top:3px;
}
/*FIN AJOUT COULEUR DE FOND SI MEMBRE BANNI MESSAGE
/*Alignement toolbar */

#fa_usermenu table td{text-align:left!important;font-size:13px!important;}

/*DEBUT DES LIKES*/
/*Suppressionde la bordure de separation */
.rep-nb{border:none!important;}
/*Apparence des boutons*/
.rep-button, .rep-button:active
{
  /*on donne une marge de 4px autour du texte*/
padding:8px!important;
/*on donne une couleur de police*/
color:white!important;
  /*on supprime les bordures*/
border:none!important;
  /*on supprime l effet box shadow*/
box-shadow:none!important;
  /*on donne une taille de police*/
font-size:13px!important;
  /*on met toutes les lettres en majuscules*/
  text-transform: uppercase!important;
  margin-left:20px;
  border-radius:0px!important;
}


[petitefeuille]

partie N°2 :

Code:


/*on supprime les vilains pouces positifs et negatif*/
.rep-button svg{display:none!important; }
/*on supprime la couleur de fond des pseudos ayant remercié*/
.fa_like_list,.fa_dislike_list{background-color:transparent!important;}
/*on supprime le soulignement des pseudos*/
.fa_like_list a[href^="/u"]{text-decoration:none!important;text-transform:capitalize;color:#4f7084;}

/*FIN DES LIKES*/

/*AJOUT OPACITÉ SI HORS LIGNE AVATAR MESSAGE*/
tr[class*="post--"]:not(.online) .M14_avatar, tr[class*="post--"]:not(.online) .M14-noTonline{opacity:0.5;}
.M14_avatar{margin-top:10px;}

/*DEBUT barre sur le QEEL*/
.M14-barre-qeel
{
height:60px!important;
line-height:60px;
/*taille de police*/
font-size:18px!important;
}
/*la couleur du texte*/
.M14-barre-qeel span{color:white;}
/* taille et apparence de l avatar*/
.M14-barre-qeel img{width: 48px;height: 48px;background:white;border-radius:100%;position:relative;top:10px;}
/*Fin barre sur le QEEL*/
/*SYSTEME DE RECOMPENSES*/
.dd_award
{ 
background-color:transparent!important;
margin:0px!important;
width:192px!important;
  border: thick double #2970AD;
}
/* SYSTEME DE RECOMPENSE*/
.dd_award.right
{
 max-height:180px!important;
}
div.award {

  height: 32px;
  width: 32px;
}
.M14_content{word-wrap: break-word;}
.M14_profil center{color:#366092!important;padding: 2px 6px;}
.M14_profil:not(.inventaire){display: inline-block;width:200px;margin: 2px 0px;}
/* Couleur blanche sur les liens de navigation*/
.catHead .cattitle,.catHead h1.cattitle,.catHead h1.cattitle a[href^="/t"],.catBottom .cattitle,.catBottom span.nav,.catBottom span.nav a.nav,
.catBottom .gensmall,.catBottom a,.catBottom .nav,.catBottom span.nav span[style],.catBottom span.nav a[href^="/c"],.catSides .cattitle
{color:white !important;text-decoration:none!important;}

/*Retrait soulignement lien pseudo tag*/
.firstpresentation a[href^="/u"]{text-decoration:none!important;}
/* CORRECTION QEEL SAFARI*/
.M14_Qeel_CONNECTED_MEMBERS .gensmall,.M14_membersAvatars,.M14_L_WHOSBIRTHDAY_TODAY .gensmall,.M14_Qeel_BIRTHDAY_WEEK{white-space:pre-line;}
/*parametres en ligne et hors ligne messages*/
.M14-online{color:steelblue;font-size:12px;cursor:pointer;}
.M14-noTonline{color:black;font-size:12px;cursor:pointer;}
.i_icon_online{opacity:0;}

div[id^="newsarea"] div.topictitle {
        display: block !important;
        margin: 2px 1px 0;
        padding: 2px 5px 5px 30px;
        border: 1px solid #5E85AC;
        border-radius: 5px;
        background: #EEEEEE url('https://icons.iconarchive.com/icons/dtafalonso/ios8/16/Health-icon.png') no-repeat 5px center;
        }
div[id^="newsarea"] div.topictitle a{color: #5E85AC !important;text-decoration: none !important;}


#page-footer {
    background: transparent url('https://icons.iconarchive.com/icons/kyo-tux/delikate/72/Document-icon.png') no-repeat bottom center;
    padding-bottom: 80px;
    }


.element {font-family:"Grand Hotel";}


button.showpanel {display: flex; margin: auto;}
.infos_display {display:none;}
button.showpanel {
    width:150px;
color:#2970AD;
  background:#fff;
border: thick double #2970AD;
padding: 3px 3px 3px 15px;
text-align: center;
text-transform: uppercase;
cursor:pointer;
  border-radius: 20px;
  font-size:11px!important;
}





div.award {
  height: 32px;
  width: 32px;
}





.postbody img[src*="twemoji"]
{
min-width: 24px!important;
min-height:24px!important;
}

.sceditor-twemojifa img
{
min-width: 24px!important;
min-height:24px!important;
}

.test{width: 100%;margin-top: 10px;}
.postbody .content img[src*="giphy.com"]{max-width:100px;max-height:100px;}
#gifactif_results div img{max-width:50px;max-height:50px;border-radius:100%;}




.M14_profil.inventaire {width: 190px !important;margin-left:13px;}
.M14_profil.inventaire .label{display:none;}
.M14_profil.inventaire .M14_content{width:32px;height:32px;border-radius:32px;display: block;float: left;}
.M14_profil.inventaire .M14_content img{width:32px;height:32px;border-radius: 32px;}
 

.Message_tag_fr
{
background:lightsteelblue;
border-radius: 10px;
color: #fff!important;
margin: 10px 0 0 15%;
padding: 15px 15px 15px 15px;
width: 70%;
}



/*Le lecteur audio*/
div#fa_ticker_block .fa_ticker_content div div:last-child audio
{
border-radius:10px;
border:2px solid white;
margin-top: 5px;
background:#5E85AC;
}


/*Le conteneur*/
div#fa_ticker_block .forumline
{
box-shadow: 1px 1px 12px #5E85AC;
}




div[id^="newsarea"] .topictitle,div[id^="newsarea"] .topictitle strong,div[id^="newsarea"] h2.topic-title,div[id^="newsarea"]  a.topictitle
{
font-size:14px!important;
}


img.emojione
{
    height: 35px;
    width: auto!important;
}



/*on colorise les titres catégories ou forums*/
/*rouge*/
.topic_red
{color:#cc0000!important;text-decoration:none!important;font-size:13px;font-weight: 500;font-style: italic;}
/*rouge foncé*/
.topic_darkred
{color:#A5260A!important;text-decoration:none!important;font-size:13px;font-weight: 500;font-style: italic;}
/*rose*/
.topic_pink
{color:#E300BD!important;text-decoration:none!important;font-size:13px;font-weight: 500;font-style: italic;}
/*orange*/
.topic_orange
{color: #ED7F10!important;text-decoration:none!important;font-size:13px;font-weight: 500;font-style: italic;}
.topic_green
{color:#009900!important;text-decoration:none!important;font-size:13px;font-weight: 500;font-style: italic;}
.topic_Navy
{color:#5472AE!important;text-decoration:none!important;font-size:13px;font-weight: 500;font-style: italic;}
a.M14_linkalerte{display:list-item;list-style:none;} 
.M14_alerTeS
{
  position:fixed;
  top:40px;
  right:10px;
    background:#FDFDFD no-repeat 10px center;
    -webkit-background-size:50px;
    -moz-background-size:50px;
    -o-background-size:50px;
    background-size:50px;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
    -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
    box-shadow:0 0 4px rgba(0,0,0,.6);
    margin-bottom:10px;
    min-height:60px;
    font-size:13px;
    width:200px;
    padding:10px 10px 10px 70px;
    font-family:Helvetica;
    color:#474747;
    }
.M14_alerTeSclose{
    position:absolute;
    right:10px;
    top:5px;
    font-size:15px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    height:16px;
    width:16px;
    text-align:center;
    line-height:13px;
    cursor:pointer;
    }

.M14_alertava{margin-left: -68px;position: absolute;margin-top: -20px;}
.M14_alertava img{max-width:48px !important;max-height:48px !important;-webkit-border-radius: 48px;-moz-border-radius: 48px ;border-radius: 48px;}
/*DEBUT LES VOTES*/
/*Le bouton vote*/
a[href*="eval=plus"]
{
width:48px!important;
height:48px!important;
/*background:url(https://i.servimg.com/u/f87/11/26/21/37/69945810.png);*/
position: absolute;
margin-left: -25px;
}
.vote .vote-bar-plus
{
background-color:transparent!important;
width:48px!important;
height:48px!important;
margin-left: -24px;
cursor:pointer;
  /*background:url(https://i.servimg.com/u/f87/11/26/21/37/check-10.png);*/
}
.vote .vote-bar{border:none!important;}
/*-- retrait du bouton de vote négatif dans les messages --*/
.vote .vote-button, .vote-no-bar {display:none;}
.vote .vote-button:first-child {display:block;}
.vote {width: 48px;}
/*FIN VOTES*/







.M14_tagModo td[class^="row"]{border:2px solid Brique;  }
/*ON ALIGNE LES IMAGES SUR LE PROFIL DES MESSAGES*/
.M14_profil img{vertical-align: middle;}
.M14_tagEditor
{
border:3px solid #1e7fcb;
background-color:gainsboro!important;
padding:3px;
width:80%;
margin-left:10%;
border-radius:10px;
color:black!important;
}
 
 
 
.M14_tagModo .M14_profil,.M14_tagModo .label span,.M14_tagModo .postdetails,.M14_tagModo  a.M14_postdetails,.M14_tagModo .postbody{color:Brique!important;}
.M14_tagEditor:hover:before{-webkit-transform: rotate(-720deg);-moz-transform: rotate(-720deg);-o-transform: rotate(-720deg);transform: rotate(-720deg);margin-left: -96px;margin-top:24px;}
.M14_tagEditor:before{content:'';-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);float:left;margin-left:-48px;margin-top: -24px;width:48px;height:48px;background:url(https://i.servimg.com/u/f87/11/26/21/37/exclam11.png);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.M14_tagEditor a.postlink{color:#8b0000!important;}
.M14_tagEditor img{max-width: 80%;}
.M14_tagModo .M14_ProfilPlus a img{border:2px solid red;border-radius:24px;}

table[id^="info"] .catBottom .blur font{color:white!important;}
/*LE TABLEAU DU TAG*/
.M14_tag{padding:5px 10px;border: 1px solid #ccc;box-shadow: 4px 4px 0px #dedede;-moz-box-shadow: 4px 4px 0px #dedede;-webkit-box-shadow: 4px 4px 0px #ccc;margin: auto;margin-top: 20px;width: 70%;background: #fafafa;}
/*LE TITRE DU TAG*/
.M14_tag_titre{color: #69c;font-size: 20px!important;font-weight: bold;letter-spacing: 1px;}
/*LE TEXTE DU TAG*/
.M14_tag_information{color:#a52a2a;background:#eee;padding:5px 8px;border-radius:8px;}
/*LA PARTIE DROITE OU SE TROUVE L IMAGE*/
.M14_tag_img{background-color:#5E85AC;border-radius:8px;}

a#fa_hide {display: none!important;}
#fa_right{margin-right:30px !important;}
select[name="selected_id"],select[name="mode"],input[value="Aller"]
{
color: #fff;
border-radius: 4px;
}
/*INFORMATION AU DESSUS DE L EDITEUR */
#M14_EDITOR
{
border: #5e85ac;
color: #fff;
font-size: 12px;
font-style: italic;
text-align:center;
padding: 4px;
height: 14px;
line-height: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px;
box-sizing: content-box;
}



/*MEMBRE PREMIUM*/
.M14_profil{width:200px;margin: 2px 0px;}
.M14_content{word-wrap: break-word;}

.M14_profil center{color:#366092!important;padding: 2px 6px;}




td.post-options a{margin: 0px 2px;}
td.post-options{top: 5px;position: relative;}
.M14_postdetails,.M14_postdetails:hover{text-decoration:none!important;}
.resizebox a.enlarge,.resizebox a.resize,.resizebox a.fullsize{color:black !important;}
div#fa_toolbar span {margin: 0 15px;}
div#fa_toolbar #notif_list li div{margin: 3px 0px 3px 3px;}
.sceditor-toolbar{margin: 0px 5px 0px 5px !important;}


.catHead h1.cattitle,.catBottom .cattitle,.catBottom span.nav,.catBottom span.nav a.nav
{color:white !important;}




input[value="Prévisualisation"],input[value="Envoyer"],input[value="Prévisualiser"],input[value="Brouillon"]
{
color:#fff!important;
border:1px solid gray;
padding:5px;
border-radius:6px;
}



.boutonhautbas {
    bottom: 40px;
    right: 10px;
    position: fixed;
    z-index: 100;
}


#description
{
color: #0b6091;
font-size: 16px;
font-family: Georgia, serif;
}



.module-title
{color: #F0F8FF!important; }



/*SUPPRESSION DU BOUTON PORTAIL*/
a.mainmenu[href="/portal"]{display:none;}
/*Le conteneur des brouillons*/
.M14_Brouillonbis
{
  display:none;
width:230px;
border:2px solid #5E85AC;
background-color:#ffffff;
padding: 2px;
position: fixed;
top:40px;
  right:5px!important;
  font-weight:bold!important
}
.M14_Brouillon
{
display:none;
width:230px;
border:2px solid #5E85AC;
background-color:#ffffff;
padding: 2px;
position: fixed;
top:40px;
left: 5px;
font-weight:bold!important
}

/*La partie annoncant Les sujets concernes*/
.M14_Brouillon center.M14_center,.M14_Brouillonbis center.M14_center{font-size:13px;font-style:italic;color:#5E85AC;}
/*Suppression du soulignement des liens*/
.M14_GetBrouillon a.postdetails,.M14_Brouillon a,.M14_GetBrouillonbis a.postdetails,.M14_Brouillonbis a{text-decoration:none!important;}

/*Le conteneur des sujets*/
.M14_GetBrouillon,.M14_GetBrouillonbis
{
padding: 3px;
min-height:60px;
height:auto;
max-height:200px;
overflow-y:auto;
margin: 3px;
border: 1px dotted #5E85AC;
background-color:#ffffff;
border-radius:6px;
}
/*Apparence des sujets dans le conteneur*/
.M14_GetBrouillon a.postdetails,.M14_GetBrouillonbis a.postdetails
{
float:left;
margin-left:3px;
color: #5E85AC!important;
font-size:10px !important;
white-space: nowrap;
width:180px;
overflow: hidden;
}
/*L asterisque devant les titres des sujets*/
.M14_GetBrouillon a.postdetails:before,.M14_GetBrouillonbis a.postdetails:before
{
content:"*";
color:#8E3557;
position: relative;
top: 2px;
margin-right: 5px;
}











.M14_notImg
{
color:#A92846!important;
font-weight:normal !important;
}

#fa_chat_container {
          background:#FFF;
          border:1px solid #556682;
          border-radius:3px;
          position:fixed;
          right:3px;
          z-index:999;
          overflow:hidden;
          min-width:500px;
          min-height:250px;
          transition:300ms;
        }
     
        #fa_chat {
          border:none;
          width:100%;
          height:100%;
        }
     
        #fa_chat_button {
          color:#FFF;
          line-height:30px;
          margin-left:10px;
          padding:0 5px;
          cursor:pointer;
        }
     
        #fa_chat_button.fa_chat_active {
          color:#333;
          background:#FFF;
        }



/*ON DECALE LA BALISE A*/
.M14_QeelAvatar{margin-right: 5px;}
/*ON ON DONNE UNE TAILLE MAXIMALE AUX AVATARS ET AFFICHE EN BAS*/
.M14_QeelAvatar img{width:32px;height:32px;vertical-align:bottom;border-radius: 50%;}
.M14_edit{color: brown !important;position: relative;bottom: 15px;}
/*Bouton resolu liste des sujets*/
    .M14_resolv{color:red;margin-left:3px;margin-right:3px;}



.M14_ProfilPlus{text-align:center;margin-top: 20px;}
.M14_ProfilPlus a{margin:0px 2px 0px 2px;}
#plus_menu{z-index:999!important;}



/* Les pseudos*/
.M14_Thank_list a[href^="/u"]
{
color:orange !important;
text-decoration:none !important;
margin-right:2px;
}
/*Le caractere entre les pseudos*/
.M14_Thank_list a:before
{
content="("; 
color:darkred;
}
.M14_Thank_list a:after
{
content=") ,"; 
color:darkred;
}
.M14_Thank_Cont{
    margin: 5px;
    margin-bottom: 0;
    clear:both;
    font-style: italic;
    border: 1px solid #bac4cb;
    background: url(https://i.servimg.com/u/f20/15/86/06/11/coup_d11.png) no-repeat;
    background-position: 5px 2px;
    background-color:#DCE1E5;
    padding: 5px;
    min-height:50px;
    padding-left: 50px;
    border-radius: 5px;
    display:none;
    }

/*on redimensionne l image coup de coeur*/
.M14_ThanksImg img
{
width:90px;
height:40px;
}

        .quote {
          border: 1px solid #40A497;
        }
        .quote {font-size:13px;}

    .bouhautbas {
        bottom: 40px;
        right: 10px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(https://i.servimg.com/u/f20/15/86/06/11/jbe5yw10.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
                .element {font-family:"Grand Hotel";}
     
        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }
        .mini_ava img {float:left;}
        .sceditor-container iframe, .sceditor-container textarea {background:url(https://i.servimg.com/u/f20/15/86/06/11/bull_c10.png) no-repeat center center !important;}
    /*AFFICHAGE ADMIN ET MODO BBCODE*/
       
        .mod_mess, .adm_mess{
        margin: 5px auto;
        width:85%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        }
        /*les liens messages admin et modo*/
        .mod_mess a.postlink, .adm_mess a.postlink{
        color: #000 !important;
        text-decoration: underline !important;
        }
   
    /* BLOC ADMIN BBCODE*/
       
        .adm_mess {
        background: #cfd5e3;
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* TITRE ADMIN */
        .adm_mess .titl {
        color:;
        font-size: 15px;
        font-weight: normal;
        padding: 5px;
        border-bottom: 1px dashed #B60505; 
        }
           
        /* MESSAGE ADMIN */
        .adm_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(https://icons.iconarchive.com/icons/graphicloads/100-flat/48/information-icon.png) no-repeat left center;
        }
        /*COULEUR DU MESSAGE ADMIN*/
        .adm_mess div:not(tilt)
        {
          color:;
        }
 
/*FIN ADMIN*/
   
        /*LE BLOC MODO BBCODE*/
        .mod_mess {
        background: #b8cfbd;
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
       
        /* LE TITRE MODO */
        .mod_mess .titl {
       
        color:;
        font-size: 15px;
        font-weight: normal;
        padding: 5px;
        border-bottom: 1px dashed #0D4DD3;   
        }
           
        /*PRESENTATION TEXTE MODO */
        .mod_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(https://icons.iconarchive.com/icons/graphicloads/colorful-long-shadow/48/Problem-info-icon.png) no-repeat left center; 
        } 

 /*COULEUR DU TEXTE */
        .mod_mess div:not(.titl)
        {
        color:;
        }
/*FIN MODO*/
       
       
        /*Lydie tag message*/
        .BtnLydie {
        background: #EEEEEE;
        -webkit-box-shadow: 4px 4px 0px 0px #d4d6d9;
        -moz-box-shadow: 4px 4px 0px 0px #d4d6d9;
        box-shadow: 4px 4px 0px 0px #d4d6d9;
        }
        /*Le titre*/
      .BtnLydie_titre {
        color:#000;
        font-size: 15px;
        font-weight: normal;
        padding: 5px;
        border-bottom: 1px dashed #000;
        }

     
        /*le bloc ou se trouve le message*/
        .BtnLydie_contenu {
        color:#000;
        display: block;
        min-height:50px;
        height; auto;
        max-height:300px;
        overflow-y:auto;
        padding: 25px 5px 25px 80px;
 
        }


   



div#left img, div#left iframe {
          max-width: 200px !important;
        }
        .forumline.mod_news embed {
            max-width: 200px !important;
        }
        .titrefofo{
          color:#006400;
          font-size: 16px;}
        .gen {
          font-family: Georgia !important;
        }
       
        #M14_Invite
        {
        color:darkblue;
        }
                  /*Hauteur du menu*/
                .M14_pa { height:100px;background:#FFFFFF0;}
       
                /*Position des images dans le menu*/
                .M14_pa img{width:80px;height:72px;padding-top:30px;padding-left:10px;cursor:pointer;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        transition: all 0.7s;}
       
                /*Effet au survol des images avec reprise des tailles originales*/
                .M14_pa img:hover{padding-top:0;width:150px; height:104px;}


    #fa_thanks_message img { vertical-align:middle }
    #fa_thanks_message {
      color:#003366;
      font-size:16px;
      font-weight:bold;
      text-align:center;
      background-color:#BBD2E1;
      border:1px solid #BDB;
      border-radius:6px;
      padding:6px;
      margin:6px;
    }
 

/*Reponse rapide*/
#quick_reply .sceditor-container
{
  width:750px !important;
  margin-top:20px;
  border-radius:10px 10px 0px 0px !important;
  margin-bottom:-15px;
  border:1px solid #040404 !important;
}
.bodylinewidth {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 20px black;
}
.row1.over fieldset
{
-webkit-box-shadow: -4px 13px 5px 0px rgba(106,112,108,1);
-moz-box-shadow: -4px 13px 5px 0px rgba(106,112,108,1);
box-shadow: -4px 13px 5px 0px rgba(106,112,108,1);

}
 



.descript {
color: darkblue;
font-family: georgia;
}

[Stefano123]

Bonjour,

j'ai copié et collé tout votre CSS et plus le code blockquote, et cela fait la même, ça vient peut-être du Package, surement une limite de code dans le CSS, enfin, je dit ça !... Mais il me semble d'avoir vu un sujet similaire (Le code CSS que vous avez inséré est trop volumineux. Veuillez le réduire).

Je vais essayer de chercher ceci et vous ferait un retour à ce propos, à part si quelques-uns vous faisaient un retour en vous expliquant directement le comportement de ceci !!

[petitefeuille]

Oh merci Stefano123

[Stefano123]

Rebonjour petitefeuille,

J'ai cherché et essayé de trouver des moyens et des solutions pour résoudre ce problème de volume, mais en vain !!
En espérant que quelqu'un vous fera un retour avec une explication satisfaisante.

J'en suis navré de ne pouvoir en faire plus...

Bon week-end,

Cordialement,

[petitefeuille]

Pas de souci Stefano123 et merci de votre intervention !

j'espère que @Milouze14 qui m'a aidé à construire mon forum va venir m'aider, il connait bien mon forum... sinon autres membres ?

[Stefano123]

petitefeuille,

Une dernière petite astuce, ceci pourra peut-être vous aider :
Placez votre souris sur le rectangle de la citation et cliquez sur le bouton de droite de votre souris :
Ceci va vous ouvrir une petite fenêtre, cliquez sur "inspecter" et normalement les codes de votre citation doivent apparaître.
Comme sur l'image... À ce moment, vous pourrez peut-être modifier directement le code qui doit surement se trouver dans votre CSS.

[petitefeuille]

ben... là, je ne sais pas si je saurai le faire.....

[Stefano123]

petitefeuille,



Les rendus de s'est citations, ça doit être ce code-là pour la version en PhpBB2 ! Enfin, je dis ça !!
vous devez l'avoir dans votre CSS

Code:

dd.quote {
  background-color: #EEE;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #000;
  box-shadow: 5px 5px 10px #000;
  margin: 0;
  font-family: Georgia;
  font-size: 16px;
  padding: 10px;
  overflow: hidden;
  color: #000;
}

[petitefeuille]

et je fais quoi ensuite :

j'ai trouvé : ligne 37>>>61

Code:

.post .postbody{padding:5px 20px 5px 5px;margin-top: 30px;}
/** BEGIN Quote Collapse */
    .fa-quote-collapsed {
      display:block;
      height:200px;
      overflow:hidden;
      position:relative;
    }
    a.fa-quote-expand {
      display:none;
      position:absolute;
      z-index:1;
      left:50%;
      width:150px;
      margin-left:-75px;
      height:30px;
      line-height:30px;
      bottom:15px;
      text-align:center;
      text-decoration:none;
     
      background-color:#5E85AC;
      border:1px #999 solid;
     
    }

[Stefano123]

et je fais quoi ensuite  :

j'ai trouvé : ligne 37>>>61

Code:

.post .postbody{padding:5px 20px 5px 5px;margin-top: 30px;}
/** BEGIN Quote Collapse */
    .fa-quote-collapsed {
       display:block;
       height:200px;
       overflow:hidden;
       position:relative;
    }
    a.fa-quote-expand {
       display:none;
       position:absolute;
       z-index:1;
       left:50%;
       width:150px;
       margin-left:-75px;
       height:30px;
       line-height:30px;
       bottom:15px;
       text-align:center;
       text-decoration:none;
      
       background-color:#5E85AC;
       border:1px #999 solid;
      
    }

Non non, ce n'est pas ça cette ligne-là !
-------------
ça doit être ce code là  !!

Code:

/*COULEUR DES LIENS EN CITATIONS*/
dl.codebox dd a{color:steelblue !important;}  
dd.quote,dd.code,.codebox.spoiler .spoiler_content:not(.hidden) ,.codebox.hidecode dd
{
background-color:#EEE;
border-radius: 10px 10px 10px 10px;
border: 1px solid rgb(0, 0, 0);
box-shadow: 5px 5px 10px Black;
margin: 0px;
font-family: Georgia;
font-size: 16px;
padding: 10px 10px 10px 10px;
/*text-indent: 15px;*/
overflow: hidden;
color: rgb(0, 0, 0);
}

[petitefeuille]

alors c'est la ligne 660 >>> 678

Code:

/*COULEUR DES LIENS EN CITATIONS*/
dl.codebox dd a{color:steelblue !important;}   
dd.quote,dd.code,.codebox.spoiler .spoiler_content:not(.hidden) ,.codebox.hidecode dd
{
background-color:#EEE;
border-radius: 10px 10px 10px 10px;
border: 1px solid rgb(0, 0, 0);
box-shadow: 5px 5px 10px Black;
margin: 0px;
font-family: Georgia;
font-size: 16px;
padding: 10px 10px 10px 10px;
/*text-indent: 15px;*/
overflow: hidden;
color: rgb(0, 0, 0);
}

div.cont_code { clear: right; }


et je dois faire quoi, une fois trouvé s'il vous plait ?

[petitefeuille]

Je suis désolée, je dois décrocher… je reviendrai demain ! merci et à bientôt

[Stefano123]

alors c'est la ligne  660 >>> 678

Code:

/*COULEUR DES LIENS EN CITATIONS*/
dl.codebox dd a{color:steelblue !important;}    
dd.quote,dd.code,.codebox.spoiler .spoiler_content:not(.hidden) ,.codebox.hidecode dd
{
background-color:#EEE;
border-radius: 10px 10px 10px 10px;
border: 1px solid rgb(0, 0, 0);
box-shadow: 5px 5px 10px Black;
margin: 0px;
font-family: Georgia;
font-size: 16px;
padding: 10px 10px 10px 10px;
/*text-indent: 15px;*/
overflow: hidden;
color: rgb(0, 0, 0);
}

div.cont_code { clear: right; }


et je dois faire quoi, une fois trouvé s'il vous plait ?  

Oui, c'est bien ça, mais vu que c'est notre ami @Milouze14, (que je salue au passage), qui vous a aidé à construire votre forum !
je préfère que ce soit "M14" qui vous fasse cette modification de customisation...

Attendons notre ami M14...

Cordialement,

[MlleAlys]

Bonjour,
Je peux vous proposer cette solution, qui réaffiche le texte dans les blocs citation avec un léger effet de dégradé :

Code:

.guest div, .guest .quote {
  background: linear-gradient(to top, transparent, #4f4f4f 75%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

Le mieux serait de pouvoir également appliquer le dégradé aux bordures, mais je ne vois pas pour l'instant comment faire

(a priori les codes de Stefano123 ne serviront pas ici)

[Stefano123]

Bonsoir, pour ceux qui passeraient par là !!

J'aurais une petite question !  Combien de lignes de codes peut-on ajouter dans la feuille de style ?

Cordialement,

[petitefeuille]

Bonjour MlleAlys et Stefano123

MlleAlys c'est parfait et je vous remercie pour votre intervention

merci à vous deux et vous souhaite un bon dimanche

[Stefano123]

Messieurs Dames, je vous salue,

@MlleAly, merci pour votre aide qui était au plus simple ! C'est cool…

Bon dimanche à vous,

Cordialement,

[chattigre]

J'ai fusionné votre nouveau sujet avec le sujet initialement ouvert qui a été replacé. Merci de votre compréhension.

[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 »

[petitefeuille]

Bonjour Chacha,
j'espère que vous allez bien, et pour ce sujet, c'est résolu et encore merci à tous