/**
 * @file
 * Global rules
 *
 * Theme global rules.
 */


html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}
html, body {
  position: relative;
  font-family: Calibri;
  color: #000000;
  overflow-x: clip;
}
body * {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
}
p, h1, h2, h3 {
  position: relative;
}
p {
  font-family: 'Calibri';
  color: #000;
}

::selection {
  background-color: #000;
  color: var(--neutral-pure);
}
a:focus, button:focus, div:focus, input:focus {
  outline: none;
}

h1, h1 > a {
  font-weight: 700;
  color: #1A1C1E;
}
h1 {
  margin: 0;
  font-size: 2.6rem;
}

h2 {
  color: var(--primary);
  font-family: Calibri;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 51px;
  letter-spacing: 0em;
}

h3 {
  color: var(--primary);
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media (min-width: 1000px) {
  h1 {
    font-size: 3.25rem;
  }
  h2 {
    font-size:2.625rem;
  }
  h3 {
    font-size: 2.125rem;
  }

  p {
    font-size: 18px;
  }
}


/**
 * Links
 */
a {
  color: var(--color-link);
  text-decoration: none;
}
a:hover {
  text-decoration:underline;
}


/**
*  Breadcrumb
**/
.breadcrumb, .breadcrumb a {
  font-family: 'Poppins', sans-serif;
  color:#8E8E8E;
  font-size: 18px;
  font-weight: 300;
}
.breadcrumb a:hover {
  text-decoration: underline;
}


/**
 * Slider
 */
.tns-liveregion {
  display: none;
}
.tns-outer .tns-nav {
  margin-top: 2rem;
}
.tns-outer .tns-nav button {
  background: #006CB933 !important;
}
.tns-outer .tns-nav button.tns-nav-active {
  background: #006CB980 !important;
}
.tns-outer + .more-link {
  margin: 2rem 0;
  display: flex;
  justify-content: center;
}
.tns-outer + .more-link a {
  color: var(--neutral-pure);
  font-weight: 700;
  width: max-content;
  background-color: var(--primary);
  padding: .75rem 1rem;
  transition: all ease 150ms;
}
.tns-outer + .more-link a:hover {
  background-color: var(--primary-medium);
}


/**
 * Colors
 */

.bg-white {
  background-color: var(--neutral-pure);
}
.bg-primary-light {
  background-color: var(--primary-light);
}


/**
*  News Page
**/
.actu-list {
  list-style: none;
  padding: 0;
}
.node--type-article h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  padding-left: 2rem;
  margin-top: -0.5rem;
  margin-bottom: 1.4rem;
  line-height: 1;
}
.view-display-id-page_1 > .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.view-actualites .node--view-mode-teaser {
  padding-bottom: 1rem;
}
.view-actualites .node--view-mode-teaser {
  height: 100%;
}
.node--view-mode-teaser .news__block--date {
  color: #9B9B9B !important;
  margin: 0;
  font-size: 13px;
  padding-left: 2rem;
  /* padding-top: 1rem; */
}
.field--name-field-tags > div {
  border: 1px solid #EBE7DF;
  border-radius: 20px;
  padding: 0px 15px;
  margin-right: 0.3rem;
  margin-bottom: 0.1rem;
  color: #3C3C3C;
  font-size: 15px;
}
.node--view-mode-teaser .node__content > div:not(:first-child) {
  padding:0 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.node--type-article p {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #3C3C3C;
  text-align: justify;
}
.node--view-mode-teaser .node__content > a {
  font-family: 'Poppins',sans-serif;
  font-weight: 700;
  color: #EC6E00;
  position: absolute;
  bottom: 1rem;
  left: 2rem;
  transition: 0.3s;
}
.node--view-mode-teaser .node__content > a:before {
  content: "> ";
}
.node--view-mode-teaser .node__content > a:hover {
text-decoration: underline;
  transition: 0.3s;
}
.node--type-article h2 > a > span {
  color: #3C3C3C !important;
}
.node--type-article .field--name-field-tags {
  margin-top: -0.8rem;
  margin-bottom: -0.2rem;
}
.view-actualites .node--view-mode-teaser {
  background-color: var(--neutral-pure);
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
  margin-bottom: 2rem;
  transition: 0.3s;
}
.view-actualites .node--view-mode-teaser:hover {
  box-shadow: 0px 5px 12px rgba(0, 0, 0, .30);
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px)
}
.node--type-article h2 > a > span {
  font-size: 21px;
  transition: 0.3s;
}
.node--type-article h2 > a > span:hover {
  text-decoration: underline;
  transition: 0.3s;
}
.block-actu-list p,
.actu-list p{
  font-size: 16px;
}


/**
*  Mobile
**/
@media(max-width: 812px){
  .node--view-mode-teaser .node__content > a{
    font-size: 12px;
  }
  .node--type-article h2{
    font-size: 21px;
    margin-top: 0.1rem;
    margin-bottom: 1.5rem;
  }
  .view-actualites .views-row{
    margin-bottom: 3rem;
  }
  .node--view-mode-teaser .field--type-text-with-summary p{
    padding-bottom: 1rem;
  }
}


/**
*  Pagination News
**/
.pager__item > a{
  color: #8E8E8E;
  font-family: 'Poppins', sans-serif;
}
.pager__items{
  padding: 0;
}


/**
*  Page Contact
**/

.layout--twocol {
  display: grid;
  gap: 2rem;
}
.layout__region--first {
  display: grid;
}
.layout__region--second {
  max-width: 100%;
}

@media screen and (min-width: 750px){
  .layout__region--first{
    max-width: 100%;
  }
}
.layout__region--second form{
  max-width: 400px;
  margin: auto;
  color: #4B4B4B;
}
form input,
form textarea{
  background-color: #F8F8F8;
  border: solid 1px #A9A9A9;
}
.webform-button--submit:hover{
  background-color: #164571;
}
.field--name-field-adress iframe{
  max-width: 100%;
}
/**
*  Mobile
**/
@media(max-width: 812px){
  .layout__region--second form{
    font-size: 16px;
  }
}
/**
*  Desktop
**/
@media(min-width: 813px){
  .layout__region--second form{
    font-size: 18px;
  }
}