.haut-complet-realisation .container-scroll, .haut-complet-membre .container-scroll {
    top: -115px;
    margin-bottom: -75px; }
@media screen and (max-width: 767px) {
    .haut-complet-realisation .container-scroll, .haut-complet-membre .container-scroll {
        top: -32px;
        margin-bottom: -6px; } }
@media screen and (max-width: 767px) {
    .haut-complet-realisation .container-scroll, .haut-complet-membre .container-scroll {
        top: -26px;
        margin-bottom: -2px; } }

.haut-complet-realisation .haut-position-r .nom-auteur, .haut-complet-membre .haut-position-r .nom-auteur {
    margin-top: 108px;
    line-height: 1em; }
@media screen and (max-width: 767px) {
    .haut-complet-realisation .haut-position-r .nom-auteur, .haut-complet-membre .haut-position-r .nom-auteur {
        margin-top: 90px;
        max-width: 90%; } }

.haut-complet-realisation .bande-defilant, .haut-complet-membre .bande-defilant {
    left: 0; }

.haut-complet-membre .container-scroll {
    height: 384px; }
@media screen and (max-width: 767px) {
    .haut-complet-membre .container-scroll {
        height: 208px; } }
.haut-complet-membre .container-scroll div.video-carte {
    width: 480px;
    height: 384px; }
@media screen and (max-width: 767px) {
    .haut-complet-membre .container-scroll div.video-carte {
        height: 208px;
        width: 260px; } }
@media screen and (max-width: 767px) {
    .haut-complet-membre .container-scroll div.video-carte .film-infos {
        top: 170px; } }
.haut-complet-membre .container-scroll div.video-carte span.name {
    left: 12px;
    font-size: 1.1em; }
@media screen and (max-width: 767px) {
    .haut-complet-membre .container-scroll div.video-carte span.name {
        font-size: .9em;
        left: 0;
        top: 100%; } }

.haut-complet-membre .bande-defilant {
    height: 384px; }
@media screen and (max-width: 767px) {
    .haut-complet-membre .bande-defilant {
        height: 208px; } }
.haut-complet-membre .bande-defilant .a-defiler .img-a-defiler {
    width: 480px; }
@media screen and (max-width: 767px) {
    .haut-complet-membre .bande-defilant .a-defiler .img-a-defiler {
        width: 260px; } }

.resultats-recherche {
    background-color: var(--beige);
    position: relative;
    width: 100%;
    z-index: 1000;
    margin-bottom: 56px; }
@media screen and (max-width: 767px) {
    .resultats-recherche {
        position: relative;
        height: auto;
        margin-top: 56px;
        margin-bottom: 0;
        padding: 0 3%; } }
.resultats-recherche .input-recherche-actif {
    position: relative;
    top: 4px;
    z-index: var(--index_milieu); }
.resultats-recherche .input-recherche-actif input {
    color: var(--grisFonce);
    font-family: var(--fonts_montserrat);
    font-weight: bold;
    height: 114px;
    font-size: 4.8em;
    max-width: 100%; }
@media screen and (max-width: 968px) {
    .resultats-recherche .input-recherche-actif input {
        font-size: 4em; } }
@media screen and (max-width: 767px) {
    .resultats-recherche .input-recherche-actif input {
        margin-top: 24px;
        margin-bottom: -12px;
        font-size: 3em;
        height: 45px; } }
@media screen and (max-width: 567px) {
    .resultats-recherche .input-recherche-actif input {
        font-size: 2.4em; } }
.resultats-recherche .input-holder {
    top: 50px;
    position: relative;
    z-index: var(--index_milieu); }

.input-holder {
    top: var(--hauteur-icone-recherche);
    position: absolute;
    z-index: var(--index_front); }
@media screen and (max-width: 968px) {
    .input-holder {
        top: var(--icone-recherche-tab); } }
.input-holder .button {
    padding: 10px 0;
    width: var(--width_global_1_2);
    background-color: var(--orange); }
.input-holder .input {
    left: var(--width_global_1);
    position: absolute;
    top: -7px; }
