/*******************************************************************************
 * Auteur: PIX (Particule Informatique Xaruf)
 * version: 1.0
 *******************************************************************************/

:root{
    --pix-eyes      : #3a8a6e; /*#5681c2; */
    --pix-eyes-balls: #333333;

    --pix-red      : #B44D43; /* B13C2E; */
    --pix-red-dark : #591e17; /* #841f0e;*/
    --pix-red-light: #ea5841;
    --pix-black      : #000000;
    --pix-black-light: #333333;

    --pix-yellow-light: #e2c496; /*#fcd057;*/
    --pix-yellow      : #e05616; /*#FBC42C;*/
    --pix-yellow-dark : #a04622; /*#ae8004;*/

    --pix-but-center-yellow     : #ef7915;
    --pix-but-red-center-hover  : #ea5841;
    --pix-but-anime-yellow-light: #f0f3b0;

    --pix-green      : #698c6f; /* 3da48f #63a341;*/
    --pix-green-light: #a4bba8; /*#6db348;*/
    --pix-green-dark : #3f5443; /*#47752f;*/
    
    --pix-blue      : #85b2f7;
    --pix-blue-light: #c2d9fb;
    --pix-blue-dark : #0c4cae;

    --pix-cancel  : #f0b105;
    --pix-canceled: #ae8004;
    
    --pix-bg-error: #BFF0E0;
    --pix-fg-error: #9E1035;
    
    --pix-validate: #172E40;
    --pix-valided : #768189;
    
    --pix-logout: #718598;

    --pix-bg-disabled: #98A7B5;
    --pix-fg-disabled: #ae8004;

	--pix-footer-infos-a: #2F4F4F;
	--pix-up-btn        : #333333;

    --pix-grey          : #B1A9A9; /* #c3bdbe;*/
    --pix-fg-title-index: #85b2f7; /* AFCFDD; */
    --pix-fg-title-bible: #D2EBE6;

    --pix-bg-tips: #1d1d1d;
    --pix-fg-tips: #00a170;

    --bt-connect--color-shadow-out  : #017CC5;
    --bt-connect--color-shadow-in   :  rgba(0, 134, 212, 0.8);
    --bt-connect--bg-color          : #000;
    --bt-connect--fg-color          : #0086D4;
    --bt-connect--color-hover-effect: rgba(61, 164, 143, 0.8);

    --title-header: #0086D4; /* floralwhite */
    --inner-stroke-color-title-header: #071b9b; /*  #071b9b; */
    --outer-stroke-color-title-header: #0f4b63;
}

