/*!
	Theme Name: Neurofrance 2027
	Theme URI: 
	Description: Description : hmmm...on a mis la NASA sur le coup, mais il semblerait que ce soit le thème du colloque Neurofrance 2027 organisé par la Société des Neurosciences
	Author: Société des Neurosciences
	Author URI: https://neurosciences.asso.fr
	Version: 1.2
	Stable tag: 1.0
	Requires at least: 4.7
	Tested up to: 6.8+
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: sn_neurofrance
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, pint of beer, obiwan-kenobi, 42
*/
@import url('https://fonts.googleapis.com/css2?family=Abel&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/* Bandeau d'alerte fraude */
.fraudAlert {
    background-color: white;
    color: red !important;
    font-size:1em !important;
    font-weight: 700;
    text-align: center;
}

/* Fonte menu (condensé) */
/* ACCUEIL */
/* Overwrite*/
:root {
    --principale:#141633;
    --secondaire:#e7ac44;
    --titresite: var(--principale);
	--titreville: var(--secondaire);
    --backstickymenu: #f8f8f8;
    --forestickymenu: #000;
    --titres: var(--principale);
    --paragraphes: #2d2d2d;
    --fontsize:1rem;
    --blockquote:calc(var(--fontsize) + 0.3em);
    --h1:calc(var(--fontsize) + 0.9em);
    --h2:calc(var(--h1) - 0.3em);
    --h3:calc(var(--h2) - 0.2em);
    --h4:calc(var(--h3) - 0.2em);
    --h5:calc(var(--h4) - 0.1em);
    --h6:calc(var(--h5) - 0.1em);
    /* Titre */
    --sitetitle:3.5em;
    --sitedate:2em;
    --sitedesc:1.5em;
}

html {
    font-size: 1.1rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom:0.3em !important;
    margin-top:0.7em !important;
    color:var(--titres);
    font-weight:600;
}
p,input,select,li {
     color:var(--paragraphes);
    font-size: 1.1rem !important;
}
h1{
    font-size:var(--h1) !important;
}
h2{
    font-size:var(--h2) !important;
}
h3{
    font-size:var(--h3) !important;
}
h4{
    font-size:var(--h4) !important;
    font-weight: 600 !important;
}
h5{
    font-size:var(--h5) !important;
    font-weight: 600 !important;
}
h6{
    font-size:var(--h6) !important;
    font-weight: 700 !important;
}

p a {
	color: var(--secondaire)!important;
	text-decoration:none !important;
	font-weight:500;
}

a.nosee {
	color:var(--paragraphes)!important;
}

/* Downloads */
.downloadApps {
    text-align:center;
    display: flex;
    margin-bottom:5em;
}

.backgroundImg {
position: fixed;
  top: -250px;
  left: 0;
  width: 100%;
  object-fit: contain;
  object-position: center;
  right: 0;
  bottom: 0;
  min-height: 100%;
  object-fit: cover;
  min-width: 100%;
  overflow: visible;
  min-width: 100%;
  background: url('assets/img/Bordeaux.png')no-repeat scroll center top transparent;
  z-index: -1000;
  margin: 0 !important;
}

.sn-post-title {
    display: flex;
    width:100%;
    color:var(--titres);
    /*background-image: linear-gradient(180deg, #223D7D 0%, #070d1b 100%);*/
    height:3em;
    font-size:2em;
    align-items: center;
    font-weight: 500;
}

.homeTitle {
    font-size:2.5em !important;
	font-weight:200;
	margin-bottom: 1em !important;
}

.mot-accueil  p:not(.fraudAlert) {
    font-size:1.3em !important;
}

.site-container {
    text-decoration: none;
    text-align: right;
}

.site-title  {
    font-family: 'Nunito Sans', Arial, serif;
    font-size:var(--sitetitle);
    font-weight: 700;
    color:var(--titresite);
    animation: fadein 2s;
    text-decoration: none !important;
	line-height:0.8em;
	margin-top:0.5em;
}
.site-date {
	font-family: 'Abel', Arial, serif;
    font-size:var(--sitedate);
    font-weight: 700;
    color:#000;
    animation: fadein 4s;
}

.site-desc {
	font-family: 'Abel', Arial, serif;
    font-size:var(--sitedesc);
    font-weight: 700;
    color:#000;
    animation: fadein 5s;
}

.site-logo {
    max-height:8em;
    object-fit: contain !important;
}

.titreVille {
	color:var(--titreville);
}
/*.blog-post-title {*/
/*position: relative;*/
/*background: linear-gradient(to right, #24243e, #141E30, #0f0c29);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent; }*/

/*.blog-post-title:before,*/
/*.blog-post-title:after {*/
/*content: 'Inscriptions';*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0; }*/

.blog-post-title:before {
z-index: -1;
text-shadow: -0.001em -0.001em 1px rgba(255,255,255,.15)}

.blog-post-title:after {
z-index: -2;
text-shadow: 10px 10px 10px rgba(0,0,0,.5), 20px 20px 20px rgba(0,0,0,.4), 30px 30px 30px rgba(0,0,0,.1);
mix-blend-mode:luminosity; }







body {
    font-family:'Nunito', sans-serif !important;

}


.background-accueil {
    /*  background-color: #F4F5F7s*/
    /*  background-color: #F4F5F7;*/
    background-color: #FFFFFF;
}
.background-sn {
    /*  background-color: #F4F5F7s*/
      background-color: #ffffff;
    background-repeat: repeat;
    /*background: radial-gradient(ellipse at top, rgb(232, 232, 232) 20%,white 50% );*/
}

/* Tout le header */
#my-header {
    position:relative;
    z-index:11;
    background-color:#EBF0F7;
    /*background: linear-gradient( 180deg,white 70%, #e2ecf1);*/
/*    background: radial-gradient(ellipse at bottom, rgba(243, 248, 252,0.8) 20%,rgba(255,255,255,0.8) 50%);*/



  /*  box-shadow: 20px 0 5px 0 linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.59) 20%, white 50%, white 100%);*/
}
.fond {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*height: 290px;*/
    height:100%;
    z-index:-9999;
    opacity: 0.13;
    background-repeat: repeat;
    object-fit: cover;
}
#my-header .h-bottom {
    /*background: linear-gradient( 90deg,white 20%, #223D7D,white 80%);*/
    /*!*left:20%;*!*/
    /*!*right:20%;*!*/
    /*height:1px;*/
    /*--width: 100vw;*/
    /*--invwidth: -100vw;*/
    /*width:40%;*/
    /*position:relative;*/
    /*margin:auto;*/
    /*box-shadow: calc(var(--invwidth) * 0.1) 0 5px 0 #145698;*/
}
/*#my-header .h-bottom::before {
    position:relative;
    z-index:11;
    left:20%;
    width:20%;
    content: string(e);
    background: linear-gradient( 90deg,white 20%, #223D7D);
}*/
.backgroundImgHead {
        right: 0;
        bottom: 0;
        overflow: hidden;
        min-width: 100%;
        background: url('assets/img/Bordeaux.png')no-repeat scroll top transparent;
       }
					
