* {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; 
    font-smoothing: antialiased; 

}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


html, body {
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 400;
    font-style: normal;
    background: #fff;
    color: #000;
    text-rendering: optimizeLegibility; 
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/font-awesome/fa-brands-400.eot");
  src: url("fonts/font-awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"),
       url("fonts/font-awesome/fa-brands-400.woff2") format("woff2"),
       url("fonts/font-awesome/fa-brands-400.woff") format("woff"),
       url("fonts/font-awesome/fa-brands-400.ttf") format("truetype"),
       url("fonts/font-awesome/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'alright_sans_black';
    src: url('fonts/alright-black/alrightsans-black-webfont.eot');
    src: url('fonts/alright-black/alrightsans-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alright-black/alrightsans-black-webfont.woff2') format('woff2'),
         url('fonts/alright-black/alrightsans-black-webfont.woff') format('woff'),
         url('fonts/alright-black/alrightsans-black-webfont.ttf') format('truetype'),
         url('fonts/alright-black/alrightsans-black-webfont.svg#alright_sansblack') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'alright_sans_bold';
    src: url('fonts/alright-bold/AlrightSans-Bold.eot');
    src: url('fonts/alright-bold/AlrightSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/alright-bold/AlrightSans-Bold.woff2') format('woff2'),
        url('fonts/alright-bold/AlrightSans-Bold.woff') format('woff'),
        url('fonts/alright-bold/AlrightSans-Bold.ttf') format('truetype'),
        url('fonts/alright-bold/AlrightSans-Bold.svg#AlrightSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'alright_sans_medium';
    src: url('fonts/alright-medium/AlrightSans-Medium.eot');
    src: url('fonts/alright-medium/AlrightSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/alright-medium/AlrightSans-Medium.woff2') format('woff2'),
        url('fonts/alright-medium/AlrightSans-Medium.woff') format('woff'),
        url('fonts/alright-medium/AlrightSans-Medium.ttf') format('truetype'),
        url('fonts/alright-medium/AlrightSans-Medium.svg#AlrightSans-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Impact';
    src: url('fonts/impact/Impact.eot');
    src: url('fonts/impact/Impact.eot?#iefix') format('embedded-opentype'),
        url('fonts/impact/Impact.woff2') format('woff2'),
        url('fonts/impact/Impact.woff') format('woff'),
        url('fonts/impact/Impact.ttf') format('truetype'),
        url('fonts/impact/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root {
    --leftright: 6vw;
    --medium: 'alright_sans_medium','Source Sans Pro', sans-serif;
    --black: 'alright_sans_black','Source Sans Pro', sans-serif;
    --bold: 'alright_sans_bold','Source Sans Pro', sans-serif;
    --bleu: #192638;
    --bleulight: #eff4fb;
    --blueline: #2700ff;
    --couleurcta: #fdd602;
    --impact: 'Impact';
}


.bkg-blanc {
    background: #fff;
}

.bkg-bleu {
    background: var(--bleu);
}

.bkg-bleu-light {
    background: var(--bleulight);
}

.bkg-blueline {
    background: var(--blueline);
}

.bkg-cta {
    background: var(--couleurcta);
}

.bleu {
    color: var(--bleu);
}

.blueline {
    color: var(--blueline);
}

.medium {
    font-family: var(--medium);
}

.bold {
    font-family: var(--bold);
}

.black {
    font-family: var(--black);
}

.impact {
    font-family: var(--impact);
    letter-spacing: 1px;
}



p {
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 0;
    font-style: normal;
    position: relative;
}

.entry-content p {
    margin: 0;
    margin-bottom: 10px;
}

.small,
.small p,
p.small {
    font-size: .8rem;
    line-height: 1.1rem;
}

.big,
p.big {
    font-size: 1.25rem;
    line-height: 1.55rem;
    margin-bottom: 15px;
    font-weight: 700;
}

p.impact {
    font-size: 1.3rem;
    line-height: 1.6rem;
}

.superbig {
    font-size: 2.5rem;
    line-height: 2.6rem;
    margin-bottom: 40px;
}

.cap {
    text-transform: uppercase;
}

ul, ol {
    margin: 0;
}

a {
    outline: none;
}

a,
a:hover,
a:visited,
a::after,
a:hover::after {
    color: inherit;
    text-decoration: none;
    outline-style: none !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

a,
a:visited {
    
}

a img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

img {
    max-width: 100%;
    border-radius: 0;
}

img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}


p a {
    display: inline-block;
}

p a:hover {
    text-decoration: underline;
}

:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
    margin: 0;
    font-family: var(--black);
    letter-spacing: 0;
}


h1 {
    font-size: 3.75rem;
    line-height: 4rem;
    margin: 0 0 30px 0;
    letter-spacing: -2px;
}

h2 {
    font-size: 2.6rem;
    line-height: 2.9rem;
    margin: 0 0 25px 0;
    letter-spacing: -1px;
}

body.home h2 {
    font-size: 3.1rem;
    line-height: 3.3rem;
}


h3 {
    font-size: 1.8rem;
    line-height: 2.1rem;
    margin: 0 0 20px 0;
}

body.home h3 {
    font-size: 2.1rem;
    line-height: 2.3rem;
    margin: 0 0 20px 0;
}

h4 {
    font-size: 1.35rem;
    line-height: 1.7rem;
    margin: 0 0 15px 0;
    margin-top: 0 !important;
}

h5 {
    font-size: 1.1rem;
    line-height: 1.3rem;
    margin: 0 0 12px 0;
}



/*************************************************************************/
/************************* GESTION COOKIES *******************************/
/*************************************************************************/

.dailymotion_player,
.youtube_player {
    width: 100%;
    background: #f4f4f4;
    margin-bottom: 30px;
}

.dailymotion_player iframe,
.youtube_player iframe {
    width: 100%;
}


.youtube-full,
.youtube_player,
.dailymotion_player,
.youtube-full iframe {
    height: 500px;
}

.youtube-deux-tiers,
.youtube-deux-tiers .dailymotion_player,
.youtube-deux-tiers .youtube_player,
.youtube-deux-tiers iframe {
    height: 550px;
}


.youtube-moitie,
.youtube-moitie .youtube_player,
.youtube-moitie .dailymotion_player,
.youtube-moitie iframe {
    height: 430px;
}

.youtube-tiers,
.youtube-tiers .youtube_player,
.youtube-tiers .dailymotion_player,
.youtube-tiers iframe {
    height: 240px;
}

.youtube-quart,
.youtube-quart .youtube_player,
.youtube-quart .dailymotion_player,
.youtube-quart iframe {
    height: 200px;
}

.contenu-flexible iframe {
    max-width: 100%;
    margin: 20px 0;
    height: 450px;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    border-radius: 0 !important;
}

div#tarteaucitronAlertBig:before {
    display: none !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {  
    background: #000 !important;
    padding: 10px 20px !important;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: #ccc !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #fff !important;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    background: #000 !important;
    opacity: .7 !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    box-shadow: 0 0 40px rgba(0,0,0,0.7) !important;
    background: #f4f4f4 !important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    color: #000 !important;
    font-family: var(--medium) !important;
}




/*************************************************************************/
/************************* STRUCTURE *************************************/
/*************************************************************************/

a.absolute {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 14;
    top: 0;
    left: 0;
}

#content.scroll {
    padding-top: 180px;
}

.wrap {
    margin: 0 auto;
    padding: 0 var(--leftright);
    width: 100%;
}

.wrapthin {
    margin: 0 auto;
    width: 1120px;
    max-width: 95%;
}

.clearboth {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.display-table {
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

a.blanc,
.blanc p,
p.blanc,
.blanc {
    color: #fff;
}

.bkg-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.widget {
    padding: 0;
    margin: 0;
}

.widgettitle {
    border: 0;
    margin-bottom: 0;
}

.padding80 {
    padding: 80px;
}

.padding60 {
    padding: 60px;
}

.padding50 {
    padding: 50px;
}

.padding40 {
    padding: 40px;
}

.padding30 {
    padding: 30px;
}

.padding20 {
    padding: 20px;
}

.padding15 {
    padding: 15px;
}

.padding10 {
    padding: 10px;
}

.cartouche {
    margin: 30px auto;
}

.filet {
    width: 100%;
    height: 1px;
    margin: 15px 0;
}

.filet-epais {
    width: 100%;
    height: 6px;
    margin: 20px 0;
}

.nomargin {
    margin: 0;
}

.nopadding {
    padding: 0;
}

.hentry {
    margin: 0;
}

.container-flex {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.container-flex-center {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.container-flex-nowrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.container-flex-start {
    position: relative;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    column-gap: 2%;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.container-flex-end {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}


.container-flex img,
.container-flex-center img,
.container-flex-nowrap img,
.container-flex-start img {
    width: auto;
    max-width: 100%;
    height: auto;
}


.flex-item-moitie {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 48%;
}


.flex-item-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 23%;
    position: relative;
}


.flex-item-trois-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 70%;
    position: relative;
}


.flex-item-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 31%;
    position: relative;
}

.flex-item-deux-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 65%;
    position: relative;
}

.flex-item-auto {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.flex-item-full {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.flex-item-cinq {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 18%;
    position: relative;
}

.flex-item-40 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 40%;
    position: relative;
}

.flex-item-60 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 60%;
    position: relative;
}

section {
    padding: 40px 0;
    position: relative;
}

section.section-memorial {
    padding: 80px 0 40px;
    position: relative;
}

.contenu-flexible-page-standard section {
    padding-bottom: 20px;
}


/************************************************************************************************************************************/
/************************************************** SCROLL TO TOP *******************************************************************/
/************************************************************************************************************************************/

#toTop {
    display: none;
    position: fixed;
    top: 45%;
    right: 20px;
    z-index: 8222;
}

#toTop::before {
    content: '\e5d8';
    font-family: 'Material Icons';
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    background: rgba(217,232,232,.4);
    font-size: 1.4rem;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}


#toTop:hover::before {
    background: rgba(217,232,232,1);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

/**********************************************************************************************************************************************************/
/********************************************************************** TRANSITION PAGES ******************************************************************/
/**********************************************************************************************************************************************************/

.loader-site {
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15000;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: var(--bleu);

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

#holder {
	opacity: 0;  
	transition: opacity 0.3s ease-in-out;
 	-moz-transition: opacity 0.3s ease-in-out;
 	-webkit-transition: opacity 0.3s ease-in-out;
}

#holder.visible {
	opacity: 1;
	transition: opacity 0.4s ease-in-out;
 	-moz-transition: opacity 0.4s ease-in-out;
 	-webkit-transition: opacity 0.4s ease-in-out;
}


