h1 {
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 750;
    font-size: 5.2rem;
    line-height: 5.6rem;
    letter-spacing: 0rem;
}

.capitale {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

.gras {
    font-weight: bold;
}

.sous-titreh2 {
    font-weight: bold;
    font-size: 1.95rem !important;
}

.taille1 {
    font-size: 6.8rem;
    line-height: 8.2rem;
}

.taille2 {
    font-size: 6.2rem;
    line-height: 7.1rem;
}

.taille3 {
    font-size: 3.2rem !important;
    line-height: 4.1rem;
}

.taille1 svg,
.taille2 svg {
    padding: 10px;
}

.mini {
    font-size: 1.3rem;
}

.mini2 {
    font-size: 1.2rem;
}

.mini2 img {
    width: 15px;
    text-decoration: none;
    margin-left: 6px;
}

.weight800 {
    font-weight: 800;
}

.weight900 {
    font-weight: 900;
}

.arrondi {
    border-radius: 5px !important;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 10px 20px;
}

.padding-30 {
    padding: 30px;
}

.padding-40 {
    padding: 40px;
}

.padding-50 {
    padding: 50px;
}

.margin0 {
    margin: 0;
}

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px 0;
}

.margin-20 {
    margin: 20px;
}

.margin-30 {
    margin: 30px;
}

.width70 {
    width: 65%;
}

.spacer {
    height: 40px;
}

.spacer2 {
    height: 60px;
}

.spacer3 {
    height: 140px;
}

.guide {
    height: 25px;
}

.espacement {
    padding-top: 20px;
    padding-bottom: 20px;
}

.row div.equal {
    display: flex;
    /*flex-wrap:wrap;*/
}

.width100 {
    width: 100%;
}

.position-bouton {
    margin-bottom: -60px;
}


.fond-actus {
    background-image: url(../images/site/mur-brique-lessor-actus.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.lien-actus {
    text-decoration: none;
    color: #1B3F85;
    font-weight: 800;
}

.fleche-actus {
    height: 15px;
}

.bloc-actus {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 15px;
}

.date-actu {
    font-size: 1.4rem;
    color: #1B3F85;
    margin: 3px 0;
}


.fond-don {
    background-color: #233986;
}

.zindex1 {
    z-index: 1;
}

.zindex5 {
    z-index: 5;
    position: relative;
}


.hauteur-image {
    height: 650px;
    background-size: cover;
}


.hauteur-image::after {
    content: " ";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(-1px) scale(1.5);
    background-size: 100%;
    z-index: -1;
}


.hauteur-recherche {
    background-image: #1EAE8C, url("../images/site/logo-blanc.svg");
    background-position: left top;
    background-repeat: no-repeat;
    height: 400px;
    background-size: cover;
}

.input-recherche {
    color: #1B3F85;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.bouton-recherche {
    color: #FFFFFF !important;
    font-size: 1.0em !important;
    font-weight: 600;
    display: inline-block;
    background-color: #1B3F85;
    border-radius: 5px;
}

.input-recherche::placeholder {
    color: grey;
    font-size: 1.5rem;
    margin: 5px 10px;
}



#resultats-etablissement {
    background-color: #FAFAFA;
}


/*----Pop-up recherche----*/
.fade {
    opacity: 0.95;
}

.modal {
    /*width:95%*/
}

.modal-dialog {
    margin-top: 19%;
}

.modal-content {
    background-color: transparent !important;
    border: 0;
}

.modal-open {
    background-color: rgba(35, 57, 134, 0.5);
}

.btn-fermer {
    float: right;
    cursor: pointer;
    margin-bottom: 40px;
}

#recherche input {
    margin-left: 12px;
    height: 30px;
    border-bottom: 3px solid #ED6C82;
    border-left: none;
    border-right: none;
    border-top: none;
    background: none;
    width: 300px;
    color: #FFFFFF;
    font-size: 1.8rem;
    font-weight: 600;
    border-box: none;
    outline: none;
}

