/* Fonts ---------------------------------------------------------------------------------------- */


/* General ------------------------------------------------------------------------------------------- */

:root {

  --color1: #211252;
  --header--color-text: #211252;
  --branding--color-text: #211252;
  --footer--color-background: #211252;
  --entry-header--color: #211252;
  --global--color-primary: #211252;

  --color2: #78e5f7;
  --header--color-link-hover: #78e5f7;
  --content--color--link: #78e5f7;

  --color3: #a34fff;
  --color4: #dfc7b1;
  --color5: #cccccc;
  --gris: #f9f9f9;
  --gris2: #f7f7f7;
  --gris3: #e5e5e5;
  --blanc: #ffffff;
  --footer--color-text: #ffffff;
  --footer--color-link: #ffffff;
  --noir: #121212;
  --delay: 0;
  --duration: 800ms;
  --iterations: 1;

  --fontH1: 'Playfair Display', serif;
  --colorH1: #211252;
  --sizeH1: 3rem;
  --weightH1: 800;
  --spaceH1: 0.01rem;

  --fontH2: 'Playfair Display', serif;
  --colorH2: #211252;
  --sizeH2: 2.4rem;
  --weightH2: 800;
  --spaceH2: 0.01rem;

  --fontH3: 'Playfair Display', serif;
  --colorH3: #211252;
  --sizeH3: 2rem;
  --weightH3: 700;
  --spaceH3: 0.01rem;

  --fontH4: 'Playfair Display', serif;
  --colorH4: #211252;
  --sizeH4: 1.6rem;
  --weightH4: 700;
  --spaceH4: 0.01rem;

  --fontCorps: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
  --colorCorps: #211252;
  --sizeCorps: 1rem;
  --weightCorps: 500;
  --spaceCorps: 0rem;

}

/* Only render when in viewport */
img { content-visibility: auto; }

@media (max-width: 40em) {

	.hidden-mob {display:none!important}

}

@media only screen and (min-width: 40.063em) {

	.hidden-desk {display:none!important}

}

@media only screen and (min-width: 40.063em) and (max-width: 63em) {

	.hidden-pad {display:none}

}


/* Couleurs
------------------------------------------------------------------------------------------- */


:root .editor-styles-wrapper .has-color-1-color, :root .has-color-1-color, :root .has-inline-color.has-color-1-color { color: var(--color1);}

:root .editor-styles-wrapper .has-color-2-color, :root .has-color-2-color, :root .has-inline-color.has-color-2-color { color: var(--color2);}

:root .editor-styles-wrapper .has-color-3-color, :root .has-color-3-color, :root .has-inline-color.has-color-3-color { color: var(--color3);}

:root .editor-styles-wrapper .has-color-4-color, :root .has-color-4-color, :root .has-inline-color.has-color-4-color { color: var(--color4);}

:root .editor-styles-wrapper .has-color-5-color, :root .has-color-5-color, :root .has-inline-color.has-color-5-color { color: var(--color5);}

:root .editor-styles-wrapper .has-noir-color, :root .has-noir-color, :root .has-inline-color.has-noir-color { color: var(--noir);}

:root .editor-styles-wrapper .has-gris1-color, :root .has-gris1-color, :root .has-inline-color.has-gris1-color { color: var(--gris);}

:root .editor-styles-wrapper .has-gris2-color, :root .has-gris2-color, :root .has-inline-color.has-gris2-color { color: var(--gris2);}

:root .editor-styles-wrapper .has-gris3-color, :root .has-gris3-color, :root .has-inline-color.has-gris3-color { color: var(--gris3);}

:root .editor-styles-wrapper .has-gris-color, :root .has-gris-color, :root .has-inline-color.has-gris-color { color: var(--gris);}

:root .editor-styles-wrapper .has-blanc-color, :root .has-blanc-color, :root .has-inline-color.has-blanc-color { color: var(--blanc);}

