/* STYLES.CSS */

/* FONT*/
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,200;0,300;0,400;0,600;0,800;1,200;1,300;1,600;1,800&display=swap');

/* RESET */
html{width: 100%; height: 100%; font-size:17px;}
body{ width: 100%;height: 100%;  color:#000; height: 100%; background: #FFF;font-family: 'Overpass', sans-serif;
font-size:1rem;line-height: 1.35; font-weight: 300;margin: 0; padding: 0; overflow-x: hidden;}
* {font-family: 'Overpass', sans-serif;  box-sizing: border-box; position: relative; }
img{ max-width: 100%; height: auto;}
ul{ margin: 0; display: block; text-align: left; padding: 0;  }
li{ margin: 0.2em 0 ;  list-style: none; min-height:1.36em; padding-left: 6px; }

::selection { background:var(--vert); color:#FFF}
.adresse p::selection, .menu_footer p::selection, #volet ::selection{ background:#FFF; color:var(--vert)}
.menu_footer
div, section{  box-sizing: border-box; position: relative; display: block;  }
p{ font-family: 'Overpass', sans-serif; font-size:1rem; line-height: 1.35; font-weight: 300; margin-block-start:0em;   margin-block-end: 12px; }
h1{ font-family: 'Overpass', sans-serif;  font-size:1.9rem; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; }
h2{ font-family: 'Overpass', sans-serif; font-size:1.4rem; margin-block-start: 0px; margin-block-end: 0px; margin-inline-start: 0px; margin-inline-end: 0px; }
h3, h4, h5, h5{ font-family: 'Overpass', sans-serif; font-size:1rem; margin:1em 0 .5em }

a{text-decoration: none; color:#000; outline: none}
blockquote { margin-inline-start: 0px; margin-inline-end: 0px; }
strong{ font-weight: bold}
.bold{ font-weight: bolder}
.bolditalic{ font-weight: bold; font-style: italic;}
.invisible{ display: none; }
sup {vertical-align: super;font-size:smaller;line-height: 1;}


/* VARIABLE */
:root {
  --menu_w: 340px;
  --menu_w_min: 58px;
  --vert: rgb(0, 147, 111);
  --largitem: calc((100vw - 33px - var(--menu_w))/3);
  /* --largitem: 238px; */
}

/* LAYOUT */
#page{min-height: 100%; width: 100vw; overflow: hidden;}
#volet{display: flex; flex-direction: column; justify-content: space-between;position: absolute ;width: var(--menu_w);min-height: calc(100vh + 60px);; height: auto; background: var(--vert);z-index: 1000;padding-bottom: 60px;}
#volet{position: fixed; height: 100vh; min-height: 100vh; overflow-y: auto; margin-bottom: 0px; padding-bottom: 0px}
/* width */
#volet::-webkit-scrollbar {
 width: 16px;
}

/* Track */
#volet::-webkit-scrollbar-track {
 /* box-shadow: inset 0 0 5px rgba(0,0,0,.3);
 border-radius: 0px; */
}

/* Handle */
#volet::-webkit-scrollbar-thumb {
 background: rgba(0,0,0,.3);
 border-radius: 10px;
 padding: 2px;
 border: 4px solid var(--vert);
}
#content_page{/*width: calc(100vw - var(--menu_w_min)); left: 50vw; transform:translateX(calc(-50% + 125px)) translateX(-50%);*/;  position:relative; max-width: 800px; transition: left .6s, transform .6s}
.projets #content_page{width: calc(100vw - var(--menu_w));}
#content_page>section{padding:16px 16px 30px;}

#content_page{left:0; margin: auto;}
/* @media screen and (min-width: 1450px){
  #content_page {left: var(--menu_w_min); transform: translateX(0); transform: translateX(calc(50vw - var(--menu_w_min)));}
  .close #content_page {  transform: translateX(calc(50vw - var(--menu_w_min))); }
} */
@media screen and (min-width: 861px){
  #content_page {
    --larg: calc(100vw - var(--menu_w));
    --largw: calc(100vw - var(--menu_w_min));
    --marge: calc(var(--menu_w_min) + var(--largw)/2 - var(--larg)/2 );
     margin: 0;left:0; width: var(--larg); transform: translateX(var(--menu_w));}
  .close #content_page { transform: translateX(var(--marge)) }
}
@media screen and (min-width: 1140px){
  #content_page {--larg:800px}
}

@media screen and (min-width: 1450px){
  .close #content_page,
  #content_page {width:auto; left: calc(50vw + 10px); transform: translateX(-50%);}

}

/* .close main #content_page {left: 50vw; transform: translateX(-50%);width: calc(100vw - var(--menu_w_min));} */
.close main #content_page {/*left: 50vw; transform: translateX(-50%);*/}
main.projets #content_page {left: var(--menu_w); transform: translateX(0%);/*left: var(--menu_w); transform: translateX(0%);*/}
.close main.projets #content_page {/*left: 58px; transform: translateX(0%); width:calc(100vw - 60px)*/}
main.leave{position:fixed;;}