#recherche input:focus,
#recherche input:active,
#recherche input:hover {
    border: none;
    background: none;
}

#recherche input::placeholder {
    color: #FFFFFF;
    font-size: 2.1rem;
    font-weight: 600;
}

/*----------------------------------Qui-sommes-nous--------------------------------*/
.chiffre {
    font-weight: 650;
    font-size: 1.20em;
    margin-top: 8px;
    margin-bottom: -10px;
    display: block;
}

.documents-liste {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.documents-liste li {
    list-style-type: none;
    text-align: center;
    margin: 10px 10px;
    display: inline-block;
    vertical-align: top;
}

.documents-liste li a {
    text-decoration: none;
}

.documents-liste li a span {
    word-spacing: 9999999px;
    width: 140px;
}

.documents-liste li a:hover {
    transition-duration: 4s;
    transition-delay: 2s;
    font-size: 1.5rem;
    width: 50px;
}

.documents-liste li img {
    width: 20px;
}

.documents-liste li span {
    font-weight: bold;
    margin-top: 8px;
    display: block;
    font-size: 1.3rem;

}

.fond-video {
    box-shadow: 0px 3px 6px #00000029;
}

.titre-video {
    font-size: 3rem;
    font-weight: 800;
}

/*----------------------------------Domaine---------------------------------------*/
#titre-accroche {
    margin-top: -55px;
    margin-bottom: 30px;
}

#cartouche {
    background-color: #FFFFFF;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 25px 20px 20px 20px;
    display: inline-block;
    font-size: 3.2rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 4px;
}

#titre-cartouche {
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: 3px;
    padding-left: 20px;
    margin-top: -20px;
}

#titre-sous-cartouche {
    letter-spacing: 3px;
    padding-left: 20px;
}

.titre-type {
    font-size: 3.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
}

.titre-domaine {
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    margin-top: -20px;
}

.texte-domaine-description {
    color: #ffffff !important;
    font-size: 1.45rem;
}


.titre-map {
    font-size: 2.9rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: left;
    margin-top: -20px;
}

#map {
    height: 550px;
    margin: 0 auto;
    pointer-events: auto;
    z-index: 3;
}


.formulaire-map {
    padding: 10px;
    position: relative;
    margin: 0 0 -420px 50px;
    z-index: 9;
    width: 30%;
}

.formulaire-map div.encart {
    padding: 15px;
    background-color: #FFF;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
}

.formulaire-map div.encart div.ligne {
    display: block;
}

.formulaire-map input [type=checkbox] {
    padding: 20px;
    width: 18px;
    height: 18px;
    z-index: 3;
    position: relative;
    opacity: none;
    border: 1px solid #1B3F85;
}

.formulaire-map input:checked [type=checkbox] {
    background-color: #EF851F;
}

.formulaire-map label {
    color: #1B3F85;
    margin-left: 6px;
    font-size: 1.2rem;
}


.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;

}

.inputfile+label {
    width: auto;
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: #1EAE8C;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 10px;
    cursor: pointer;
    color: #FFFFFF !important;
}

.inputfile:focus+label,
.inputfile+label:hover {
    transition-duration: 4s;
    transition-delay: 2s;
    background-color: #555555;
    transition: 0.5s;
    color: #FFFFFF;
}

/*----------------------------------Etab-------------------------------------------*/
.remonte {
    margin-top: -300px;
    margin-bottom: 30px;
    margin-left: 50px;
}

.remonte2 {
    margin-top: -300px;
    margin-bottom: 30px;
    margin-left: 50px;
}

#titre-accroche-etab {
    margin-top: -60px;
    margin-bottom: 40px;
}

#cartouche-etab {
    background-color: #FFFFFF;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 25px 20px 25px 20px;
    display: inline-block;
    font-size: 3.4rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 4px;

}

#titre-cartouche-etab {
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding-left: 20px;
    margin-top: -5px;
}

.devant {
    z-index: 5;
}

