/* Carousel */
@import url("carousel.css");

/*\/ test push */

html {
    font-size:1rem;
}
/*\/ BS */
header.container-fluid,
footer.container-fluid,
main > div.container-fluid{
/*overflow: hidden;*/
padding: 0!important;

}
 .container-fluid{
    /*overflow: hidden;*/
    padding: 0!important;
   
 }

/*\/ Première Remarque les breakpoints de BS et Wordpress sont pas les mêmes 
       je dois télécharger BS et Et changer les BP */
/*\/ Changement de logique pour les CSS avec les patterns. 

/*\/ -- Sommaire ---
        ---- 1. Variables
        ---- 2. Typographie 
        ---- 3. Classes utilitaires
        ---- 4. Balises générales
        ---- 5. Header
        ---- 6. Font-Page 
        ---- 7. Patterns et ses composants
        ---- 8. Footer
        ---- 9. Plugins
        ---- 10. Accessibilité
*/
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), url(../fonts/Montserrat-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  }

/*\/ ---- 1. Variables */

:root{
	--couleurPrincipale:#401641;
    --couleurSecondaire:#C20223;
    --couleurBleu : #CFEFE9;
    --couleurRose : #FED6D6;
    --couleurRoseClair : #FFEBEB ;
    --couleurRoseFonce : #EFABAB ;
    --paddingPrincipal: 2rem;
    --px10 : 10px;
    --px20 : 20px;
    --px30: 30px;
    --px35: 35px;
    --px40: 40px;
    --px50:  50px;
    --px60: 60px;
    --px70:  70px;
    --px100: 100px;
    --px140: 140px;
    --px200: 200px;
    --typoPrincipale :  gopher, sans-serif;
    --tailleTypoxxxl : 2.3rem;
    --tailleTypoxxl : 2.0rem;
    --tailleTypoxl : 1.6rem;
    --tailleTypolg : 1.3rem;
    --tailleTypomd : 1.0rem;
    --tailleTypobase : 0.9rem;
    --tailleTyposm : 0.8rem;
    --tailleTypoxs : 0.7rem;

    --typoSecondaire :  "Montserrat", sans-serif;
    --shadow-gauche-rose : {
        -webkit-box-shadow: -9px 10px 0px -2px var(--couleurRose);
        box-shadow: -9px 10px 0px -2px var(--couleurRose);
    }
}
/* Carousel */
@import url("carousel.css");

/*\/ ---- 2. Typographie */

body {
    font-family: var(--typoSecondaire)!important;
    font-size: var(--tailleTypobase);
    background-color: white;
    color : var(--couleurPrincipale);
}
.page{
    margin:0!important
}
h1, h2, h3,h4{
    color:var(--couleurPrincipale);
    font-family: var(--typoPrincipale);
}
h1 {
    font-size:var(--tailleTypoxl);
    text-align: center;
}

h2{
    font-size: var(--tailleTypolg);
    /*min-height: var(--px50);*/
    margin-bottom:var(--px20);
    margin-top:var(--px20);
}

.home h2 {
    margin-top:0;
}
h3 {
    font-size: var(--tailleTypomd);
    min-height:2rem;
    margin-top:var(--px20);
}
h4 {
    font-size:var(--tailleTyposm);
}

@media (min-width: 768px) {  
    h1 {
        font-size:var(--tailleTypoxl);
    }
    h2{
        font-size: var(--tailleTypolg);
    }
    h3 {
        font-size: var(--tailleTypomd);
    }
    h4 {
        font-size:var(--tailleTyposm);
    }
}

@media (min-width: 992px) {  
    h1 {
        font-size:var(--tailleTypoxxl);
    }
    h2{
        font-size: var(--tailleTypoxl);
    }
    h3 {
        font-size: var(--tailleTypolg);
    }
    h4 {
        font-size:var(--tailleTypomd);
    }
}
@media (min-width: 1200px) {  
    h1 {
        font-size:var(--tailleTypoxxl);
    }
    h2{
        font-size: var(--tailleTypoxl);
        /*min-height:var(--px70);*/
    }
    .home h2,
    footer h2{
        margin-bottom:var(--px70);
    }
    .post-type-archive-tribe_events footer h2,
    .single-tribe_events footer h2{
        margin-top:var(--px50);
    }
    h3 {
        font-size: var(--tailleTypolg);
        min-height:var(--px50);
    }
    h4 {
        font-size:var(--tailleTypomd);
        min-height:2rem;
    }
}
@media (min-width: 1400px) {  
    h1 {
        font-size:var(--tailleTypoxxxl);
    }
    h2{
        font-size: var(--tailleTypoxxl);
        /*min-height:6rem;*/
    }
    h3 {
        font-size: var(--tailleTypoxl);
        min-height:3.5rem;
    }
    h4 {
        font-size:var(--tailleTypolg);
    }
}

p.has-text-align-left,
p.has-text-align-center,
p.has-text-align-right {
margin-bottom: 0;
}
/*\/ ---- 3. Classes utilitaires */
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

 .p-0-2{
    padding:0.2%
 }
 .p-0-5{
    padding:0.5%
 }
 .p-1{
    padding:1rem!important;
 }
 .pb-25{
    padding-bottom:25%!important;
}
 .img-margin-neg {
    margin-top: -2.5rem!important;
}
.margin-pos {
    margin-top: 2.5rem!important;
}
.img-margin-neg-big {
    margin-top: -6rem!important;
}
.margin-pos-big {
    margin-top: 6rem!important;   
}

@media (min-width:992px)  {  
    .img-margin-neg-big {
        margin-top: -8rem!important;
    }
}

@media (min-width: 1200px)   {  
    .img-margin-neg-big {
        margin-top: -10rem!important;
    }
}

@media (min-width: 1400px) {  
    .img-margin-neg-big {
        margin-top: -12rem!important;
    }
}