/*************************************************************************/
/**************************** HEADER *************************************/
/*************************************************************************/

.subheader {
    top: 0;
    left: 0;
    width: 100%;
    line-height: 46px;
    height: 46px;
    z-index: 900;
    background: var(--bleu);
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.subheader #menu-menu-cta {
    margin-left: 20px;
}

.menu-cta li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.subheader li.uacppsi a::before {
    content: '';
    display: inline-block;
    height: 36px;
    width: 36px;
    margin-right: 8px;
    margin-top: 0;
    background: url(img/uacppsi-small.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    vertical-align: middle;
}


.menu-cta li:last-child {
    margin-left: 10px;
}


.menu-cta li.cta a,
a.cta,
input.cta {
    background: var(--couleurcta);
    font-family: var(--medium);
    color: var(--bleu);
    text-align: center;
    padding: 6px 18px;
    border-radius: 6px;
    font-size: 1.1rem;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid var(--couleurcta);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu-cta li.cta a:hover,
input.cta:hover,
a.cta:hover {
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.menu-cta li.cta.ctafilet a,
input.cta.ctafilet,
a.cta.ctafilet {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.menu-cta li.cta.ctafilet a:hover,
a.cta.ctafilet:hover,
input.cta.ctafilet:hover {
    background: var(--bleu);
    color: var(--couleurcta);
    border-color: var(--couleurcta);
}


.subheader #menu-menu-cta .cta a {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: .9rem;
    line-height: 1rem;
}

.zone-cta {
    position: relative;
    z-index: 3;
}

.zone-cta .menu-cta li.cta a {
    padding: 10px 28px;
    border-radius: 8px;
}

.zone-cta .menu-cta li:last-child {
    margin-left: 20px;
}


.zone-cta .menu-cta li.cta.ctafilet a,
.zone-cta a.cta.ctafilet,
a.cta.ctafilet.filetbleu,
input[type=submit].cta.ctafilet.filetbleu {
    background: transparent;
    color: var(--bleu);
    border-color: var(--bleu);
}

a.cta.ctafilet.bkg-blanc {
    background: #fff;
}

a.cta.ctafilet.bkg-blanc:hover {
    border-color: var(--couleurcta);
}


.zone-cta .menu-cta li.cta.ctafilet a:hover,
.zone-cta a.cta.ctafilet:hover,
input[type=submit].cta.ctafilet.filetbleu:hover {
    background: var(--bleu);
    color: #fff;
}

.contenu-accueil-home .zone-cta .menu-cta li.cta.ctafilet a,
.bkg-bleu .zone-cta .menu-cta li.cta.ctafilet a,
.bkg-bleu .zone-cta a.cta.ctafilet {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.contenu-accueil-home .zone-cta .menu-cta li.cta.ctafilet a:hover,
.bkg-bleu .zone-cta .menu-cta li.cta.ctafilet a:hover,
.bkg-bleu .zone-cta a.cta.ctafilet:hover {
    border-color: var(--couleurcta);
}

.bkg-bleu,
.bkg-bleu h2,
.bkg-bleu h3,
.bkg-bleu h4,
.bkg-bleu h5,
.bkg-bleu h6,
.bkg-bleu p,
.bkg-bleu strong,
.bkg-bleu li,
.bkg-bleu a {
    color: #fff;
}


a.cta.bkg-blueline {
    background: var(--blueline);
    color: #fff;
    border: 2px solid var(--blueline);
}

a.cta.bkg-blueline:hover {
    border: 2px solid #fff;
}




.subheader .menu-secondaire li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 5px;
}

.subheader .menu-secondaire {
    margin-right: 20px;
}

.subheader .menu-secondaire li a {
    line-height: 46px;
    text-transform: uppercase;
    font-size: .85rem;
    font-family: var(--medium);
    color: #fff;
}

.subheader .menu-secondaire li a:hover {
    color: var(--couleurcta);
}

header.header {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    height: 70px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

header.header nav {
    display: inline-block;
    margin-right: 20px;
}

/*
header.header .nav-primaire li {
    display: inline-block;
    padding: 0;
    margin: 0 20px;
    height: 70px;
}

header.header .nav-primaire li a {
    font-family: var(--medium);
    color: var(--bleu);
    text-transform: uppercase;
    line-height: 70px;
}

header.header .nav-primaire li a::after {
    content: '';
    display: block;
    height: 8px;
    width: 40%;
    background: var(--blueline);
    margin: -20px auto 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

header.header .nav-primaire li a:hover::after {
    margin: -22px auto 0;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}
*/

header.header #menu-menu-principal li.guide {
    display: none;
}



.logo-header {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    margin-top: -75px;
    left: var(--leftright);
    z-index: 905;
    -webkit-transition: all .3s;
    transition: all .3s;
}

header.header .logo-partenaire {
    width: 200px;
    height: 40px;
}

header.header .logo-partenaire img,
.logo-header img {
    max-width: 100%;
    height: auto;
}


.subheader.scroll {
    position: fixed;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.filet-subheader.scroll {
    position: fixed;
    top: 46px;
    width: 100%;
    left: 0;
    z-index: 901;
}


header.header.scroll {
    height: 40px;
    position: fixed;
    top: 52px;
    width: 100%;
    background: var(--bleu);
    left: 0;
    z-index: 911;
    -webkit-transition: all .3s;
    transition: all .3s;
}

header.header.scroll .nav-primaire li {
    height: 40px;
}

header.header.scroll .nav-primaire li a {
    line-height: 40px;
    color: #fff;
    font-size: .9rem;
}

header.header.scroll .nav-primaire li a:hover::after {
    margin: -8px auto 0;
}

header.header.scroll .logo-partenaire {
    display: none;
}

header.header.scroll .logo-header {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 25px;
    left: var(--leftright);
    -webkit-transition: all .3s;
    transition: all .3s;
}


/*************************************************************************/
/******************* MENU RESPONSIVE *************************************/
/*************************************************************************/

.shiftnav {
    width: 460px !important;
    max-width: 95% !important;
}

.shiftnav:after {
    display: none !important;
}

.shiftnav .shiftnav-menu-title {
    color: #fff;
    background: var(--bleu);
    margin-top: 40px;
}

.shiftnav ul.shiftnav-menu.shiftnav-targets-text-medium li.menu-item>.shiftnav-target { 
    font-size: 1.2rem !important;
    line-height: 1.7rem !important;
    font-family: var(--medium) !important;
}

.shiftnav ul.shiftnav-menu li.menu-item {
    padding: 12px 0 !important;
    border-bottom: 2px solid var(--blueline);
}

.shiftnav-inner {
    padding: 20px;
}

.shiftnav .shiftnav-panel-close {
    background: #fff !important;
    top: 0;
}

.shiftnav ul.shiftnav-menu ul.sub-menu  li.menu-item {
    padding: 6px 0 !important;
    border-color: #eaeaea !important;
}

.shiftnav ul.shiftnav-menu.shiftnav-targets-text-medium ul.sub-menu li.menu-item>.shiftnav-target {
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


/*************************************************************************/
/**************************** FOOTER *************************************/
/*************************************************************************/

.banniere-cta {
    padding: 100px 0;
    position: relative;
}

.banniere-cta .wrapthin {
    width: 768px;
    position: relative;
    max-width: 95%;
    z-index: 7;
}

.banniere-cta h2,
.banniere-cta h3,
.banniere-cta h4,
.banniere-cta h5,
.banniere-cta p,
.banniere-cta a {
    color: #fff;
}

.contenu-bandeau-cta {
    margin-bottom: 45px;
}

body.home .banniere-cta h2,
.banniere-cta h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 0;
}

body.home .banniere-cta h3,
.banniere-cta h3 {
    margin-bottom: 15px;
}

.menu li {
    display: inline-block;
    list-style: none;
}

footer.footer {
    background: #fff;
    padding: 20px 0;
    border-top: 6px solid var(--blueline);
}

footer.footer a,
footer.footer p {
    color: #000;
}

footer.footer a:hover {
    text-decoration: underline;
}

footer.footer .menu li {
    margin: 0 10px;
}

footer.footer a {
    font-size: .85rem;
    line-height: 1.1rem;
}

body.search-results .storefront-handheld-footer-bar,
body.single-memorial_type .storefront-handheld-footer-bar,
body.page-template-page-memorial-recherche .storefront-handheld-footer-bar,
body.page-template-page-memorial .storefront-handheld-footer-bar {
    display: none !important;
}




/*************************************************************************/
/****************************** HOME *************************************/
/*************************************************************************/

section.storefront-woocommerce-brands {
    display: none !important;
}

.top-image-home {
    width: 100%;
    height: 75vh;
    position: absolute;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
}

.filtre-image {
    z-index: 4;
    position: absolute;
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.contenu-accueil-home {
    margin-top: 0;
    height: 50vh;
    position: relative;
    z-index: 5;
    text-align: center;
}

.contenu-accueil-home h1 {
    font-size: 1.9rem;
    line-height: 2rem;
/*    padding-left: 80px; */
    margin-bottom: 0;
    font-family: var(--impact);
    letter-spacing: 1px;
}

.contenu-accueil-home .intro-home {
    font-size: 3.75rem;
    line-height: 4rem;
    margin-bottom: 0;
/*    padding-left: 80px; */
    position: relative;
    font-family: var(--black);
    letter-spacing: -2px;
/*    max-width: 60%; */
    margin: 0 auto;
}

/*
.contenu-accueil-home .intro-home::before {
    content: '';
    height: 8px;
    width: 60px;
    background: #fff;
    position: absolute;
    top: 25px;
    left: 0;
}
*/
.contenu-accueil-home .zone-cta {
    margin-top: 45px;
/*    padding-left: 80px; */
}

body.home .contenu-flexible-page-standard .section-page {
    padding-bottom: 0;
}

/*------------*/
/* VIDEO */
/*------------*/

embed, iframe, object, video {
    max-width: inherit!important;
}

#content,
#main,
#primary {
    position: relative;
}

.container-video-home {
    position: absolute; 
    left: 0;
    width: 100%;
    height: 75vh;
    top: 0;
/*    z-index: -1; */
    overflow: hidden;
/*    background: var(--bleu); */
}

body.home .container-video-home video {
    min-width: 100%; 
    min-height: 100%; 
    width: auto;
    height: auto;
  /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}    

.module-memorial-home {
    position: relative;
    z-index: 7;
    background-color: var(--bleu);
    min-height: 45vh;
    border-radius: 8px;
    width: 70%;
    margin: -24vh auto 0;
}

.module-memorial-home.phase02 {
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    margin: -24vh auto 0;
}

.module-memorial-phase02 {
    position: relative;
    top: -24vh;
    margin-bottom: -10vh;
}


.module-memorial-home.scroll {
/*    margin-top: -5vh; */
}

.module-memorial-home a.cta {
    margin: 30px 0 50px;
}

.module-memorial-home h3 {
    margin: 0;
}

body.home .module-memorial-phase02 h3 {
    font-size: 1.7rem;
    line-height: 1.9rem;
}


.module-memorial-home h3::after,
.module-memorial-phase02 h3::after {
    content: '”';
    font-family: var(--black);
    font-size: 7rem;
    margin-top: 40px;
    color: #fff;
    display: block;
}



.module-memorial-phase02 .zone-bottom-module {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    padding: 30px;
}



.module-memorial-phase02 .flex-item-trois-quart {
    width: 73%;
}

.module-memorial-phase02 .flex-item-quart {
    width: 25%;
}

.owl-carousel.owl-carousel-memorial {
    margin: 0;
}

.owl-carousel.owl-carousel-memorial .item {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.owl-carousel.owl-carousel-memorial .item:hover {
    border: 1px solid var(--blueline);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.photo-memorial {
    height: 380px;
    width: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.module-memorial-phase02 .photo-memorial {
    height: 330px;
}

body.single .photo-memorial {
    height: 320px;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.photo-memorial.no-photo {
    background-image: url(img/memorial-photo-defaut.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #cccccc;
    background-size: contain;
}

.memorial-info .titre-item {
    margin-bottom: 25px;
}

.memorial-info .titre-item::after {
    content: '';
    display: block;
    width: 50px;
    height: 6px;
    background: var(--blueline);
    margin: 25px auto 0;
}

.memorial-info .titre-item.left::after {
    margin: 25px 0;
}

.owl-carousel.owl-carousel-memorial .owl-nav {
    position: absolute;
    left: 0;
    bottom: -90px;
}

.owl-carousel.owl-carousel-memorial .owl-stage-outer {
    
}

.owl-carousel.owl-carousel-memorial {

}

.owl-carousel.owl-carousel-memorial.carousel-page-memorial {
    margin: 30px 0 60px;
}


.owl-carousel.owl-carousel-memorial.carousel-page-memorial .owl-nav {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 30px auto 0;
    text-align: center;
}

.owl-carousel.owl-carousel-memorial.carousel-page-memorial .owl-prev::before,
.owl-carousel.owl-carousel-memorial.carousel-page-memorial .owl-next::before {
    color: #fff;
    border: 2px solid #fff;
    opacity: .5;
}

.owl-carousel.owl-carousel-memorial.carousel-page-memorial .owl-prev:hover::before,
.owl-carousel.owl-carousel-memorial.carousel-page-memorial .owl-next:hover::before {
    opacity: 1;
}


.module-filtre select {
    width: 100%;
    height: 40px;
    padding: 0 8px;
    margin-top: 20px;
}


.module-filtre .titre-module {
    margin-top: 15px;
    min-height: 114px;
}

.module-filtre .titre-module::before {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 auto 10px;
}


.filtre-annee .titre-module::before {
    background: url(img/picto-filtre-annee.png) center center no-repeat;
    background-size: contain;
}

.filtre-departement .titre-module::before {
    background: url(img/picto-filtre-departement.png) center center no-repeat;
    background-size: contain;
}

.filtre-direction .titre-module::before,
.filtre-affectation .titre-module::before {
    background: url(img/picto-filtre-affectation.png) center center no-repeat;
    background-size: contain;
}

.filtre-cause .titre-module::before {
    background: url(img/picto-filtre-cause.png) center center no-repeat;
    background-size: contain;
}

.filtre-arme .titre-module::before {
    background: url(img/picto-filtre-arme.png) center center no-repeat;
    background-size: contain;
}

.filtre-contexte .titre-module::before {
    background: url(img/picto-filtre-contexte.png) center center no-repeat;
    background-size: contain;
}


.section-filtres {
    /*margin-top: 40px;*/
}

.module-memorial-recherche {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin-bottom: 30px;
    border-radius: 6px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-memorial-recherche:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    -webkit-transition: all .3s;
    transition: all .3s;
}


.module-memorial-recherche .photo-memorial {
    height: 300px;
}


a.lien-popin {
    font-size: .85rem;
    padding: 4px 12px;
    opacity: .6;
}

input[type=submit].submit-search {
    margin-top: 50px !important;
}

.fancybox-content {
    max-width  : 95% !important;
    max-height : 90%;
    margin: 0 auto;
    padding: 0 !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    /*width: 60%;*/
    min-width: 400px;
    /*min-height: 300px;*/
}

.fancybox-bg {
    
}

.fancybox-is-open .fancybox-bg {
    opacity: .90; 
}

.zone-recherche {
    background: var(--bleu);
    padding: 30px 0;
    border-top: 4px solid var(--blueline);
}

a.lien-recherche,
a.lien-filtres {
    margin: 12px;
}

a.lien-recherche span::after,
a.lien-filtres span::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2rem;
    margin-left: 10px;
    font-family: 'Material icons';
}


a.lien-recherche span::after {
    content: '\e8b6' !important;
}

a.lien-filtres span::after {
    content: '\e429' !important;
}

.decor-search {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
    background: url(img/bkg-drapeau.jpg) center center no-repeat;
    background-size: cover;
}


#popin-recherche::placeholder {
    color: #eaeaea;
}

body.single-memorial_type .bloc-partage {
    margin-top: -40px;
    position: relative;
    z-index: 6;
}


section.section-comments {
    background: #f3f3f3;
}

section.section-comments .edit-link {
    display: none;
}

section.section-comments .entry-taxonomy,
section.section-comments .comment-reply-title,
section.section-comments .comment-notes {
    display: none;
}

section.section-comments #respond {
    padding: 0;
    background: none;
}

#respond .form-submit, #respond form {
    clear: both;
}

#respond .comment-form-url {
    display: none;
}

#respond .comment-form-author,
#respond .comment-form-email {
    width: 48% !important;
    margin-right: 0 !important;
}

#respond .comment-form-author {
    margin-right: 4% !important;
}

#respond .comment-form-comment textarea,
#respond .comment-form-author input,
#respond .comment-form-email input {
    padding: 0 8px;
}

#respond .comment-form-comment textarea:focus,
#respond .comment-form-author input:focus,
#respond .comment-form-email input:focus {
    background: #fff;
}