.descriptif-etab {
    font-size: 1.3rem;
}

.titre-directeur {
    margin-top: -20px;
}

.illustration-logo-bleuciel {
    background-image: url("../images/site/lessor-logo-bleuciel.svg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 300px;
}

.illustration-principale {
    background-image: url("../images/site/MainDomaine.svg");
    background-position: bottom 0px left 100px;
    background-repeat: no-repeat;
    background-size: auto 350px;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.illustration-etab {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 300px;
    margin-right: 50px;
}

.illustration-qui-sommes-nous {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 230px;
    position: relative
}

.illustration-documents-etab {
    background-image: url("../images/site/logo-blanc.svg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 300px;
}


.informations-etablissement {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.carte-etablissement {
    background-color: #F2F2F2;
    width: 100%;
    height: 400px;
}

.liste-venir {
    margin: 0;
    padding: 0;
}

.liste-venir li {
    list-style-type: none;
    text-align: center;
    margin: 5px 0 8px 0;
    display: block;
    text-align: left;
}

.liste-venir li img {
    display: block;
    float: left;
}

.liste-venir li span {
    display: inline-block;
    margin: 2px 0 0 10px;
    color: #1B3F85;
}

.stat {
    margin-top: -10px;
    position: relative;
    right: -5px;
}

#map-etab {
    height: 400px;
    margin: 0 auto;
    z-index: 3;
}

#map-etab-recherche {
    height: 450px;
    z-index: 3;
}


/*----------------------------------Recrutement-------------------------------------------*/

.recrutement table thead {
    border-bottom: 2px solid #1B3F85;
    margin-bottom: 5px;
}

.recrutement table th,
.recrutement table td {
    color: #1B3F85;
}

.recrutement table tr td {
    margin: 1px 0;
}

.recrutement .table>:not(caption)>*>* {
    border-bottom-width: 0;
}

.recrutement table tr:nth-child(even) {
    background-color: #E8F3EE;
}



.recrutement p {
    margin: 0;
    ;
}

#contact_recrutement div label {
    color: #edf0f1;
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 3px;
}

#contact_recrutement div input[type=text],
#contact_recrutement div input[type=email],
#contact_recrutement div input[type=tel],
#contact_recrutement div select,
#contact_recrutement div textarea {
    border-radius: 4px;
    border: 1px solid #0095d5;
    margin-bottom: 5px;
    width: 100%;
    padding: 4px;
    color: #1B3F85;
    font-size: 1.3rem;
}

#contact_recrutement div textarea {
    min-height: 80px;
}

::placeholder {
    color: grey;
    font-size: 1.2rem;
    margin: 5px;
}

#recrutement div textarea {
    min-height: 80px;
}

#recrutement div button[type=submit] {
    background-color: #1EAE8C;
    cursor: pointer;
    border: 0px;
    border-radius: 3px;
    padding: 4px 8px;
    color: #FFFFFF;
}

#recrutement div button[type=submit]:hover {
    transition-duration: 4s;
    transition-delay: 2s;
    background-color: #555555;
    ;
    transition: 0.5s;
    color: #FFFFFF;
}

/*----------------------------------Accordéons-------------------------------------*/
.accordion-button,
.accordion-button:not(.collapsed) {
    color: #FFFFFF !important;
    font-size: 1.6rem;
    font-weight: 600;
}