.bg-bleu {
    background-color: var(--couleurBleu)!important;
}
.bg-rose {
    background-color: var(--couleurRose)!important;
}
.bg-rose-clair {
    background-color: var(--couleurRoseClair)!important;
}
.bg-rose-tres-clair {
    background-color: var(--couleurRoseTresClair)!important;
}
.bg-principal {
    background-color:var(--couleurPrincipale)!important;
}
.bg-secondaire {
    background-color: var(--couleurSecondaire)!important;
}
.bg-blanc {
    background-color: white!important;
}
.text-bleu {
    color: var(--couleurBleu)!important;
}
.text-rose {
    color: var(--couleurRose)!important;
}
.text-principal {
   color:var(--couleurPrincipale)!important;
}
.text-secondaire {
    color: var(--couleurSecondaire)!important;
}
.text-blanc {
    color: white!important;
}
.cfep-underline.bleu {
    background-image: linear-gradient(120deg, var(--couleurBleu),var(--couleurBleu) 100%);
}
.cfep-underline.rose {
    background-image: linear-gradient(120deg, var(--couleurRose),var(--couleurRose) 100%);
}
.cfep-underline.rose-fonce {
    background-image: linear-gradient(120deg, var(--couleurRoseFonce),var(--couleurRoseFonce) 100%);
}
.cfep-underline.principal {
    background-image: linear-gradient(120deg,var(--couleurPrincipale),var(--couleurPrincipale) 100%);
}
.cfep-underline {
    background-repeat: no-repeat;
    background-size: 100% 0.3em;
    background-position: 0 85%;
}
.shadow-rose-gauche {
    -webkit-box-shadow: -9px 10px 0px -2px var(--couleurRose);
    box-shadow: -9px 10px 0px -2px var(--couleurRose);
}
.shadow-bleu-gauche {
    -webkit-box-shadow: -9px 10px 0px -2px var(--couleurBleu);
    box-shadow: -9px 10px 0px -2px var(--couleurBleu);
}
.shadow-principal-gauche {
    -webkit-box-shadow: -9px 10px 0px -2px var(--couleurPrincipale);
    box-shadow: -9px 10px 0px -2px var(--couleurPrincipale);
}
.shadow-secondaire-gauche {
    -webkit-box-shadow: -9px 10px 0px -2px var(--couleurSecondaire);
    box-shadow: -9px 10px 0px -2px var(--couleurSecondaire);
}
.shadow-rose-droite {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurRose);
    box-shadow: 9px 10px 0px -2px var(--couleurRose);
}
.shadow-bleu-droite {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurBleu);
    box-shadow: 9px 10px 0px -2px var(--couleurBleu);
}
.shadow-principal-droite {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurPrincipale);
    box-shadow: 9px 10px 0px -2px var(--couleurPrincipale);
}
.shadow-secondaire-droite {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurSecondaire);
    box-shadow: 9px 10px 0px -2px var(--couleurSecondaire);
}
.shadow-rose-haut {
    -webkit-box-shadow: -12px -12px 0px -2px var(--couleurRose); 
    box-shadow: -12px -12px 0px -2px  var(--couleurRose); 
}
.shadow-bleu-haut {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurBleu);
    box-shadow: 9px 10px 0px -2px var(--couleurBleu);
}
.shadow-principal-haut {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurPrincipale);
    box-shadow: 9px 10px 0px -2px var(--couleurPrincipale);
}
.shadow-secondaire-haut {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurSecondaire);
    box-shadow: 9px 10px 0px -2px var(--couleurSecondaire);
}
.shadow-rose-bas {
    -webkit-box-shadow: 0px 31px 0px -20px var(--couleurRose); 
    box-shadow: 0px 31px 0px -20px var(--couleurRose); 
}
.shadow-bleu-bas {
    -webkit-box-shadow: 0px 31px 0px -20px var(--couleurBleu); 
    box-shadow: 0px 31px 0px -20px var(--couleurBleu); 
}
.shadow-principal-bas {
    -webkit-box-shadow: 0px 31px 0px -20px var(--couleurPrincipale); 
    box-shadow: 0px 31px 0px -20px var(--couleurPrincipale); 
}
.shadow-secondaire-bas {
    -webkit-box-shadow: 0px 31px 0px -20px var(--couleurSecondaire); 
    box-shadow: 0px 31px 0px -20px var(--couleurSecondaire); 
}

picture.aligncenter {
    text-align:center
}
.has-mauve-fonce-color{
    color: var(--couleurPrincipale)!important;
}
.has-rose-cfep-color{
    color: var(--couleurRose)!important;
}
.has-rouge-cfep-color{
    color: var(--couleurSecondaire)!important;
}
.has-rose-clair-cfep-color{
    color: var(--couleurRoseClair)!important;
}
.has-rose-fonce-cfep-color{
    color: var(--couleurRoseFonce)!important;
}
.has-bleu-cfep-color{
    color: var(--couleurBleu)!important;
}
.has-noir-cfep-color{
    color: #000!important;
}
.has-mauve-fonce-background-color{
    background-color: var(--couleurPrincipale)!important;
}
.has-rose-cfep-background-color{
    background-color: var(--couleurRose)!important;
}
.has-rouge-cfep-background-color{
    background-color: var(--couleurSecondaire)!important;
}
.has-rose-clair-cfep-background-color{
    background-color: var(--couleurRoseClair)!important;
}
.has-rose-fonce-cfep-background-color{
    background-color: var(--couleurRoseFonce)!important;
}
.has-bleu-cfep-background-color{
    background-color: var(--couleurBleu)!important;
}
.has-noir-cfep-background-color{
    background-color: #000!important;
}
/*\/ ---- 4. Balises générales */ 
ul {
    list-style: none;
    padding:0;
    margin:0;
}
.content ul {
    list-style-type: disc;
    padding:0.5rem 1rem 0.5rem 1rem;
}
a, a:visited{
    text-decoration: none;
    color:var(--couleurPrincipale);
}
a:hover {
    color:var(--couleurSecondaire);
}
.content a {
       text-decoration:underline;
}
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a {
    text-decoration:none;
}
.content h2 a:hover,
.content h3 a:hover,
.content h4 a:hover,
.content h5 a:hover,
.content h6 a:hover{
    color:var(--couleurSecondaire);
}

div.site-branding {
    padding-left: 2rem;
    width: 6rem;
    height: auto;
    margin: 0.5rem 0rem 0.5rem 0rem;

}

div.site-branding  a.logo{
    display:block!important;
}
@media(min-width:1200px){
    div.site-branding {
        width: 8rem;
    }
}

.card {
    border:0;
}
.card-body {
    padding:0!important;
}
section > article {
    padding-left: 0.625rem; 
    padding-right: 0.625rem; 
}
.socials {
    display: flex;
    list-style: none;
}
.notreCpt {
    margin:5% 0% 5% 0%!important;
    text-align:center;
}

