/*généralités*/

*{
    --emanea-green: #174f43;
  --emanea-coral: #ef645b;
  --emanea-bg: #fff7f3;
  --emanea-text: #174f43;
  --emanea-soft-green: rgba(255, 255, 255, 0.18);
  --emanea-green: #174f43;
  --emanea-coral: #ef645b;
  --emanea-coral-light: #fff0ed;
  --emanea-bg: #fff8f5;
  --emanea-border: #f1ddd7;
  --emanea-muted: #5f7b73;
}

.page-node-type-portail .baseline {
  margin: 0 0 20px;
  color: var(--emanea-coral);
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}
.page-node-type-portail .etiquette {
  display: inline-flex;
  margin: 0 0 12px;
  padding: 6px 8px;
  border-radius: 4px;
  background: var(--emanea-coral-light);
  color: var(--emanea-coral);
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


.page-node-type-portail .btn > a{
    background-color: #1F4E47;
    padding: 12px 60px 12px 24px;
    color: #fff;
    border-radius: 6px;
    position: relative;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.page-node-type-portail p.btn > a:after{
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 24px;
    top: calc(50% - 13px);
    background-image: url(../images/gfx/picto_fleche-right_FFFFFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}

.page-node-type-portail p.btn3 > a{
    background-color: #FCF5F1;
    border: 1px solid #FAEEE7;
    padding: 6px;
    color: #fff;
    border-radius: 24px;
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
}
.page-node-type-portail p.btn3 > a:after{
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
    background-image: url(../images/gfx/picto_fleche-right_1A4C44.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
}


.page-node-type-portail h2,
.page-node-type-portail .h2{
    font-weight: 700;
    font-size: 2.2rem;
    font-family: 'Montserrat Alternates', sans-serif;
}
h2 > span.surligne{
    display: inline-block;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-family: 'League Spartan', sans-serif;
    letter-spacing: .5px;
    position: relative;
    line-height: 1;
}
h2 > span.surligne:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #FAE8DC;
    transform: rotate(-2deg);
    z-index: -1;
}


.page-node-type-portail h3,
.page-node-type-portail .h3{
    font-size: 1.4rem;
    font-weight: 500;
    font-family: 'Montserrat Alternates', sans-serif;
}


/*fin - généralités*/






.page-node-type-portail header#header{
    box-shadow: 0 3px 6px -3px #00000017;
}
.page-node-type-portail div#header-nav{
    margin: 0;
}
.page-node-type-portail header div#block-asco-theme-site-branding{
    height: 100%;
}
.page-node-type-portail .site-branding__inner{
    padding: 0;
}
.page-node-type-portail .site-branding__inner img {
    top: 0;
    position: relative;
    max-height: fit-content;
}

.page-node-type-portail div#block-asco-theme-portailprofessionnel {
    position: absolute;
    width: auto;
    max-width: calc(100vw - 450px);
    bottom: 0;
    right: 250px;
    height: 100%;
    display: flex;
    align-items: center;
}
.page-node-type-portail div#block-asco-theme-portailprofessionnel > .block__content {
    margin: 0;
}
.page-node-type-portail ul#superfish-portail-professionnel{
    margin: 0;
}
.page-node-type-portail ul#superfish-portail-professionnel li.sf-depth-1{
    background-color: transparent;
}
.page-node-type-portail ul#superfish-portail-professionnel li.sf-depth-1 > *:first-child{
    color: #194e41;
    font-weight: 600;    
}
.page-node-type-portail ul#superfish-portail-professionnel li.sf-depth-1 > *:first-child:hover{
    background-color: #fbf6f2;
    cursor: pointer;
}







/*TDC Portail = .page-node-type-portail*/
.page-node-type-portail .S_0{
    padding: 24px 36px 0;
}
.page-node-type-portail .S_0 > .col_1{
    background-color: #FBF6F2;
    border-radius: 36px;
}

