.somme-g, .somme-p, .dollar, .montserrat, .t-alphabet, .input-membre {
    font-family: var(--fonts_montserrat); }

p, .input-texte {
    font-family: var(--fonts_pt_sans); }

h2, .pt-narrow, .alphabet span, .menu_logged a, .gr-footer li, .tag2, .real-photo .nom-auteur {
    font-family: var(--fonts_pt_sans_narrow); }

.gr-footer li, li.menu, .alphabet span, .menu_logged a, .titre-esp-perso {
    text-transform: uppercase; }

.gr-footer li, .menu_logged a, .souscat-esp, .tag, .tag2, .date, .ou, .info4, .menu, .t-nom-membre, .texte-caption {
    letter-spacing: .1em; }

.titre-esp-perso {
    letter-spacing: .01em; }

.gr-footer li, .titre-esp-perso, h2, .menu_logged a, p.nom-esp, p.tel, .somme-g, .somme-p, .dollar, .texte-caption, .texte-caption2, .siteweb, .tag, .t-dor, .courriel, .tag2, .date, .ou, .info4, .menu, .t-alphabet, .alphabet span {
    font-weight: bold; }

p.service-esp, .exemple {
    font-style: italic; }

.courriel {
    text-decoration: underline; }

.caps {
    text-transform: uppercase;
    letter-spacing: .1em; }

.desc, .tag, .courriel, .tag2, .date, .ou, .info4, .url, .menu, .t-alphabet {
    font-size: .8rem; }

.titre-esp-perso, li, p, .sous-titre, .texte-caption, .texte-caption2, .siteweb, .texte, .adresse, .info, .info2, .info3, .exemple, .zone2, .zone3, .info5, .input-texte, .alphabet span, .input-realisation {
    font-size: .9em; }

.menu_logged a {
    font-size: 1em; }

span.nb-vues, .exemple {
    font-size: 1.3em; }

.titre2, .sous-titre2 {
    font-size: 1.6em; }

.input-membre {
    font-size: 2em; }

.nom-auteur {
    font-size: 4em; }

/*HAUTEUR DE LIGNE*/
p, .texte, .adresse, .info2, .info3, .info5, .t-alphabet, .alphabet span {
    line-height: 1.7em; }

.contact-esp {
    line-height: 1em; }

/*COULEUR DE LA POLICE*/
h2, .statut-stagiaire, .contact-esp, span.nb-vues, p.nom-esp, .somme-g, .somme-p, .titre-nouv, .info3, .ou, .tag, .lien-menu, .texte-caption2, .ou {
    color: var(--grisFonce); }

p, .col2 .texte, .exemple, .input {
    color: var(--grisMediumFonce); }

.gr-footer li, span.vues, .souscat-esp, .tag2, .date, .info, .info2, .info4, .url, .zone2, .zone3, .info5, .input-texte, .input-membre, .input-realisation, .t-alphabet, .alphabet span {
    color: var(--grisMedium); }

.statut-emerite, .t-dor, .courriel, .lien-web, div.shadow:hover .t-decouvrir, .orange {
    color: var(--orange); }

.statut-professionnel, .titre2, .texte-caption, .nom-auteur, .titre-esp-perso {
    color: var(--blanc); }

hr {
    color: var(--beige); }

.grisfonce {
    color: var(--grisFonce); }

.grismfonce {
    color: var(--grisMediumFonce); }

.grismed {
    color: var(--grisMedium); }

.grisp {
    color: var(--grisPale); }

.grispp {
    color: var(--grisPluspale); }

.blanc {
    color: var(--blanc); }

/*COULEUR DU BG*/
.statut-stagiaire, .shadow {
    background-color: var(--grisPale); }

.remarque, .tag, .url, .zone3, .input, .input-texte {
    background-color: var(--grisPluspale); }

.menu-pale {
    background-color: var(--grisFonce); }