.input-holder .input input {
    color: var(--grisFonce);
    font-family: var(--fonts_montserrat);
    font-weight: bold;
    height: 60px;
    font-size: 60px; }

.input-holder-accueil {
    top: 240px;
    position: relative; }
@media screen and (max-width: 767px) {
    .input-holder-accueil {
        top: 130px; } }
@media screen and (max-width: 567px) {
    .input-holder-accueil {
        top: 120px; } }
.input-holder-accueil .input {
    position: relative;
    background-color: transparent; }
@media screen and (max-width: 767px) {
    .input-holder-accueil .input {
        left: 0; } }
.input-holder-accueil .input label {
    width: 100%; }
.input-holder-accueil .input label input {
    background-color: inherit;
    padding: 0;
    color: var(--noirFonce);
    opacity: .5;
    font-family: var(--fonts_montserrat);
    font-weight: bold;
    font-size: 5.2em;
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: -16px; }
@media screen and (max-width: 968px) {
    .input-holder-accueil .input label input {
        font-size: 4.8em;
        margin-top: -20px; } }
@media screen and (max-width: 767px) {
    .input-holder-accueil .input label input {
        font-size: 3.6em;
        white-space: normal;
        padding-left: calc(var(--width_global_1_2) - 0.7%); } }
@media screen and (max-width: 567px) {
    .input-holder-accueil .input label input {
        font-size: 2.8em; } }
.input-holder-accueil .icone-recherche-accueil {
    position: absolute;
    top: 0;
    left: 0; }
.input-holder-accueil .icone-recherche-accueil img {
    position: relative;
    width: 62px;
    height: auto;
    vertical-align: bottom; }
@media screen and (max-width: 968px) {
    .input-holder-accueil .icone-recherche-accueil img {
        width: 54px; } }
@media screen and (max-width: 767px) {
    .input-holder-accueil .icone-recherche-accueil img {
        display: none; } }

/* ///01 - "DOCUMENTAIRE"  */
.icone-recherche2 {
    position: relative;
    top: 150px;
    left: 0;
    width: 62px;
    height: auto;
    z-index: 700; }
@media screen and (max-width: 968px) {
    .icone-recherche2 {
        top: 145px;
        width: 52px; } }
@media screen and (max-width: 767px) {
    .icone-recherche2 {
        position: absolute;
        display: none; } }

.triangle-orange {
    position: absolute;
    width: 54px;
    height: 12px;
    top: -1px;
    right: 0;
    opacity: 0; }
@media screen and (max-width: 767px) {
    .triangle-orange {
        opacity: 1; } }

/* ------- Header de l'onglet -------- */
.consigne {
    padding: 20px 38px;
    color: var(--grisFonce);
    font-size: .8em;
    background-image: url("/img/icones/icone-pt-interrogation.png");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 24px 24px; }
@media screen and (max-width: 767px) {
    .consigne {
        display: none; } }

/* ----- Les trois colonnes de choix de recherche ----- */
.liste-resultats {
    margin: 0 0 40px 0; }
@media screen and (max-width: 767px) {
    .liste-resultats {
        margin: 0; } }

.par-real {
    margin-right: 40px; }
@media screen and (max-width: 1100px) {
    .par-real {
        margin-right: 20px; } }

.par-real2 {
    margin-right: 40px;
    margin-left: -5px; }
@media screen and (max-width: 1100px) {
    .par-real2 {
        margin-right: 20px; } }

.par-reali {
    margin-left: 20px;
    margin-right: 20px; }
@media screen and (max-width: 1100px) {
    .par-reali {
        margin-left: 10px;
        margin-right: 10px; } }

.par-autre {
    margin-left: 40px; }
@media screen and (max-width: 1100px) {
    .par-autre {
        margin-left: 20px; } }

@media screen and (max-width: 767px) {
    .par-real, .par-real2, .par-reali, .par-autre {
        margin-right: 0;
        margin-left: 0; } }

.nombre {
    position: relative;
    display: inline;
    bottom: 0; }
