/* caveat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/caveat-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* caveat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/caveat-v17-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/caveat-v17-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* caveat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/caveat-v17-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/caveat-v17-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v35-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v35-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v35-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v35-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v35-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v35-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root { 
/*1. background blanc*/ 
--body-bg: #ffffff; 
/*2. Make Text noir*/ 
--body-color: #000000;
/*3. Adjust Cassiopeia Color Scheme*/ 
--cassiopeia-color-primary: #ffffff; 
--cassiopeia-color-link: #000000; 
--cassiopeia-color-hover: #ffffff; 
--cassiopeia-font-family-body: 'Open Sans', sans-serif;
}


/*couleurs des liens l'ordre est important hover et active doivent être placés en dernier*/
a:link { 
    text-decoration: none !important;
} 
a:visited {
t   ext-decoration: none !important;
}
a:hover { 
    text-decoration: none !important;
    color: #cc0404 !important;
 }
a:active {
    text-decoration: none !important;
    color: #cc0404 !important;
 }
 

/*---Pour que les liens des menus restent rouges quand ils sont actifs---*/
.mod-menu.mod-list.nav.menu-horizontal li.current > a, .mod-menu.mod-list.nav.menu-horizontal a:hover {
 color: #cc0404 !important;
 }

.mod-menu.mod-list.nav.menu-horizontal li.current > a, .mod-menu.mod-list.nav.menu-horizontal a:active {
 color: #cc0404 !important;
 }
   
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-astro li.current > a, .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-astro a:hover {
    color: #cc0404 !important;
}

.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-asso li.current > a, .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-asso a:hover {
    color: #cc0404 !important;
}

.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-galerie li.current > a, .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-galerie a:hover {
    color: #cc0404 !important;
    min-width: 100%
}


/*---Pour configurer le menu horizontal---*/
.mod-menu.mod-list.nav.menu-horizontal li.current > a, .mod-menu.mod-list.nav.menu-horizontal {
    font-size: 1.3rem; /*-Pour augmenter la taille du texte des liens du menu horizontal-*/
    justify-content : center !important; /* Pour centrer le menu horizontal */
}

/* Pour séparer les onglets du menu horizontal */
.mod-list li {
     margin: 0 1.2em !important;
}

/*---Pour que le menu apparaisse en responsive---*/
#navbar1 {
    display: block;  
}

/* ----- Pour que les liens du menu horizontal restent sur la même ligne ----- */
.navbar.navbar-expand-md {
    width: 100% !important;
    border-top: 2px #606060 solid; /*---Pour mettre une bordure au-dessus du menu horizontal---*/
    border-bottom: 2px #606060 solid; /*___Pour mettre une bordure en-dessous du menu horizontal---*/
}

/* ----- Pour qu'il n'y ait pas d'espace entre la bordure et les liens de menu sur smartphone ----- */
button, [type="button"], [type="reset"], [type="submit"] {
    display: none;
}


 /* ----- Pour que les liens du menu soient écrits en noir ----- */
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
    color: #000000; 
    position: relative;
    text-decoration: none;
}

/*---Pour que les liens du menu vertical soient noirs---*/ 
a {
    color: #000000;
}
  

/*---pour supprimer les marges autour de copyright---*/
.card-body {
    padding: 0px !important;
}
/*---pour créer un espace au-dessus du copyright---*/ 
    #mod-custom113 {
        margin-top: 1em !important;
}

/*---pour paramétrer le texte du copyright après avoir créé la classe copyright dans l'onglet avancé---*/
.h6 {
    font-family: 'comic sans ms', sans-serif;
    font-size: 0,5em;!important;
    line-height: 0,5em !important;
    font-weight: 200 !important;
} 


/* Pour positionner le texte de "Astrocartes" avec le module personnalisé*/ 
#mod-custom117 {
    margin-top: 3% !important;
    margin-left: 11% !important;
    margin-right: 13% !important;
} 
    
/* Pour positionner le texte de "Accueil" avec le module personnalisé*/ 
#mod-custom112 {
    margin-left: 13% !important;
    margin-right: 13% !important;
    margin-top: 1em !important;
} 

/* Pour positionner le texte de "Liens" avec le module personnalisé*/ 
#mod-custom118 {
    margin-top: 3% !important;
    margin-left: 11% !important;
    margin-right: 13% !important;
} 

/*--- Pour que le logo occupe la largeur de l'écran ---*/ 
.nouveau-logo {
   min-width: 100%;
}

/*---pour que le positionnement du logo évolue---*/
.container-topbar {
    margin-left: 5% !important;
    margin-right: 5% !important;
    height: 8rem !important;
}

/* Pour positionner la fiche contact*/ 
.com-contact.contact {
    margin-left: 11% !important;
    margin-right: 13% !important;
}

/* Pour changer la couleur du nom dans fiche contact */	
.contact-name { 
    color: #cc0404 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 80%;
    font-weight: 400;
}

