* { -o-box-sizing: border-box; box-sizing: border-box; }
a{ text-decoration: none; color: inherit;}
html{ width:100%; height:100%;}
body{ font-family:"FuturaWeb",sans-serif; background: #ffffff; color: #000000; position: relative;padding:80px 0 0 0; margin:0; font-weight: 400; font-size:14px; line-height:1.3; }

#loader{ position:fixed; top: 0; left: 0; right: 0; height: 100%; background:#ffffff; border-bottom:1px solid #cccccc;  z-index: 8000;}
#loader>div{ position:absolute; background:url(../images/logo-claude-cartier.svg) center center no-repeat; width: 300px; height: 80px; top:calc(50% - 40px); left:calc(50% - 150px);}


/*
#Ariane{ text-align: center;padding:10px; border-top: 1px solid rgba(0,0,0,0.6);}
#Ariane a{ text-decoration: underline;}
*/
#Ariane{ position: fixed; top: -100px; }


.wrap{ max-width:1240px; padding:0 20px;  position: relative; margin-left: auto; margin-right: auto; }

.wrap.default a{ text-decoration: underline;}


.bout{ transition:color 0.6s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden;position: relative; z-index: 100; border:2px solid #000000;   display:block; font-size: 12px; vertical-align: middle; color:#ffffff; padding:0 10px;  text-transform: uppercase;line-height:21px; height:25px;}
.bout:before,.bout:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000;}
.bout:after{  transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transform: translate3d(-100%,0,0); z-index: -1; background: #ffffff;}
.bout:before{ z-index: -2; background:#000000;}

.bout:hover{ color: #000000; }
.bout:hover:after{ transform: translate3d(0%,0,0);}


header{ background: #ffffff; z-index: 6000; position: fixed; top: 0; left: 0; width: 100%; height: 80px; transition:box-shadow 1s linear;  }
header.scrld{box-shadow:0 0 30px rgba(0,0,0,0.2);}
header>div{ position: relative; max-width:1360px; margin-left: auto; margin-right: auto; }


.showmenu{ cursor: pointer;display: block; padding:32px 28px;  width: 80px; height: 80px; }
.showmenu>i{transition:all 0.1s linear; display: block; background:#000000; width:100%; height:2px;   }
.showmenu>i:not(:first-child){ margin-top:5px;   }
.showmenu>i:nth-child(3){ margin-top:-2px;   }
.showmenu i:nth-child(1),.showmenu i:nth-child(4){ transform-origin: right center;}
.showmenu:hover>i:nth-child(1),.showmenu:hover>i:nth-child(4){ transform:scaleX(0.6);}
.showmenu.on>i:nth-child(1),.showmenu.on>i:nth-child(4){ transform:scaleX(0);}
.showmenu.on>i:nth-child(2){ transform: rotate(-45deg);}
.showmenu.on>i:nth-child(3){ transform: rotate(45deg);}


#topnav{ transition:all 1s cubic-bezier(0.19, 1, 0.22, 1); transform:translate3d(0,-110%,0);  font-family:"TomicaWeb",sans-serif; font-size:25px; display: flex; position: fixed; z-index: 5000; top: 80px; left: 0; right: 0; bottom: 0; background:#090909; color:#ffffff; }
#topnav.on{ transform:translate3d(0,0%,0); }



.mainmenu{ margin: auto; list-style: none; line-height:60px; /*transform:translate3d(0,-60px,0);*/ padding: 0; text-align: center; text-transform: uppercase;}


.mainmenu li{transition:opacity 0.2s linear; opacity:0.2; }
.mainmenu li:hover{ opacity:1; }

.mainmenu .current-menu-item,.mainmenu .current-page-item{ opacity:1; }


.nav .footeradd{transition:all 1s cubic-bezier(0.19, 1, 0.22, 1); color:#ffffff;  z-index: 5001; font-size: 12px; padding:20px;  position:fixed; left: 0; bottom:0; transform: translate3d(0,110%,0); right: 0; background: #000000;}
.nav .footeradd.on{ transform: translate3d(0,0%,0);}



.logo{text-indent: 200%; white-space: nowrap; overflow: hidden; position: absolute; background:url(../images/logo-claude-cartier.svg) center center no-repeat; width: 300px; height: 80px; top: 0; left:calc(50% - 150px); }
@media screen and (max-width:800px){
	.logo{ left:80px; max-width:calc(100% - 100px); }
}



.social{ position: absolute; right:80px; top: 0; line-height:80px;  }


@media screen and (max-width:1380px){
	.social{ right:20px; }
}
@media screen and (max-width:800px){
	.social{ display: none;}
}

.ico{  background-image: url(../images/socials.svg); background-size:78px 26px;  text-indent: 200%; white-space: nowrap; overflow: hidden;  display: inline-block; vertical-align: middle; width:26px; height:26px;}
.ico.ig{ background-position:top left; }
.ico.fb{ background-position:top center;}
.ico.pt{ background-position:top right;}

.ico{ transition:opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.ico:hover{ opacity: 0.5;}


.social .nl{  display: inline-block; margin-left:5px; line-height: 17px; height: 20px; font-size: 10px; padding:0 6px; border-radius:5px;    vertical-align: middle; }




.share{ font-size: 0; line-height:30px;  text-align: center; text-transform: uppercase;}
.share span{ font-size: 13px; margin-right:3px; display: inline-block; vertical-align: middle;}




h1{ display: block; font-family:"TomicaWeb",sans-serif; font-weight: 400; letter-spacing:0.05em;  font-size: 33px; line-height: 1; text-align: center;}
h1:not(.lower){ text-transform: uppercase;}

h1.line{ position: relative;}

h1.line:before{ content: ""; display: block; position:absolute; left: 0; top: 50%; height:1px; width: 100%; background: #000000;  }
h1.line strong{ position: relative;font-weight: inherit; display: inline-block;padding:0 20px; min-width:385px;  background: #ffffff; }



h1.hideme{ display: none; }

.allLink{ position: absolute; z-index: 10; right:20px; margin-top:-56px; border-left:40px solid #ffffff;  }
@media screen and (max-width:1050px){
	.allLink{ position: static; margin:15px auto; width:200px;  border: none; text-align: center;}
}



hr{ display: block; height:1px; background:rgba(0,0,0,0.6); border:none; margin:40px auto;}


#int section{ margin-top:40px; }

section img:not(.lazy):not(.slider){ opacity:0; }



.withlink a{ white-space: nowrap; transition:opacity 0.2s linear; position: relative; }
.withlink a:hover{ opacity:0.6;  }

.withlink a:after{transition:width 0.2s linear; content: ""; position: absolute; bottom:2px; right: 0; width: 100%; background:#000000; height:1px;}
.withlink a:hover:after{ width:0%;}





#pagination{ display: table; table-layout: fixed; width: 100%; margin:100px 0; }
#pagination>*{ display:table-cell; vertical-align: top;}
#pagination>*:last-child{ text-align: right;}
#pagination a{ transition:opacity 0.2s linear;  position: relative; display: inline-block;}
#pagination a.prev{ padding-left:50px; }
#pagination a.next{ padding-right:50px; }


#pagination strong{ display: block; font-weight: 400; line-height: 1; font-family:"TomicaWeb",sans-serif; font-size: 26px;}


#pagination a.prev:before,#pagination a.next:after{ content: "";  position: absolute; background-image: url(../images/fl.svg); background-size:80px 50px;  top:-3px; display: block; width:40px; height:50px;}

#pagination a.prev:before{ left: 0; background-position:left top;  }
#pagination a.next:after{ right: 0;background-position:right top; }

#pagination a.prev:hover{ opacity:0.5; }
#pagination a.next:hover{ opacity:0.5; }


figcaption{ font-size: 12px;}



/* HOME */

#accueil .intro{ font-size:18px; line-height:1.6;  padding:0; font-weight:300;  font-style: italic; background: #ffffff; color: #000000;  text-align: center; margin:4px 0 70px 0; }
#accueil .intro strong{ font-weight:500; }



/* =========================================================== */
/* ==== TOP SLIDER =========================================== */
/* =========================================================== */

/*
#homeslider .swiper-slide>div{ transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s; transform:translate3d(0,30px,0); text-align: center;position: absolute; left: 0; right: 0; top:calc(50% - 11px); opacity: 0; }
#homeslider .swiper-slide-visible>div{ opacity:1; transform:translate3d(0,0,0); }
#homeslider .swiper-slide>div>span{ font-family:"TomicaWeb",sans-serif; display:block; color: #ffffff; font-size:28px; }
#homeslider .swiper-pagination-bullet,#homeslider .swiper-pagination-bullet-active{ background:#ffffff; }
#homeslider img{ display: block; margin: 0; max-width: 100%; height: auto;}
#homeslider .pag{ position: absolute; bottom:50px; z-index: 1000; left: 0; right: 0; text-align: center;}
#homeslider .pag>*{ margin:0 6px; }
*/


/*
#homeslider .swiper-slide{ transition:all 0.8s linear;  max-width:1200px;  }
#homeslider .swiper-slide p{ margin: 0; }
#homeslider .swiper-slide.swiper-slide-prev,#homeslider .swiper-slide.swiper-slide-next,#homeslider .swiper-slide:not(.swiper-slide-visible){ filter: grayscale(1); opacity:0.3;  }
#homeslider .swiper-slide-visible{ opacity:1; filter:none; }
#homeslider .swiper-slide>div{ text-align: center;position: absolute; left: 0; right: 0; top:calc(50% - 11px); }
#homeslider .swiper-slide>div>span{ font-family:"TomicaWeb",sans-serif; display:block; color: #ffffff; font-size:28px; }
#homeslider .swiper-pagination-bullet,#homeslider .swiper-pagination-bullet-active{ background:#ffffff; }
#homeslider img{ display: block; margin: 0; max-width: 100%; height: auto;}
#homeslider .pag{ position: absolute; bottom:50px; z-index: 1000; left: 0; right: 0; text-align: center;}
#homeslider .pag>*{ margin:0 6px; }
*/

#homeslider .swiper-slide>div{ transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s; transform:translate3d(0,30px,0); text-align: center;position: absolute; left: 0; right: 0; top:calc(50% - 45px); opacity: 0; }
#homeslider .swiper-slide-visible>div{ opacity:1; transform:translate3d(0,0,0); }
#homeslider .swiper-slide>div>span{ font-family:"TomicaWeb",sans-serif; display:block; color: #ffffff; font-size:28px; }

#homeslider .swiper-slide>div>span a{ display:inline-block; outline: none;}
#homeslider .swiper-slide>div>span a[href^="https:"]:hover{ text-decoration: underline;}


#homeslider .swiper-pagination-bullet,#homeslider .swiper-pagination-bullet-active{ background:#ffffff; }
#homeslider img{ display: block; margin: 0; width: 100%; height: auto;}
#homeslider .pag{ position: absolute; bottom:50px; z-index: 1000; left: 0; right: 0; text-align: center;}
#homeslider .pag>*{ margin:0 6px; }



.fl{ outline: none; transition:opacity 0.2s linear;  position: absolute; cursor: pointer;background-image: url(../images/fl.svg); background-size:80px 50px;  top:36%; display: block; width:40px; height:50px;}
.fl.left{ left: 0; background-position:left top;  }
.fl.right{ right: 0;background-position:right top; }

.fl:hover{ opacity:0.5; }
.fl.swiper-button-disabled{ opacity:0.2; pointer-events: none; }

/* =========================================================== */
/* ==== COLLECTIONS ========================================== */
/* =========================================================== */

#homecolls{ position: relative;}
#homecolls .swiper-container{ width:calc(100% - 110px); margin:50px auto 80px auto;   }
@media screen and (max-width:1120px){
	#homecolls{ width:816px; margin-left: auto; margin-right: auto;}
	#homecolls .swiper-container{ width:706px;   }
}
@media screen and (max-width:840px){
	#homecolls{ width:435px; margin-left: auto; margin-right: auto;}
	#homecolls .swiper-container{ width:325px;   }
}


#homecolls .swiper-slide .v{ overflow: hidden; position: relative; max-width:325px;  display: block; }
/*
#homecolls .swiper-slide .v:after{transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transform:translate3d(-100%,0,0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.8); }
#homecolls .swiper-slide:hover .v:after{transform:translate3d(0%,0,0);  }
*/

#homecolls .swiper-slide .v img{display: block; max-width: 100%; height: auto; margin: 0;   }


#homecolls .swiper-slide span{display: block; line-height: 1;}
#homecolls .swiper-slide .hide{transition:all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; opacity:0; transform:translate3d(0,20px,0);}

#homecolls .swiper-slide .c{ margin-top: 15px; text-transform: uppercase; font-weight: 300;}
#homecolls .swiper-slide .t{ margin-top: 15px;  font-family:"TomicaWeb",sans-serif; font-size:20px; }
#homecolls .swiper-slide .b{ margin-top: 5px; font-size: 16px;}


#homecolls .swiper-slide-visible .hide{ opacity:1; transform:translate3d(0,0,0); }


/* =========================================================== */
/* ==== REALISATIONS ========================================= */
/* =========================================================== */



#homereals{ display: table; table-layout: fixed; border-spacing:16px;  width:calc(100% - 78px); margin:50px auto 80px auto;}
#homereals>a{ position: relative; font-size: 20px; color: #ffffff; display: table-cell; vertical-align: top; }

#homereals .v{ position: relative; overflow: hidden; display: block; }

#homereals>a .v:after{transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transform:translate3d(-100%,0,0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.8); }
#homereals>a:hover .v:after{ transform:translate3d(0%,0,0);  }

#homereals .v img{display: block; max-width: 100%; height: auto; margin: 0; transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);  }


#homereals .l{ overflow: hidden;display: flex; z-index: 100; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#homereals .l>*{ display: block; position: relative; z-index: 100; font-weight:500; margin: auto; }


/* =========================================================== */
/* ==== ACTUALITES =========================================== */
/* =========================================================== */


#homenews{ position: relative;}
#homenews .swiper-container{ width:calc(100% - 110px); margin:50px auto 80px auto;  }

@media screen and (max-width:1120px){
	#homenews{ width:816px; margin-left: auto; margin-right: auto;}
	#homenews .swiper-container{ width:706px;  }
}
@media screen and (max-width:840px){
	#homenews{ width:435px; margin-left: auto; margin-right: auto;}
	#homenews .swiper-container{ width:325px;   }
}


#homenews .swiper-slide .v{ overflow: hidden; position: relative;max-width:325px; display: block; }
/*
#homenews .swiper-slide .v:after{transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transform:translate3d(-100%,0,0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.8); }
#homenews .swiper-slide:hover .v:after{ transform:translate3d(0%,0,0);  }
*/

#homenews .swiper-slide .v img{display: block; max-width: 100%; height: auto; margin: 0; transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);  }

#homenews .swiper-slide span{ display: block; line-height: 1; }
#homenews .swiper-slide .hide{transition:all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; opacity:0; transform:translate3d(0,20px,0);}
#homenews .swiper-slide .c{ margin-top:15px; text-transform: uppercase; font-weight: 300;}
#homenews .swiper-slide .t{ margin-top:15px; font-weight: 500; font-size:20px; }



#homenews .fl{ top:140px;}


#homenews .swiper-slide-visible .hide{ opacity:1; transform:translate3d(0,0,0); }


/* GRID */

/*#custpagination{ display:none;}*/
.page-load-status{ overflow: hidden; position: relative; text-align: center; font-size:16px; font-weight:600; margin-bottom:60px;  }

.page-load-status:before{ content: ""; position: absolute; top: 50%;left: 0; right: 0; height: 1px; background: #000000; }

.page-load-status>*{ display:none; }

.page-load-status>*>span{ padding:0 30px; position: relative;display: inline-block; background: #ffffff;}


#grid{ position: relative; margin: auto auto 100px auto;}

#grid.reals{ max-width:1075px;}

@media screen and (max-width:1130px){
#grid.reals{ max-width: 700px;}
}
@media screen and (max-width:740px){
#grid.reals{  max-width:325px;}
}





#grid.colls{ max-width:1200px; margin-bottom:10px; }

@media screen and (max-width:1250px){
#grid.colls{ max-width: 890px; }
}
@media screen and (max-width:940px){
#grid.colls{ max-width: 580px; }
}
@media screen and (max-width:630px){
#grid.colls{ max-width: 270px; }
}

#grid.parutions{ max-width:1200px;}

@media screen and (max-width:1250px){
#grid.parutions{ max-width: 890px; }
}
@media screen and (max-width:940px){
#grid.parutions{ max-width: 580px; }
}
@media screen and (max-width:630px){
#grid.parutions{ max-width: 270px; }
}



#grid .item{ overflow: hidden; position: relative; }

#grid.reals .item{ width:325px; margin-bottom: 50px; }

#grid.colls .item{ width:270px; margin-bottom:40px; }
/*
#grid.parutions .item{ width:325px; margin-bottom: 50px; }
*/
#grid.parutions .item{ width:270px; margin-bottom:40px; }



#grid.colls .item img{ display: block; width:270px;  height:341px;}
#grid.reals .item img{ display: block; width:325px;  height:410px;}
#grid.parutions .item img{ display: block; width:270px;  height:341px;}


#grid .l{ transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1); transform:translate3d(-100%,0,0);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.8);color: #ffffff; }
#grid a:hover .l{ transform:translate3d(0%,0,0);}

#grid .l>*{ position: absolute; bottom:40px; left:40px; right:40px;  }

#grid .c{transition:all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; transform:translate3d(0,-20px,0); opacity: 0; display: block; font-weight: 300; font-size: 13px; text-transform: uppercase; letter-spacing:0.05em; }
#grid a:hover .c{ transform:translate3d(0,0px,0); opacity: 1; }

#grid .t{transition:all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; transform:translate3d(0,20px,0); opacity: 0; display: block; font-weight: 500; font-size: 22px; }
#grid a:hover .t{ transform:translate3d(0,0px,0); opacity: 1; }

#grid .t em{ font-style: normal; font-size:14px; display: block;}


#filters{ position: relative;font-size: 0; line-height:25px; text-align: center;   margin-bottom:30px;}
#filters:before{ content: ""; background: #000000; width: 100%; height: 1px; position: absolute; top:12px; left: 0; }
#filters>*{ position: relative; background: #ffffff; color:rgba(0,0,0,0.6); font-weight: 300; text-transform: uppercase; font-size: 16px; letter-spacing: 0.05em; display: inline-block; padding:0px 13px;  }

#filters>*[data-filter]{ cursor: pointer;}

#filters>*:first-child{ padding-left:30px;  }
#filters>*:last-child{ padding-right:30px;  }


#filters>*.on{color:#000000; font-weight:500;  }
#filters>*:hover{color:#000000;}


.collfilter{transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); opacity:0; transform: translate3d(0,-120%,0);position: fixed; z-index:4000; top:80px; left: 0; right: 0; bottom: 0; background: #E1E1E1; font-size: 16px; padding:80px; }

.collfilter.on{ opacity:1; transform: translate3d(0,0%,0); }

.collfilter .t{ display: block; margin:0 0 60px 0; text-align: center;text-transform: uppercase; font-family:"TomicaWeb",sans-serif; font-weight: 400; letter-spacing:0.05em;  font-size: 33px; line-height: 1;  }


.collfilter span{ display:block; padding:5px;   }

.collfilter a{ position: relative; opacity:0.5; }
.collfilter a.on{ padding-left:7px; opacity:1; }
.collfilter a.on:before{ content: ""; position: absolute; width: 15px; height: 2px; background: #000000; bottom:5px; left:-15px; }


.collfilter .cols3,.collfilter .cols5{ -webkit-column-gap: 30px;-moz-column-gap: 40px;column-gap: 40px;}

.collfilter .cols3{ width: 70%; margin: auto; -webkit-column-count: 3;-moz-column-count: 3; column-count: 3; }
.collfilter .cols5{width:90%;margin: auto; -webkit-column-count:5;-moz-column-count:5; column-count:5; }



.filterback{ position: absolute; display: block;width:50px; height:50px; background:url(../images/fl.svg) 10px center no-repeat; cursor: pointer; opacity:0.5;  background-size:200% auto;  top:75px; left: 50px;}
.filterback:hover{ opacity:1; }

#grid.articles{ max-width:1075px; margin-bottom: 0;}

@media screen and (max-width:1130px){
#grid.articles{ max-width: 700px;}
}
@media screen and (max-width:740px){
#grid.articles{  max-width:325px;}
}


#grid.articles .elt{ width:325px; display: block; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(0,0,0,0.6);}

#grid.articles .elt:hover .tt{ text-decoration: underline;}


#grid.articles .elt p{ margin:10px 0; }
#grid.articles .elt .cat{  font-weight: 300; font-size: 13px; text-transform: uppercase; letter-spacing:0.05em; }
#grid.articles .elt .tt{ font-weight: 500; font-size: 22px; }


#grid.articles .elt span{ display: block; overflow: hidden; position: relative;}
/*
#grid.articles .elt span:after{transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transform:translate3d(-100%,0,0); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.8); }
#grid.articles .elt:hover span:after{ transform:translate3d(0%,0,0);  }
*/

#grid.articles .elt img{ display: block; margin: 0;}





/* PRODUIT */
#produit{ margin-bottom:100px;   }


#produit .c{ text-transform: uppercase; font-weight: 300; letter-spacing:0.05em; text-align: center;}


.m{ position: relative;line-height:25px; text-align: center; margin-bottom:30px;}
.m:before{ content: ""; background: #000000; width: 100%; height: 1px; position: absolute; top:12px; left: 0; }
.m>*{ position: relative; background: #ffffff; color:#000000; font-weight:500; font-size:20px; letter-spacing: 0.05em; display: inline-block; padding:0px 30px;  }


#produitslider{ margin:50px 0;   }

#produitslider .swiper-slide{  max-width:900px; }
#produitslider .swiper-slide img{ display: block; margin: 0; width: 100%; height: auto; transform:translate3d(0,0,0); transition:all 0.5s linear;}


#produitslider .swiper-slide:not(.swiper-slide-active) img{ -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.2 !important; }

#produitslider .swiper-slide-next,#produitslider .swiper-slide-prev{ cursor: pointer;}

#produitslider .swiper-pagination-bullet,#produitslider .swiper-pagination-bullet-active{ background:#000000; }

#produitslider .pag{ margin-top:10px;  text-align: center;}
#produitslider .pag>*{ margin:0 6px; }


#produit .txt{ max-width: 720px; margin: auto; font-size: 18px; line-height: 1.5;}




/* PRESENTATION */
#presentation{ max-width: 1100px; padding:0 20px;  margin: auto; font-size:35px;}
#presentation>p{ font-weight:700;}

#presentation .cols{ font-size: 20px; -webkit-column-gap:60px;-moz-column-gap: 60px;column-gap:60px;-webkit-column-count:2;-moz-column-count:2; column-count:2;}
#presentation .cols p{ margin:0 0 15px 0; }





#presentation h2{ font-size:45px; line-height: 1; font-weight: 700;}

#presentation .add{ float: right;font-size:20px; font-weight: 700;}
#presentation .add br{ display: none;}

#presentation img{ display: block; margin:0 0 20px 0;  width:100%; height: auto; }
#presentation .visuels{ margin:40px 0 0 0; }


#presentation .visuels p{ margin: 0; }

#presentation .gallery{ display: table; margin:-20px 0 -20px -20px;  border-spacing:20px;  table-layout: fixed;  width:calc(100% + 40px);}
#presentation .gallery figure{ display: table-cell; vertical-align: top; }

#presentation .equipe{ font-size: 0; margin:-10px 0 -10px -10px; width:calc(100% + 20px);}
#presentation .equipe>*{ display:inline-block; width:calc(25% - 20px); margin:10px;   font-size: 16px; vertical-align: top; }

#presentation .equipe>* strong{ display: block;font-family:"TomicaWeb",sans-serif; font-size: 20px; }


/* REALS */
#realisation{ margin-top: 0 !important; margin-bottom:100px;   }


#realisation .bandeau{ overflow: hidden;}

#realisation .bandeau img{ transform: translate3d(0,0,0); }

#realisation h1{ margin-top:60px;  margin-bottom:5px;   }

#realisation .subtitle{ font-weight: 300; letter-spacing:0.05em; text-align: center;}


#realisation .txt{ text-align: justify; max-width: 720px; margin:40px auto 80px auto; font-size:18px; line-height:1.5; }



#realisation .visuels{ max-width:1000px; margin: auto;  }



#realisation .visuels>*:not(:last-child){ margin-bottom: 20px; }
#realisation .visuels img{ display: block; max-width: 100%; height: auto;}




/* ACTUS */
article .txt{ max-width:720px; margin: auto; font-size:18px; line-height:1.5; }

article .cat{ text-align: center;font-weight: 300; font-size: 13px; text-transform: uppercase; letter-spacing:0.05em; }
article h1{ margin:10px 0;  }



article .wp-post-image{ display: block; margin:30px auto 40px auto; max-width:100%; height: auto; }

article .date{ font-weight: 300; text-align: center;font-size: 13px; text-transform: uppercase; letter-spacing:0.05em; }

article hr{ margin:20px 0; }

article img.alignnone{ display: block; margin:40px auto; max-width:100%; height: auto; }

article img.size-large{ display: block; margin:40px auto; max-width:100%; height: auto; }

article a.noclick{ margin: auto; display: block;pointer-events: none; }
article a.noclick:after{ content: none; }

article a.noclick img{ display: block; margin:40px auto; max-width:100%; height: auto; }


article .gallery{ display: table; margin:-20px 0 -20px -100px;  border-spacing:50px;  table-layout: fixed;  width:calc(100% + 200px);}
article .gallery figure{ display: table-cell; vertical-align: top; }
article .gallery img{ display:block; margin: 0; width: 100%; height: auto; }

@media screen and (max-width:1000px){
article .gallery{ display: table; margin:0; width:100%;  border-spacing:10px; }
}



.nav-links{ position: relative;text-align: center; font-size:16px; margin: auto; max-width: 1080px;}


.nav-links>*{ display: inline-block; margin:0 3px; }
.nav-links .current{ font-weight: 600;}


.nav-links .prev{ position: absolute; left: 0;}
.nav-links .next{ white-space: nowrap; position: absolute; right: 0;}


/* FOOTER */


footer{ background: #000000;font-size: 12px; padding: 35px; color: #ffffff;}


.footeradd{ text-align: center; margin: auto;}

@media screen and (min-width:800px){
.footeradd>div{ display:inline-block; text-align: left;vertical-align: top; }
.footeradd>div:not(:first-child){ margin-left:110px;  }
}

.footeradd>div p{ margin:0 0 6px 0; }

.footeradd>div strong{ font-size: 18px; letter-spacing:0.05em; text-transform: uppercase; font-weight: 500; }

@media screen and (max-width:799px){
.footeradd>div p br{ display: none;}
.footeradd>div{ position: relative;margin:0; }
.footeradd>div:not(:last-child):after{ content:""; display: block; background: #ffffff; width:150px; height: 1px; margin:20px auto;}

}

footer>span{ color:#6B6B6B; display: block; margin:20px 0 0 0; text-align: center;}

footer>span a{ color:#9F9F9F;}








/* INSTA */
#sb_instagram{max-width:1090px;}
#sb_instagram .sbi_header_text{ text-align:center !important; padding-right:60px !important;}
#sb_instagram .sb_instagram_header a{ float:none !important;}
#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3{ float:none !important;}
#sb_instagram .sbi_header_text h3:before{ content:"@";}

.sbi_header_img{ display:none !important;}