.nombre .icone-cercle {
    position: relative; }
.nombre .chiffre {
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--blanc);
    font-size: .7em;
    letter-spacing: .05em; }

.st-d {
    display: inline;
    color: var(--grisMedium);
    padding-left: 6px; }

.separation-sous-titre {
    position: relative;
    border-bottom: solid 0.4px var(--grisPale);
    height: 46px;
    margin-top: 50px;
    margin-bottom: 30px; }
@media screen and (max-width: 767px) {
    .separation-sous-titre {
        margin-top: 30px;
        margin-bottom: 6px; } }
.separation-sous-titre .sous-titre {
    font-size: .7em;
    color: var(--grisMedium);
    position: absolute;
    top: 19px;
    left: 46px;
    -ms-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }

.case {
    height: 55px;
    margin-bottom: 6px;
    background-color: var(--beige);
    padding-left: 5px; }
@media screen and (max-width: 767px) {
    .case {
        height: auto;
        margin: 0; } }
.case .filtre-blanc {
    margin-top: 5px; }
@media screen and (max-width: 767px) {
    .case .filtre-blanc {
        width: 39px;
        height: 30px; } }

.alignement-vertical {
    position: relative;
    top: 50%;
    -ms-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }
@media screen and (max-width: 767px) {
    .alignement-vertical {
        top: 0;
        -ms-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%); } }

.remplace-image {
    width: 58px;
    height: 45px;
    margin: 5px 0;
    display: inline-block;
    background-color: var(--orange);
    filter: gray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    position: relative;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover; }
@media screen and (max-width: 767px) {
    .remplace-image {
        height: 30px;
        width: 39px; } }

.case-titre, .case-titre2, .resultats {
    color: var(--grisFonce);
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1.2em;
    font-weight: bold; }

@media screen and (max-width: 968px) {
    .case-titre, .case-titre2 {
        font-size: .7em; } }

@media screen and (max-width: 767px) {
    .case-titre, .case-titre2 {
        font-size: .8em; } }

.case-titre {
    display: inline;
    padding-left: 9px; }

.case-titre3 {
    color: var(--grisMedium);
    font-size: .8em;
    padding-top: 6px; }
@media screen and (max-width: 968px) {
    .case-titre3 {
        padding-top: 3px; } }

@media screen and (max-width: 767px) {
    .case-mobile {
        margin-top: 18px; } }

.nom {
    letter-spacing: .05em;
    font-style: italic;
    font-weight: bold; }

/* --- transition hover -----*/
.case:hover {
    background-color: var(--blanc);
    cursor: pointer; }
.case:hover p {
    color: var(--orange); }
.case:hover .remplace-image {
    filter: none;
    filter: grayscale(0);
    -webkit-filter: grayscale(0); }

/* ---- Voir tous les resultats ------*/
.tous-resultats {
    position: relative;
    background-color: var(--grisPale);
    padding: 20px 0 30px;
    margin: 6px 0 30px;
    white-space: nowrap; }
@media screen and (max-width: 767px) {
    .tous-resultats {
        margin: 18px 0 30px; } }

.tous-resultats:hover {
    background-color: var(--blanc); }
.tous-resultats:hover p {
    color: var(--orange); }

.resultats {
    display: inline-block;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }

.triangle {
    display: inline-block;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    top: 0; }

.recherche-complete .icone-cercle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: solid 1px var(--grisPale);
    position: relative;
    margin-right: 6px; }
@media screen and (max-width: 767px) {
    .recherche-complete .icone-cercle {
        margin-left: 2.5%; } }

.recherche-complete .centre-icone-cercle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--blanc); }

.recherche-complete .section-recherche {
    display: inline-block;
    margin: 30px 12px 0 0;
    padding: 8px 18px 8px 8px;
    white-space: nowrap; }
@media screen and (max-width: 767px) {
    .recherche-complete .section-recherche {
        margin: 0;
        display: block;
        left: 0;
        width: 100%;
        background-size: 12px; } }