ul.partenaires a {
    display:flex;
}
.partenaires ul {
    list-style: none;
}
/*ul.partenaires img {
    max-height: 4rem;
    width: auto;
}*/
.dateEvent {
    color:var(--couleurSecondaire);
    font-weight:600;
}
 a.button {
    font-family: var(--typoPrincipale);
    font-size: var(--tailleTypobase);
    text-transform: uppercase;
    padding:0.75rem var(--px40) 0.75rem var(--px40)!important;
    margin-top: var(--px30);
   /* margin-bottom: var(--px40);*/
}
.home a.button {
    padding:0.75rem var(--px30) 0.75rem var(--px30)!important;
    /*margin-top: 0; */
   /* margin-bottom: var(--px40);*/
}
@media(min-width:1200px){
    .home a.button {
        padding:0.75rem var(--px30) 0.75rem var(--px30)!important;
        margin-top:0;
       /* margin-bottom: var(--px40);*/
    }
    a.button {
        padding:0.75rem var(--px30) 0.75rem var(--px30)!important;
        margin-top: var(--px30);
       /* margin-bottom: var(--px40);*/
    }
}
.home .card-body p {
    margin-top: 0;
    margin-bottom: 0;
}
.encartAteliers a.button,
.encartProjets a.button,
section.newsletter a.button{
    margin-top: 0;
    margin-bottom: 0;
} 

main > article,
main > section, 
article  header.container-fluid   {
        margin-bottom: var(--px70);
 } 
footer > .description.footer {
    margin-top:var(--px70);
}



/* Formulaire Mailchimp */
.formulaireMailchimp {
    text-align:center;
    display: flex;
    justify-content: center;
    padding: 1rem;
}
.formulaireMailchimp input[type="email"] {
    width:19rem!important;
    margin:1rem;
 }
 .formulaireMailchimp input[type="submit"] {
    width:8rem!important;
    margin:1rem;
    border:0;
    background-color: var(--couleurPrincipale);
    color:white;
 }
.formulaireMailchimp input {
   margin:0.5rem;
}
#mc_embed_signup input.mce_inline_error {
    border-color: var(--couleurSecondaire)!important;
}
#mc_embed_signup div.mce_inline_error {
    margin: 0 0 1em 0;
    font-weight: bold;
    z-index: 1;
    background-color: var(--couleurRose)!important;
    color: var(--couleurSecondaire)!important;
    width: 19rem!important;
    margin-left: auto!important;
    margin-right: auto!important;
}
@media (min-width:480px) {
    .formulaireMailchimp input[type="email"] {
        width:24rem!important;
    }
}
/* Lien edit lorsqu'on est connecté */
footer.entry-footer {
    display: flex;
    justify-content: center;
}
footer.entry-footer span.edit-link{
    padding:1rem;
    background-color: var(--couleurPrincipale);
    color: white;
}
footer.entry-footer span.edit-link a{
    color: white;
}
/*\/ ---- 5. Header */
#page > header {
    border-bottom: 1px solid var(--couleurPrincipale);
}
nav  a {
    text-transform: uppercase;
}
nav.navbar > a {
    color:var(--couleurPrincipale);
}
.mlabReseaux ul {
    margin:0;
    padding:0;
}
nav.menuTop {
    font-family: var(--typoPrincipale);
    font-size: var(--tailleTyposm);
    background-color: var(--couleurPrincipale);
    color:white;
    height:40px;
    margin-left: 0px;
    margin-right:  0px;
}
nav.menuTop a, 
nav.menuTop a:visited{
        color: white;
}
nav.menuTop .socials li
{
    margin:0% 5% 0% 5%;
 
}
.socials.mobile li {
    margin:0.5rem 1rem 0.5rem 1rem;
 }

nav.menuTop .socials svg,
.socials.mobile  svg{
    width:25px;
    height: 22px;
}
nav.menuTop .socials svg.linkedin,
.socials.mobile svg.linkedin{
    width:25px;
    height: 20px;
}

nav.navbar {
   font-family: var(--typoPrincipale);
   font-size: var(--tailleTypomd);
   color: var(--couleurPrincipale);
   padding:0;
   /*border-bottom: 1px solid var(--couleurPrincipale);*/
   width: 100%;
   justify-content: flex-start;

}
/* Hamburger */
.navbar-light .navbar-toggler {
    border:0;
    border-radius:0;
    border-color: white!important;
    color:var(--couleurPrincipale);
    fill:var(--couleurPrincipale);
    margin-left: 1rem;
}
.navbar-light .navbar-toggler.collapsed, 
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:active{
    border:none!important;
    color:white;
    
}


.navbar-light .navbar-toggler
{
    border:none!important;
      color:white;
}
button[aria-expanded="true"]  .navbar-toggler-icon {
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PGcgZGF0YS1uYW1lPSJtZW51ICIgaWQ9Im1lbnVfIj48cGF0aCBkPSJNMjksNkgzQTEsMSwwLDAsMCwzLDhIMjlhMSwxLDAsMCwwLDAtMloiLz48cGF0aCBkPSJNMywxN0gxNmExLDEsMCwwLDAsMC0ySDNhMSwxLDAsMCwwLDAsMloiLz48cGF0aCBkPSJNMjUsMjRIM2ExLDEsMCwwLDAsMCwySDI1YTEsMSwwLDAsMCwwLTJaIi8+PC9nPjwvc3ZnPg==");
    transform:rotate(90deg);
}
button[aria-expanded="false"]  .navbar-toggler-icon {
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PGcgZGF0YS1uYW1lPSJtZW51ICIgaWQ9Im1lbnVfIj48cGF0aCBkPSJNMjksNkgzQTEsMSwwLDAsMCwzLDhIMjlhMSwxLDAsMCwwLDAtMloiLz48cGF0aCBkPSJNMywxN0gxNmExLDEsMCwwLDAsMC0ySDNhMSwxLDAsMCwwLDAsMloiLz48cGF0aCBkPSJNMjUsMjRIM2ExLDEsMCwwLDAsMCwySDI1YTEsMSwwLDAsMCwwLTJaIi8+PC9nPjwvc3ZnPg==");
    transform:rotate(0deg);
}
.navbar-light .navbar-nav .nav-link {
    color:var(--couleurPrincipale);
}
.navbar-light .navbar-nav .nav-link:focus
 {
    color:var(--couleurSecondaire);
}
.navbar-expand-lg .navbar-collapse {
    flex-basis:0%
}

/* Logo */
picture.custom-logo img {
    width: 100px;
    height: auto;
}
@media (min-width:1200px) {
    picture.custom-logo img {
        width: 150px;
        height: auto;
    }
}