/* template */
a.bouton, input.bouton{ padding: 0 14px; min-width: 110px; height: 32px; width:auto; background-color: var(--vert); border: 2px solid var(--vert); font-size:.85rem; color: #ffffff; line-height: 2.2; display: inline-block; font-weight: 500; cursor: pointer;}
a.bouton:hover, input.bouton:hover{ background-color: #ffffff; color: var(--vert);}

/* MENU */
#volet *{color: #FFF;text-rendering:optimizeLegibility;}
#volet header{width: 65%; margin: 20px 0; transition:width .6s; margin-left: calc(var(--menu_w)*.17);}
#menu_toggle{width:100%; height: 80px;display: none; cursor:pointer;}
#volet header{width: calc(var(--menu_w)*.65)}
#logo .bt_close{cursor:pointer; background: transparent; position: absolute; top: 0;right: 0; z-index: 10; display: none}
#volet #logo .bt_filtres{width: 60px; height: 60px; right: 60px; top: 0; left: auto; position: absolute; cursor: pointer; display: none;}

@media screen and (min-width: 860px){
  #volet #logo .bt_close:hover + a svg path#line1 {transform-origin: 229px 21px;transform: translate(-1px, -2.15px) rotate(-147deg) scale(.92);transition: transform .3s;}
  #volet #logo .bt_close:hover + a svg path#line2 {transform-origin: 229px 21px;transform: translate(.5px, 2.5px) rotate(-14deg) scale(.85);transition: transform .3s;}
  #volet #logo .bt_close:hover + a svg path#line3 {transform-origin: 229px 21px;transform: translate(1px, 6px) rotate(-20deg) scale(0);transition: transform .3s;}
}

.close #logo .bt_close{  height: 100vh; width: 58px; transform: translate(25px, -20px);}
#volet ol{margin:0; padding: 0; text-align: center;}
#volet .menu_content { display: flex; flex-direction: column-reverse; /*min-height:calc(100vh - 340px);*/ justify-content:center; transition: all .3s;width: calc(var(--menu_w) - 40px);
margin-left: 20px;}
#volet .menu_footer { padding:50px 0px 40px; flex-shrink: 0; text-align: center; min-height: 50px; font-size:.7rem; font-weight: 200; opacity: 0.95;width: calc(var(--menu_w) - 40px);
margin-left: 20px;}
#volet .menu_footer p{font-size:.85rem; font-weight: 200; line-height: 1.2; margin:0;}
#volet .menu_footer span.icon-paume::selection{color:var(--vert); background: #FFF}
#volet .menu_footer a.lien_contact{display:inline-block;margin:5px 0;width:44px;height:44px;border-radius:50%;}
#volet .menu_footer a.lien_contact span {border: 1px solid white; color: white; background: var(--vert); padding: 6px; display: block; width: 38px; height: 38px; border-radius: 50%; text-align: center; line-height: 1;}
#volet .menu_footer a.lien_contact:hover span{color: var(--vert); background: white; }

/* SVG Transitions */
#volet #logo svg{overflow: visible;}
#volet #logo svg path:not(.pastille_etoile){transition: fill .4s;transition-delay: .01s}
/* #volet #logo svg path.txt{fill:transparent} */
#volet #logo svg path.txt{transition: fill .6s;transition-delay: .5s}
#volet g.pastille_etoile{transition:transform .3s}

#volet{transition: transform .6s, width .6s }
.close #volet{width:var(--menu_w);transform:translateX(calc(-100% + var(--menu_w_min))); max-height: 100vh;overflow-y: hidden;}
.close #volet #logo svg path:not(.pastille_etoile){fill:#FFF0; transition: fill .3s;}
.close #volet g.pastille_etoile{transform:scale(1.41) translate(-30px, -6px)}


#volet a.mentionslegales {
    position: relative;
    bottom: 4px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: 100;
    text-align: center;
    letter-spacing: .5px;
    opacity: .9;
}

#volet #logo svg path#line1{transform-origin: 229px 21px;transform:translate(0, 0) rotate(0) scale(1);transition: transform .2s;}
#volet #logo svg path#line2{transform-origin: 229px 21px;transform:translate(0, 0) rotate(0) scale(1);transition: transform .2s;}
#volet #logo svg path#line3{transform-origin: 229px 21px;transform:translate(0, 0) rotate(0) scale(1);transition: transform .2s;}

#volet #logo .bt_close:hover + a svg path#line1 {transform-origin: 229px 21px;transform: translate(-1px, -2.15px) rotate(-147deg) scale(.92);transition: transform .3s;}
#volet #logo .bt_close:hover + a svg path#line2 {transform-origin: 229px 21px;transform: translate(.5px, 2.5px) rotate(-14deg) scale(.85);transition: transform .3s;}
#volet #logo .bt_close:hover + a svg path#line3 {transform-origin: 229px 21px;transform: translate(1px, 6px) rotate(-20deg) scale(0);transition: transform .3s;}
.close #volet #logo .bt_close:hover + a svg path#line1{transform-origin: 229px 21px; transform:translate(0px, -.15px) rotate(-119deg) scale(.92);transition: transform .3s;}
.close #volet #logo .bt_close:hover + a svg path#line2{transform-origin: 229px 21px;transform:translate(.5px, -4.5px) rotate(-48deg) scale(.85); transition: transform .3s;}
.close #volet #logo .bt_close:hover + a svg path#line3{transform-origin: 229px 21px;transform:translate(1px, 6px) rotate(-20deg) scale(.92);transition: transform .3s;} */


.menu_content *{user-select: none;}
.menu_content li {padding:0; margin:0}
.menu_content li a{font-weight: 300}
.menu_content li a:hover{font-weight: 600}

.menu_content li.item>a{font-weight: 600;font-size:1rem;letter-spacing: 2px;transition: letter-spacing .3s;padding: 2px 0;display: inline-block;}
.menu_content li.item.active>a{letter-spacing: 2px;}
.menu_content li.item:not(.active):hover{cursor:pointer;}
.menu_content li.item:not(.active):hover a{font-weight: 600; letter-spacing: 0px; }

