@charset "UTF-8";
@font-face {
  font-family: Raleway;
  src: url("font/Raleway/Raleway-VariableFont_wght.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway;
  src: url("font/Raleway/Raleway-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

:root {
  --cassiopeia-font-family-body: "Raleway", sans-serif;
  --cassiopeia-font-family-headings: "Raleway", sans-serif;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-font-weight-normal: 400;
 
}


body {
   color:#5E5D5D;
   font-size:14px;
   min-width:375px;
  background-color:rgb(250, 250, 250);
}

.start-no-header {
  
  background-size: 300px;
  background-position: 0 0;
  background-attachment: fixed;
  background-repeat: repeat;
  overflow: hidden;
  
}


body.start-no-header header.header{
  display:none !important;
}

body.start-no-header .site-grid{
  grid-template-rows: 0fr 1fr auto !important;
  padding-top: 0 !important;
  background-color:transparent;
  margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  
}

.container-start-page{
  width:100%;

}

.logo-start-page{
  width:50%;
}

.custom-background{
 
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position-x: center;
  background-position-y: bottom;
}



.separator {
	width: 100%;
}

.container-header{
  background-color:#ffffff;
  color:#5E5D5D;
  background-image: none;
}
.container-header .navbar-toggler {
    color: #000000;
    cursor: pointer;
    border: 1px solid #fff;
}

.container-header nav {
    margin-top: 0px;
}

@media (width <= 767.98px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
        margin-top: 0px;
    }
}

.grid-child {
    width: 100%;
    max-width: 100%; 
}
.container-nav{
  width:80%;
  min-width:375px;
}
@media (width <= 767.98px) {
  .container-nav{
  width:100%;

}
  }
.container_article_detail_t2{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  min-width:375px;
}
@media (width <= 767.98px) {
  .container_article_detail_t2{
  width:100%;
  padding-left:10px; 
    padding-right:10px;

}
  }

.container_article_detail_t1{
  align-content:center;
  padding:10px;
  background-color:#FFFFFF;
  margin-top:100px;
  margin-bottom:150px;
  margin-left:10%;
  width:40%; 
  min-width:355px;
}

@media (width <= 975px) {
.container_article_detail_t1{
  margin-left:auto;
  margin-right:auto;
  width:80%;
  margin-top:10px;
  margin-bottom:10px;
}
  }

@media (width <= 767.98px) {
.container_article_detail_t1{
  margin-left:auto;
  margin-right:auto;
  width:95%;
  margin-top:5px;
  margin-bottom:5px;
}
  }

nav.navbar.navbar-expand-lg{
  flex:1;
  display:flex;
  justify-content: flex-end;
  align-items:center;
}

.menu-horizontal{
  display:flex;
  justify-content: flex-end;
  align-items:center;
}
.container-header .container-nav {
    padding-bottom: 0px; 
}

.container-header .grid-child {
    padding: 0px; 
}

.container-header .mod-menu {
  color:#5E5D5D;
  font-size:14px;
}

.header-top .mod-menu a{
  font-size:14px;
}
.offcanvas-menu .mod-menu a{
  font-size:14px;
}
.metismenu.mod-menu .metismenu-item {
    font-size: 14px;

}
.metismenu.mod-menu .metismenu-item:hover{
	color: #4595F7;
	
}

.mod-languages{
      display:flex;
  justify-content: flex-end;
  align-items:center;
}


.container-header .container-search {
    width:100%;
    margin-top: 0px;
}

.table-article{
  width: 100%;
  margin-left: auto; 
  margin-right: auto;
}



body .site-grid{
  background-color:transparent;
  width:100%;
  margin-left: auto; 
  margin-right: auto;
  column-gap:0px;
  grid-template-columns:none ;
  grid-template-areas: "main";
  min-width:375px;
}

.com-contact__container {
        grid-gap: 0rem;
        grid-template-rows: repeat(4, auto);
        grid-template-columns: 16px auto;
        margin-bottom: 1em;
        display: grid;
}

    .com-contact__container .com-contact__info {
        grid-area: 3 / 1 / 4 / 3;
    }

    dl.dl-horizontal {
        grid-template-columns: 16px auto;
        display: grid;
    }


    dl.dl-horizontal dt {
        grid-column: 1 / 2;
    }

    dl.dl-horizontal dd {
        grid-column: 2 / 3;
        margin-bottom: 0;
        padding: 0 0 0 1em;
    }



.com-contact{
  background-color:#FFFFFF;
  width:40%;
  min-width:375px;
  max-width:100%;
  padding:20px;

}
.contact-name{
  font-size:16px;
}






.com-contact__info{
  width:100%;
}

.control-group {
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.form-control {
    padding: 3px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 14px;
    line-height: 16px;
    
}

.com-content-category-blog{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  min-width:375px;
}
@media (width <= 767.98px) {
.com-content-category-blog{
  width:100%;
}
  
}

/* --- Overlay général --- */
.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: flex;
    justify-content: flex-end;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

/* --- Menu panel --- */
.menu-panel {
    width: 200px;
    background: #fff;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
}

/* Quand le menu est ouvert */
.menu-overlay.show {
    transform: translateX(0);
}

.article-preview-image{
    max-width:350px; 
    min-width:150px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    
}
@media (width <= 975px) {
    .article-preview-image{
      min-width:150px;
    }
}