/*  proflat_perso style sheet */


/**  Qui est en ligne  --------------------------------------------------  **/

.quiestenligne p{
	background-image: url(../../proflat/theme/images/qeel.png);
	padding: 0px 10px 10px 5px;
    background-position-y: -10px;
	text-align: center;
	background-repeat: no-repeat;
}

.quiestenligne p:hover{
background-color: #f5f5f5;
}


/* remove site description */
.site-description h1, .site-description p {
    /*	display: none; */
    position: absolute;
    left: -999px;
    width: 990px;
    }
    
	
/**  Sommaire Mangas  --------------------------------------------------  **/
    /* YLMC */
    .ylmcmenu{
        display: inline-block;
        padding: 0px 0px 10px 30px;
    }
    
    .yggtitreprincipal {
         font-family: "Gondola_SD";
        position : relative;
        top: 5px;
        left: 6px;
        font-size: 19px;
        color: #1eb4c3!important;
        font-weight:bolder;
        text-transform:capitalize;  }
		
	
    .yggprincipal {
        width: 220px;
        height: 110px;
        padding: 10px 5px 7px 5px;
        font-size:16px;
        text-align: center;
        font-family:"university-roman-bold-bt";
        border: 1px solid #5db2ff;
        border-radius: 4px;
        line-height: 120%;
    }
    .yggprincipal a:link, a:visited, a:active {
        background-color: transparent;
        text-decoration: none;
        border-bottom-color: transparent;
    }
    
    .YLMCSommaire_Titre_Fond{
        width: 650px;
        border: 0px;
    }
    
    .YLMCSommaire_Titre_Principal{
        padding: 10px 0px 10px 0px;
        font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        text-decoration-style: solid;
        font-size: 30px;
        color: #5db2ff;
    }
    
    .YLMCSommaire_Lettre_Titre{
        padding: 30px 0px 5px 10px;
        font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        letter-spacing: 5px;
        color: #5db2ff;
        font-size: 20px;
    }
    .YLMCSommaire_Titre_Fond hr{
        width: 500px;
        height: 2px;
        background-color: #612f21;
        border: none;
        padding: 0px;
    }
    
    .YLMCSommaire_Lettre_Texte{
        padding: 5px 0px 5px 0px;
        border: 1px solid #612f21;
        border-radius: 5px;
        width: 380px;
    }
    .YLMCSommaire_Lettre_Texte a:link{
        border-bottom: 0px;
    }
    
    .YLMCSommaire_Lettre_Texte a:hover{
        border-bottom: 0px;
        text-decoration-style: solid;
        /*text-decoration-line: underline;*/
    }
    
    .YLMCSommaireLettreTitre{
        width: 500px;
        border: 1px solid #976918;
        border-radius: 5px;
        padding: 5px;
        
    }
    .YLMCSommaireLettreTitreLegend{
        padding: 0px 0px 0px 4px;
        font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        border-left: 1px solid;
        border-right: 1px solid;
        border-color: #976918;
        letter-spacing: 4px;
        color: #5db2ff;
        font-size: 20px;
    }
    
    .YLMCSommaireLettreTitre a:link{
        border-bottom: 0px;
    }
    
    .YLMCSommaireLettreTitre a:hover{
        border-bottom: 0px;
        text-decoration-style: solid;
    }
    
    .YLMCSommaireTitre{
        width: 600px;
        border: 2px solid #976918;
        border-radius: 15px;
        padding: 5px;
        font-size: 12px;
    }
    .YLMCSommaireTitreLegend{
        padding: 5px 5px 5px 5px;
        font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        text-decoration-style: solid;
        border-left: 2px solid;
        border-right: 2px solid;
        border-color: #976918;
        font-size: 30px;
        color: #5db2ff;
    }
    .YLMCSommaireTitreDiv{
        text-decoration: none;
        text-decoration-line: none;
    }

 
 /**  Fiche Mangas --------------------------------------------------  **/  
     /* YLMC */
    .fiche_fond {
        display:grid;
        grid-template-areas: 
        "titre titre"
        ". ."
        ". ."
        "image titrevo"
        "image auteur"
        "image type"
        "image genre"
        "image annee"
        "image editionvo"
        "image editionvf"
        "image nb"
        "image statut"
        "image format"	
        ". ."
        ". ."
        "resume resume"
        ". ."
        ". ."
        "info info"
        ". ."
        ". ."
        "lien lien";
        border: 1px solid #5db2ff;
        border-radius: 7px;
        grid-row-gap: 5px;
        /*background-color : #b8edff;*/
        background-color: transparent;
        width:630px;
        max-width:630px;
        margin-left: auto;
        margin-right: auto;
        /*border: 1px solid #007C06;*/
        overflow: auto;
        grid-template-columns: 315px 1fr;
        padding: 3px 0px 20px 3px;
    }
    .fiche_espace {
        grid-area: espace;
        height: 100px;
        
    }
    
    .fiche_titre {
        grid-area:titre;
        font-family:"Gondola_SD";
        color : #009bf1;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-shadow: 1px 1px 1px #fff;
        text-align: center;
        font-size : 28px;
        padding: 4px 0px 8px 0px;
        border-bottom: 1px dotted #009bf1;
    }
    .fiche_image {
        grid-area:image;
    }
    .fiche_image img {
        /*border: 1px solid #007C06;*/
        max-width:200px !important;
        margin-left: 80px;
        border-radius: 7px;
    }
    /* Commun */
    .fiche_titrevo::before, .fiche_auteur::before, .fiche_type::before, .fiche_genre::before, .fiche_annee::before, .fiche_editionvo::before, .fiche_editionvf::before, .fiche_nb::before, .fiche_statut::before, .fiche_format::before{
        font-family:"university-roman-bold-bt";
        color: #009bf1;
    }
    .fiche_titrevo::before {
        grid-area:btitrevo;
        content: "Titre Vo : ";
    }
    .fiche_auteur::before {
        grid-area:auteur;
        content: "Auteur : ";
    }
    .fiche_type::before {
        grid-area:type;
        content: "Type : ";
    }
    .fiche_genre::before {
        grid-area:genre;
        content: "Genre : ";
    }
    .fiche_annee::before {
        grid-area:annee;
        content: "Année : ";
    }
    .fiche_editionvo::before {
        grid-area:editionvo;
        content: "Édition Vo : ";
    }
    .fiche_editionvf::before {
        grid-area:editionvf;
        content: "Édition Vf : ";
    }
    .fiche_nb::before {
        grid-area:nb;
        content: "Nombre : ";
    }
    .fiche_statut::before {
        grid-area:statut;
        content: "Statut : ";
    }
    .fiche_format::before {
        grid-area:format;
        content: "Format : ";
    }
    
    /* Commun */
    .fiche_titrevo, .fiche_auteur, .fiche_type, .fiche_genre, .fiche_annee, .fiche_editionvo, .fiche_editionvf, .fiche_nb, .fiche_statut, .fiche_format{
        font-family:"university-roman-bold-bt";
        font-size : 16px;
        width: 75%;
        text-align: left;
        margin-left: 5px;
        padding: 1px 0px 0px 5px;
        background-color : #ececec;
        /*background-color : #60d7ff94;*/
        /*background-color: transparent;*/
        border-radius: 5px;
        /*border: 1px solid #007C06;*/
    }
    
    .fiche_titrevo {
        grid-area:titrevo;
    }
    .fiche_auteur {
        grid-area:auteur;
    }
    .fiche_type {
        grid-area:type;
    }
    .fiche_genre {
        grid-area:genre;
    }
    .fiche_annee {
        grid-area:annee;
    }
    .fiche_editionvo {
        grid-area:editionvo;
    }
    .fiche_editionvf {
        grid-area:editionvf;
    }
    .fiche_nb {
        grid-area:nb;
    }
    .fiche_statut {
        grid-area:statut;
    }
    .fiche_format {
        grid-area:format;
    }
    
    .fiche_format::after {
        grid-area:espace;
        height: 2000px;
    }
    
    .fiche_resume, .fiche_info, .fiche_lien{
        font-family:"university-roman-bold-bt";
        font-size : 16px;
        padding: 5px 5px 5px 5px;
        margin-left: auto;
        margin-right: auto;
        width: 85%;
        text-align: justify;
        background-color : #ececec;
        /*background-color : #60d7ff94;*/
        /*background-color: transparent;*/
        border-radius: 7px;
        /*border: 1px solid #007C06;*/
    }
    .fiche_resume::before, .fiche_info::before, .fiche_lien::before{
        display: block;
        color : #009bf1;
        font-family:"Gondola_SD";
        font-size : 18px;
        padding: 0px 0px 5px 0px;
        text-align:center;
        /*border-bottom: 1px dotted;*/
    }
    .fiche_resume {
        grid-area:resume;
    }
    .fiche_info {
        grid-area:info;
        text-align: center;
    }
    .fiche_lien {
        grid-area:lien;
        text-align: center;
    }
    .fiche_resume::before {
        content: "Résumé";
    }
    .fiche_info::before {
        content: "Infos";
    }
    .fiche_lien::before {
        content: "Liens";
    }
	
	
	
	
	 .yggtitreprincipal {
        color: #50281c;
    }
    .fiche_fond {
        border: 1px solid #612f21;
    }
    .fiche_titre {
        color: #1b8c00;
        border-bottom: 1px dotted #612f21;
    }
    
    .fiche_titrevo::before, .fiche_auteur::before, .fiche_type::before, .fiche_genre::before, .fiche_annee::before, .fiche_editionvo::before, .fiche_editionvf::before, .fiche_nb::before, .fiche_statut::before, .fiche_format::before{
        color: #1b8c00;
    }
    .fiche_resume::before, .fiche_info::before, .fiche_lien::before{
        color : #1b8c00;
    }