.recherche-complete .section-recherche .sous-titre, .recherche-complete .section-recherche .icone-cercle {
    display: inline-block; }
.recherche-complete .section-recherche .sous-titre {
    font-size: .8em;
    position: relative;
    top: 1px; }
@media screen and (max-width: 968px) {
    .recherche-complete .section-recherche .sous-titre {
        font-size: .7em; } }
@media screen and (max-width: 767px) {
    .recherche-complete .section-recherche .sous-titre {
        font-size: .8em; } }
@media screen and (max-width: 567px) {
    .recherche-complete .section-recherche .sous-titre {
        font-size: .7em; } }
.recherche-complete .section-recherche .sous-titre, .recherche-complete .section-recherche .chiffre {
    color: var(--grisMedium); }
.recherche-complete .section-recherche .chiffre {
    font-size: .8em;
    font-weight: bold; }

.recherche-complete .section-recherche-active {
    background-color: var(--orange); }
.recherche-complete .section-recherche-active .sous-titre {
    color: var(--blanc); }
.recherche-complete .section-recherche-active .chiffre {
    color: var(--orange); }

.recherche-complete .recherche-par-real .bloc-autres {
    margin-left: 30px; }
@media screen and (max-width: 968px) {
    .recherche-complete .recherche-par-real .bloc-autres {
        margin-left: 0; } }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres {
        padding: 0 var(--width_global_1); } }
.recherche-complete .recherche-par-real .bloc-autres .entree-unique {
    position: relative;
    padding: 30px 0 20px; }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres .entree-unique {
        padding: 30px 0; } }
.recherche-complete .recherche-par-real .bloc-autres .entree-image {
    min-height: 180px; }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres h4 {
        font-size: 1.4em;
        line-height: 1.2em;
        padding-bottom: 12px; } }
.recherche-complete .recherche-par-real .bloc-autres .tag2, .recherche-complete .recherche-par-real .bloc-autres .date {
    display: block; }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres .tag2, .recherche-complete .recherche-par-real .bloc-autres .date {
        font-size: .7em; } }
.recherche-complete .recherche-par-real .bloc-autres .date {
    position: absolute;
    bottom: 22px;
    right: 0; }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres .date {
        position: static;
        padding-top: 12px; } }
.recherche-complete .recherche-par-real .bloc-autres .resume {
    color: var(--grisMedium);
    font-size: .9em;
    line-height: 1.6em;
    padding: 8px 0 0;
    max-width: 770px;
    margin-right: 100px;
    max-height: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
@media screen and (max-width: 968px) {
    .recherche-complete .recherche-par-real .bloc-autres .resume {
        margin-right: 50px; } }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres .resume {
        margin-right: 0;
        max-height: 148px;
        -webkit-line-clamp: 6; } }
.recherche-complete .recherche-par-real .bloc-autres .texte-et-image {
    margin-left: 230px; }
@media screen and (max-width: 968px) {
    .recherche-complete .recherche-par-real .bloc-autres .texte-et-image {
        margin-left: 220px; } }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres .texte-et-image {
        margin-left: 0; } }
.recherche-complete .recherche-par-real .bloc-autres .photo-autres, .recherche-complete .recherche-par-real .bloc-autres .filtre-blanc {
    position: absolute;
    top: 30px;
    left: 0;
    width: 200px;
    height: 120px;
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres .photo-autres, .recherche-complete .recherche-par-real .bloc-autres .filtre-blanc {
        width: 100%;
        height: 300px;
        max-width: 100%; } }
@media screen and (max-width: 567px) {
    .recherche-complete .recherche-par-real .bloc-autres .photo-autres, .recherche-complete .recherche-par-real .bloc-autres .filtre-blanc {
        height: 170px; } }
.recherche-complete .recherche-par-real .bloc-autres .photo-autres {
    margin: 0 30px 30px 0;
    background-size: cover;
    background-position: 50%; }
@media screen and (max-width: 767px) {
    .recherche-complete .recherche-par-real .bloc-autres .photo-autres {
        position: static;
        margin: 0 0 20px 0; } }