.statut-emerite, .ajouter-video, .section-biblio, .dropdown-reals {
    background-color: var(--noirMedium); }

.scroll-membres, .a-defiler2 {
    background-color: var(--noirFonce); }

.statut-professionnel, .menu_logged a:hover, .je-suis-actif:hover {
    background-color: var(--orange); }

.ressources-esp, .ressources-esp2, .decouvrir, .bloc, .zone2, .drop, .menu, .edit, div.shadow:hover, .formulaire-recherche-realisation, .formulaire-recherche-realisateur, .grille-alphabet {
    background-color: var(--blanc); }

body, .input-membre, .input-realisation, .zone3, .ou {
    background-color: var(--beige); }

.bgb {
    background-color: var(--blanc); }

.bgor {
    background-color: var(--orange); }

.bgnoir {
    background-color: var(--noirFonce); }

.bgnm {
    background-color: var(--noirMedium); }

/*LISTES*/
.liorange {
    margin: 0;
    background: url("/img/deco/bullet.png") no-repeat 0 7px; }

.alphabet span:hover {
    color: var(--orange); }

.gr-footer a:hover {
    color: var(--orangeFonce); }

.clickable, .iframe-container iframe, .cache-iframe, .cache-iframe-on, .shadow:hover, .alphabet:hover {
    cursor: pointer; }

@media screen and (max-width: 767px) {
    .tlong {
        word-break: break-all; } }

.retour {
    background: url("/img/icones/retour.png") center left no-repeat;
    font-size: .7em;
    color: var(--orange); }

.retour:hover {
    background: url("/img/icones/retour-hover.png") center left no-repeat;
    color: var(--orangeFonce); }

/* INPUT ET CASES GRISES */
.tag, .url, .zone2, .zone3 {
    display: inline-block; }

.tag, .url, .zone2, .zone3, .input, .input-texte, .input-membre, .input-realisation {
    border-radius: 3px; }

.tag, .url {
    padding: 12px; }

.zone2 {
    padding: 12px 12px 80px 12px; }

.zone3, .input-realisation {
    padding: 8px 12px; }

.input-membre {
    padding: 11px 12px; }

@media screen and (max-width: 767px) {
    .input-membre, .zone3, .tag, .url {
        padding: 14px 12px; } }

.input {
    outline: 0 !important; }
.input :focus {
    outline: 0 !important; }

.input-texte {
    height: 42px;
    padding-left: 8px; }

/* CKEDITOR */
.ckeditor p {
    padding-bottom: 12px; }

/* FILTRES */
.filtre-blanc {
    position: absolute;
    background-color: var(--blanc);
    opacity: .2;
    z-index: 900; }

.filtre-blanc-p {
    width: 58px;
    height: 45px; }

@media screen {
    .fond-noir {
        background-color: #000000;
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
        position: absolute;
        width: 100%;
        height: 40%;
        bottom: 0;
        left: 0;
        z-index: 200; } }

.blur {
    opacity: .3;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px); }

.filtre-gris {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    opacity: .7; }

.nb, .desactiver, .profil-pdf .bas .gauche .photo-real, .profil-pdf, .nouveaux-inside figure img, .a-defiler2 {
    filter: grayscale(1);
    -webkit-filter: grayscale(1); }

.bloc-real:hover .nb, .entree-unique:hover .nb, .nb:hover, .nouveaux-inside:hover figure img, .a-defiler2:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0); }

.nouveaux-inside #accueil-nouveau-membre {
    aspect-ratio: 5/4;
    overflow: hidden;
}

/*TRANSITION DESKTOP / MOBILE */
.hidden, .vue-mobile {
    display: none; }

@media screen and (max-width: 767px) {
    .vue-mobile {
        display: block; } }

.vue-desktop {
    display: block; }
@media screen and (max-width: 767px) {
    .vue-desktop {
        display: none; } }

@media screen and (max-width: 767px) {
    .bgblanc-mob {
        background-color: var(--blanc); } }

