@import url('https://fonts.googleapis.com/css?family=Oswald|Righteous|Roboto:400,700|Yellowtail|Libre+Baskerville|Crimson+Text:400,700|Open+Sans:400,700|Playfair+Display:400,700|Crete+Round|Sen:400,700,800|Khand:300,400,500,600,700|Kanit');
@font-face { 
	font-family: "rock"; 
	src: url('../fonts/rock.ttf') format('truetype'), 
	url('../fonts/rock.eot') format('embedded-opentype');
	}
@font-face { 
	font-family: "avenir"; 
	src: url('../fonts/avenir.eot') format('embedded-opentype'),
	url('../fonts/avenir.ttf')format('truetype');
	}
@font-face { 
	font-family: "dyslexic"; 
	src: url('../fonts/opendyslexic.otf')format('truetype'), 
	url('../fonts/opendyslexic.eot') format('embedded-opentype');
	}
@font-face { 
	font-family: "OpenSans"; 
	src: url('../fonts/OpenSans-CondBold.ttf')format('truetype'),
	url('../fonts/OpenSans-CondBold.eot') format('embedded-opentype');
	}

body{margin:0;background:#1c6c72 url(../fond.png) repeat-x;}

div{font-family:roboto;font-size:13px;text-align:justify;}
a{color:#327a91;text-decoration:none;transition:0.5s;}
a:hover{color:#54b1ff;text-decoration:none;transition:0.5s;}
.lien-rouge{color:#b53535;font-weight:700;text-decoration:none;transition:0.5s;}
.lien-rouge:hover{color:#ff0808;font-weight:700;text-decoration:none;transition:0.5s;}
.conteneur-liquide{max-width:1200px;width:100%;margin:auto;}
.info-vigilance{background:#f9f1b5;color:#aa7f19;padding:5px;border-radius:3px;}
.info-valide{background:#caf9b5;color:#42aa19;padding:5px;border-radius:3px;}
.info-invalide{background:#fccdcd;color:#d62d2d;padding:5px;border-radius:3px;}
a.i-inv-liens{color:#ab1b1b;}
a.i-inv-liens:hover{color:#ffe6e6;}
div.table{display:table;width:100%;border-collapse: separate;}
div.table-cellule-5{display:table-cell;width:20%;}
.info{background:#b5d8f9;color:#195aaa;padding:5px;border-radius:3px;}

img.emoji { height: 1.2em; width: 1.2em; vertical-align: middle; margin-top:-0.1em;}

.tableau-entete{font-weight:bold;background:#cce362;padding:3px;}
.tableau-l1{background:#eee;padding:3px;}
.tableau-l2{background:#fefefe;padding:3px;}

p{-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;}


.transition-box {text-align:center;padding:20px;}
.loader {width:48px;height:48px;border:5px solid #ddd;border-top-color:#007BFF;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px;}
@keyframes spin { to { transform: rotate(360deg); }	}

/* Menu mobile **/
.bulle-notifications{position:absolute;height:14px;width:14px;top:0;right:5px;background:red;color:#fff;font-family: 'Khand', Roboto, Arial;line-height:16px;font-size:9px;border-radius:50%;text-align: center;}
.bulle-notif-liens{display:inline-block;padding:7px 0 7px 0;color:#4f71c3;font-weight:700;transition:0.5s;text-align:center;}
.bulle-notif-liens:hover{display:inline-block;padding:7px 0 7px 0;color:#de381f;text-decoration:none;transition:0.5s;}

.alerte-pseudo{font-size:15px;font-family:'Open Sans', Roboto, Arial;}

.bbcode-btn,.bbcode-btn:hover{padding:5px;height:30px;min-width:30px;font-family:georgia;border:1px solid #ccc;background-color:#fff;background:linear-gradient(#fff,#eee);cursor:pointer;}
.bbcode-btn:hover{box-shadow:0 0 3px rgba(0,0,0,0.5);}
.enregistrer{ background : url(../"disquette.svg") 20px 20px no-repeat left; }
.page-principale{background:#fff;min-height:150px;}
.page-conteneur{padding:7px;}
.page-titre{color:#ff7200;font-family:Righteous;font-size:17px;font-weight:500;margin-bottom:7px;}
.page-chemin{font-family:Roboto;font-weight:700;font-size:10px;color:#888;border-bottom:1px solid #ccc;padding-bottom:6px;margin-bottom:7px;}
.cellule{min-height:10px;background:linear-gradient(45deg, #e6efff, #e4fff9);/*box-shadow:0 1px 1px #ccc;*/border-top:0;padding:10px;line-height:18px;word-wrap: break-word;}
.souscellule{padding:10px;background:#fff;border-radius:3px;overflow:hidden;}
.cellule-inde{min-height:10px;background:#fff;/*box-shadow:0 1px 1px #ccc;*/border:1px solid #ddd;padding:7px;line-height:18px;word-wrap: break-word;}
#quatrieme::first-letter {font-family:'Playfair Display',Georgia;font-size:3em;float:left;line-height:1;margin-right:0.1em;margin-top:-0.1em;}
#quatrieme p{margin-block-start:5px;margin-block-end: 5px;}

.conteneur-histoires{padding:25px;display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, 120px));gap:25px;justify-content:center;}

.story-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 10px;}
.story-grid-unique {display: grid;grid-template-columns:1fr;gap:10px;}
.story-grid-200 {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 10px;}
.story-grid-150 {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 10px;}
.story-card {overflow: hidden;display: flex;flex-direction: row; /* ✅ image à gauche, texte à droite */ transition: transform 0.2s ease, box-shadow 0.2s ease;cursor:pointer;}
.story-card:hover { transform: translateY(-4px); box-shadow: 0 6px 15px rgba(0,0,0,0.2);}
.story-cover { width: 104px; /* largeur fixe de la couverture */ height: 139px; border-radius:5px;margin-right:10px;}
.story-cover-max { width: 150px; /* largeur fixe de la couverture */ height: auto; border-radius:5px;margin-right:10px;}
.story-cover-fixe { width: 100px; height: 133px; border-radius:5px;margin:0 auto 10px auto;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
.story-titre {font-family:'Khand', 'Open Sans', Roboto;font-weight:600;font-size:20px;margin-bottom:7px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.story-titre-2 {font-family:'Khand', 'Open Sans', Roboto;font-weight:600;font-size:22px;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.story-titre-mini {font-family:'Khand', 'Open Sans', Roboto;font-weight:600;font-size:16px;margin-bottom:7px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center;}
.story-content { padding: 1rem; display: flex; flex-direction: column; flex: 1;}
.story-genres { font-size: 12px; color: #666; margin-bottom: 0.6rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.story-genres-2 { font-size: 12px; color: #666; margin-bottom: 0.6rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.story-summary { font-size: 13px; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; /* Limite à 3 lignes */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.story-summary-2 { font-size: 13px; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; /* Limite à 2 lignes */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.story-summary p, .story-summary-2 p { margin:0;}

@media(max-width:480px){
.story-grid {display: grid;grid-template-columns: 1fr;gap: 10px;}
}

.bouton,.bouton-vert,.bouton-2,.forums-bouton,span.bouton:hover{background:#eee;color:#0065bb;font-family:Sen;border-radius:2px;padding:5px 7px;cursor:pointer;border:0;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.histoires-bouton{background:#1d8ab3 linear-gradient(90deg, #2fc8c1,#1d60b3);color:#fff;font-family:Sen;font-weight:400;padding:7px;border-radius:3px;cursor: pointer;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.histoires-bouton:hover{background:#4095ff linear-gradient(90deg, #4ae4dd,#4095ff);color:#fff;}
span.bouton:hover{cursor:default;}
.bouton:hover,.forums-bouton:hover{background:#0065bb;color:#fff;font-family:Sen;padding:5px 7px;border-radius:2px;}

a.bouton,a.bouton-up{background:#4370e1;box-shadow: -5px -5px 10px #314d92 inset;text-align:center;font-family:Sen;font-weight:400;color:#fff;text-shadow: 2px 2px 2px #232552;border-radius:5px;}
a.bouton-vert,a.bouton-vert-up{background:#3fbb54;box-shadow: -5px -5px 10px #1f7231 inset;text-align:center;font-family:Sen;font-weight:400;color:#fff;text-shadow: 2px 2px 2px #232552;border-radius:5px;}
a.bouton-2,a.bouton-2-up{background:#eee;box-shadow: -5px -5px 10px #ccc inset;text-align:center;font-family:Sen;font-weight:400;border-radius:3px;}
input.bouton{background:#c63030;box-shadow: -5px -5px 10px #a02020 inset;font-family:Sen;font-weight:400;color:#fff;text-shadow: 2px 2px 2px #522323;border-radius:5px;}
input.bouton-vert{background:#3fbb54;box-shadow: -5px -5px 10px #1f7231 inset;font-family:Sen;font-weight:400;color:#fff;text-shadow: 2px 2px 2px #522323;border-radius:5px;}
a.bouton:hover,.bouton-up,.bouton-up:hover,input.bouton:hover,input.bouton-vert:hover,a.bouton-2:hover,a.bouton-2-up,a.bouton-2-up:hover{background:#30c6b8;box-shadow: -5px -5px 10px #20a09a inset;font-family:Sen;color:#fff;text-shadow: 2px 2px 2px #233f52;border-radius:5px;}
a.bouton-gradorange{background:linear-gradient(45deg, #ffe6e6, #fff9e4);border-radius: 2px 5px 0 0;color: #e35d5d;font-family: Kanit;font-size:14px;padding: 3px 5px 5px 5px;}
a.bouton-gradorange:hover{transform: translateY(-4px);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);color:red;}
a.bouton-simple{display:inline-block;padding:3px 5px 3px 3px;border:1px dashed #ccc;border-radius:5px;margin-top:5px;background:#ececec;color#4370e1}
a.bouton-simple:hover{display:inline-block;padding:3px 5px 3px 3px;border:1px solid #ccc;border-radius:5px;background:#ececec;}

	.profil-menu-liens,.profil-menu-liens-up{padding:7px 10px;display:inline-block;background:#fff;font-family:'Roboto';font-size:13px;color:#327a91;box-shadow: 0 0 2px rgba(0,0,0,0.3);border-radius:3px;transition:0.25s;margin-right:3px;}
	.profil-menu-liens:hover{background:#fff;color:#1bc3b5;text-decoration:none;box-shadow: 0 2px 10px rgba(0,0,0,0.3);transform:translateY(-2px);}
	.profil-menu-liens-up,.profil-menu-liens-up:hover{color:#fff;font-weight:600;background:#327a91;box-shadow: 0 0 5px #fff, inset 0 0 3px #1bc3b5;;border-radius:3px;transition:0.5s;margin-right:3px;}

.bouton-rouge-2{background-color:#e05f44;margin-top:7px;color:#fff;border: 1px solid #c5521d;border-radius:5px;display: inline-block;padding:5px;transition:0.5s;}
.bouton-rouge-2:hover{background-color:#fff;color:#e05f44;border:1px solid #ddd;}

.bouton-moderne{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);padding: 5px 7px;color: #00cdbe;border-radius: 5px;    display:inline-block;transition:0.5s;border: 0;}
.bouton-moderne:hover,.bouton-moderne-up {background:#00cdbe;padding:5px 7px;color:#fff;border-radius: 5px;display:inline-block;transition: 0.3s;border: 0;translate: 0 -2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);}

input.bouton-supprime{height:16px;width:16px;border:0;padding:0;margin:0 5px -4px 0;cursor:pointer;background-image:url(../invalide.png);background-color:#fff;background-repeat:none;background-size: 16px 16px;}

input.bouton-jaime{display:inline;padding:3px;padding-left:20px;border:0;border-radius:5px;background:#eee url(../jaime.png) no-repeat;background-position:left 3px top 3px;background-size:14px 14px;cursor:pointer;transition:0.3s;}
input.bouton-jaime:hover,.bouton-jaimeoui{display:inline;color:#cb4e44;padding:3px;padding-left:20px;border:0;border-radius:5px;background:#ddd url(../jaime-ok.png) no-repeat;background-position:left 3px top 3px;background-size:14px 14px;cursor:pointer;}
a.bouton-commenter{display:inline;padding:3px;padding-left:20px;border:0;border-radius:5px;background:#eee url(../crayon-gris.png) no-repeat;background-position:left 3px top 3px;background-size:14px 14px;cursor:pointer;transition:0.3s;}
a.bouton-commenter:hover{display:inline;color:#1f85a9;padding:3px;padding-left:20px;border:0;border-radius:5px;background:#ddd url(../crayon.png) no-repeat;background-position:left 3px top 3px;background-size:14px 14px;cursor:pointer;}

.titres-jaunes{font-size:16px;padding:3px 5px 5px 5px;font-family:Kanit;color:#c69316;background:#fff3d6;border-bottom:2px solid #ffdd8a;border-radius:3px 3px 0 0;}
.titres-verts,.fiche-titres{font-size:16px;padding:3px 5px 5px 5px;font-family:Kanit;color:#439a19;background:#e1ffda;border-bottom:2px solid #9bc188;border-radius:3px 3px 0 0;}
.titres-bleus{font-size:16px;padding:3px 5px 5px 5px;font-family:Kanit;color:#207bc2;background:#d9edff;border-bottom: 2px solid #9bbcd7;border-radius:3px 3px 0 0;}
.titres-rouges-2{background:linear-gradient(45deg, #f5f5f5, #f7d8d8);border-radius: 2px 5px 0 0;color:#e64b37;font-family:Kanit;font-size:16px;padding:3px 5px 5px 5px;}
.titres-bleus-2{background:linear-gradient(45deg, #f5f5f5, #d8e7f7);border-radius: 2px 5px 0 0;color:#5da5e3;font-family:Kanit;font-size:16px;padding:3px 5px 5px 5px;}
.titres-verts-2{background:linear-gradient(45deg, #f5f5f5, #cef5ec);border-radius:2px 5px 0 0;color: #34b092;font-family:Kanit;font-size:16px;padding:3px 5px 5px 5px;}
/*ANCIEN 
.titres-rouges-2{background:linear-gradient(45deg, #c63030, #ff6060);border-radius: 2px 5px 0 0;color:#fff;font-family:Kanit;font-size:16px;padding:3px 5px 5px 5px;}
.titres-bleus-2{background:linear-gradient(45deg, #0097ff, #00ffdc);border-radius: 2px 5px 0 0;color:#fff;font-family:Kanit;font-size:16px;padding:3px 5px 5px 5px;}
.titres-verts-2{background:linear-gradient(45deg, #34b092, #8dff80);border-radius: 2px 5px 0 0;color:#fff;font-family:Kanit;font-size:16px;padding:3px 5px 5px 5px;}*/
.mini-titres{padding-bottom:5px;margin-bottom:7px;border-bottom:1px dashed #ccc;}
.mini-titres-s{padding-bottom:5px;margin:10px 0 7px 0;border-bottom:1px dashed #ccc;}
.bouton-chgcouv{display:block;text-align:center;margin:5px auto 0 auto;}

.titres-rouges,.profil-titres{font-size:15px;padding:3px 5px 5px 5px;font-family:Kanit;color:#f12e2e;background:#ffefef;border-bottom: 2px solid #fd958e;border-radius:3px 3px 0 0;}
.profil-bouton,.profil-bouton-up{background:rgba(0,0,0,0.2);border:0;border-radius:5px 5px 0 0;color:#fff;font-family:'Kanit', Roboto, Arial;padding:0 7px 0 7px;line-height:30px;height:30px;cursor:pointer;}
.profil-bouton:hover,.profil-bouton-up,.profil-bouton-up:hover{background:#fff;border-radius:5px 5px 0 0;color:#f12e2e;font-family:'Kanit', Roboto, Arial;}

/*.bouton-vert{background:#1db34b linear-gradient(90deg, #4fc82f,#1db34b);color:#fff;font-family:Sen;font-weight:400;padding: 7px 7px 5px 7px;cursor:pointer;border-radius:3px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.bouton-vert:hover{background:#39bf3c linear-gradient(90deg, #6fd61e,#39bf3c);color:#fff;}*/
.bouton-conteneur{height:28px;margin-top:7px;}
.formulaire{background:#fafafa;color:#444;font-family:roboto;border:1px solid #ccc;padding:5px;cursor:pointer;border-radius:3px;margin-top:7px;}
.formulaire-desactive{background:#eee;color:#ccc;font-family:roboto;border:1px solid #ccc;padding:5px;border-radius:3px;margin-top:7px;}
.formulaire-def{width:95%;max-width:250px;}
.formulaire-valide{background:#f3ffe6 url(../valide.png) left no-repeat;padding:5px 5px 5px 37px;border:1px solid #c3e59e;color:#75962e;border-radius:3px;cursor:default;}
textarea.formulaire{cursor:text;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;resize:vertical;border-radius:0 0 3px 3px;margin-top:0;}
.formulaire-titre{font-family:'Kanit', Roboto, Arial;font-size:20px;}
.formulaire-100{cursor:text;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;resize:vertical;border-radius:3px;margin-top:0;}

.histoires-nav{background:#333;font-family:Georgia;color:#fafafa;height:40px;text-align:center;line-height:40px;}
.profil-nav,.profil-nav-up,.ssmenu-nav-bouton,.ssmenu-nav-bouton-up{color:#666;font-size:14px;height:30px;font-family:'Kanit', Roboto, Arial;line-height:30px;display:inline-block;padding: 0 7px 0 7px;}
.profil-nav:hover,.profil-nav-up,.profil-nav-up:hover,.ssmenu-nav-bouton:hover,.ssmenu-nav-bouton-up,.ssmenu-nav-bouton-up:hover{color:#f12e2e;background:#fff;border-bottom:1px solid #f12e2e;line-height:30px;}
.histoires-navp{background:#336355;color:#ccc;height:30px;font-family:Roboto;font-weight:bold;text-align:center;line-height:30px;display:inline-block;padding: 0 7px 0 7px;}
.histoires-navp:hover,.histoires-navp-up,.histoires-navp-up:hover{background:#589482;color:#fff;height:30px;text-align:center;line-height:30px;}
.histoires-navigation,.histoires-navigation:hover{width:40px;height:40px;background:rgba(0,0,0,0.1);display:inline-block;text-align:center;color:rgba(255,255,255,0.3);line-height:37px;font-size:25px;}
.histoires-navigation-a,.histoires-navigation-a:hover{width:40px;height:40px;background:rgba(0,0,0,0.2);display:inline-block;text-align:center;color:#fff;line-height:37px;font-size:25px;}
.histoires-chap{color:#286230;}
.histoires-chap-lu{color:#999;}
.histoires-chap-lu:hover{color:#222;}

.profil-avatar{background:#fff;border:5px solid #fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2);}
.forums-avatar{-webkit-border-radius: 2px;border-radius:2px;}
.forums-sujet-avatar,.commentaires-avatar{-webkit-border-radius: 2px;border-radius:2px;background:#fff;padding:3px;border:1px dashed #ccc;}

.inscription-titres{background:#cc582e;color:#fff;font-family:Righteous;padding:5px;}

.parametres-titres,.crea-titres{background:#85C630;color:#fff;font-family:Righteous;padding:5px;}
.infos-titres{background:#c63030;color:#fff;font-family:Righteous;padding:5px;}

.faq-titres{color:#c63030;font-weight:bold;text-transform:uppercase;}

.zzz{background:#cc582e;color:#fff;font-family:Righteous;padding:5px;}

.amis-titres,.histoires-titres{background:#e6b336;color:#fff;font-family:Righteous;padding:5px;}

.amis-accepter{background:#95e143;padding:3px 5px 3px 5px;border:1px solid #6dba1a;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-family:Roboto;font-weight:700;color:#fff;text-shadow:0 0 3px #000;margin-right:5px;cursor:pointer;}
.amis-accepter:hover{background:#fff;color:#74b929;text-shadow:0 0 0;}
.amis-refuser{background:#e14d43;padding:3px 5px 3px 5px;border:1px solid #be271d;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-family:Roboto;font-weight:bold;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.3);cursor:pointer;}
.amis-refuser:hover{background:#fff;color:#e14d43;text-shadow:0 0 0;}

.forums-titres{background:#fff url(../forums/fond-titres.png) bottom repeat-x;border:1px solid #ddd;}
.forums-titres-cell{color:#f12e2e;border-bottom:1px dashed #f12e2e;text-shadow:1px 1px 0 #fff;font-family:Oswald;font-weight:400;font-size:15px;padding:7px;}
.messagerie-titres{background:#589482;color:#fff;font-family:Righteous;padding:5px;}
a.fiche-titresl{color:#7b9458;}
a.fiche-titresl:hover{color:#222;}
.forums-entete{background: #fff;border-bottom:1px dashed #f12e2e;padding:10px;overflow:hidden;color:#f12e2e;font-size:16px;font-family:Georgia;}
.forums-cadre,.forums-sujets-cadre{padding:5px;margin-top:3px;background:#fff;border-bottom:1px solid #ddd;}
.forums-sujets-titres,.forums-sujets-titres:hover{color:#902525;font-size:15px;font-family:Oswald;}
.forums-sujets-titres:hover{color:#b33535;}
.forums-sujets-titres-nouveau,.forums-sujets-titres-nouveau:hover{color:#4ab105;font-size:15px;font-family:Oswald;}
.forums-sujets-titres-nouveau:hover{color:#66ff00;}

.messagerie-liste,.parametres-liste,.histoires-liste{border-bottom:1px solid #eee;padding:4px 0 3px 0;}

.parametres-btn,.messagerie-btn,.histoires-btn{background-color:#ccc;color:#888;font-family:Righteous;padding:5px;margin:0;height:30px;line-height:30px;}
.parametres-btn:hover,.parametres-btn-up,.parametres-btn-up:hover{background:#85C630;color:#fff;font-family:Righteous;padding:5px;margin:0;height:30px;line-height:30px;}
.messagerie-btn:hover,.messagerie-btn-up,.messagerie-btn-up:hover{background:#589482;color:#fff;font-family:Righteous;padding:5px;margin:0;height:30px;line-height:30px;}
.histoires-btn:hover,.histoires-btn-up,.histoires-btn-up:hover{background:#e6b336;color:#fff;font-family:Righteous;padding:5px;margin:0;height:30px;line-height:30px;}

/* Galerie couverture */
.galerie-couv{float:left;width:50%;min-height:170px;}
.galerie-couv-2{width:100%;min-height:170px;}
.galerie-couv-fond{height:127px;border-radius: 0 5px 0 0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.galerie-couv-titre{position:absolute;bottom:0;left:0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,0.5);color:#fff;padding:7px;font-family:Oswald;text-transform:uppercase;}
.galerie-couv-copy{margin-bottom:7px;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.histoires-couverture-titres{font-family:'Khand',Georgia;font-size:28px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5), 0 0 2px black;text-align:center;margin:10px 0 -7px 0;}
.histoires-couverture-chap{font-family:'Khand', Georgia;font-size:15px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5), 0 0 2px black;text-align:center;}
.histoires-couverture-auteur,.histoires-couverture-auteur:hover{font-family:Kanit, Georgia;text-transform:capitalize;font-size:12px;color:#fff;text-shadow:0 0 3px #000;text-align:center;}
a.histoires-couverture-auteur:hover{text-decoration:underline;}

.histoire-tomes-titres{ font-size:14px;padding:5px;font-family:Roboto;font-weight:bold;color:#f12e2e;border-bottom:1px dashed #ccc;}

.bureau-couverture,.librairie-couverture,.listedelecture-couverture,.proxyrouge-couverture,.proxybvert-couverture,.proxybleu-couverture,.proxyjaune-couverture,.pro-couverture{background:linear-gradient(45deg, #230311, #85091f, #ec4f39, #ffcd97);box-shadow: 0 0 20px rgba(255,0,0,0.5) inset;border-radius:3px 3px 0 0;}
.moncompte-titre{padding:10px 20px;font-family:Khand, Oswald, Roboto;color:#f5f5f5;font-size:22px;text-shadow:0 2px 2px rgba(0,0,0,0.8);font-weight:600;}

.bouton-liste{background:#eee;border:1px solid #ccc;text-align:center;font-family:Roboto;font-weight:bold;color:#444;text-shadow:0 0 3px rgba(255,255,255,0.3);padding: 3px 5px 3px 5px;border-radius:2px;}
.bouton-liste:hover,.bouton-liste-up,.bouton-liste-up:hover{background:#4370e1;border:1px solid #1d56be;text-align:center;font-family:Roboto;font-weight:bold;color:#fff;text-shadow:0 0 3px rgba(0,0,0,0.3);padding: 3px 5px 3px 5px;border-radius:2px;}

.histoiresfiche-titres{font-family:Khand;font-size:14px;color:#600e13;display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc;}
.histoiresfiche-titres-l{font-family:Khand;font-weight:600;font-size:20px;color:#fff;text-shadow:0 0 3px #000;}
.histoiresfiche-titres-l:hover{color:#fff;text-decoration:underline;}
.histoiresfiche-titres-2{font-family:Khand;font-size:14px;color:#fff;text-shadow:0 0 3px #000;}
.histoiresfiche-titres-2:hover{font-family:Khand;font-size:14px;color:#fff;text-decoration:underline;}

.meshistoires-bouton{background:#fff url(../puce-profil.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#71b923;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.meshistoires-bouton:hover,.meshistoires-bouton-up,.meshistoires-bouton-up:hover{background:#71b923 url(../puce-profil-up.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;}
.etiquette-noel{background:#448347 url(../santa-claus.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.etiquette-noel:hover{background:#e83939 url(../santa-claus.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;box-shadow: 0 0 0 rgba(0,0,0,0);}
.etiquette{background:#cc582e url(../puce-profil-up.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;box-shadow:0 1px 2px rgba(0,0,0,0.3);margin-right:5px;}
.etiquette:hover{background:#c63030 url(../puce-profil-up.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;translate: 0 -2px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);}
.etiquette-2{background:#4370e1 url(../puce-profil-up.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;box-shadow:0 1px 2px rgba(0,0,0,0.3);margin-right:5px;}
.etiquette-2:hover{background:#069dea url(../puce-profil-up.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;translate: 0 -2px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);}
.etiquette-3{background:#ccc url(../puce-profil-up.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#444;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;box-shadow:0 1px 2px rgba(0,0,0,0.3);}
.etiquette-3:hover{background:#ddd url(../puce-profil-up.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#222;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border-radius:3px;}

.fandom-eti{display:inline-block;background:#008fb1 url(../universe.svg) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border:0;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;cursor:pointer;}
.fandom-eti:hover{background:#00b130 url(../universe.svg) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border:0;border-radius:3px;cursor:pointer;}
.fandom-supp{background:#cc582e url(../television.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border:0;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;cursor:pointer;}
.fandom-supp:hover{background:#c63030 url(../corbeille-2.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border:0;border-radius:3px;cursor:pointer;}
.fandom-ajouter{background:#448347 url(../television.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border:0;border-radius:3px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;cursor:pointer;}
.fandom-ajouter:hover{background:#e83939 url(../ajouter.png) left no-repeat;background-position:5px;background-size:16px 16px;color:#fff;font-family:Roboto;font-weight:700;padding: 5px 5px 5px 27px;white-space: nowrap;border:0;border-radius:3px;box-shadow: 0 0 0 rgba(0,0,0,0);cursor:pointer;}

.livre-titre{ position: absolute; top: 45px; width: 94px; text-align: center; font-family: Georgia, Times New Roman; color: #fff; background: rgba(0,0,0,0.2); text-shadow: 0 0 2px #000; font-size: 13px; padding: 5px; }
.livre-titre-2{ position: absolute; top: 70px; width: 140px; text-align: center; font-family: Georgia, Times New Roman; color: #fff; background: rgba(0,0,0,0.2); text-shadow: 0 0 2px #000; font-size: 15px; padding: 5px; }
.chap-titre{ position: absolute; top: 40px; width: 94px; color: #444; text-align: center; font-family: Georgia, Times New Roman; font-size: 13px; padding: 5px; }
.livre-auteur{ font-family: Khand, Georgia, Times New Roman; font-size: 12px; color: #fff; text-shadow: 0 0 2px #000; }
.livre-auteur:hover{color: #fff;text-decoration:underline; }

.livre-couverture{box-shadow: 0 1px 3px rgb(0 0 0 / 50%);border-radius:5px;color:#fff !important;}
.livre-couverture-titre{padding: 70px 5px 0 5px;text-align:center;font-family:'Khand';font-weight:500;font-size:16px;color:#fff !important;text-shadow:0 0 5px #000, 0 0 2px #000;}

.couverture-tome{float:left;margin-left:-172px;}
.couverture-tome-2{float:left;margin-right:10px;}
.cover{position: absolute;top: 0;left: 0;right: 0;height: 100px;background-size: cover;background-position: center;z-index: 0;background-color: transparent; /* Masque tout fond sous l'image */overflow: hidden; /* Empêche tout débordement visuel */}
.cover::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: inherit;background-size: inherit;background-position: inherit;transform: scale(1.2);filter: blur(5px);z-index: -1; /* Met le pseudo-élément derrière l'élément principal */}
.lire-bouton{ background-color: #369de5; background: linear-gradient(#369de5,#004b91); padding: 4px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: #fff; line-height: 30px; text-decoration: none; font-family: Georgia; }
.lire-bouton:hover{ background: #369de5; padding: 4px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: #fff; line-height: 30px; text-decoration: none; font-family: Georgia; }
.supp-bouton{ background-color: #e53636; background: linear-gradient(#e53636,#910000); padding: 4px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: #fff; line-height: 30px; text-decoration: none; font-family: Georgia; }
.supp-bouton:hover{ background: #e53636; padding: 4px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: #fff; line-height: 30px; text-decoration: none; font-family: Georgia; }

.recherche-nav,.recherche-nav-up{background:#8c1f1f;color:#ccc;height:30px;font-family:Roboto;font-weight:bold;text-align:center;line-height:30px;display:inline-block;padding: 0 7px 0 7px;}
.recherche-nav:hover,.recherche-nav-up,.recherche-nav-up:hover{background:#c63030;color:#fff;height:30px;text-align:center;line-height:30px;}

.pied-titres{padding:0;font-family:Righteous;color:#e14d43;text-shadow:1px 1px 0px rgba(0,0,0,0.5);font-size:13px;text-transform:uppercase;}
.pied-cellule{color:#ccc;padding:0;}
.pied-liens{color:#fff;}
.pied-liens:hover{color:#ff942c;}

img.icone-14{width:14px;height:14px;margin-top:-3px;vertical-align:middle;}
img.icone-14-0{width:14px;height:14px;margin-top:-2px;vertical-align:middle;}
img.icone-16{width:16px;height:16px;margin-top:-3px;vertical-align:middle;}
img.icone-16-0{width:16px;height:16px;margin-top:-1px;vertical-align:middle;}

/*Fils*/
img.avatar-fils{border: 1px solid #ccc;padding:3px;background:#fff;float:left;border-radius:8px;}
img.avatar-fils-2{border: 1px solid #ccc;padding:3px;background:#fff;border-radius:8px;}
img.avatar-fils-c{border: 1px solid #ccc;padding: 1px;background: #fff;float: left;}
.fils-conteneur{margin-top:7px;}
.fils-cellule,.commentaire-cellule{background:linear-gradient(45deg, #e6efff, #e4fff9);line-height:18px;border-radius:5px;padding:10px;}
.fils-sscellule,.commentaire-sscellule{padding:10px;background:#fff;border-radius:5px;}
.fils-pseudo,.commentaire-pseudo{font-family:Khand, Roboto;font-size:18px;color:#e53b3b;font-weight:600;}
.fils-pseudo-2,.commentaire-pseudo-2{font-family:Roboto;color:#15a387;font-weight:700;line-height:17px;;}
.fils-bulle,.commentaire-bulle{padding-top:7px;line-height:20px}
.fils-ssbulle,.commentaire-ssbulle{color:#444;border-top:1px solid #ddd;padding-top:5px;margin-top:7px;}
.fils-ssbulle-lien{color:#444;font-family:Roboto;text-decoration:none;cursor:pointer;}
.fils-ssbulle-lien:hover{color:#444;text-decoration:underline;}
.fils-ssbulle-jaime{color:#e2574c;}
.fils-commentaires{margin-top:10px;padding:10px;background:#fff;border-radius: 0 5px;color:#444;line-height:12px;border-left:2px solid #15a387;}
.fils-commentaires-texte{margin: 0 0 3px 32px;line-height: 18px;}
.fils-liens{color:#589482;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.fils-liens:hover{color:#c63030;}
.fils-liens-interne{ display:inline-block;padding:0 3px;border-radius:5px;border-bottom:1px dotted;}
.fils-pages{color:#f12e2e;font-weight:700;}
.fils-pages:hover{color:#ab1c1c;}

.blog-titre{padding:7px;font-family:'Libre Baskerville', serif;color:#B9121B;font-size:18px;text-align:center;}
.blog-date{padding:0 0 7px 0;font-family:Roboto;color:#444;font-size:11px;text-transform:capitalize;text-align:center;}

/* Scroll personnalisé */
	/* width */
	.scroll::-webkit-scrollbar{width:3px;}
	/* Track */
	.scroll::-webkit-scrollbar-track{background:#f1f1f1;}
	/* Handle */
	.scroll::-webkit-scrollbar-thumb{background:#888;cursor:pointer;}
	/* Handle on hover */
	.scroll::-webkit-scrollbar-thumb:hover{background:#555;cursor:pointer;}
@media(min-width:1000px){
	
.mobile{display:none;}
.mobile-menu{display:none;}
.page-marges{padding:20px;}
.social-icone{width:16px;height:16px;filter:opacity(0.66);transition:0.5s;margin-right:5px;}
.social-icone:hover{filter:opacity(1);transition:0.5s;}
.moncompte-menu,.ssmenu-conteneur{border-bottom:1px solid #ccc;height:30px;background:#fefefe;padding:0 10px 0 10px;}
.page-principale{margin:20px 0;-webkit-border-radius:10px;border-radius:10px;overflow:clip;}
.livre-cellule{text-align: center; min-width: 124px; width: 20%; vertical-align: top; float: left; margin: 3px auto 2px auto;}
.livre-cellule-33{text-align: center; min-width: 124px; width: 33%; vertical-align: top; float: left; margin: 3px auto 2px auto;}
.couverture{border-radius: 3px 3px 0 0;height:100px;}
.profil-bloc-pseudo{position:absolute;bottom:10px;left:150px;}
.profil-entete-pseudo{font-family: 'Khand', 'Righteous', Roboto, Arial; color: #fff; font-size: 25px; text-shadow: 0 2px 7px rgba(0,0,0,0.5); font-weight: 600;}
.couverture-titre-cadre{height:60px;}
.categorie-cellule{-webkit-column-count:3;-moz-column-count:3;column-count:3;text-align:center;}
.cellule-tome{padding-left:180px;}
}

@media(max-width:999px){
.pasmobile,.pasmobileforce,.ssmenu-conteneur{display:none;}
.page-marges{padding:10px;}
.social-icone{width:30px;height:30px;filter:opacity(0.66);transition:0.5s;margin-right:5px;}
.social-icone:hover{filter:opacity(1);transition:0.5s;}
.moncompte-menu{border-bottom:1px solid #ccc;height:30px;background:#fefefe;padding:0 10px 0 10px;}
.ssmenu-menu{background:linear-gradient(45deg, #20272d, #3F51B5, #3bebeb);display:block;padding:5px;}
.ssmenu-bouton,.ssmenu-bouton:hover{font-family:'Khand', Roboto, Arial;font-size:18px;font-weight:600;color:#fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);display: block;padding:5px;}
.ssmenu-nav-bouton,.ssmenu-nav-bouton:hover,.ssmenu-nav-bouton:active,.ssmenu-nav-bouton-up,.ssmenu-nav-bouton-up:active{font-family:'Khand', Roboto, Arial;font-size:15px;font-weight:600;margin-top:7px;background: rgba(255, 255, 255, 0.1);border-radius:5px;padding:3px 7px;color:#fff;display: block;border-bottom:0;}
.ssmenu-nav-bouton-up{font-family:'Khand', Roboto, Arial;font-size:15px;font-weight:600;margin-top:7px;background:#fff;border-radius:5px;padding:3px 7px;color:#900C3F;display: block;}

.livre-cellule{text-align: center; min-width: 124px; width: 25%; vertical-align: top; float: left; margin: 3px auto 2px auto;}
.histoires-couverture-titres{font-size: 18px;}
.histoires-couverture-chap{font-size: 14px;}
.categorie-cellule{-webkit-column-count:3;-moz-column-count:3;column-count:3;text-align:center;}
.couverture{height:116px;}
.profil-bloc-pseudo{position:absolute;bottom:20px;left:107px;}
.profil-entete-pseudo{font-family: 'Khand', 'Righteous', Roboto, Arial; color: #fff; font-size: 22px; text-shadow: 0 2px 7px rgba(0,0,0,0.5); font-weight: 600;}
.couverture-titre-cadre{padding-top:10px;height:60px;}
.moncompte-titre{padding:20px;}
.bureau-couverture,.librairie-couverture,.listedelecture-couverture,.proxybvert-couverture,.proxyrouge-couverture,.proxybleu-couverture,.proxyjaune-couverture,.pro-couverture{border-radius:0;}
.cellule-tome{padding-left:170px;}

@media(min-width:640px){
	._entete-mini-menu{position:absolute;top:40px;left:0;float:left;background:#fff;font-family:Roboto;color:#444;width:400px !important;box-shadow:0 0 10px rgba(0,0,0,0.5);}
	}
@media(max-width:640px){
._entete-mini-menu{position:absolute;top:40px;left:0;float:left;background:#fff;font-family:Roboto;color:#444;width:320px !important;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.cellule-tome{padding-left:7px;}
.page-marges{padding:7px;}
._min640{display:none !important;}
.livre-cellule,.livre-cellule-33{text-align: center; min-width: 124px; width: 33%; vertical-align: top; float: left; margin: 3px auto 2px auto;}
.couverture-tome,.couverture-tome-2{display:block;float:none;margin: 0 0 10px 0;text-align:center;}
.categorie-cellule{-webkit-column-count:2;-moz-column-count:2;column-count:2;text-align:center;}
div.table-cellule-5{display:table-cell;width:33.3333%;}
}
@media(max-width:480px){
.livre-cellule,.livre-cellule-33{text-align: center; min-width: 124px; width: 50%; vertical-align: top; float: left; margin: 3px auto 2px auto;}
.galerie-couv{float:left;width:100%;min-height:170px;}
}
@media(max-width:320px){
.livre-cellule{text-align: center; min-width: 124px; width: 50%; vertical-align: top; float: left; margin: 3px auto 2px auto;}
div.table-cellule-5{display:table-cell;width:50%;}
}