.bas-parreal {
    margin-top: 12px; }

.formulaire-recherche-realisation, .formulaire-recherche-realisateur, .grille-alphabet {
    margin-bottom: 100px; }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisation, .formulaire-recherche-realisateur, .grille-alphabet {
        margin-bottom: 30px; } }
.formulaire-recherche-realisation .recherche-par-nom, .formulaire-recherche-realisateur .recherche-par-nom, .grille-alphabet .recherche-par-nom {
    position: relative; }
.formulaire-recherche-realisation button, .formulaire-recherche-realisateur button, .grille-alphabet button {
    background-image: url("/img/icones/loupe.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--orange);
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0; }
.formulaire-recherche-realisation span, .formulaire-recherche-realisateur span, .grille-alphabet span {
    position: relative;
    padding: 0;
    margin: 0; }

.bloc-real {
    height: 212px;
    position: relative; }
.bloc-real .profile-picture {
    position: absolute;
    top: 50px;
    z-index: 200;
    left: 10%;
    width: 190px;
    height: 150px; }
@media screen and (max-width: 767px) {
    .bloc-real .profile-picture {
        width: 250px;
        height: 197px;
        left: 0; } }
@media screen and (max-width: 767px) {
    .bloc-real {
        height: 390px; } }
.bloc-real h2 {
    position: absolute;
    z-index: 300;
    left: 10%;
    top: 24px;
    color: var(--grisFonce);
    border: none;
    padding: 0;
    font-size: 1.2em; }
@media screen and (max-width: 767px) {
    .bloc-real h2 {
        left: 0;
        top: 18px; } }
.bloc-real h3 {
    font-size: .8em;
    padding-bottom: 6px; }
.bloc-real li {
    list-style-image: url("/img/deco/bullet.png");
    list-style-position: inside;
    font-family: var(--fonts_pt_sans);
    font-size: .9em;
    color: var(--grisFonce);
    line-height: 1.2em;
    padding-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.bloc-real .bloc-real-infos {
    position: absolute;
    top: 50px; }
.bloc-real .filtre-blanc {
    left: 10%;
    width: 190px;
    height: 150px; }
@media screen and (max-width: 767px) {
    .bloc-real .filtre-blanc {
        width: 250px;
        height: 197px;
        left: 0; } }
.bloc-real .filtre-blanc {
    top: 50px;
    z-index: 300; }
.bloc-real .bloc-real-infos {
    right: 0;
    height: 150px;
    display: inline-block;
    background-color: var(--blanc);
    padding: 30px 30px 30px 220px;
    width: 90%; }
@media screen and (max-width: 767px) {
    .bloc-real .bloc-real-infos {
        top: 230px;
        padding: 38px 18px 18px 18px;
        width: 100%; } }

.bloc-real:hover h2 {
    left: 4%;
    top: 4px;
    padding: 18px 6%;
    border: solid 2px var(--orange);
    color: var(--orange); }
@media screen and (max-width: 767px) {
    .bloc-real:hover h2 {
        left: 0;
        top: 18px;
        padding: 0;
        border: none;
        color: var(--grisFonce); } }

.bloc-real:hover .filtre-blanc {
    opacity: 0; }

.formulaire-recherche-realisation {
    position: static;
    margin-top: calc(var(--hauteur-icone-recherche) + 27px); }
@media screen and (max-width: 968px) {
    .formulaire-recherche-realisation {
        margin-top: calc(var(--icone-recherche-tab) + 27px);
        padding: 18px 12px; } }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisation {
        position: static;
        padding: 30px 24px 18px;
        margin-top: calc(var(--hauteur_header) + 12px); } }
@media screen and (max-width: 567px) {
    .formulaire-recherche-realisation {
        padding: 18px 12px; } }
.formulaire-recherche-realisation legend {
    font-size: .9em;
    line-height: 1.2em; }
.formulaire-recherche-realisation legend, .formulaire-recherche-realisation .zone3 {
    margin-bottom: 18px; }
.formulaire-recherche-realisation .input-realisation {
    height: 45px;
    width: 80%; }
@media screen and (max-width: 1500px) {
    .formulaire-recherche-realisation .input-realisation {
        width: 75%; } }
@media screen and (max-width: 968px) {
    .formulaire-recherche-realisation .input-realisation {
        height: 40px; } }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisation .input-realisation {
        font-size: .9em;
        width: 88%;
        height: 52px; } }