nav ul#menu-menuprincipal{
    display:flex;
    height:6.5rem;
    width:90%;
}
@media (min-width:1400px){
    nav ul#menu-menuprincipal{
         width:70%;
    }
}
.dropdown:hover .dropdown-menu {
    display: block;
}
nav ul#menu-menuprincipal > li {
   height:auto;
   display: flex;
   z-index: 9999;
}
nav ul#menu-menuprincipal > li > a {
    margin: auto;
    color:var(--couleurPrincipale);
    text-transform: uppercase;
    font-weight:500;
}
nav ul#menu-menuprincipal > li > a:hover {
    color:var(--couleurSecondaire);
}

nav ul#menu-menuprincipal > li:last-child  {
    font-size: var(--tailleTypolg);    
    background-color: var(--couleurSecondaire);
    width: fit-content;
    padding-left: 5%;
    padding-right: 5%;
       
}
nav ul#menu-menuprincipal > li:last-child a span{
    color:white;
}

nav ul#menu-menuprincipal li ul {
    /*display: none;*/
    top:104px;
}
nav ul#menu-menuprincipal li ul.show {
    display: block;
}

/* Mobile */
.menu-mobile-container {
    padding-left:1rem;
}
div.s-investir {
    width:8rem;
    font-family: var(--typoPrincipale);
    font-size:var(--tailleTypomd);
}
@media (min-width: 600px) {  
    div.s-investir {
        width:12rem;
    }
}
@media (min-width: 992px) {  
    div.s-investir {
        width:14rem;
        font-size:var(--tailleTypomd);
    }
}
/*---- 6. Front-page  */
.home main.container-fluid > section,
    .home main.container-fluid > div
    {
    margin-bottom: var(--px40);
    }   
@media (min-width:1200px) {

    .home main.container-fluid > section,
    .home main.container-fluid > div
    {
    margin-bottom: var(--px70);

    }   
}

.home section.encartProjets,
footer.container-fluid > section
{
    margin-bottom: 0!important;
    
}
.home section.encartProjets,  
.home section.encartAteliers{
margin-left: 0px;
margin-right:  0px;
padding-left:0px;
padding-right:0px;
}
.home section.encartProjets > div,  
.home section.encartAteliers > div{
padding-left:0px;
padding-right:0px;
}
/* -------- 6.1 Banner ----*/
.banner .description {
    font-size: var(--tailleTyposm);
    width:80%;
}

@media (min-width: 768px) {  
    .banner .description  {
        font-size: var(--tailleTyposm);
    }
}
@media (min-width: 992px) {  
    .banner .description  {
        font-size: var(--tailleTypomd);
    }
}
@media (min-width: 1200px) {  
    .home section,
    .banner {
        margin-bottom: var(--px70);
    }
    .banner .description  {
        font-size: var(--tailleTypolg);
    }
}
@media (min-width: 1400px) {  
    .banner .description  {
        font-size: var(--tailleTypoxl);
    }
}
/* -------- 6.2 Présentation */



.encartPresentation .presentation {
    text-align: center;
    font-size: var(--tailleTypobase);
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.encartPresentation  svg {
   max-height:100px;
}

.encartPresentation .card-body{
    padding:0!important;
}
@media (min-width: 576px) {
   
}
@media (min-width: 768px) {  
  
    .encartPresentation  svg {
        max-height:150px;
     }
}
@media (min-width: 992px) {  
    .encartPresentation > div > div.row {
        margin-bottom:var(--px50);
    }
}
@media (min-width: 1200px) {  
  
}


/*\/ -------- 6.3  Encarts Visuels  */


.home main.container-fluid > section.encartEvents h2{
    margin-bottom:var(--px20);
}
.encartProjets h2{
    color:white;
}
.home footer h2 {
    margin-top:0;

}
 .encartBloc {
    margin:auto;
    padding:var(--px40) var(--px35) var(--px40) var(--px35);
    color:white;
    display: flex;
    flex-direction: column;
}
@media(min-width:768px){
    .encartBloc h2 {
        margin-bottom:var(--px20);
    }
    .encartBloc {
        padding:var(--px40) var(--px35) var(--px10) var(--px35);
    }
}
.encartBloc h2 {
    margin-top: 0;
}

@media(min-width:1200px){
    .encartBloc {
        padding:var(--px50) var(--px100) var(--px50) var(--px100);
    }
    .encartBloc h2 {
        margin-bottom:var(--px50);
    }
}
@media(min-width:1400px){
    .encartBloc {
        padding:var(--px70) var(--px140) var(--px70) var(--px140);
    }
    .encartBloc h2 {
        margin-bottom:var(--px50);
    }
}
 .encartBloc a  {
    background-color: var(--couleurPrincipale);
}

.encartAteliers h2,
.encartProjets h2,
section.newsletter h2{
    margin-bottom: var(--px30);
} 

/*\/ -------- 6.4 Events */
.home .encartEvents h2 {
    margin-bottom: var(--px50);
}
.encartEvents > div {
    position:relative;
    margin-top:var(--px30);
}
.encartEvents p {
    color:var(--couleurPrincipale);
   font-size:var(--tailleTyposm);
}
.encartEvents p.date {
    color:var(--couleurSecondaire);
    font-weight: 600;
    margin-bottom:0.5rem
}
.encartEvents svg {
    height:15px;
}

/*\/ -------- 6.5 Témoignages */

.encartTemoignages {
    font-family: 'parkside', Courier, monospace;
    font-size :var(--tailleTypoxl);
    padding-bottom: var(--px40);
    padding-top:var(--px70);
}
@media(min-width: 992px) {
     .encartTemoignages {
       padding-bottom: calc(var(--px70) + 50px);/* Valur de la position abslue des indicators */
       margin-bottom: var(--px70);
       
    }
}
.encartTemoignages h3{
    font-family: 'parkside', Courier, monospace;
    font-weight:700;
    font-size :var(--tailleTypoxl);
}
.encartTemoignages .card-body {
    max-height:20rem;
    overflow:hidden;
} 
.encartTemoignages   img{
   max-height: 30px ;
   width:auto;
   margin-right:3%;
   border-radius: 20px;
}
.encartTemoignages   svg{
    height: 50px ;
    width:50px;

 }
 .encartTemoignages  svg.svgRotate{
    transform: rotate(180deg);
 }
 
 .encartTemoignages .carousel-indicators {
    bottom:-25px!important;
 }

 @media(min-width:992px) {
    .encartTemoignages .carousel-indicators {
        bottom:-50px!important;
    }
 }

 @media(min-width:1200px){
    .encartTemoignages .card-body {
        min-height: 7rem;
        max-height:20rem;
        overflow:hidden;
    } 
 }

 /*\/---- 7. Patterns et ses composants */
        
/*\/ -------- 7.1 Globaux */
    .content  > div.wp-block-columns > div > div,
    .content  > div.wp-block-columns > div > figure,
    .content  > div.wp-block-columns > div > section,  
    .content  > div.wp-block-columns > div > aside,  
    .content  >  p,
    .content  > div,
    .content  > figure,
    .content  > section,
    .content  > aside
       {
        margin:2rem 0rem 2rem 0rem;
    }
    div.yoast-breadcrumbs,
    div.wp-block-columns {
        margin:1rem 0rem 1rem 0rem;
    }
    .home div.date {
        margin:0;
    }
    @media(min-width:1200px){
        div.date {    
             margin : 2rem 0rem 2rem 0rem;
     }
    }
    /* Media querie dûe au problème BS > Wordpress */
    @media (min-width: 600px) and (max-width: 781px){
        .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.col-gauche:not(:only-child),
        .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.col-droite:not(:only-child)
        {
            flex-basis: 100%!important;
            flex-grow: 0;
        }
        .wp-block-columns.box-images:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
            margin-left: 0;
        }
    }
    @media (min-width: 768px) {
        .col-gauche {
           order: 2!important;
        }
        .col-droite {
           order:1!important;
        }
        .wp-block-columns.box-images:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
            margin-left: 0;
        }
    }
    
    @media (min-width: 782px)  {  
        .col-gauche {
            order: 1!important;
         }
         .col-droite {
            order:2!important;
         }
    }