/* Pour diminuer les espaces dans la fiche contact */	
 .com-contact__container {
    grid-gap: 1rem;
    display: block;
    grid-template-columns: repeat(4,min-content);
    grid-template-rows: repeat(4,auto);
    margin-bottom: 1em;
}

/* Pour supprimer "contact" */
.com-contact__container .h3, .com-contact__container h3 { 
    display: none;   
}

/* Pour supprimer "formulaire de contact" */
.com-contact.contact h3 { 
    display: none;   
}

/* Pour centrer les galeries dessus-desssous */
#sigFreeIdea3942e9e5 {
    padding-left: 10% !important;
}
#sigFreeId287e3dcd52 {
    padding-left: 10% !important;
}
#sigFreeId04b086f5bd {
    padding-left: 10% !important;
}
#sigFreeIdcece2dff48 {
    padding-left: 10% !important;
}
#sigFreeId69572b065b {
    padding-left: 10% !important;
}

/* Pour que le fond soit blanc derrière les photos  */
 .fancybox-is-open .fancybox-bg {
    background-color: #ffffff;
    opacity: 1 !important;
}
/* Pour diminuer la partie réservée à la légende des photos  */
  .fancybox-caption.fancybox-caption--separate {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Pour que le fond sous les boutons soit transparent  */
.fancybox-button {
    background: rgba(255, 255, 255,0) !important;
}
    
/* Pour que les flèches restent apparentes après le clic  */
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #000000 !important;
}

/* Pour supprimer le bouton vignettes  */    
.fancybox-button.fancybox-button--thumbs {
    display: none;
}
 
/* Pour supprimer le bouton zoom  */       
.fancybox-button.fancybox-button--zoom {
    display: none  !important;
}

/* Pour supprimer le bouton téléchargement  */       
.fancybox-button.fancybox-button--download {
    display: none  !important;
}

/* Pour supprimer le bouton partage  */       
.fancybox-button.fancybox-button--share {
    display: none  !important;
}

/* Pour supprimer le bouton lecture  */       
.fancybox-button.fancybox-button--play {
    display: none  !important;
}

/* Pour supprimer l'espace de la légende en bas de la fancybox*/ 
.fancybox-caption__body {
    background-color: transparent;
    height: 0px !important;
}

/* Pour supprimer la bande grise en bas de la fancybox pour ipads et grands écrans*/ 
.fancybox-caption.fancybox-caption--separate {
    opacity:0 !important;
    background-color: #ffffff;
    height: 0px !important;
}

/* Pour supprimer la bande grise en bas de la fancybox pour moyennes tablettes*/ 
 .fancybox-caption {
    opacity:0 !important;
    background-color: #ffffff;
    height: 0px !important;
}


/*Styles spécifiques pour les petites tablettes et smartphones*/
@media screen and (max-width: 567px) {
    /*---pour positionner les articles et les menus---*/ 
    .com-content-article__body {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .com-contact.contact {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
    .sidebar-right.no-card {
        margin-top: 32px !important;
        margin-left: 0px !important;
    }
    /*---Pour positionner le copyright avec le module personnalisé---*/
    #mod-custom113 {
        margin-left: 3% !important;
        margin-right: 3% !important;
    }
     /*---Pour que le tire Menu Astro soit aligné avec les liens du menu---*/
    #mod-114 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Galerie soit aligné avec les liens du menu*/
    #mod-115 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Asso soit aligné avec les liens du menu*/
    #mod-116 {
        margin-left: 3% !important;
    }
    
    /* Pour positionner le texte de "Accueil" avec le module personnalisé*/ 
    #mod-custom112 {
        margin-left: 5% !important;
        margin-right: 5% !important;
    } 
}

 /* Styles spécifiques pour les écrans entre 671px et 767px*/
 @media screen and (min-width: 568px) and (max-width: 670px) {
    /*---Pour positionner le copyright avec le module personnalisé---*/
    #mod-custom113 {
        margin-left: 3% !important;
        margin-right: 4% !important;
    }
    /*---pour positionner les articles---*/ 
    .com-content-article__body {
        margin-top: 2% !important;
        margin-left: 2% !important;
        margin-right : 0px !important;
    }
     /*---Pour que le tire Menu Astro soit aligné avec les liens du menu---*/
    #mod-114 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Galerie soit aligné avec les liens du menu*/
    #mod-115 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Asso soit aligné avec les liens du menu*/
    #mod-116 {
        margin-left: 3% !important;
    }
    
    /*---Pour positionner le logo--*/
    .grid-child.container-nav {
        margin-top: 20px !important;
    }
}   

 /* Styles spécifiques pour les écrans entre 671px et 767px*/
 @media screen and (min-width: 671px) and (max-width: 767px) {
/*---Pour positionner le copyright avec le module personnalisé---*/
    #mod-custom113 {
        margin-left: 3% !important;
        margin-right: 4% !important;
    }
    /*---pour positionner les articles---*/ 
    .com-content-article__body {
        margin-top: 2% !important;
        margin-left: 2% !important;
        margin-right : 0px !important;
    }
     /*---Pour que le tire Menu Astro soit aligné avec les liens du menu---*/
    #mod-114 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Galerie soit aligné avec les liens du menu*/
    #mod-115 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Asso soit aligné avec les liens du menu*/
    #mod-116 {
        margin-left: 3% !important;
    }

    /*---Pour positionner le logo--*/
    .grid-child.container-nav {
        margin-top: 20px !important;
    }
}

     
/* Styles spécifiques pour les écrans entre 768px et 991px*/
 @media screen and (min-width: 768px) and (max-width: 991px) {
    /*---Pour positionner le copyright avec le module personnalisé---*/
    #mod-custom113 {
        margin-left: 3% !important;
        margin-right: 4% !important;
    }
    /*---pour positionner les articles---*/ 
    .com-content-article__body {
        margin-top: 2% !important;
        margin-left: 2% !important;
        margin-right : 0px !important;
    }
     /*---Pour que le tire Menu Astro soit aligné avec les liens du menu---*/
    #mod-114 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Galerie soit aligné avec les liens du menu*/
    #mod-115 {
        margin-left: 3% !important;
    }

    /*Pour que le tire Menu Asso soit aligné avec les liens du menu*/
    #mod-116 {
        margin-left: 3% !important;
    }

    /*---Pour positionner le logo--*/
    .grid-child.container-nav {
        margin-top: 20px !important;
    }
}

