/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Base Layout.
 */
 
 /*Custom code css*/
 
@font-face {
    font-family: 'Aptos';
    src: url('aptos/Aptos.woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
         
} 
:root {
  --font-sans: "Aptos", sans-serif;
  --font-serif: "Aptos", serif;
}

.region--sidebar .view-nouveau-menu-pour-les-rencontres h3.js-views-accordion-group-header {
    font-family: 'Aptos' !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Aptos' !important;
}
 
 /*Sidebar largeur*/
@media (min-width: 62.5rem) {
    .sidebar-grid > .site-main {
        grid-column: 1 / 11;
    }
	.sidebar-grid .region--sidebar {
        grid-column: 12 / 15;
    }
}   

 /*Header*/
.site-branding {
    background-image: none !important;
	background-color: #16BECF !important;
}
.site-header__initial {
    background-color:  #16BECF !important;
}
 /*Logo*/
 @media (min-width: 75rem) {
    .site-branding__logo img {
        max-height: 200px !important;
    }
}
 
 /*Pages de rencontres*/
 
.text-content p, .cke_editable p {
	margin-block-start: 5px !important;
	margin-block-end: 5px !important;
}
 @supports (box-shadow: none) {
    .text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
        transition:  none !important; 
        -webkit-text-decoration:  none !important;
        text-decoration:  none !important; 
        box-shadow:  none !important; 
    }
}
.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
    color: var(--color-text-primary-medium); 
    text-decoration-color: currentColor; 
    text-decoration-thickness: 0px !important; 
    overflow-wrap: break-word; 
}
article.node--type-rencontres li a,
article.node--type-rencontres a{
  font-weight: 500 !important;
  color: #108997 !important;
  text-decoration: underline !important;
  margin-bottom: 20px !important;
    }
article.node--type-rencontres li{
 
    }
article.node--type-rencontres li a:hover,
article.node--type-rencontres a:hover,
a mark.custom-highlight-marker-resolution:hover{
  text-decoration: none !important;
    }
mark.custom-highlight-marker-resolution{
  background-color: #fff;
    }
a mark.custom-highlight-marker-resolution{
  color: #108997 !important;
  text-decoration: underline !important;
}
@supports (box-shadow:none) {
    .text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
        box-shadow: none;
    }
}
.custom-highlight-marker-resolution::after{
  content: "Reso";
  padding: 0 5px;
  color: #fff;
  background: #16BECF;
  border-radius: 5px;
  margin-left: 6px;
  display: inline-block;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 120%;
    }
 
@media (min-width: 43.75rem) {
    h1 {
        font-size: 2.0rem !important;
        line-height: 110% !important;
    }
}
/*@media (min-width: 43.75rem) {
    article.node--type-rencontres .text-content p{
        margin-block-start: 15px !important;
        margin-block-end: 15px !important;
    }
}*/
article.node--type-rencontres img{
    display: inline-block !important;
}
article.node--type-rencontres p.Stylerapi01{
    margin-bottom: 8px !important;
}
 
 /*Fin Pages de rencontres*/
 /*Menu rencontres Accordeon*/
.region--sidebar .block__title {
    font-size: 1.4rem;
    line-height: 100%;
}
.region--sidebar .view-nouveau-menu-pour-les-rencontres h3.js-views-accordion-group-header {
    padding: 14px;
}
.region--sidebar .ui-accordion .ui-accordion-content {
    padding: 1em;
}
.region--sidebar .menu-rencontres.view-nouveau-menu-pour-les-rencontres {
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 600;
  line-height: 100%;
}
.region--sidebar  .view-nouveau-menu-pour-les-rencontres .rencontres-tableaux-lignes .views-field-title a{
    font-size: 1rem;
    line-height: 100%;
	margin-top: 7px;
	text-transform: none;
	border-bottom: 1px dotted;
	padding-bottom: 12px;
}
.region--sidebar .menu-rencontres.view-nouveau-menu-pour-les-rencontres h3 {
  line-height: 110%;
}