/*\/ -------- 7.2 Bannière du haut */

    .div-entete{
    display: flex;
    align-self: center;
    height: 15rem;
    margin-top : -6rem;
    justify-content: center;
    padding: var(--px40) var(--px35) var(--px40) var(--px35);
    width:90%;
    z-index:1000;
    }

   .home  .div-entete h1 {
        margin-bottom: var(--px30);
    }
    
    /*\/ Breakpoints de M ... */
 
    @media (min-width: 576px){
        section.newsletter.container > div,
        .container-fluid > div { 
            flex-basis: 50%;
        }
 
        .div-entete{
            width:auto;
         }
        
        /*.page .container-fluid .div-entete {
            margin-right:-5rem!important;
        }*/
        .home  .flex-sm-row  .div-entete {
            height:12rem;
        }
       .flex-sm-row  .div-entete,
       .flex-sm-row-reverse  .div-entete {
        height: 7rem;
        margin-top: 0em;
       }
       .flex-sm-row  .div-entete {
          margin-left: -2rem!important;
        }
        .flex-sm-row-reverse  .div-entete {
            margin-right: -2rem!important;
        }
    }
    @media (min-width: 600px) {
       
        .container-fluid > div { 
            flex-basis: 50%;
        }
        /*.page .container-fluid .div-entete {
            margin-right:-3rem!important;
        }*/
        .post-type-archive-tribe_events .container-fluid .div-entete {
            margin-right:-5rem!important;
        }
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height: 8rem;
            margin-top: 0rem;
        }
        .flex-sm-row  .div-entete {
            margin-left: -2rem!important;
        }
        .flex-sm-row-reverse  .div-entete {
            margin-right: -2rem!important;
        }
    }
    @media (min-width: 768px) {
     
    }
    @media (min-width: 782px)  {  
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height:11rem; 
        }
    }
    @media (min-width: 960px)   {  
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height:13rem;
        }
        .flex-sm-row .div-entete{
            margin-left: -5rem!important;
        }
        .flex-sm-row-reverse  .div-entete{
            margin-right: -5rem!important;   
        }
    } 
    @media (min-width:992px)  {  
        .home  .flex-sm-row  .div-entete {
            height:14rem;
        }
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height:13.5rem;
        }
        .flex-sm-row .div-entete{
            margin-left: -5rem!important;
        }
        .flex-sm-row-reverse  .div-entete{
            height:13.5rem;
            margin-right: -5rem!important;   
        }
    }
    @media (min-width: 1080px)   {  
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height:15rem;
        }
        .flex-sm-row  .div-entete{
            margin-left: -5rem!important;                    
        }
        .flex-sm-row-reverse  .div-entete{
            margin-right: -5rem!important;                 
        }
    }
    @media (min-width: 1200px)   {  
        .div-entete {
            padding:var(--px60);
        }
        .home  .div-entete h1 {
            margin-bottom: var(--px50);
        }
        .home  .flex-sm-row > .div-entete {
            height:16rem;
        }
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height:15rem;
        }
        .flex-sm-row .div-entete{
            margin-left: -5rem!important;                    
        }
        .flex-sm-row-reverse  .div-entete{
            margin-right: -5rem!important;                    
        }
    }
    @media (min-width: 1280px) {  
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height:15rem;
        }
        .flex-sm-row  .div-entete{
            margin-left: -5rem!important;
        }
        .flex-sm-row-reverse  .div-entete{
            margin-right: -5rem!important;   
        }
    }
    @media (min-width: 1400px) {  
        .home  .flex-sm-row  .div-entete {
            height:20rem;
        }
        .flex-sm-row  .div-entete,
        .flex-sm-row-reverse  .div-entete {
            height:18rem;
        }
        .flex-sm-row .div-entete{
            margin-left: -5rem!important;
        }
        .flex-sm-reverse .div-entete{
            margin-right: -5rem!important;   
        }
    }
    @media (min-width: 1440px)  { 
        .flex-sm-row > .div-entete,
        .flex-sm-row-reverse > .div-entete {
            height:20rem;
        }
   }
/*\/ -------- 7.3 Encadré rose   */
    .p-entete {
        font-family: var(--typoPrincipale);
        font-size:var(--tailleTypomd);
        min-height: 5rem;
        padding:var(--px30) var(--px20) var(--px30)var(--px20);
        margin-bottom:2rem;
    }

    @media(min-width : 1200px){
        .p-entete {
            padding:var(--px60);
            margin-bottom:2rem;
        }
    }

/*\/ -------- 7.4 Encadré bloc date    */
    .group-date-atelier {
        color:var(--couleurSecondaire);
        font-size:var(--tailleTyposm);
        margin:2% 0% 2% 0%;
    }
    .group-date-atelier:before {
        display: inline-flex;
        content: '';
        background-image: url('../img/calendrier.svg');
        background-size: 40px 40px;
        height: 40px;
        width: 40px;
        float:left;
    }
    .group-date-atelier .date-projet{
        font-size:var(--tailleTypobase);
        font-weight:700;
    }
    .group-date-atelier > div > p{
        margin-bottom: 0.2rem;
    }
    .group-date-atelier::before {
        color:var(--couleurSecondaire)
    }