/* Styles spécifiques pour les écrans entre 992px et 1179px*/
 @media screen and (min-width: 992px) and (max-width: 1179px) {
    /*---Pour positionner le copyright avec le module personnalisé---*/
    #mod-custom113 {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
    /*---pour positionner les articles---*/ 
    .com-content-article__body {
        margin-top: 2% !important;
        margin-left: 6% !important;
        margin-right : 0px !important;
    }
    /*---Pour positionner le menu vertical---*/
    .sidebar-right.no-card {
        margin-top: 3em !important;
        width: 240px !important;
        margin-left: 5% !important;
    }
     /*---Pour que le tire Menu Astro soit aligné avec les liens du menu---*/
    #mod-114 {
        margin-left: 15% !important;
    }

    /*Pour que le tire Menu Galerie soit aligné avec les liens du menu*/
    #mod-115 {
        margin-left: 15% !important;
    }

    /*Pour que le tire Menu Asso soit aligné avec les liens du menu*/
    #mod-116 {
        margin-left: 15% !important;
    }
    
}

 /* Styles spécifiques pour les ipads*/
@media screen and (min-width: 1180px) and (max-width: 1299px) {
    /*---Pour positionner le copyright avec le module personnalisé---*/
    #mod-custom113 {
        margin-left: 6% !important;
        margin-right: 6% !important;
    }
    /*---pour positionner les articles---*/ 
    .com-content-article__body {
        margin-top: 2% !important;
        margin-left: 10% !important;
        margin-right : 0px !important;
    }
     /*---Pour positionner le menu vertical---*/
    .sidebar-right.no-card {
        margin-top: 3em !important;
        width: 240px !important;
        margin-left: 2em !important;
    }
     /*---Pour que le tire Menu Astro soit aligné avec les liens du menu---*/
    #mod-114 {
        margin-left: 15% !important;
    }

    /*Pour que le tire Menu Galerie soit aligné avec les liens du menu*/
    #mod-115 {
        margin-left: 15% !important;
    }

    /*Pour que le tire Menu Asso soit aligné avec les liens du menu*/
    #mod-116 {
        margin-left: 15% !important;
    }
}

/*Styles spécifiques pour les grands écrans type écrans d'ordinateur*/
@media screen and (min-width: 1300px) {
    /*---Pour positionner le copyright avec le module personnalisé---*/
    #mod-custom113 {
        margin-left: 8% !important;
        margin-right: 10% !important;
    }
    /*---pour positionner les articles---*/ 
    .com-content-article__body {
        margin-top: 2% !important;
        margin-left: 10% !important;
        margin-right : 0px !important;
    }
    /*---Pour positionner le menu vertical---*/
    .sidebar-right.no-card {
        margin-top: 3.5em !important;
        width: 240px !important;
        margin-left: 3.5em !important;
    }
    /*---Pour que le tire Menu Astro soit aligné avec les liens du menu---*/
    #mod-114 {
        margin-left: 15% !important;
    }

    /*Pour que le tire Menu Galerie soit aligné avec les liens du menu*/
    #mod-115 {
        margin-left: 15% !important;
    }

    /*Pour que le tire Menu Asso soit aligné avec les liens du menu*/
    #mod-116 {
        margin-left: 15% !important;
    }
}