/*Page autre que Accueil */
#my-page {
    /*background: radial-gradient(ellipse at top, rgb(232, 232, 232) 20%,white 50% );*/
    /*box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;*/
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background-color: #FFFFFF;
    z-index:10;
    position: relative;
    /*background: linear-gradient(180deg, rgb(243, 248, 252) 20%,white 50% );*/
    /*margin-bottom: -80px;*/
    padding-bottom: 40px;
}


/*MENU PRINCIPAL*/
/*Communs*/
.main-menu {
    display:flex;
    font-family:inherit;
    font-size: 1.3em;
    justify-content: center;
    background-color: transparent;
    margin-top:50px !important;
}
.main-menu a {
    color:#000 !important;
    font-weight: 400;
}
.main-menu a:hover,
.main-menu a:active,
.main-menu a:focus,
.main-menu-sticky-scroll a:hover,
.main-menu-sticky-scroll  a:active,
.main-menu-sticky-scroll  a:focus{
    transition-duration: 0.2s;
    /*color: #B97826; !important;*/
    color: var(--titresite) !important;
    background-color:inherit;
}

/*Menus item de niveau 1 */
.main-menu > ul > .menu-item {
    position: relative;
    margin-left:2em;
}
.main-menu > ul > .menu-item a:active,
.main-menu > ul > .menu-item a:focus {
    color: #fc6200;
}
/* Animation sous le menu-item de niveau 1
ligne en dessous partant du centre vers les deux bords gauche et droite */
.main-menu > ul > .menu-item:before,
.main-menu > ul > .menu-item:after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 0px;
    height: 2px;
    margin: 5px 0 0;
    transition: all 0.2s ease-out;
    opacity: 0;
    background-color: var(--titresite);
}
.main-menu > ul > .menu-item:before{
    left:50%;
}
.main-menu > ul > .menu-item:after{
    right:50%;
}
.main-menu > ul > .menu-item:hover:before,
.main-menu > ul > .menu-item:hover:after{
    transition: all 0.3s ease-in-out;
    opacity:1;
    width:50%;
}