.accordion-flush .accordion-item .accordion-button {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.accordion-item {
    margin-bottom: 10px;
    border-radius: 5px !important;
}

.accordion-body {
    color: #FFFFFF !important;
    font-size: 13px;
    box-shadow: 0px 3px 6px #00000029;
}

.accordion-bodyblanc {
    background-color: #ffffff;
    font-size: 13px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 1rem 1.25rem;
    box-shadow: 0px 3px 6px #00000029;
}

.texte-orange {
    color: #EF851F !important;
}

.texte-violet {
    color: #7B4991 !important;
}

.texte-bleu {
    color: #1B3F85 !important;
}

.texte-rose {
    color: #ED6C82 !important;
}

.texte-bleu_clair {
    color: #0095d5 !important;
}

.texte-bleu_clair2,
.texte-bleu-clair {
    color: #0BBBEF !important;
}

.texte-bleu_fonce {
    color: #0BBBEF !important;
}

.texte-vert {
    color: #1EAE8C !important;
}

.texte-blanc {
    color: #ffffff !important;
}

.texte-blanc ul li {
    color: #ffffff !important;
}

.texte-shadow {
    text-shadow: #666 1px 1px 2px;
}


.accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

.accordion-button:not(.collapsed) {
    background-color: none;
    color: #FFFFFF !important;
}

.accordion-button::after {
    transform: rotate(-90deg);
    background-image: url("../images/puce-fleche.png") !important;
}

.accordion-button svg {
    fill: #FFFFFF !important;
}

.accordion-button:focus {
    border: none;
    background-color: none;
    box-shadow: none;
}

#bloc-gauche-image {
    margin: 0 0 0 0;
}

#bloc-droite-image {
    margin: 50px 0 0 -130px;
}

#bloc-droite-accueil {
    margin: 0 0 0 -130px;
}

#bloc-gauche-accueil {
    margin: 50px 0 0 0;
}

#bloc-droite-carte {
    margin: 50px 0 0 50px;
}

.devant {
    z-index: 5;
    position: relative;
}

/*------Page de Recherche------*/

#service_search div label {
    color: #0095d5;
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 3px;
}

#service_search div input[type=text],
#service_search div input[type=email],
#service_search div input[type=tel],
#service_search div select,
#service_search div textarea {
    border-radius: 4px;
    border: 1px solid #0095d5;
    margin-bottom: 5px;
    width: 100%;
    padding: 4px;
    color: #1B3F85;
    font-size: 1.3rem;
}

#service_search div textarea {
    min-height: 80px;
}

::placeholder {
    color: grey;
    font-size: 1.2rem;
    margin: 5px;
}

#service_search div textarea {
    min-height: 80px;
}

#service_search div button[type=submit] {
    background-color: #1EAE8C;
    cursor: pointer;
    border: 0px;
    border-radius: 3px;
    padding: 4px 8px;
    color: #FFFFFF;
}

#service_search div button[type=submit]:hover {
    transition-duration: 4s;
    transition-delay: 2s;
    background-color: #555555;
    ;
    transition: 0.5s;
    color: #FFFFFF;
}


/*-----------Fond pour les accordéons-------------------*/
.fond-orange,
.bg-orange .accordion-button {
    background-color: #EF851F;
}

.fond-violet,
.bg-violet .accordion-button {
    background-color: #7B4991;
}

.fond-bleu,
.bg-bleu .accordion-button {
    background-color: #1B3F85;
}

.fond-rose,
.bg-rose .accordion-button {
    background-color: #ED6C82;
}

.fond-bleu_clair,
.bg-bleu_clair .accordion-button {
    background-color: #217DAB;
}

.fond-bleu_fonce,
.bg-bleu_fonce .accordion-button {
    background-color: #0BBBEF;
}

.fond-vert,
.bg-vert .accordion-button {
    background-color: #1EAE8C;
}

.liste-orange li {
    color: #EF851F;
}

.liste-violet li {
    color: #7B4991;
}

.liste-bleu li {
    color: #1B3F85;
}

.liste-rose li {
    color: #ED6C82;
}

.liste-bleu_clair li {
    color: #217DAB;
}


ol {
    color: #FFFFFF;
    list-style-type: none;
}

ol li,
ul.liste-contact li {
    background-image: url(../images/site/icon-chevron-vert.svg);
    background-position: left top;
    padding-left: 18px;
    background-size: 1.2rem;
    background-repeat: no-repeat;
    list-style-type: none;
}



.texte-lien {
    color: blue;
    text-decoration: none;
}

.bloc-gris {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    opacity: 1;
}

/*-------------------Actualités----------------------*/

