/*
 * Theme Name: confartloisirs
 *
 * Layout: Content-Sidebar
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/
@charset "utf-8";
/* CSS Document */

/* GENERAL */
.Flex{display:flex;}

.col {
  padding: 0 15px;
}
.col-1 {
 width:100%;
 max-width:calc( 100% / 12 *1 )
}
.col-2 {
 width:100%;
 max-width:calc( 100% / 12 *2 )
}
.col-3 {
 width:100%;
 max-width:calc( 100% / 12 *3 )
}
.col-4 {
 width:100%;
 max-width:calc( 100% / 12 *4 )
}
.col-5 {
 width:100%;
 max-width:calc( 100% / 12 *5 )
}
.col-6 {
 width:100%;
 max-width:calc( 100% / 12 *6 )
}
.col-7 {
 width:100%;
 max-width:calc( 100% / 12 *7 )
}
.col-8 {
 width:100%;
 max-width:calc( 100% / 12 *8 )
}
.col-9 {
 width:100%;
 max-width:calc( 100% / 12 *9 )
}
.col-10 {
 width:100%;
 max-width:calc( 100% / 12 *10 )
}
.col-11 {
 width:100%;
 max-width:calc( 100% / 12 *11 )
}
.col-12 {
 width:100%;
 max-width:calc( 100% / 12 *12 )
}