/*Menus item de niveau >1 */
.main-menu .dropdown-menu {
    margin-top:2px !important;
    border:0 !important;
    padding-top:0 !important;
    border-radius:0 0 5px 5px;
    background-color: var(--backstickymenu);
    transition: all 0.9s ease-in;
    box-shadow: var(--titresite) 0px -2px 0px,
    rgba(17, 17, 26, 0.1) 0px 16px 16px,
    rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.main-menu > ul > li ul .menu-item {
    position: relative;
    /*margin-left:2em;*/
}
.main-menu > ul > li ul .menu-item a:active,
.main-menu > ul > li ul .menu-item a:focus {
    color: #fc6200;
}
/* Animation sous le menu-item de niveau  >1
Carré arrivant de la droite */
.main-menu > ul > li ul .menu-item:before {
    position: absolute;
    /*bottom: -2px;*/
    height: 100%;
    /*height: 1px;*/
    /*padding-left: 5px ;*/
    transition: all 0.1s ease-out;
    opacity: 1;
    background-color: var(--titresite);
    display:block;
    width:0;
    content:"";
}
.main-menu > ul > li ul .menu-item:before{
    margin:auto;
}
.main-menu > ul > li ul .menu-item:hover:before{
    transition: all 0.3s ease-in-out;
    opacity:1;
    width:10px;
}
/* Sticky quand scoll */
.main-menu-sticky-scroll{  /* To fix main menu container */
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    transition: background 0.3s, box-shadow 0.1s ease-in, color 0.3s ease-in;
    /*background: radial-gradient(ellipse at bottom, rgb(243, 248, 252) 20%,white 50% );*/
    background-color: var(--backstickymenu) !important;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    margin:0 !important;

}
/*Premier nievau*/
.main-menu-sticky-scroll > ul > li > a {
    color:var(--forestickymenu) !important;
}
.main-menu-sticky-scroll > ul > .menu-item:before,
.main-menu-sticky-scroll > ul > .menu-item:after {
    display: none;
}
/*Niveau suivants */
.main-menu-sticky-scroll > ul > li > ul  a {
    color: var(--forestickymenu);
}
.main-menu-sticky-scroll .dropdown-menu {
    margin-top:0 !important;
    border-top:0 !important;
    padding-top:0 !important;
    border-radius:0 0 5px 5px;
    background-color: var(--backstickymenu);

    box-shadow: var(--backstickymenu) 0px -5px 0px,
                rgba(17, 17, 26, 0.1) 0px 16px 16px,
                rgba(17, 17, 26, 0.1) 0px 8px 24px,
                rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

/* Deux colonnes */
.twoBlocFlex {
    display: flex;

    align-items: center;
  }

.twoBlocFlex .wp-block-column {
    flex-basis:auto !important;
}

/*Fin anim*/
.menu-toggler{
    margin-left:5px;
    border:3px solid #fff;
}

.banniere-img {
    padding-top:10px;
    object-fit: cover;
}


.wp-block-pullquote
{
    font-size:var(--blockquote) !important;
    vertical-align: -50%;
    box-shadow: var(--backstickymenu) 0px -5px 0px,
    rgba(17, 17, 26, 0.1) 0px 16px 16px,
    rgba(17, 17, 26, 0.1) 0px 8px 24px,
    rgba(17, 17, 26, 0.1) 0px 16px 56px;
    width:100%;
    background-color: #d6e1ea !important;
}
/*blockquote p:before {*/
/*    content:open-quote;*/
/*    padding-right:10px;*/
/*}*/
/*blockquote p:after {*/
/*    content:close-quote;*/
/*    padding-left:10px;*/
/*}*/

/*blockquote p:before,*/
/*blockquote p:after {*/
/*    font-size: calc(var(--blockquote) + 0.1tem);*/
/*    vertical-align: middle;*/
/*}*/


.mot-accueil{
   width:1080px;
    animation: fadein 2s;
	padding: 2em;

  margin: 5em 5em;
}

.copyright {
    font-size:10px !important;
    margin-top:-20px;
    right:20px;
    position:absolute;
    color:#ffffff;

}


.sn-footer {
    position:absolute;
    left:0;
    width:100%;
    /*margin-top:120px;*/
    padding-top:20px;
    background-image: linear-gradient(180deg, var(--titresite) 0%, var(--titresite) 100%);
    /*margin-bottom:20px;*/
    padding-bottom:20px;
}
.sn-footer > div > p > a,
.sn-footer > div > p {
	font-family:"Nunito Sans",Sans;
    text-decoration:none;
    text-align: center;
    color: #fff;
    font-weight: 200;
    font-size:1em !important;
}

#my-footer a {
    color: white !important;
}
    

#my-footer a:hover {
    transition: all 0.9s;
}
 .reseaux {
     justify-content:center;

 }