@media screen and (max-width: 567px) {
    .formulaire-recherche-realisation .input-realisation {
        width: 82%; } }
.formulaire-recherche-realisation .zone3 {
    width: 100%; }
.formulaire-recherche-realisation button {
    width: 45px;
    height: 45px;
    background-size: 14px 14px; }
@media screen and (max-width: 968px) {
    .formulaire-recherche-realisation button {
        width: 40px;
        height: 40px; } }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisation button {
        width: 52px;
        height: 52px; } }
.formulaire-recherche-realisation .t-alphabet {
    padding-bottom: 2px; }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisation .t-alphabet {
        padding-bottom: 8px; } }
.formulaire-recherche-realisation .alphabet {
    padding-bottom: 12px;
    border-bottom: solid 1px var(--beige); }
.formulaire-recherche-realisation .alphabet span {
    width: 6%; }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisation .alphabet span {
        line-height: 2.3em;
        width: 6.6%; } }
@media screen and (max-width: 567px) {
    .formulaire-recherche-realisation .alphabet span {
        width: 6.4%; } }
.formulaire-recherche-realisation .nouv-r {
    color: var(--orange);
    font-size: .7em;
    letter-spacing: .1em;
    padding: 18px 0 0 24px;
    background-image: url("/img/icones/retour.png");
    background-repeat: no-repeat;
    background-position: 0% 75%; }

.resultats-realisation, .resultats-realisateur {
    margin-top: calc(var(--hauteur_header) + 34px);
    margin-bottom: 60px; }
@media screen and (max-width: 767px) {
    .resultats-realisation, .resultats-realisateur {
        margin: 0; } }

.padding-resultats {
    padding-left: var(--width_grid_1_2); }

.resultats-realisation .entree-unique, .bloc-reali .entree-unique, .bloc-autres .entree-unique {
    padding: 30px 0;
    -webkit-box-shadow: inset 0px -1px 0px 0px var(--grisPale);
    -moz-box-shadow: inset 0px -1px 0px 0px var(--grisPale);
    box-shadow: inset 0px -1px 0px 0px var(--grisPale); }
@media screen and (max-width: 567px) {
    .resultats-realisation .entree-unique, .bloc-reali .entree-unique, .bloc-autres .entree-unique {
        padding: 30px 0 42px; } }

.resultats-realisation .sous-titre2, .resultats-realisation .sous-titre3, .bloc-reali .sous-titre2, .bloc-reali .sous-titre3, .bloc-autres .sous-titre2, .bloc-autres .sous-titre3 {
    padding-bottom: 9px; }

.resultats-realisation .sous-titre2, .bloc-reali .sous-titre2, .bloc-autres .sous-titre2 {
    font-size: 1.6em; }
@media screen and (max-width: 767px) {
    .resultats-realisation .sous-titre2, .bloc-reali .sous-titre2, .bloc-autres .sous-titre2 {
        font-size: 1.2em; } }

.resultats-realisation .sous-titre3, .bloc-reali .sous-titre3, .bloc-autres .sous-titre3 {
    font-size: 1.2em; }
@media screen and (max-width: 968px) {
    .resultats-realisation .sous-titre3, .bloc-reali .sous-titre3, .bloc-autres .sous-titre3 {
        font-size: 1em; } }

.resultats-realisation p, .bloc-reali p, .bloc-autres p {
    padding-right: 12px;
    display: inline-block; }

.resultats-realisation .nom-auteur, .resultats-realisation img, .resultats-realisation .filtre-blanc, .bloc-reali .nom-auteur, .bloc-reali img, .bloc-reali .filtre-blanc, .bloc-autres .nom-auteur, .bloc-autres img, .bloc-autres .filtre-blanc {
    color: var(--grisFonce);
    position: absolute;
    top: 50%;
    left: 0; }

