:root {
	--color-blanc: #ffffff;
	--color-noir: #3B3C3C;

  --color-gris: #929292;

  --color-grisclair: #F7F8FA;

	--color-rouge: #CD523E ;

  --color-jaune: #F5EAC1 ;



	
	}
.has-blanc-color {
	color: var(--color-blanc) !important;
}
.has-blanc-background-color {
		background-color: var(--color-blanc);
}
.has-noir-color {
	color: var(--color-noir) !important;
}
.has-noir-background-color {
	background-color: var(--color-noir);
}

.has-gris-color {
	color: var(--color-gris) !important;
}
.has-gris-background-color {
	background-color: var(--color-gris);
}

.has-grisclair-color {
	color: var(--color-grisclair) !important;
}
.has-grisclair-background-color {
	background-color: var(--color-grisclair);
}

.has-rouge-color {
	color: var(--color-rouge) !important;
}
.has-rouge-background-color {
	background-color: var(--color-rouge);
}

.has-jaune-color {
	color: var(--color-jaune) !important;
}
.has-jaune-background-color {
	background-color: var(--color-jaune);
}




@font-face {
  font-family: 'ZT Bros Oskon 90s';
  src: url('typo/oskon/ZTBrosOskon90s-LightItalic.woff2') format('woff2'),
      url('typo/oskon/ZTBrosOskon90s-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'ZT Bros Oskon 90s';
  src: url('typo/oskon/ZTBrosOskon90s-Light.woff2') format('woff2'),
      url('typo/oskon/ZTBrosOskon90s-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ZT Bros Oskon 90s';
  src: url('typo/oskon/ZTBrosOskon90s-ExtLtIta.woff2') format('woff2'),
      url('typo/oskon/ZTBrosOskon90s-ExtLtIta.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'ZT Bros Oskon 90s';
  src: url('typo/oskon/ZTBrosOskon90s-Regular.woff2') format('woff2'),
      url('typo/oskon/ZTBrosOskon90s-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ZT Bros Oskon 90s';
  src: url('typo/oskon/ZTBrosOskon90s-ExtraLight.woff2') format('woff2'),
      url('typo/oskon/ZTBrosOskon90s-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ZT Bros Oskon 90s';
  src: url('typo/oskon/ZTBrosOskon90s-Italic.woff2') format('woff2'),
      url('typo/oskon/ZTBrosOskon90s-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}




@font-face {
  font-family: 'OSP-DIN';
  src: url('typo/osp/OSP-DIN.woff2') format('woff2'),
      url('typo/osp/OSP-DIN.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'barlowregular';
  src: url('typo/barlow/barlow-regular-webfont.woff2') format('woff2'),
       url('typo/barlow/barlow-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'barlowitalic';
  src: url('typo/barlow/barlow-italic-webfont.woff2') format('woff2'),
       url('typo/barlow/barlow-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'barlowmedium';
  src: url('typo/barlow/barlow-medium-webfont.woff2') format('woff2'),
       url('typo/barlow/barlow-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'barlowmedium_italic';
  src: url('typo/barlow/barlow-mediumitalic-webfont.woff2') format('woff2'),
       url('typo/barlow/barlow-mediumitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'barlowbold';
  src: url('typo/barlow/barlow-bold-webfont.woff2') format('woff2'),
       url('typo/barlow/barlow-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




@font-face {
  font-family: 'barlowbold_italic';
  src: url('typo/barlow/barlow-bolditalic-webfont.woff2') format('woff2'),
       url('typo/barlow/barlow-bolditalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'barlow_thin_italic';
  src: url('typo/barlow/Barlow-ThinItalic.woff2') format('woff2'),
      url('typo/barlow/Barlow-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'barlow_thin';
  src: url('typo/barlow/Barlow-Thin.woff2') format('woff2'),
      url('typo/barlow/Barlow-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
font-family: 'Aptos Mono';
src: url('typo/aptos/AptosMono.woff2') format('woff2'),
    url('typo/aptos/AptosMono.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}



@font-face {
  font-family: 'Noto Serif Display';
  src: url('typo/noto/NotoSerifDisplay-Italic.woff2') format('woff2'),
      url('typo/noto/NotoSerifDisplay-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Display';
  src: url('typo/noto/NotoSerifDisplay-Regular.woff2') format('woff2'),
      url('typo/noto/NotoSerifDisplay-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Hanken Grotesk';
  src: url('typo/hk/HankenGrotesk-Italic.woff2') format('woff2'),
      url('typo/hk/HankenGrotesk-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Hanken Grotesk';
  src: url('typo/hk/HankenGrotesk-Regular.woff2') format('woff2'),
      url('typo/hk/HankenGrotesk-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}





body{  font-family: 'Hanken Grotesk', sans-serif !important;
  position: relative;
  overflow-x: hidden;

}
body.custom-background {
  background-position:center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}


#content.site-content {
z-index: 0;}
/*#content.site-content:after {position: absolute; width: 100%;height: 100%; left: 0; top: 0; content:''; z-index: -1;
    background-color: rgba(255,255,255,0.7);}*/
#page #content .container:not(.containernobox) {background-color: white;padding-top: 2rem; padding: 3rem 3rem;
  margin: 1rem auto;
  border: solid 1px var(--color-noir);}
.home #page #content .container {padding-top: 0rem;}
.single .entry-content{padding: 1rem}
#content.site-content {
  padding-bottom: 0rem;
  padding-top: 0rem;
}


.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {color:var(--main-rouge)}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color:var(--main-rouge)}
.alignfull {
  margin: 0px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.navbar-brand > a { font-family: 'Noto Serif Display';}

.alignwide {
	margin: 0 auto;
	max-width: calc(1240px - 6rem);
	
}


@media (max-width: 1199px) {
  .alignfull {}
 
  .alignwide {
    max-width: 100vw;
  }
}

/*#content {background-color: var(--main-orange)}*/
h1, .h1 {
  font-size: 2.5rem;
  line-height: 1;

}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5{font-family: 'Noto Serif Display', sans-serif !important; }
h2, .h2 {
  font-size: 3rem}

h3, .h3 {
    font-size: 2rem}



.motfriction {text-decoration: none; font-family: 'DigitalDisco';}

.has-strong-green-background-color {background-color: #39B54A}
.has-light-blue-background-color {background-color: #8ED8F8}
.has-blue-eto-background-color {background-color: #0092C8}
.has-dark-blue-eto-background-color {background-color: #085377}

.has-strong-green-color{color: #39B54A !important}
.has-light-blue-color{color: #8ED8F8 !important}
.has-blue-eto-color{color: #0092C8 !important}
.has-dark-blue-eto-color{color: #085377 !important}

.wp-block-button__link:hover, .tnp-submit:hover {opacity: 1; text-decoration: none;box-shadow: var(--wp--preset--shadow--natural);}

.entry-content{font-size: 1.2rem;
line-height: 1.3}

.lienblock {display: block;}
.backgroundwhite {background-color: white}

.borderlight {border:solid 1px var(--main-bleu)}

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

.borderlight:hover  {background-color: var(--main-bleu)}
.borderlight:hover a {color: white; text-decoration: none;}

.borderlight a { text-decoration: none !important;}

.centerflex {justify-content: center;}

.navbar-brand img {max-height: 70px; width:auto}

.navbar-light .navbar-nav .nav-link {
  color: var(--color-noir);
  text-transform: uppercase;
    font-family: 'Noto Serif Display';
    font-weight: 700;
    font-size: 1rem;
}
.navbar-light .navbar-nav .nav-link:hover {color:var(--color-rouge)}

.navbar-light .navbar-nav .current-menu-item .nav-link {color:var(--color-rouge)}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .dropdown-menu {
      background-color: var(--color-noir);
  }
  .dropdown-item {color: white}
}
.pll-parent-menu-item {margin-left: 2rem}
.pll-parent-menu-item ul li a {text-transform: uppercase;}

@media (max-width: 1199px) {
  .navbar-nav .dropdown-menu {display: block !important;}
  #masthead .navbar-nav > li > a {
  padding-bottom: 0rem;
  }
  .navbar-nav {padding-bottom: 2rem}
  .pll-parent-menu-item {margin-left: 0rem}
  .dropdown-menu .dropdown-item {font-size: 1.2rem}


}




.home #content{padding-top: 0}

.descriptionimage {font-size: 0.8rem;
    line-height: 1.1;    margin-top: 0.2rem;}

 .searchandfilter {background-color:var(--main-bleu);padding: 1rem 0; }

 .searchandfilter > ul {display: flex;flex-wrap: wrap; padding: 0rem;align-items: center;
justify-content: center;
 }

 .searchandfilter > ul > li {width: 30%}
 .searchandfilter > ul > li input {background-color: transparent; border:solid 1px white}


 @media screen and (max-width: 767px) {
 .searchandfilter > ul > li {width: 50%}
 }


 @media screen and (max-width: 500px) {
 .searchandfilter > ul > li {width: 100%}
 }


 .searchandfilter label {
     width: 100%;
     padding: 0 1rem 0 0;
 }

 .searchandfilter .sf-input-text {width: 99%}

 .searchandfilter .sf-input-text {
  background-color: var(--color-grisclair);
  color: black;
  padding: 0.53rem 1rem;
  font-size: 1rem;
  border: solid 1px;
 }

 .searchandfilter select.sf-input-select {
   max-width: 100%;
   background-color: var(--color-grisclair);
   border: solid 1px ;
   color:  black;
   width: 100%;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 1rem; 
  text-transform: uppercase;
  font-weight: bolder;


 }


 .image-productionsseize{background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
padding-top: 60%;
background-color: white;position: relative;
  z-index: -1;}

.image-productionsseize.no-image {background-size: contain;}

.color-black a, .color-black {
  color: inherit;
}

.lienblock:hover {
  text-decoration: none;
}

.wp-pagenavi {margin: 0 auto;}



.linkresume h2.entry-title.h4 {font-size: 1.35rem;}
.linkresume .entry-meta small{font-size: 0.7rem;}
.linkresume .entry-summary {font-size: 0.9rem;
line-height: 1.4;}
.linkresume img,.linkresume  h2.entry-title.h4 { transition: all 0.5s}

.linkresume:hover img, .linkresume:hover  h2.entry-title.h4{opacity: 0.75; transition: all 0.5s}

.moove-gdpr-branding-cnt {display: none}

a.heateor_sss_more {display: none !important}



.content-area a {
  color: inherit;
  text-decoration: underline;
  
}

.actu-home a, .blocindex > article > a, a.lienblock {text-decoration: none;}


#content > .container {    -webkit-box-shadow:0px 8px 9px 4px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 8px 9px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 8px 9px 4px rgba(0, 0, 0, 0.05);
}

.logosubsidiant {display: flex; flex-wrap: wrap; align-items: center;}
.logosubsidiant > figure {width: 10%; min-width: 120px;}


@media (max-width: 900px) {
  .wp-block-media-text__content {padding: 1rem 8% !important}
}


footer h2{color:var(--main-bleu) !important;}

.wp-block-button a {text-decoration: none; }


.post-thumbnail img {width: 100%; height: auto;}

.lienblockblock { overflow: hidden;box-shadow: none;}
.lienblockblock:hover {box-shadow: var(--wp--preset--shadow--natural);}
.lienblockblock:hover h2, .lienblockarchive:hover h2 {text-decoration: underline;}

.lienblockarchive{box-shadow: none;}
.lienblockarchive:hover {box-shadow: var(--wp--preset--shadow--natural);}

.lienblockarchiveactu .headerresume > div {box-shadow: none;}
.lienblockarchiveactu:hover .headerresume > div {box-shadow: var(--wp--preset--shadow--natural);}

.lienblockarchiveactu:hover .image-productionsseize {transform: scale(1.02); transition: all 0.2s;}
/*.lienblockarchive {border:solid 1px #ccc}*/



.headerresume {margin-top: -3rem;}

.wp-block-embed__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
iframe.wp-embedded-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.mapframe {width: 100%;}



.easy-footnotes-wrapper{font-size: 14px;
  background: #F5F5F5;
  padding: 2rem;}



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


  .notebox .easy-footnotes-wrapper{
    position: fixed;
    background: white;
    padding: 0;
    margin: 0;
    font-family: var(--serif);
    font-size: 1rem;
    z-index: 9999;
    bottom: -1px;
    max-height: 60%;
    display: none;
    left: 0;
    right: 0;
    padding: 0 2rem !important;
    border-top: solid 1px;
  }


  .notebox .easy-footnotes-wrapper.plein{padding:0 0 1em;display:block}
  .notebox .easy-footnotes-wrapper:before{border-top:1px solid var(--gris-2);width:100%;display:block;content:' ';padding-bottom:.4em}
  .notebox .easy-footnotes-wrapper li{visibility: hidden;height: 0}
  .notebox  .easy-footnotes-wrapper li.visible{display:list-item; list-style: decimal !important; padding: 0.5rem 0; visibility: visible;height: auto;}
  .type_encadre .notebox{font-family:var(--sans-serif);font-weight:500}
  .notebox p{padding-left:1.8em;text-indent:-1.8em;margin:.8em 0}
  .notebox a.spip_note{color:#333;cursor:default}
  .notebox.plein {background-color: white; border-top: solid 1px black}

  .notebox .easy-footnotes-wrapper .easy-footnote-to-top {display: none}


}
@media screen and (max-width: 680px) {
    .notebox .easy-footnotes-wrapper{ display: none}
}



.touslesnum  a {text-decoration: none;}


.siglenumerotitre a:hover{color: var(--color-vert); opacity: 0.7;}



.page-thumbnail {background-position: center; background-size: cover; height: 50vh; min-height: 350px;}




.blockhome a {
}
.blockhome a, .block-home-actu-img {
  overflow: hidden;
}


.imagerectangle {
  height: 0;
  padding-bottom: calc(50% - 7px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s;
}

.imagecarre {
  height: 0;
  padding-bottom: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s;
  position: relative;
}

.eventcategoriesblock {position: absolute; top: 0; left: 0; background-color: var(--color-rouge); color: white;padding: 0.2rem 0.3rem;}


.wp-block-separator {border-bottom: 1px solid;}


.wp-lightbox-overlay .scrim {background-color: rgba(255,255,255,0.6) !important;}


.titrebarre{position: relative; display: inline-block; z-index: 1; font-size: 2.6rem; font-weight: 500;}
.titrebarre:before {content: '';
  position: absolute;
  width: calc(100% - (var(--wp--preset--spacing--60)) );
  height: 97%;
 /* border: solid 2px var(--color-rouge);*/
  bottom: 6px;
  left: 1.6rem;
  z-index: -1;
  background-color: white;
}

.titrebarre:after {content: '';
  position: absolute;
  width: 100vw;
  height: 1px;
  border-top: solid 1px var(--color-noir);
  bottom: 54%;
  left: 0;
  z-index: -2;}




  .cb-carousel-block img {width: 100%;}
  .wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal.swiper-pagination-bullets .cb-pagination-bullet {height: 14px;width: 14px;}
  .wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal {bottom: -2rem; top: initial;}

  .wp-block-cb-carousel-v2.alignfull .cb-button-next, .wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-prev,
  .wp-block-cb-carousel-v2.alignfull .cb-button-prev, .wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-next {background-color: var(--color-noir);
    padding: 1rem;
    border-radius: 50%;}
    
.swiper-button-next::after, .swiper-button-prev::after { color: white; font-size: 0.9rem !important;}


.tnp.tnp-subscription label {display: none !important;}
.tnp-submit {background-color: white !important;
  border: solid 2px var(--color-noir) !important;
  color: var(--color-noir) !important;
  font-family: 'Noto Serif Display', sans-serif !important;
  text-transform: uppercase;
  font-weight: bolder;}

.btnrouge {background-color: var(--color-rouge); color: white; border:solid 1px  var(--color-rouge) }
.btnrouge .nav-link {color: white !important;}

.btnrouge:hover {background-color: white;}
.btnrouge:hover .nav-link {color: var(--color-rouge) !important}


.textshadow {text-shadow: 2px 2px 2px #000000;}

@media (min-width: 1199px) {

  .home #masthead .navbar {flex-wrap: wrap !important;}
  .home #masthead.navbar-light .navbar-brand {text-align: center; width: 100%;padding: 1rem 0;}

  .home #masthead #main-nav.justify-content-end {justify-content: center !important; position: relative;}

  .home #masthead #main-nav.justify-content-end:before {content:'';
  width: 100vw; position: absolute; height: 1px; border-top: solid 1px black; left: 0; top: 0;
  margin: 0px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;}

  .home #masthead .navbar-brand img {
    max-height: 113px;
    width: auto;
  }

}