.reseaux a:hover {
    transition: all 0.9s;
}

.reseaux li {
		 background-color:var(--titreville);

}



/*.menu-link:active {*/
/*    color:red;*/
/*}*/

/*.nav-link .show {*/
/*    color:red;*/
/*}*/



/* MENU DORE */
.navbar-sn {
    /*background-image: linear-gradient(180deg, #223D7D 0%, #070d1b 100%);*/
}
/*.main-menu span {
    color: #315CD2; !important;
    font-weight: 500;

}
.main-menu span:hover {
    transition-duration: 0.2s;
    color: #0032b9; !important;
}*/



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slidein {
    from {
        margin-left: 0%;
        width: 100%;
        opacity:10%;
    }

    to {
        margin-left: 100%;
        width: 100%;
        opacity:100%;
    }
}

hr {
    height: .25rem;
    width: 25%;
    margin: 0;
    background: tomato;
    border: none;
    transition: .3s ease-in-out;
}


.accueil-motpres {
/*    border-right:1em solid #B97826;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;*/

    border-left:0.2em solid #B97826;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;

}


.blog-post-responsive {
    padding-top:2%;
}

#my-footer {
    position: relative;
    display:block;
    /*overflow: hidden;*/
}

/* RESPONSIVE */
/* Small devices (smartphones, 576px and up) */
/*@media (min-width: 0px) and (max-width: 799px) {*/
@media (min-width: 0px) and (max-width: 767.98px) {
    .d-tel {
        display: block !important;
    }

    .d-ipad {
        display: none !important;
    }

    .d-desktop {
        display: none !important;
    }

    .backgroundImgHead {
	    height:190px;
    }
    .mot-accueil {
        width: 100%;
		margin:0;
    }

    p {
        font-size: 1em;
    }

    .sn-post-title {
        /*color: #F4F5F7;*/
        font-size: 1.8em;
        text-align: center;
    }
    .homeTitle {
        font-size:1.3em !important;
    }

    .homeP {
        font-size:1em !important;
    }
    /* .bannière img {
        display:none;
    } */
    html {
        font-size: 0.8em;
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom:0.3em !important;
        margin-top:0.7em !important;
        color:var(--titres);
        font-weight:600;
    }
    p {
        color:var(--paragraphes);
        font-size: 1.1rem !important;
    }
    .hamburger-button {
        display: inline-block;
        vertical-align: middle;
        line-height:auto;
    }
    .sn-navbar-sm {
        background-image: linear-gradient(180deg, var(--titresite) 0%, var(--titresite) 50%);
        /*background-color: rgba(0,0,0,0.9) !important;*/
        box-shadow: rgb(12,25,48) 0px -5px 0px,
        rgba(17, 17, 26, 0.1) 0px 16px 16px,
        rgba(17, 17, 26, 0.1) 0px 8px 24px,
        rgba(17, 17, 26, 0.1) 0px 16px 56px;
        height:50px;
        display:flex;
        position:fixed;
        z-index:15;
    }
    .titreLienSN-sm {
        height:50px !important;
        object-fit: contain;
        object-position: top;
        top:0px;
        right:10px;
        position:absolute;
        width:100px !important;
        padding:2px;
    }
    .titreSite {
        margin:0 auto;
        justify-content: center !important;
    }
    .site-title  {
        font-family: 'Nunito', Arial, serif;
        font-size:calc(var(--sitetitle) - 0.5em);
        font-weight: 700;
        color:var(--titresite);
        text-align:center;
        animation: fadein 2s;
        text-decoration: none !important;
    }
    .site-date {
        font-size:calc(var(--sitedate) - 0.5em);
        font-weight: 400;
        color:#000;
        animation: fadein 4s;
        text-align:center;
    }

    .site-desc {
        font-size:calc(var(--sitedesc) - 0.5em);
        font-weight: 200;
        color:#000;
        animation: fadein 5s;
        text-align:center;
		margin-bottom: 1em;
  
    }
    /* Mot D'accueil */

    .homeTitle {
        text-align: center;
        font-size:calc(var(--sitedate) - 0.3em) !important;
		

    }
    .homeP {
        font-size:calc(var(--sitedate) - 0.8em) !important;
    }
    /* MENU HAMBURGER */
    .main-menu-sm
    {
        position:absolute;
        left:0;
        /*top:11%;*/
        width:100%;
        height:100%;
        padding:20% 10% 0 10%;
        text-align:center;
        background-color: rgba(0,0,0,0.9) !important;
        color:#F4F5F7 !important;
        z-index:100;

    }
    .main-menu-sm .dropdown-menu{
        width:100%;
        top:10%;
        text-align:center;
        background-color: rgba(0,0,0,0.9) !important;
        color:#F4F5F7 !important;
        border: 1px solid #223D7D;
    }

    .main-menu-sm .menu-link:focus {
        color:#F4F5F7 !important;
    }
    .main-menu-sm .menu-link:not(:focus) {
        /* color: #737373 !important;*/
    }
    .main-menu-sm .menu-link,
    .main-menu-sm .menu-link .dropdown-toggle{
        font-size:20px;
        line-height: 2em;
        color:#F4F5F7 !important;


    }
    .copyright {
        font-size:10px !important;
        margin-right:-20px;
        right:0;
        bottom:22%;
        object-position: center;
        object-fit: contain;
        position:absolute;
        color: #ffffff;
        transform: rotate(-90deg);

    }


}