.page-node-type-portail .S_1{
    padding: 0 10vw;
    margin-top: -120px;
    margin-bottom: 120px;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1{

}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .field--name-body > .ligne{
    display: flex;
    flex-wrap: wrap;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .field--name-body > .ligne > div{
    width: calc(25% - 12px);
    margin: 0 6px 12px;
    background-color: #fff;
    box-shadow: 0 0 6px 0 #0000001f;
    border-radius: 12px;
    position: relative;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .field--name-body > .ligne > div .h3{

}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .field--name-body > .ligne > div > *{
    padding-left: 132px;
    margin: 0;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .field--name-body > .ligne > div > *:not(.btn3){
    padding-right: 48px;
}

.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .field--name-body > .ligne > div:before{
    content: "";
    width: 92px;
    height: 92px;
    border-radius: 72px;   
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    position: absolute;
    left: 24px;
    top: 24px;
}
.page-node-type-portail .S_1 p.btn3{
    position: absolute;
    bottom: 12px;
    right: 12px;
    margin: 0;
}


.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .espace-membre:before{
    background-image: url(../images/gfx/picto_membre_FFFFFF.svg);
    background-color: #1E524B; 
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .formation-emanea:before{
    background-image: url(../images/gfx/picto_formation_FFFFFF.svg);
    background-color: #E88173;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .devenir-centre:before{
    background-image: url(../images/gfx/picto_devenir-centre_FFFFFF.svg);
    background-color: #8EA18F;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .ressources:before{
    background-image: url(../images/gfx/picto_ressources_FFFFFF.svg);
    background-color: #F1BFA6;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .actualites:before{
    background-image: url(../images/gfx/picto_actualites_FFFFFF.svg);
    background-color: #F1BFA6;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .congres:before{
    background-image: url(../images/gfx/picto_congres_FFFFFF.svg);
    background-color: #1E524B;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .centres-emanea:before{
    background-image: url(../images/gfx/picto_centres_FFFFFF.svg);
    background-color: #E88173;
}
.page-node-type-portail .S_1 .field--name-field-bloc-personnalise-1 .contact:before{
    background-image: url(../images/gfx/picto_contact_FFFFFF.svg);
    background-color: #8EA18F;
}



.page-node-type-portail{
  --emanea-green: #174f43;
  --emanea-bg: #fff6f2;
  --emanea-card: #fff8f5;
  --emanea-peach: #f3bd9f;
  --emanea-peach-light: #fde8df;
  --emanea-border: #f3ded6;
}


.page-node-type-portail.page-node-260 .S_2 {
  display: grid;
  grid-template-columns: minmax(320px, 41%) minmax(0, 59%);
    max-width: calc(100vw - 20vw);
  min-height: 340px;
  border: 1px solid var(--emanea-border);
  border-radius: 28px;
  overflow: hidden;
  color: var(--emanea-green);
  background: var(--emanea-bg);
    margin: 0 auto 120px;
}

.page-node-type-portail.page-node-260 .S_2,
.page-node-type-portail.page-node-260 .S_2 * {
  box-sizing: border-box;
}


.page-node-type-portail.page-node-260 .S_2 .col_1 {
  position: relative;
  min-height: 340px;
  overflow: hidden;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .wide-content {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .wide-content .ligne,
.page-node-type-portail.page-node-260 .S_2 .col_1 .wide-content img {
  width: 100%;
  height: 100%;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .wide-content img {
  display: block;
  object-fit: cover;
  object-position: center;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .text-content {
  position: absolute;
  z-index: 2;
  top: 32px;
  left: 32px;
  width: min(255px, calc(100% - 64px));
  background: var(--emanea-card);
  border-radius: 14px;
  padding: 28px 24px 30px;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 h2 {
  margin: 0 0 18px;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 p {
  margin: 0;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .btn {
  margin-top: 22px;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .btn a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 44px;
  min-width: 180px;
  padding: 12px 18px;
  border-radius: 4px;
  background: var(--emanea-green);
  color: #ffffff;
  text-decoration: none;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .btn a::after {
  content: "→";
  font-weight: 700;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .btn a:hover,
.page-node-type-portail.page-node-260 .S_2 .col_1 .btn a:focus-visible {
  background: #0f3f35;
}

.page-node-type-portail.page-node-260 .S_2 .col_1 .btn a:focus-visible {
  outline: 3px solid var(--emanea-peach);
  outline-offset: 3px;
}

.page-node-type-portail.page-node-260 .S_2 .col_2 {
  position: relative;
  min-height: 340px;
  padding: 50px 52px 86px;
  background: var(--emanea-bg);
  overflow: hidden;
}

.page-node-type-portail.page-node-260 .S_2 .col_2 .field__items {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
}

.page-node-type-portail.page-node-260 .S_2 .col_2 .field__items::before {
  content: "";
  position: absolute;
  top: 26px;
  left: calc(100% / 6);
  right: calc(100% / 6);
  border-top: 3px dotted var(--emanea-peach);
  opacity: 0.9;
}

.page-node-type-portail.page-node-260 .S_2 .col_2 .field__item {
  position: relative;
  z-index: 1;
  padding-top: 78px;
  text-align: center;
}

.page-node-type-portail.page-node-260 .S_2 .col_2 .field__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--emanea-peach);
  transform: translateX(-50%);
}

.page-node-type-portail.page-node-260 .S_2 .col_2 .field__item .ligne {
  max-width: 175px;
  margin-inline: auto;
}

.page-node-type-portail.page-node-260 .S_2 .col_2 h3 {
  margin: 0 0 14px;
  color: var(--emanea-green);
}

.page-node-type-portail.page-node-260 .S_2 .col_2 p {
  margin: 0;
  color: var(--emanea-green);
}

.page-node-type-portail.page-node-260 .S_2 .col_2::after {
  content: "";
  position: absolute;
  left: 52px;
  right: 52px;
  bottom: 22px;
  height: 48px;
  border-radius: 8px;
  background: var(--emanea-peach-light);
}


.S_3 {
    position: relative;
    display: grid;
    grid-template-columns: minmax(620px, 1fr) minmax(290px, 315px);
    max-width: calc(100vw - 20vw);
    min-height: 418px;
    margin: 0 auto 120px;
}

.S_3,
.S_3 * {
  box-sizing: border-box;
}

/* Colonne principale */
.S_3 .col_1 {
    position: relative;
    z-index: 2;
    min-height: 400px;
    max-height: 480px;
    background: var(--emanea-bg);
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
}

/* Bloc texte gauche */
.S_3 .col_1 > .text-content {
    position: relative;
    z-index: 1;
    width: 50%;
    padding: 60px;
}



.S_3 .col_1 h2 {
  max-width: 370px;
  margin: 0 0 22px;
  color: var(--emanea-green);
}

.S_3 .col_1 p:not(.baseline):not(.btn) {
  max-width: 395px;
  margin: 0;
  color: var(--emanea-green);
}

/* Boutons */
.S_3 .btn {
  margin: 0;
}

.S_3 .col_1 .btn {
  margin-top: 62px;
}

/*
.S_3 .btn a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 44px;
  padding: 12px 18px;
  border-radius: 5px;
  background: var(--emanea-coral);
  color: #ffffff;
}
*/

.S_3 .btn a::after {
  content: "→";
  font-weight: 800;
}

.S_3 .btn a:hover,
.S_3 .btn a:focus-visible {
  background: #d9544d;
}

.S_3 .btn a:focus-visible {
  outline: 3px solid rgba(239, 100, 91, 0.35);
  outline-offset: 3px;
}




.S_3 .field--name-field-image-2 {
    display: grid;
    grid-template-columns: 10fr 7fr 24px 12fr 4fr;
    grid-template-rows: 14fr 24px 20fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 100%;
    width: 700px;
    position: absolute;
    right: -20px;
    top: 0;
}

.S_3 .field--name-field-image-2 .field__item_1 { grid-area: 1 / 2 / 2 / 6; }
.S_3 .field--name-field-image-2 .field__item_2 { grid-area: 3 / 1 / 4 / 3; }
.S_3 .field--name-field-image-2 .field__item_3 { grid-area: 3 / 4 / 4 / 5; }
/*
.S_3 .field--name-field-image-2 {
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
}

.S_3 .field--name-field-image-2 .field__item {
  position: absolute;
  overflow: hidden;
  border-radius: 8px;
}

.S_3 .field--name-field-image-2 .field__item_1 {
  top: 16px;
  right: -22px;
  width: 270px;
  height: 156px;
}

.S_3 .field--name-field-image-2 .field__item_2 {
  right: 157px;
  bottom: 16px;
  width: 190px;
  height: 216px;
}

.S_3 .field--name-field-image-2 .field__item_3 {
  right: 10px;
  bottom: 16px;
  width: 136px;
  height: 216px;
}
*/

.S_3 .field--name-field-image-2 .ligne,
.S_3 .field--name-field-image-2 img {
  width: 100%;
  height: 100%;
}

.S_3 .field--name-field-image-2 img {
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Bloc CTA droit */
.S_3 .col_2 {
  position: relative;
  z-index: 1;
  align-self: center;
  min-height: 320px;
  padding: 34px 38px;
  overflow: hidden;
  border-radius: 0 24px 24px 0;
  background: var(--emanea-green);
  color: #ffffff;
  text-align: center;
}

.S_3 .col_2::before {
  content: "";
  position: absolute;
  right: -145px;
  bottom: 18px;
  width: 380px;
  height: 160px;
  border-radius: 50%;
  background: var(--emanea-soft-green);
  transform: rotate(16deg);
}

.S_3 .col_2 .ligne {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 252px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}



.S_3 .col_2 h3 {
  margin: 0 0 20px;
  color: #ffffff;
}

.S_3 .congres-infos {
  display: grid;
  gap: 9px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}

.S_3 .congres-infos li {
  color: #ffffff;
}


.page-node-type-portail .S_4{

}


.S_4 {
    max-width: calc(100vw - 20vw);
    margin: 0 auto 120px;
}

.S_4,
.S_4 * {
  box-sizing: border-box;
}

.S_4 .col_1 {
  position: relative;
}

/* Bloc principal */
.S_4 .field--name-field-vue-1 {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid var(--emanea-border);
  border-radius: 24px;
  background: #fffaf7;
}

.S_4 .field--name-field-vue-1 > .ligne {
  padding: 44px 32px 38px;
}

/* Vue */
.S_4 .view-actualites {
  display: grid;
  grid-template-columns: minmax(250px, 285px) minmax(0, 1fr);
  gap: 44px;
  align-items: center;
}

/* En-tête gauche */
.S_4 .view-header {
  align-self: start;
  padding-top: 0;
}

.S_4 .view-header h2 {
  max-width: 260px;
  margin: 0 0 16px;
  color: var(--emanea-green);
}

.S_4 .view-header p {
  max-width: 280px;
  margin: 0;
  color: var(--emanea-green);
}

/* Carousel */
.S_4 .view-content {
  position: relative;
  min-width: 0;
}

.S_4 .view-content::after {
  content: "";
  position: absolute;
  top: -8px;
  right: -34px;
  bottom: -8px;
  z-index: 4;
  width: 92px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(255, 250, 247, 0),
    rgba(255, 250, 247, 0.92) 58%,
    rgba(255, 250, 247, 1)
  );
}

.S_4 .vvjb,
.S_4 .vvjb-inner,
.S_4 .vvjb-carousel-outer,
.S_4 .vvjb-carousel-wrapper {
  position: relative;
  min-width: 0;
}

.S_4 .vvjb-items {
  align-items: stretch;
}

/* Cartes ressources */
.S_4 .vvjb-item {
  flex: 0 0 250px;
  width: 250px;
  min-width: 250px;
}

.S_4 .bloc_ressource {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 14px;
  height: 100%;
  color: var(--emanea-green);
}

.S_4 .conteneur_img {
  overflow: hidden;
  min-height: 190px;
  border-radius: 8px;
  background: var(--emanea-coral-light);
}

.S_4 .conteneur_img a,
.S_4 .conteneur_img img {
  display: block;
  width: 100%;
  height: 100%;
}

.S_4 .conteneur_img img {
  object-fit: cover;
  object-position: center;
}

.S_4 .conteneur_img:empty {
  display: none;
}

.S_4 .conteneur_img:empty + .conteneur_txt {
  grid-column: 1 / -1;
}

.S_4 .conteneur_txt {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

/*
.S_4 .etiquette {
  display: inline-flex;
  margin: 0 0 12px;
  padding: 6px 8px;
  border-radius: 4px;
  background: var(--emanea-coral-light);
  color: var(--emanea-coral);
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
*/

.S_4 .bloc_ressource h3 {
  margin: 0 0 14px;
  color: var(--emanea-green);
}

.S_4 .bloc_ressource h3 a {
  color: inherit;
  text-decoration: none;
}

.S_4 .bloc_ressource h3 a:hover,
.S_4 .bloc_ressource h3 a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.S_4 .bloc_ressource .btn3 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: auto 0 0;
  color: var(--emanea-green);
}

.S_4 .bloc_ressource .conteneur_txt > a {
  margin-top: auto;
  color: inherit;
  text-decoration: none;
}

.S_4 .bloc_ressource .btn3::after {
  content: "→";
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  background: #f5f0ed;
  color: var(--emanea-green);
}

/* Flèche carousel */
.S_4 .vvjb-carousel-controls {
  position: absolute;
  top: 50%;
  right: -24px;
  z-index: 5;
  transform: translateY(-50%);
}

.S_4 .vvjb-carousel-options {
  display: flex;
}

.S_4 .vvjb-prev {
  display: none;
}

.S_4 .vvjb-button {
  display: inline-grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--emanea-coral);
  color: #ffffff;
  cursor: pointer;
}

.S_4 .vvjb-button svg {
  width: 18px;
  height: 18px;
}

.S_4 .vvjb-button:hover,
.S_4 .vvjb-button:focus-visible {
  background: #d9544d;
}

.S_4 .vvjb-button:focus-visible {
  outline: 3px solid rgba(239, 100, 91, 0.35);
  outline-offset: 3px;
}

/* Masquer la pagination Drupal de la vue */
.S_4 .pager {
  display: none;
}

/* Bandeau bas avec les deux boutons */
.S_4 .field--name-field-corps-3 {
  position: relative;
  z-index: 1;
  width: calc(100% - 66px);
  margin: -1px auto 0;
  padding: 14px 24px 12px;
  border-radius: 0 0 20px 20px;
  background: var(--emanea-bg);
}

.S_4 .field--name-field-corps-3 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.S_4 .field--name-field-corps-3 li {
  margin: 0;
  padding: 0;
}

.S_4 .field--name-field-corps-3 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 20px;
  border: 1px solid var(--emanea-coral);
  border-radius: 5px;
  background: #ffffff;
  color: var(--emanea-coral);
}

.S_4 .field--name-field-corps-3 a::after {
  content: "→";
  margin-left: 10px;
}

.S_4 .field--name-field-corps-3 a:hover,
.S_4 .field--name-field-corps-3 a:focus-visible {
  background: var(--emanea-coral);
  color: #ffffff;
}

.S_4 .field--name-field-corps-3 a:focus-visible {
  outline: 3px solid rgba(239, 100, 91, 0.35);
  outline-offset: 3px;
}





.S_6{
    display: flex;
}
.S_6 > [class*="col_"]{
    width: 50%;
}
.S_6 > .col_1{
    
}
.S_6 > .col_2{
    
}







/*Vues Bannière = */
.view-banniere.view-display-id-block_1{
    max-height: 80vh;
}
.view-banniere.view-display-id-block_1 .bloc_banniere{
    display: flex;
}
.view-banniere.view-display-id-block_1 .bloc_banniere > .conteneur_txt{
    width: calc(100% / 3);
    padding: 60px 60px 60px calc(5vw - 36px);
}
.view-banniere.view-display-id-block_1 .bloc_banniere > .conteneur_img{
    width: calc((100% / 3) * 2);
    position: relative;
}
.view-banniere.view-display-id-block_1 .bloc_banniere > .conteneur_img > img{
    max-height: 80vh;
    object-fit: cover;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    width: 100%;
}
.view-banniere.view-display-id-block_1 .bloc_banniere > .conteneur_img:after{
    content: "";
    width: 500px;
    height: 500px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("../images/gfx/elmgfx_feuille-bottom-right_275344.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    border-bottom-right-radius: 36px;
}



/*Vues Actualités
Affichage des ressources et actualités | bloc /TDC Portail
Affichage bloc "la derniere actualité" | /TDC Portail
*/

.view-actualites.view-display-id-block_4{

}
.view-actualites.view-display-id-block_4 h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.view-actualites.view-display-id-block_4 > .view-content > div > .views-row{
    width: 100%;
}


















/*
@media (max-width: 980px) {
  .S_4 .field--name-field-vue-1 > .ligne {
    padding: 34px 26px;
  }

  .S_4 .view-actualites {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .S_4 .view-header h2,
  .S_4 .view-header p {
    max-width: none;
  }

  .S_4 .vvjb-item {
    flex-basis: 260px;
    width: 260px;
    min-width: 260px;
  }

  .S_4 .vvjb-carousel-controls {
    right: -16px;
  }
}

@media (max-width: 640px) {
  .S_4 .field--name-field-vue-1 {
    border-radius: 20px;
  }

  .S_4 .field--name-field-vue-1 > .ligne {
    padding: 30px 20px;
  }

  .S_4 .view-header h2 {
    font-size: 2.1rem;
  }

  .S_4 .bloc_ressource {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .S_4 .vvjb-item {
    flex-basis: 245px;
    width: 245px;
    min-width: 245px;
  }

  .S_4 .field--name-field-corps-3 {
    width: calc(100% - 32px);
    padding-inline: 16px;
  }

  .S_4 .field--name-field-corps-3 ul {
    gap: 12px;
  }

  .S_4 .field--name-field-corps-3 a {
    width: 100%;
  }

  .S_4 .field--name-field-corps-3 li {
    width: 100%;
  }
}
*/




/* Responsive */
@media (max-width: 980px) {
  .S_3 {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: auto;
  }

  .S_3 .col_1 {
    display: grid;
    gap: 18px;
    min-height: auto;
  }

  .S_3 .col_1 > .text-content {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: none;
    min-height: auto;
  }

  .S_3 .field--name-field-image-2 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    inset: auto;
    pointer-events: auto;
  }

  .S_3 .field--name-field-image-2 .field__item {
    position: static;
    width: auto;
    height: 180px;
  }

  .S_3 .col_2 {
    min-height: 280px;
    border-radius: 24px;
  }

  .S_3 .col_1 .btn {
    margin-top: 36px;
  }
}




/* Responsive */
@media (max-width: 900px) {
  .S_2 {
    grid-template-columns: 1fr;
    border-radius: 22px;
  }

  .S_2 .col_1 {
    min-height: 330px;
  }

  .S_2 .col_2 {
    min-height: auto;
    padding: 36px 28px 42px;
  }

  .S_2 .col_2 .field__items {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .S_2 .col_2 .field__items::before {
    top: 28px;
    bottom: 28px;
    left: 28px;
    right: auto;
    width: 0;
    border-top: 0;
    border-left: 3px dotted var(--emanea-peach);
  }

  .S_2 .col_2 .field__item {
    min-height: 58px;
    padding-top: 0;
    padding-left: 78px;
    text-align: left;
  }

  .S_2 .col_2 .field__item::before {
    top: 0;
    left: 0;
    transform: none;
  }

  .S_2 .col_2 .field__item .ligne {
    max-width: none;
    margin: 0;
  }

  .S_2 .col_2::after {
    display: none;
  }
}



@media (max-width: 640px) {
  .S_3 {
    gap: 18px;
  }

  .S_3 .col_1 > .text-content {
    padding: 34px 24px;
    border-radius: 20px;
  }

  .S_3 .col_1 h2 {
    font-size: 2.15rem;
  }

  .S_3 .field--name-field-image-2 {
    grid-template-columns: 1fr;
  }

  .S_3 .field--name-field-image-2 .field__item {
    height: 210px;
  }

  .S_3 .col_2 {
    padding: 34px 24px;
  }

  .S_3 .col_2 h3 {
    font-size: 2rem;
  }
}



@media (max-width: 560px) {
  .S_2 .col_1 {
    min-height: 360px;
  }

  .S_2 .col_1 .text-content {
    top: 24px;
    left: 24px;
    width: calc(100% - 48px);
    padding: 24px 20px;
  }

  .S_2 .col_1 h2 {
    font-size: 2rem;
  }
}