#respond input[type="submit"] {
    border: 0;
    padding-bottom: 0;
    font-size: .9rem;
    text-align: center;
    color: #fff;
    padding: 8px;
    background: var(--bleu);
    font-family: var(--medium);
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#respond input[type="submit"]:hover {
    background: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
}


#respond input[type="submit"] {
    cursor: default;
    pointer-events: none;
    opacity: .5;
}

#respond input[type="submit"].actif {
    cursor: pointer;
    pointer-events: inherit;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}


#respond .error {
    background: #b1b1b1;
    font-size: .85rem;
    text-align: center;
    padding: 4px 8px;
}

#comments {
    padding-top: 0;
}

.comment-list {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 6px solid #fff;
}

#comments .comment-list .comment-content .comment-text {
    background: #fff;
    padding: 15px;
    border-radius: 0;
}


body.page-template-page-memorial-recherche #comments {
    display: none;
}

.comment-form-consent {
    clear: both;
    cursor: pointer;
}




.single-memorial-infos {
    margin-top: 30px;
}

.memorial-info p {
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.memorial-info b,
.single-memorial-infos b,
.single-memorial-infos strong {
    font-family: var(--bold);
    font-weight: normal !important;
}

.pagination-posts {
    position: relative;
    font-size: 1.1rem;
    line-height: 1.3rem;
    text-align: center;
    margin: 30px auto 20px;
}

.pagination-posts span,
.pagination-posts a {
    display: inline-block;
    margin: 0 3px;
    padding: 3px 6px;
    text-decoration: none;
    width: auto;
    color: #b1b1b1;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.pagination-posts span.nombre-pages {

}

.pagination-posts a:hover{
    text-decoration: none;
    color: var(--blueline);
}

.pagination-posts .current{
    font-weight: bold;
    color: var(--blueline);
}


input[type=submit].cta-reset {
    font-size: .8rem !important;
    padding: 4px 8px !important;
    background: #b1b1b1 !important;
    color: #000 !important;
}

input[type=submit].cta-reset:hover {
    background: #f4f4f4 !important;
}

.bouton-reset {
    margin-top: -60px;
}






a.cta span::after {
    content: '\e8e4';
    display: inline-block;
    font-size: 1.5rem;
    margin-left: 12px;
    vertical-align: middle;
    font-family: 'Material icons';
}

.date-actu {
    margin-left: 20px;
}

.img-actu {
    width: 100%;
    overflow: hidden;
    position: relative;
}

body.home .module-actu .img-actu {
    max-height: 400px;
}

.img-actu:not(.img-single) img {
    width: 100%;
    max-width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.img-actu:not(.img-single):hover img {
    transform: scale(1.04);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.img-actu.default {
    background: url(img/img-actu-default.jpg) center center no-repeat;
    height: 400px;
}

.img-actu.small,
.img-actu.default.small {
    height: 250px;
    margin-bottom: 20px;
}

.module-actu .titre-actu a:hover {
    text-decoration: underline;
}

.module-actu .titre-actu {
    min-height: 50px;
}

.hover-actu {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.img-actu:hover .hover-actu {
    background: rgba(0,0,0,0.5);
    -webkit-transition: all .3s;
    transition: all .3s;
}


/*---------------- */
/* RESEAUX SOCIAUX */
/*---------------- */

li.linkedin,
li.youtube,
li.twitter,
li.facebook,
li.instagram {
    display: inline-block !important;
    width: auto !important;
    padding: 0;
}

li.youtube a,
li.linkedin a,
li.twitter a,
li.facebook a,
li.instagram a {
    padding: 0;
}

li.youtube a::after,
li.linkedin a::after,
li.twitter a::after,
li.facebook a::after,
li.instagram a::after {
    content: '';
    display: inline-block;
    font-size: 1rem;
    font-family: 'fontAwesome';
    padding: 0 6px;
    color: #fff;
}


footer.footer li.youtube a::after,
footer.footer li.linkedin a::after,
footer.footer li.twitter a::after,
footer.footer li.facebook a::after,
footer.footer li.instagram a::after {
    color: var(--bleu);
}

.mobile-only {
    display: none;
}

li.youtube a:hover::after,
li.linkedin a:hover::after,
li.twitter a:hover::after,
li.facebook a:hover::after,
li.instagram a:hover::after {
    color: var(--couleurcta);
}

li.facebook a::after {
    content: '\f39e' !important;
}

li.instagram a::after {
    content: '\f16d' !important;
}

li.twitter a::after {
    content: '\f099' !important;
}

li.linkedin a::after {
    content: '\f0e1' !important;
}

li.youtube a::after {
    content: '\f167' !important;
}

/*-------------------*/
/* CARROUSELS */
/*-------------------*/


.owl-carousel {
    width: 100%;
    margin: 50px 0 0;
}

.owl-nav {
    position: absolute;
    bottom: 30px;
    left: -250px;
}

.owl-carousel-actus .owl-nav {

}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    margin: 0 12px;
    position: relative;
}

.owl-carousel .owl-nav button.owl-prev {
}


.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {

}

.owl-prev::before,
.owl-next::before {
    content: '';
    height: 60px;
    width: 60px;
    position: absolute;
    font-family: 'Material icons';
    font-size: 1.3rem;
    line-height: 60px;
    text-align: center;
    color: var(--bleu);
    top: 0;
    border-radius: 50%;
    border: 2px solid var(--bleu);
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.owl-prev::before {
    content: '\e5c4';
}

.owl-next::before {
    content: '\e5c8';
}



/*-------------------*/
/* PARTAGE RS */
/*-------------------*/

.zone-partage {
    padding-top: 20px;
    padding-bottom: 20px;
}


.bloc-partage {
    width: 100%;
    text-align: right;
}

.bloc-partage.left {
    text-align: left;
}

a.share-icone {
    text-decoration: none !important;
    margin-right: 8px;
}

a.share-icone:last-child {
    margin-right: 0;
}

a.share-icone::before {
    content: '';
    display: inline-block;
    font-size: 1.5rem;
    font-family: 'fontAwesome';
    color: var(--bleu);
}

.blanc a.share-icone::before {
    color: #fff;
}

a.share-icone:hover::before {
    color: var(--couleurcta);
}

a.share-icone.share-twitter::before {
    content: '\f081';
}

a.share-icone.share-facebook::before {
    content: '\f082';
}

a.share-icone.share-linkedin::before {
    content: '\f08c';
}


/*-------------------*/
/* Formulaires */
/*-------------------*/

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
    background: transparent;
    border-radius: 0;
    border-bottom: 2px solid var(--bleu);
    padding: 0;
    box-shadow: none;
    color: inherit;
    line-height: 2.5rem;
    font-weight: inherit;
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

textarea {
    line-height: 1.5rem;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: transparent;
    border-bottom: 3px solid var(--couleurcta);
}

button[type="submit"],
input[type="submit"]:not(.cta-reset) {
    background: none;
    border: 0;
    font-size: 1.3rem;
    font-family: var(--black);
    padding: 0;
    padding-bottom: 2px;
    letter-spacing: 0;
    border-bottom: 3px solid var(--couleurcta);
    text-align: left;
}

button[type="submit"]:hover,
input[type="submit"]:not(.cta-reset, .submit-search):hover {
    border-bottom: 3px solid #000;
    background: inherit;
}


input[type="submit"].cta {
    background: var(--couleurcta);
    font-family: var(--medium);
    color: var(--bleu);
    text-align: center;
    padding: 6px 18px;
    border-radius: 6px;
    font-size: 1.1rem;
    margin-top: 30px;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid var(--couleurcta);
    -webkit-transition: all .3s;
    transition: all .3s;
}

input[type="submit"].cta:hover {
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

input[type="submit"].cta.ctafilet {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

input[type="submit"].cta.ctafilet:hover {
    background: var(--bleu);
    color: var(--couleurcta);
    border-color: var(--couleurcta);
}



.wpcf7-response-output {
    width: 100%;
    max-width: 100%;
    border: 0 !important;
    color: #000 !important;
    padding: 8px 12px !important;
    background: var(--bleulight);
    margin-left: 0 !important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    background: #c77a8a !important;
    color: #fff !important;
}

span.wpcf7-not-valid-tip {
    color: #c77a8a !important;
}

.acceptance-73 {
    display: block;
    margin: 20px 0;
    padding: 15px;
    background: #f2f2f2;
    font-size: .85rem;
    line-height: 1.2rem;
}

.acceptance-73 .wpcf7-list-item-label {
    margin-left: 8px;
}

/*-------------------*/
/* Contenu flexible */
/*-------------------*/

.rangee-page {
    margin: 40px 0;
}

section.section-page .rangee-page:first-child {
    margin-top: 0;
}

section.section-page .rangee-page:last-child {
    margin-bottom: 0;
}

.rangee-page img {
    margin: 20px 0;
}

section.section-page ul + h3,
section.section-page img + h3,
section.section-page p + h3 {
    margin: 30px 0 15px 0;
}

section.section-page ul + h4,
section.section-page img + h4,
section.section-page p + h4 {
    margin: 25px 0 12px 0 !important;
}

section.section-page p:last-child {
    margin-bottom: 0;
}

blockquote p {
    font-style: italic;
}

blockquote {
    position: relative;
}

blockquote::before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--couleurcta);
}

.rangee-page.blanc h2,
.rangee-page.blanc h3,
.rangee-page.blanc h4,
.rangee-page.blanc h5,
.rangee-page.blanc p,
.rangee-page.blanc a,
.rangee-page.blanc strong {
    color: #fff;
}

.rangee-image {
    padding: 40px 0;
    background-size: cover;
    position: relative;
}

.rangee-page.rangee-image {
    margin: 0;
}

.rangee-image .wrap {
    position: relative;
    z-index: 15;
}

.rangee-image-seule {
    background-size: cover;
    height: 500px;
    max-height: 48vh;
    margin: 0;
    width: 100%;
    position: relative;
}

.rangee-page.bkg + .rangee-image-seule {
    margin-top: 0;
}

.rangee-page.bkg {
    margin: 0;
    padding: 50px 0;
}

.rangee-page a:not(.cta, .lien) {
    text-decoration: underline;
}

.rangee-page a.cta {
    margin-top: 20px;
    margin-bottom: 30px;
}

a.lien {
    text-decoration: none;
    display: inline-block;
    margin-top: 30px;
    font-family: var(--black);
    font-size: 1.1rem;
}

a.lien::after {
    content: '';
    display: block;
    margin-top: 6px;
    height: 8px;
    width: 100%;
    background: var(--blueline);
}

a.lien:hover {
    text-decoration: none;
}

a.lien:hover::after {
    width: 90%;
}

section.section-page ul {
    list-style: disc;
    margin: 12px 0 12px 18px;
}

section.section-page ul li {
    margin-bottom: 6px;
}

section.section-page ul li:last-child {
    margin-bottom: 0;
}

/*-------------------*/
/* ACCORDION */
/*-------------------*/


.rangee-accordeon .ui-corner-all,
.rangee-accordeon .ui-corner-right,
.rangee-accordeon .ui-corner-top,
.rangee-accordeon .ui-corner-tr {
    border-radius: 0 !important;
}

.rangee-accordeon .ui-button.ui-state-active:hover,
.rangee-accordeon .ui-button:active,
.rangee-accordeon .ui-state-active,
.rangee-accordeon .ui-widget-content .ui-state-active,
.rangee-accordeon .ui-widget-header .ui-state-active,
.rangee-accordeon a.ui-button:active {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-weight: inherit !important;
}

.rangee-accordeon .ui-accordion .ui-accordion-content {
    padding: 0 !important;
}

.rangee-accordeon .ui-widget-content {
    border: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.rangee-accordeon .ui-button:active .ui-icon,
.rangee-accordeon .ui-state-active .ui-icon {
    background: none !important;
}

.rangee-accordeon .ui-icon {
    display: none !important;
}

.rangee-accordeon .ui-accordion .ui-accordion-header {
    margin: 0;
}

.rangee-accordeon .ui-button,
.rangee-accordeon .ui-state-default,
.rangee-accordeon .ui-widget-content .ui-state-default,
.rangee-accordeon .ui-widget-header .ui-state-default,
.rangee-accordeon html .ui-button.ui-state-disabled:active,
.rangee-accordeon html .ui-button.ui-state-disabled:hover {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    font-weight: inherit !important;
}

h3.header-accordion {
    display: block !important;
    width: 100% !important;
    font-size: 1.6rem !important;
    padding: 15px 0 !important;
    margin-bottom: 15px !important;
    color: var(--bleu) !important;
    font-family: var(--medium) !important;
    border-bottom: 6px solid var(--bleu) !important;
    position: relative !important;
    cursor: pointer !important;
    background: none !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

h3.header-accordion::after {
    content: '\e5cf';
    display: block;
    position: absolute;
    top: 25%;
    right: -10px;
    font-size: 2.5rem;
    font-family: 'Material Icons';
    color: var(--bleu);
    -webkit-transition: all .3s;
    transition: all .3s;
}


h3.header-accordion.ui-state-active::after {
    content: '\e5cc';
}


h3.header-accordion:hover {
    border-color: var(--blueline);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.body-accordion {
    margin-bottom: 30px;
}

.body-accordion li {
    font-size: 1rem;
    line-height: 1.4rem;
}



/*************************************************************************/
/****************************** ACTUALITE ********************************/
/*************************************************************************/


.pagination {
    text-align: center;
}

.pagination ul {
    background: none;
    border-radius: 0;
    text-align: right;
}

.pagination li {
    display: inline-block;
    float: none;
}

.pagination,
.pagination a {
    font-weight: 800;
    font-size: .9rem;
}

.pagination a,
.pagination span {
    padding: 8px 12px;
}

.pagination .current {
    color: var(--bleu);
}

.pagination li a:hover {
    text-decoration: underline;
}

body.single h1.titre-page {
    max-width: 100%;
}


/*************************************************************************/
/********************************** PAGES ********************************/
/*************************************************************************/

.top-image {
    width: 100%;
    height: 130px;
    position: relative;
    background-image: url(img/banniere-default.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-image.bkg-cover {
    height: 400px;
    max-height: 40vh;
}

.header-page {
    padding: 40px 0;
}

h1.titre-page {
    margin-bottom: 0;
    font-size: 2.8rem;
    line-height: 3.2rem;
    letter-spacing: -1px;
    max-width: 70%;
}

h2.titre-page {
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 2.6rem;
    letter-spacing: -1px;
    max-width: 80%;
}


.dernieres-actus .owl-carousel {
    margin-top: 0;
    margin-bottom: 30px;
}

.derniere-actu {
    margin-bottom: 40px;
}

.mosaique-actus .flex-item-tiers,
.mosaique-actus .flex-item-moitie {
    margin-bottom: 40px;
}

.mosaique-actus .flex-item-tiers .filet,
.mosaique-actus .flex-item-moitie .filet {
    margin: 10px 0;
}


.module-partenaire {
    margin-bottom: 30px;
}

.module-partenaire .logo-partenaire {
    margin-bottom: 30px;
    height: 80px;
}

.logo-partenaire img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
}


/*************************************************************************/
/***************** FORMULAIRES SIMPLY PAY ********************************/
/*************************************************************************/

.simpay-checkout-form--stripe_checkout-styled.simpay-styled,
.simpay-checkout-form--embedded.simpay-styled {
    max-width: 100% !important;
}

.simpay-checkout-form--stripe_checkout-styled.simpay-styled,
.simpay-checkout-form--overlay.simpay-styled,
.simpay-checkout-form--embedded.simpay-styled {
    color: inherit !important;
    font-family: inherit !important;
}

.simpay-styled .simpay-form-control input[type=date], .simpay-styled .simpay-form-control input[type=time], .simpay-styled .simpay-form-control input[type=datetime-local], .simpay-styled .simpay-form-control input[type=week], .simpay-styled .simpay-form-control input[type=month], .simpay-styled .simpay-form-control input[type=text], .simpay-styled .simpay-form-control input[type=email], .simpay-styled .simpay-form-control input[type=url], .simpay-styled .simpay-form-control input[type=password], .simpay-styled .simpay-form-control input[type=search], .simpay-styled .simpay-form-control input[type=tel], .simpay-styled .simpay-form-control input[type=number], .simpay-styled .simpay-form-control select, .simpay-styled .simpay-form-control textarea, .simpay-styled .simpay-form-control .simpay-sepa-debit-wrap, .simpay-styled .simpay-form-control .simpay-p24-wrap, .simpay-styled .simpay-form-control .simpay-fpx-wrap, .simpay-styled .simpay-form-control .simpay-ideal-wrap, .simpay-styled .simpay-form-control .simpay-card-wrap {
    color: inherit !important;
    font-family: inherit !important;
    height: 44px !important;;
}

.simpay-styled .simpay-form-control textarea {
    height: 88px !important;
}

.simpay-form-wrap textarea::placeholder,
.simpay-form-wrap input[type="text"]::placeholder,
.simpay-form-wrap input[type="email"]::placeholder,
.simpay-form-wrap input[type="tel"]::placeholder {
    color: #999 !important;
}

fieldset.simpay-form-control {
    background: none !important;
    margin: 0 0 25px !important;
    padding: 0 !important;
}


.simpay-styled legend {
    font-family: var(--black) !important;
    font-weight: inherit !important;
    font-size: 1.1rem !important;
}

.simpay-styled .simpay-form-control .simpay-label-wrap {
    font-weight: inherit !important;   
}

.simpay-styled .simpay-form-control .simpay-label-wrap legend {
    font-family: var(--black) !important;
    font-weight: inherit !important;
    font-size: 1.5rem !important;
    line-height: 1.8rem !important;
    background: none !important;
    cursor: default !important;
}

.simpay-multi-plan-buttons-group label {
    padding: 20px !important;
    font-family: var(--black) !important;
    font-weight: inherit !important;
    font-size: 1.5rem !important;
    line-height: 1.8rem !important;
    color: inherit !important;
    box-shadow: none !important;
    border: 2px solid var(--blueline);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.simpay-multi-plan-buttons-group__custom.actif label,
.simpay-multi-plan-buttons-group__defined.actif label,
.simpay-multi-plan-buttons-group label:hover {
    color: #fff !important;
    background: var(--blueline) !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.simpay-form-control.simpay-custom-amount-container {
    padding: 20px !important;
    background: #fff !important;
    margin: 12px 0 20px !important;
}

.simpay-form-control.simpay-custom-amount-container label {
    margin-bottom: 15px !important;
}

.simpay-styled .simpay-custom-amount-container .simpay-custom-amount-input {
    flex: 0 0 50% !important;
}

.simpay-styled .simpay-custom-amount-container .simpay-currency-symbol {
    height: 44px !important;
    line-height: 44px !important;
}

.simpay-embedded-heading.simpay-styled {
    display: none !important;
}

.simpay-form-control.simpay-recurring-amount-toggle-container {
    padding: 0 !important;
    margin: 20px 0 40px !important;
}

.simpay-form-control.simpay-recurring-amount-toggle-container::after {
    content: '';
    display: block;
    height: 6px;
    width: 100%;
    background: var(--blueline);
    margin: 15px 0 0;
}

.simpay-form-control.simpay-recurring-amount-toggle-container label {
    font-family: var(--medium) !important;
    font-size: 1.1rem !important;
    line-height: 1.5rem !important;
    color: inherit !important;
}

.simpay-form-control.simpay-recurring-amount-toggle-container .simpay-optional-indicator {
    display: none;
}

.simpay-form-control.simpay-plan-select-container {
    margin-bottom: 2px !important;
}

.simpay-form-control.simpay-form-control--card.simpay-card-container label,
.simpay-text-label label {
    font-family: var(--black) !important;
    font-weight: inherit !important;
    font-size: 1.5rem !important;
    line-height: 1.8rem !important;
    cursor: default !important;
    display: block !important;
    margin: 40px 0 15px !important;
}

.simpay-text-label .simpay-optional-indicator {
    display: none;
}

.montant-deduction-impot-part {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.montant-deduction-impot-part h4 {
    margin-top: 0;
}

.montant-deduction-impot-part #fisc {
    font-family: var(--medium);
}

.montant-deduction-impot-part #fisc.actif {
    background: var(--blueline);
    color: #fff;
    padding: 4px 8px;
}



form.simpay-form-288 .simpay-text-container:first-child {
    padding: 15px 15px 25px !important;
    background: #fff;
    margin-bottom: 30px;
}

form.simpay-form-288 .simpay-text-container:first-child label {
    margin-top: 0 !important;
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
    opacity: .6;
}

.simpay-date-container .simpay-optional-indicator {
    display: none !important;
}

.grecaptcha-badge {
    z-index: 600 !important;
}

.logo-cb {
    width: 180px;
    height: 30px;
    background: url(img/logos-cb.jpg) top left no-repeat;
    background-size: contain;
    margin: 12px 0;
}

.logo-sepa {
    width: 180px;
    height: 30px;
    background: url(img/logo-sepa.jpg) top left no-repeat;
    background-size: contain;
    margin: 12px 0;
}

.simpay-radio-wrap li {
    display: inline-block;
    margin-right: 20px !important;
}


/*------------------------------*/
/* Events - Woocommerce 02/2023 */
/*------------------------------*/

.event-details {
    padding: 20px;
    margin: 20px 0;
    background: var(--bleulight);
}

.event-details a {
    text-decoration: underline;
    color: var(--bleu);
    font-weight: bold;
}

.event-details a:hover {
    text-decoration: underline;
    color: var(--blueline);
}

.event-details .wp-video {
    width: 100%;
    height: auto;
}

.single-product div.product form.cart {
    margin: 0 !important;
    padding: 0 !important;
}

.donate-btn,
.woocommerce-checkout-payment button,
.single_add_to_cart_button {
    margin-top: 15px;
    background: var(--couleurcta) !important;
    font-family: var(--medium) !important;
    color: var(--bleu) !important;
    text-align: center !important;
    padding: 6px 18px !important;
    border-radius: 6px !important;
    font-size: 1.1rem !important;
    text-decoration: none !important;
    display: block !important;
    width: 100%;
    border: 2px solid var(--couleurcta) !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.donate-btn:hover,
.woocommerce-checkout-payment button:hover,
.single_add_to_cart_button:hover {
    background: #fff !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#idis_plfy {
    width: 100% !important;
    margin: 0 !important;
}

.plugify_expo_sty_div strong {
    margin-bottom: 10px;
    /*display: block !important;*/
}

.plugify_expo_sty_div select {
    width: 100% !important;
    padding: 0 8px !important;
    margin-top: 0 !important;
    color: inherit !important;
    font-family: inherit !important;
    height: 44px !important;
}

.woosppo_main_parent_divv + hr {
    display: none !important;
}

.woosppo_main_parent_divv + hr + h4 {
    padding: 6px 12px;
    background: var(--bleu);
    font-size: 1.2rem !important;
    color: #fff !important;
    margin-top: 15px !important;
}

.woosppo_main_parent_divv + hr + h4 strong {
    font-weight: normal !important;
}

.plugify_expo_sty_div input[type="radio"] {
    float: left;
    margin-right: 12px;
    top: 5px;
    position: relative;
}

.plugify_expo_sty_div p.woosppo_class_main_for_all_fields {
    padding: 10px;
    background: var(--bleulight);
}

.plugify_expo_sty_div input[type="checkbox"] {
    margin-right: 10px;
    position: relative;
    top: 5px;
    float: left;
    cursor: pointer;
}

label.border-bottun {
    cursor: pointer;
}

.woocommerce-checkout-review-order .cart-subtotal {
    display: none;
}

.shop_table.woocommerce-checkout-review-order-table {
    
}

.display-none,
.displaynone {
    display: none !important;
}

.wc_payment_method.payment_method_stripe label::before {
    display: none !important;
}

.wc_payment_method.payment_method_stripe label:not(.payment_box label)::after {
    content: '';
    display: inline-block;
    width: 180px;
    height: 25px;
    background: url(img/logos-cb.jpg) top left no-repeat;
    background-size: contain;
    margin-left: 12px;
    vertical-align: bottom;
}

.woocommerce-terms-and-conditions-wrapper p {
    font-size: .85rem;
    line-height: 1.3rem;
    margin-bottom: 10px;
}

.single-product div.product form.cart .quantity {
    float: none;
    margin: 6px 0 0 0;
}

.marginzero {
    margin: 0 !important;
}

.single-product div.product p.price {
    margin-top: 0;
}

.cart_item .product-name h4 {
    margin-bottom: 0;
}


.checkout-button {
    background-color: var(--couleurcta) !important;
    color: var(--bleu) !important;
}

.checkout-button:hover {
    background-color: var(--bleu) !important;
    color: #fff !important;
}

.rp-donation-block {
    padding: 20px;
    background: var(--bleulight);
    margin-bottom: 15px;
    float: right;
    width: 41.1764705882%;
}

.donate-btn {
    margin-top: 0;
    font-size: 1rem !important;
    display: inline-block !important;
    width: auto;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 44px;
    height: 44px;
    border: 2px solid var(--couleurcta) !important;
}

.donate-remove {
    background: transparent !important;
    padding: 0 !important;
    margin-top: 12px !important;
    text-decoration: underline !important;
    color: #666 !important;
    font-size: .85rem !important;
    margin-left: 12px;
}

tr.fee th,
tr.fee td {
    background: var(--blueline);
    font-weight: 700;
}

table.woocommerce-checkout-review-order-table .product-name {
    width: 100%;
}

.woocommerce-order .woocommerce-thankyou-order-received {
    display: none;
}

section.section-page .woocommerce-order ul,
section.section-page .woocommerce-order-details ul {
    list-style: none;
    margin: 0;
}

section.section-page .woocommerce-order ul li,
section.section-page .woocommerce-order-details ul li {
    list-style: none;
}

.woocommerce-table__line-item.order_item .wc-item-meta li > strong {
    display: none;
}

.woocommerce-table__line-item.order_item .wc-item-meta button {
    margin-top: 12px;
    background: var(--bleulight);
}


h2.woocommerce-loop-product__title {
    font-size: 1.5rem !important;
    line-height: 1.7rem !important;
}

h2.woocommerce-loop-product__title:hover {
    text-decoration: underline;
}


ul.products li.product img {
    border: 1px solid #eaeaea;
}

ul.products li.product {
    text-align: left;
    position: relative;
}

ul.products li.product:hover {
    text-decoration: underline;
}

.event-image {
    width: 100%;
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 20px;
}

#complete_price::after {
    content: '€';
    display: inline-block;
    margin-left: 3px;
}


dt.variation-Jemengagerespecterlesrglesdelacomptition,
dd.variation-Jemengagerespecterlesrglesdelacomptition {
    display: none;
}



/*------------------------------*/
/* Memorial liste 05/2024 */
/*------------------------------*/

.thin {
    margin: 0 auto;
    width: 967px;
    max-width: 98%;
}

.module-memorial-liste {
    padding: 15px 10px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 6px; 
    border: 2px solid transparent;
    box-shadow: 0 0 20px rgba(0,0,0,0.15); 
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-memorial-liste:hover {
    border: 2px solid var(--bleulight);
    box-shadow: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-memorial-liste::after {
    content: '+';
    font-size: 1.7rem;
    font-weight: bold;
    color: var(--bleu);
    opacity: .15;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-memorial-liste:hover::after {
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-memorial-liste .photo-memorial {
    height: 100px;
    width: 90px;
    border-radius: 4px !important;
    background-position: top center !important;
}

.module-memorial-liste .part-module-liste {
    padding-right: 20px;
}

.small-mobile-only {
    display: none;
}

/*------------------------------*/
/* Memorial histoire 06/2024 */
/*------------------------------*/

/*
header.header .nav-primaire li {
    display: inline-block;
    padding: 0;
    margin: 0 20px;
    height: 70px;
}

*/
header.header .nav-primaire li a {
}

header.header nav li {
    float: none;
    display: inline-block;
    padding: 0 20px;
    height: 70px;
    line-height: 40px;
    position: relative;
}

header.header nav li a {
    font-size: 1.1rem;
    padding: 0;
    position: relative;
    z-index: 3;
    text-align: center;
    font-family: var(--medium);
    color: var(--bleu);
    text-transform: uppercase;
    line-height: 70px;
}

header.header .nav-primaire li:not(.menu-item-has-children) a::after {
    content: '';
    display: block;
    height: 8px;
    width: 40%;
    background: var(--blueline);
    margin: -20px auto 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

header.header.scroll .nav-primaire li:not(.menu-item-has-children) a::after {
    display: none;
}

header.header .nav-primaire li:not(.menu-item-has-children) a:hover::after {
    margin: -22px auto 0;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}

li.menu-item-has-children::after {
    content: '\e5cf';
    display: block;
    position: absolute;
    font-family: 'Material icons';
    color: var(--blueline);
    font-size: 1.5rem;
    right: -5px;
    top: 12px;
    font-weight: bold;
}

header.header.scroll li.menu-item-has-children::after {
    top: 2px;
}

header.header nav li ul.sub-menu,
header.header nav li ul.children {
    margin-top: 0;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: -1;
    margin-left: 0 !important;
}

header.header nav li ul.sub-menu li ul,
header.header nav li ul.children li ul {
    top: 0;
    left: 100%;
}

header.header nav li:hover > ul {
    top: auto;
    display: block;
    z-index: 8999;
}

header.header nav li ul.sub-menu,
header.header nav li ul.children {
    border: 0;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    padding: 0;
    border-radius: 8px;
    text-align: left;
    overflow: hidden;
}

header.header nav li ul.sub-menu li a,
header.header nav li ul.children li a {
    padding: 0;
    width: auto;
    border: 0;
    color: var(--bleu) !important;
    font-size: .9rem;
    line-height: 1.4rem;
    font-weight: bold;
    text-align: left;
    text-transform: none;
}

header.header nav li ul.sub-menu li {
    display: inherit;
    float: none;
    z-index: inherit;
    height: auto;
    line-height: inherit;
    padding: 7px 15px;
    width: 240px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

header.header nav li ul.sub-menu li a::after {
    display: none !important;
}

header.header nav li ul.sub-menu li:hover {
    background: var(--couleurcta);
}

header.header.scroll .nav-primaire li ul.sub-menu li {
    height: auto !important;
}


.modules-contextes {
    
}

.module-contexte {
    margin-bottom: 30px;
    border-radius: 8px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    height: 180px;
    overflow: hidden;
    border: 3px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-contexte.flex-item-moitie {
    height: 240px;
}

.module-contexte.contexte-defaut {
    background-image: url(img/img-default-contexte.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.module-contexte.actif {
    border-color: var(--blueline);
}

.module-contexte:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.hover-contexte {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000;
    opacity: .3;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-contexte:hover .hover-contexte {
    opacity: .6;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-contexte .titre-evenement {
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
    left: 15px;
    z-index: 3;
    margin-bottom: 0;
}


.module-contexte .clic {
    color: #fff;
    font-size: .9rem;
    font-weight: bold;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3;
}

.lot-fiches-contexte {
    display: none;
}

.borderradius,
.border-radius {
    border-radius: 6px;
}

.module-recherche-std {
    padding: 40px;
    border-radius: 8px;
    margin: 40px auto 60px;
    /*box-shadow: 0 0 30px rgba(0,0,0,0.3);*/
    max-width: 600px;
    /*border-bottom: 4px solid #fff;*/
}

.module-recherche-std form {
    margin-bottom: 0;
}

.module-recherche-std .searchform h4 {
    display: none !important;
}

.module-recherche-std .searchform input[type=search] {
    background: #fff !important;
    padding: 5px 10px !important;
}

.module-recherche-std .searchform #searchsubmit {
    color: #fff;
}

.module-filtre {
    border-radius: 6px;
}

button.cta {
    background: transparent;
    font-family: var(--medium);
    color: #fff;
    text-align: center;
    padding: 6px 18px;
    border-radius: 6px;
    font-size: 1.1rem;
    margin-top: 30px;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

button.cta:hover {
    background: var(--bleu);
    color: var(--couleurcta);
    border-color: var(--couleurcta);
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*------------------------------*/
/* Memorial filtres 10/2024 */
/*------------------------------*/

/*
.sticky-container {
    position: sticky;
    -webkit-position: sticky;
    top: 100px;
    z-index: 20;
}
*/

.module-filtre select {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    cursor: pointer;
}

.btn-filtres-respon {
    position: fixed !important;
    right: 20px !important;
    bottom: 40px !important;
    z-index: 99 !important;
    display: none !important;
}

.btn-filtres-respon::after {
    content: '\e429';
    display: inline-block;
    font-size: 1.5rem;
    margin-left: 10px;
    vertical-align: middle;
    font-family: 'Material icons';
    font-weight: normal;
}

.btn-filtres-respon.inactif {
    display: none !important;
}

.close-filtre {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20001;
}

.close-filtre::before {
    content: '\e5c9';
    display: block;
    font-family: 'Material icons';
    font-size: 2rem;
    color: var(--bleu);
}

#shiftnav-toggle-main.inactif {
    display: none !important;
}

.zone-filtres {
    background: #fff;
    position: relative;
}


/*------------------------------*/
/* Activation panier 08/2025 */
/*------------------------------*/

.woocommerce-message {
    position: fixed;
    top: 150px;
    z-index: 30;
    width: 767px;
    max-width: 95%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    border-radius: 12px;
    border: 2px solid #fff;
    background: var(--blueline);
    font-weight: 600;
}

.subheader #menu-menu-cta li.basket a::before {
    content: '\e8cb';
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-family: 'Material icons';
    font-size: 1.4rem;
    color: var(--couleurcta);
}

.subheader #menu-menu-cta li.basket a:hover::before {
    color: #fff;
}

.container-menu-cta {
    position: relative;
}

#items-panier {
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 12;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 16px;
    font-size: .75rem;
    font-weight: 700;
    color: var(--bleu);
}

.displayblock {
    display: block !important;
}