.resultats-realisation .real-photo, .bloc-reali .real-photo, .bloc-autres .real-photo {
    position: relative;
    height: 45px;
    margin-left: -5px; }
.resultats-realisation .real-photo img, .resultats-realisation .real-photo .filtre-blanc, .bloc-reali .real-photo img, .bloc-reali .real-photo .filtre-blanc, .bloc-autres .real-photo img, .bloc-autres .real-photo .filtre-blanc {
    left: 20px; }
@media screen and (max-width: 567px) {
    .resultats-realisation .real-photo img, .resultats-realisation .real-photo .filtre-blanc, .bloc-reali .real-photo img, .bloc-reali .real-photo .filtre-blanc, .bloc-autres .real-photo img, .bloc-autres .real-photo .filtre-blanc {
        -ms-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        top: 12px;
        left: 0; } }

.resultats-realisation .nom-auteur, .bloc-reali .nom-auteur, .bloc-autres .nom-auteur {
    padding: 0 0 0 90px;
    font-size: .9em;
    line-height: 1.2em;
    left: 0; }
@media screen and (max-width: 567px) {
    .resultats-realisation .nom-auteur, .bloc-reali .nom-auteur, .bloc-autres .nom-auteur {
        width: 100%;
        top: 34px;
        left: -12px;
        max-width: 220px; } }

.resultats-realisation .entree-unique:hover, .bloc-reali .entree-unique:hover, .bloc-autres .entree-unique:hover {
    -webkit-box-shadow: inset 0px -2px 0px 0px var(--orange);
    -moz-box-shadow: inset 0px -2px 0px 0px var(--orange);
    box-shadow: inset 0px -2px 0px 0px var(--orange); }
.resultats-realisation .entree-unique:hover .sous-titre2, .resultats-realisation .entree-unique:hover .sous-titre3, .bloc-reali .entree-unique:hover .sous-titre2, .bloc-reali .entree-unique:hover .sous-titre3, .bloc-autres .entree-unique:hover .sous-titre2, .bloc-autres .entree-unique:hover .sous-titre3 {
    color: var(--orange); }
.resultats-realisation .entree-unique:hover .filtre-blanc, .bloc-reali .entree-unique:hover .filtre-blanc, .bloc-autres .entree-unique:hover .filtre-blanc {
    opacity: 0; }

.pagination {
    position: relative;
}
.pag-sansfilm {
    padding-top: calc(var(--hauteur_header) + var(--gutter-medium));
}

.pagination .pagin-centre, .pagination .ligne {
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    white-space: nowrap; }
.pagination .pagin-centre {
    z-index: 100; }
.pagination .ligne {
    width: calc(100% - 10px);
    height: 2px;
    background-color: var(--grisPale);
}
@media screen and (max-width: 567px) {
    .pagination .ligne {
        width: 90%; } }
.pagination .boite-pag {
    display: inline-block;
    width: 60px;
    height: 40px;
    text-align: center; }
@media screen and (max-width: 968px) {
    .pagination .boite-pag {
        width: 40px; } }
@media screen and (max-width: 567px) {
    .pagination .boite-pag {
        width: 30px; } }
.pagination .boite-pag span {
    color: var(--grisMedium);
    font-size: .8em; }
.pagination .boite-pag-courante span {
    color: var(--orange); }
@media screen and (max-width: 567px) {
    .pagination .disparait {
        display: none; } }
.pagination .boite-pag-hover {
    border-bottom: none; }
.pagination .boite-pag-hover span {
    color: var(--grisMedium); }
.pagination .boite-pag-hover:hover {
    cursor: pointer;
    border-bottom: solid 3px var(--orange); }
.pagination .boite-pag-hover:hover span {
    color: var(--grisFonce); }
.pagination div.pagin-droite {
    right: 0; }
@media screen and (max-width: 567px) {
    .pagination div.pagin-droite {
        right: 3%; } }