p.btn {text-align:center;}
p.btn a {display:inline-block;margin:50px 0 0 0;padding:20px;text-align: center;font-size: clamp(14px, 2vw, 20px);color:#ad8968;line-height: 1;letter-spacing:4px;text-transform:uppercase;text-decoration:none;border:1px solid #ad8968;border-radius:30px;transition:all 0.15s linear;}
p.btn a:hover {color:#691308;border:1px solid #691308;padding: 20px 40px 20px 40px;}


/* HEADER */
.site-header{position: relative;width:100%;z-index: 100;padding: 0 20px 0 20px;border-top:10px solid #442441;}
.header-top{position: relative;max-width: 1760px;display: flex;margin: 0 auto;padding:15px 0 15px 0;align-items: center;}
.site-branding{flex-basis: 42%;display: flex;align-items: center;}
.custom-logo-link{max-width: 100px;}
h1.site-title,
p.site-title{margin:0;padding: 0 0 0 20px;font-family:'Gotham-Bold';font-size:20px;line-height: 1;color:#000;}
h1.site-title a,
p.site-title a{color:#000;text-decoration:none;}
h1.site-title a:hover,
p.site-title a:hover{color:#000;text-decoration:none;}
  
.main-navigation {display: flex;flex-basis:77%;justify-content: flex-end;width: 100%;padding-right: 3%;}
.menu-toggle, .main-navigation.toggled ul {display: none;}
.menu-toggle:after, .menu-toggle:before {content: "";position: absolute;left: 0;right: 0;display: block;height: 1px;background: #000;transition: .25s;transition-property: all;transition-property: transform,top;will-change: transform,top;}
.menu-toggle:before {top:0;}
.menu-toggle:after {bottom:0;}
.menu-toggle {position: absolute;top: 20px;padding: 0;height: 1.5rem;width: 2rem;font-size: 2em;box-sizing: content-box;border:0;border-radius: 50%;background-image: linear-gradient(to right,#000,#000);background-position: center;background-repeat: no-repeat;background-size: 100% 1px;background-color: transparent;outline: 0;color: #000;cursor: pointer;-webkit-tap-highlight-color: transparent;transition: .25s cubic-bezier(.17,.67,.89,1.4);	transition-property: all;transition-property: transform;will-change: transform;overflow: visible;}
.toggled .menu-toggle{background-image: none;}
.toggled .menu-toggle:after,
.toggled .menu-toggle:before {top:50%;}
.toggled .menu-toggle:before {transform:translate3d(0,-50%,0) rotate3d(0,0,1,45deg);}
.toggled .menu-toggle:after {transform:translate3d(0,-50%,0) rotate3d(0,0,1,-45deg);}
.menu-menu-principal-fr-container,
.menu-menu-principal-en-container{width: 100%;margin: 0;/*border-top: 1px solid #d8cca6;*/}
.menu-item a.mPS2id-highlight {color: #21284f;}

.searcH{position: relative;flex-basis:3%;width: 40px;height: 40px;}
.searcH:before {position: absolute;top: 0;right: 0;z-index: 1;margin: auto;width: 40px;height: 40px;color: #fff;text-align: center;cursor: pointer;content: "";display: block;background: url(../images/picto-loupe.svg)center center no-repeat;transition:all 0.15s linear;}
.searcH:hover:before {filter:none;}


@keyframes fadeinleft {
   0% {
      opacity: 0;
      transform: translateX(-20px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
@keyframes fadeinleftbig {
   0% {
      opacity: 0;
      transform: translateX(-600px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
@keyframes fadeinright {
   0% {
      opacity: 0;
      transform: translateX(20px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
@keyframes fadeintop {
   0% {
      opacity: 0;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
@keyframes fadeintopbig {
   0% {
      opacity: 0;
      transform: translateY(200px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
@keyframes fadeinbottombig {
   0% {
      opacity: 0;
      transform: translateY(0);
   }
   100% {
      opacity: 1;
      transform: translateY(200px);
   }
}
@keyframes fadeinbottomsmall {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
@keyframes fighover {
   0% {
      opacity: 1;
   }
   50% {
      opacity: 0.5;
   }
   100% {
      opacity: 1;
   }
}




.esp{display: block;position:relative;z-index:2;margin:60px 0 0 25px;text-align: right;font-size: clamp(16px, 1.3vw, 20px);line-height: 200%;color:#ad8968;background:#fff;}
.esp a{position: relative;z-index: 2;display: block;color:#ad8968;text-decoration:none;text-transform:uppercase;transition: all 0.25s ease-out;}
.esp:before{content:"";display:block;position:absolute;left:0;top:0;z-index:1;content: "";display: block;width: 20px;height: 20px;top: 50%;left: 0;border-style: solid;border-color: #ad8968;border-width: 1px 1px 0 0;position: absolute;transform-origin: 50% 50%;transform: rotate(-135deg);margin: -10px 0 0 -12px;}
.esp:after{content:"";display:block;position:absolute;left:0;top:0;z-index:1;top: 50%;left: 0;border-style: solid;border-color: #ad8968;position: absolute;transform-origin: 50% 50%;width: 65%;height: 0;border-width: 1px 0 0 0;transform: translate(-14px, 0);transition: all 0.35s ease-out;}
.esp:hover a{padding: 0 75px 0 0;}
.esp:hover:after {width: 45%;}

.cta{display:inline-block;padding: 6px 10px 5px 10px;font-family:'Gotham-Bold', sans-serif;font-size: clamp(12px, 1vw, 14px);color:#000;line-height: 1.2;text-transform:uppercase;text-decoration:none;text-align: center;border:1px solid #b0b0b0;transition: all 0.25s ease-out;}
.cta:visited{color:inherit;}
.cta:hover{background-color:#448baa;color:#fff;border:1px solid #448baa;}
a:hover .cta{background-color:#448baa;color:#fff;border:1px solid #448baa;}



/* PAGES */
/*.content-area{width: 100%;transition: all 0.15s linear;}*/

p,ul{font-family: "Lato-Light", sans-serif;font-weight:300;}
b, strong {font-family: "Lato-Bold", sans-serif;font-weight:700;}

.content-area{width: 100%;padding:0 20px 0 20px;transition: all 0.15s linear;}
.site-main{max-width:1760px;margin: 0 auto;}
.hentry{position:relative;display:flex;gap: 0 clamp(20px, 2vw, 40px);justify-content: center;}

.site-main .colL,.site-main .colR{position: relative;width:100%;max-width:calc( 100% / 12 *6 );background-color:#fff;}
.site-main .colL{padding-top: clamp(20px, 2vw, 40px);padding-right: clamp(20px, 3vw, 60px);padding-bottom: clamp(25px, 2.5vw, 50px);padding-left: clamp(20px, 3vw, 60px);}
.site-main .colR{padding-top: clamp(20px, 2vw, 40px);padding-right: clamp(10px, 4vw, 80px);padding-bottom: clamp(25px, 2.5vw, 50px);padding-left: clamp(10px, 4vw, 80px);}

.imgune{position: relative;margin-top: 0;margin-right: clamp(-15px, -1.5vw, -30px);margin-bottom: 0;margin-left: clamp(-15px, -1.5vw, -30px);max-width: 780px;}
.imgune img{display: block;width: 100%;}
.legend{display: block;padding: 10px 0 0 0;font-family: "Yeseva One", serif;font-size:11px;line-height: 1.6;}

.entry-header{}
.entry-content{padding: 0 0 60px 0;z-index: 1;}
/*.colR .entry-content p:first-of-type{font-weight:500;}*/

.surcontent{margin: 0 -40px 0 -40px;display: flex;justify-content: space-between;align-items: center;}
.surtitre{font-family:'Gotham-Bold', sans-serif;font-size: clamp(10px, 1vw, 14px);line-height: 100%;color:#000;text-transform:uppercase;}
.surtitre:before{width: 20%;height: 10px;margin: 0 25px 0 0;content:"";display:inline-block;border-left:95px solid #448baa;}
body.page-inscriptions .surtitre:before,body.page-contact .surtitre:before{border-left:95px solid #ff9e1d;}

.surtexte{font-family:'Gotham-Light', sans-serif;font-size: clamp(10px, 0.8vw, 14px);line-height: 100%;text-transform:uppercase;text-align: right;}
.entry-header h1{margin-top:clamp(40px, 5vw, 100px);margin-bottom:20px;font-size: clamp(26px, 3.6vw, 69px);line-height: 100%;font-weight:400;animation: fadeinbottomsmall;animation-duration: 0.7s;animation-delay: 0s;}


.desc{display: inline-block;margin: 0 0 20px 0;font-family: "Lato-Bold", sans-serif;font-size:clamp(14px, 1.1vw, 20px);font-weight:700;text-decoration:underline;}
.liensite:visited,.liensite{font-family: "Yeseva One", serif;font-size:11px;line-height: 1;color:#000;text-transform:uppercase;text-decoration:none;}
.souscontent{position: absolute;right: 20px;bottom: 20px;z-index:0;min-width: 120px;padding:77px 0 0 0;background-image: url(../images/logo-conferences-arts-et-loisirs-small.png);background-size: 100px;background-position: right 8px top;background-repeat: no-repeat;background-color: #fff;}
.soustexte{display: flex;justify-content: end;font-family: "Yeseva One", serif;font-size:11px;line-height: 1;text-transform:uppercase;}
.soustexte:after{/*position: relative;top: 1px;*/width: 10px;height: 10px;margin: 0 0 0 8px;content:"";display:inline-block;border-right:10px solid #ff9e1d;}

/* Accueil */
.home .site-main .colL{padding: 0;}
.home .entry-content{height:100%;padding-top: clamp(30px, 3vw, 60px);padding-right:clamp(20px, 3vw, 60px);padding-bottom:clamp(25px, 2.5vw, 50px);padding-left:clamp(20px, 3vw, 60px);}
.home .entry-content img:first-of-type{margin-left: -20px;}
.home .entry-content h2{margin-top:clamp(40px, 5vw, 100px);margin-bottom:15px;font-family:'Gotham-Bold', sans-serif;font-size: clamp(30px, 5vw, 100px);line-height: 0.9;color:#442441;}
.home .entry-content h2 span{color:#ff9e1d;}
.home .entry-content p{line-height: 1.1;}
.home .edito{padding-top: clamp(30px, 3vw, 60px);}
.home .edito a{color:#000;text-decoration:none;}
.home .editoT{font-family: "Yeseva One", serif;font-size:15px;line-height: 1;text-transform:uppercase;}
.home .edito h3{margin: 10px 0 25px 0;font-family: "Lato-Light", sans-serif;font-size: clamp(18px, 1.8vw, 38px);line-height: 1.3;font-weight:300;font-style:italic;}
.home .site-main .colR{padding: 0;background-color:transparent;}
.home .programme{margin: 40px 0 0 0;}
.home .surcontent {margin: 0;}
.home .soustexte {position: absolute;right: 20px;bottom: 20px;z-index:1;}

/*
.actus {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 40px;
grid-row-gap: 40px;
}

.actubox:nth-of-type(1) { grid-area: 1 / 1 / 2 / 3; }
.actubox:nth-of-type(2) { grid-area: 2 / 1 / 4 / 2; }
.actubox:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; }
.actubox:nth-of-type(4) { grid-area: 3 / 2 / 4 / 3; } 

.actubox{padding: 40px;background-color:#fff;}

.actubox:nth-of-type(1) .col-6 {padding: 0 40px 0 0;}

.actubox:nth-of-type(2){padding: 30px 40px 30px 40px;}
.actubox:nth-of-type(2) .col-6{max-width:calc( 100% / 12 *12 )}

.actubox:nth-of-type(3),.actubox:nth-of-type(4){padding: 0;}

.actubox:nth-of-type(2) .surcontent{position: absolute;top:0;right: 0;z-index:1;}

.actubox:nth-of-type(3) .surcontent .surtitre:before,.actubox:nth-of-type(4) .surcontent .surtitre:before {display:none;}
.actubox:nth-of-type(3) .desc,.actubox:nth-of-type(4) .desc{display: none;}

*/

.actuUne{padding: clamp(20px, 2vw, 40px);margin-bottom:clamp(20px, 2vw, 40px);background-color:#fff;}
.actuUne .surcontent{margin: 0 0 30px 0;}
.actuUne .box{padding-left:clamp(20px, 2vw, 40px);}
.actuUne .actubox .lieu{right: clamp(0, -1vw, -20px);}

.actubox{background-color:#fff;}
.actubox .col-6{/*padding: 0 20px 0 0;*/}
.actubox figure{display:block;background-position: center center;background-size: cover;background-repeat: no-repeat;transition: all 0.15s linear;}
.actubox .cta{margin: 0 0 50px 0;}
.actubox:nth-of-type(2) .cta,.actubox:nth-of-type(3) .cta{margin: 0 0 50px 20px;}
.actubox a:hover figure{/*transition: all 0.15s linear;animation: fighover;animation-duration: 0.2s;animation-delay: 0.1s;*/}

.actus {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: clamp(20px, 2vw, 40px);
grid-row-gap: clamp(20px, 2vw, 40px);
}

.actus .actubox:nth-of-type(1) { grid-area: 1 / 1 / 3 / 2; }
.actus .actubox:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
.actus .actubox:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; } 

.actus .actubox:nth-of-type(1){padding-top: clamp(15px, 1.5vw, 30px);padding-right: clamp(17px, 1.9vw, 35px);padding-bottom: 20px;padding-left: clamp(20px, 2vw, 40px);}
.actus .actubox:nth-of-type(1) .col-6{max-width:calc( 100% / 12 *12 );}
.actus .actubox:nth-of-type(1) figure{min-height: 180px;margin: 30px 0 15px 0;}
.actus .actubox:nth-of-type(1) .box{padding: 0 0 20px 0;}
.actus .actubox:nth-of-type(1) .surcontent{position: absolute;top:0;right: 0;z-index:1;width:100%;}
.actus .actubox:nth-of-type(1) .surcontent .surtitre{}
.actus .actubox:nth-of-type(1) .surcontent .surtitre:before{margin: 0 10px 0 0;border-left: 75px solid #448baa;}
.actus .actubox:nth-of-type(1) .desc{font-size: 15px;}

.actubox:nth-of-type(2) figure.col-6,.actubox:nth-of-type(3) figure.col-6{max-width: calc( 100% / 12 *5 );min-height: 240px;}
.actubox:nth-of-type(2) .box,.actubox:nth-of-type(3) .box{padding:0;/*padding: 25px 15px 50px 0;*/max-width: calc( 100% / 12 *7 );}
.actubox:nth-of-type(2) .surcontent .surtitre:before,.actubox:nth-of-type(3) .surcontent .surtitre:before {display:none;}
.actubox:nth-of-type(2) .surcontent .surtitre,.actubox:nth-of-type(3) .surcontent .surtitre {padding:20px 0 0 20px;}
.actubox:nth-of-type(2) .surcontent .surtexte,.actubox:nth-of-type(3) .surcontent .surtexte {padding: 20px 15px 0 0;}
.actubox:nth-of-type(2) .desc,.actubox:nth-of-type(3) .desc{display: none;}
.actubox:nth-of-type(2) .lieu,.actubox:nth-of-type(3) .lieu{bottom: clamp(10px, 1vw, 20px);right: 20px;max-width: 50%;padding: 0 0 0 20px;}

.actubox a{position: relative;display:flex;flex-wrap: wrap;min-height: 100%;/*align-items: flex-start;align-content: flex-start;*/color:#000;text-decoration:none;}
.actubox h3{margin:0;font-size: clamp(18px, 2.6vw, 49px);color:#000;line-height: 1;font-weight: normal;}
.actuUne .actubox h3{margin-top:clamp(30px, 3vw, 60px);}
.actus .actubox:nth-of-type(1) h3{font-size: clamp(18px, 2.1vw, 39px);}
.actus .actubox:nth-of-type(2) h3,.actus .actubox:nth-of-type(3) a h3{margin: 20px 0 5px 0;padding: 0 15px 0 20px;font-size: clamp(18px, 1.6vw, 29px);}
.actubox .desc{display: block;text-decoration: none;}
.actubox .lieu{position: absolute;bottom: 0;right: 0;z-index: 1;display: flex;justify-content: end;font-family: "Yeseva One", serif;font-size:11px;line-height: 1;text-transform:uppercase;}
.actubox .lieu:after{width: 10px;height: 10px;margin: 0 0 0 8px;content:"";display:inline-block;border-right:10px solid #ff9e1d;}



/* Programmes */
.page-template-page-prog  h1 {margin-top: clamp(20px, 1.5vw, 30px);text-align: center;}
.cycle{text-align:center;margin-top: clamp(0px, 1vw, 20px);margin-bottom: clamp(20px, 2.5vw, 50px);font-family: "Yeseva One", serif;font-style: normal;font-size: clamp(20px, 2vw, 40px);line-height: 100%;font-weight: 400;animation: fadeinbottomsmall;animation-duration: 1.2s;animation-delay: 0s;}
.prog {--auto-grid-min-size: 22rem;display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));grid-gap: 40px;}
.progbox{padding-top: clamp(15px, 1.5vw, 30px);padding-right: clamp(20px, 2vw, 40px);padding-bottom: clamp(10px, 1vw, 20px);padding-left: clamp(20px, 2vw, 40px);background-color:#fff;}
.progbox a{position: relative;display:flex;flex-wrap: wrap;min-height: 100%;align-items: flex-start;align-content: flex-start;color:#000;text-decoration:none;}
.progbox .surcontent {margin: 0;}
.progbox .surcontent .surtitre:before {margin: 0 10px 0 0;}
.progbox .surcontent .surtitre.Visite:before{border-left-color:#ff9e1d;}
.progbox figure{display:block;min-height: 180px;margin: 20px 0 15px 0;background-position: top -60px center;background-size: cover;background-repeat: no-repeat;transition: all 0.15s linear;}
.progbox a:hover figure{}
.progbox h3{margin:0;font-size: clamp(18px, 1.9vw, 39px);color:#000;line-height: 1;font-weight: normal;}
.progbox .desc{display: block;font-size: 15px;text-decoration: none;}
.progbox .cta{margin: 20px 0 30px 0;}
.progbox .lieu{position: absolute;bottom: 0;right: 0;z-index: 1;display: flex;justify-content: end;font-family: "Yeseva One", serif;font-size:11px;line-height: 1;text-transform:uppercase;}
.progbox .lieu:after{width: 10px;height: 10px;margin: 0 0 0 8px;content:"";display:inline-block;border-right:10px solid #ff9e1d;}

.page-template-page-prog .archives{position: relative;bottom:auto;display: flex;gap: 60px;justify-content: center;}

.page-template-page-archives  h1 {margin-top: clamp(20px, 1.5vw, 30px);text-align: center;}
.page-template-page-archives .list {max-width: 1024px;margin: 0 auto;padding: 20px 0 0 0;}

.archive  h1 {margin-top: clamp(20px, 1.5vw, 30px);margin-bottom:50px;text-align: center;}

/* Intervenants */
.page-template-page-inter h1{margin-top: clamp(20px, 1.5vw, 30px);margin-bottom: 50px;text-align: center;}
.inter {--auto-grid-min-size: 22rem;display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));grid-gap: 40px;}
.interbox{padding-right: clamp(10px, 1vw, 20px);background-color:#fff;}
.interbox a{position: relative;display:flex;flex-wrap: wrap;min-height: 100%;align-items: flex-start;align-content: flex-start;color:#000;text-decoration:none;}
.interbox figure{display:block;max-width: calc( 100% / 12 *5 );min-height: 250px;background-position: center center;background-size: cover;background-repeat: no-repeat;transition: all 0.15s linear;}
.interbox .box{max-width: calc( 100% / 12 *7 );padding-left:20px;text-align: right;}
.interbox h3{position:relative;margin:0 0 10px 0;padding-top: clamp(20px, 2.4vw, 35px);font-size: clamp(15px, 1.5vw, 29px);color:#000;line-height: 1;font-weight: normal;text-align: left;}
.interbox h3:after{position:absolute;top:20px;right:0;width: 10px;height: 10px;content:"";display:block;border-right:10px solid #ff9e1d;}
.interbox .excerpt{display: block;font-size: 14px;line-height: 1.2;text-decoration: none;text-align: left;}
.interbox .cta{position: absolute;right: 0;bottom: 18px;}

.archives {position: absolute;bottom: 12%;z-index: 1;}


/* gallery */
.gallery {max-width: 780px;grid-gap: 0;margin-right: clamp(0px, -1.5vw, -30px);margin-bottom: 1.5em;margin-left: clamp(0px, -1.5vw, -30px);}
.gallery-item {display: block;text-align: center;width: 100%;position: relative;}
.gallery-item img{display: block;}
.gallery-caption {opacity:0;display: block;position: absolute;bottom: 0%;z-index:1;width: 100%;padding: 10px;font-size: clamp(14px, 1.2vw, 17px);line-height: 1.2;color: #fff;background: rgba(68,139,170,0.8);transition: all 0.10s ease-out;}
.gallery-item:hover .gallery-caption{opacity:1;}


/* Search */
.search-results h1 {margin-top: clamp(20px, 1.5vw, 30px);margin-bottom: 50px;text-align: center;}

/* 404 */
.error404 .Cnt{padding: 40px 0 40px 0;}

/* Footer */
.site-footer{margin:0 auto;margin-top:40px;background-color: #442441;border-top:10px solid #448baa;}
.site-info{width: 100%;max-width: 1920px;margin: 0 auto;padding: 2% 20px 2% 20px;}
.site-info .Flex{flex-wrap: wrap;justify-content: center;align-items: center;}

.extra-links-menu {display: flex;justify-content: space-around;gap: 0 20px;margin: 0 auto;padding: 0 20px 0 20px;max-width: 920px;}
.extra-links-menu li {position: relative;padding: 0;list-style:none;}
.extra-links-menu a {position: relative;display: block;text-decoration: none;padding:0 5px 0 5px;font-family:'Gotham-Light', sans-serif;font-size: clamp(14px, 1.3vw, 20px);color: #d8caba;}
.extra-links-menu .current-menu-item a,.extra-links-menu .current-page-ancestor > a,.extra-links-menu .single-post .menu-item-73 > a,.single  .menu-item-40 a {font-weight: 600;text-decoration:underline;}
.extra-links-menu a:hover {text-decoration:underline;}
.extra-links-menu .facebook  a{width:30px;height:30px;background-image: url(../images/fb.png);background-size: 28px;background-position: bottom center;background-repeat: no-repeat;}
#media_image-2{margin-right:20px;}
#footer-1{margin-right:20px;}


.to-top {position: fixed;right: calc(5vmin - 5px);bottom: 100px;border: 0;background: none;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-align: center;align-items: center;width: 60px;padding: 0;gap: 5px;z-index: 9;opacity: 0;pointer-events: none;transition: opacity .2s;cursor: pointer;}
.to-top--show {opacity: 1;pointer-events: all;}
.to-top__circle {display: -ms-flexbox;display: flex;width: 42px;height: 42px;background-color: #a18160;border-radius: 50%;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;color:#fff;font-size: clamp(12px, 2vw, 24px);}
.to-top__txt {font-size: 13px;font-weight: 600;}

/* Search Overlay*/

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {color: #917957;}
:-moz-placeholder {color: #917957;}
::-moz-placeholder {color: #917957;opacity: 1;/* Since FF19 lowers the opacity of the placeholder by default */}
:-ms-input-placeholder {color: #917957;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;-webkit-text-fill-color: #777 !important;}
.search-form input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #323232 inset !important;-webkit-text-fill-color: #fff !important;}
.dialog, .dialog__overlay {width: 100%;height: 100%;top: 0;left: 0;z-index: 200;}
.dialog{position: relative;display: none;}
.dialog.show{position: fixed;display: -webkit-flex;display: flex;}
.dialog__overlay{position: absolute;z-index: 1;background: rgba(0, 0, 0, 0.80);opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-backface-visibility: hidden;}
.show .dialog__overlay {opacity: 1;pointer-events: auto;}
div.action {cursor: pointer;display: inline-block;position: absolute;right:100px;top: 20px;z-index:10;}
div.action:before {display: inline-block;font-family: Arial, Helvetica, sans-serif;content: "X";font-size: 42px;font-size:2.625rem;font-weight: 300;color: #fff;position: absolute;left: 0px;top: 0px;z-index:10;}
div.action:hover:before{transform: scale(1.1);}
.dialog__content {width: 100%;padding: 10em;text-align: center;position: relative;z-index: 5;opacity: 0;}
.show .dialog__content {pointer-events: auto;}
.dialog__overlay {-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.dialog__content {overflow: hidden;}
#search-container form.search-form{border-bottom: 1px solid #e7e7e7;}
.dialog.show .dialog__content,
.dialog.dialog--close .dialog__content {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.dialog.show .dialog__content {-webkit-animation-name: anim-open;animation-name: anim-open;-webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);animation-timing-function: cubic-bezier(0.7,0,0.3,1);-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:2px 2px 5px 0px rgba(50, 50, 50, 0.3);box-shadow:2px 2px 5px 0px rgba(50, 50, 50, 0.3);}
.dialog.dialog--close .dialog__content {-webkit-animation-name: anim-close;animation-name: anim-close;}
.dialog.show h2,
.dialog.show button {-webkit-animation: anim-elem 0.4s both;animation: anim-elem 0.4s both;}
.dialog.show h2 {-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.dialog.show button {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); transform: translate3d(0, -400px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
	100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); }
}
@keyframes anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
}
/* Inner elements animations */
@-webkit-keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.search-wrap #searchform .screen-reader-text, .search-wrap #searchform #searchsubmit {display: none;}
.search-wrap {}
.search-wrap .center {	position: relative;display: none;}
.search-inside {height: auto;margin: 0 auto;}
.search-under .center {position: relative;}
.search-icon {position: absolute;background: #000;color: #fff;font-size: 42px;padding: 0px 15px 5px;right: 0;cursor: pointer;z-index: 1;font-weight: normal;}
.search-wrap .search-form .screen-reader-text,
.search-wrap .search-form input[type="submit"] {display: none;}
.search-wrap .search-form .search-field {background: none;border: none;padding: 12px 0 8px;color: #777;font-size: 32px;font-size:2rem;vertical-align: middle;line-height: 30px;width: 100%;font-family: 'Lato-Light',sans-serif;outline: none;letter-spacing: -1px;font-weight: 300;}
input#s::-webkit-input-placeholder {color: #777;font-family: 'Lato-Light',sans-serif;font-weight: 300;}
input#s:-moz-placeholder {color: #777;font-family: 'Lato-Light',sans-serif;font-weight: 300;}


#cookie-notice {min-width: auto;width: 440px;bottom: 40px;left: 40px;border-radius: 6px;}
.cookie-notice-container {background-color: #ffffff;border: 1px solid #f4f4f4;padding: 20px 26px;box-shadow: 0 -1px 10px 0 #acabab4d;border-radius: 6px;text-align: left;color: #000 !important;}
.cn-text-container strong{display:block;margin:0 0 10px 0;font-size: 18px;}
.cn-buttons-container{margin: 10px 0 0 0;}
#cookie-notice .cn-button:not(.cn-button-custom){margin: 0 10px 0 0;color: #fff;border:1px solid #2b4876;}
#cookie-notice #cn-refuse-cookie.cn-button, #cookie-notice #cn-more-info.cn-button{background-color: #fff !important;color:#2b4876;border:1px solid #2b4876;}
.cn-close-icon {top: 15%;}
.cn-revoke-cookie{letter-spacing: .25px;margin: 0 0 0 10px;text-transform: none;display: inline-block;cursor: pointer;touch-action: manipulation;white-space: nowrap;outline: 0;box-shadow: none;text-shadow: none;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-decoration: none;padding: 8.5px 10px;line-height: 1;color: inherit;margin: 0 10px 0 0;color: #fff;border: 1px solid #2b4876;background-color: #2b4876;}
.cn-revoke-cookie:hover{color:#fff;}


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media screen and (min-width: 1023px) {
	.menu-toggle {display: none;}
	.main-navigation ul {display: flex;gap: 0 52px;}
}
@media screen and (max-width: 1280px) {
	.main-navigation ul {display: flex;gap: 0 32px;}
	.home .site-main .colL{max-width:calc( 100% / 12 *5 );}
	.home .site-main .colR{max-width:calc( 100% / 12 *7 );}

	.imgune{margin: 0 -20px 0 -20px;}
	.surcontent{margin: 0 -20px 0 -20px;}
	.interbox figure{min-height: 200px;}
}
@media screen and (max-width: 1088px) {
	.imgune {padding: 0 0 40px 0;}
}
@media screen and (max-width: 1024px) {


}
@media screen and (max-width: 1023px) {
	
	.site-header {padding: 0;}
	.header-top {padding: 10px 0 10px 0;}
	.site-branding {flex-basis: 85%;padding-left: 70px;}
	
	.custom-logo-link {max-width: 80px;}
	h1.site-title, p.site-title {padding: 3px 0 0 20px;}
	
	.main-navigation ul {display: none;}
	.nav-menu{padding: 40px 0 20px 0;}
	.main-navigation {display: block;width: auto;height:auto;position: absolute;left: 0;top: 0px;z-index: 999;}	
	.main-navigation.toggled {width: 100%;background: #fff;}	
	.menu-toggle, .main-navigation.toggled ul {display: block;}
	.menu-toggle, .menu.toggled ul {display: block;}
	.main-navigation.toggled .menu-toggle::after, .main-navigation.toggled .menu-toggle::before {background: #000;}
	.menu-toggle{position:absolute;top:25px;left:20px;z-index:999;transition:transform 0.35s ease 0s;}
	.f-head .menu-toggle{top:15px;}
	.main-navigation a {display: inline-block;padding: 4px 12px 4px 12px;/*font-size: 20px;font-size: 2.0rem;*/}
	.menu-menu-principal-fr-container, .menu-menu-principal-en-container {position:relative;width:100%;z-index:900;margin-top: 40px;margin-bottom: 40px;border-top: 0;}
	.main-navigation ul {margin: 0 auto;text-align: center;}
	.main-navigation ul ul {float: none;position: relative;top: auto;left: auto;transform: none;margin-bottom:10px;}
	.main-navigation ul ul a {width: 100%;padding: 0px 17px 0px 17px;font-size: 18px;font-size: 1.8rem;}
	.menu-menu-social-fr-container, .menu-menu-social-en-container {position:relative;display: inline-block;width:33%;z-index:900;margin: 0px 0px 0 0;}
	.main-navigation #social-menu li {display: inline-block;}
	.main-navigation #social-menu li.twitter a {margin: 0 auto;}
	
	.main-navigation a:hover:after,.current-menu-item a::after, .current-page-ancestor > a::after, .single-post .menu-item-5145 > a::after {display:none;}
	
	.searcH {flex-basis: 12%;}
	.searcH:before {width: 30px;height: 40px;}
	
	.home .hentry {flex-wrap: wrap;}
	.home .site-main .colL, .home  .site-main .colR {max-width: calc( 100% / 12 *12 );}
	.home .site-main .colL{margin: 0 0 20px 0;}

}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 767px) {
	
	/*.content-area {padding: 0 10px 0 10px;}*/
	.hentry {flex-wrap: wrap;}
	.site-main .colL, .site-main .colR {max-width: calc( 100% / 12 *12 );}
	.site-main .colL{margin-bottom: 20px;}
	.entry-content {padding: 0 0 100px 0;}
	
	.home .entry-content img:first-of-type {margin-left: -5px;}
	.home .soustexte {padding: 0 0 0 20px;}
	.home .programme {padding: 0 0 20px 0;}
		
	.prog,.inter {grid-gap: 20px;}
	.entry-header .cta{margin-top: 15px;}
	.surcontent {flex-wrap: wrap;margin: 0;align-items: baseline;}
	.surtitre::before {margin: 0 10px 0 0;}
	.surtitre {margin: 0 0 15px 0;}
	.surtexte {/*margin: 15px 0 0 0;*/}
	.souscontent {padding: 57px 0 0 15px;background-size: 80px;background-position: right 0px top;}
	
	.actus {display: block;}
	.actubox {margin: 0 0 20px 0;}
	.actubox .cta {margin: 20px 0 30px 0;}
	.actubox:nth-of-type(2) .cta, .actubox:nth-of-type(3) .cta {margin-top: 20px;}
	
	.imgune {margin: 0;padding: 0;}
	.legend {position: relative;bottom:auto;}
	
	.extra-links-menu {flex-wrap: wrap;justify-content: center;}
	
}
@media screen and (max-width: 480px) {

	.prog,.inter {--auto-grid-min-size: 20rem;}
	.dialog__content {padding: 1em;}
	div.action {right: 45px;}
	div.action::before {font-size: 1.625rem;}
	.to-top--show {opacity: 0;}
	#cookie-notice {width: 100%;left: 0;}
	.cookie-notice-container #cn-notice-buttons{text-align: center;}
	#cookie-notice .cn-button:not(.cn-button-custom){margin: 0 10px 10px 0;}
}