@font-face {
  font-family: "PublicSans";
  src: url('../fonts/PublicSans-Regular.woff2') format('woff2'), url('../fonts/PublicSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "PublicSans";
  src: url('../fonts/PublicSans-Bold.woff2') format('woff2'), url('../fonts/PublicSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "PublicSans";
  src: url('../fonts/PublicSans-Light.woff2') format('woff2'), url('../fonts/PublicSans-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Tekne";
  src: url('../fonts/TekneLDO-Regular.woff2') format('woff2'), url('../fonts/TekneLDO-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Tekne";
  src: url('../fonts/TekneLDO-Bold.woff2') format('woff2'), url('../fonts/TekneLDO-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Tekne";
  src: url('../fonts/TekneLDO-Light.woff2') format('woff2'), url('../fonts/TekneLDO-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Tekne";
  src: url('../fonts/TekneLDO-Medium.woff2') format('woff2'), url('../fonts/TekneLDO-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Tekne";
  src: url('../fonts/TekneLDO-SemiBold.woff2') format('woff2'), url('../fonts/TekneLDO-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}


:root {
	--texte: #37424A;
	--bgmenu: #1B242A;
	--rouge: #E3263F;
	--ts: 0px 3px 6px #001A48;
	--t: all 0.25s ease-in-out;
	--bs: 2px 3px 7px 3px rgba(0,0,0,0.36);
	--tk: "Tekne";
}
html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
}
html, body {
  position: relative;
  font-family: "PublicSans";
  color: var(--texte);
  font-size: 16px;
  font-weight: 400;
}
body {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}
body * {
  box-sizing: border-box;
}
h1, h2, h3 {
  position: relative;
  font-weight: 700;
}
p {margin-top: 0;}

/**
 * Generic
 */
a {color: inherit;text-decoration: none;transition: var(--t);border: 0;}
button {transition: var(--t); cursor: pointer;}
.button:not(span), span.button > a {cursor: pointer; display: inline-block; line-height: 1; border-radius: 0; background: var(--rouge); color: white; padding: 0.35em 1em; border: 0; position: relative; transition: var(--t); font-weight: 700; font-size: 0.9rem; font-family: var(--tk);}
.button:not(span):hover, span.button > a:hover {background: #484848; color: white; text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: none; color: #484848;}
img {display: block;max-width: 100%; height: auto;}
.container {max-width: 1190px; margin: 0 auto; padding: 0 15px;}
.layout-sidebar-first {width: 20%; float: left;}
.layout-content {width: 100%; float: left;}
.has-sidebar-first .layout-content {width:80%;}
.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}
h1, h2 {line-height: 1.1; font-weight: 700; margin: 30px 0 0; font-family: var(--tk);}
h1 {font-size: 35px;}
h2 {font-size: 30px;}
.path-frontpage h2:not(.main-news-title), .paragraph-title h2 {font-size: 24px; margin: 0 0 1rem; font-weight: 700; font-family: var(--tk); position: relative; padding-left: 60px; transform: translateX(-2.5rem)}
.path-frontpage h2:not(.main-news-title):before, .paragraph-title h2:before {content: ""; width: 55px; height: 1px; position: absolute; left: 0; top: 50%; background: #374249;}
.path-frontpage h2:not(.main-news-title):after, .paragraph-title h2:after {content: ""; width: 12px; height: 12px; position: absolute; left: 44px; top: 50%; background: var(--rouge); border-radius: 50%; transform: translateY(-50%);}
.slick-arrow {width: 30px; height: 30px; border: 0; background: none; overflow: hidden; text-indent: 300%; white-space: nowrap; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); z-index: 5; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.slick-arrow.slick-prev {border-top: 3px solid var(--rouge); border-left: 3px solid var(--rouge); left: 1.5em;}
.slick-arrow.slick-next {border-bottom: 3px solid var(--rouge); border-right: 3px solid var(--rouge); right: 1.5em;}
.slick-arrow:hover {border-color: #292929;}
.slick-arrow:focus, .slick-dots button:focus {outline:none;}
.slick-dots {margin: 0; padding: 0; list-style: none; position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%);}
.view-news-list .slick-dots {left: 75.5%;}
.slick-dots li {float: left; margin: 0 0.25em;}
.slick-dots button {padding: 0; overflow: hidden; width: 13px; height: 13px; background: white; border: 1px solid var(--rouge); border-radius: 8px; text-indent: 100%; white-space: nowrap; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.slick-dots .slick-active button, .slick-dots button:hover {background: var(--rouge); width: 19px; height: 19px; transform: translateY(-2px); border-radius: 50%;}
svg {display: inline-block; height: auto; max-width: 100%;}

/*Menu*/
.views-field-field-submenu {position: absolute; background: #1B242A; top: 100%; min-width: 60vw; display: none; left: 50%; transform: translateX(-50vw); padding: 3rem 2rem 0; z-index: 7; box-shadow: var(--bs); border-radius: 0 0 11px 0;}
.submenu-open.views-field-field-submenu {display: block;}
.too-large.submenu-open {width: 98vw;}
.view-mega-menu .view-content {display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 1.5rem 0 2rem; gap: 0 2.5rem;}
a.nav-link, a.direct-link {color: rgba(255, 255, 255, 0.3); font-size: 13px; font-family: var(--tk); font-weight: 600;}
.li-active a.nav-link {color: rgba(255, 255, 255, 1); font-weight: 700;}
 a.nav-link:hover, a.direct-link:hover {color: rgba(255, 255, 255, 1);}
.icons-content {display: none;}
.icons-content.icons-active {display: block;}
.view-id-mega_menu .views-field-title {cursor: pointer; transition: var(--t); font-family: var(--tk); font-size: 14px; font-weight: 600; position: relative;}
.view-id-mega_menu .views-field-title:after {content: ""; width: 7px; height: 10px; background: url(../images/arrow.svg) no-repeat center; display: inline-block; transition: var(--t); transform: rotate(0deg); margin-left: 0.5rem;}
.view-id-mega_menu .view-content > .views-row:first-child .views-field-title:after {display: none;}
.view-id-mega_menu .views-row:hover .views-field-title:before {opacity: 1;}
.view-id-mega_menu .views-row:not(:first-child):hover .views-field-title:after {background-image: url(../images/arrow-menu-red.svg);}
.view-id-mega_menu .views-field-title.link-open:after {transform: rotate(90deg);}
.view-id-mega_menu .views-field-title:before {content: ""; width: 100%; height: 1px; background: var(--rouge); display: inline-block; transition: var(--t); position: absolute; left: 0; bottom: 0; opacity: 0;}
.view-id-mega_menu .views-field-title.link-open:before {opacity: 1;}
.sub-menu-content-left {min-width: 23vw; text-align: right;}
.sub-menu-content-right {padding: 0 0 0 4rem;}
.sub-menu-content {display: flex;}
.paragraph-icon {padding: 0 1.5rem 0;}
.paragraph-icon > a {display: inline-flex; background: white; border-radius: 11px; text-align: center; position: relative; justify-content: center; flex-direction: column; margin-bottom: 3rem;}
.is-target-blank.paragraph-icon > a:after {content: ""; width: 27px; height: 28px; position: absolute; top: 0.5rem; right: 0.5rem;background: url(../images/target.svg) no-repeat center; background-size: 100%;}
.bloc-link-25.is-target-blank.paragraph-icon > a:after {width: 12px; height: 13px;}
.paragraph-icon.bloc-link-50 > a {width: 180px; height: 180px;}
.paragraph-icon.bloc-link-25 > a {width: 82px; height: 82px;}
.field--name-field-icones-liens {display: flex; position: relative;}
.too-large .field--name-field-icones-liens {flex-wrap: wrap;}
.field--name-field-icone-du-lien img {display: inline-block;}
.bloc-link-50 .field--name-field-icone-du-lien img {width: 100px;}
.bloc-link-25 .field--name-field-icone-du-lien img {max-width: 34px;}
.titre-icone-lien {position: absolute; bottom: 0.5rem; max-width: calc(100% - 1rem); left: 0.5rem; overflow: hidden; white-space: nowrap; font-size: 12px; color: var(--texte); font-weight: 300; text-align: center; width: 100%;}
.paragraph-icon > a:hover {background: rgba(255, 255, 255, 0.85);}
li.paragraph-submenu {margin-bottom: 1rem;}
.menu-intro-content {display: flex; flex-wrap: wrap; gap: 1rem; color: white; padding-bottom: 1rem;}
.field--name-field-logo-de-l-intro {width: 180px; display: inline-flex; border-radius: 11px; text-align: center; position: relative; justify-content: center; flex-direction: column; margin-bottom: 1rem; padding: 1rem; height: 180px;}
.field--name-field-logo-de-l-intro img {display: inline-block;}
.field--name-field-texte-de-l-intro {max-width: 600px; font-family: var(--tk); font-size: 13px; width: calc(100% - 200px);}

/*Header*/
header[role="banner"] {position: static;  width: 100%; height: 116px; top: -116px; z-index: 200; transition: none; background: white; box-shadow: none; box-shadow: var(--bs);}
.sticky header[role="banner"] {position: fixed; top: 0; transition: all 0.5s ease-in-out; height: 116px;}
.sticky {padding-top: 116px;}
.sub-menu-content-left > ul {padding: 0; margin: 0 0 3rem; list-style: none;}
.header-wrapper {display: flex; flex-wrap: wrap; position: relative; padding-top: 0.75rem;}
.header-left {width: 177px;}
.header-right {width: calc(100% - 177px);}
.region-header-right-top {display: flex; flex-wrap: wrap; justify-content: flex-end; padding-top: 0.2rem;}
ul.social-links-menu {list-style: none; display: flex; gap: 0 0.75rem; margin: 0 0 0 1rem; padding: 0;}
.social-links-menu svg {transition:var(--t); fill: var(--texte);}
.social-links-menu svg:hover {fill: var(--rouge);}
.menu--main ul.menu {list-style: none; display: flex; margin: 0 0 0 1rem; padding: 0; font-size: 12px; font-weight: 700; font-family: var(--tk); text-transform: uppercase;}
#block-tpz-headerleft ul.menu {list-style: none; display: flex; margin: 0.2rem 0 1.8rem; padding: 0; font-size: 12px; font-weight: 700; font-family: var(--tk); text-transform: uppercase;}
#block-tpz-headerleft ul.menu a {display: inline-block; position: relative; margin-right: 1rem;}
#block-tpz-headerleft ul.menu a:after {content: ""; width: 4px; height: 4px; border-radius: 50%; background: #5E6A71; position: absolute; left: 4px; top:100%;}
.user-link {display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; font-family: var(--tk); margin-left: 1rem;}
.user-link svg {fill: var(--texte); transition: var(--t);}
.user-link:hover svg {fill:var(--rouge);} 
.user-link:hover {color: var(--rouge);}
div[data-drupal-selector="search-block-form"] .js-form-submit {width: 16px; height: 16px; background: var(--rouge) url(../images/search.svg) no-repeat center; overflow: hidden; text-indent: 100%; white-space: nowrap; border-radius: 50%; padding: 0; position: absolute; top: 5px; right: 8px;}
div[data-drupal-selector="search-block-form"] .js-form-submit:hover {background-color: var(--texte);}
div[data-drupal-selector="search-block-form"] .form-search {border: 0; width: 225px; height: 20px; padding: 0 0.5rem; background: #F2F5F8; border-radius: 20px; font-family: var(--tk); font-size: 12px; font-weight: 500; color: #5E6A71;}
form#search-block-form {position: relative; margin-left: 1rem; transform: translateY(-1px);}
.menu--main ul.menu a {display: inline-block; padding: 0.25rem 1rem; position: relative;}
.menu--main ul.menu a:hover {color: var(--rouge);}
.menu--main ul.menu li:not(:last-child) a:after {content: ""; width: 0.1rem; height: 16px; background: #707070; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%);}
div[data-drupal-selector="search-block-form"] .form-search {outline: none;}

/*Menu*/

a.menu-link {display: inline-block; margin-top: 18px; color: #1E1E1C;}
.icon-men {width: 24px; height: 22px; position: relative; display: inline-block}
.icon-men span {position: absolute; left: 0; top: 0; display: inline-block; border-radius: 3px; background: #1E1E1C; width: 100%; height: 4px; transition: var(--t); transform-origin: left; opacity: 1;}
.icon-men span:nth-child(2) {top: 50%; transform: translateY(-50%);}
.icon-men span:nth-child(3) {top: calc(100% - 4px);}
.icon-menu-open .icon-men span:first-child {top: -2px; width: 130%; transform: rotate(45deg);}
.icon-menu-open .icon-men span:nth-child(2) {opacity: 0;}
.icon-menu-open .icon-men span:nth-child(3) {top: calc(100% - 2px); transform: rotate(-45deg); width: 130%;}
#block-tpz-menuresp {position: absolute; bottom: 0; right: 0; display: none;}


/*Homepage*/
.element-top {position: relative;}
.view-header-bg img {width: 100%; max-height: 500px; min-height: 312px; object-fit: cover;}
.path-frontpage .view-header-bg {position: absolute; left: 0; top: 0; width: 100%;}
h1.welcome-title {display: inline-block; color: white; font-size: 33px; font-weight: 400; font-family: var(--tk); margin: 2.5rem 0 2rem;}
.region.region-content-top {position: relative; z-index: 2; background: white; box-shadow: var(--bs); border-radius: 11px; display: flex; flex-wrap: wrap; overflow: hidden; margin-bottom: 3rem;}
h1.welcome-title span {font-weight: 700;}
#block-tpz-views-block-news-list-block-1 {width: 66.666%;}
#block-tpz-views-block-news-list-block-2 {width: 33.3333%; padding: 0.75rem 1.25rem;}
.main-news {display: flex; flex-wrap: wrap;}
.main-news-left {width: 50%; padding: 1.5rem 2.5rem; display: flex; justify-content: center; flex-direction: column;}
.main-news-right {width: 50%;}
.mini-news a {display: flex; flex-wrap: wrap; padding-bottom: 0.75rem; margin-bottom: 0.75rem; border-bottom: 1px solid #374249;}
.view-news-list .view-content .views-row:last-child .mini-news a {border: 0;}
.mini-news-left {width: 27%;}
.mini-news-right {width: 73%; padding-left: 0.6rem;}
.view-news-list .view-header h2 {margin: 0 0 2rem; transform: none;}
.view-news-list .view-header h2:before {content: ""; width: 104px; height: 1px; position: absolute; left: -1.3rem; bottom: -10px; background: #374249; top: inherit; transform: none;}
.view-news-list .view-header h2:after {content: ""; width: 12px; height: 12px; position: absolute; left: 80px; bottom: -15px; background: var(--rouge); border-radius: 50%; top: inherit; transform: none;}
.mini-news-date {font-size: 12px; font-family: var(--tk);}
h3.mini-news-title {margin: 0; font-size: 17px; font-family: var(--tk); font-weight: 700;}
.mini-news-descr {font-size: 14px;}
.main-news-right img {width: 100%;}
.main-news-date {font-size: 14px; font-family: var(--tk);}
h2.main-news-title {margin: 1rem 0; font-size: 24px; font-family: var(--tk);}
.main-news-link a {display: inline-block; font-size: 17px; font-weight: 700; font-family: var(--tk); margin-left: 1rem;}
.main-news-link a:hover {color: var(--rouge);}
.main-news-link a:after {content: ""; width: 10px; height: 15px; background: url(../images/arrow-red.svg) no-repeat center; display: inline-block; transition: var(--t); margin-left: 0.5rem; transform: translateY(2px);}
.has-second-sidebar {display: flex; flex-wrap: wrap;}
.layout-sidebar-second {width: 370px; padding: 4rem 0 0 2rem;}
.has-second-sidebar > .region-content {width: calc(100% - 370px); padding-right: 2.5rem;}
.view-wall:not(.view-display-id-page_3):not(.view-display-id-page_2):not(.view-display-id-block_3):not(.view-display-id-block_2) .view-content {display: flex; flex-wrap: wrap; gap: 1rem 3rem; max-height: 1450px; overflow: auto; padding-right: 1rem; margin-bottom: 3rem;}
.view-wall.view-display-id-block_2 .view-content {max-height: 1450px; overflow: auto;}
.view-wall .view-content > div {width: calc(50% - 1.5rem); color: white; border-radius: 11px; padding: 0.5rem; background: #5E6A71;}
.view-wall.view-display-id-block_2 .view-content > div {margin-bottom: 1.5rem;}
h3.wall-title {font-size: 21px; font-weight: 700; margin: 0.5rem 0 0; font-family: var(--tk);}
h3.wall-title a:hover {color: inherit;}
.image-wrapper img {width: 100%;}
.flag a {width: 29px; height: 29px; display: inline-block; background: url(../images/heart.svg) no-repeat center; overflow: hidden; text-indent: 100%; white-space: nowrap; border-radius: 50%;}
.action-unflag.flag a, .flag a:hover {background-color: var(--rouge);}
.image-wrapper {min-height: 42px;}
.image-wrapper .flag {margin-top: 0.5rem;}
#block-tpz-views-block-wall-block-3 .image-wrapper .flag {margin-top: 0.5rem; position: absolute; right: 0.5rem; top: 0;} 

.image-wrapper .field--name-field-immage-du-commentaire + .flag, .image-wrapper a + .flag {position: absolute; left: 0.75rem; bottom: 0.5rem;}
.path-wall .views-field-rendered-entity .image-wrapper .flag {position: absolute; right: 0; top: -40px;}
.path-wall h3.wall-title {padding-right: 2rem;}
.node--type-article.node--view-mode-teaser .field--name-body p {margin: 0.5rem 0;}
.view-wall .view-content::-webkit-scrollbar {width: 7px; transform: translateX(10px);}
.view-wall .view-content::-webkit-scrollbar-track {background: #DBDBDB; border-radius: 10px;}
.view-wall .view-content::-webkit-scrollbar-thumb {background: var(--rouge); border-radius: 10px; max-height: 50px;}
.view-wall .view-content::-webkit-scrollbar-thumb:hover {background: #b30000;}
.view-happy-birthday {padding: 0 1.5rem; margin-bottom: 3rem;}
.view-happy-birthday .slick-arrow {width: 17px; height: 17px;}
.view-happy-birthday .slick-arrow.slick-next {right: -1rem;}
.view-happy-birthday .slick-arrow.slick-prev {left: -1rem;}	
.user-birthday {display: flex; flex-wrap: wrap; margin-bottom: 1.5rem;}
.user-birthday-left {width: 100%;}
.user-birthday-left img {border-radius: 11px;}
.user-birthday-right {width: 100%; padding-left: 1rem; display: flex; justify-content: center; flex-direction: column;}
.view-happy-birthday .views-row.slick-slide {padding: 0 0.5rem; text-align: center;}
.view-happy-birthday .views-row.slick-slide .user-birthday-left img {display: inline-block;}
.view-happy-birthday .views-row.slick-slide .user-birthday-right {padding-left: 0;}
.view-happy-birthday .views-row:not(.slick-slide) .user-birthday-left {width: 99px;}
.view-happy-birthday .views-row:not(.slick-slide) .user-birthday-right {width: calc(100% - 99px);}
.user-name {font-weight: 700;}
.user-fonction {font-weight: 300;}
.node-edit .field-edit-link {display: none;}
.path-comment {display: block!important;}
.path-comment .element-top, .path-comment header, .path-comment #toolbar-administration {display: none!important;}
.user-login-form {background: #5E6A71; max-width: 500px; margin: 0 auto; padding: 1.5rem; color: white; border-radius: 11px;}
.view-happy-birthday .slick-dots {bottom: 0;}
#block-tpz-creerunsujet .button {margin-bottom: 2rem; font-size: 1.1rem;}
.path-wall .region-content #block-tpz-contentform {display: none;}
#block-tpz-creerunsujet .button:focus {color: white;}
.top-article-right-bottom .user-role article, .top-article-right-bottom .user-role div {display: inline;}
.profile > .field--name-field-prenom {margin-bottom: 0;}
.node-edit.page-node-type-article .js-form-type-vertical-tabs, .node-edit.page-node-type-commentaire .js-form-type-vertical-tabs {display: none;}


/*Widget quick link*/
.paragraph-quick-link > a {transition: var(--t); width: 74px; height: 74px; background: var(--rouge); text-align: center; display: flex; flex-wrap: wrap; justify-content: center; border-radius: 11px; flex-direction: column; text-align: center;}
.custom_user_link .field--name-field-icone-du-lien {transition: var(--t); width: 74px; height: 74px; background: #474e5e; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; border-radius: 11px; flex-direction: column; text-align: center;}
.paragraph-quick-link .field--name-field-icon-quick-link article, .paragraph-quick-link .field--name-field-icone-lien, .custom_user_link .field--name-field-icone-du-lien img {display: inline-block; max-width: 49px; margin: 0 auto;}
.paragraph-quick-link > a:hover, .custom_user_link .field--name-field-icone-du-lien:hover {background: #5E6A71;}
.titre-quick-link {font-size: 11px; font-weight: 300;}
.field--name-field-quick-link {display: flex; flex-wrap: wrap; gap: 0.85rem; padding-left: 0;}
.paragraph-quick-links {margin-bottom: 3rem; position: relative;}
.custom_user_link .titre-icone-lien {position: relative; bottom: 0; left: 0; white-space: inherit; max-width: 74px;}


/*Widget chiffres clés*/
.paragraph--type--chiffre-cle .field--name-field-titre-chiffre {font-size: 10px; font-weight: 500; font-family: var(--tk); margin-bottom: 0.5rem;}
.paragraph--type--chiffre-cle .field--name-field-chiffre {font-size: 49px; font-weight: 700; font-family: var(--tk);}
.paragraph-chiffres-cles .field--name-field-chiffre-cle {display: flex; text-align: center; flex-wrap: wrap;}
.paragraph-chiffres-cles .field--name-field-chiffre-cle > div {width: 33.333%; padding: 0 0.5rem; margin-bottom: 0.5rem; border-right: 1px solid #37424A;}
.paragraph-chiffres-cles .field--name-field-chiffre-cle > div:nth-child(3n-6) {border: 0;}
.paragraph-chiffres-cles {margin-bottom: 2rem;}

/*Widget boutons liens*/
.link-gris-content {transition: var(--t); background: #e2e2e2; display: flex; flex-wrap: wrap; padding: 1rem; border-radius: 11px;  margin-bottom: 2rem;}
.link-gris-content-ico {width: 43px;}
.link-gris-content-text {width: calc(100% - 43px); padding-left: 1rem; display: flex; justify-content: center; flex-direction: column; color: #5E6A71; font-size: 18px; font-weight: 700; font-family: var(--tk); transition: var(--t);}
a.link-gris {display: inline-block;}
a.link-gris:hover .link-gris-content {background: #d0cfcf;}
a.link-rouge {display: block; background: var(--rouge); color: white; padding: 0.25rem 2rem 0.25rem 1rem; position: relative; font-family: var(--t); font-size: 17px; font-weight: 700; margin-bottom: 2rem;}
a.link-rouge:after {content: ""; width: 10px; height: 15px; position: absolute; right: 0.75rem; top: 8px; background: url(../images/arrow-white.svg) no-repeat center; }

/*Wall*/
.view-wall.view-display-id-page_2 .view-content > div, .view-wall.view-display-id-block_3 .view-content > div, .view-wall.detail-de-contenu .view-content > div {width: 100%; color: white; border-radius: 11px; padding: 1rem; background: #DCDCDC; margin-bottom: 3rem;}
.js-media-library-views-form {display: flex; flex-wrap: wrap; gap: 1rem; padding-top: 1rem;}
.js-filter-wrapper {display: none;}
.comment {background: #5E6A71; margin-bottom: 20px; width: calc(33.3333% - 15px); border-radius: 11px;}
.top-article-left img {border-radius: 50%; height: 40px; object-fit: cover;}
.content-article {color: var(--texte); margin-bottom: 2rem; position: relative;}
.content-article:after {content: ""; width: 350px; height: 2px; max-width: 50%; background: #A5ACAF; position: absolute; left: 50%; bottom: -17px; transform: translateX(-50%);}
.field--name-field-image-principale {display: flex; gap: 1rem; flex-wrap: wrap;}
.top-article {display: flex; flex-wrap: wrap; margin-bottom: 0.75rem;}
.top-article-left {width: 40px;}
.top-article-right {width: calc(100% - 40px); font-size: 12px; font-weight: 500; padding-left: 0.75rem; display: flex; justify-content: center; flex-direction: column; font-family: var(--tk);}
.top-article-right-top {font-size: 16px; font-weight: 700;}
span.date-from {margin-right: 1.25rem;}
span.user-role {padding-left: 0.5rem; border-left: 1px solid white;}
.bottom-article .field--name-body {font-weight: 300; font-size: 14px;}
.content-article .flag {position: absolute; top: 0; right: 2rem;}
.content-article .flag a {width: 19px; height: 19px; background-size: 10px;}
span.count-number {font-family: var(--t); font-weight: 700; font-size: 15px; padding-left: 0.3rem; transform: translateY(-3px); display: inline-block;}
.view-id-wall.view-display-id-block_1 span.count-number {transform: translateY(-8px);}
h1.welcome-title .img-portrait {margin: 0 0 -1.5rem 1rem; border-radius: 50%; overflow: auto; background: white; display: inline-block; width: 75px;}
.block-add-comment {background: #5E6A71; padding: 0 0 0.75rem; border-radius: 11px; position: relative;}
input[data-drupal-selector="edit-preview"] {display: none;}
.add-comment-title {font-size: 20px; font-weight: 700; margin-bottom: 0; font-family: var(--tk);}
.layout-content form input[type="text"], .layout-content form input[type="password"] {width: 100%; padding: 0.5rem; border-radius: 11px; border: 0;}
.layout-content form input[type="email"] {padding: 0.5rem; border-radius: 11px; border: 0;}
.layout-content form textarea {width: 100%; padding: 0.5rem; border-radius: 11px; border: 0; min-height: 95px;}
.layout-content form .js-form-item {margin-bottom: 0.75rem;}
.layout-content form label, .layout-content form .label {font-size: 12px; font-weight: 700; font-family: var(--tk); display: block; margin-bottom: 0.25rem;}
.layout-content form .form-actions {text-align: right:}
.block-add-comment input[data-drupal-selector="edit-submit"] {position: absolute; right: 0.7rem; bottom: 0.75rem;}
.layout-content form input[data-drupal-selector="edit-submit"].button {padding-right: 2rem; background: var(--rouge) url(../images/arrow-white.svg) no-repeat calc(100% - 10px) 7px; background-size: 7px;}
.block-formblock-node {background: #5E6A71; padding: 0.75rem; border-radius: 11px; position: relative!important; margin-bottom: 2rem; color: white;}
.block-formblock-node h2 {padding-left: 0; font-size: 20px; margin-bottom: 0.5rem; transform: none;}
.block-formblock-node h2:before, .block-formblock-node h2:after {display: none;}
.block-formblock-node label > .field-edit-link {display: none;}
.description {display: none;}
.anchor {position: relative; top: -150px;}
.region-top-large .block-block-content img {width: 100%; max-height: 500px; min-height: 200px; object-fit: cover;}
.region-top-large .block-block-content .field--name-body {position: absolute; width: 100%; padding: 0 15px; max-width: 1190px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.region-top-large .block-block-content .field--name-body h1 {color: white; font-size: 57px; font-weight: 300; font-family: var(--tk); font-weight: 300;}
.region-top-large .block-block-content .field--name-body h1 strong {font-weight: 700;}
/*body:not(.path-frontpage):not(.page-node-type-news) .region-top-large {margin-bottom: 3rem;}*/
h1.page-title {margin: 2rem 0 2rem 2rem; font-size: 35px;}
h1.page-title:before, .view-id-podcasts.view-display-id-page_1 .view-content > h3:before {content: ""; width: 500px; height: 0.05rem; position: absolute; right: calc(100% + 0.5rem); top: 50%; background: #374249;}
h1.page-title:after, .view-id-podcasts.view-display-id-page_1 .view-content > h3:after {content: ""; width: 12px; height: 12px; position: absolute; right: calc(100% + 0.5rem); top: 50%; background: var(--rouge); border-radius: 50%; transform: translateY(-50%);}
.path-wall .layout-content {position: relative;}
.path-wall .js-form-item-populate {position: absolute; right: 0; top: 0; max-width: 250px;}
.path-wall .js-form-item-populate input {background: #EFEFEF; border-radius: 20px!important; height: 37px; color: #5E6A71; }
.path-wall .js-form-item-populate label {transition: var(--t); width: 24px; height: 24px; background: var(--rouge) url(../images/search.svg) no-repeat center; background-size: 11px; overflow: hidden; text-indent: 100%; white-space: nowrap; border-radius: 50%; padding: 0; position: absolute; top: 0.4rem; right: 8px; cursor: pointer; z-index: 2;}
.path-wall .js-form-item-populate label:hover {background-color: var(--texte);}
select {border: 0; background: var(--rouge); color: white; padding: 0.5rem; height: 38px; width: 278px;}
.bef-exposed-form {margin-bottom: 1.5rem;}
ul.pager__items.js-pager__items {display: flex; list-style: none; gap: 0.75rem; justify-content: center;}
li.pager__item.is-active a, ul.pager__items.js-pager__items a:hover {color: var(--rouge);}
.bef-exposed-form .button {display: none;}
.shs-widget-container[data-shs-level="0"] select {border: 0; background: var(--rouge); color: white; padding: 0.5rem; height: 38px; width: 278px;}
.shs-widget-container[data-shs-level="1"] select {border: 0; background: rgba(94, 106, 113, 0.7); color: white; padding: 0.5rem; height: 38px; width: 278px; -webkit-backdrop-filter: blur(10px;); backdrop-filter: blur(10px);}
.view-wall .view-filters {margin-bottom: 2rem;}
/*.field--name-field-theme select {border: 0; background: white; padding: 0.5rem; height: 38px; width: 278px; border-radius: 11px;}*/
.block-formblock-node .form-actions {position: absolute; right: 1rem; bottom: 1rem;}
.accordion-link {width: 16px; height: 16px; display: inline-block; position: relative; cursor: pointer; margin-top: 0.35rem;}
.accordion-link:before {content: ""; width: 100%; height: 2px; background: white; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.accordion-link:after {content: ""; width: 2px; height: 100%; background: white; position: absolute; left: 50%; top: 0; transform: translateX(-50%) rotate(0deg); transition: var(--t);}
.accord-open.accordion-link:after {transform: translateX(-50%) rotate(90deg);}
.comment-accordion {display: flex; justify-content: space-between; cursor: pointer; padding: 0.75rem 0.75rem 0; gap: 1rem;}

.block-add-comment .comment-form {display: none; padding-top: 0.75rem;}
.contextual-region {position: inherit;}
.path-wall .region-top-large {margin-bottom: 3rem;}
h2.top-article-title {margin-top: 5px;}
#block-tpz-views-block-infos-user-block-1, #block-tpz-alertnoinfos {display: none;}
header[role="banner"], footer[role="contentinfo"], body:not(.role-anonymous) {opacity: 0;}
.infos-ok header[role="banner"], .infos-ok footer[role="contentinfo"] {opacity: 1;}
.no-infos header[role="banner"], .no-infos footer[role="contentinfo"] {display: none;}
.no-infos .region-highlighted {display: none;}
.no-infos #block-tpz-alertnoinfos {display: block; margin: 2rem 0; padding: 1rem 1rem 0; border: 2px solid var(--rouge);}
.no-infos, .infos-ok {opacity: 1!important;}
.from-addcmt {display: none;}
#block-tpz-contentform-2 .node-commentaire-form {display: flex; flex-wrap: wrap;}
#block-tpz-contentform-2 .node-commentaire-form > div {width: 100%;}
#block-tpz-contentform-2 .node-commentaire-form .form-actions {order: 10; position: inherit; left: 0; bottom: 0; text-align: right;}
.block-add-comment #block-tpz-contentform-2 input[data-drupal-selector="edit-submit"] {position: inherit; left: 0; bottom: 0;}
.block-add-comment .entity-content-form-footer {display: none;}
footer #block-tpz-contentform-2, .tabledrag-toggle-weight-wrapper {display: none;}

.bottom-article > .item-list > ul, .videos-content > .item-list > ul {display: flex; flex-wrap: wrap; gap: 1rem}
.bottom-article > .item-list > ul > li, .videos-content > .item-list > ul > li {margin-bottom: 1rem;}
.subject-comment {font-size: 1rem; font-weight: 400;}
.paragraph-quick-link {text-align: center;}
.node-delete .region-top-large, .node-edit .region-top-large {display: none;}

/*News list*/
.view-id-news_list.view-display-id-page_1 .view-content, .view-id-news_list.view-display-id-page_2 .view-content, .liste-news .view-content {display: flex; flex-wrap: wrap; gap: 1rem;}
.view-id-news_list.view-display-id-page_1 .view-content > div, .view-id-news_list.view-display-id-page_2 .view-content > div, .liste-news .view-content > div {width: calc(33.3333% - 0.67rem); border-radius: 11px; box-shadow: var(--bs); margin-bottom: 1.25rem; padding: 1.5rem 1.75rem;}
.list-news-img img {width: 100%;}
.list-news-title {margin: 0.75rem 0 0.6rem; font-size: 21px; font-weight: 700; font-family: var(--tk);}
.list-news .main-news-link a {margin-left: 0;}

/*News details*/
.view-background-news {position: absolute; top: 0; left: 0; width: 100%;}
.view-background-news img {width: 100%; max-height: 700px; min-height: 300px; object-fit: cover;}
.page-node-type-news .main-wrapper {position: relative;}
.page-node-type-news h1.page-title {color: white; margin-top: 4rem;}
.page-node-type-news .field--name-field-resume {color: white; padding-left: 100px; margin-bottom: 4rem;}
.field--name-field-images-slider {margin-bottom: 4rem; box-shadow: var(--bs);}

/*Paragraph two col*/
.paragraph--type--deux-colonnes {display: flex; flex-wrap: wrap; gap: 0 4rem;}
.paragraph--type--deux-colonnes > div {width: calc(50% - 2rem);}
.field--name-field-contenu > div {margin-bottom: 3rem;}
.field--name-field-contenu > .paragraph--type--texte-libre {padding-left: 6rem;}
.field--name-field-colonne-de-droite > div, .field--name-field-colonne-de-gauche > div {margin-bottom: 1.5rem;}
.field--name-field-contenu h2 {font-size: 30px; }

/*Paragraph image large*/
.paragraph--type--image-large {position: relative;}
.paragraph--type--image-large img {box-shadow: var(--bs); border-radius: 11px; min-height: 150px; object-fit: cover; margin: 0 auto;}
.field--name-field-texte-par-dessus-l-image {color: white; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center;}
.layout-paragraphs-component-form .field--name-field-texte-par-dessus-l-image, #edit-field-contenu-wrapper .field--name-field-texte-par-dessus-l-image, form .field--name-field-texte-par-dessus-l-image {color: inherit; position: relative; left: 0; top: 0; transform: none; width: auto; text-align: left; margin-top: 2rem;}


/*List pdf*/
.paragraph-document > a {display: inline-block; background: #F2F5F8; font-size: 20px; font-weight: 600; border-radius: 11px; box-shadow: var(--bs); padding: 0.25rem 3.5rem 0.25rem 0.75rem; margin-bottom: 1rem;}
span.icon-pdf {display: inline-block; transform: translateY(3px);}
span.pdf-text {line-height: 1; display: inline-block; transform: translateY(-2px); padding-left: 0.5rem;}
.field--name-field-description-du-fichier {font-weight: 300;}
.field--name-field-documents-pdf {display: flex; flex-wrap: wrap; gap: 4rem; justify-content: center; text-align: center;}
.field--name-field-documents-pdf > div {width: calc(33.3333% - 2.75rem);}

/*List icons*/
.field--name-field-icone-et-texte {display: flex; flex-wrap: wrap; gap: 6rem; justify-content: center;}
.field--name-field-icone-et-texte > div {text-align: center; max-width: 121px;}
.field--name-field-texte-descriptif {font-size: 18px; font-weight: 500;}
.field--name-field-icone-text {display: inline-block; margin-bottom: 0.5rem;}
form .field--name-field-icone-et-texte, form .field--name-field-documents-pdf {display: block;}
form .field--name-field-icone-et-texte > div, form .field--name-field-documents-pdf > div {text-align: left; max-width: 100%; width: auto;}
form .horizontal-tab-button.selected, form .horizontal-tabs .horizontal-tab-button {color: #232429;}


/*Footer*/
footer[role="contentinfo"] {width: 100%; display: inline-block; margin-top: 4rem; font-family: var(--tk); font-weight: 300; font-size: 12px;}
footer ul.menu {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
footer ul.menu a {padding: 0 2.5rem; position: relative;}
footer ul.menu li:not(:last-child) a:after {content: ""; width: 1px; height: 14px; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%) rotate(37deg); background: #37424A;}
#block-tpz-copyrights {text-align: center; margin: 1rem 0 2rem;}

/*Videos*/
.field--name-field-videos video {height: auto!important; object-fit: cover;}
.video-wrapper video {max-width: 100%; height: 204px!important; object-fit: cover;}
.view-id-wall.view-display-id-block_1 video {width: 100%!important; height: 210px !important;}
.tabs.primary {list-style: none; display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; margin-top: 2rem;}
.tabs.primary a {display: inline-block; background: var(--rouge); color: white; padding: 0.2rem 0.75rem;}
.tabs.primary a:hover {background: white; color: var(--rouge);}
.bottom-article .video-node-wall {display: flex; flex-wrap: wrap; gap: 1rem;}
.bottom-article .video-node-wall > div {width: calc(33.3333% - 0.67rem);}
.vertical-tabs {display: none;}
.role-anonymous .region-content {padding-top: 4rem;}
.role-anonymous .alert {display: none;}
.profile > div {margin-bottom: 1rem;}
.profile .field__label {font-weight: 700;}
.path-user .tabs.primary > li:first-child {display: none;}
.path-user .layout-container {margin: 0;}
.path-user #edit-account, details[data-drupal-selector="edit-contact"], details[data-drupal-selector="edit-timezone"], div[data-drupal-selector="edit-language"] {display: none;}
form#user-form,.contact-message-form {background: #1B242A; padding: 2rem; color: white; border-radius: 11px; max-width: 600px; margin: 0 auto;}
.path-user[data-once="form-single-submit detailsAria"] .tabs.primary {display: none;}
input[type="date"] {border-radius: 11px; padding: 0.5rem; border: 0; height: 32px; width: 120px;}
.path-user .region-content {padding-top: 3rem;}
span.file {display: block;}
.messages {padding-top: 1rem;}
.layout-content form label.option {display: inline;}
.path-contact #block-tpz-titredepage {margin-top: 3rem;}
.node-edit .details-wrapper {padding: 1rem;}
.field-group-tabs-wrapper + .js-form-type-vertical-tabs {display: none;}
.node-edit .vertical-tabs__menu-item {background: none;}
.page-node-type-news .breadcrumb {color: white;}
.number-comment {position: absolute; right: 4.5rem; font-size: 15px; top: 0; font-family: var(--t);}
.path-frontpage span.count-number, .view-wall.view-display-id-page_3 span.count-number {transform: translateY(-9px);}
.path-frontpage .number-comment, .view-wall.view-display-id-page_3 .number-comment {right: 3.5rem; font-weight: 700; top: -25px;}
.view-wall.view-display-id-page_3 .image-wrapper {padding-bottom: 0; min-height: 0;}
.view-wall.view-display-id-page_3 .image-wrapper img {margin-bottom: 1rem;}
.path-frontpage .image-wrapper {padding-bottom: 1rem; min-height: 0;}
.path-frontpage .top-hom-wrapper .flag, .view-wall.view-display-id-page_3 .top-hom-wrapper .flag {margin-top: 0.5rem; position: absolute; right: 3px; top: -36px;}
.top-hom-wrapper {position: relative; margin-top: 1.75rem;}
.link-theme {display: inline-block; margin: 0.5rem 0; font-size: 1rem; font-weight: 400;}
.tag-cat-wrapper {width: 100%;}
body:not(.path-user):not(.role-webmaster):not(.role-administrator) .block-local-tasks-block {display: none;}
.top-article-comment {padding-top: 0.5rem;}
input#edit-submit-wall {display: none;}

/*User*/
.node-contenu-impulsion-form .vertical-tabs, .node-contenu-rh-form .vertical-tabs, .node-edit .vertical-tabs, .node-news-innovation-form .vertical-tabs, .node-les-directions-vous-parlent-form .vertical-tabs, 
.node-news-form .vertical-tabs {display: block;}
.node-contenu-impulsion-form .vertical-tabs .paragraphs-tabs-hide, .node-contenu-rh-form .vertical-tabs .paragraphs-tabs-hide {display: none;}
.layout-container {margin: 0;}
.path-node #block-tpz-titredepage {margin-top: 2rem;}
.node-contenu-impulsion-form, .node-contenu-rh-form, .node-form {background: #5E6A71; color: white; padding: 1rem; border-radius: 11px;}
#block-tpz-buttonaddimpulsion {margin-bottom: 1rem;}
.field--name-field-type-de-news {display: none;}

/**/
.view-wall .item-list ul {margin: 0; padding: 0; list-style: none;}
video {max-width: 100%; object-fit: cover;}
nav.breadcrumb ol {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; font-size: 13px; margin-top: 1rem;}
nav.breadcrumb ol li {margin-right: 0.5rem; padding-right: 0.5rem; position: relative;}
nav.breadcrumb ol li:after {content: ">"; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);}
nav.breadcrumb ol li:last-child:after {display: none;}
.details-wrapper {padding: 1rem;}
form .vertical-tabs__menu-item {background: none}

iframe {max-width: 100%;}
.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}


.cm-nb {width: 24px; height: 29px; display: inline-block; background: url(../images/comment.svg) no-repeat center; background-size: 100%; color: var(--texte); text-align: center; line-height: 28px; transform: translateY(-4px);}
.cm-txt {display: none;}
.path-wall .cm-nb {width: 18px; font-size: 0.8rem;}
a.lk-tw {width: 10px; display: inline-block;}

.webform-submission-form {background: #5E6A71; padding: 1.5rem; border-radius: 11px; color: white;}
.js-form-item-lien-du-contenu {display:none;}
.view-workflow td a {font-style: italic;}

.role-gestionnaire_rh:not(.role-responsable_rh) .valid-resp, .role-gestionnaire_rh:not(.role-webmaster) .valid-webm, 
.role-gestionnaire_rh:not(.role-responsable_rh) .validate-link, .role-gestionnaire_rh:not(.role-responsable_rh) .modify-link {display: none;}
.role-responsable_rh:not(.role-webmaster) .valid-webm, 
.role-responsable_rh:not(.role-gestionnaire_rh) .modif-gest {display: none;}
.role-webmaster:not(.role-gestionnaire_rh) .ask-resp, .role-webmaster:not(.role-responsable_rh) .valid-resp {display: none;}
.role-responsable_rh:not(.role-gestionnaire_rh) .view-workflow .view-header {display: none;}


.role-contributeur_news_inno:not(.role-validateur_news_inno) .valid-resp, .role-contributeur_news_inno:not(.role-webmaster) .valid-webm, 
.role-contributeur_news_inno:not(.role-validateur_news_inno) .validate-link, .role-contributeur_news_inno:not(.role-validateur_news_inno) .modify-link {display: none;}
.role-validateur_news_inno:not(.role-webmaster) .valid-webm, 
.role-validateur_news_inno:not(.role-contributeur_news_inno) .modif-gest {display: none;}
.role-webmaster:not(.role-contributeur_news_inno) .ask-resp, .role-webmaster:not(.role-validateur_news_inno) .valid-resp {display: none;}
.role-validateur_news_inno:not(.role-contributeur_news_inno) .view-workflow .view-header {display: none;}

.role-contributeur_service:not(.role-validateur_services) .valid-resp, .role-contributeur_service:not(.role-webmaster) .valid-webm, 
.role-contributeur_service:not(.role-validateur_services) .validate-link, .role-contributeur_service:not(.role-validateur_services) .modify-link {display: none;}
.role-validateur_services:not(.role-webmaster) .valid-webm, 
.role-validateur_services:not(.role-contributeur_service) .modif-gest {display: none;}
.role-webmaster:not(.role-contributeur_service) .ask-resp, .role-webmaster:not(.role-validateur_services) .valid-resp {display: none;}
.role-validateur_services:not(.role-contributeur_service) .view-workflow .view-header {display: none;}

.role-contributeur_directions:not(.role-validateurs_directions) .valid-resp, .role-contributeur_directions:not(.role-webmaster) .valid-webm, 
.role-contributeur_directions:not(.role-validateurs_directions) .validate-link, .role-contributeur_directions:not(.role-validateurs_directions) .modify-link {display: none;}
.role-validateurs_directions:not(.role-webmaster) .valid-webm, 
.role-validateurs_directions:not(.role-contributeur_directions) .modif-gest {display: none;}
.role-webmaster:not(.role-contributeur_directions) .ask-resp, .role-webmaster:not(.role-validateurs_directions) .valid-resp {display: none;}
.role-validateurs_directions:not(.role-contributeur_directions) .view-workflow .view-header {display: none;}

.role-contributeur_news_do:not(.role-validateur_news_do) .valid-resp, .role-contributeur_news_do:not(.role-webmaster) .valid-webm, 
.role-contributeur_news_do:not(.role-validateur_news_do) .validate-link, .role-contributeur_news_do:not(.role-validateur_news_do) .modify-link {display: none;}
.role-validateur_news_do:not(.role-webmaster) .valid-webm, 
.role-validateur_news_do:not(.role-contributeur_news_do) .modif-gest {display: none;}
.role-webmaster:not(.role-contributeur_news_do) .ask-resp, .role-webmaster:not(.role-validateur_news_do) .valid-resp {display: none;}
.role-validateur_news_do:not(.role-contributeur_news_do) .view-workflow .view-header {display: none;}

.role-contributeur_news_dj:not(.role-validateur_news_dj) .valid-resp, .role-contributeur_news_dj:not(.role-webmaster) .valid-webm, 
.role-contributeur_news_dj:not(.role-validateur_news_dj) .validate-link, .role-contributeur_news_dj:not(.role-validateur_news_dj) .modify-link {display: none;}
.role-validateur_news_dj:not(.role-webmaster) .valid-webm, 
.role-validateur_news_dj:not(.role-contributeur_news_dj) .modif-gest {display: none;}
.role-webmaster:not(.role-contributeur_news_dj) .ask-resp, .role-webmaster:not(.role-validateur_news_dj) .valid-resp {display: none;}
.role-validateur_news_dj:not(.role-contributeur_news_dj) .view-workflow .view-header {display: none;}

.role-contributeur_news_sso:not(.role-validateur_news_sso) .valid-resp, .role-contributeur_news_sso:not(.role-webmaster) .valid-webm, 
.role-contributeur_news_sso:not(.role-validateur_news_sso) .validate-link, .role-contributeur_news_sso:not(.role-validateur_news_sso) .modify-link {display: none;}
.role-validateur_news_sso:not(.role-webmaster) .valid-webm, 
.role-validateur_news_sso:not(.role-contributeur_news_sso) .modif-gest {display: none;}
.role-webmaster:not(.role-contributeur_news_sso) .ask-resp, .role-webmaster:not(.role-validateur_news_sso) .valid-resp {display: none;}
.role-validateur_news_sso:not(.role-contributeur_news_sso) .view-workflow .view-header {display: none;}

.role-contributeur_news_rse:not(.role-validateur_news_rse) .valid-resp, .role-contributeur_news_rse:not(.role-webmaster) .valid-webm, 
.role-contributeur_news_rse:not(.role-validateur_news_rse) .validate-link, .role-contributeur_news_rse:not(.role-validateur_news_rse) .modify-link {display: none;}
.role-validateur_news_rse:not(.role-webmaster) .valid-webm, 
.role-validateur_news_rse:not(.role-contributeur_news_rse) .modif-gest {display: none;}
.role-webmaster:not(.role-contributeur_news_rse) .ask-resp, .role-webmaster:not(.role-validateur_news_rse) .valid-resp {display: none;}
.role-validateur_news_rse:not(.role-contributeur_news_rse) .view-workflow .view-header {display: none;}

.path-user .region-highlighted {display: flex; flex-wrap: wrap; gap: 1.2rem; padding-top: 2rem;}
.path-user .region-highlighted .tabs.primary {margin-top: 0;}
.webform-confirmation__back, #block-tpz-modifcontenu {display: none;}
form[action^="/node/add"] .field--name-field-etat-du-contenu {display: none;}
.page-node-type-article #block-tpz-content > article {display: none;}
.view-wall.view-display-id-page_3 .view-content {display: flex; gap: 1rem; flex-wrap: wrap;}
.view-wall.view-display-id-page_3 .view-content > div {width: calc(33.3333% - 1rem); margin-bottom: 2rem;}
.etat-contenu[name="responsable"] {color: var(--rouge);}
.etat-contenu[name="webmaster"] {color: #2587e2;}
.etat-contenu[name="publie"] {color: #11ce0d;}
.etat-contenu[name="modifie"] {color: #e7890f;}
td[headers="view-nid-table-column"] a {display: block; white-space: nowrap;}
#block-tpz-views-block-mail-de-l-auteur-block-1 {display: none;}
.js-form-item-e-mail-du-gestionnaire input {pointer-events: none;}

.role-gestionnaire_rh:not(.role-responsable_rh) option[value="webmaster"], .role-gestionnaire_rh:not(.role-webmaster) option[value="publie"], .view-responsables {display: none;}

/*Tableaux*/

table {
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-collapse: collapse;
}

.sticky-header {
  min-width: 0;
}

caption {
  text-align: left; /* LTR */
}

[dir="rtl"] caption {
  text-align: right;
}

th {
  position: relative;
  box-sizing: border-box;
  height: 3rem;
  padding: 0.5rem 1rem;
  text-align: left; /* LTR */
  color: #232429;
  background: #f3f4f9;
  line-height: 1.25rem; /* 20px */
}

[dir="rtl"] th {
  text-align: right;
}

/**
 * Table sort.
 */

/* Table head cell containing sort link. */

.sortable-heading {
  padding: 0 1rem;
}

/* The actual sort link. */

.sortable-heading > a {
  display: block;
  padding: 0.5rem 1.5rem 0.5rem 0; /* LTR */
  text-decoration: none;
  color: inherit;
}

[dir="rtl"] .sortable-heading > a {
  padding-right: 0;
  padding-left: 1.5rem;
}

.sortable-heading > a::before {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 1rem;
  bottom: 0;
  left: 1rem;
  display: block;
  content: "";
  border-bottom: 0.125rem solid transparent;
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen, /* Only IE 11 */
.sortable-heading > a::before {
  top: auto;
  height: 100%;
}

.sortable-heading > a::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.875rem;
  height: 1rem;
  margin-top: -0.5rem;
  content: "";
  opacity: 0.5;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
  background-size: contain;
}

@media (forced-colors: active) {

  .sortable-heading > a::after {
    opacity: 1;
    background: linktext;
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
  }
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen, /* Only IE 11 */
.sortable-heading > a::after {
  position: static;
  float: right;
  margin-top: 0.125rem; /* 2px */
  margin-right: -1.5rem; /* -24px */
}

[dir="rtl"] .sortable-heading > a::after {
  right: auto;
  left: 1rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {

  [dir="rtl"] .sortable-heading > a::after {
    background: linktext;
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M12.25.25v1.5H1.75V.25zm0 3v1.5h-7.5v-1.5zm0 3v1.5h-4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
  }
}

/* stylelint-disable-next-line selector-type-no-unknown */

_:-ms-fullscreen, /* Only IE 11 */
[dir="rtl"] .sortable-heading > a::after {
  float: left;
  margin-right: 0;
  margin-left: -1.5rem; /* -24px */
}

/* Sortable cell's link focus/hover state. */

.sortable-heading > a:focus,
.sortable-heading > a:hover {
  text-decoration: none;
}

.sortable-heading > a:focus::before,
.sortable-heading > a:hover::before {
  border-color: inherit;
}

.sortable-heading > a:focus::after,
.sortable-heading > a:hover::after {
  opacity: 1;
}

/* Sortable cell's active state. */

.sortable-heading.is-active > a {
  color: #003ecc;
}

.sortable-heading.is-active > a::before {
  border-bottom: 0.1875rem solid #003ecc;
}

.sortable-heading.is-active > a::after {
  content: none;
}

tr {
  border-bottom: 0.0625rem solid #d3d4d9;
}

tr,
.draggable-table.tabledrag-disabled tr {
  color: #232429;
  background: #fff;
}

thead tr {
  border: 0;
}

tr:hover,
tr:focus {
  color: #232429;
  background: #f5f8ff;
}

tr.color-warning:hover,
tr.color-warning:focus {
  color: #232429;
  background: #fdf8ed;
}

tr.color-error:hover,
tr.color-error:focus {
  color: #232429;
  background: #fcf4f2;
}

td {
  box-sizing: border-box;
  height: 3rem;
  padding: 0.5rem 1rem;
  text-align: left; /* LTR */
}

[dir="rtl"] td {
  text-align: right;
}

td .item-list ul {
  margin: 0;
}

/* This is required to win over specificity of [dir="rtl"] .item-list ul */

[dir="rtl"] td .item-list ul {
  margin: 0;
}

td.is-active {
  background: none;
}

/**
 * Target every .form-element input that parent is a form-item of a table cell.
 * This ignores the filter format select of the textarea editor.
 */

td > .form-item > .form-element,
td > .ajax-new-content > .form-item > .form-element {
  width: 100%;
}

/* Win over table-file-multiple-widget. */

th.is-disabled.is-disabled {
  color: #828388;
}

/* Force browsers to calculate the width of a 'select all' <th> element. */

th.select-all {
  width: 1px;
}

/**
 * Captions.
 */

.caption {
  margin-bottom: 1.25rem; /* 20px */
}

tfoot {
  font-weight: bold;
}

tfoot tr:last-child {
  border-bottom: 0;
}

tfoot tr:first-child td {
  border-top: 0.0625rem solid #919297;
}

/**
 * Responsive table cells.
 */

th.priority-low,
th.priority-medium,
td.priority-low,
td.priority-medium {
  display: none;
}

@media screen and (min-width: 38em) {
  th.priority-medium,
  td.priority-medium {
    display: table-cell;
  }
}

@media screen and (min-width: 60em) {
  th.priority-low,
  td.priority-low {
    display: table-cell;
  }
}

.tabledrag-toggle-weight-wrapper {
  margin-top: 1.5rem;
  line-height: 1.75rem;
}

.tabledrag-toggle-weight-wrapper + table,
.tabledrag-toggle-weight-wrapper + .tableresponsive-toggle-columns + table {
  margin-top: 0;
}

.view-mes-contenus td a{
	color: var(--rouge);
}

.view-mes-contenus td a:hover {
	color: inherit;
}

@media screen and (max-width: 1370px) {
	.views-field-field-submenu {min-width: 82vw;}
}

@media screen and (max-width: 1120px) {
	.view-mega-menu .view-content {background: #1B242A; position: relative; left: 0; top: 0; z-index: 2; color: white; width: 100%; padding: 2rem;}
	.view-mega-menu .view-content > .views-row {width: 100%; margin-bottom: 1rem;}
	.views-field-field-submenu {position: relative; background: none; top: inherit; left: 0; transform: none; padding: 1rem 1.5rem 0; z-index: 7000; width: 100%;}
	.sub-menu-content {flex-wrap: wrap;}
	.sub-menu-content-left {width: 100%; text-align: left;}
	.paragraph-icon.bloc-link-50 > a {width: 82px; height: 82px; padding: 1rem;}
	.field--name-field-icone-du-lien img {max-width: 100%;}
	.field--name-field-logo-de-l-intro {width: 100px; height: 100px;}
	.bloc-link-50 .field--name-field-icone-du-lien > article {max-width: 34px;}
	.bloc-link-50.is-target-blank.paragraph-icon > a:after {width: 12px; height: 13px;}
	.paragraph-icon {padding: 0 0.75rem;}
	.field--name-field-icones-liens {flex-wrap: wrap;}
	.sub-menu-content-left > ul {margin: 0;}
	header[role="banner"] {height: 110px; top: -110px;}
	.sticky header[role="banner"] {height: 110px;}
	.sticky {padding-top: 110px;}
	.region-header-right-bottom {position: fixed; left: 0; top: 110px; background: white; width: 100%; height: calc(100vh - 110px); z-index: 20; overflow: auto; display: none;}
	.icon-menu-open .region-header-right-bottom {display: block;}
	.paragraph-icon > a {margin-bottom: 1.75rem;}
	.view-id-mega_menu .views-field-title:after {}
	.view-id-mega_menu .views-field-title:after {margin-left: 0.95rem; width: 7px; height: 17px; background: url(../images/arrow-white.svg) no-repeat center; transform: rotate(0deg) translateY(3px); background-size: 100%;}
	.view-id-mega_menu .views-field-title.link-open:after {transform: rotate(90deg) translateX(3px);}
	.menu--main ul.menu {flex-wrap: wrap; margin-top: 2rem;}
	.menu--main ul.menu li {width: 100%; margin-bottom: 0.75rem;}
	.menu--main ul.menu li:not(:last-child) a:after {display: none;}
	ul.social-links-menu {margin: 0 2rem 0 2rem; padding: 2rem 0 0; border-top: 1px solid #37424A;}
	header ul.social-links-menu {display: none;}
	.social-links-menu .lk-linkedin svg {width: 23px;}
	.social-links-menu .lk-tw svg {width: 27px;}
	.social-links-menu .lk-fb svg {width: 25px; margin-top: 10px;}
	.social-links-menu a {display: inline-block;}
	.social-links-menu a.lk-fb {transform: translateY(-8px);}
	#block-tpz-menuresp {display: block;}
	a.open-search {display: inline-block; width: 20px; height: 20px; background: var(--rouge); border-radius: 50%; text-align: center; line-height: 1.05; margin-right: 0.5rem; transform: translateY(-6px);}
	#block-tpz-formulairederecherche {background: white; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; padding: 0.75rem 1rem 0; display: none; width: 100%;}
	header .js-form-type-search {width: 100%;}
	.close-search-svg {display: none; width: 10px; padding-top: 5px;}
	.block-search-open .close-search-svg {display: inline-block;}
	.block-search-open .search-svg {display: none;}
	.block-search-open #block-tpz-formulairederecherche {display: block;}
	div[data-drupal-selector="search-block-form"] .form-search {width: 100%;}
	#block-tpz-views-block-news-list-block-2 {display: none;}
	#block-tpz-views-block-news-list-block-1 {width: 100%;}
	.has-second-sidebar > .region-content {width: 100%; padding-right: 0;}
	.path-frontpage h2:not(.main-news-title), .paragraph-title h2 {margin-left: 2.5rem;}
	.field--name-field-image-principale img {width: 100%;}
	.layout-sidebar-second {width: 100%; padding: 1rem 0 0 0.5rem;}
	h1.page-title:before, .view-id-podcasts.view-display-id-page_1 .view-content > h3:before {width: 30px;}
	.view-id-news_list.view-display-id-page_1 .view-content > div, .view-id-news_list.view-display-id-page_2 .view-content > div, .liste-news .view-content > div {width: calc(50% - 0.5rem); padding: 1rem;}
	.list-news-title {font-size: 16px;}
	.sub-menu-content-right {padding: 1rem 0 0; order: -1;}
	.header-wrapper {padding-top: 1.5rem;}
	header[role="banner"] > .container {padding: 0 20px;}
}	


@media screen and (max-width: 700px) {
	.main-news-right {width: 100%; order: -1; padding-top: 2rem;}
	.main-news {position: relative;}
	.main-news-right img {max-height: 300px; object-fit: cover;}
	.main-news-left {width: 100%; padding: 0.5rem 1.5rem 2.75rem;}
	.slick-dots button {background: var(--texte);}
	.slick-dots .slick-active button, .slick-dots button:hover {background: var(--rouge);}
	.main-news-date {background: white; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; padding: 0.5rem 1.5rem;}
	.main-news-link a {font-size: 16px; margin-left: 0;}
	.view-news-list .slick-dots {left: 50%;}
	.view-wall .view-content > div {width: 100%;}
	.field--name-field-image-principale {display: block;}
	footer ul.menu li {width: 100%; text-align: center; margin-bottom: 0.5rem;}
	footer ul.menu li:not(:last-child) a:after {display: none;}
	.region-top-large .block-block-content .field--name-body h1 {font-size: 32px; margin-top: 0;}
	.comment {width: calc(50% - 15px);}
	h1.page-title {font-size: 28px;}
	.page-node-type-news .node__content {display: flex; flex-wrap: wrap;}
	.page-node-type-news .node__content > div {width: 100%;}
	.page-node-type-news .field--name-field-resume {color: inherit; padding-left: 0; margin-bottom: 1rem;}
	.page-node-type-news .field--name-field-images-slider {margin-bottom: 2rem; order: -1;}
	.view-background-news img {min-height: 250px;}
	.paragraph--type--deux-colonnes > div {width: 100%; margin-bottom: 0rem;}
	.paragraph--type--deux-colonnes {gap: 0;}
	.field--name-field-documents-pdf > div {width: 100%;}
	.field--name-field-documents-pdf {gap: 1rem;}
	.paragraph-document > a {font-size: 16px; padding: 0.25rem 1.5rem 0.25rem 0.75rem;}
	.field--name-field-contenu > .paragraph--type--texte-libre {padding-left: 0;}
	.field--name-field-contenu > div {margin-bottom: 1rem;}
	.field--name-field-contenu h2 {font-size: 29px;}
	.field--name-field-contenu .paragraph--type--image-large h2 {margin: 0;}
	.field--name-field-contenu > div.paragraph--type--image-large {margin-bottom: 2.5rem;}
	.field--name-field-icone-et-texte {gap: 2rem;}
	.bottom-article .video-node-wall > div {width: 50%;}
	.field--name-field-texte-de-l-intro {width: 100%;}
	
}


@media screen and (max-width: 510px) {
	.paragraph-chiffres-cles .field--name-field-chiffre-cle > div {width: 50%;}
	.paragraph-chiffres-cles .field--name-field-chiffre-cle > div:nth-child(3n-6) {border-right: 1px solid #37424A;}
	.paragraph-chiffres-cles .field--name-field-chiffre-cle > div:nth-child(even) {border: 0 !important;}
	.comment {width: 100%;}
	.view-id-news_list.view-display-id-page_1 .view-content > div, .bottom-article .video-node-wall > div, .view-id-news_list.view-display-id-page_2 .view-content > div, .liste-news .view-content > div {width: 100%;}
.add-comment-title {font-size: 17px;}
}

#block-tpz-views-block-wall-block-2 {margin-bottom: 3rem;}
.page-node-type-commentaire {display: none;}

/*Wall commentaires de niveau 2*/
.add_sub_comment {text-align: center; margin: 0.25rem 0 1.25rem;}
.page-add-comment .node-commentaire-form {background: #5E6A71; padding: 0.75rem; border-radius: 11px; margin-bottom: 2rem; color: white;}
.field--name-field-commentaire-de-niveau-1-co {display: none;} 
#block-tpz-views-block-sujet-de-commentaire-block-1 {display: none;} 
.view-display-id-block_4 .add_sub_comment {display: none;} 
#block-tpz-views-block-createur-du-node-block-1 {display: none;}
body.node-edit:not(.role-gestionnaire_rh):not(.role-gestionnaire_impulsion):not(.role-responsable_rh):not(.role-responsable_impulsion):not(.role-webmaster) {opacity: 0;}

#block-tpz-contentform-2 .field--name-title {display: none;}
.titre-commentaire-niv-1 a {font-size: 1rem; margin-top: 1rem; display: inline-block; font-weight: 400; text-decoration: underline;}
.view-wall.view-display-id-block_3 .item-list > h3 + ul .comment, .view-wall.view-display-id-block_4 .item-list > h3 + ul .comment {width: 100%; display: flex; flex-wrap: wrap; position: relative;}
.view-wall.view-display-id-block_3 .item-list > h3 + ul .comment .type-twit-left, .view-wall.view-display-id-block_4 .item-list > h3 + ul .comment .type-twit-left {width: 150px;}
.view-wall.view-display-id-block_3 .item-list > h3 + ul .comment .type-twit-right, .view-wall.view-display-id-block_4 .item-list > h3 + ul .comment .type-twit-right {width: calc(100% - 150px); padding-top: 2.15rem;}
.view-wall.view-display-id-block_3 .item-list > h3 + ul .comment span.user-role, .view-wall.view-display-id-block_4 .item-list > h3 + ul .comment span.user-role {border: 0; padding: 0;}
.view-wall.view-display-id-block_3 .item-list > h3 + ul .comment .image-wrapper, .view-wall.view-display-id-block_4 .item-list > h3 + ul .comment .image-wrapper {padding-right: 2rem;}
.view-wall.view-display-id-block_3 .item-list > h3 + ul .comment .image-wrapper img, .view-wall.view-display-id-block_4 .item-list > h3 + ul .comment .image-wrapper img {max-width: 800px;}

.view-wall.view-display-id-block_4 .views-field-rendered-entity, .view-wall.view-display-id-block_3 .views-field-rendered-entity {padding-left: 3rem;}
.view-wall.view-display-id-block_4 h3.wall-title, .view-wall.view-display-id-block_3 h3.wall-title {margin-bottom: 1rem; display: none;}

a.btn-voir-tout {text-align: right; display: block; font-weight: 400; font-size: 0.9rem; font-style: italic; transform: translateY(11px);}

/*Multi response*/

.mini-comment-content {margin-bottom: 1rem; display: flex; flex-wrap: wrap; width: 100%; background: #DCDCDC; position: relative; border-radius: 11px; padding-left: 0.5rem; color: var(--texte);}
.comment > .field--name-field-commentaires-enfants {padding-left: 6rem; width: 100%;} 
.views-field-field-commentaires-enfants > .field-content > .item-list > ul > li > .comment.js-comment {padding: 0.75rem 0.75rem 0; margin-bottom: 20px;}
.view-wall.view-display-id-block_3 .comment {margin-bottom: 0;}
.block-add-comment.i-answer {background: none;}
.block-add-comment.i-answer .block-formblock-node {background: #DCDCDC; color: var(--texte);}
.block-add-comment.i-answer .comment-accordion {justify-content: flex-end; padding-top: 0; margin-top: -1rem;}
.block-add-comment.i-answer .add-comment-title {font-size: 0.9rem; font-weight: 400;}
.block-add-comment.i-answer .accordion-link:before, .block-add-comment.i-answer .accordion-link:after {background: var(--texte);}
.mini-comment-content + .field--name-field-commentaires-enfants .mini-comment-content {font-size: 0.85rem;}
.block-add-comment.i-answer .accordion-link {width: 12px; height: 12px; margin-top: 0.3rem;}
.block-add-comment.i-answer .accordion-link:before {height: 0.1rem;}
.block-add-comment.i-answer .accordion-link:after {width: 0.1rem;}
.views-field-field-commentaires-enfants > .field-content > .item-list > ul > li > .comment.js-comment > .mini-comment-content {background: none; color: white;}
.views-field-field-commentaires-enfants > .field-content > .item-list > ul > li > .comment.js-comment > .mini-comment-content .block-add-comment.i-answer .accordion-link:before, 
.views-field-field-commentaires-enfants > .field-content > .item-list > ul > li > .comment.js-comment > .mini-comment-content .block-add-comment.i-answer .accordion-link:after {background: white;}

form .field--name-field-sujet-correspondant, form .field--name-field-parent-du-commentaire, form .field--name-field-commentaires-enfants {display: none;}
.no-infos.path-user #block-tpz-retouraccueil {display: none;}
.field--name-field-image-de-fond .description, .field--name-field-image-de-liste .description {display: block;}
#edit-group-contenu .tabs--secondary, #edit-group-contenu th.field-label, #edit-field-image-background-wrapper .tabs--secondary {display: none;}
#edit-group-contenu tr, #edit-group-contenu .draggable-table.tabledrag-disabled tr {background: none; color: inherit;}
form .details-wrapper .tabs--secondary, form .details-wrapper th.field-label {display: none;}
form .details-wrapper tr, form .details-wrapper .draggable-table.tabledrag-disabled tr {background: none; color: inherit;}
#edit-group-entete .paragraph-bullet {display: none;}

.paragraphs-add-wrapper .button {margin: 0 1rem 1rem 0;}
.js .field--widget-paragraphs .tabledrag-handle .handle {width: 25px; padding: 0;}
.js .field--widget-paragraphs .draggable .tabledrag-handle {padding-right: 0;}

/*Synchro prod*/
.path-workflow-rh .form-select option {display: block!important;}
.subject-comment > a:hover {color: inherit;}
.view-responsables {display: none;}
body.edit-user header[role="banner"], body.edit-user .region-highlighted {
    display: none;
}
.path-frontpage h2:not(.main-news-title) a {display: inline-block; position: relative;}
.path-frontpage h2:not(.main-news-title) a:after{content: ""; width: 100%; height: 1px; background: var(--rouge); display: inline-block; transition: var(--t); position: absolute; left: 0; bottom: 0; opacity: 0;}
.path-frontpage h2:not(.main-news-title) a:hover:after {opacity: 1;}
.bottom-article {
    font-size: 1rem;
    font-weight: 400;
}
#block-tpz-views-block-createur-du-node-block-1 {display: none;}
body.node-edit:not(.role-gestionnaire_rh):not(.role-gestionnaire_impulsion):not(.role-responsable_rh):not(.role-responsable_impulsion):not(.role-webmaster) {opacity: 0;}
.views-field-field-submenu {max-height: calc(100vh - 120px); overflow: auto;}
.view-wall.view-display-id-block_3 .item-list > h3 + ul .comment .image-wrapper, .view-wall.view-display-id-block_4 .item-list > h3 + ul .comment .image-wrapper {max-width: 800px; margin: 0 auto 2rem;}
.no-infos.path-user #block-tpz-retouraccueil {display: none;}
#block-tpz-views-block-news-list-block-3 h2 {position: relative; padding-left: 60px; transform: translateX(-2.5rem); margin: 0 0 2rem;}
#block-tpz-views-block-news-list-block-3 h2:before {content: ""; width: 55px; height: 1px; position: absolute; left: 0; top: 50%; background: #374249;}
#block-tpz-views-block-news-list-block-3 h2:after {content: ""; width: 12px; height: 12px; position: absolute; left: 44px; top: 50%; background: var(--rouge); border-radius: 50%; transform: translateY(-50%);}
#block-tpz-views-block-news-list-block-3 .view-content {display: flex; flex-wrap: wrap; gap: 1rem;}
#block-tpz-views-block-news-list-block-3 .view-content > div {width: calc(33.3333% - 0.67rem); border-radius: 11px; box-shadow: var(--bs); margin-bottom: 1.25rem; padding: 1.5rem 1.75rem;}
@media screen and (max-width: 510px) {
#block-tpz-views-block-news-list-block-3 .view-content > div {width: 100%;}
}
.top-list-direction {display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 14px; font-family: var(--tk);}
#cboxCurrent {display: none!important;}


/*Paragraph slide*/
.paragraph-slide {position: relative;}
.field--name-field-description-de-l-image {position: absolute; color: white; left: 0; bottom: 0; padding: 1rem 1rem 0; background: rgba(0, 0, 0, 0.7); width: 100%;}

/*Meteo*/
input#villeInput {height: 24px; border: 1px solid black;}
.meteo-top {margin-bottom: 1rem;}
div#block-tpz-openweather {border: 1px solid #d3d3d3; padding: 1rem; border-radius: 11px; margin-top: 2rem; position: relative;}
.meteo-top p {font-style: italic;}
.meteo-block {background: #233B4B; margin: 0 auto 1rem; color: white; display: flex; flex-wrap: wrap; justify-content: center; max-width: 230px; gap: 1rem; padding: 1rem; text-align: center;}
.meteo-block-title {width: 100%;}
.meteo-block img {margin: 0 auto;} 
.meteo-block-bottom {display: flex; justify-content: center; flex-direction: column; padding-left: 1rem;}
.meteo-title {text-align: center;}
#paysInput {height: auto; width: 100%; max-width: 282px; margin-top: 1rem;
}
form[data-drupal-selector="views-exposed-form-wall-page-3"] {display: none;}
.paragraph--type--carroussel-photos .field--name-field-image-du-caroussel img {width: 100%;}
#block-tpz-views-block-custom-quick-links-block-1, .views-field-field-ville {display: none;}
.meteo-top > p:first-child {padding-right: 2rem;}

/*Nouveaux arrivés*/
#block-tpz-views-block-nouveaux-arrives-block-1 {margin-bottom: 3rem;}
#block-tpz-views-block-nouveaux-arrives-block-1 .view-content {display: flex; flex-wrap: wrap; gap: 1rem;}
#block-tpz-views-block-nouveaux-arrives-block-1 .views-row {width: calc(33.333% - 0.667rem); text-align: center;}
#block-tpz-views-block-nouveaux-arrives-block-1 .views-field-field-portrait img {border-radius: 11px;}
#block-tpz-views-block-nouveaux-arrives-block-1 .views-field.views-field-title {font-weight: 700;}
#block-tpz-views-block-nouveaux-arrives-block-1 .views-field.views-field-field-poste, #block-tpz-views-block-nouveaux-arrives-block-1 .views-field-field-lieu-de-travail {font-size: 0.9rem; font-style: italic; line-height: 1;}


.field--name-field-liens-personnalises input[type="checkbox"] {
    margin-right: 10px;
}
.ico-lk {display: flex; margin-bottom: 0.5rem;}
.ico-lk > label {display: flex!important; flex-wrap: wrap; cursor: pointer;}
.ico-lk > label img {width: 50px; margin-right: 10px;}
.ico-lk > label span {display: flex; justify-content: center; flex-direction: column;}
.ico-lk-wrapper {display: flex; flex-wrap: wrap; gap: 0 1.5rem;}
.ico-lk.lk-item-381, .field--name-field-liens-personnalises input.form-text {display: none!important;}

.view-prenom-home .views-field.views-field-field-pays {display: none;}
.field--name-field-icone-du-titre {display: inline-block; max-width: 90px;}
.paragraph-title h2 {display: flex; flex-wrap: wrap; gap: 0.5rem;}
.paragraph-title h2.titre-icon {padding-left: 0;}
.paragraph-title h2.titre-icon:before, .paragraph-title h2.titre-icon:after {display: none;}
.paragraph-title h2 > span {display: inline-flex; justify-content: center; flex-direction: column;}
.red-title {color: var(--rouge);}

/*3 colonnes*/
.field--name-field-colonnes {display: grid; flex-wrap: wrap; margin: 0 -1rem 1rem; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem;}

  
.field--name-field-colonnes > div {padding: 0 1rem; margin-bottom: 1rem;}
.field--name-field-titre-colonne {font-size: 1.2rem; font-weight: 700;}
.paragraph-colonne > div:not(.field--name-field-texte-colonne) {margin-bottom: 1rem;}
.field--name-field-lien-colonne {text-align: right;}
.field--name-field-lien-colonne a {color: var(--rouge);}
.field--name-field-lien-colonne a:hover {color: var(--texte);}
a.go-my-account {display: inline-block; width: 24px; position: absolute; right: 1rem; top: 1rem;}
.paragraph-quick-links a.go-my-account {top: 0; right: 0.5rem;}
a.go-my-account svg path {fill: var(--texte)!important; transition: var(--t);}
a.go-my-account:hover svg path {fill: var(--rouge)!important;}

.paragraph-document.paragraph-document-free > a {padding: 0.25rem 0.75rem 0.25rem 0.75rem;}
.views-field-field-image-d-entete-direction img {width: 100%;}

@media screen and (max-width: 750px) {
	.field--name-field-colonnes {display: block;}
	.field--name-field-colonnes > div {width: 100%; padding: 0;}
	.field--name-field-colonnes {max-width: 450px; margin-left: auto; margin-right: auto;}
}	

p a {color: var(--rouge);}
.view-wall a {color: inherit;}
p a:hover {text-decoration: underline; color: var(--rouge);}
.view-wall a:hover {color: inherit; text-decoration: underline;}
.webform-confirmation__message a.button:not(.load-ok) {opacity: 0.6; pointer-events: none;}
.field--type-text-long .button {padding: 0.75rem 1.75rem;}

.button2 {cursor: pointer; display: inline-block; line-height: 1; border-radius: 0; background: none; color: var(--rouge); padding: 0.75rem 1.75rem; border: 1px solid var(--rouge); position: relative; transition: var(--t); font-weight: 700; font-size: 0.9rem; font-family: var(--tk);}
.button2:hover {background: var(--rouge); text-decoration: none; color: white;}
.view-workflow .view-header {display: block!important;}


/*FAQ*/

.paragraph-accordeon {border: 1px solid #707070; border-radius: 6px; margin-bottom: 0.75rem; transition: var(--t);}
.field--name-field-question {padding: 1rem 3rem 1rem 0.5rem; cursor: pointer; font-size: 19px; position: relative; font-weight: 700;}
.field--name-field-question:after {content: ""; width: 25px; height: 35px; top: 50%; right: 1.5rem; background: url(../images/faq1.svg) no-repeat center; background-size: 100%; position: absolute; transition: var(--t); transform: translateY(-50%) rotate(0deg);}
.accord-open .field--name-field-question:after {transform: translateY(-50%) rotate(-180deg);}
.field--name-field-reponse {padding: 1rem; display: none;}
.paragraph-accordeon:hover, .paragraph-accordeon.accord-open {border-color: var(--rouge);}

/*Podcast*/
.top-podcast {
    padding: 2rem;
    box-shadow: var(--bs);
    border-radius: 11px;
	margin-bottom: 2rem;
}

.titre-chapitres {
    color: var(--rouge);
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 1rem;
}
.field--name-field-chapitres {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.field--name-field-chapitres > div {
	width: calc(33.333% - 2rem);
}
.field--name-field-chapitres .button {
	padding: 0.5em 2em 0.5em 1em; 
	position: relative;
	margin-bottom: 0.75rem;
}
.field--name-field-chapitres .button:after {
	content: ""; width: 10px; height: 15px; position: absolute; right: 0.4rem; top: 7px; background: url(../images/arrow-white.svg) no-repeat center;
}
.field--name-field-description-podcast h2 {
    margin: 0 0 1rem;
    font-size: 21px;
}
.content-podcast-media {
    margin-bottom: 2rem;
}
.view-id-podcasts.view-display-id-page_1 .view-content {display: flex; flex-wrap: wrap; gap: 1rem;}
.view-id-podcasts.view-display-id-page_1 .view-content > h3 {width: 100%; position: relative; margin: 2rem 0 0.5rem 2rem; font-size: 30px;}
.view-id-podcasts.view-display-id-page_1 .view-content .views-row {width: calc(33.3333% - 0.67rem); padding: 1.5rem 2rem; box-shadow: var(--bs); border-radius: 11px;}
.podcast-min-img img {width: 100%;}
.podcast-date {font-size: 14px; margin-bottom: 0.5rem;}
.podcast-min-img {margin-bottom: 1rem;}
.podcast-title {font-size: 21px; font-weight: 700; color: #1B242A; margin-bottom: 0.5rem;}
.podcast-link a {font-size: 17px; font-weight: 700; display: inline-block; position: relative; padding-right: 2rem; color: #1B242A;}
.podcast-link a:after {content: ""; width: 10px; height: 15px; position: absolute; right: 0.4rem; top: 0.3rem; background: url(../images/arrow-red.svg) no-repeat center;}
.podcast-link a:hover {color: var(--rouge);}
audio#audioPlayer {width: 100%;}
.date-podcast {font-family: var(--tk); margin-bottom: 0.75rem;}
@media screen and (max-width: 767px) {
	.view-id-podcasts.view-display-id-page_1 .view-content .views-row {width: calc(50% - 0.5rem);}
}	

@media screen and (max-width: 510px) {
	.view-id-podcasts.view-display-id-page_1 .view-content .views-row {width: 100%;}
}