/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

.p-ligne-lib, .p-ligne-montant{
    text-align:right;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 janv. 2021, 14:39:14
    Author     : jeanchris
*/
#pf-src{
    display:none;
}
p{
    margin:0px;
}

.content.pf-candidate {
    text-align: right;
}

.contextual-region.clients h2{
    display:none;
}

#pf-body .paragraph-ligne.row {
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin: 0px auto;
    /* width: 90%; */
}

#pf-body .p-ligne-lib.col-sm-9 {
    display: inline-block;
    width: 80%;
    text-align: right;
    padding: 0px;
    vertical-align: top;
}
#pf-body .p-ligne-montant.col-sm-3 {
    display: inline-block;
    width: 18%;
    text-align: right;
    padding: 0px;
    margin-top: 0px;
    padding-right: 15px;
}

.paragraph-ligne{
    margin:0px;
}
.paragraph-ligne.cotisations{
    border:1px #840 solid;
}

.gauche{
    text-align:left;
}
.centre{
    text-align:center;
}
.droite{
    text-align:right;
}
.bold{
    font-weight: bold;
}

.titrefacture{
    text-align:left;
    font-weight: bold;
    font-size:20px;
    margin:10px 0px;
}

.prestations{
    margin-bottom:10px;
}

.ligne-facture{
    border:1px solid #840;
    padding: 9px 0px;
    margin: 0px;
}

p-ligne-montant{
    padding-right:10px;
}

.montant-brut{
    background-color: #840;
    color:white;
}

.montant-montant-brut{
    margin-top: 0px;
}

.total-auteur{
    font-size:18px;
    font-weight:bold;
}
.texte-montant-brut, .texte-total-auteur{
    text-align:left;
}
.montant-total-auteur{
    color: #840;
}

#pf-title{
    display:none;
}

.mentions{
    font-size: 12px;
}
.tva{
    margin:30px 0px;
    color: #840;
}

.nom-cotis{
    font-weight:bold;
}
.detail-cotis{
    font-size:10px;
    margin-top: -4px;
}

.projet.teaser .icone-projet {
    /* margin: 62px 20px 0px; 
    width: 100px; */
}

.themes{
    font-weight:bold;
    text-wrap: nowrap;
}

.roles{
    font-weight:bold;
    background-color: #efefef;
    padding: 2px 3px;
    font-size: 16px;
}

.div-themes{
    background-color: #EFEFF0;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 10px;
}

.nom-champ {
    font-weight: bold;
    margin: 4px 0px 2px;
}

.field--name-field-personnages > .field--item {
    border: 1px solid grey;
    margin-bottom: 6px;
    margin-top: 4px;
    display: inline-block;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: bold;
}

.view-liste-des-projets .views-row article{
    padding: 0px 9px 9px;
    background-color: aliceblue;
    margin-bottom: 12px;
    box-shadow: 1px 1px 2px black;
}

.view-liste-des-projets .bef-exposed-form .form--inline > .form-item {
    float: initial;
}

label.control-label.option {
    margin-right: 5px;
    font-size: 20px;
}
label.control-label.option input {
    margin-right: 5px;
}
.field--name-field-scenes{
    text-align:center;
}
.scene-description p{
    text-align:justify;
}
/* .field--name-field-scenes > .field--item,
.view-scenes .view-content .views-row{
        width: 350px;
    padding: 3px;
    margin: 6px;
    height: 333px;
    overflow-y: auto;
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    display: inline-block;
} */

.view-scenes.view-display-id-page_modif .view-content .views-row{
    width: 100%;
}

.view-scenes.view-display-id-dans_episode .view-content .views-row{
    height: 250px;
}

.drop-active{
    opacity:0.5;
    /* width:360px;
    height:343px; */
    padding: 5px;
}

.field--name-field-scenes > .field--item{
    height: 150px;
}

.scene h3 {
    background-color: #222;
    margin: 0px 1px 10px;
    color: #ffc;
    cursor:pointer;
}

.path-episode .container {
    width: 100%;
    text-align: center;
}

.titre-episode{
    font-weight: bold;
    /* border: 1px solid grey; */
    display: inline-block;
    padding: 5px 2px;
    /* border-radius: 3px; */
    min-width: 100px;
    /* text-align: center; */
}

.fiche-perso {
    margin-top: 27px;
}

.contenu-projet{
    margin-top:20px;
}




.justifies p{
    text-align: justify;
}

/****************************************************************
DOCUMENTS
****************************************************************/
.documents {
    background-color: grey;
    background-color: #EFEFF0;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 10px;
}

.documents .field--name-field-documents > .field--label{
    text-transform: uppercase;
    margin: 3px 0px;
    font-size: 26px;
}