.fond-image-actus {
    box-shadow: 0px 3px 6px #00000029;
}

.fil-ariane-actu {
    color: #1B3F85;
    font-size: 1.1rem;
}

.fil-ariane-actu a {
    color: #1B3F85;
    text-decoration: none;
    font-weight: 700;
}

.fil-ariane-actu a:hover {
    text-decoration: underline;
    transition: 0.5s;
}

.fil-ariane-actu span {
    background-image: url(../images/site/icon-chevron-orange.svg);
    background-position: left top;
    padding-left: 18px;
    background-size: 1.3rem;
    background-repeat: no-repeat
}


/*-------------------Contact----------------------*/


.fond-contact {
    background-color: #F7F7F7;
}

.formulaire-etablissement {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: -100px;
}

#contact div label {
    color: #0095d5;
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 3px;
}

#contact div input[type=text],
#contact div input[type=email],
#contact div input[type=tel],
#contact div select,
#contact div textarea {
    border-radius: 4px;
    border: 1px solid #0095d5;
    margin-bottom: 5px;
    width: 100%;
    padding: 4px;
    color: #1B3F85;
    font-size: 1.3rem;
}

#contact div textarea {
    min-height: 80px;
}

::placeholder {
    color: grey;
    font-size: 1.2rem;
    margin: 5px;
}

#contact div textarea {
    min-height: 80px;
}

#contact div button[type=submit] {
    background-color: #1EAE8C;
    cursor: pointer;
    border: 0px;
    border-radius: 3px;
    padding: 4px 8px;
    color: #FFFFFF;
}

#contact div button[type=submit]:hover {
    transition-duration: 4s;
    transition-delay: 2s;
    background-color: #555555;
    ;
    transition: 0.5s;
    color: #FFFFFF;
}


input.email {
    height: 0;
    margin: 0;
    text-decoration: none;
    border: none;
    display: none !important;
}

/*-------------------Pied de page----------------------*/
.footer-lessor {
    background-color: #233986;
}

.text-adresse {
    color: #FFFFFF;
    line-height: 1.7em;
    font-size: 0.9em;
}

.menu-orange {
    font-size: 1em !important;
    font-weight: 600;
    color: #EF851F;
    text-decoration: none;
    background: linear-gradient(to top, rgba(239, 133, 31, 1) 0%, rgba(239, 133, 31, 1) 3%, transparent 0.50%) no-repeat left bottom / 0 100%;
    background-size: 20% 100%;
    padding-bottom: 5px;
}

.menu-bleu_clair {
    font-size: 1em !important;
    font-weight: 600;
    color: #23B8E8;
    text-decoration: none;
    background: linear-gradient(to top, rgba(35, 184, 232, 1) 0%, rgba(35, 184, 232, 1) 3%, transparent 0.50%) no-repeat left bottom / 0 100%;
    background-size: 20% 100%;
    padding-bottom: 5px;
}

.menu-rose {
    font-size: 1em !important;
    font-weight: 600;
    color: #ED6C82;
    text-decoration: none;
    background: linear-gradient(to top, rgba(223, 94, 118, 1) 0%, rgba(223, 94, 118, 1) 3%, transparent 0.50%) no-repeat left bottom / 0 100%;
    background-size: 20% 100%;
    padding-bottom: 5px;
}

.menu-vert {
    font-size: 1em !important;
    font-weight: 600;
    color: #1EAE8C;
    text-decoration: none;
    background: linear-gradient(to top, rgba(50, 175, 145, 1) 0%, rgba(50, 175, 145, 1) 3%, transparent 0.50%) no-repeat left bottom / 0 100%;
    background-size: 20% 100%;
    padding-bottom: 5px;
}

.menu-footer li a {
    color: #FFFFFF !important;
    line-height: 1.4em;
    font-size: 0.9em;
}


.ligne-footer {
    border-top: 1px solid #12316E;
    padding-top: 15px;
}

