.t4-palette-blue .nav>li a:hover {
   background-color: var(--color-white);
   border-radius: 5px;
   padding: 0px 10px 0px 10px;
   text-decoration: underline;
 }

 .t4-palette-dark h3 a,
 .t4-palette-dark h2 a,
 .t4-palette-dark h4 a {
   color: var(--color-primary);
 }

 .t4-palette-dark h3 a:focus,
 .t4-palette-dark h2 a:hover,
 .t4-palette-dark h3 a:hover,
 .t4-palette-dark h4 a:hover {
   color: var(--color-success);
 }

 .t4-palette-dark h2 a:active,
 .t4-palette-dark h3 a:active,
 .t4-palette-dark h4 a:hover {
   color: var(--color-success);
 }


 /*hr*/
 hr.rounded {
   border-top: 10px solid var(--color-primary);
   border-radius: 20px;
   width: 30%;
   margin-right: auto;
   margin-left: auto;
   margin-top: 1rem;
   margin-bottom: 1rem;
 }

 /*icone*/
 .icone {
   font-size: 3rem;
   padding: 1.5rem;
 }

 /*card*/
 .item.card {
   background-color: white;
   color: var(--color-light);
   padding: 0.5rem;
   border-radius: 15px;
 }

 .card-body {
   box-shadow: 0 0 10px 0px rgb(0 0 0 / 30%);
   border-radius: 0.5rem;
 }

 .card {
   border: none;
 }

 /*feature-list*/
 .features-list .item {
   margin: 0;
 }

 .features-list {
   padding-top: 0px;
   padding-bottom: 0px;
 }

 .features-list .card,
 .features-list .card:hover {
   padding: 0px 0px 1rem 0px;
   border-radius: 0.5rem;
   border: 0px;
   box-shadow: 0 0 10px 0px rgb(0 0 0 / 30%);
 }


 .features-list .card img {
   border-radius: 0.5rem 0.5rem 50% 50%;
   padding-bottom: 0.5rem;
 }

 .features-list .card p {
   margin: 0.5rem;
 }

 /*section*/
 #t4-header .container,
 .t4-topbar.t4-section,
 .t4-topbar.t4-section-inner,
 .t4-breadcrumbs.t4-section {
   padding-top: 5px;
   padding-bottom: 5px;
 }

 .t4-slider.t4-section,
 .t4-header.t4-section {
   padding: 0px;
 }

 .t4-section .container {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   padding-top: 0px;
   padding-bottom: 0px;
 }

 .t4-slider.t4-section .container {
   margin-top: 0rem;
   margin-bottom: 0rem;
 }

 #t4-topbar .container,
 #t4-header .container {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
   padding-top: 0px;
   padding-bottom: 0px;
 }

 h2,
 h3,
 h1,
 h4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
   margin-bottom: 0rem;
   margin-top: 0rem;

   text-shadow: 1px 1px 2px rgb(68 66 71 / 30%);
   letter-spacing: 1px;
   margin-left: 0%;
   margin-right: 0%;
 }

 .section-heading {
   padding-top: 0rem;
   padding-bottom: 0rem;
   margin-bottom: 0rem;
   margin-left: 0%;
   margin-right: 0%;
 }

 .section-heading h2 {
   font-size: var(--h2-font-size);
   font-weight: var(--heading-font-weight);
 }

 .section-heading h1,
 .page-header h1 {
   font-size: var(--h1-font-size);
 }

 .section-heading p {
   font-size: 1rem;
 }

 /*container*/
 .t4-footnav .container {
   padding: 15px;
 }

 .t4-main-body {
   padding: 0px;
 }

 /* module*/
 .module-title,
 .module-title span {
   border-bottom: 0px;
   text-shadow: 2px 2px 3px rgb(68 66 71 / 30%);
   text-transform: none;
 }

 /*menu*/
 .homemenu {
   font-size: 1.5rem;
   font-family: var(--body-font-family);
 }

 .dropdown-toggle {
   cursor: default;
 }

 .dropdown-item a {
   cursor: pointer;
   color: var(--color-white);
 }

 .dropdown-item {
   font-size: 1.2rem;
 }

 .t4-megamenu .dropdown-menu li .dropdown-item:hover {
   background-color: var(--color-success);
 }

 .t4-palette-mainnav .t4-megamenu .navbar-nav>li a:hover,
 .t4-palette-mainnav .nav li.active li a:hover {
   color: var(--color-white);
 }

 a:not([href]):not([tabindex]):hover {
   color: var(--color-success);
 }

 .navbar-brand.logo-control img.logo-img {
   max-height: 60px;
 }


 /* top bar */
 .social-list-sm li {
   padding: 0 0.5rem;
 }

 .t4-topbar.t4-section {
   padding-top: 5px;
   padding-bottom: 5px;
 }


 /*contact*/

 .btn.btn-primary:hover {
   background-color: var(--color-success);
 }

 legend {
   font-size: var(--h5-font-size);
 }

 #jform_contact_email {
   border: 1px solid #439a1c;
 }

 .contact #contact-form .controls {
   margin-left: 0px;
 }

 .contact h3 {
   font-size: var(--h3-font-size);
   border-bottom: 2px solid var(--color-primary);
 }

 .form-control {
   border: 1px solid var(--color-primary);
 }

 /*.contact-name[itemprop="name"]
{
  display: none;
}*/
 .contact-address {
   font-size: var(--h5-font-size);
 }

 .jicons-icons {
   padding-right: 10px;
 }

 .contact .page-header {
   margin-bottom: 0rem;
 }

 .contact-name[itemprop="name"] {
   border-bottom: 2px solid var(--color-primary);
   font-size: var(--h1-font-size);
 }

 .contact h3 {
   display: none;
   font-weight: 600;
   margin-bottom: 0rem;
   padding-bottom: 0rem
 }

 /*Foooter*/
 .t4-footer {
   font-size: var(--body-font-size);
 }

 .t4-footnav .t4-module .navbar .nav>li a.nav-link,
 .t4-footnav .navbar .nav>li a.nav-link {
   padding: 5px 10px 5px 10px;
 }

 .t4-footnav .navbar {
   padding: 0;
 }

 /*réferences et témoignages*/
 .col-md-2,
 .col-sm-4 {
   padding: 8px;
 }

 .testimonial-block,
 .testimonial-block img {
   box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
 }

 .testimonial-block {
   padding: 1rem 2rem 1rem;
 }

 .testimonial-block:hover:after {
   background-color: var(--color-primary);
 }

 ul.testimonial-list {
   padding-top: 3rem;
 }

 .testimonial-block:after {
   display: none;
 }


 /* breadcrumbs*/
 .breadcrumb-item.active {
   color: white;
 }

 .t4-breadcrumbs .container {
   margin-bottom: 0rem;
   margin-top: 0rem;
 }

 .breadcrumb {
   padding: 0rem;
 }


 /* tag popular et blog*/
 .tagspopular ul>li {
   background-color: var(--color-primary);
   border-radius: 0.5rem;
 }

 .tagspopular ul :hover {
   background-color: var(--color-success);
   border-radius: 0.5rem;
 }

 .tagspopular ul>li>a:hover,
 .tagspopular ul>li>a {
   color: var(--color-white);
   padding: 5px 10px;
 }

 .tagspopular .tag-count {
   background-color: var(--color-white) !important;
   border-radius: 0.275rem;
   color: var(--color-primary);
 }

 .tagspopular ul :hover .tag-count {
   border-radius: 0.5rem;
   color: var(--color-success);
   background-color: var(--color-white);
 }

 .category-desc {
   display: none;
 }

 .label-info {
   background-color: var(--color-primary);
   color: var(--color-white);
   border-radius: 0.5rem;
 }

 a.label-info:hover {
   background-color: var(--color-success);
   color: var(--color-white);
   text-decoration: none;
 }

 .com-tags-tag.tag-category h2 {
   border-bottom: 3px solid;
   border-color: var(--color-primary);
 }

 .com-tags-tag.tag-category .list-group .list-group-item {
   border-bottom: 3px solid;
   border-color: var(--color-primary);
 }

 .com-tags-tag.tag-category .list-group .list-group-item a:hover {
   color: var(--color-success);
 }

 .com-tags-tag.tag-category .list-group .list-group-item a {
   color: var(--color-primary);
 }

 /* article*/
 .com-content-article img {
   padding: 10px;
 }

 .category .list-title a {
   color: var(--color-light);
   text-decoration: none;
 }

 .category .list-title a:hover .list-title {
   background-color: var(--color-primary);
 }

 .items-more .nav-tabs>li>a:hover {
   background-color: var(--color-success);
   text-decoration: none;
 }

 /*Blog*/
 .counter,
 .pagination .page-link.disabled {
   color: var(--color-light);
 }

 .page-item.active .page-link {
   background-color: var(--color-success);
   border-color: var(--color-success);
 }

 .page-link {
   color: var(--color-light);
 }

 .page-link:hover {
   color: var(--color-success);
   background-color: var(--color-white);
 }

 .table-hover tbody tr:hover,
 .table-hover tbody tr:hover .list-title a {
   color: var(--color-white);
   background-color: var(--color-success);
 }

 .readmore .btn:hover,
 .readmore .btn:active,
 .readmore .btn:focus {
   background-color: var(--color-success);
 }

 .article-info {
   display: none;
 }

 /* cookies
.tabcontent h3 
	{
       color: var(--color-light);
    }
.refuse_tous
	{
    background-color: #ffffff;
    color: var(--color-success);
    border: 2px solid var(--color-success);
	}
.refuse_tous :active
	{
    background-color: #ffffff;
    color: var(--color-success);
    border: 2px solid var(--color-success);
	} */
 #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
   background-color: var(--color-primary) !important;
   border-color: var(--color-primary) !important;
   color: #FFFFFF;
 }

 #CookiebotWidget .CookiebotWidget-logo svg circle {
   fill: var(--color-primary) !important;
 }

 #CookiebotWidget .CookiebotWidget-consent-details button {
   color: var(--color-primary) !important;
 }

 #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
   fill: var(--color-primary) !important;
 }

 a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
 a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
   background-color: var(--color-primary) !important;
   border: 1px solid var(--color-primary) !important;
 }

 #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
   border-color: var(--color-primary) !important;
 }

 /*button*/
 .navbar button {
   width: inherit;
 }

 .navbar-toggler button {
   width: inherit;
 }

 button {
   background-color: var(--color-primary);
   color: #fff;
   font-size: 20px;
   border-radius: 99px;
   box-shadow: none;
   border: 0px solid RGBA(255, 255, 255, 1);
   width: 70%;
 }

 button a,
 button:hover a {
   color: #fff;
 }

 button:hover {
   background-color: var(--color-success);
 }

 /*Articles news*/
 .mod-articlesnews-horizontal li:not(:last-child) {
   margin-right: 0rem;
 }

 .mod-articlesnews-horizontal {
   list-style: circle;
 }

 /*devis*/
 .contact .contact-miscinfo {
   color: #fff;
   background-color: var(--color-primary);
   border-color: #FFF;
 }

 /*header*/
 .header-wrap {
   display: flex;
 }

 .navbar .navbar-toggler {
   color: var(--color-dark);
 }

 .navbar .navbar-toggler:hover {
   color: var(--color-white);
 }

 /*Fond video*/
 .avPlayerWrapper .avPlayerContainer .avPlayerBlock video {
   background: white;
 }

 #who .icone {
   color: var(--color-primary);
 }

 .animeo-tabs-tabs button {
   border-radius: 0px !important;
   width: 100%;
 }

 .animeo-tabs-tabs button:focus {
   outline: 0px;
 }

 .nav-link {
   line-height: normal;
 }

 #mission-composition-content, .animeo-tabs-block .nav-pills,
 .nav-pills .nav-link.active {
   background-color: var(--color-info);
   color: var(--body-text-color);
 }

 .nav-link.active .tab-button {
   color: #444247;
 }

 .nav-link .tab-button {
   color: #fff;
   text-shadow: 1px 1px 2px rgb(68 66 71 / 30%);
   letter-spacing: 1px;
   font-size: var(--h4-font-size);
   font-family: var(--heading-font-family);
   font-weight: var(--heading-font-weight);
   font-style: var(--heading-font-style);
   text-align: left;
 }

 .tab-pane.active {
   background-color: var(--color-info);
 }

 .tab-pane.active .card {
   background-color: var(--color-info);
 }

 #mission-composition-block .animeo-tabs-block {
   background-color: var(--color-info);
 }

 .section-sub-title {
   font-size: var(--h5-font-size);
   font-style: italic;
 }

 .section-link {
   background-color: #ebf2e2;
 }

 #sensibiliser-tab.active,
 #engager-tab.active {
   border-bottom: 0px solid rgba(195, 215, 167, 0.25) !important
 }

 #sensibiliser-tab,
 #engager-tab {
   border-bottom: 1px solid rgba(195, 215, 167, 0.25) !important
 }

 #nomadPlaces {
   font-size: var(--h5-font-size);
 }

 #nomadPlaces a {
   color: #fff;
 }

 #nomadPlaces i {
   color: var(--color-primary);
 }

 #scenarioModal .modal-dialog {
   max-width: 650px;
 }

 .modal-header {
   background-color: var(--color-danger);
 }

 /*Needed to have modal work with T4. Supposes to have boostrap-modal
 loaded in global settings > Custom Code of template
*/
 body.modal-open .modal {
   background-color: transparent !important;
   width: 100% !important;
   margin-left: auto !important;
   left: 0 !important;
   top: 0 !important;
   overflow-x: hidden;
   bottom: 0 !important;
   overflow-y: auto;
 }

 /* 
 Needed to unable full viewport width image banner
 */
 #t4-slider .t4-section-inner {
   margin: 0px;
   padding: 0px;
   max-width: none;
 }

 /* sinon une autre directive plus haut prend la main et dit width : 70%*/
 #t4-slider button {
   width: auto;
 }

 #t4-slider .modal-dialog,
 #t4-slider .modal-content {
   background-color: rgba(255, 255, 255, 0.25);
 }

 #t4-slider .modal-content {
   background-color: rgba(255, 255, 255, 0);
 }

 #hero-banner-title {
   text-shadow: 2px 2px 10px RGBA(0, 0, 0, 0.8);
 }

 #hero-banner-title h1 {
   text-shadow: 2px 2px 0px RGBA(0, 0, 0, 0.8);
 }

 #hero-banner-title a {
   text-shadow: none;
 }

 /* 
 Not implemented by T4 from bootstrap
 */
 .display-1 {
   font-size: calc(1.625rem + 4.5vw);
   font-weight: 300;
   line-height: 1.2;
 }

 @media (min-width: 1200px) {
   .display-1 {
     font-size: 5rem;
   }
 }

 .display-2 {
   font-size: calc(1.575rem + 3.9vw);
   font-weight: 300;
   line-height: 1.2;
 }

 @media (min-width: 1200px) {
   .display-2 {
     font-size: 4.5rem;
   }
 }

 .display-3 {
   font-size: calc(1.525rem + 3.3vw);
   font-weight: 300;
   line-height: 1.2;
 }

 @media (min-width: 1200px) {
   .display-3 {
     font-size: 4rem;
   }
 }

 .display-4 {
   font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
   line-height: 1.2;
 }

 @media (min-width: 1200px) {
   .display-4 {
     font-size: 3.5rem;
   }
 }

 .display-5 {
   font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
 }

 @media (min-width: 1200px) {
   .display-5 {
     font-size: 3rem;
   }
 }

 .display-6 {
   font-size: calc(1.375rem + 1.5vw);
   font-weight: 300;
   line-height: 1.2;
 }

 @media (min-width: 1200px) {
   .display-6 {
     font-size: 2.5rem;
   }
 }

 /* pour l'utilisation des icones Material Symbols de Google. auto hébergée */
 @font-face {
   font-family: 'Material Symbols Rounded';
   font-style: normal;
   src: url(/media/vendor/google/material-symbols-rounded.woff2) format('woff2');
 }

 .material-symbols-rounded {
   font-family: 'Material Symbols Rounded';
   font-weight: bold;
   font-style: normal;
   font-size: 24px;
   /* Preferred icon size */
   display: inline-block;
   line-height: 1;
   text-transform: none;
   letter-spacing: normal;
   word-wrap: normal;
   white-space: nowrap;
   direction: ltr;
   color: var(--color-primary);
 }

 /* Personalisation des tabs des scénarios Orient'ESCAPE */
 /* Common to all tabs */
 #orientescape-scenarios {
   --tab-title-font-size: 2.5rem;
   --content-h3-font-size: 1.75rem;
   --content-citation-font-size: 1.25rem;
   --mille-587-brown-color: #6f420a;
   --mission-verte-green-color: #cfdfc9;
   --reve-en-jaune-yellow-color: #edd975;
 }

 #orientescape-scenarios .tab-button {
   font-size: var(--tab-title-font-size);
 }

 #orientescape-scenarios h3 {
   font-size: var(--content-h3-font-size);
 }

 #orientescape-scenarios .citation {
   font-size: var(--content-citation-font-size);
 }

 #orientescape-scenarios .nav-link {
   height: 5rem;
 }

 /*#orientescape-scenarios .tab-pane.active {
   height: 40rem;
 }*/

 /* 1587 */
 #mille-587-tab span,
 #mille-587-content h3,
 #mille-587-content p {
   font-family: 'MedievalSharp', cursive;
   font-weight: 400;
   font-style: normal;
   color: var(--mille-587-brown-color);
 }

 #mille-587-content .card {
   background-color: rgba(255, 255, 255, 0);
 }

 #mille-587-content hr {
   border-top-color: var(--mille-587-brown-color);
 }

 #mille-587-content {
   background-image:
     url(/images/teambuilding/escapegame/fond-1587.jpg);
 }

 #mille-587-tab active,
 #mille-587-tab {
   background-image:
     url(/images/teambuilding/escapegame/fond-1587.jpg);
 }

 /* Mission Verte */
 @font-face {
   font-family: 'Century Gothic';
   font-weight: 400;
   font-style: normal;
   src: url(/templates/t4_blank/local/fonts/centurygothic.ttf);
 }

 @font-face {
   font-family: 'Century Gothic Bold';
   font-weight: 700;
   font-style: normal;
   src: url(/templates/t4_blank/local/fonts/centurygothic_bold.ttf);
 }

 #mission-verte-tab span,
 #mission-verte-content h3,
 #mission-verte-content p {
   font-family: 'Century Gothic';
   color: var(--mission-verte-green-color);
 }

 #mission-verte-content .card {
   background-color: rgba(255, 255, 255, 0);
 }

 #mission-verte-content hr {
   border-top-color: var(--mission-verte-green-color);
 }

 #mission-verte-content {
   background-image:
     url(/images/teambuilding/escapegame/fond-mission-verte.jpg);
 }

 #mission-verte-tab active,
 #mission-verte-tab {
   background-image:
     url(/images/teambuilding/escapegame/fond-mission-verte.jpg);
 }

 /* Rêve en jaune */
 @font-face {
   font-family: 'Century Gothic';
   font-weight: 400;
   font-style: normal;
   src: url(/templates/t4_blank/local/fonts/centurygothic.ttf);
 }

 @font-face {
   font-family: 'Century Gothic Bold';
   font-weight: 700;
   font-style: normal;
   src: url(/templates/t4_blank/local/fonts/centurygothic_bold.ttf);
 }

 #reve-en-jaune-tab span,
 #reve-en-jaune-content h3,
 #reve-en-jaune-content p {
   font-family: 'Exo 2', sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   color: var(--reve-en-jaune-yellow-color);
 }

 #reve-en-jaune-content .card {
   background-color: rgba(255, 255, 255, 0);
 }

 #reve-en-jaune-content hr {
   border-top-color: var(--reve-en-jaune-yellow-color);
 }

 #reve-en-jaune-content {
   background-image:
     url(/images/teambuilding/escapegame/fond-reve-en-jaune.jpg);
 }

 #reve-en-jaune-tab active,
 #reve-en-jaune-tab {
   background-image:
     url(/images/teambuilding/escapegame/fond-reve-en-jaune.jpg);
 }

 #orientescape-scenarios .description {
   height: 80% !important;
 }

 #orientescape-scenarios .citation {
   height: 20% !important;
   margin-top: 1rem;
   margin-bottom: 0rem;
 }

 .btn-cta-animeo a,
 .btn-cta-animeo a:hover {
   color: #fff;
   text-decoration-line: none;
 }

 .border-primary {
   border-color: var(--color-primary) !important;
 }

 .anchor-management-spacer {
   position:absolute;
   margin-top:-220px;
   z-index:-1;
 }

 #t4-footnav .t4-row {
  align-items: center !important;
 }
/*
 .t4-sticky {
  position:sticky !important;
  top:0 !important;
 }*/