@media screen and (max-width: 767px) {
    .a-ouvrir .toggle {
        background-image: url("/img/fleches/fleche-bas.png");
        border-bottom: solid 2px var(--beige); }
    .a-ouvrir .ferme {
        display: none; } }

@media screen and (max-width: 767px) {
    .a-fermer {
        border-bottom: solid 2px var(--beige) !important; }
    .a-fermer .toggle {
        background-image: url("/img/fleches/fleche-haut.png");
        border-bottom: none; }
    .a-fermer .ferme {
        display: block; } }

@media screen and (max-width: 767px) {
    .toggle {
        position: relative;
        padding: 23px 8%;
        background-repeat: no-repeat;
        background-size: 11px 6px;
        background-position: 92% 50%; } }

@media screen and (max-width: 767px) {
    .pad-mobile {
        margin: 6px 8% 0 8%; } }

.icone-fermer {
    position: absolute;
    right: 24px;
    top: 24px; }
@media screen and (max-width: 1100px) {
    .icone-fermer {
        right: 12px; } }
@media screen and (max-width: 767px) {
    .icone-fermer {
        right: 12px;
        top: 12px;
        height: 34px; } }

.icone-fleche, .icone-plus, .icone-play, .icone-video2, .icone-interrogation, .icone-fermer, .icone-cercle {
    vertical-align: middle; }

/* CONTENANTS */
.full-height {
    min-height: 75.8%; }

.centrer, .icone-hbg, .centrer2, .centrer3 {
    position: absolute; }

.h-centrer {
    position: relative;
    left: 50%;
    white-space: nowrap; }

.iframe-container {
    position: relative;
    padding-bottom: 60%;
    padding-top: 0;
    height: 0; }

.iframe-container iframe, .cache-iframe, .cache-iframe-on {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.iframe-container iframe {
    max-width: 350px;
    max-height: 210px; }

.cache-iframe {
    z-index: 300;
    opacity: 1;
    transition: all .25s ease;
    -webkit-transition: all .25s ease; }

.cache-iframe-on {
    z-index: 200; }

.iframe-container:hover .cache-iframe {
    opacity: 0; }

/* POSITION */
.centrer-complet, .centrer, .icone-hbg, .centrer2, .centrer3, .video-carte .image {
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.centrer-vertical {
    -ms-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); }

.centrer-horizontal, .h-centrer {
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }

@media screen and (max-width: 767px) {
    .centrer-horizontal-mob {
        -ms-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%); } }

.transform-bas {
    -ms-transform: translate(0%, -100%);
    -moz-transform: translate(0%, -100%);
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%); }

.pos-rel {
    position: relative; }

.fixed {
    position: fixed; }

.img-a-defiler, .caption p, .bouton-v, .bouton-v2, .bouton-t, .a-defiler2, .alphabet span {
    display: inline-block; }

/* DECORATION */
.filet {
    border-bottom: 1px solid var(--grisPale); }

.ombre-boite {
    -webkit-box-shadow: 2px -2px 2px 0px var(--beige), -2px -2px 2px 0px var(--beige);
    -moz-box-shadow: 2px -2px 2px 0px var(--beige), -2px -2px 2px 0px var(--beige);
    box-shadow: 2px -2px 2px 0px var(--beige), -2px -2px 2px 0px var(--beige); }

.pointille {
    border: dashed 1px var(--grisPale);
    -webkit-border-image: url("/img/deco/border2.png") 1 round;
    /* Safari 3.1-5*/
    -o-border-image: url("/img/deco/border2.png") 1 round;
    /* Opera 11-12.1*/
    border-image: url("/img/deco/border2.png") 1 round;
    width: 100%; }

.video-carte .image {
    opacity: 0.7;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 480px; }
@media screen and (max-width: 767px) {
    .video-carte .image {
        width: 260px; } }

.video-carte:hover .image {
    opacity: 1; }