/*\/ -------- 7.4 Encadré bloc Mis en Avant    */    
.wp-block-group__inner-container > div {
    gap:0!important;
}

.bloc-en-avant-atelier .wp-container-10 {
    display: flex;
    align-items: center!important;
}


.wp-block-group.bloc-flex-image  {
    margin-top:6rem!important;
    padding:0rem var(--px20) var(--px40) var(--px20);
}
@media (min-width:1200px){
    .wp-block-group.bloc-flex-image  {
        margin-top:6rem!important;
        padding:0rem var(--px50) var(--px20) var(--px50);
    }
}
.wp-block-group.bloc-flex-image   .flex-col-texte,
.wp-block-group.bloc-flex-image   .flex-col-image
{
    display: flex;
    flex-direction: column;
}
.wp-block-group.bloc-flex-image   .flex-col-texte {
    padding:var(--px50) ;
} 
.wp-block-group.bloc-flex-image   .texte {
    align-items: center;
}
.wp-block-group.bloc-flex-image  .flex-col-image picture{
    display:flex;
    justify-content: center;
}

.wp-block-group.bloc-flex-image.img-droite img, 
.wp-block-group.bloc-flex-image.img-gauche img {
    margin-top: -3rem;
    width:90%;
    margin-left: auto!important;
    margin-right: auto!important;
  
}
.wp-block-group.bloc-flex-image.img-droite img {
    -webkit-box-shadow: -9px 10px 0px -2px var(--couleurRose);
    box-shadow: -9px 10px 0px -2px var(--couleurRose);
}
.wp-block-group.bloc-flex-image.img-gauche img {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurRose);
    box-shadow: 9px 10px 0px -2px var(--couleurRose);
}
.wp-block-group.bloc-flex-image.bg-rose-clair.img-droite img {
    -webkit-box-shadow: -9px 10px 0px -2px var(--couleurBleu);
    box-shadow: -9px 10px 0px -2px var(--couleurBleu);
}
.wp-block-group.bloc-flex-image.bg-rose-clair.img-gauche img {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurBleu);
    box-shadow: 9px 10px 0px -2px var(--couleuBleu);
}
.wp-block-group.bloc-flex-image .flex-col-texte  {
    order:2;
    padding:1rem;   
}
.wp-block-group.bloc-flex-image.img-gauche .flex-col-image,
.wp-block-group.bloc-flex-image.img-droite .flex-col-image  {
    order:1;
    flex-basis: 40%!important;
}
@media (min-width:600px){
    .wp-block-group.bloc-flex-image.img-droite .flex-col-texte  {
        order:1;
        padding:2rem;   
        /*flex-basis: 60%!important;*/
    }
    .wp-block-group.bloc-flex-image.img-droite .flex-col-image  {
        order:2;
        /*flex-basis: 40%!important;*/
    }
    .wp-block-group.bloc-flex-image.img-gauche .flex-col-texte  {
        order:2;
        padding:2rem;   
        /*flex-basis: 60%!important;*/
    }
    .wp-block-group.bloc-flex-image.img-gauche .flex-col-image  {
        order:1;
        /*flex-basis: 40%!important;*/
    }
}

/*\/ -------- 7.5 Encadré bloc avec une image    */  

 /*\/ -------- 7.5.3 Encadré bloc deux images en bas   */     
  .flex-bloc-img-bas  {
    display:flex;
    flex-direction: column;
  }
  .wp-block-columns.box-images{
      gap:2rem!important;
  }
  .box-images {
    display: grid!important;
    grid-gap: 20px!important;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(1, auto);
 }
 .box-images > div:nth-child(1){
     grid-column:  2 / span 2;
  }
 .box-images > div:nth-child(2){
     grid-column:  4 / span 2;
   }
   .box-images > div:nth-child(1){
    grid-column:  2 / span 2;
 }
.box-images > div:nth-child(2){
    grid-column:  4 / span 2;
  }
  .box-images figure img {
    -webkit-box-shadow: -9px 10px 0px -2px var(--couleurRose);
    box-shadow: -9px 10px 0px -2px var(--couleurRose);
  }

/*\/ -------- 7.5.4 Test Flex-image */

/*\/ Autres media queries à prévoir */

  /*\/ -------- 7.5.4 Blocs Media-Texte */
  .media-texte {
    padding-bottom: 30px;
    margin-top:100px!important;
}
  .wp-block-media-text .wp-block-media-text__content {
    align-self: flex-start;
}
  .media-texte.bg-bleu.img-gauche img {
    -webkit-box-shadow: 9px 10px 0px -2px var(--couleurRose);
    box-shadow: 9px 10px 0px -2px var(--couleurRose);
    margin-top: -2.5rem;
    width:90%;
}
.media-texte figure {
    width:90%;
}
.media-texte.bg-bleu.img-gauche .wp-block-media-text__media{
   /* -webkit-box-shadow: 9px 10px 0px -2px var(--couleurRose);
    box-shadow: 9px 10px 0px -2px var(--couleurRose);*/
    margin-top: -2.5rem;
    margin-left:1.5rem;
}
.media-texte.bg-bleu.img-droite .wp-block-media-text__media{
    /*-webkit-box-shadow: -9px 10px 0px -2px var(--couleurRose);
    box-shadow: -9px 10px 0px -2px var(--couleurRose);*/
    margin-top: -2.5rem;
    margin-left:1.5rem;
}
.media-texte.bg-rose.img-gauche .wp-block-media-text__media{
   /* -webkit-box-shadow: 9px 10px 0px -2px var(--couleurBleu);
    box-shadow: 9px 10px 0px -2px var(--couleurBleu);*/
    margin-top: -2.5rem;
    margin-left:1.5rem;
}
.media-texte.bg-rose.img-droite .wp-block-media-text__media{
   /* -webkit-box-shadow: -9px 10px 0px -2px var(--couleurBleu);
    box-shadow: -9px 10px 0px -2px var(--couleurBleu);*/
    margin-top: -2.5rem;
    margin-left:1.5rem;
}
@media(min-width:600px){
    .media-texte.bg-bleu.img-gauche img{
        margin-left:1.5rem;
    }
    .media-texte.bg-bleu.img-gauche .wp-block-media-text__media{
       /* -webkit-box-shadow: 9px 10px 0px -2px var(--couleurRose);
        box-shadow: 9px 10px 0px -2px var(--couleurRose);*/
        margin-top: -2.5rem;
        width:92%;
    }
    .media-texte.bg-bleu.img-droite .wp-block-media-text__media{
       /* -webkit-box-shadow: -9px 10px 0px -2px var(--couleurRose);
        box-shadow: -9px 10px 0px -2px var(--couleurRose);*/
        margin-top: -2.5rem;
        margin-left:1.5rem;
        width:92%;
    }
}