.pagination div.pagin-gauche {
    left: 0; }
@media screen and (max-width: 567px) {
    .pagination div.pagin-gauche {
        left: 3%; } }
.pagination div.pagin-plein {
    border: solid 1px #b37947; }
.pagination div.pagin-vide {
    border: solid 1px rgba(179, 121, 71, 0.1); }
.pagination div.pagin-vide img {
    opacity: .1; }
.pagination div.pagin-droite, .pagination div.pagin-gauche {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--beige);
    border-radius: 50%;
}
@media screen and (max-width: 767px) {
    .pagination div.pagin-droite, .pagination div.pagin-gauche {
        width: 40px;
        height: 40px; } }

a > .pagin-gauche > img, a > .pagin-droite img {
    position: absolute;
    top: 10px;
    left: 7px;
}

.formulaire-recherche-realisateur fieldset {
    display: flex;
    flex-direction: column;
    gap: var(--gutter-medium);
}

form.formulaire-recherche-realisateur {
    padding: 25px;
}

.formulaire-recherche-realisateur {
    margin-bottom: 18px; }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisateur {
        padding: 30px 24px; }
}
@media screen and (max-width: 567px) {
    .formulaire-recherche-realisateur {
        padding: 18px 12px; }
}
.formulaire-recherche-realisateur legend {
    font-size: .9em;
    margin-bottom: 18px;
    line-height: 1.2em; }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisateur legend {
        font-size: .8em; }
}

.formulaire-recherche-realisateur .input-membre {
    width: 100%;
    margin-right: 78px; }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisateur .input-membre {
        font-size: 1.2em;
        margin-right: 70px; }
}
.formulaire-recherche-realisateur button {
    width: 60px;
    height: 60px;
    margin-left: 16px; }
@media screen and (max-width: 767px) {
    .formulaire-recherche-realisateur button {
        width: 52px;
        height: 52px;
        background-size: 14px 14px; }
}

.formulaire-recherche-realisateur button:hover,
.formulaire-recherche-realisation button:hover {
    background-color: var(--orangeFonce); }

.formulaire-recherche-realisateur a:hover p,
.formulaire-recherche-realisation a:hover p {
    color: var(--orangeFonce); }

.grille-alphabet {
    margin-bottom: 86px;
    padding: 24px 2% 24px 4%;
    position: relative; }
@media screen and (max-width: 767px) {
    .grille-alphabet {
        padding: 24px 24px; } }
@media screen and (max-width: 567px) {
    .grille-alphabet {
        padding: 24px 12px; } }
.grille-alphabet .ou {
    position: absolute;
    z-index: 100;
    top: -8px;
    left: 50%;
    border-radius: 50%;
    padding: 11px; }
.grille-alphabet .t-alphabet {
    padding: 0 0 8px 0; }
@media screen and (max-width: 767px) {
    .grille-alphabet .t-alphabet {
        padding: 0 0 12px 0; } }
.grille-alphabet span {
    width: 3.2%; }
@media screen and (max-width: 767px) {
    .grille-alphabet span {
        line-height: 2.3em;
        width: 6.6%; } }
@media screen and (max-width: 567px) {
    .grille-alphabet span {
        width: 6.4%; } }
.grille-alphabet .alphabet {
    width: 100%; }
.grille-alphabet .alphabet span:hover {
    color: var(--orange); }

/*DROP-DOWN LIST*/
.zone-fleche {
    background-position: center right;
    background-repeat: no-repeat;
    white-space: nowrap; }

.zone-fleche {
    background-image: url("/img/fleches/select-arrow.png"); }

.select {
    position: relative; }

.drop {
    position: absolute;
    z-index: 300;
    top: 0;
    border-radius: 3px;
    border: solid 2px #f0f0f0;
    box-shadow: 0 0 5px #f0f0f0; }

.place-scrollbar {
    max-height: 324px;
    overflow-y: scroll; }
.place-scrollbar ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--beige);
    margin: 8px 8px 8px 0; }