:root .editor-styles-wrapper .has-color-1-background-color, :root .has-color-1-background-color { background-color: var(--color1);}
:root .editor-styles-wrapper .has-color-2-background-color, :root .has-color-2-background-color { background-color: var(--color2);}
:root .editor-styles-wrapper .has-color-3-background-color, :root .has-color-3-background-color { background-color: var(--color3);}
:root .editor-styles-wrapper .has-color-4-background-color, :root .has-color-4-background-color { background-color: var(--color4);}
:root .editor-styles-wrapper .has-color-5-background-color, :root .has-color-5-background-color { background-color: var(--color5);}
:root .editor-styles-wrapper .has-noir-background-color, :root .has-noir-background-color { background-color: var(--noir);}
:root .editor-styles-wrapper .has-gris1-background-color, :root .has-gris1-background-color { background-color: var(--gris);}
:root .editor-styles-wrapper .has-gris2-background-color, :root .has-gris2-background-color { background-color: var(--gris2);}
:root .editor-styles-wrapper .has-gris3-background-color, :root .has-gris3-background-color { background-color: var(--gris3);}
:root .editor-styles-wrapper .has-gris-background-color, :root .has-gris-background-color { background-color: var(--gris);}
:root .editor-styles-wrapper .has-blanc-background-color, :root .has-blanc-background-color { background-color: var(--blanc);}



/* Polices
------------------------------------------------------------------------------------------- */

h1, h1.entry-title, h1.page-title, .singular .entry-title {
text-align : center;
font-family: var(--fontH1);
font-size: clamp(2.5rem, 4vw, var(--sizeH1));
font-weight: var(--weightH1);
letter-spacing: var(--spaceH1);
color: var(--colorH1)
}

h2 {font-family: var(--fontH2); font-size: var(--sizeH2); font-weight: var(--weightH2); letter-spacing: var(--spaceH2); color: var(--colorH2)}

h3 {font-family: var(--fontH3); font-size: var(--sizeH3); font-weight: var(--weightH3); letter-spacing: var(--spaceH3); color: var(--colorH3)}

h4 {font-family: var(--fontH4); font-size: var(--sizeH4); font-weight: var(--weightH4); letter-spacing: var(--spaceH4); color: var(--colorH4)}

p, body {font-family: var(--fontCorps); font-size: var(--sizeCorps); font-weight: var(--weightCorps); letter-spacing: var(--spaceCorps); color: var(--colorCorps)}

@media (min-width: 1024px) {

	h2.page-title { margin-top: 1em!important;}

}



/* Divers
------------------------------------------------------------------------------------------- */

body { min-height: 100vh;}
.wp-singular .entry-header {
  border: 0;
  margin: 0 auto;
}
.entry-content {
  max-width: 1440px !important;
}
.entry-content a { text-decoration: none; position: relative;}
.entry-content .hentry a { color: var(--color1)}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width { max-width: 100%;}

/* Hover effect 1 */

