body {
    font-family: 'Montserrat', sans-serif;
    background-image: url(../images/logo-exploraura-bleu.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 350px;
    background-attachment: fixed;
    margin-top: 40px;
    color: var(--bleu_color);
}
h1{
    font-weight: 300;
}
h2 {
    font-size: 270%;
    margin-bottom: 45px;
    font-weight: 700;
}
h3{
    margin: 35px 0 20px;
}
h4{
    font-size: 20px;
    margin-top: 10px;
}
.titre-tiret:after {
    content: '';
    background: var(--orange_color);
    width: 70px;
    height: 2px;
    border-radius: 5px;
    display: block;
    margin: 12px auto;
}
.titre-tiret-gauche:after {
    content: '';
    background: var(--orange_color);
    width: 70px;
    height: 2px;
    border-radius: 5px;
    display: block;
    margin: 12px auto 12px 0;
}
.bandeau {
    padding: 105px 70px;
    background-blend-mode: screen;
    background-repeat: no-repeat;
    background-size: cover, 101%;
    background-position: center, bottom -1px center;
    margin-top: 92px;
}
.bandeau h1{
    max-width: 1080px;
}
.bandeau h1:before {
    content: '';
    width: 250px;
    height: 250px;
    display: block;
    background-image: url(../images/globe.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.btn-wrapper{
    margin-top: 30px;
    margin-bottom: 30px;
}
@media(max-width:690px) {
    body {
        background-size: 250px;
    }
}
@media(max-width:500px) {
    .bandeau h1::before {
        width: 150px;
        height: 150px;
        margin: 0 auto 10px auto;
    }
    h2{
        font-size: 220%;
    }
}
@media(max-width:390px) {
    body {
        background-size: 210px;
    }
}
/* -----------------------
HEADER
------------------------------*/
.menu-explo{
    color: #fff !important;
}
header .logo-text {
    position: fixed;
    top: 55px;
    left: 22px;
    font-size: 145%;
}
header nav {
    background: linear-gradient(to right, #00b0bf, #28377c);
    color: #fff;
}
header .nav-fixed .wrap {
    position: relative;
}
.liens-sociaux {
    width: 45px;
}
header {
     position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    min-height: 52px;
    z-index: 1114;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
header ul a {
    display: block;
}
header ul a:hover {
    color: var(--orange_color);
}
.nav-white {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background: #fff;
}
.ul-fixed {
    padding-right: 25px;
    /* width: 500px; */
    margin: 0 0 0 auto;
}
.ul-fixed li {
    padding: 4px 0;
    margin-top: auto;
    margin-bottom: auto;
}
.nav-fixed .jc-fe>li {
    padding: 4px 0;
    margin: auto 0px auto 30px;
}
header .social-link {
    font-size: 120%;
}
.menu-deroulant{
    cursor: pointer;
    overflow: hidden;
}
.menu-explo .menu-deroulant .sous-menu {
	position: absolute;
	border-radius: 6px;
	text-align: center;
	overflow: hidden;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	max-height: 0;
	transition: 200ms;
	width: 200px;
	background: linear-gradient(to right, #1972bb, #28377c);
	z-index: 1;
	right: 7px;
	top: 89px;
}
.menu-explo .nav-fixed .menu-deroulant:hover .sous-menu {
	max-height: 260px !important;
    border: solid var(--orange_color) 1px;
    padding: 5px 15px;
}
.sous-menu-resp{
    overflow: hidden;
    max-height: 0;
    transition: 300ms;
    
}
.sous-menu-resp a{
    color: var(--turquoise_color);
    font-size: 17px;
    font-weight: bold !important;
    margin: 8px 0;
}
.sous-menu-resp-open{
    max-height: 260px !important;
}
@media(max-width:360px) {
    header .logo-text {
        font-size: 135%;
    }
    header .logo-text .text-top {
        font-size: 18px;
    }
    header .logo-text .text-bottom {
        font-size: 8.1px;
    }
}
/* Menu responsive*/
.nav-responsive {
    display: none;
    height: 40px;
}
.nav-responsive .navigation .logo-text {
    margin: 0px auto 25px auto;
    position: initial !important;
    font-size: 35px;
}
.nav-responsive .navigation .logo-text .text-top {
    font-size: 38px;
}
.nav-responsive .navigation .logo-text .text-bottom {
    font-size: 17.2px;
}
.menu-explo .ul-navigation li  {
    font-size: 145%;
}
.menu-explo .ul-navigation li a {
    font-weight: 400;
    text-align: center;
    width: 100%;
    display: block;
    
}
.menu-explo .navigation {
    background-color: #fff;
    background-image: url('../images/exploraura-logo-nav-resp.jpg');
    background-size: 350px;
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    transform: translateX(100%);
    transition: 1000ms;
    top: 0;
    color: var(--bleu_color);
}
.menu-explo .navigation.isopen {
    transform: translateX(0%);
}
.menu-explo .ul-navigation {
    margin: auto;
}
.menu-explo .logo-menu-resp {
    width: 90px !important;
    margin: 0 auto;
}
.menu-explo .logo-menu-resp img {
    width: 100%;
}
.menu-explo .ul-navigation li {
    margin: 4px 0;
}
.menu-explo .navigation .transform {
    transform: translateX(-50%);
}
.menu-explo .btn-navigation {
    position: fixed;
    right: 25px;
    top: 61px;
    z-index: 50;
    cursor: pointer;
    width: 25px;
    height: 25px;
}
.menu-explo .btn-navigation .barre {
    height: 2px;
    background-color: var(--orange_color);
    border-radius: 25px;
    margin: 4px 0 4px auto;
    transition: 200ms;
}
.menu-explo .btn-navigation .b0 {
    width: 25px;
}
.menu-explo .btn-navigation .b1 {
    width: 20px;
}
.menu-explo .btn-navigation .b2 {
    width: 15px;
}
.menu-explo .btn-navigation .barre.cross {
    transform: rotate(45deg);
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
    transition: 500ms;
}
.menu-explo .btn-navigation .b1.cross1 {
    transform: rotate(-45deg);
    width: 25px;
}
.menu-explo .b2stop {
    display: none;
}
.menu-explo .navigation .liens-sociaux {
    width: 115px;
    margin: 0 auto;
}
.menu-explo .navigation .liens-sociaux>li {
    width: 55px;
    text-align: center;
}
@media(max-width:410px){
    .menu-explo .navigation{
        background-size: 270px;
    }
}
/*--------------------------------------------
menu responsive*/
@media(max-width: 740px) {
    .nav-fixed {
        display: none;
    }
    .nav-responsive {
        display: block;
    }
}
/* ----------------------------
Accueil
---------------------------- */
/* Bandeau */
.bandeau-accueil {
    background-image: url(../images/exploraura-banniere.jpg), url(../images/effet-bandeau.svg);
    color: #fff;
}
.bandeau-accueil h1 {
    font-size: 280%;
}
.bandeau-accueil .wrapper-btn {
/*    width: 645px; */
    margin: 30px auto 0 0;
}
.wrapper-btn .btn{
    margin-right: 17px;
}
/* MAIN */
.main {
    padding: 70px 0;
}
.a-propos-inscription {
    padding: 30px;
    border-radius: 10px;
    background: linear-gradient(to right, #00b0bf, #28377c);
    color: #fff;
}
.a-propos-inscription .wrapper-btn .btn {
    margin: 22px 10px 0 10px;
}
@media(max-width:635px) {
    .a-propos-inscription .wrapper-btn {
        margin-top: 10px;
        justify-content: center;
    }
    .a-propos-inscription .wrapper-btn .btn {
        width: 209px;
        margin: 5px;
    }
}
@media(max-width:500px) {
    .bandeau-accueil .wrapper-btn {
        flex-direction: column;
        width: 100%;
    }
    .bandeau-accueil .wrapper-btn .btn {
        width: 209px;
        margin: 5px auto;
    }
    .bandeau-accueil h1 {
        font-size: 250%;
        text-align: center;
    }
    .bandeau-accueil p {
        text-align: center;
    }
    .bandeau {
        padding: 60px 8%;
    }
    .bandeau h1::before {
        width: 150px;
        height: 150px;
        margin: 0 auto 10px auto;
    }
}
/* ---------------------------
ANNUAIRE
---------------------------- */
.bandeau-annuaire {
    background-image: url(../images/annuaire-banniere.jpg), url(../images/effet-bandeau.svg);
    color: #fff;
    position: relative;
}
.bandeau-annuaire h1 {
    font-size: 230%;
}
.annuaire form{
    margin-bottom: 20px;
    width: 100%;
}
/* Champ recherche */
.bloc-droite-annuaire{
    width: 65%;
}
.bloc-droite-annuaire #search{
    width: 90%;
    border-radius: 6px;
    border: #b8b8b8 solid 1px;
    padding: 5px 10px;
}
@media(max-width: 890px){
    .bloc-droite-annuaire #search{
        width: 85%;
    }
}
/* Detail organisme */
.bloc-barre-laterale{
    width: 30%;
}
.barre-laterale{
    background: linear-gradient(135deg, #3fdde2 0%,#43a1db 100%);
    padding: 20px;
    border-radius: 6px;
    color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.barre-laterale .check_box{
    margin-bottom: 20px;
}
.barre-laterale .legend{
    font-weight: bold;
    font-size: 120%;
}
.detail-org h3{
    margin: 30px 0;
    font-size: 190%;
}
.annuaire .titre{
    font-weight: 700;
    font-size: 135%;
}
.annuaire #content ul{
    margin-bottom: 35px;
}
.annuaire #content ul li a{
    font-style: italic;
}
@media(max-width:700px){
    .bloc-barre-laterale{
        width: 40%;
    }
    .bloc-droite-annuaire {
        width: 55%;
    }
}
@media(max-width:490px){
    .bloc-barre-laterale{
        width: 100%;
        margin-right: inherit;
        margin-bottom: 12px;
    }
    .bloc-droite-annuaire {
        width: 100%;
    }
}
/* -----------------------
Détail d'un organisme
------------------------ */
.detail-org .logo-org{
    width: 150px;
    margin: 0 auto;
    display: block;
}
.logo-organisme{
    max-width: 250px;
}
/* -------------------------------
CARTE ORGANISMES
--------------------------------- */
#maCarte{
    height: 600px;
    box-shadow: 0 0 12px rgba(0,0,0,0.3);
    width: 100%;
}
#maCarte .leaflet-pane {
    z-index: 1 !important;
}
#maCarte .btn{
    color: #fff;
    font-size: 14px;
}
#maCarte .logo-vignette{
    width: 65px;
    margin: 0px auto;
    display: block;
}
/*-----------------------------------------
 FORMULAIRE INSCRIPTION
 --------------------------------------- */
 .volet-form{
    padding-top: 80px;
 }
 .form-inscription{
    color: var(--bleu_color);
 }
 .form-inscription .bloc-radio .form-check{
    width: 24%;
    margin-right: 1%;
    font-size: 85%;
 }
 .form-inscription .bloc-radio .form-check label, .form-inscription .bloc-radio .form-check input{
    cursor: pointer;
 }
 .form-inscription label, .bloc-radio legend{
    font-weight: bold;
 }
 .form-inscription .bloc-radio .form-group label{
    font-weight: 400 !important;
 }
 .bloc-btn-nav{
    margin: 40px 0 0 0;
 }
 .bloc-btn-nav .btn{
    margin: 0 10px 10px 10px;
    width: 137px;
 }
 .form-inscription h2{
    font-size: 300%;
 }
 .form-inscription h3{
    margin: 65px 0 20px 0;
    font-size: 155%;
 }
.contact, .competences, .programmes, .partenariat, .actions, .besoins{
     display: none; 
 }
 .form-inscription textarea{
    min-height: 210px;
 }
 .form-inscription .btn {
	padding: 10px 18px;
}
/* Conditionel form inscription organisme */
.autres_natures_organisme_txt, .bloc-mettre-en-reseau, .autre_domaines_competences_txt, .bloc_thematique_culture, .bloc_thematique_inclusion, .bloc_thematique_lutte_discriminations, .autres_thematiques_principales_txt, .autres_thematique_culture_txt, .autres_thematique_inclusion, .autres_thematique_lutte_discriminations, .autres_thematiques_secondaires_txt, .bloc_departements_aura_concernes, .autres_institutions_programmes_mobilites_txt, .autres_dispositifs_mobilite_non_formelle_txt, .autres_dispositifs_mobilite_formelle_txt, .autre_duree_mobilite_txt, .autre_public_eloigne_txt, .bloc_cofinancement_public_precisez, .bloc_cofinancement_etat_ministere, .cofinancement_autres_financeurs_publics_txt, .cofinancement_autres_ministeres_txt, .cofinancement_prive_precisez_txt, .bloc_pays_partenaires_internationaux_europe, .bloc_pays_partenaires_internationaux_afrique_nord, .bloc_pays_partenaires_internationaux_afrique, .bloc_pays_partenaires_internationaux_amerique_nord, .bloc_pays_partenaires_internationaux_amerique_sud, .bloc_pays_partenaires_internationaux_asie, .bloc_pays_partenaires_internationaux_oceanie{
    display: none;
}
@media(max-width: 1000px){
    .form-inscription .bloc-radio .form-check {
        width: 23%;
        margin-right: 2%;
    }
}
@media(max-width:800px){
    .form-inscription .bloc-radio .form-check {
        width: 30%;
        margin-right: 3%;
    }
}
@media(max-width:560px){
    .form-inscription .bloc-radio .form-check {
        width: 47%;
        margin-right: 3%;
    }
}
@media(max-width: 500px){
    .form-inscription h2{
        font-size: 230%;
     }
     .form-inscription h3 {
        font-size: 130%;
    }
}
@media(max-width:440px){
    .form-inscription .bloc-radio .form-check {
        width: 100%;
        margin-right: 0;
    }
}
/* -----------------------------
Register & Connexion
---------------------------- */
.connect-section{
    background-blend-mode: overlay;
    background: linear-gradient(135deg, #3fdde2 0%,#43a1db 100%), url(../images/logo-exploraura-blanc.png);
    background-repeat: no-repeat;
    background-size: cover, 350px;
    background-attachment: fixed;
    background-position: center, bottom right;
    height: 100vh;
}
.connect-section .wrap{
    margin: auto;
}
.connect-wrap{
    width: 450px;
    padding: 0 20px;
    margin: auto;
    display: block;
}
.connect-wrap .btn{
    margin: 0px 10px;
}
/* Mise à jour infos connexion */
.infos-connexion .btn{
    margin: 50px auto;
}

/*MON COMPTE*/
.mon-organisme p{
    margin: auto 15px auto 0;
}