/**  -------------------------------------------------------------------  **/



    /** TWEAKING */
    body{
        background-image: url(images/fond.png);
        background-attachment: fixed;
    }
    /** LOGO */
    .site_logo {
        background-image: url(./images/site_logo.png);
        width: 1152px;
        height: 350px;
    }
    .logo {
        padding: 0;
    }

    #search-box {
        display: none;
    }

    .headerbar {
        background: none;
        padding: 0;
    }
    .wrap {
        padding: 5px 0 0 0;
    }
    

    .footerbar .footerbar-container .copyright p:nth-of-type(1),
    .footerbar .footerbar-container .copyright p:nth-of-type(2),
    .footerbar .footerbar-container .copyright p:nth-of-type(3),
    .footerbar .footerbar-container .copyright p:nth-of-type(4),
    .footerbar .footerbar-container .socialinks{
        display: none;
    }

    .forum_unread:before, .forum_unread_subforum:before, .topic_unread:before {
        content: url(images/forum_topic_unread.png);
        background: none;
    }

     .forum_read:before, .forum_read_subforum:before, .topic_read:before, .topic_read_mine:before, .topic_read_hot:before, .topic_read_hot_mine:before {
        content: url(images/forum_topic_read.png);
        background: none;
    }
	
	.global_read_mine:before, .announce_read_mine:before, .sticky_read_mine:before {
		content: url(images/sticky_read.png);
        background: none;
    }
	
	.global_unread_mine:before, .announce_unread_mine:before, .sticky_unread_mine:before {
		content: url(images/sticky_unread.png);
        background: none;
    }
	
	 .global_read:before, .announce_read:before, .sticky_read:before{
        content: url(images/announce_read.png);
        background: none;
    }
	
	 .global_unread:before, .announce_unread:before, .sticky_unread:before{
        content: url(images/announce_unread.png);
        background: none;
    }

    .topic_unread_hot:before, .topic_unread_hot_mine:before{
        content: url(images/forum_topic_unread.png);
        background: none;
    }
    
    .forum_unread:before, .forum_unread_subforum:before, .topic_unread:before, .topic_unread_mine:before{
        content: url(images/forum_topic_unread.png);
        background: none;
    }
	
	.global_read_locked:before, .announce_read_locked:before, .forum_read_locked:before, .sticky_read_locked:before, .topic_read_locked:before, .topic_read_locked_mine:before{
        content: url(images/forum_topic_read_locked.png);
        background: none;
    }

    .global_unread_locked:before, .announce_unread_locked:before, .forum_unread_locked:before, .sticky_unread_locked:before, .topic_unread_locked:before, .topic_unread_locked_mine:before{
        content: url(images/forum_topic_unread_locked.png);
        background: none;
    }
	

    .topiclist.forums .row-item, .topiclist.topics .row-item{
        height: 110px;
    }

    dl.row-item dt .list-inner{
        padding-left: 125px;
    }

    ul.topiclist .header dl, .stat-block h3{
        background-color: #612f21;
    }

	.row-item .fa-file-o:before
    
    a.unread, a:hover, .icon.fa-file-o.icon-red.icon-md, .icon.fa-file-o.icon-blue.icon-md {
        color: #301009;
    }
	
	

    .stat-block.online-list p.icon-online-list{
        background-image: url(images/forum_banner_bottom.png);
        background-repeat: no-repeat;
        padding-top: 110px;
        padding-left: 115px;
        min-height: 130px;
        text-align: center;
        padding-right: 150px;
    }

    @media (max-width: 700px) {
        .stat-block.online-list p.icon-online-list {
            background-image: url(images/forum_banner_bottom_mobile.png);
            background-repeat: no-repeat;
            padding-top: 110px;
            padding-left: 35px;
            min-height: 130px;
            text-align: center;
            padding-right: 150px;
        }
    }


    .button, .pagination li a, .pagination li.active span{
        background-color: #612f21;
        border-color: #612f21;
    }


   
   
    .postprofile{
        float: left;
    }
    .postlink, .postlink:visited{
        border-bottom: none;
    }
	
	
	
	
	
/** MODELE PRESENTATION SUJETS IMPORTANT--------------------------------------------------  **/
   
.box1 {
    width: 82%;
    height: auto;
    margin: auto;
    border: 6px solid #DDD;
    background-color: #dddddd;
}


.Titre_PR {
    width: 98%;
    height: 90px;
    display: flex;
    text-align: center;
    font-family: "TREBUCHET MS", sans-serif;
    margin: auto;
    background-color: #8eff95;
    font-size: 30px;
    text-transform: uppercase;
    color: #106a13;
    flex-direction: column;
    justify-content: center;
    border: 5px solid white;
}

.Soustitre_TI {
	font-size:12px;
}


.Container_PR {
    width: 94%;
    display: block;
    margin: auto;
    margin-top: 10px;
    height: auto;
    background-color: #f7f7f7;
    padding: 17px;
    border-top: 10px solid #ff7373;
    /* border-bottom: 2px solid #ff7373; */
    text-align: justify;
}


span.Soustitre_PR {
    font-size: 25px;
    font-family: "Trebuchet MS", cursive;
    color: #ff2828;
}