.btn-rose,
.btn-vert,
.btn-violet,
.btn-bleu_clair,
.btn-bleu {
    color: #FFFFFF !important;
    font-size: 0.75em !important;
    font-weight: 500;
    display: inline-block;
}

.btn-bleu_clair {
    background-color: #0095d5;
}

.btn-bleu {
    background-color: #1B3F85;
}

.btn-rose {
    background-color: #ED6C82;
}

.btn-vert {
    background-color: #1EAE8C;
}

.btn-violet {
    background-color: #7B4991;
}

.margin-left {
    margin-left: 20px;
}

.margin-bottom {
    margin-bottom: 20px;
}

.button img {
    color: #FFFFFF !important;
}

.svgblanc {
    width: 12px;
    margin-right: 7px;
}

.svgblanc2 {
    width: 18px;
    margin-right: 7px;
}

.btn-rose:hover,
.btn-vert:hover,
.btn-violet:hover,
.btn-bleu_clair:hover,
.btn-bleu:hover {
    background-color: #555555;
    ;
    transition: 0.5s;
}

.copyright-lessor {
    background-color: #12316E;
}

.menu-copyright {
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0 5px 0;
}

p.menu-copyright {
    margin: 0;
}

.menu-copyright a {
    color: #FFFFFF;
}



/*-------------------GENERATION PDF RECRUTEMENT----------------------*/

body#pdfrecrutement {
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

.image-pdf {
    width: 800px;
    position: relative;
    top: -50px;
    left: -50px;
    margin: 0;
}

#pdfrecrutement>h1 {
    margin: -270px 0 0 170px;
    z-index: 20;
    font-size: 2.3em;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
}

#pdfrecrutement>h4 {
    margin: -150px 0 10px 0;
    z-index: 20;
    padding: 0;
    font-size: 14px !important;
    font-family: "Montserrat", sans-serif;
}

#pdfrecrutement .descriptif-gauche {
    width: 50%;
    float: left;
}

#pdfrecrutement .descriptif-droite {
    width: 50%;
    float: right;
}

#pdfrecrutement .descriptif-gauche>p,
#pdfrecrutement .descriptif-droite>p,
#pdfrecrutement div>p.titre-description {
    margin: 0px;
    padding: 0;
    font-size: 13px !important;
}

#pdfrecrutement div>p.descriptif {
    margin: 0px;
    padding: 0;
    font-size: 11px !important;
}

#pdfrecrutement ul li {
    margin: 0px;
    padding: 0;
    font-size: 11px !important;
}

#pdfrecrutement, #pdfrecrutement strong, #pdfrecrutement strong u {
    margin: 0px;
    padding: 0;
    font-size: 11px !important;
}

#pdfrecrutement a{color:#1B3F85 !important;}

.pdf-image-bottom {
    right: 0;
    width: 170px;
}

/*-------------------ADMINISTRATION----------------------*/

.liste-admin {
    display: block;
    width: 100%;
    margin: 0 auto;
    /*text-align: center;*/
}

.liste-admin li {
    list-style-type: none;
    text-align: center;
    margin: 8px 8px;
    background-color: #0095d5;
    padding: 5px 8px;
    display: inline-block;
    border-radius: 3px;
}

.liste-admin li a {
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(../images/site/icon-chevron-orange.svg);
    background-position: left center;
    padding-left: 18px;
    background-size: 1.2rem;
    background-repeat: no-repeat
}

.liste-admin li:hover {
    transition-duration: 4s;
    transition-delay: 2s;
    background-color: #555555;
    transition: 0.5s;
}

.liste-admin li img {
    width: 20px;
}

.liste-admin li span {
    font-weight: bold;
    margin-top: 8px;
    display: block;
    font-size: 1.3rem;
}

.padding-table-admin {
    padding: 30px;
}

.padding-table-admin h1 {
    color: #1B3F85;
}

.padding-table-admin table thead {
    background-color: #0095D5;
    color: #FFFFFF;
    border-bottom: 2px solid #1B3F85;
}