.menu_content .submenu{overflow: hidden; height:auto; transition-delay:0s; transition:max-height 1.5s; font-size:.85rem; font-weight:100; display:flex; flex-direction:column;}
.menu_content .submenu ul{padding:0px; transition: padding .5s}
.menu_content .submenu li{text-align: center; margin: 0; height: 0px;min-height: 0; overflow: hidden; transition:transform .3s, height 1s; transform:scale(1, 0);}
.menu_content .submenu a{font-weight: 200; opacity: 0.85; letter-spacing: .22px; height: 100%; display: inline-block;}
.menu_content .submenu::after{content:''; display: block; height: 0px; width: 80px; background: #FFF; margin:0px auto; transition:margin .5s}

.menu_content .active>a{font-weight: 600}
.menu_content .active .submenu{height: auto; transition-delay:0s;}
.menu_content .active .submenu:not(.off) li{transform:scale(1); height: 1.2rem; transition:transform .3s .5s, height 1s}
.menu_content .active .submenu:not(.off) ul{padding:12px 0 4px;}
.menu_content .active .submenu a:hover{font-weight: 500; opacity: 1; letter-spacing: 0}
.menu_content .active .submenu:not(.off) li.active a{font-weight: 400; opacity: 1; letter-spacing: 0}
.menu_content .active .submenu::after{content:'';display: block; height: 1px; width: 80px; background: #FFF; margin:10px auto}

.menu_content .bt_filtres {
  display: block;
  cursor: pointer;
  width: 0px;
  height: 0px;
  display: block;
  line-height: 0px;
  margin: 0 auto;
  border-radius: 50%;
  /* transform:scale(0); */
  transition: height .3s, width .3s;
  font-size: 1em;
}

.menu_content .submenu.off .bt_filtres {
  background: #FFF;
  color: var(--vert);
}

#volet .menu_content .submenu.off .bt_filtres span{
  color: var(--vert);
  font-size: 1.5em;
  line-height: 1.15em;
}

.menu_content .active .submenu.off .bt_filtres{
  height: 27px;
  width: 27px;
}
.menu_content .bt_filtres span{
  font-size: 0em;
  transition: transform .3s;
  user-select: none;
}

.menu_content ul.filtres{margin:0; padding:0; }
.menu_content .active .submenu:not(.off) ul.filtres{padding:20px 0 10px;}
.menu_content .titrefiltre{padding-bottom: 0; transition: padding .5s}
.menu_content .active .submenu:not(.off) .titrefiltre{padding-bottom: 25px;}
.menu_content .titrefiltre span{font-size:.7rem; letter-spacing: 1px; font-weight: 500;border-bottom: 2px dotted #FFF; padding-bottom: 2px;}
.menu_content .filtres a.is-checked{font-weight: 400; opacity: 1; letter-spacing: 0}
.menu_content .filtres a::after{content:'+'; display: block; position: absolute; border:1px solid var(--vert); width:.85rem; height: .85rem; border-radius: 50%; top:0; left:-1rem; transform:rotate(-190deg) scale(0); background: #FFF; color:var(--vert); font-size:1rem; line-height: 1.05; transition:transform .2s}
.menu_content .filtres a.is-checked::after{ transform:rotate(45deg) scale(.7)}

.wrap-input100.filtreSearch { border-color: #FFF; border-width: 1px; margin: 0 auto; width: 70px; padding: 0; margin-top: 0px; height: 0; text-align: center; transition: width .5s, height .5s, margin .5s, opacity .5s; opacity: 0;}
.menu_content .active .submenu:not(.off) .wrap-input100.filtreSearch { margin-top: 0px; height: 27px; opacity: 1;}
.wrap-input100.filtreSearch:focus-within{width:150px}
.wrap-input100.filtreSearch .pict_search {position: absolute; top: 9px; right: -21px;}
.wrap-input100.filtreSearch .input100{padding: 0; font-size:.85rem; height: 26px; font-weight: 300;  text-align: center; display: none;}
.active .wrap-input100.filtreSearch .input100{display: inline-block;;}
.wrap-input100.filtreSearch .focus-input100:before{background: #FFF;}



/* BANDEAU IMAGES */
div.bandeau_images{width:100vw; height: 400px; height: calc(100vh - 220px); overflow: hidden;}
div.bandeau_images .pict_galerie{cursor: none; width:30px; height: 30px; position: absolute; bottom: 23px; right: 30px; z-index: 1; color:#FFF;border-radius: 50%;
background: var(--vert);
text-align: center;
line-height: 2.75;}
div.bandeau_images .pict_galerie:hover{color:var(--vert); background: #FFF;}
div.bandeau_images img{width:100%; height: 100%;object-fit: cover; object-position: center center;}
div.bandeau_images>div{width:100%; height: 100%;}
div.bandeau_images>div>div.swiper-container{width:100%; height: 100%;}
.blur_imgbk{background-position: center; background-size: cover}
/* CONTENT_PAGE */

/* #content_page section{padding:30px;} */
#content_page section.section_grid{padding:16px 16px 16px;}
#content_page section h1{padding:20px 0 0px; text-align: center}
#content_page section .builder_images{ width: calc(100% + 200px); height: 450px; transform: translateX(-100px); max-width: none; margin-bottom: 5px; transition: transform .6s; overflow: hidden; background: #CCC;}
#content_page section .builder_images .swiper-container{height: 450px;}
#content_page section .builder_images img{ width: 100%; height: 100%; object-fit: cover;}
#content_page section header{margin-bottom: 30px;}
/* bandeau */
@media screen and (min-width: 860px){
  #content_page section .builder_images{ width: 100vw; transform: translateX(calc(-30px - var(--menu_w)));}
  .close #content_page section .builder_images{ width: 100vw; transform: translateX(calc(-30px - var(--menu_w)/2)); transform: translateX(calc(-30px + 400px - 50vw));}
}
@media screen and (min-width: 1450px){
  #content_page section .builder_images{ width: 100vw; transform: translateX(calc(-30px + 400px - 50vw));}
  .close #content_page section .builder_images{ width: 100vw; transform: translateX(calc(-30px + 400px - 50vw));}
}

#content_page.fixe{position:fixed;}
#content_page.scroll{position:absolute;top:300px}
#content_page section .chap{margin-top:90px;}
#content_page div.bt_haut{cursor:pointer}
#content_page div.etoile{display:block;margin:0;width:30px;height: 30px;text-align: center;}
#content_page div.etoile svg{border-radius: 30px; width:30px; height: 30px}
#content_page div.etoile:hover svg path{fill:#FFF}
#content_page div.etoile:hover svg{background:var(--vert); border-radius: 40px}
#content_page li{ font-family: 'Overpass', sans-serif; font-size:1rem; line-height: 1.35; font-weight: 300; margin-left: 15px; margin-block-end: 0px; list-style: disc;}
#content_page header{margin-top: 30px; margin-bottom: 120px; padding:0; text-align: center;}
#content_page header h1{margin-bottom:10px;  padding:0; font-size:1.9rem; line-height: 1}
#content_page header span{font-weight: 300; letter-spacing: 1px}

footer{transition: all .6s; margin:80px 0 50px; display: flex; align-items:center; width:calc(100vw - var(--menu_w)); margin-left:var(--menu_w) }
.close footer{width:calc(100vw - var(--menu_w_min)); margin-left:var(--menu_w_min) }
footer div.col{width: 50%; font-weight: 300;}
footer div.col a{padding:2px 0 1px;font-size:1rem;font-weight: 600;line-height: 1;}
footer div.col a:hover span.title{border-bottom: 1px solid}
footer div.bt_retourProjets a svg{
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
footer div.bt_retourProjets a .hover{
  content: 'PROJETS';
  font-weight: 800;
  color: var(--vert);
  font-size: .6rem;
  padding: 7px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: absolute;
  top:-44px;
  width: 100px;
  display:none;
  left: -35px;
  text-align: center;
}
footer div.bt_retourProjets a:hover .hover{
  display: inline-block;
}
/* footer div.bt_retourProjets a:hover::before{
    content: 'PROJETS';
    font-weight: 800;
    color: var(--vert);
    font-size: .6rem;
    padding: 7px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: absolute;
    top:-44px;
    width: 100px;
    display: inline-block;
    left: -35px;
    text-align: center;
} */
footer div.bt_retourProjets a:hover svg{
    background: var(--vert);
}
footer div.bt_retourProjets a:hover svg path{
    fill:#FFF
}
footer div.prev{text-align: left ; padding-left: 50px;}
footer div.next{text-align:right; padding-right: 50px;}
footer span.dir{font-weight:800;color:var(--vert); font-size:.6rem; padding: 7px 0;letter-spacing: 2px; text-transform: uppercase;}
/* TEXTES et BLOCS */
.content_container.builder_quote p{font-size:1.1rem; line-height: 1.2; font-weight: 700; color: var(--vert)}
.content_container.builder_quote::before{content:''; width:35px; height: 3px; background: var(--vert); display: block; margin-left:0px; margin-bottom:8px }
.content_container.builder_quote{width:60%; margin: 40px 0;}
.content_container.builder_doublecolonnes{display: flex;justify-content: space-between;padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 20px; margin-top: 20px;}
.content_container.builder_doublecolonnes p{font-size:15px;}
.content_container.builder_paragraphe{margin:40px 0 20px}
.content_container.builder_paragraphe p{text-align: justify;}
.content_container.builder_paragraphe p a{border-bottom: 1px solid;}
.content_container.builder_paragraphe p a:hover{color:var(--vert);}
.content_container.builder_doublecolonnes>div{width: calc(50% - 5px)}

.content_container.builder_paragraphe_min{font-size:.85rem;}
.content_container.builder_paragraphe_min p{font-size:.85rem;}
.content_container p a{display: inline; border-bottom: 1px solid;}
.content_container p a:hover{border-bottom: 1px solid var(--vert); color:var(--vert);}
.bloc_container.builder_video iframe.video{width:100%; height: 432px}
.bloc_container.builder_gallery{padding: 0}
.bloc_container.builder_gallery.diaporama>div{width: 100%; height: 450px; margin-bottom: 5px}
.bloc_container.builder_gallery img{width: 100%;}
.bloc_container.builder_space {width:100%; height: 100px; margin:0}
.bloc_container.builder_space.space_150 {height: 150px;}
.bloc_container.builder_space.space_50 {height: 50px;}
.content_container.builder_fichiers {margin: 40px 0;}

.icon-paume{font-size: inherit; line-height: inherit; position: relative;}
.icon-paume::before {content: '\e800'; width: 2.75em; height: 1em; padding: 0; transform: translate(-3%, 25%); margin: 0; font-size: 1.1em; line-height: inherit; }
.icon-paume span{color: transparent !important; position: absolute; left: 0;font-size: inherit;line-height: inherit;bottom: 0;transform: translateY(12%);}

/* HOME */
main.home {height: 100vh;width: 100vw; position: absolute; z-index: 1000}
main.home #content_page{background: white; height: 100%; max-width: 100%; left: 0; transform: translate(0);width: 100%; overflow: hidden;}
main.home .dessin{background:url("../images/dessin1.png") no-repeat center center transparent;background-size: contain;width:400px;height: 400px;position: absolute;top:100vh;left: 100vw;transform: translate(-50%, -50%);}
main.home #dessin1{top:00vh;left:70vw;height: 440px;background-image: url('../images/dessin2.png');}
main.home #dessin2{top:100vh;left:20vw;width:600px;height: 600px;background-image: url('../images/dessin3.png');transform:translate(-50%, -50%) rotate(13deg)}
main.home #dessin3{top: 96vh;left: 86vw;transform:translate(-50%, -50%) rotate(45deg)}
.home #content_page .home_bk{background-color: var(--vert);width:70vw; max-width: calc(100% - var(--menu_w)); height: 100%; overflow: hidden;}
.home #content_page .home_volet{width:30vw; min-width: var(--menu_w); height:100vh; top:0; position:absolute; right:0px; height: 100vh}
.home #content_page .logo {min-width: 235px; position: relative; top: 50%; transform: translate(0, -50%); margin: auto; width: calc(80% - 20px); max-width: 415px;}
.home #content_page .entrer{position: absolute; bottom: 50px; text-align: center; color: #000; z-index: 1000; width: 100%;}
.home #content_page .entrer a{color:#000; width:100%; border-bottom: 1px solid #000; padding:5px 0; text-decoration:none; font-weight: 300; font-size:.7rem; letter-spacing: 1px}
.home #content_page .asterix{position: absolute; top:40px; left: 50px; color:#FFF; z-index: 1000; font-size:18px; }
.home #content_page .asterix svg path{fill:#FFF}

/* ANITMATION HOME */
.home .logo svg *{fill:transparent; transition: fill .3s;}
.home .logo.visible svg path:not(.pastille_etoile){fill:#000; transition: fill .4s;}
.home .logo.visible svg circle.pastille_etoile{fill:var(--vert); transition: fill .2s;transition-delay: .5s}
.home .logo.visible svg path.pastille_etoile {fill:#FFF; transition: fill .2s;transition-delay: .5s}
.home .logo.visible svg path.txt{fill:#000; transition: fill .8s;transition-delay: 1.5s}

.home #content_page{background: white; transition: background-color .5s .25s}
.home #content_page .home_volet{opacity: 1; transition: opacity .5s 1s}
.home #content_page .home_bk{transition: width 1s}
.home #content_page .asterix {opacity: 1; transition: opacity .5s 1.5s  }
.home.enter #content_page {background-color:transparent; transition: background-color .5s .5s}
.home.leave #content_page .home_volet{opacity: 0; transition: opacity .3s 0s}
.home.leave #content_page .home_bk{width: var(--menu_w); }
.home.leave #content_page .asterix {opacity: 0; transition: opacity .5s}
.home.enter #content_page .home_volet{opacity: 0; transition: none}
.home.enter #content_page .home_bk{width: var(--menu_w); transition: none}
.home.enter #content_page .asterix{opacity: 0;transition: none}
.dessin_n{background: no-repeat center center transparent; left:50%; background-size: auto 500px; width:500px; height: 500px; position: absolute; z-index: -1000; opacity: .25;padding: 300px 0; box-sizing: content-box;}
#dessin1_n{top:800px; margin-left: calc(50vw - 200px);background-image: url("../images/dessin1_n.png");}
#dessin2_n{top:1800px; margin-left: calc(-50vw - 300px);background-image: url("../images/dessin3_n.png");width:800px;height: 800px; background-size: auto 800px;}
#dessin3_n{top:4000px; margin-left: calc(50vw - 200px);background-image: url("../images/dessin2_n.png")}

/* AGENCE */
.agence #content_page{padding:0px 0 0}
.agence #content_page>section{padding:0 30px 0;}
.agence #content_page div.etoile {margin: 50px auto 100px;}
.agence div.bandeau_images {height: calc(50vh - 110px);min-height: 270px}
@media screen and (min-width: 1450px){
  .agence div.bandeau_images { height: calc(60vh - 110px); }
}

.agence #content_page header{margin-top: 60px;}

.content_container .liste{display:flex; flex-flow: row wrap; justify-content:flex-start;}
.content_container .liste .item img{max-width: 100%}
.content_container .liste_publications .item img{height:140px}
.content_container .liste_publications {display:block;}
.content_container .liste_publications .item{display:flex; flex-flow: row; margin: 50px 0px auto; align-items: center}
/* .content_container .liste_publications .item div{align-self: center; display:flex; flex-flow: column;} */
.content_container .liste_publications .item>div{flex-grow: 1; flex-shrink: 1}
.content_container .liste_publications .item>div:first-child{width:22%; margin-right: 20px}
.content_container .liste_publications .item>div:first-child>*{width:100%}
.content_container .liste_publications .item>div:last-child{width:78%;}
.content_container .liste_publications .item img{width:100%; box-shadow: 2px 4px 10px #CCC; object-fit: cover; height: auto}

.content_container .liste_distinctions .item{border: 0; background: #FFF;text-align: center; padding: 0; display: flex; flex-flow: column; align-items: top; border: 0px solid;  box-shadow: 2px 4px 10px #CCC; transition: transform .3s, box-shadow .3s; height: 310px; }
.content_container .liste_distinctions>*{display: block; width:calc(33% - (20px * 2)/3); margin-bottom: 20px; margin-right: 20px}
.content_container .liste_distinctions>*:nth-child(3n+3){margin-right: 0}
.content_container .liste_distinctions a>.item{display: block; width:100%; display:flex; flex-flow:column; justify-content: flex-start;}
.content_container .liste_distinctions a:hover .item{box-shadow: 0px 0px 0px #CCC;transform: translate(3px, 2px); transition: transform .1s, box-shadow .1s}
.content_container .liste_distinctions .item p{margin: 0px 5px 10px; line-height: 1.2}
.content_container .liste_distinctions .date{font-weight: 700;font-size: .75rem;margin-bottom: -9px;border-bottom: 1px solid var(--vert);line-height: 20px;}
.content_container .liste_distinctions .titre{font-weight: 700;font-size: .85rem}
.content_container .liste_distinctions .soustitre{font-weight:300;font-size:.85rem}
.content_container .liste_distinctions .item div.txt{flex: 1;display: flex;justify-content: center;flex-flow: column;}
.content_container .liste_distinctions .item .img{background: var(--vert);line-height: 0;}
/* .content_container .liste_distinctions .item img{mix-blend-mode: screen; filter: grayscale();} */

.content_container .liste_equipe .item{width:calc(25% - (20px * 3)/4); background-color: var(--vert); min-height: 230px; margin-bottom: 20px; margin-right: 20px}
.content_container .liste_equipe .item:nth-child(4n+4){margin-right: 0}
.content_container .liste_equipe .item a{width: 100%;height: 100%; display: block;}
.content_container .liste_equipe .item.surtitre .titre{opacity: 1}
.content_container .liste_equipe .item .titre .blur_img{position: absolute;top: 0;left: 0;mix-blend-mode: multiply;opacity: .7;}
.content_container .liste_equipe .item .titre .content a{width: auto; color: white}
.content_container .liste_equipe .item .titre .content a:hover{color: white}
.content_container .liste_equipe .item figcaption{bottom: 0}
.content_container .liste_equipe .item img{max-width: 100%;width: 100%;height: 100%;object-fit: cover;z-index: 0;opacity: 1;transition: opacity .2s;}
.content_container .liste_equipe .item .titre{transition: all .2s; height: 100%;width: 100%;position: absolute; user-select:none ;background: var(--vert);top: 0;opacity: 0;transition: opacity .2s;display: flex;text-align: center;align-items: center;color:#FFF;}
.content_container .liste_equipe .item .titre p{user-select:none; margin:0 12px 0; font-size:.85rem}
.content_container .liste_equipe .item:hover .titre {color:#FFF;  opacity: 1;}
/* .content_container .liste_equipe .item{box-shadow: 2px 4px 10px #CCC;} */

.liste_equipe .item .titre .content{text-align: center; width: 100%}
.liste_equipe .titre div.ensavoirplus p{display: block;flex: none;float: none;  width:100%; margin:0 12px 8px}
.liste_equipe .titre p.nom {font-weight: 700;}
.liste_equipe .titre .ensavoirplus {display: block;flex: none;float: none;width:100%;color:#FFF;}
.liste_equipe .titre .ensavoirplus a{color:#FFF}
.liste_equipe .titre .ensavoirplus a:hover{text-decoration: underline}

/* DEFAULT */
.default #content_page section h1 {
    margin-bottom: 40px;
}
.default #content_page section h2{
  margin: 30px 0 10px;
}
/* PROJETS */
.projets #content_page{max-width: 100%; }
.projetsGrid .grid-item {width: 236px; margin-bottom: 16px;height:150px;overflow: hidden; padding: 0}
/* .projetsGrid .grid-item {width: calc(var(--largitem) - 9px); margin-bottom: 16px;height:150px;overflow: hidden;} */
.projetsGrid .grid-item.petit{height:153px;}
.projetsGrid .grid-item.moyen{height:236px;}
.projetsGrid .grid-item.grand{height:236px; width: 488px;}
/* .projetsGrid .grid-item.grand{height:236px; width: calc(var(--largitem)*2 + 9px);} */


/* .projetsGrid .grid-item {--largitem: calc((100vw - 32px)/3);} */

.projetsGrid .grid-item .titre{z-index: 1; opacity: 0;height: 100%; width: 100%; display: block; position: absolute; padding: 0 15px; top:0; transition: opacity .1s; display: flex; flex-direction: column; justify-content: center}
.projetsGrid .grid-item .titre h2{ text-align: center; font-weight: 600; color:#FFF; font-size:1rem; line-height: 1.1}
.projetsGrid .grid-item .titre h3{ text-align: center; font-weight: 300; color:#FFF; font-size:.7rem; margin-top:5px; margin-bottom: 0; letter-spacing: 2px; line-height: 1.1}
.projetsGrid .grid-item img{max-width: 100%;  width: 100%; height: 100%; object-fit: cover;  opacity: 1; transition: all .2s; filter:normal; object-position: center center;}
.projetsGrid .grid-item div.img_floue{width: 100%; height: 100%; position: absolute;top:0; left: 0; opacity: 1; transition: all .2s; mix-blend-mode:multiply; filter:normal; background-size:cover; background-position: center center}

.projetsGrid .grid-item a{display: block;line-height: 0;height: 100%; width: 100%;background-color: rgb(255, 255, 255); transition: background-color .9s}
.projetsGrid .grid-item a:hover {background-color: var(--vert);transition: background-color .4s}
.projetsGrid .grid-item a:hover div.img_floue{opacity: .7; mix-blend-mode:multiply; filter:grayscale() ;}
.projetsGrid .grid-item a:hover img{opacity:0;}
.projetsGrid .grid-item a:hover .titre{opacity: 1; transition-delay: 0.0s}

.projetsGrid .grid-item a.portfolio{background-color: var(--vert);}
.projetsGrid .grid-item a.portfolio .titre{opacity: 1}


section.book{text-align: center; margin:50px 0;margin-bottom:50px}

/* PROJET */
.projet #content_page header{margin-bottom: 120px;}
/* .projet #content_page header h1{margin-bottom:10px;  padding:0; font-size:1.9rem; line-height: 1}
.projet #content_page header span{font-weight: 300}
.projet #content_page footer{margin:150px 0 20px; display: flex;}
.projet #content_page footer div.col{width: 50%; padding: 10px;}
.projet #content_page footer div.col a:hover{color:var(--vert)}
.projet #content_page div.etoile {margin: 0}
.projet #content_page footer div.prev{text-align: right}
.projet #content_page footer div.prev:after{} */

.builder_vignettes { /* Masonry container */
  column-count: 3;
  column-gap: 7px;
}

body:not(.page_contact) .grecaptcha-badge{right: -400px !important} 

figcaption.caption {
  position: absolute;
  bottom: 3px;
  right: 1px;
  padding: 5px;
  font-size: .55em;
  color: #FFF;
  opacity: .9;
  filter:drop-shadow(0px 1px 3px #000);
}
.bandeau_images figcaption.caption {right: 19px;bottom: 0px;}
.builder_presse {margin-top: 70px;text-align: center}
.builder_presse h2{margin-bottom: 20px;}
.builder_presse .item_wrapper{display: flex; flex-flow: row wrap; justify-content: center;}
.builder_presse .item_wrapper>div{margin:0 15px; width: 120px;}
.builder_presse .item_wrapper>div img{height: 150px; border: 1px solid #999;opacity: .9; mix-blend-mode: screen; filter: grayscale();transition: all .2s}
.builder_presse .item_wrapper>div div {display: block;font-size: 0;background: var(--vert);transition: all .2s; display: inline-block}
.builder_presse .item_wrapper>div:hover img{filter: none;opacity: 1}
.builder_presse .item_wrapper>div:hover div{background: #000}
.builder_presse .item_wrapper div h4{margin-top:.25rem; margin-top: .25rem; font-size: .85rem; line-height: 1.15;}
.builder_presse .item_wrapper a{cursor: zoom-in;}
/* ACTUALITÉS */
.actu_item .text_citation{width: 100%; min-height: 200px; padding:20px 0; display: block; background: var(--vert);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.actu_item .text_citation h2{  padding:0 10px; text-align: center; font-weight: 600; color:#FFF; font-size:1.4rem; line-height: 1.1}
.actu_item .text_citation h2 span{font-size:.7rem; font-weight: 600; margin-top:10px; display: inline-block; width: 100%}
.actu_item img{position: relative; width: 100%; max-height:400px; object-fit: cover;}
.actu_item .text{width: 100%; padding: 10px 0;display: block; }
.actu_item .text p{text-align: justify;}
.actu_item .text p a{display: inline; border-bottom: 1px solid;}
.actu_item .text p a:hover{border-bottom: 1px solid var(--vert); color:var(--vert);}

.actu_item p.date{font-size:.7rem; letter-spacing: 1px; text-align: center;}
.actu_item div.soustitre,
.actu_item div.soustitre p{font-size:1rem; letter-spacing: 1px; text-align: center;}
.actu_item .lienactu{text-align: center;}
.actu_item a:hover .titre{opacity: 1; }
.actu_item a:hover img{}
.actu_item a{display:inline-block; height: 100%; width: 100%}
.actu_item a.ensavoirplus{text-align:left; width: auto;}

.actualites #content_page div.etoile {
    margin: 50px auto 100px;
}

/* CONTACT */
.contact div.bandeau_images {height: calc(50vh - 110px);}

section.map .marker{background: url('../images/marker.svg') no-repeat center center transparent;background-size: contain;width: 50px;height: 50px;position: absolute;z-index: 2;top:50%;left:50%;transform: translate(-50%, -100%);}
#content_page .adresse{text-align: center; width: auto; display: block; padding: 15px; background: var(--vert); color: white; position: absolute; margin-top: -100px; z-index: 1000; border-radius: 15px; right:0;}
#content_page .adresse {
  margin-top: -210px;
  border-radius: 200px;
  width: 200px;
  height: 200px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
#content_page .adresse p{font-size:1.1rem; font-weight:500; color:#FFF; margin-bottom: 0;margin: 0}
/* #content_page .adresse svg.paume path.st0{fill:#fff}
#content_page .adresse span.paume{background-image: url("../images/paume_blanc.svg"); color: transparent} */
#content_page .adresse span.icon-paume::selection{background:#FFF; color:var(--vert)}
#content_page .destinataire li{list-style: none; padding: 0; list}
section.contact_form{margin-top: 50px;}
#content_page .rs{text-align: center; margin-top: 30px}
#content_page .rs svg path, #content_page .rs svg rect{fill:#000; transition: fill .2s}
#content_page .rs a{padding: 2px 6px; display:inline-block}
#content_page .rs svg{border: 1px solid #000; border-radius: 40px;transition: border-color .2s;}
#content_page .rs a:hover  path, #content_page .rs a:hover rect{fill:var(--vert)}
#content_page .rs a:hover svg{border-color:var(--vert)}


/* ESPACE PRO */

#modal_mdp form{margin:30px 0 0; padding: 0;}
#modal_mdp .label-input100 {color: #000;}
#modal_mdp .focus-input100::before{background: #FFF;}
#modal_mdp .bouton{border: 2px solid #fff;}

a.dl {
  @mixin colored-badge($color: gray) {
    border-color: rgba($color, .3);
    background: rgba($color, .1);
    color: $color;
  }

  &:before {
    @include colored-badge();
    content: attr(data-ext);
    text-transform: uppercase;
  }

  &--svg:before {
    @include colored-badge(#5A8BC2);
  }
  &--pdf:before {
    @include colored-badge(#C84D4F);
  }
  &--mp4:before {
    @include colored-badge(#7C6798);
  }
}

a.download:hover span.text{text-decoration: underline;}
a.download span.ext{text-transform: uppercase; padding:3px 3px 1px; background:#CCC; border:1px solid #555; color:#555; border-radius: 2px; font-size:.7rem; margin-right: 10px}
a.download span.poids{margin-left: 10px; font-weight: 200;}
a.download.document span.ext{background-color:rgba(150, 30, 30, 0.25); border-color: rgb(150, 30, 30); color:rgb(150, 30, 30);}
a.download.image span.ext{background-color:rgba(50, 100, 200, 0.25); border-color: rgb(50, 100, 200); color:rgb(50, 100, 200);}
a.download.archive span.ext{background-color:rgba(150, 150, 0, 0.25); border-color: rgb(150, 150, 0); color:rgb(150, 150, 0);}
a.download.video span.ext{background-color:rgba(0, 150, 0, 0.25); border-color: rgb(0, 150, 0); color:rgb(0, 150, 0);}


/* FANCY BOX */
.fancyphoto{cursor: zoom-in;}
.fancybox-bg {background:white;}
.fancybox-button--close {
    background: transparent;
    border-radius: 50%;
    padding: 7px;
    margin: 9px;
        margin-right: 9px;
    margin-right: 13px;
  }
.fancybox-button--close svg{background: var(--vert); border-radius: 50%; padding: 5px;}


.fancybox-close-small svg{
  background: white; border-radius: 50%; padding: 5px;
}
.fancybox-close-small svg path{fill: var(--vert)}

.fancybox-slide--html .fancybox-close-small {
    background: transparent;
    border-radius: 50%;
    padding: 7px;
    margin: 5px;
    margin-right: 5px;
    opacity: 1;
  }

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {color: white;}
.fancybox-navigation .fancybox-button {height: 130px;top: calc(50% - 50px);width: 90px;}
.fancybox-content {padding-top: 40px;background: var(--vert); display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 25px; position: relative; text-align: left; vertical-align: middle; color: #FFF;}
.fancybox-content header{display: flex; margin-bottom: 25px; align-items: center;}
/*.fancybox-content header img{margin-right: 25px;}
.fancybox-content header figcaption{margin-right: 24px;}*/
.fancybox-content header .img{margin-right: 25px; width: 170px}
.fancybox-content header .nom{width: calc(100% - 205px);}
@media screen and (max-width: 1024px) {
  :root {
    --menu_w: 250px;
    --menu_w_min: 45px;
  }
}

/* MEDIA QUERIES */
@media screen and (max-width: 860px) {
  html {font-size: 15px;}
  :root {--menu_w: 0px; --anim_time : .6s}

  #volet{position: fixed; width: 100%; overflow: hidden; max-height: 60px; min-height: 0; transition: max-height .3s; transition-timing-function: linear;}
  #content_page{left: 0; width: 100vw;}
  #content_page > section {padding:0 10px;}
  .agence #content_page section {padding:0 10px }
  #volet .menu_content{transition: none;}
  #volet {transition: none;}
  #volet #logo{height:70px; margin:0 auto;text-align: left;}

  #volet #logo .logo { display: inline-block; position: relative; top: 0; }
  #volet #logo .logo svg{margin:12px 15px 0;height: 45px;}
  #volet #logo .logo svg .pastille_etoile{display: none;}

  #volet #logo .bt_filtres span{border:1px solid #fff; user-select: none; background: #FFF; border-radius: 50%; color:var(--vert); width: 30px; height: 30px; display: block; text-align: center; line-height: 30px;margin: 16px 15px;}
  .page_projets #volet #logo .bt_filtres{display: block}
  #volet.openfiltres #logo .bt_filtres span{background:transparent; color: #FFF; }

  #volet #logo .bt_close{width: 60px; height: 60px; right: 0px; top: 0; display: block; left: auto; position: absolute;}
  #volet #logo .bt_close svg{border:1px solid #fff; background: #FFF; height: auto; border-radius: 30px; margin: 16px 15px}
  #volet #logo .bt_close svg path.st5{fill:var(--vert); transition: none;}
  #volet.open #logo .bt_close svg{background:transparent;}
  #volet.open #logo .bt_close svg path.st5{fill:#fff;}

  #volet header {margin: 0;width: 100vw;}
  #volet .menu_content{min-height: auto;width:100vw;margin: 10px 0 0px;}
  #volet .menu_content .active .submenu{display: none;}
  #volet .menu_content li.item > a{line-height: 30px; padding: 5px 0px 0;}
  #volet .menu_content li.item.active > a{border-bottom: 1px solid white}

  #volet .menu_footer {width: 100vw;padding: 30px 0px 40px;margin-left: 0;}
  #volet .menu_footer p {font-size: 1rem;}

  #volet.open{width:100%; height:auto; max-height: 100vh; overflow-y: auto;}
  #volet.openfiltres{width:100%; height:auto; max-height: 100vh; overflow-y: auto;}
  #volet.openfiltres .menu_content li.item > a{display: none;}
  #volet.openfiltres .menu_content .projets .submenu{display: block;}
  #volet.openfiltres .menu_footer{display: none;}
  #volet.openfiltres .menu_content .active .submenu::after {display: none;}
  #volet.openfiltres .menu_content{margin: 0}
  #volet.openfiltres .menu_content li.agence {display: none;}
  #volet.openfiltres .menu_content .submenu a{opacity: 1;font-size: 1rem; line-height: 1rem;padding: 5px;}
  #volet.openfiltres .menu_content .submenu li{height: auto;}
  .menu_content .filtres a::after {width: 1rem;height: 1rem;top: .15rem;left: -1rem;font-size: 1.15rem;line-height: 1.05;}
  .menu_content .titrefiltre span {font-size: 1rem;font-weight: 300;}
  main{margin-top: 60px;}


  #volet a.mentionslegales{
    position: relative;
    width: 100vw;
  }

  /* container */
  #content_page section .builder_images {width: 100%;;height: 450px;transform: none;max-width: 100%;}
  .content_container.builder_quote {margin-left: 10% !important}


  /* agence */
  /* .menu_content li {display: none;} */
  .agence #content_page header{margin-top: 30px;}
  .agence #content_page div.etoile {margin: 20px auto 20px;}
  .agence .bloc_container.builder_gallery.diaporama > div{max-height: 50vw;}
  .dessin_n{display: none;}


  /* Projets */
  .projet #content_page header{margin-bottom: 60px;margin-top: 18px;}

  .bandeau_images figcaption.caption {right: auto;bottom: 0px;left: 7px;}
  /* .projetsGrid .grid-item {--largitem: calc((100vw - 32px)/3);}
  .projetsGrid .grid-item {width: calc(var(--largitem) - 10px); margin-bottom: 16px;height:150px;overflow: hidden;}
  .projetsGrid .grid-item.petit{height:153px;}
  .projetsGrid .grid-item.moyen{height:var(--largitem);}
  .projetsGrid .grid-item.grand{height:var(--largitem); width: calc(var(--largitem) * 2 - 10px);} */

  .content_container.builder_doublecolonnes{display: block;}
  .content_container.builder_doublecolonnes > div {width: 100%;}
  .content_container.builder_doublecolonnes p {font-size: 13px;}
  .bloc_container.builder_space, .bloc_container.builder_space.space_100 {height: 50px;}
  .bloc_container.builder_space.space_150 {height: 75px;}
  .bloc_container.builder_space.space_50 {height: 25px;}
  .builder_presse {margin: 20px 0;}
  .builder_presse .item_wrapper {display: block;}
  .builder_presse .item_wrapper > div {margin: 15px auto;}
  div.bandeau_images .pict_galerie {bottom: 10px; right: 10px;font-size: 20px;line-height: 2.2;}
  footer {margin: 40px 0 20px;}
  footer div.col{line-height: 1}
  footer div.col a{font-size: .8rem}
  footer div.prev {padding-left: 10px;}
  footer div.next {padding-right: 10px;}

  /*actualités */
  .actualites #content_page {padding-top: 30px;}

  /*  home */
  main.home{top:0; margin-top: 0}
  main.home #content_page{display: flex; flex-direction: column}
  .home #content_page .logo {min-width: auto;width: calc(100% - 50px);}
  .home #content_page .home_bk{width: 100vw; max-width: 100vw; position: relative;}
  .home #content_page .home_volet{width: 100vw; max-width: 100vw; position: relative;min-width: 300px; background: white;}
  .home #content_page .asterix {left: 40px;width: calc(100vw - 40px);text-align: left;top: 40px;font-size: 16px;}
  .home #content_page .asterix span{left: -30px;position: absolute;top: -30px;}
  .page_home #volet{display: none}
  .home.leave #content_page .home_bk{width: initial; }
  .home.enter #content_page .home_bk{width: initial; transition: none}

  .fancybox-navigation .fancybox-button {display: none;}
  /* Contact */
  #content_page .adresse {z-index: 2; background: transparent; margin-top: 0; border-radius: 0; right: 0; width: 100%; height: auto; display: flex; flex-flow: column; justify-content: center; position: relative;}
  #content_page .adresse p {color: var(--vert)}
  /* actus */
  #content_page section header{marginx: 20px 0;}
  #content_page section.actu_item{margin-bottom: 40px}
  
  .fancybox-content header .img{margin-right: 25px; width: 170px}
  .fancybox-content header .nom{width: 100%;}

}

@media screen and (max-width: 560px) {
  .content_container .liste_publications .item div:first-child{margin-right: 0px;}
  .content_container .liste_publications .item>div:first-child{width:33%; margin-right: 20px; flex-shrink: 0;flex-grow: 0;}
  .content_container .liste_equipe .item{width:calc(50% - 5px); margin-bottom: 10px; margin-right: 0px}
  .content_container .liste_equipe .item:nth-child(2n+1){margin-right: 10px}
  .content_container .liste_equipe .item .titre p{user-select:none; margin:0 10px 0; font-size:.85rem}
  .content_container .liste_equipe .item .titre p.nom{font-size:1rem}
  .content_container .liste_distinctions .item{height: 320px}
  .content_container .liste_distinctions>*{display: block; width:calc(50% - 5px); margin-bottom: 10px; margin-right: 10px}
  .content_container .liste_distinctions>*:nth-child(3n+3){margin-right: 10px}
  .content_container .liste_distinctions>*:nth-child(2n+2){margin-right: 0}
  .content_container .liste_distinctions .item p {margin:0 10px 0; font-size:.85rem}

  .projetsGrid .grid-item.petit , .projetsGrid .grid-item.grand, .projetsGrid .grid-item{ width: 100%; max-width: 100%; height: 50vw;}
  .projetsGrid .grid-item a .titre{opacity: 1;align-items: center; padding:15px 0; background-color: var(--vert); height: auto;
    bottom: 0;
    top: auto;
    position: absolute;}
  /* .projetsGrid .grid-item a .titre h2{font-size: 1.15rem; display: inline-block; width: auto; padding: 6px 15px 2px; border: solid 1px var(--vert); margin: 1px; background: white; color: var(--vert);} */
  /* .projetsGrid .grid-item a .titre h3{display: none;} */

}


@media screen and (max-width: 480px) {
  .fancybox-content header {
    display: block;
  }
  .fancybox-content header img {  width:120px;
  }
  .fancybox-content header .img{margin-right: 25px; width: 120px}
  .fancybox-content header .nom{width: 100%;}


}