.entry-content a:not(.noeffect) { background: linear-gradient( to right, rgba(179, 46, 95,0), rgba(179, 46, 95,0) ), linear-gradient( to right, #ff8400, #ff00b4, #413edf ); background-size: 100% 2px, 0 2px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 400ms;}
.entry-content a:hover { background-size: 0 2px, 100% 2px;}

.site-title a:active, .site-title a:link, .site-title a:visited {color: var(--color1)}
.page-header { border-bottom: 0!important;}

.cont_list .contents > li { list-style: none;}
.cont_list .contents ul li { list-style: none;}
.cont_list h2 {font-size: 1.4em;}
.cont_list h3 {font-size: 1.2em;}


.wp-block-post-terms__separator, .wp-block-post-terms__separator + a, .home a.edito, .home a.la-couv, p.Edito + a, .cat-links {display: none!important}

ul.footer_page { display: flex; justify-content: center; list-style: none; padding: 0;}
ul.footer_page li { padding: 0.5em 1em; border: thin solid var(--noir); margin: 0 5px; font-size: .8rem; text-transform: uppercase;}
ul.footer_page li.button, .site .button:not(:hover):not(:active):not(.has-background) { border-color: var(--noir); background-color: transparent; }
ul.footer_page li a { color: var(--noir);}
figcaption.wp-element-caption { margin-top: -10px;}

.wp-block-quote { border-left: 3px solid var(--color1); font-size: 1rem; padding-top: 0.6rem;}
.wp-block-quote p { color: var(--color1);}
.wp-block-quote:before {content:"";}

button:focus { outline: 0;}



/* Interface
------------------------------------------------------------------------------------------- */

/* Entete */

.site-header {
max-width: 100%; padding-left: 0; padding-right: 0; justify-content: center; padding-bottom: 1em;
}
.site-header {
background-color: transparent;
  flex-direction: column;
  align-content: center;
  padding-top: 0;
  padding-bottom: 2em;
}
.site-branding { text-align: center; margin: auto;}
.site_internet a { background-color: var(--color2); color: var(--blanc); border-radius: 50px; padding: 0.2em 0.5em; text-decoration: none; font-size: .7rem; font-weight: 600; text-transform: uppercase; margin-bottom: 1em;}
.site-header .site-title { font-size: clamp(3rem, 6vw, 20rem); color: var(--color1); line-height: 5vw; padding: 1rem 0;}
.site-logo-image {
  max-width: 450px !important;
  height: 100% !important;
}
.site-description { color: var(--color1); text-transform: uppercase; font-weight: 400; font-size: clamp(.8rem, 2vw, 1.1rem)}

@media only screen and (max-width: 481px){

	.site-header:not(.has-logo).has-title-and-tagline .site-branding { max-width: 100%;}

}

/* navigation */

#menu-item-search img { width: 20px;}
.primary-navigation > div > .menu-wrapper { align-items: center;}
#menu-item-search {align-items: center;}
.primary-navigation > div > .menu-wrapper li { text-align: center;}
.menu_mag { display: none;}

@media (max-width: 481px) {

	.primary-navigation > div > .menu-wrapper li .menu_mag li a { font-size: 1.2rem;}
	.site-header.has-title-and-tagline:not(.has-logo) { padding-bottom: calc(var(--global--spacing-vertical)+0);}

}


@media (min-width: 1024px) {

	.primary-navigation .primary-menu-container > ul > .menu-item > a { padding-top: 0; padding-bottom: 0; border-right: thin solid; line-height: 1; text-decoration: none; font-weight: 600; text-transform: uppercase; font-size:.875rem; color: var(--noir); transition: all 0.3s}
	.primary-navigation .primary-menu-container > ul > .menu-item > a:hover { color: var(--color1); }
	.primary-navigation .primary-menu-container > ul > .menu-item:nth-last-child(2) > a, .primary-navigation .primary-menu-container > ul > .menu-item:last-child > a { border-right: 0;}
	.primary-navigation .menu-wrapper > li:not(:first-child) { margin-inline-start: 0!important;}
	.primary-navigation li#menu-item-search a { border-radius: 50px; width: 22px; padding: 0; height: 22px; background: url(../img/search.svg) no-repeat center; background-size: 64%; background-color: var(--color1);}

	.site-branding { position: relative; }
	.site-description { margin-bottom: 1em}

	.menu_mag { display: block;
    position: absolute;
    right: 2em;
    top: 3.5em;
    text-align: right;}
    .admin-bar .menu_mag { top: calc(3.5em + 32px);}
	.menu_mag li { list-style: none; text-transform: uppercase; font-size: .7rem;}
	.menu_mag li:first-child { font-size: .9rem; font-weight: 700; margin-bottom: .5em}
	.menu_mag li:after { content: " >";}
	.menu_mag li:first-child:after { content: "";}
	.menu_mag li a { text-decoration: none;}

}

/* Conteneur */

.site-content, .site-content .site-main { padding-top: 0;}


/* Footer */

p.credits_footer { margin-top: 1rem; padding-top: 0.5rem; border-top: thin solid var(--gris2);}
p.credits_footer a {color: var(--color1); font-size: .9rem; text-decoration: underline}
.footer_widgets {text-align: center; padding: 3em 1em; max-width:1024px; margin: auto}
.footer_widgets > div { margin-top: 1.5em!important; max-width: 320px; margin: auto;}
.footer_widgets h4 {font-family: var(----global--font-primary); font-weight: 400; font-size: 1rem; padding-bottom: 1em}
.social p { display: flex; justify-content: center; align-items: center; flex-direction: row;}
.social p a, .social p a:focus, .vdo p a, .vdo p a:focus, .mag p a, .mag p a:focus { background-color: var(--color1)!important; padding: 0.5em; line-height: 14px; border-radius: 100%; width: 36px; height: 36px; margin: 0.1em; display: inline-block;}
.mag p a, .mag p a:focus { padding: 0.5em 0.4em; line-height: 13px;}
.vdo p a, .vdo p a:focus { padding: 0.5em 0.5em 0.6em 0.7em; line-height: 13px;}
footer, footer a {color: var(--blanc); text-decoration: none;}
footer {text-align: center;}
.logofoot img {max-width: 160px !important;
  padding: 2em 1em 1em;}

.footer_bottom {text-align: center; text-transform: uppercase; padding: 1em; max-width: 768px; margin: auto; line-height: 1}
.footer_bottom p {line-height: 1.2; font-size: 1rem; color: var(--blanc);}
.footer_bottom h4 {font-family: var(----global--font-primary); color: var(--blanc); font-weight: 700; padding-bottom: .2em}
.footer_bottom > div:first-child h4 {font-size: 1.5rem;}
.footer_bottom > div:nth-child(2) h4 {font-size: 1.2rem;}
.footer-navigation-wrapper { margin-top: 0; margin-bottom: 0;}
.footer-navigation-wrapper li, .footer-navigation-wrapper li a { font-size: .8rem;}
.footer-navigation-wrapper li { padding: 0 10px;}
.footer-navigation-wrapper li a { padding: 0;}

@media only screen and (min-width: 652px) {

	.no-widgets .site-footer, .widget-area { padding-bottom: 0.5rem;
    background-color: var(--color1);
    margin: 0;
    width: 100%;
    max-width: 100%;}

}

@media (min-width: 1024px) {

	.footer_widgets > div { margin-top: 0!important; max-width: auto;}
	.footer_widgets > div, .footer_bottom > div { border-right: thin solid; padding-left: 2em; padding-right: 2em}
	.footer_widgets > div:last-child, .footer_bottom > div:last-child { border-right: 0;}
	.footer_bottom > div:first-child {text-align: right;}
	.footer_bottom > div:last-child {text-align: left;}

}


/* single - meme categorie - randomcat
------------------------------------------------------------------------------------------- */

.single .site > .site-content { max-width: 1024px; margin: auto;}
.single main > article {margin-bottom: 2em}
.singular.tw-title-no-border .hentry .entry-header { margin-bottom: 1em;}
.single .content-area p, .single .content-area h2, .single .content-area article img { padding-bottom: 1.5em;}
.entry-top-meta .edito, .post-taxonomies, .posted-by, .single footer.entry-footer, .current-issue-title a.edito {display: none!important}
.single p.current-issue-title { text-transform: uppercase; font-size: .9rem; text-align: center;}
.category-edito .colRight {text-align: center}
span.photo_edito img { height: auto!important; border-radius: 100%;margin-bottom: 1em;}

.colRight > div { background-color: #b32e5f0a; padding: 2em; font-size: 1rem; position: -webkit-sticky; position: sticky; top:4em}
.colRight h3 { margin-bottom: 1em;}

.wp-block-button .wp-block-button__link {
  background: transparent !important;
  border: thin solid var(--color1);
  padding: .5em .75em;
  margin-top: 1em;
  display: inline-block;
  color: var(--color1) !important;
  font-size: 1em;
}

figure.wp-block-embed { margin: 1em 0;}

#recent-posts, .randomcat { max-width: 960px; margin: auto; padding: 1em;}
#recent-posts h3 { font-weight: 800; text-align: center; margin-bottom: 1em; font-size: 3rem;}
#recent-posts ul { list-style: none; display: flex; justify-content: space-between; gap: 2em; text-align: center;}
#recent-posts li { flex: 1;}
#recent-posts img { height: 200px!important; width: 100%; object-fit: cover; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
#recent-posts img:hover { transform: scale(1.1);}
#recent-posts li a { text-decoration: none}
#recent-posts li h4 { font-size: 1.3rem; padding: .5em 0}

.randomcat h5 { text-align: center;}
.randomcat h5 { font-size: .85rem; text-transform: uppercase; font-weight: 400; font-family: var(--font2); margin: auto; border: thin solid var(--noir); padding: 0.5rem 0.8em;}
.randomcat h5 a { text-decoration: none; color: var(--noir);}

@media only screen and (min-width: 482px){

	body:not(.tw-header-bg).single .site-header { padding-bottom: 1em!important;}

}

 @media (min-width: 652px){

 	figure.wp-block-embed { margin: 2em 0;}
 	.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { padding-top: 15%;}

 }
 @media (min-width: 992px){

 	.colRight { padding-left: 2em!important}

 }


/* Search
------------------------------------------------------------------------------------------- */

.search-result-count { margin: 2em auto;}
.search .site-main > article { margin-top: 1em; margin-bottom: 1em;}
.search header.entry-header { margin-bottom: 1em;}
.search h2 { font-size: 1.4em;}
.search .site-main > article > .entry-footer { margin-top: 0; padding-top: 0; padding-bottom: 2em; }


/* Landscape blocking
------------------------------------------------------------------------------------------- */

@media (max-width: 47.9375em) and (orientation: landscape) {

	#landscape-warning { position: fixed; top: 0; left: 0; z-index: 110; display: block!important; width: 100%; height: 100%; background-color:#1f1f1f}
	#landscape-warning>svg { position: absolute; top: 50%; left: 50%; width: 20%; height: auto; fill: rgba(236,244,244,.5); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

}


/* Preloader
------------------------------------------------------------------------------------------- */

/* Preloader CSS déplacé dans style.css */




/* Curseur
------------------------------------------------------------------------------------------- */

#cursor { position: fixed; z-index: 999; left: 0; top: 0; pointer-events: none; will-change: transform;}

@media (hover: hover) and (pointer: fine) {

  .cursor__circle { width: 32px; height: 32px; margin-top: -50%; margin-left: -50%; border-radius: 50%; border: solid 1px rgb(223,185,67);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }

  #cursor.arrow .cursor__circle{ width: 128px; height: 128px; background-color: rgba(223,185,67,.5); border-color: transparent; mix-blend-mode: difference; }

  #cursor.subtle .cursor__circle { opacity: 0.16; }

  #cursor.overlay .cursor__circle { width: 48px; height: 48px; background-color: rgba(255, 255, 255, 0.08); border-color: transparent; }

}


/* Scroll progress container
---------------------------------------------------------------------------------- */

.progress-container { position: relative; bottom: 0; z-index: 20; width: 100%; height: 6px; background: #ffffff00 }
.home .progress-container { background: #ffffff00}

/* The progress bar (scroll indicator) */

.progress-bar { height: 6px;  background: var(--color2);  width: 0%;}

/* scroll indicator */

.to-the-content { height: 10rem;}
.scroll-indicator {	width: 20px; margin: 0 auto; position: relative; opacity: 0.5;}
.scroll-indicator::before, .scroll-indicator::after { content: ""; display: block; margin-left: auto; margin-right: auto; }
.scroll-indicator::before { width: 20px; height: 20px; border-radius: 10px; background-color: #fff; animation: dot 3s infinite ease-in-out; }
.scroll-indicator::after { width: 7px; height: 7px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); animation: arrow 3s infinite ease-in-out; animation-delay: 0.75s; opacity: 0.25;	}
.scroll-indicator > div { display: block; }
.scroll-indicator > div::before,.scroll-indicator > div::after { content: ""; display: block; margin: 5px auto; border-radius: 10px; background-color: #fff; animation: dot 3s infinite ease-in-out; }
.scroll-indicator > div::before { width: 14px; height: 14px; animation-delay: 0.25s; }
.scroll-indicator > div::after { width: 10px; height: 10px; animation-delay: 0.5s; }

@keyframes dot {
	0% {
		transform: scale(0.75);
		opacity: 0.25;
	}
	25% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0.75);
		opacity: 0.25;
	}
}

@keyframes arrow {
	0% {
		transform: scale(0.75) rotate(45deg);
		opacity: 0.25;
	}
	25% {
		transform: scale(1) rotate(45deg);
		opacity: 1;
	}
	100% {
		transform: scale(0.75) rotate(45deg);
		opacity: 0.25;
	}
}

/* scroll progress header 2 */

.progress-container, .home .progress-container {position: -webkit-fixed; position: fixed; background-color: #ffffff00;}


/* Top bar
---------------------------------------------------------------------------------- */

div#topbar { background-color: var(--color1); color: var(--blanc); text-align: center; padding: .3em;}
div#topbar a { color: var(--blanc); text-decoration: none; }
div#topbar p { margin: 0; font-size: .9rem; margin-top: -4px; font-family: var(--fontCorps)!important;color: #fff;}


/* Breadcrumb  ---------------------------------------------------------------------------------- */

.breadcrumbs {display:none;}

@media screen and (min-width: 63em) {

	.breadcrumbs {padding-left: 0; padding-bottom: 1em}
	.breadcrumbs strong { font-weight: 300;}
	.breadcrumbs {display: block; color: var(--color1); font-size: 1.2rem; position: relative; max-width: 1200px; margin: auto;}
	.breadcrumbs > div { width:100%; font-size:1rem; max-width: 1200px; margin: auto; padding: 2em 0 1em; font-weight: 500;}
	.home .breadcrumbs {display:none;}
	.breadcrumbs a, .breadcrumbs span {color: var(--noir); text-decoration: none; font-size: 1.2rem; }
	.breadcrumbs .breadcrumbs__current {color: var(--noir);  font-weight: 600;}
	.breadcrumbs a:hover span { color: var(--noir);}
	.breadcrumbs span.separator {  vertical-align: middle;}
	.archives .breadcrumbs { text-align: center; color: var(--noir); font-size: 1.2rem; padding-top: 1em;}
	.breadcrumbs > div > span:nth-child(3) a:hover { cursor: default;}

}


/* Social share
------------------------------------------------------------------------------- */

.social-box { position: fixed; top: calc(50% - 150px); right: -1px; z-index: 5; text-align: center;}
.social-btn { display: flex; background-color: #f9f9f9; padding: 5px 0; flex-direction: column;}
.social-btn img { width: 32px; height: 32px; vertical-align: middle; padding: 7px 2px;}
.social-btn.active { display: flex; float: left; text-align: center; height: 32px;}
.social-btn a { display: inline-block; margin: 0 3px;}
.social-btn img:hover { cursor: pointer;}
a.sbtn.s-mail img { padding: 0px 4px;}


/* Lightbox (fancybox)
------------------------------------------------------------------------------- */

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { height: 90%!important;}
.fancybox__slide::before { margin: 2em 0!important;}
.fancybox__slide::after { margin: 0!important;}
.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close { background-color: transparent!important; }

@media (min-width: 1024px){

	.fancybox__slide { padding: 0 1em!important;}

}


/* Popup
---------------------------------------------------------------------------------*/

.transition, .modal a.close-modal, .modal #modal-link a:hover { transition: 0.3s ease-in-out;}
.blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9998; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.7); text-align: center;}
.blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em;}
.modal { display: inline-block; vertical-align: middle; position: relative; z-index: 2; max-width: 700px;
  min-width: 30%;
  box-sizing: border-box;
  background: var(--blanc);
  padding: 2.5em; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 20px #484848; -moz-box-shadow: 0 0 20px #484848; -o-box-shadow: 0 0 20px #484848; -ms-box-shadow: 0 0 20px #484848; box-shadow: 0 0 20px #484848;}
.modal a.close-modal { width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; font-size: 2em; font-weight: 300; top: 3px;
  right: 5px; text-decoration: none; color: var(--noir);}
.modal a.close-modal:hover { opacity: 0.6; cursor: pointer;}
.modal h3 {font-size: 1em; margin: 0; margin: .5em 0 1em;}
.modal h2 { text-align: center; margin: 0 0 1.4em; padding-bottom: 1em; font-size: 1em; color: var(--noir); display: none}
.modal p {font-size: .9em; }
.modal #modal-link a:hover { opacity: 0.7;}
.modal.sombre {-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;}
.modal.clair {background-color: var(--blanc)}
.modal.sombre {background-color: var(--color1)}
.modal.clair h2 {color: var(--color1)}
.modal.sombre h2 {color: var(--blanc); border-bottom: thin solid var(--blanc);}
.modal.clair h3 {color: var(--color2)}
.modal.sombre h3 {color: var(--color3)}
.modal.clair p {color: var(--noir)}
.modal.sombre p {color: var(--blanc)}
.modal.clair .button {background-color: var(--color2)}
.modal.sombre .button {background-color: var(--color2); color: var(--blanc); text-decoration: none; padding: 0.3rem 0.5rem; margin-top: 1em; display: inline-block; border-radius: 4px; text-transform: uppercase; font-size: .8rem; font-weight: 700;}
.modal.sombre a.close-modal { color: var(--color3);}
.modal .wp-block-columns {
  margin: 0;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

	.modal { max-width: 100%; padding: 20px; }

}


/* RGPD
--------------------------------------------------------------------------------------- */

.gdpr_lightbox { z-index: 100000!important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt { display: none;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {border-top: 0!important; padding: 2rem 1rem; height: auto; min-height: 20vh;display: flex; flex-wrap: wrap; justify-content: center; align-content: center; z-index: 50000; background-color: var(--noir)!important;}
.lity {z-index:51000!important}
#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden { bottom: -100%!important;}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p { font-weight: 100!important; text-align: center;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 0vw!important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {font-weight: 300!important; border-radius: 0!important; text-transform: uppercase!important; border: 1px solid var(--color2)!important; background-color: var(--color2)!important; letter-spacing: .1rem!important; margin: 3rem 1rem!important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button { background-color: var(--color3)!important; border: 1px solid var(--color3)!important; color: var(--blanc)!important; box-shadow: 0 0 black!important; opacity: 1!important;}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {border: 1px solid var(--gris2)!important; color:var(--gris2)!important; opacity:1!important}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {flex-direction: column; width: 100%;}
.moove-gdpr-cookie-notice h5 span, .moove-gdpr-cookie-notice h5 { font-size: 1.8rem!important; text-align: center!important; margin-bottom: 0!important;}
.acceptance-gdpr label {font-weight: 100; font-size: .8rem;}
.acceptance-gdpr span { margin: 10px 0;}
.page-id-1225 h2 {text-align:left; font-size: 2rem; margin-bottom: 40px!important;}
.gdpr-framework-privacy-tools h2 {font-size: 1.4em; color: var(--noir); }
button.mgbutton.moove-gdpr-modal-allow-all.button-visible { border-radius: 0!important; text-transform: uppercase!important; padding: .5rem 1rem!important; margin: auto!important;}
a.moove-gdpr-modal-close { top: 0!important; right: 10px!important; display: block!important; width: 50px!important; height: 20px!important; line-height: 20px!important; text-align: center!important; border-radius: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {border: 0!important; background-color: transparent!important; color: var(--noir)!important;}

#moove_gdpr_cookie_modal .switch input:checked+.slider { background-color: var(--noir)!important;}
#moove_gdpr_cookie_modal .switch input:checked+.slider:after, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon { color: var(--noir)!important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {height: 80px!important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before {bottom: 80px!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{ text-align:center!important;flex-wrap: nowrap!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-radius: 0!important; padding: .5rem 1rem!important;border: 0!important;}
#moove_gdpr_save_popup_settings_button {height: 30px!important; border-radius: 50px;width: auto!important;}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon {line-height: 30px!important; min-width: 30px!important; height: 30px!important}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon:after {font-size: 34px;}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg { height: 25px!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i {width: 50px!important; height: 50px!important; line-height: 50px!important; border-radius: 0!important; border: 0!important;}
div.moove-gdpr-button-holder {text-align:center}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {border-top-left-radius: 0!important; border-bottom-left-radius: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button { background-color: #e4c7d930!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button {border-radius: 0!important; background-color: #fff!important; border: 1px solid #fff!important;}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon span.gdpr-icon { top: -4px!important; left: 1px!important;}
#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider, #moove_gdpr_cookie_modal .cookie-switch input:checked+.slider, #moove_gdpr_cookie_modal .switch input:checked+.cookie-slider, #moove_gdpr_cookie_modal .switch input:checked+.slider { background-color: #b4e2c1!important;}
#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:after, #moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:after, #moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:after, #moove_gdpr_cookie_modal .switch input:checked+.slider:after { color: #b4e2c1!important;}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider, #moove_gdpr_cookie_modal .cookie-switch .slider, #moove_gdpr_cookie_modal .switch .cookie-slider, #moove_gdpr_cookie_modal .switch .slider {background-color: var(--color5)!important;}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after, #moove_gdpr_cookie_modal .cookie-switch .slider:after, #moove_gdpr_cookie_modal .switch .cookie-slider:after, #moove_gdpr_cookie_modal .switch .slider:after {color: var(--color5)!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close { top:0!important; right: 0!important;}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover { background-color: transparent!important}
.gdpr-download-button, .gdpr-export-button { display: inline-block;}
#moove_gdpr_save_popup_settings_button span.moove_gdpr_text { line-height: 30px!important;}
#moove_gdpr_cookie_modal .mgbutton.focus-g, #moove_gdpr_cookie_modal .mgbutton:focus { box-shadow: none!important;}
#moove_gdpr_save_popup_settings_button { display: inline-block; z-index: 1001; position: fixed; background-color: rgba(0,0,0,.8); transition: all .3s ease; color: #fff; padding: 0; text-align: center; height: 40px; outline: none; font-weight: 400; font-size: 14px; line-height: 20px; border-radius: 0; border: none; text-decoration: none; width: auto; border-radius: 50px; background-color: var(--color1)!important;}

@media screen and (max-width:768px){

	#moove_gdpr_cookie_modal { margin-top: 20px!important;min-height: 100vh!important;}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content { width: 90vw!important;}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { height: calc(100vh)!important}
	#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder { justify-content: center}
	.moove-gdpr-button-holder button { margin: auto}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; }

}


/* Print --------------------------------------------------------------------------------------- */

@media print {

	.site-header, .site-footer, .social-box, #dark-mode-toggler, .progress-container { display: none!important;}

}


/* Transitions --------------------------------------------------------------------------------------- */

.p-transition:hover {
  opacity: 0.9;
}
.p-transition2:hover {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.p-transition-d:hover {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.p-transition-z:hover {
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.p-transition-z2:hover {
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(1.05) translateY(-5px);
  -moz-transform: scale(1.05) translateY(-5px);
  -ms-transform: scale(1.05) translateY(-5px);
  -o-transform: scale(1.05) translateY(-5px);
  transform: scale(1.05) translateY(-5px);
  transform-origin: bottom center;
}
.p-transition-z3:hover {
  -webkit-backface-visibility: hidden;
  -webkit-transform: scale(.95) translateY(-5px);
  -moz-transform: scale(.95) translateY(-5px);
  -ms-transform: scale(.95) translateY(-5px);
  -o-transform: scale(.95) translateY(-5px);
  transform: scale(.95) translateY(-5px);
  transform-origin: bottom center;
}

.p-transition,
.p-transition2,
.p-transition-d,
.p-transition-z,
.p-transition-z2,
.p-transition-z3 {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.lien-aide:hover {  opacity: 0.5;}
a.btn, .lien-aide { opacity: 1; transition: opacity 0.6s;}


/* Responsive columns bootstrap --------------------------------------------------------------------------------------- */

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.no-gutters { margin-right: 0; margin-left: 0;}
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;}
.my-auto { margin-bottom: auto!important; margin-top: auto!important;}
.mx-auto { margin-left: auto!important; margin-right: auto!important;}
.align-items-center { -ms-flex-align: center!important; align-items: center!important;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto { position: relative; width: 100%; padding-right: 20px; padding-left: 20px;}

.col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%;}
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.offset-sm-0 { margin-left: 0; }
.offset-sm-1 { margin-left: 8.333333%; }
.offset-sm-2 { margin-left: 16.666667%; }
.offset-sm-3 { margin-left: 25%; }
.offset-sm-4 { margin-left: 33.333333%; }
.offset-sm-5 { margin-left: 41.666667%; }
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.333333%; }
.offset-sm-8 { margin-left: 66.666667%; }
.offset-sm-9 { margin-left: 75%; }
.offset-sm-10 { margin-left: 83.333333%; }
.offset-sm-11 { margin-left: 91.666667%; }

@media (min-width: 576px) {
  .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; }
}

@media (min-width: 768px) {
  .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; }
}

@media (min-width: 992px) {
  .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; }
}

@media (min-width: 1200px) {
  .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; }
}