/* Medium devices landscpae(tablets, 768px and up) */
/*@media (min-width: 800px) and (max-width: 1079px) {*/
@media (min-width: 768px) and (max-width: 1199px) {
    .d-tel {
        display:block !important;
    }
    .d-ipad {
        display: none !important;
    }
    .d-desktop {
        visibility:collapse !important;
    }

    .titreSite {
        margin:0 auto;
        justify-content: center !important;
    }
    .site-logo {
        max-height:5em;
        object-fit: contain;
    }
    .site-title  {
        font-family: 'Nunito', Arial, serif;
        font-size:calc(var(--sitetitle) - 0.5em);
        font-weight: 700;
        color:var(--titresite);
        /*text-align:center;*/
        animation: fadein 2s;
        text-decoration: none !important;
    }
    .site-date {
        font-size:calc(var(--sitedate) - 0.5em);
        font-weight: 400;
        color:#000;
        animation: fadein 4s;
        /*text-align:center;*/
    }

    .site-desc {
        font-size:calc(var(--sitedesc) - 0.5em);
        font-weight: 200;
        color:#000;
        animation: fadein 5s;
        /*text-align:center;*/
    }
    .main-menu{
        display:flex;
        font-family:inherit;
        font-size: 0.9em;
        justify-content: center;
        background-color: transparent;
        margin-top:50px !important;
        padding:0;
    }
    .main-menu > ul > .menu-item {
        position: relative;
        margin-left:1em;
    }
    .main-menu,
    .main-menu a {
        font-size: 0.9em;
    }
    .main-menu-sticky-scroll {
        margin-top:0 !important;

    }
    .mot-accueil {
        /*padding-right:12%;*/
		margin:0;
		width:100%
    }
    .copyright {
        font-size:10px !important;
        margin-right:-20px;
        right:0;
        bottom:22%;
        object-position: center;
        object-fit: contain;
        position:absolute;
        color: #ffffff;
        transform: rotate(-90deg);

    }
}

 /*Large devices (desktops, 992px and up) */
/*@media (min-width: 1080px) and (max-width:1399px) {*/
@media (min-width: 1200px) and (max-width:1399px) {
    .d-tel {
        display: none !important;
    }
    .d-ipad {
        display:block !important;
    }
    .d-desktop {
        display: none !important;
    }
    .site-logo {
        max-height:7em;
        object-fit: contain;
    }
    .main-menu{
        display:flex;
        font-family:inherit;

        justify-content: center;
        background-color: transparent;
        margin-top:50px !important;
        padding:0;
    }
    .main-menu > ul > .menu-item {
        position: relative;
        margin-left:2.3em;
    }
    .main-menu,
    .main-menu a {
        font-size: 1em;
    }
    .main-menu-sticky-scroll {
        margin-top:0 !important;

    }
    .copyright {
        font-size:10px !important;
        margin-right:-20px;
        right:0;
        bottom:22%;
        object-position: center;
        object-fit: contain;
        position:absolute;
        color: #ffffff;
        transform: rotate(-90deg);

    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
    .d-tel {
        display: none !important;
        visibility: visible !important;
    }
    .d-ipad {
        display: none !important;
    }
    .d-desktop {
        visibility: visible !important;
        display:block !important;

    }

}