/*\/ -------- 7.6 Encadré bloc avec bouton   */     
    .bloc-bouton {
        width: 60%;
        padding: 2%!important;
        margin: 4rem 0rem 4rem 0rem;
    }
    .bloc-bouton > div h3 {
        color: white;
    }

/*\/ -------- 7.7 Encadré bloc S'investir  */
/*.wp-block-button__link {
    margin-bottom: 2rem!important;
} */ 
.bloc-membre {
    margin-right:0rem!important;
}
.bloc-benevolat {
    margin-left:0rem!important;
}
.bloc-stages,
.bloc-jobs,
.bloc-benevolat,
.bloc-membre {
margin-top: 15%;
padding : 0rem var(--px60) var(--px60) var(--px60);
}
.bloc-stages .wp-block-image,
.bloc-jobs .wp-block-image,
.bloc-benevolat .wp-block-image,
.bloc-membre .wp-block-image,
.bloc-stages p{
margin-bottom : var(--px50); 
}

@media (min-width: 782px)   {  
    .bloc-membre {
        margin-right:1rem!important;
    }
    .bloc-benevolat {
        margin-left:1rem!important;
    }
}
@media (min-width: 1200px)   {  
    .bloc-membre {
        margin-right:3rem!important;
    }
    .bloc-benevolat {
        margin-left:3rem!important;
    }
    .bloc-stages,
    .bloc-jobs,
    .bloc-benevolat,
    .bloc-membre {
    margin-top: 10%;
    }
 }
 /*\/ -------- 7.8 Encadré Projet.s à la une  */
 .projetsUne > section {
     margin-top:2rem;
     font-size: var(--tailleTypoxs);
 }
 .projetsUne > section > div > p {
    display: none;
}
 .projetsUne .div-entete{
    width:23rem;
    margin-left: auto;
    margin-right:auto;
    padding:1rem;
 }
 @media (min-width: 576px){

    
 }
@media (min-width: 600px) {
    .projetsUne > section {
        margin-top:2rem;
        font-size: var(--tailleTypoxs);
    }
    .projetsUne > section > div{
       flex-basis:50%;
    }
    .projetsUne .div-entete{
        width:23rem;
        margin-left: auto;
        padding:1rem;
    }
    .projetsUne .div-entete.reverse {
        margin-right:-1rem!important;
     }
}
@media (min-width: 768px) {
    .projetsUne > section {
        font-size: var(--tailleTyposm);
    }
    .projetsUne > section > div > p {
        display: inline-flex;
    }
    .projetsUne .div-entete.reverse {
        margin-right:-2rem!important;
     }
}
@media (min-width: 782px)  {  

}
@media (min-width: 960px)   {  
   
} 
@media (min-width:992px)  {  
    .projetsUne .div-entete.reverse {
        margin-right:-5rem!important;
     }
}
@media (min-width: 1080px)   {  

}
@media (min-width: 1200px)   {  
    .projetsUne > section {
        font-size: var(--tailleTypobase);
    }
}
@media (min-width: 1280px) {  
   
}
@media (min-width: 1400px) {  
 
}
@media (min-width: 1440px)  { 

}
/*\/  ----  8. Footer */ 
footer .footer {
    background-color: var(--couleurPrincipale);
    color:white;
    padding: var(--paddingPrincipal);
}
footer .footer a{
       color:white;
}
footer ul.partenaires li{
    margin-left:var(--px10);
    margin-right:var(--px10);
}
/*footer #menu-menubottom li{
    padding:0;
    
}
footer #menu-menubottom li::after{
    content:'.';
    color:white;
    font-size: var(--tailleTypolg);
    padding:0% 1% 0% 1%;
}
footer #menu-menubottom li:last-child::after{
    content:'';
}*/
.footer ul#menu-menubottom	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer ul#menu-menubottom li	{
	display: inline-block;
	padding: 0 6px 0 0;
}



.footer ul#menu-menubottom li:before {
	content: "\00b7";
	display: inline-block;
	margin-right: 8px;
}

.footer ul#menu-menubottom li:first-child:before,
.footer .children li:before {
	content: "";
	display: none;
}
footer svg.logoFooter{
    width:5rem;
    height:auto;
    margin-right:1rem;
}

footer ul.socials li svg  {
    width:35px;
    height:35px;
}
footer ul.socials li {
    padding:1rem;
}

/*\/ ---- 9. Plugins */
/*\/ -------- 9.1  Contact Form7  */
    .mlab-cf7 {
        padding-top: 50px;
    }
    .wpcf7-form,
    .wpcf7-form label {
        width: 100%!important;
        color:var(--couleurPrincipale);
        font-weight: 700;
    }
    .wpcf7-form fieldset {
        padding:2rem 1rem 2rem 1rem;
        border : 1px solid var(--couleurBleu);
    }

    .wpcf7-form input[type="text"], 
    .wpcf7-form  input[type="email"], 
    input[type="url"], 
    input[type="password"],
    input[type="search"],
    input[type="number"],
    input[type="tel"], 
    input[type="range"],
     input[type="date"],
    input[type="month"], 
    input[type="week"], 
    input[type="time"],
     input[type="datetime"], 
    input[type="datetime-local"], 
    input[type="color"], 
    select, 
    textarea {
    width:100% !important;
    background-color: var(--couleurBleu);
    border: none;
    }
    .wpcf7-form select{
        padding:0.35rem;
        
    }
    .wpcf7-form input[type="submit"] {
        padding: 0.7rem 3rem 0.7rem 3rem;
        background-color: var(--couleurPrincipale);
        border:none;
        color:white;
        text-transform:uppercase;
        border-radius: 0;
    }

/*\/ -------- 9.2  Events calendar  */
    /*/\/  Liste Evenements tribe\events\ v2 \ list\ event.php */
    .tribe-events-calendar-list{
        display:flex;
        width:100%;
        /*flex-direction:column;*/
        flex-wrap: wrap;
    }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
   /*width:100%;*/
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    text-align: left;
}