.padding-table-admin div {
    margin-bottom: 8px;
    padding-bottom: 6px;
    padding: top:3px;
    border-bottom: 1px solid #e2e2e2;
}

.padding-table-admin div label {
    margin-right: 8px;
    color: #0095d5;
    font-weight: 700;
}

.padding-table-admin div input {
    width: 100%;
}

.padding-table-admin div input[type=file] {
    background-color: #7B4991;
    cursor: pointer;
    border: 0px;
    border-radius: 3px;
    padding: 4px 8px;
    color: #FFFFFF;
}

.padding-table-admin div button[type=submit] {
    background-color: #1EAE8C;
    cursor: pointer;
    border: 0px;
    border-radius: 3px;
    padding: 4px 8px;
    color: #FFFFFF;
}



@media only screen and (min-device-width : 481px) and (max-device-width : 600px) {
    /* Styles pour cette Media Queries */

    .remonte {
        margin-top: -290px;
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .remonte2 {
        margin-top: -200px;
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .spacer3 {
        height: 140px;
    }

    .hauteur-image {
        height: 350px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .hauteur-recherche {
        height: 250px;
        background-size: cover;
        background-color: #1EAE8C;
    }

    #cartouche {
        background-color: #FFFFFF;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        padding: 20px 20px 20px 20px;
        display: inline-block;
        font-size: 2.6rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 3px;
    }


    #titre-cartouche {
        font-size: 2.2rem;
        line-height: 2.6rem;
        font-weight: 700;
        letter-spacing: 2px;
        padding-left: 20px;
        margin-top: -5px;
    }

    #bloc-gauche-image {
        float: none;
        width: 95%;
        margin: -50px 0 0 0;
    }

    #bloc-gauche-image {
        margin: 50px 0 0 0;
    }

    #bloc-droite-accueil {
        float: none;
        width: 95%%;
        margin: 0;
    }

    #titre-accroche-etab {
        margin-top: -50px;
        margin-bottom: 30px;
    }

    #cartouche-etab {
        background-color: #FFFFFF;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        padding: 20px 20px 20px 20px;
        display: inline-block;
        font-size: 2.6rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    #titre-cartouche {
        /*font-size: 1.5rem;*/
        font-weight: 700;
        letter-spacing: 2px;
        padding-left: 25px;
        margin-top: -5px;
    }

    .titre-type {
        font-size: 2.5rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

    .titre-domaine {
        font-size: 2.3rem;
        font-weight: 700;
        letter-spacing: 0px;
        text-align: center;
        margin-top: -20px;
    }

    .texte-domaine-description {
        font-size: 1.30rem;
    }

    .accordion-button,
    .accordion-button:not(.collapsed) {
        color: #FFFFFF !important;
        font-size: 1.3rem;
        font-weight: 600;
    }

    .accordion-item {
        margin-bottom: 2rem;
        border-radius: 5px !important;
    }

    .accordion-body {
        color: #FFFFFF !important;
        font-size: 1.8rem;
        box-shadow: 0px 3px 6px #00000029;
    }

    .mini {
        font-size: 1.5rem;
    }

    .mini2 {
        font-size: 1.4rem;
    }

    .stat {
        margin-top: 0px;
        position: inherit;
        right: 0px;
    }

    .illustration-qui-sommes-nous {
        background-image: none;
        background-size: 0px;
    }

    .illustration-documents-etab {
        background-position: top center;
        background-size: 200px;
    }

    .illustration-principale {
        background-size: 150px;
        background-position: bottom center;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .titre-map {
        font-size: 2.6rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-align: center;
        margin-top: 0px;
    }

    .formulaire-map {
        padding: 0;
        position: relative;
        margin: 0px 0 -30px 0;
        z-index: 9;
        width: 100%;
    }

    #map {
        height: 350px;
        z-index: 3;
    }

    #map-etab {
        height: 300px;
        z-index: 3;
    }

    #map-etab-recherche {
        height: 320px;
        z-index: 3;
    }

    /*----Pop-up recherche----*/

    .modal-dialog {
        margin-top: 22%;
    }


}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles pour cette Media Queries */

    .remonte {
        margin-top: -250px;
        margin-bottom: 30px;
        margin-left: 20px;
    }

    .remonte2 {
        margin-top: -200px;
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .spacer3 {
        height: 50px;
    }

    .region-pre-naviguation .block-lessor-common-logos {

        width: 14rem;
        height: 8rem;
    }

    .region-pre-naviguation .block-lessor-common-logos img {
        width: 11rem;
        height: auto;
    }

    .hauteur-image {
        height: 350px;
        background-repeat: no-repeat;
        background-size: cover;
        /*background-size:auto;*/
    }

    .hauteur-recherche {
        height: 250px;
        background-size: cover;
        background-color: #1EAE8C;
    }


    h1 {
        font-size: 3.2rem;
        line-height: 3.7rem;
        letter-spacing: 0;

    }

    h2 {
        font-size: 2.6rem;
        line-height: 3.0rem;

    }

    h3 {
        font-size: 2.0rem;
        line-height: 2.5rem;

    }

    #titre-accroche-etab {
        margin-top: -50px;
        margin-bottom: 30px;
    }

    #cartouche {
        font-size: 2.7rem !important;
        line-height: 3.4rem !important;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    #titre-cartouche {
        font-size: 3.1rem;
        font-weight: 700;
        letter-spacing: 2px;
        padding-left: 20px;
        margin-top: -20px;
    }

    .titre-type {
        font-size: 2.6rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

    .titre-domaine {
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: 0px;
        text-align: center;
        margin-top: -20px;
    }

    #bloc-gauche-image {
        float: none;
        width: 100%;
    }

    #bloc-gauche-image img {
        border-radius: none;
    }

    #bloc-droite-image {
        float: none;
        width: 90%;
        margin: -60px 5% 0 5%;

    }

    #bloc-droite-accueil {
        float: none;
        width: 100%;
        margin: 0 0 0 5px;
        order: -1;
    }

    #bloc-droite-accueil img {
        border-radius: none;
    }

    #bloc-gauche-accueil {
        float: none;
        width: 90%;
        margin: -60px 5% 0 5%;
    }

    #bloc-droite-carte {
        float: none;
        width: 100%;
        margin: 50px 0 0 50px;
        padding: 30px;
        border-radius: 5px !important;
    }

    .documents-liste li {
        margin: 10px 5px;
    }

    .documents-liste li img {
        width: 30px;
    }

    .documents-liste li a span {
        word-spacing: 9999999px;
        width: 75px;
    }



    .accordion-button,
    .accordion-button:not(.collapsed) {
        color: #FFFFFF !important;
        font-size: 1.5rem;
        font-weight: 600;
    }

    .accordion-item {
        margin-bottom: 1.8rem;
        border-radius: 5px !important;
    }

    .accordion-body {
        color: #FFFFFF !important;
        font-size: 1.5rem;
        box-shadow: 0px 3px 6px #00000029;
    }

    .stat {
        margin-top: 0px;
        position: inherit;
        right: 0px;
    }

    .illustration-qui-sommes-nous {
        background-image: none;
        background-size: 0px;
    }

    .illustration-documents-etab {
        background-position: top center;
        background-size: 200px;
    }

    .illustration-principale {
        background-size: 150px;
        background-position: bottom center;

        .illustration-principale {
            background-size: 150px;
            background-position: bottom center;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }
    }

    .titre-map {
        font-size: 2.7rem;
        font-weight: 700;
        letter-spacing: 2px;
        text-align: center;
        margin-top: 0px;
    }

    .formulaire-map {
        padding: 0;
        position: relative;
        margin: 0px 0 -30px 0;
        z-index: 9;
        width: 100%;
    }

    #map,
    #map-etab,
    #map-etab-recherche {
        height: 250px;
        z-index: 3;
    }

}