.region--sidebar .ui-accordion-header-icon {
  display: none;
}
.region--sidebar .view-nouveau-menu-pour-les-rencontres .rencontres-tableaux-lignes .views-field-field-date-de-la-rencontre {
    font-size: 0.8rem;
	color: #f05a28;
}



.menu-rencontres.view-nouveau-menu-pour-les-rencontres {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 600;
}
.menu-rencontres.view-nouveau-menu-pour-les-rencontres .ui-accordion-header-icon{
  margin-right: 10px;
}

.view-nouveau-menu-pour-les-rencontres h3.js-views-accordion-group-header {
  background-color: #00A4C0;
  color: white;
}


.view-nouveau-menu-pour-les-rencontres .rencontres-tableaux-lignes .views-field-title a{
    border-collapse: collapse;
    font-family: var(--font-sans);
    font-size: 1rem;
    line-height: 1;
	margin-bottom: 15px;
	display: block;
	border-bottom: 1px dotted;
	padding-bottom: 12px;
    }
.view-nouveau-menu-pour-les-rencontres .rencontres-tableaux-lignes .views-field-field-date-de-la-rencontre{
    font-family: var(--font-sans);
    font-size: 0.9rem;
    line-height: 1;
	color: #F15A29;
    }
 
 /*Menu rencontre - Page pour les utilisateurs*/
@media (min-width: 43.75rem) {
.menu-rencontres .view-content {
        gap: 30px;
    }
}
.menu-rencontres .views-table {
    margin-block-start: 0;
}
.menu-rencontres{
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
}
.menu-rencontres.gestion-rencontres{
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}
.node-links-container {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 1rem 0;
}
.node-links-container ul.links {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}
.node-links-container .links {
    display: block;
}
ul.inline li {
    position: relative;
    display: inline-block;
    list-style-type: none;
}
.node-links-container a {
	
	font-family: "metropolis";
    background-color: #15b4c5;
    color: #fff !important;
    text-transform: uppercase;
    padding: 15px;
    display: inline-block;
}
.menu-rencontres table.views-table caption{
  font-size: 22px;
  font-weight: 600;
}
@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .site-footer {
        border-inline-start: solid var(--content-left) #2F373C !important;
    }
}
.site-footer {
    background: #2F373C !important;
}
.site-footer a {
    color: #fff !important;
}
footer h2.block__title {
    font-size: 24px;
	color: #fff !important;
}
/*Documents de référence*/


.view-documents-de-reference .views-row,
.view-documents-de-reference .views-row a{
    font-size: 20px;
}
.view-documents-de-reference .views-row a{
    text-decoration: none;
	margin-bottom: 15px !important;
	display: block;
}

/*fin custom code css*/

.container {
  width: 100%;
  max-width: var(--max-width);
  padding-inline: var(--container-padding);

  /* This fixes an issue where if the toolbar is open in vertical mode, and
   * the mobile navigation is open, the "close" button gets pushed outside of
   * the viewport. */
}

body.is-fixed .container {
  width: calc(100% - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
}

.page-wrapper {
  max-width: var(--max-bg-color);
  background: var(--color--white);
}

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.layout-main-wrapper {
  position: relative;
  z-index: 2; /* Ensure dropdown is not cut off by footer. */
}

/* Contains the social sidebar, and the primary content area. */

@media (min-width: 75rem) {
  .layout-main {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
  }
}

@media (min-width: 75rem) {
  .main-content {
    width: calc(100% - var(--content-left));
    margin-inline-end: auto;
  }
}

.main-content__container {
  padding-block-start: var(--sp3);
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp5);
  }
}

/*
 * Contextual link wrappers load without the ".contextual" CSS class, which
 * causes layout shifts. We fix this by setting this to position: absolute;
 */

[data-contextual-id]:not(.contextual) {
  position: absolute;
}