.pix-theme-l5 {color:#000 !important; background-color:#eef2f9 !important}
.pix-theme-l4 {color:#000 !important; background-color:#c7d5eb !important}
.pix-theme-l3 {color:#000 !important; background-color:#8fabd6 !important}
.pix-theme-l2 {color:#fff !important; background-color:#5681c2 !important}
.pix-theme-l1 {color:#fff !important; background-color:#0D5283 !important} /* #365c96 */
.pix-theme-d1 {color:#fff !important; background-color:#1e3454 !important}
.pix-theme-d2 {color:#fff !important; background-color:#1b2e4b !important}
.pix-theme-d3 {color:#fff !important; background-color:#1b2e4b !important} /* #182842 */
.pix-theme-d4 {color:#fff !important; background-color:#182842 !important} /* #142338 */
.pix-theme-d5 {color:#fff !important; background-color:#111d2f !important}
.pix-theme-light {color:#000 !important; background-color:#eef2f9 !important}
.pix-theme-dark {color:#fff !important; background-color:#111d2f !important}
.pix-theme-action {color:#fff !important; background-color:#111d2f !important}
.pix-theme {color:#fff !important; background-color:#223a5e !important}
.pix-text-theme {color:#223a5e !important}
.pix-border-theme {border-color:#223a5e !important}
.pix-hover-theme:hover {color:#fff !important; background-color:#223a5e !important}
.pix-hover-text-theme:hover {color:#223a5e !important}
.pix-hover-border-theme:hover {border-color:#223a5e !important}

.pix-red-theme-l5 {color:#000 !important; background-color:#fbf2f1 !important}
.pix-red-theme-l4 {color:#000 !important; background-color:#f3d5d2 !important}
.pix-red-theme-l3 {color:#000 !important; background-color:#e8aba4 !important}
.pix-red-theme-l2 {color:#fff !important; background-color:#dc8177 !important}
.pix-red-theme-l1 {color:#fff !important; background-color:#d05749 !important}
.pix-red-theme-d1 {color:#fff !important; background-color:#a13529 !important}
.pix-red-theme-d2 {color:#fff !important; background-color:#8f2f25 !important}
.pix-red-theme-d3 {color:#fff !important; background-color:#7d2920 !important}
.pix-red-theme-d4 {color:#fff !important; background-color:#6b241c !important}
.pix-red-theme-d5 {color:#fff !important; background-color:#591e17 !important}
.pix-red-theme-light {color:#000 !important; background-color:#fbf2f1 !important}
.pix-red-theme-dark {color:#fff !important; background-color:#591e17 !important}
.pix-red-theme-action {color:#fff !important; background-color:#591e17 !important}
.pix-red-theme {color:#fff !important; background-color:#b13c2e !important}
.pix-red-text-theme {color:#b13c2e !important}
.pix-red-border-theme {border-color:#b13c2e !important}
.pix-red-hover-theme:hover {color:#fff !important; background-color:#b13c2e !important}
.pix-red-hover-text-theme:hover {color:#b13c2e !important}
.pix-red-hover-border-theme:hover {border-color:#b13c2e !important}
/* theme jaune */
.pix-yellow-theme-l5 {color:#000 !important; background-color:#fef7f1 !important}
.pix-yellow-theme-l4 {color:#000 !important; background-color:#fce5d0 !important}
.pix-yellow-theme-l3 {color:#000 !important; background-color:#f9caa2 !important}
.pix-yellow-theme-l2 {color:#000 !important; background-color:#f5b073 !important}
.pix-yellow-theme-l1 {color:#000 !important; background-color:#f29544 !important}
.pix-yellow-theme-d1 {color:#fff !important; background-color:#db6e0f !important}
.pix-yellow-theme-d2 {color:#fff !important; background-color:#c3620e !important}
.pix-yellow-theme-d3 {color:#fff !important; background-color:#aa560c !important}
.pix-yellow-theme-d4 {color:#fff !important; background-color:#924a0a !important}
.pix-yellow-theme-d5 {color:#fff !important; background-color:#7a3d08 !important}
.pix-yellow-theme-light {color:#000 !important; background-color:#fef7f1 !important}
.pix-yellow-theme-dark {color:#fff !important; background-color:#7a3d08 !important}
.pix-yellow-theme-action {color:#fff !important; background-color:#7a3d08 !important}
.pix-yellow-theme {color:#fff !important; background-color:#ef7915 !important}
.pix-yellow-text-theme {color:#ef7915 !important}
.pix-yellow-border-theme {border-color:#ef7915 !important}
.pix-yellow-hover-theme:hover {color:#fff !important; background-color:#ef7915 !important}
.pix-yellow-hover-text-theme:hover {color:#ef7915 !important}
.pix-yellow-hover-border-theme:hover {border-color:#ef7915 !important}
/* theme noir */
.pix-black-theme-l6{color:#000 !important; background-color: rgb(255, 255, 255)!important} /*#ffffff*/
.pix-black-theme-l5{color:#000 !important; background-color: rgb(240, 240, 240)!important} /*#f0f0f0*/
.pix-black-theme-l4{color:#000 !important; background-color: rgb(204, 204, 204)!important} /*#cccccc*/
.pix-black-theme-l3{color:#fff !important; background-color: rgb(153, 153, 153)!important} /*#999999*/
.pix-black-theme-l2{color:#fff !important; background-color: rgb(102, 102, 102)!important} /*#666666*/
.pix-black-theme-l1{color:#fff !important; background-color: rgb(51, 51, 51)!important} /*#333333*/
.pix-black-theme-d1{color:#fff !important; background-color:  rgb(34, 34, 34)!important} /*#222222*/
.pix-black-theme-d2{color:#fff !important; background-color:  rgb(25, 25, 25)!important} /*#191919*/
.pix-black-theme-d3{color:#fff !important; background-color:  rgb(17, 17, 17)!important} /*#111111*/
.pix-black-theme-d4{color:#fff !important; background-color:  rgb(10, 10, 10)!important} /*#0a0a0a*/
.pix-black-theme-d5{color:#fff !important; background-color: rgb(0, 0, 0)!important} /*#000000*/
.pix-black-theme-light{color:#000 !important; background-color:#f0f0f0 !important}
.pix-black-theme-dark{color:#fff !important; background-color: rgb(0, 0, 0)!important}
.pix-black-theme-action{color:#fff !important; background-color: rgb(0, 0, 0)!important}
.pix-black-theme{color:#fff !important; background-color: rgb(0, 0, 0)!important}
.pix-black-text-theme{color: rgb(0, 0, 0)!important}
.pix-black-border-theme{border-color: rgb(0, 0, 0)!important}
.pix-black-hover-theme:hover{color:#fff !important; background-color: rgb(0, 0, 0)!important}
.pix-black-hover-text-theme:hover{color: rgb(0, 0, 0)!important}
.pix-black-hover-border-theme:hover{border-color: rgb(0, 0, 0)!important}
/* theme vert */
.pix-green-theme-l5 {color:#000 !important; background-color:#f6f8f6 !important}
.pix-green-theme-l4 {color:#000 !important; background-color:#e1e8e2 !important}
.pix-green-theme-l3 {color:#000 !important; background-color:#c3d1c5 !important}
.pix-green-theme-l2 {color:#000 !important; background-color:#a4bba8 !important}
.pix-green-theme-l1 {color:#fff !important; background-color:#86a48b !important}
.pix-green-theme-d1 {color:#fff !important; background-color:#5f7e64 !important}
.pix-green-theme-d2 {color:#fff !important; background-color:#547059 !important}
.pix-green-theme-d3 {color:#fff !important; background-color:#4a624e !important}
.pix-green-theme-d4 {color:#fff !important; background-color:#3f5443 !important}
.pix-green-theme-d5 {color:#fff !important; background-color:#354637 !important}
.pix-green-theme-light {color:#000 !important; background-color:#f6f8f6 !important}
.pix-green-theme-dark {color:#fff !important; background-color:#354637 !important}
.pix-green-theme-action {color:#fff !important; background-color:#354637 !important}
.pix-green-theme {color:#fff !important; background-color:#698c6f !important}
.pix-green-text-theme {color:#698c6f !important}
.pix-green-border-theme {border-color:#698c6f !important}
.pix-green-hover-theme:hover {color:#fff !important; background-color:#698c6f !important}
.pix-green-hover-text-theme:hover {color:#698c6f !important}
.pix-green-hover-border-theme:hover {border-color:#698c6f !important}

/*#headerImg{
    background-image: url('https://particule-divine.com/assets/img/backgrounds/montagnes-nuages-rouges_1080p.jpg')!important;
}*/
/* couleurs */
.pix-bg-black{
    background-color: var(--pix-black)!important;
}
.pix-bg-red{
    background-color: var(--pix-red)!important;
}
.pix-bg-red-light-hover:hover{
    background-color: var(--pix-red-light)!important;
}
.pix-bg-yellow{
    background-color: var(--pix-yellow)!important;
}
.pix-bg-yellow-dark{
    background-color: var(--pix-yellow-dark)!important;
}
.pix-bg-yellow-dark-hover:hover{
    background-color: var(--pix-yellow-dark)!important;
}
.pix-bg-yellow-hover:hover{
    background-color: var(--pix-yellow)!important;
}
.pix-bg-red-dark{
    background-color: var(--pix-red-dark)!important;
}
.title-infos--left-ico{
    background-color: var(--pix-red)!important;
    color           : white;
    border-bottom   : 1px solid #ffffff!important;
    border-top      : 1px solid #ffffff!important;
}
.pix-bg-white{
    background-color: white!important;
}
.pix-bg-white-hover:hover{
    background-color: white!important;
}
.pix-fg-black{
    color: var(--pix-black)!important;
}
.pix-fg-black-hover:hover{
    color: var(--pix-black)!important;   
}
.pix-fg-red{
    color: var(--pix-red)!important;
}
.pix-fg-red-dark{
    color: var(--pix-red-dark)!important;
}
.pix-fg-red-dark-hover:hover{
    color: var(--pix-red-dark)!important;
}
.pix-fg-red-light{
    color: var(--pix-red-light)!important;
}
.pix-fg-yellow-light{
    color: var(--pix-yellow-light)!important;
}
.pix-fg-yellow{
    color: var(--pix-yellow)!important;
}
.pix-fg-yellow-dark{
    color: var(--pix-yellow-dark)!important;
}
.pix-fg-yellow-hover:hover{
    color: var(--pix-yellow)!important;
}
.pix-fg-yellow-dark-hover:hover{
    color: var(--pix-yellow-dark)!important;
}
.pix-fg-green{
    color: var(--pix-green)!important;
}
.pix-fg-green-dark{
    color: var(--pix-green-dark)!important;
}
.pix-fg-blue{
    color: var(--pix-blue)!important;
}
.pix-fg-grey{
    color: var(--pix-grey)!important;
}
.pix-fg-eyes{
    color: var(--pix-eyes)!important;
}
.pix-fg-title-index{
    color: var(--pix-fg-title-index)!important;
}
.pix-fg-title-bible{
    color: var(--pix-fg-title-bible)!important;
}
.pix-error-fg{
    color:  var(--pix-fg-error);
    font-size: .9rem;
}
.error-label{
    color: var(--pix-fg-error);
    background-color: yellow;
}
.eye{ background: var(--pix-eyes); }
.ball{ background: #000000; }
/* elem avec couleurs var */
.menu-item:hover{
    opacity         : 0.7!important;
    background-color:  rgba(236, 140, 140, 0.7)!important;
    color           :  var(--pix-validate)!important;
    -webkit-transition: background-color .2s, color .7s ease-in-out;
    transition        : background-color .2s, color .7s ease-in-out;
}
.menu-item-hover:hover{
    opacity         : 0.7!important;
    background-color:  rgba(248, 174, 174, 0.7)!important;
    color           :  var(--pix-black)!important;
    -webkit-transition: background-color .25s, color .75s ease-in-out;
    transition        : background-color .25s, color .75s ease-in-out;
 }
.menu-item-tablette:hover{
    opacity         : 0.7!important;
    background-color:  rgba(54, 92, 150, 0.7)!important;
    /*filter: hue-rotate(.25turn);*/
    color           :  var(--pix-black)!important;
    font-weight: 500;
    -webkit-transition: all .15s;
    transition        : all .15s;
}
.footer{
    background-color: var(--pix-black);
}
.footer-infos a{
    color: var(--pix-footer-infos-a);
}
.up-btn{
    background: var(--pix-up-btn);
}
/* text select  */
::-moz-selection{ /* Code for Firefox */
	color     : var(--pix-red);
	background: yellow;
}
::selection{
	color     : var(--pix-red);
	background: yellow;
}
.to-selected{
    color: var(--pix-yellow)!important;
}
/* tooltips */
.by-God{
    /*color: #586F60;*/
    text-decoration: solid underline #586F60;
    text-underline-position: under!important;
}
.tooltips{
    color: var(--pix-fg-tips);
}
.tooltip-light{
    box-shadow      : 0.5px 0.5px 7px rgba(255, 190, 210, 0.8);
    border          : 1px #aaaaaa solid;
    background-color: var(--bg-tips-light);
    color           : var(--fg-tips-light);
    border-radius   : 10px;
}
.tooltip-dark{
    box-shadow      : 0.5px 0.5px 7px rgba(61, 164, 143, 0.8);
    border          : 1px #aaaaaa solid;
    background-color: var(--bg-tips);
    color           : var(--fg-tips);
    border-radius   : 10px;

}
.footer-article-title{
    color: var(--pix-red-light)!important;
}
.hints{
    text-align      : center!important;
    background-color: var(--pix-bg-tips)!important;
    color           : var(--pix-fg-tips)!important;
    padding         : 12px!important;
    border          : 1px #aaaaaa solid!important;
    border-radius   : 10px!important;
    box-shadow      : 0.5px 0.5px 7px rgba(255, 190, 210, 0.8)!important;
}
/* perso button */
.but-anime-red{
    text-align      : center!important;
    /*box-shadow      : inset 0 0 0 2px var(--pix-red);*/
    /*color           : var(--pix-red-light);*/
    border-radius   : 10px!important;
    background-color: var(--pix-bg-tips)!important;
    color           : var(--pix-fg-tips);
    box-shadow      : 0.5px 0.5px 7px rgba(61, 164, 143, 0.8)!important;
}
.but-anime-connexion{
    text-align      : center!important;
    box-shadow      : inset 0 0 0 2px var(--bt-connect--color-shadow-in);
    /*color           : var(--pix-red-light);*/
    border-radius   : 10px!important;
    background-color: var(--bt-connect--bg-color)!important;
    color           : var(--bt-connect--fg-color)!important;
    /*box-shadow      : 0.5px 0.5px 7px var(--bt-connect--color-shadow-out)!important;*/
}
.but-center-connexion:hover {
    color: var(--bt-connect--color-hover-effect);
}
.but-center-connexion::before {
    border-top   : 2px solid var(--bt-connect--color-hover-effect);
    border-bottom: 2px solid var(--bt-connect--color-hover-effect);
    transform    : scale3d(0, 1, 1);
}
.but-center-connexion::after {
    border-left : 2px solid var(--bt-connect--color-hover-effect);
    border-right: 2px solid var(--bt-connect--color-hover-effect);
    transform   : scale3d(1, 0, 1);
}
.but-anime-yellow{
    box-shadow    : inset 0 0 0 2px var(--pix-but-center-yellow);
    color         : var(--pix-but-anime-yellow-light);
}
.but-anime-green{
    box-shadow    : inset 0 0 0 2px var(--pix-green);
    color         : var(--pix-green-light);
}
.but-center:hover {
    color: var(--pix-but-center-yellow);
}
.but-center::before {
    border-top   : 2px solid var(--pix-but-center-yellow);
    border-bottom: 2px solid var(--pix-but-center-yellow);
    transform    : scale3d(0, 1, 1);
}
.but-center::after {
    border-left : 2px solid var(--pix-but-center-yellow);
    border-right: 2px solid var(--pix-but-center-yellow);
    transform   : scale3d(1, 0, 1);
}
.but-center-red:hover {
    /*color: var(--pix-but-red-center-hover);*/
}
.but-center-red::before {
    border-top   : 1px solid var(--pix-but-red-center-hover);
    border-bottom: 1px solid var(--pix-but-red-center-hover);
    transform    : scale3d(0, 1, 1);
}
.but-center-red::after {
    border-left : 2px solid var(--pix-but-red-center-hover);
    border-right: 2px solid var(--pix-but-red-center-hover);
    transform   : scale3d(1, 0, 1);
}
.pix-bt{
    background-color: var(--pix-red)!important;
    color           : var(--pix-black)!important;
}
.pix-bt-show{
    background-color: var(--pix-yellow)!important;
    color           : var(--pix-black)!important;
}
.pix-bt-edit{
    background-color: var(--pix-green)!important;
    color           : var(--pix-black)!important;
}
.pix-bt-ok{
    background-color: var(--pix-valided)!important;
    color           : var(--pix-black)!important;
}
.pix-bt-cancel{
    background-color: var(--pix-canceled)!important;
    color           : var(--pix-red)!important;
}
.pix-bt-disabled{
    background-color: var(--pix-bg-disabled)!important;
    color           : var(--pix-fg-disabled)!important;
}
/*.pix-bt:hover,
.pix-bt-valider:hover,
.pix-bt-show:hover,
.pix-bt-edit:hover,
.pix-bt-ok:hover,
.pix-bt-cancel:hover{
    box-shadow: 1px 1px 12px #555!important;
}*/
.pix-bt:hover{
    background-color: var(--pix-black)!important;
    color           : var(--pix-red)!important;
}
.pix-bt-cancel:hover{
    background-color: var(--pix-red)!important;
    color           : var(--pix-canceled)!important;
}
.pix-bt-ok:hover{
    background-color: var(--pix-black)!important;
    color           : var(--pix-validate)!important;
}
.pix-bt-edit:hover{
    background-color: var(--pix-black)!important;
    color           : var(--pix-green)!important;
}
.pix-bt-show:hover{
    background-color: var(--pix-validate)!important;
    color           : var(--pix-black)!important;
}
button.pix-bt-ok:disabled,
button.pix-bt-valider:disabled,
button.pix-bt-show:disabled,
button.pix-bt-edit:disabled,
button.pix-bt-cancel:disabled,
button.pix-bt-valider:disabled{
	background-color: var(--pix-canceled)!important;
	color           : var(--pix-cancel)!important;
	cursor          : auto!important;
}
.halo-1{
    /* décalage droite, bas et dégradé */
    box-shadow: 1px 1px 12px #555;
}
.bo-header-title,
.about-header-title{
    color      : var(--pix-red)!important;
    text-shadow: 0.02em 0.08em 0em #000000;
}
.mentions-header-title{
    color      : var(--pix-red)!important;
    text-shadow: 0.02em 0.08em 0em #000000!important;
}
.name-app{
    color: var(--pix-green);
}
.name-app:hover{
    color: var(--pix-red-light)!important;
}
.title-index-second,
.title-index{
    text-shadow: rgb(0, 0, 0) 0.02em 0.08em 0em;
}
.title-bible-book-txt-shad,
.title-bible-epoq-txt-shad{
    text-shadow: #698c6f 0.02em 0.08em 0em;
}
.box-infos-play{
    padding: .5rem;
    text-shadow: #698c6f 0.02em 0.08em 0em;
}
.sub-title-index-first{
     text-shadow: rgb(0, 0, 0) 0.02em 0.08em 0em;
}
.title-publication{
    text-shadow: rgb(0, 0, 0) 0.02em 0.08em 0em;
}
.fg-text-pub,
.text-b,
.sub-title-publication,
.sub-title-second-publication,
.date-publication{
    color: #C7CBD1!important;
}
.title-header-bible,
.title-header{
     color: var(--title-header);
}
/* accordions */
.accordion-button-thinks:hover{ box-shadow: 1px 1px 12px var(--pix-green-dark); }
.accordion-button-testims:hover{ box-shadow: 1px 1px 12px var(--pix-yellow-dark); }
.accordion-button-teachs:hover{ box-shadow: 1px 1px 12px var(--pix-blue-dark); }
.accordion-button-revels:hover{ box-shadow: 1px 1px 12px var(--pix-red-dark); }
/* cards */
.card-article-mention{
    box-shadow: 1px 1px 12px var(--pix-red);
}
.card-article .font-article-title-think,
.card-article .font-article-text-think{
    color: var(--pix-green)!important;
}
.card-article:hover .font-article-title-think,
.card-article:hover .font-article-text-think{
    color: var(--pix-green-light)!important;
}
.card-article .font-article-title-teach,
.card-article .font-article-text-teach{
    color: var(--pix-blue)!important;
}
.card-article:hover .font-article-title-teach,
.card-article:hover .font-article-text-teach{
    color: var(--pix-blue-light)!important;
}
.card-article .font-article-title-testimony{
    color: var(--pix-yellow-dark)!important;
}
.card-article .font-article-text-testimony{
    color: #bebebe!important;
}
.card-article:hover .font-article-title-testimony{
    color: var(--pix-red-light)!important;
}
.card-article:hover .font-article-text-testimony{
    color: #eef2f9!important;
}
.card-article .font-article-title-revel{
    color: var(--pix-red)!important;
}
.card-article .font-article-text-revel{
    color: #bebebe!important;
}
.card-article:hover .font-article-title-revel{
    color: var(--pix-red-light)!important;
}
.card-article:hover .font-article-text-revel{
    color: #eef2f9!important;
}
.card-article{
	border          : 1px #dfdfdf;
	background-color: #fff;
}
.card-article:hover{
	border    : 1px solid var(--pix-black)!important;
	box-shadow: 1px 1px 12px var(--pix-black)!important;
}
/* bible book */
.card-bible-book-mention{
    box-shadow: 1px 1px 12px var(--pix-red);
}
.card-bible-book .font-card-bible-book-title,
.card-bible-book .font-card-bible-book-text{
    color: var(--pix-green)!important;
}
.card-bible-book:hover .font-card-bible-book-title,
.card-bible-book:hover .font-card-bible-book-text{
    color: var(--pix-green-light)!important;
}
.card-bible-book{
    border          : 1px #dfdfdf;
    background-color: #fff;
}
.card-bible-book:hover{
    border    : 1px solid var(--pix-black)!important;
    box-shadow: 1px 1px 12px var(--pix-black)!important;
}
/* download */
.card-bible-book-down .font-card-bible-book-title,
.card-bible-book-down .font-card-bible-book-text{
    color: var(--pix-green)!important;
}
.card-bible-book-down:hover .font-card-bible-book-title,
.card-bible-book-down:hover .font-card-bible-book-text{
    color: var(--pix-green-light)!important;
}
.card-bible-book-down{
    border          : 1px #dfdfdf;
    background-color: #fff;
}
.card-bible-book-down:hover{
    border    : 1px solid var(--pix-black)!important;
    box-shadow: 1px 1px 12px var(--pix-black)!important;
}
.num-chapter{
    /*background-color: rgba(232, 62, 33, .65)!important;*/
    background-color: rgba(191, 82, 67, .75)!important;
    /*color: var(--pix-green)!important;*/
    font-weight: bold;
    border: solid #75787D 1px;
    border-radius: 5px;
    padding: 1px 3px 1px 2px;
    padding-right: 3px;
    /*text-decoration: solid underline var(--pix-red-light) 3px;*/ /* --pix-red-light */
    /*text-decoration: underline overline #FF3028;*/
}
/* effets */
@-webkit-keyframes blur{
    from{
        text-shadow:0px 0px 10px #fff,
        0px 0px 10px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 50px var(--pix-red-light), /* #fff */
        0px 0px 50px var(--pix-red-light), /* #fff */
        0px 0px 50px var(--pix-blue-light), /* #7B96B8 */
        0px 0px 150px var(--pix-blue-light), /* #7B96B8 */
        0px 10px 100px var(--pix-blue-light), /* #7B96B8 */
        0px 10px 100px var(--pix-blue-light), /* #7B96B8 */
        0px 10px 100px var(--pix-blue-light), /* #7B96B8 */
        0px 10px 100px var(--pix-blue-light), /* #7B96B8 */
        0px -10px 100px var(--pix-blue-light), /* #7B96B8 */
        0px -10px 100px var(--pix-blue-light); /* #7B96B8 */
    }
}
@keyframes blur{
    from{
        text-shadow:0px 0px 10px #fff,
        0px 0px 10px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 25px var(--pix-red-light), /* #fff */
        0px 0px 50px var(--pix-red-light), /* #fff */
        0px 0px 50px var(--pix-red-light), /* #fff */
        0px 0px 50px var(--pix-blue-light), /* #7B96B8 */
        0px 0px 70px var(--pix-blue-light), /* #7B96B8 */
        0px 7px 60px var(--pix-blue-light), /* #7B96B8 */
        0px 7px 50px var(--pix-blue-light), /* #7B96B8 */
        0px 7px 40px var(--pix-blue-light), /* #7B96B8 */
        0px 0px 30px var(--pix-blue-light), /* #7B96B8 */
        0px -7px 20px var(--pix-blue-light), /* #7B96B8 */
        0px -7px 10px var(--pix-blue-light); /* #7B96B8 */
    }
}
/* ombrages */
.red-shadow{
    box-shadow   : 0.5px 0.5px 7px rgba(255, 190, 210, 0.8)!important;
    border-radius: 10px!important;
}
.yellow-shadow{
    box-shadow   : 0.5px 0.5px 7px rgba(239, 121, 21, 0.8)!important;
    border-radius: 10px!important;
}
.green-shadow{
    box-shadow   : 0.5px 0.5px 7px rgba(61, 164, 143, 0.8)!important;
    border-radius: 10px!important;
}
.blue-shadow{
    box-shadow   : 0.5px 0.5px 7px rgba(16, 103, 233, 0.8)!important;
    border-radius: 10px!important;
}
.title-bible-infos{
    color: #D1D1CE;
    font-weight: bold;
}
@media screen and (max-width: 575px){
    .font-strok-light{
        -webkit-text-stroke: 0 #fff;
    }
    .strok-black{
        -webkit-text-stroke: 0 #fff;
        color              : white;
        text-shadow        :
             1px 1px 0 #000,
             0px 0px 0 #000,  
             1px 0px 0 #000,
             0px 1px 0 #000,
             1px 1px 0 #000;
    }
    .shadow-strok-red{
        -webkit-text-stroke: 0 #fff;
        text-shadow        :
             1px 1px 0 #000,
             0px 0px 0 #000,  
             1px 0px 0 #000,
             0px 1px 0 #000,
             1px 1px 0 #000;
    }
    .shadow-strok-yellow{
        -webkit-text-stroke: 0 #fff;
        text-shadow        :
             1px 1px 0 #000,
             0px 0px 0 #000,  
             1px 0px 0 #000,
             0px 1px 0 #000,
             1px 1px 0 #000;
    }
}
@media screen and (min-width: 576px){
    .font-strok-light{
        -webkit-text-stroke: 1px #000;
    }
    .strok-black{
        -webkit-text-stroke: 1px var(--pix-black);
        color              : white;
        text-shadow        :
             3px  3px 0 #000,
            -1px -1px 0 #000,  
             1px -1px 0 #000,
            -1px  1px 0 #000,
             1px  1px 0 #000;
    }
    .shadow-strok-red{
        -webkit-text-stroke: 1px var(--pix-red);
        text-shadow        :
             3px  3px 0 #000,
            -1px -1px 0 #000,  
             1px -1px 0 #000,
            -1px  1px 0 #000,
             1px  1px 0 #000;
    }
    .shadow-strok-yellow{
        -webkit-text-stroke: 1px var(--pix-yellow);
        text-shadow        :
             3px  3px 0 #000,
            -1px -1px 0 #000,  
             1px -1px 0 #000,
            -1px  1px 0 #000,
             1px  1px 0 #000;
    }
}
.title-header-strok{
    -webkit-text-stroke: 1px var(--pix-black);
    color: var(--title-header);
    text-shadow        :
         3px  3px 0 var(--stroke-color-title-header),
        -1px -1px 0 var(--stroke-color-title-header),  
         1px -1px 0 var(--stroke-color-title-header),
        -1px  1px 0 var(--stroke-color-title-header),
         1px  1px 0 var(--stroke-color-title-header);
}
/* zones modif */
.container-edit-buttons{
    background-color: rgba(27, 46, 75, .3)!important;
    box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0 inset;
    border-top: 2px solid rgba(133, 178, 247, 0.4);
    border-right: 1px solid rgba(133, 178, 247, 0.4);
    border-bottom: 1px solid rgba(133, 178, 247, 0.4);
    border-left: 1px solid rgba(133, 178, 247, 0.4);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    width: 100%;
}
.editable-zone{
    background-color: #303841; /*var(--pix-eyes);*/
    color: #99B775!important;
    border-top: 1px solid #121212;
    border-right: 1px solid rgba(133, 178, 247, 0.4);
    border-bottom: 1px solid rgba(133, 178, 247, 0.4);
    border-left: 1px solid rgba(133, 178, 247, 0.4);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    caret-color: red;
}
.add-zone{
    background-color: #303841;
    color: #99B775!important;
    border-top: 1px solid #121212;
    border-right: 1px solid rgba(133, 178, 247, 0.4);
    border-bottom: 1px solid rgba(133, 178, 247, 0.4);
    border-left: 1px solid rgba(133, 178, 247, 0.4);
    caret-color: red;
    padding-bottom: 4px;
    line-height: 1.25em!important;
}
.add-input{
    background-color: #303841;
    color: #99B775!important;
    border-top: 1px solid #121212;
    border-right: 1px solid rgba(133, 178, 247, 0.4);
    border-bottom: 1px solid rgba(133, 178, 247, 0.4);
    border-left: 1px solid rgba(133, 178, 247, 0.4);
    caret-color: red;
}
.uneditable-zone{
    background-color: var(--pix-validate);
    border-top: 1px solid rgba(133, 178, 247, 0.4);
    border-left: 1px solid rgba(133, 178, 247, 0.4);
    border-right: 1px solid rgba(133, 178, 247, 0.4);
    border-bottom: 2px solid rgba(133, 178, 247, 0.4);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #d8dbe0;
}
.uneditable-zone.modified{
    background-color: #303841;
    color: rgba(240, 128, 128, 1);
}
.editable-zone,
.uneditable-zone,
.add-zone{
    padding: 0.5em;
    margin: 0 auto 0 auto;
    width: 100%;
    overflow-wrap: break-word!important;
}
.editable-zone:not(textarea),
.uneditable-zone:not(textarea),
.add-zone:not(textarea){
    max-width: 1240px;
    min-height: 5rem;
    height: auto!important;
    max-height: 50vh!important;
}
.signal-zone{
    background-color: #303841;
    color: rgba(240, 128, 128, 1);
}
.box-infos-down{
    filter: hue-rotate(.25turn);
}
/* perso link */
.link-cover{
   color: var(--pix-red-light);
}
.link-cover::before{
   content: "";
   background-image: linear-gradient(60deg, var(--pix-red) 0%, var(--pix-green) 100%); /* 60deg, #64b3f4 0%, #c2e59c 100% */
}
.link-cover:hover{ 
   color: var(--pix-but-anime-yellow-light);
}
.link-public{
    color: var(--pix-green)!important;
}
.item-footer{
  color: #00758f!important;
}
.link-public:hover,
.item-top-bar:hover,
.item-footer:hover{
    color: var(--pix-yellow)!important;
}
a.link-persist,
a.link-persist:link,
a.link-reset-passwd,
a.link-reset-passwd:link{
    color: var(--pix-red)!important;
}
a.link-persist:visited,
a.link-reset-passwd:visited{
    color: var(--pix-red)!important;
}
a.link-persist:hover,
a.link-persist:focus,
a.link-persist:active,
a.link-reset-passwd:hover,
a.link-reset-passwd:focus,
a.link-reset-passwd:active{
    color: var(--pix-yellow)!important;
}
a.item-footer:link{
  color: #00758f;
}

a.item-footer:visited{
    color: var(--pix-logout)!important;
    font-style: italic!important;
}
a.item-footer:hover{
    color: var(--pix-yellow)!important;
}
a.item-footer:active {
     color: var(--pix-red-dark)!important;
}