/*\/ Amusez-vous */
.tribe-common {
    font-family: var(--typoPrincipale)!important;    
}
.tribe-common .mlab_event {
    margin:0rem;
    padding:0.75rem;
 }
 .tribe-common .mlab_event article {
    display:flex;
 }
 .tribe-common .tribe-common-b2,
 .tribe-common .tribe-common-h3 {
    font-family: var(--typoSecondaire)!important;    
 }
.tribe-common .mlab_event h3{
    font-family: var(--typoPrincipale)!important;    
}
.tribe-common .mlab_event .card {
    padding:0.5rem;
    /*border:1px solid var(--couleurSecondaire);*/
}
.tribe-common .mlab_event .card .card-body{
    padding:0.5rem 0rem 0.5rem 0rem;
    font-family: var(--typoSecondaire)!important;    
}
.tribe-common .mlab_event .card li.catItem.ateliers{
    padding:0.2rem 0.5rem 0.2rem 0.5rem;
    background-color: var(--couleurSecondaire);
    color: white;   
}
.tribe-common .mlab_event .card li{
    margin:0.5rem 0.2rem 0.5rem 0.2rem;
    font-size:var(--tailleTyposm);
}
.tribe-common .mlab_event .card li:last-child{
    margin-right:0rem;
}
.tribe-common .mlab_event .card li.catItem.bien-etre{
    padding:0.2rem 0.5rem 0.2rem 0.5rem;
    background-color: var(--couleurBleu);
    color: var(--couleurSecondaire);   
}
.tribe-common .mlab_event .card:hover {
    /* box-shadow: 5px 2px 2px  var(--couleurSecondaire);*/

}
.tribe-events-calendar-list  .mlab_event img {
    max-width:400px;
    padding-right:20px;
}
/*\/ Single Events */
#tribe-events-pg-template {
    max-width:1320px;
}
.tribe-events-back {
    margin-bottom:1rem!important;
}
#tribe-events-pg-template nav a {
   text-transform:capitalize;
}

div.tribe-events-single-section{
    flex-basis:50%!important;
    font-family: var(--typoSecondaire)!important;
}
/*div.tribe-events-single-section .tribe-events-meta-group {
    flex: 0 !important;
    flex-basis:50%;
}*/
div.tribe-events-single-section h2{
    font-family: var(--typoPrincipale)!important;
    color:var(--couleurSecondaire)!important;
    font-size:var(--tailleTypomd)!important;
    text-transform: capitalize!important;
    letter-spacing: normal!important;
}
div.catEvent  {
    display:flex;
    align-items: center;
}
div.catEvent h2 {
   font-size: var(--tailleTypobase);
   margin:0;
}
.catEvent li{
    display: flex;
    margin:0.5rem 0.2rem 0.5rem 0.2rem;
    font-size:var(--tailleTyposm);
    width:10rem;
    justify-content: center;
}

.catEvent li.catItem.id24{
    padding:0.2rem 0.5rem 0.2rem 0.5rem;
    background-color: var(--couleurBleu);
    color: var(--couleurSecondaire);   
}
.catEvent li.catItem.id23{
    padding:0.2rem 0.5rem 0.2rem 0.5rem;
    background-color: var(--couleurSecondaire);
    color: white;   
}
#tribe-events-footer  {
    border-top: 1px solid var(--couleurSecondaire)!important;
}
 /*\/ ---- 10. Accessibilité */
.sr-only {
    position: absolute;
    margin: -1px 0 0 -1px;
    padding: 0;
    display: block;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    outline: 0;
    }

  /*\/ Pagination piquée à BS */
ul.page-numbers {
    display: flex;
    padding-left: 0;
    list-style: none;
    border:none;
    padding-left:0;
    margin: 1% 0% 1%;
    justify-content: center;
    
}

a.page-numbers, span.page-numbers {
    padding: 0.375rem 0.75rem;
}
a.page-numbers, span.page-numbers {
    position: relative;
    display: block;
    color: var(--couleurPrincipale);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
 
}

a.page-numbers:hover,  span.page-numbers {
    background-color: #dee2e6;
    transition:  background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* Page asbl avec equipe */
article.author .userInfos {
    margin:10% 0% 0%;   
 }

 
 /*\/ Rajout New dev */
 a.button.bg-secondaire:hover {
    /*border:1px solid var(--couleurSecondaire)!important;*/
    background-color: var(--couleurPrincipale)!important;
    /*color:#C20223!important;*/
 }
 a.button:hover {
    /*border:1px solid var(--couleurSecondaire)!important;*/
    background-color: var(--couleurSecondaire)!important;
    /*color:#C20223!important;*/
 }
 .encartProjets a.button:hover {
    background-color: var(--couleurBleu)!important;
    color:var(--couleurPrincipale)!important;
 }
 #menu-menubottom a:hover {
    text-decoration: underline;
 }

  /*\/ Rajout New dev */
  a.button.bg-secondaire:hover {
    /*border:1px solid var(--couleurSecondaire)!important;*/
    background-color: var(--couleurPrincipale)!important;
    /*color:#C20223!important;*/
 }
 a.button:hover {
    /*border:1px solid var(--couleurSecondaire)!important;*/
    background-color: var(--couleurSecondaire)!important;
    /*color:#C20223!important;*/
 }
 .encartProjets a.button:hover {
    background-color: var(--couleurBleu)!important;
    color:var(--couleurPrincipale)!important;
 }
 #menu-menubottom a:hover {
    text-decoration: underline;
 }

.home .div-entete {
    width:90%;height: 18rem;
}
.home .flex-sm-row .div-entete {
        margin-left: 0rem !important;
        margin-top:-6rem;
    }
.home .div-entete h1 {
        margin-bottom: 10px!important;
        font-size: var(--tailleTypolg)!important;
}
 .home .banner-70 {
        flex-direction:column!important;
    }
@media (min-width: 600px) {
   
    .home .div-entete h1 {
        margin-bottom: var(--px30)!important;
        font-size: var(--tailleTypoxl)!important;
    }
}


@media (min-width: 1200px) {
    .home .flex-sm-row > .div-entete {
        height: 20rem;
        margin-left: -5rem !important;
        margin-top:unset;
    }
    .home .banner-70 {
        flex-direction:row!important;
    }
    .home .div-entete h1 {
        margin-bottom: var(--px30)!important;
        font-size: var(--tailleTypoxl)!important;
    }
}


@media (min-width: 1400px) {
    .home .flex-sm-row > .div-entete {
        height: 23rem;
        margin-left: -5rem !important;
        margin-top:unset;
    }
    .home .div-entete h1 {
        margin-bottom:var(--px30)!important;
        font-size:var(--tailleTypoxxl)!important;
    }
}