.documents .field--name-field-type{
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: #337ab7;
}
.documents .field--name-field-nom{
    display: inline-block;
}

.documents .field--name-field-fichiers{
    padding-left:9px;
}
.documents .field--name-field-lien-web{
    padding-left:10px;
}

.resume-episode {
    margin: 10px 0px;
    border: 1px solid grey;
    padding: 3px;
    box-shadow: 2px 2px 2px grey;
}

.paragraph--type--scene{
    background-color: #ffc; /* Jaune */
    min-height: 100%;
    cursor:pointer;
    padding-bottom:29px;
}

.paragraph--type--saisons .field--name-field-nom{
    font-weight: bold;
    margin: 2px 0px 7px;
    font-size: 18px;
}

.field--name-field-arches .field--item{
    margin-bottom:10px;
}

.perso-dans-scene{
    display: inline-block;
    margin: 2px;
    padding: 0px 2px;
}
.autres{
    display:none;
}
.autres .perso-dans-scene {
    background-color: #ccc;
}
.persos .perso-dans-scene {
    border:1px solid #ccc;
}
.persos .perso-dans-scene.photo {
    border:none;
}
.voir-autres {
    text-align: left;
    margin: 4px;
    font-size: 12px;
    color: #aaa;
    display:none;
}
.view-display-id-page_episode .voir-autres {
    display:block;
}
.cont-noeuds{
    max-width:800px;
    margin:0px auto;
}
.noeuds {
    display: inline-block;
    margin: 1px;
    padding: 0px 3px;
    border-radius: 3px;
    border: 1px solid lightblue;
    z-index: 10;
    color: white;
    background-color:grey;
    cursor:pointer;
}

.desc-noeuds {
    position: absolute;
    visibility: hidden;
    top: 0px;
    left: 134px;
    right: 134px;
    background-color: #ddd;
    padding: 10px;
    z-index: 100;
}
.noeuds:hover + .desc-noeuds {
    visibility: visible !important;
}
.desc-noeuds:hover {
    visibility: visible !important;
}

.neud-dans-titre {
    font-size: 12px;
}

/* STYLES DANS TEXTES */
span.surligne{
    background-color:yellow;
}

a.bt-lien {
    background-color: #E1285E;
    color: white;
    padding: 5px 5px;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #E34673;
    text-transform: uppercase;
    margin-right: 5px;
    font-weight: bold;
    letter-spacing: 0.03em;
}

a.bt-lien:hover{
    text-decoration:none;
    color:#F3F2A3;
}

.aide-sous-champ {
    margin-bottom: 0px;
    margin-top: -12px;
    background-color: #A3DEF3;
    padding: 3px;
    border-radius: 3px;
}
.afficher-aide {
    background-color: #A3DEF3;
    padding: 3px;
    margin-top: -12px;
    margin-bottom: 7px;
    cursor:pointer;
}
.aide-sous-champ.cache{
    display:none;
}

.paragraph--type--personnage.paragraph--view-mode--default .field--name-field-photo{
    border-radius: 91px;
    overflow: hidden;
}

.champ-modifie.days3 {
    /* background-color: #FCFDF5; */
}

.etiquette-perso {
    text-align: center;
}
.etiquette-perso img{
    margin: 0px auto;
}
img.photo-etiquette {
    height: 50px;
    border-radius: 50px;
}

.view-personnages.view-display-id-page_1 .views-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: 10px;
}

.view-personnages.view-display-id-page_1 label,
.view-personnages.view-display-id-page_1 .views-label {
    margin-top: 10px;
}

.filter-help{
    display:none!important;
}

.margetop{
    margin-top:14px;
}

.pour-dossier{
    background-color: #EFEFF0;
}

h5.mb-0 {
    background-color: #ccc;
    padding-top: 0px;
    max-width: 100%;
    margin-top: 30px;
}

.mb-0 img{
    float: left;
    margin-right: 10px;
    border-radius:50px;
    margin-top: -25px;
}

.mb-0 .btn-link{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 16px;
    white-space: normal;
    max-width: 100%;
    text-align: left;
}

.mb-0 .btn:focus,.mb-0  .btn:active:focus,.mb-0  .btn.active:focus,.mb-0 .btn.focus,.mb-0  .btn:active.focus,.mb-0  .btn.active.focus {
    outline: initial;
    outline-offset: initial;
}

.scene-ordre-cache{
    display:none;
}

.scene-resume {
    text-align: left;
    font-size: 11px;
    margin: 10px;
}

.titre-saison{
    font-size: 16px;
    font-weight:bold;
}
.presentation-saison{
}

.view-who-s-online.view-display-id-block_1{
    text-align:right;
    position: relative;
    right: -218px;
    bottom: 20px;
}