/*
Theme Name: Aprotech 2020
Author: Webullition et intégration Olivier Coudre
Author URI: https://approtech.fr
Description: theme pour le site approtech
Version: 1.0
Text Domain: site
Tags: SVG, WPML
*/

/*
SVG icons
 */
[class^="svg-icon"], [class*=" svg-icon"] {height: 1em; width: 1em; display: inline-block; fill: currentColor; }


/*
fonts
 */
@font-face{
  font-family: "Open Sans";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
}

@font-face{
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
}

@font-face{
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff');
}

@font-face {
  font-family: 'sciflysans';
  src: url('fonts/scifly-sans-webfont.woff2') format('woff2'),
       url('fonts/scifly-sans-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/**
 * Global & Structure
 */
* {box-sizing: border-box;}
*:after,
*:before {box-sizing: inherit;}


/*body { font-family:'M PLUS Rounded 1c', sans-serif;color:#1f1f1f;background-color: white;margin: 0;}*/
body { font-family:'Open Sans', sans-serif;color:#1f1f1f;background-color: white;margin: 0;}
.h1,.h2,.h3,
h1, h2,h3, h4, h5, h6 {font-family: 'sciflysans', sans-serif;font-weight: 400;line-height: 1.4;}

.h1,h1 {font-size: 30px;}
.h2,h2 {font-size: 30px;}
.h3,h3 {font-size: 20px;}
.h4,h4 {font-size: 18px;}
a {text-decoration:underline}
@media print,screen and (min-width: 826px) { /* 640 */
	.h1,h1 {font-size: 32px;}
	.h2,h2 {font-size: 32px;}
	.h3,h3 {font-size: 20px;}
	.h4,h4 {font-size: 18px;}
}
@media screen and (min-width: 1280px) {
	.h1,h1 {font-size: 36px;}
	.h2,h2 {font-size: 30px;}
	.h3,h3 {font-size: 25px;}
	.h4,h4 {font-size: 18px;}
	.entry-content {font-size: 18px;}
}
p {margin: 0;}

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

.ie-alert {padding: 2em; border: red solid 2px;z-index: 999;background: white;position: relative; }

label {color:inherit;cursor: pointer;}
table {margin: 1rem 0; }
ul {margin-left:0; list-style-type: none; }
:focus{outline:none !important; }
img {max-width: 100%;height: auto;}
.container {padding: 0 1rem;}
@media print, screen and (min-width: 826px) {
  .container-ext,
  .container {margin:auto;padding-left: 1rem;padding-right: 1rem;}
  .container-child {margin-left: -1rem;margin-right: -1rem;}
  .container-child-content {margin-left: 1rem;margin-right: 1rem;}
}

@media screen and (min-width:992px) {
  .container {padding-left: 2rem;padding-right: 2rem;max-width: 1165px;}
  .container-child {margin-left: -2rem;margin-right: -2rem;}
  .container-child-content {margin-left: 2rem;margin-right: 2rem;}
  .container-ext {padding-left: 0;padding-right: 0;max-width: 1242px;}
  .container-ext2 {max-width: 1194px;}
}

.visible-desktop {display: none;}
@media print, screen and (min-width: 826px) {
  .visible-desktop {display: block;}
  .hide-desktop {display: none;}
}
/*
colors
*/
a,
.text-primary {color: #F07F11;}
.bg-primary {background-color: #F07F11;color:white}
.bg-primary a{color:white}

h1,
strong,
a:active,
a:focus,
a:hover {color: #F07F11}
/*h2,h3, h4, h5, h6 {color:#F07F11;}*/


/* bleu */
.button.primary {background-color: #F07F11; color: #fff;}
.button.primary:focus,
.button.primary:hover {background-color: #F07F11; color: #fff; }

/* orange */
.button.secondary {background-color: #999999; color: #fff;}
.button.secondary:focus,
.button.secondary:hover {background-color: #F07F11; color: #fff; }

.button[disabled],
.button[disabled]:hover {background-color: #747474;}



/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }
  100% {
    opacity : 0   ;
  }
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }
  100% {
    opacity : 0   ;
  }
}

/**
 * Wordpress styles
 */
.alignleft {float: left}
.alignright {float: right}
.aligncenter {display: block;margin-left: auto;margin-right: auto}
figure.wp-caption.alignleft,img.alignleft {margin: 5px 20px 5px 0}
.wp-caption.alignleft {margin: 5px 10px 5px 0}
figure.wp-caption.alignright,img.alignright {margin: 5px 0 5px 20px}
.wp-caption.alignright {margin: 5px 0 5px 10px}
img.aligncenter {margin: 5px auto}
img.alignnone {margin: 5px 0}
.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 0 0 24px;text-align: center;}
div.wp-caption.alignright img[class*="wp-image-"] {float: right}
div.wp-caption.alignright .wp-caption-text {padding-left: 10px}
.wp-caption.alignleft + ul,.wp-caption.alignleft + ol {list-style-position: inside}

/*Citation*/
blockquote {text-align: justify;border:0;margin: 0;
  padding:110px 0 80px;
  /*background-image: url(img/open-quote.png),url(img/close-quote.png);*/
  background-repeat: no-repeat, no-repeat;background-position: top left,bottom right;
  background-size: 100px 80px,100px 80px
  }
@media print, screen and (min-width:64rem) {
  blockquote {padding-bottom: 0;}
}
blockquote p {margin-bottom: 1rem;}



/*
  Accessibility
*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; height: 1px; width: 1px; }
#skip a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
#skip a:focus { position:static; width:auto; height:auto; }

/*
header
 */

.home-link{display: block;text-align: center;}
.home-link:focus,
.home-link:active {border-bottom-color:currentColor;}
.brand-logo {margin: 0 auto;width: 160px;display: inline-block;}
.brand-logo img{display: block;width: 100%;}

.top-bar-brand .brand-info {font-size: 1rem;margin-left: 2rem;color: #040707;}
.top-bar-brand .brand-info>h1 {margin:0 0 .5rem;color:inherit}
.top-bar-brand .slogan {font-size: 1rem;font-weight: 600; margin-bottom: 0.5rem;}

@media screen and (min-width:826px) {
  .top-bar-brand {display: flex;align-items: flex-end;}
  .main-navigation {}
  .brand-logo {margin-top: 1rem; margin-bottom: 0;}
  .home-link {text-align: left;}
}
@media screen and (min-width:1025px) {
  .brand-logo {width: 200px;}
}
.top-bar-left {text-align: center;}
@media screen and (min-width:826px) {
  .top-bar-left {text-align: left;}
}
/*
menu
 */

.container.top-bar {position: relative;margin-top: 1rem;}
/* menu icon */
#navcheck {position: fixed; opacity: 0; }
.menu-icon-wrap {position: absolute; left: 1rem;top: .8rem;display: inline-block;width: 30px;height: 30px;}
.menu-icon { display: block; z-index: 3; background: #F07F11; width: 30px; height: 4px; box-shadow: 0 10px 0px #F07F11, 0 20px 0px #F07F11; border-radius: 4px; }

@media screen and (min-width:826px) {
  .menu-mobile-logo,
  .menu-icon-wrap {display: none;}
  .container.top-bar {margin-top: 0;}
}

.menu-item {color: inherit;}

.site-header .menu-item>a {text-decoration: none;display: block;text-transform: uppercase;}
.main-navigation .menu-item>a {color: #000;padding: 1rem;}
.main-navigation .menu-item.current-page-ancestor>a,
.main-navigation .menu-item.current-menu-item>a,
.main-navigation .menu-item>a:hover {color: #F07F11;}
.main-navigation .menu-item>a:is(:hover,:focus,:active,:focus-within,:focus-visible) {text-decoration: underline;color: #F07F11;}
.main-navigation .menu-item.current-page-ancestor>a,
.main-navigation .menu-item.current-menu-item>a {font-weight: bold;}


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

  .top-bar-nav {border-top: 3px solid black; border-bottom: 3px solid black; margin-top: 2rem;position: relative;
  display: flex;
  align-items: center;
  }
  .top-bar-nav .wpml-ls-legacy-list-horizontal {padding-top: 4px;}

  .top-bar-nav .menu {display: flex; flex-wrap: nowrap;margin: 0 -.5rem;padding: 0;}
  .site-header .menu-item>a {padding-left: .5rem;padding-right: .5rem;}
  .site-header .menu-bg-primary>a {background-color: #F07F11;color:white;margin-left: 2rem;}
  .site-header .menu-bg-primary>a:hover {color:white;background-color: #ff5408;}
  .site-header .menu-item.menu-bg-primary.current-menu-item>a {color: #FFF;}

  .menu-item-has-children {position: relative;}
  .sub-menu {display: none;}
  .sub-menu {position: absolute;background: #FFF;padding: 0;margin: 0;box-shadow: 0px 10px 20px rgba(0,0,0,.15);
    min-width: 250px;z-index: 10;
    border-top: 3px solid black;
    border-bottom: 3px solid black
  }
  .sub-menu a{white-space: nowrap;}
  .menu-item-has-children:hover .sub-menu,
  .menu-item-has-children:focus-within .sub-menu,
  .menu-item-has-children>a:focus  + .sub-menu,
  .menu-item-has-children>a:active + .sub-menu,
  .menu-item-has-children:hover  + .sub-menu,
  .menu-item-has-children>a:hover  + .sub-menu {display: block;}
}
@media screen and (min-width:908px) {
  .top-bar-nav .menu {margin-left: -1rem;}
  .site-header .menu-item>a {padding-left: 1rem;padding-right: 1rem;}
}

/* decorations */

@media screen and (min-width:826px) {
  .container {background: #FFF;}
}

@media screen and (min-width:1164px) {
  .wrap {-ms-overflow-x: hidden;
    overflow-x: hidden;max-width: 1920px;
    background:
    url("img/bg-pipe-right.png") top right,
    url("img/bg-squares.png") 0 0,
    url("img/pipes-left.jpg") 0 900px,
    url("img/pipes-right.jpg") 100% 900px;
    background-repeat:no-repeat;
    margin:0 auto;
  }
  .home .wrap {
    /*background-position: top right, 0 0 , 0 1476px,100% 1476px;*/
    background:
      url("img/bg-pipe-right.png") top right,
      url("img/bg-squares.png") 0 0;
    background-repeat:no-repeat;
  }

  .top-bar-nav::before,
  .top-bar-nav::after {content:'';display: block;position: absolute; background-repeat: no-repeat;background-size: contain;}
  .top-bar-nav::before {background-image: url("img/nav-pipe-left.png");width: 397px;height: 362px;left: -397px;top: -235px;}
  .top-bar-nav::after {background-image: url("img/nav-pipe-right.png");width: 378px;height: 712px;right: -378px;top: -18px;z-index: 10;}
  .home .top-bar-nav::after {background-image: url("img/nav-pipe-right-home.png");height: 575px;right: -378px;top: -18px;}
}

.secondary-navigation-desktop {display: none;}
.secondary-navigation-desktop .menu-item>a {padding: .5rem;font-weight: 400;}
.secondary-navigation-desktop a:hover {color: #fff;text-decoration: underline;}
@media screen and (min-width:826px) {
  .secondary-navigation-mobile {display: none;}
  .secondary-navigation-desktop {display: flex;-webkit-align-items: center;
          align-items: center;}
  .secondary-navigation-desktop .menu {flex:1 1 auto}

  .secondary-navigation-desktop .svg-link>a{display: inline-block;color:#F07F11;line-height: 12px;}
  .secondary-navigation-desktop .svg-icon {width: 24px;height: 24px;background-color: #fff;}
}

.menu-icon-close {position: relative;width: 20px;height: 20px;display: block;}
.menu-icon-close::after,
.menu-icon-close::before {content:'';position: absolute;left: 0;width: 131%;height: 1px; background: #F07F11; transform-origin: 0 1px}
.menu-icon-close::before {top: 0;transform:rotateZ(45deg);}
.menu-icon-close::after{bottom: 0;transform:rotateZ(-45deg);}
@media screen and (max-width:825px) {
  .menu-mobile {background: #EDEDED;position: fixed; top: 0; padding: 1rem; width: 100%;height: 100vh;overflow-y: scroll;transform: translateX(-100%);
    transition: transform .3s;opacity: 0;}
    #navcheck:checked ~ .toggle-nav {transform: translateX(0); opacity: 1;z-index: 10;}
  .menu-mobile-logo {width: 160px;display: block;margin: auto;}
  .menu-mobile .menu-icon-wrap {right: 1rem;top: 1.5rem;left:auto}

  .container.top-bar {padding:0 ;}
  .menu-mobile .main-navigation {padding-bottom: 1rem;margin: 0;}
  .menu-mobile .menu {margin: 1rem 0 0;padding: 0;}
  .secondary-navigation-mobile  {border-top:solid 2px #F07F11;/*font-family: 'Righteous', cursive;*/}
  .secondary-navigation-mobile a,
  .main-navigation .menu-item>a {display: inline-block;padding: 0.5rem;}
  .sub-menu {padding-left: 2rem;}
}
.search-field {border:0;padding: 0.4rem;border-radius: 4px;}

/*
main
 */
.ariane {padding:1.5rem 0;margin:0;font-size: 0.875rem;}
.ariane a{text-decoration: none;}
.ariane a:focus,
.ariane a:active,
.ariane a:hover{text-decoration: underline;}

.site-main {padding-bottom: 2rem;}

@media print, screen and (min-width: 826px) {
  .site-main{position: relative;padding-bottom: 8rem;}
  .site-main::after {
    content:'';
    pointer-events: none;
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    width: 34vw;height: 50vw;
    background: url("img/bg-squares-right.png") no-repeat;z-index: -1;
    background-size: contain;
    background-position: bottom right;}

  .home .site-main {padding-bottom: 2rem;}
  .home .site-main::after {content:none}
}
@media print,screen and (min-width: 1164px) {
  .home .site-main {padding-bottom: 6rem;}
}
@media print, screen and (min-width: 1800px)  {
  .site-main::after {z-index: 0;}
}
@media print, screen and (min-width: 1920px)  {
  .site-main::after {width: 661px;height: 974px;}
}



.entry-title,
.page-title {margin: 0;line-height: 1.2;}
.page-title {text-transform: uppercase;}
.posts-list .entry-title {padding-left: 0;}
.posts-list a.cell {text-decoration: none;}
.posts-list a.cell:hover .entry-title{color:inherit;}
.entry-content {line-height: 1.5;}
.entry-content p+*{margin-top: 1rem;}
.page-header {margin-bottom: 2rem;padding-top: 2rem;}


/*.entry-content strong {font-weight: 900;}*/
.entry-content ul {padding: 0;margin: 1rem 0;}
.entry-content ul>li:not(.accordion-item) {position: relative;padding-left: .7rem;}
.entry-content ul>li:not(.accordion-item):before {
  position: relative;
  left: 0;top: -0.4em;
  content:'';width: 5px;height: 5px;display: inline-block;
  margin-top: 0.8em;
  background-color: #F07F11;border-radius: 50%;vertical-align: middle;margin-right: .5rem;}
.entry-content ul>li+li {margin-top: 0rem;}

/*
 product
*/
.feat-image {margin:0 0 1.5rem 0;}
/*.single-products .page-title {padding-bottom: 1rem;}*/
@media print,screen and (min-width: 992px) {
  .feat-image {margin-bottom: 2rem;text-align: center;}
  .feat-image img {/*min-width: 490px;*//*height: 400px;width: 100%;object-fit: cover;*/}

}

.tpl-template-activite .page-title {padding-bottom: 1rem;}
@media print,screen and (min-width: 992px) {
  .tpl-template-activite .feat-image {float: right;margin-left: 2rem;}
  .tpl-template-activite .feat-image img {width: 490px;}
  .tpl-template-activite .page-title {padding-bottom: 2rem;float: left;}
  .tpl-template-activite .entry-content {clear:left}
}


/*
html accordion https://codepen.io/abergin/pen/ihlDf
 */
.accordion-content,
.accordion-icon:before,
.accordion-icon:after {transition: all 0.25s ease-in-out; }

.accordion-item {animation: flipdown 0.5s ease both; list-style:none}

.accordion-group {list-style: none; perspective: 900; padding: 0; }

.accordion-item {position: relative; padding: 0; margin: 0; border-bottom: 2px solid white; }
.accordion-item:nth-of-type(1) {animation-delay: 0.5s; }
.accordion-item:nth-of-type(2) {animation-delay: 0.75s; }
.accordion-item:nth-of-type(3) {animation-delay: 1.25s; }
.accordion-item:nth-of-type(4) {animation-delay: 1.5s; }
.accordion-item:nth-of-type(5) {animation-delay: 1.75s; }
.accordion-item:nth-of-type(6) {animation-delay: 2s; }

.accordion-check {position: absolute; cursor: pointer; width: 99%; height: 100%; z-index: 1; opacity: 0; }
.accordion-icon {position: absolute; transform: translate(-6px, 0); margin-top: .6em; right: 2rem; }
@media print, screen and (min-width: 992px) {
  .accordion-icon {margin-top: 0.7em;}
}
.product-item .accordion-icon {margin-top: 0.9em;}
.accordion-icon:before,
.accordion-icon:after {content: ""; position: absolute; background-color: #fff; width: 3px; height: 9px; }
.accordion-icon:before {transform: translate(-2px, 0) rotate(45deg); }
.accordion-icon:after {transform: translate(2px, 0) rotate(-45deg); }

.accordion-title {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;

  background-color: #999;
  color: #FFF;
  margin: 0;
  cursor: pointer;
  text-transform: uppercase;
}

.accordion-title {padding-left: 1rem;padding-right: 1rem;}
@media print, screen and (min-width: 826px) {
  .accordion-title {padding-left: 1rem;padding-right: 1rem;}
}

@media screen and (min-width:992px) {
  .accordion-title {padding-left: 2rem;padding-right: 2rem;}
}
@media screen and (min-width:1164px) {
  .accordion-title {padding-left: 3rem}
}

.accordion-content {position: relative;
  overflow: hidden;
  z-index: 2;
  margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%);padding-top: 0;padding-bottom: 0;
}

.accordion-content h3 {margin-bottom: 1rem;margin-top: 0;}

.product-examples {border:solid 1px #000;column-count: 2;padding: 1rem;}
.product-examples ul{margin: 0;padding: 0;}
.accordion-content img {margin-bottom: 1rem;}
@media screen and (min-width:992px) {
  .accordion-content img {float: left;margin-right: 1rem;}
  .product-examples {column-count: 2}
}

.accordion-check:checked ~ .accordion-title {background-color: #F07F11; }
.accordion-check:checked ~ .accordion-content {
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 0;
  padding:1rem;
  }
@media screen and (min-width:992px) {
  .accordion-check:checked ~ .accordion-content {padding:1rem 2rem;}
}
.accordion-check:checked ~ .accordion-icon:before {transform: translate(2px, 0) rotate(45deg); }
.accordion-check:checked ~ .accordion-icon:after {transform: translate(-2px, 0) rotate(-45deg); }



@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
/*
 shortcodes
 */
.SC-childpage_grid {display: grid; grid-template-columns: repeat( auto-fit, minmax(270px, 1fr) ); gap: 1rem;}
.SC-childpage_grid > a{/*flex:1 0 33.33%;margin: 0 1rem 1rem 1rem;*/border: #d0d0d0 solid 1px;text-decoration: none;}
.SC-childpage_grid img{display: block;width: 100%;height:360px; object-fit:contain;object-position: bottom;}
.SC-childpage_grid span {text-align: center; padding: 1rem;     font-family: 'sciflysans', sans-serif;display: block;text-transform: uppercase;color: #000;}

.SC-site_partners_list.row {flex-wrap: wrap;display: flex;}
.SC-site_partners_list .columns {flex:1 1 50%;display: flex; align-items: center;padding: 1rem;}
@media screen and (min-width:826px) {
  .SC-site_partners_list .columns {flex:1 1 25%;}
}
/**
 * widgets
 */

.site-sidebar .widget {margin-bottom: 1rem;}
@media print,screen and (min-width: 40em) {
  .site-sidebar .widget {margin-bottom: 2rem;}
}
@media print,screen and (min-width: 64em) {
  .site-sidebar .widget {margin-bottom: 3rem;}
}
.site-sidebar .widget{border-radius: 8px 8px 0 0 ;overflow: hidden;position: relative;}
.site-sidebar .widget::before{content:'';position: absolute;display: block;background: #F07F11; width: 8px;height: 100%;left: 0;top: 0;border-radius: 0 0 8px 8px}
.site-sidebar .widget-title { margin: 0;color: #fff; background-color: #F07F11;padding:.3rem 0 .3rem 1.5rem;border-radius: 0 0 8px 0;font-size: 25px;}
.site-sidebar .widget-title a{color: inherit;}
.site-sidebar .widget ul {padding: 0 0 0 1.5rem;}
.site-sidebar .widget a {text-decoration: none;}
.site-sidebar .widget ul>li+li {margin-top: 1rem;}


/*
	archive
 */

/*
@media print,screen and (min-width: 64em) {
  .blog .page-header {margin-bottom: 3rem;}
}
.hentry {margin-bottom: 2rem;}
.hentry .entry-title {font-size: 26px;margin-bottom: .8rem;}
.hentry.has-post-thumbnail .entry-title {margin-top: 1rem;}
.entry-header .entry-title a{text-decoration: none;}
.entry-header .entry-title a:hover{color: #ff5408;}

.hentry .post-thumbnail {margin-bottom: 1rem;}

.entry-summary {margin-top: 0;line-height: 1.5;color: #1F1F1F;}
.more-wrap {text-align: right;}
.more-link {display: inline-block;padding: 0 1rem .5rem;line-height: 1;}
.more-link i{font-size: 1.2rem; font-style: normal; background: #F07F11; color:#d7df21;display: inline-block;width: 1em;height: 1em;text-align: center;border-radius: 50%}

@media print,screen and (min-width: 40em) {
.blog .hentry.has-post-thumbnail {display: flex;}
.blog .hentry.has-post-thumbnail .entry-title {margin-top: 0;}
.hentry .post-thumbnail {max-width: 400px;width: 37.5%;}
}
.blog .hentry .post-thumbnail {flex:0 0 auto;margin-right: 2.5rem;}
*/


/*
single
 */

.posted-on {margin-bottom: 1rem;display: block;font-size: 0.9rem;}
/*
 home
 */
.home .site-main {margin-top: 1rem;}
@media screen and (min-width: 826px) {
  .home .site-main {margin-top: 0;}
  .home .main-container {padding-top: 2rem;}
  .home .intro {display: flex;    align-items: center;}
  .home .intro .feat-image {order:2;margin: 0 0 0 2rem;flex: 1 1 60%;}
  .home .intro .entry-content {flex: 1 1 40%;font-size: 16px;}
}
.home .section-title {text-transform: uppercase;line-height: 1;padding-top: 0.8rem;padding-bottom: 0.5rem;}
.home .section-title {padding-left: 1rem;padding-right: 1rem;}
@media print, screen and (min-width: 826px) {
  .home .section-title {padding-left: 1rem;padding-right: 1rem;}
}

@media screen and (min-width:992px) {
  .home .section-title {padding-left: 2rem;padding-right: 2rem;}
  .home .intro {margin-top: 5rem; margin-bottom: 7rem;}
}

.section-type-products .section-title {color: #FFF;background: #F07F11;border-top: 3px solid black; border-bottom: 3px solid black;margin-bottom: 0;}
.section-type-products .product-list {margin: 0;}
.section-type-products .activities {flex:1 1 40%}

.activity-item .accordion-title {background: #999;border-bottom:white solid 1px}
.activity-item .accordion-check:checked ~ .accordion-title {background-color: #000; }
@media print, screen and (min-width: 992px) {
  .accordion-icon { margin-top: 0.6em; }
}
.activity-item .accordion-content {background: #000;color: #FFF;}
.entry-content .activity-item .accordion-content ul>li {margin-bottom: 0.2rem;}
.activity-item .accordion-content a{text-decoration: none;color:inherit}
.activity-item .accordion-content a:active,
.activity-item .accordion-content a:focus,
.activity-item .accordion-content a:hover{text-decoration: underline;}
.entry-content.product-list ul {margin: 0 0 1rem 0;}
.entry-content.product-list ul>li:before {background: currentColor;}
.section-type-products .activity-image {text-align: center;flex:1 1 60%;position: relative;height: 430px;padding-bottom: 10rem;}
.section-type-products .activity-image>img {margin : 1rem auto;width: 90%;position: absolute;
    height: 400px;object-fit: contain;opacity: 0;display: block;left: 0;top: 0;transition:opacity .3s}
.section-type-products .activity-image>img.visible {opacity: 1;}
.section-type-pages .section-title {color: #FFF;background: #000;margin-bottom: 0;}
.section-type-pages .section-content {margin: 0 1rem;background: #FFF;padding: 1rem 3rem;}
.section-type-pages .page-label {margin: 0;text-transform: uppercase;display: block;}
.section-type-pages .page-more {color:inherit;text-decoration: none;display: inline-block;}
.icon-svg {width: 1em;height: 1em;position: relative;top: 0.2em;}
.section-type-pages .icon-svg {top: 0.2em;}
.section-type-pages .page-more:active,
.section-type-pages .page-more:focus,
.section-type-pages .page-more:hover{text-decoration: underline;}
.section-type-pages .page-image {display: block;aspect-ratio: 1;object-fit: contain;width: 100%;}

.section-type-gallery {background: #FFF;}
.section-type-gallery .section-title {color: #000;border-top: 1px solid black; border-bottom: 1px solid black;}
.section-type-gallery .section-content  {text-align: center;}
.section-type-gallery figure {margin: 0 1rem 1rem 1rem;border: #d0d0d0 solid 1px;display: inline-block;}
.section-type-gallery figcaption {text-align: center;padding: 1rem;font-weight: 600;}

@media screen and (min-width:826px) {
  .section-type-pages .section-content {display: grid;  grid-template-columns: 1fr 1fr;gap:2rem}
  .section-type-pages .page:nth-of-type(1) {flex:1 1 60%}
  .section-type-pages .page:nth-of-type(2) {flex:0 1 350px}
  .section-type-pages .page .image-more {display: block;}
  .section-type-pages .page:nth-of-type(3) {flex:1 1 100%;margin-top: 2rem;}
  .section-type-pages .page-image {margin-top: 1rem;}
  .section-type-pages .page:nth-of-type(3) .page-image {height: auto;width:100%;}

  .section-type-gallery .section-content {display: flex;}
}

.section-type-cta .section-title {color: #FFF;background: #009E60;border-bottom: 1px solid white;margin-bottom: 0;}
.section-type-cta .section-content {color: #FFF;background: #009E60;padding: 1rem;}
.section-type-cta .action {padding:1rem 0 }

.btn {display: inline-block;padding: 0.8rem 2rem; border-radius: 6px;text-transform: uppercase;text-decoration: none;white-space: nowrap;cursor:pointer}
.btn:disabled {background: #AAA;}

.btn-primary {color: #FFF; background: #F07F11; border: 1px solid black;}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {background: #000;}

.btn-cta {background: #FFF;border:#000 solid 1px;color: #000;}
.btn-cta:hover {text-decoration: none;}
.btn-cta .icon-svg {margin-right: .6rem;fill:currentColor;}

@media screen and (min-width:826px) {
  .section-type-cta .action {text-align: center;}
  .section-type-cta .btn-cta {margin: 0 8rem ;}
}
@media screen and (min-width:992px) {
  .section-type-cta .section-content {align-items:center;padding-left: 2rem;}
}

@media screen and (min-width:1164px) {
  .home .section-title {padding-left: 4rem;}
  .home .container-ext2 .section-title {padding-left: 2.5rem;}
  .home .section-title {position: relative;}
  .home .section-title::before,
  .home .section-title::after {content:'';display: block;position: absolute; background-repeat: no-repeat;background-size: contain;pointer-events: none;}

  .section-type-products {
    background: url(img/bg-squares-right.png) bottom right -50px no-repeat;
            background-size: 316px;}
  .section-type-products .section-title::before {background-image: url("img/activite-pipe-left.png");width: 338px;height: 295px;left: -337px;top: -8px;}
  .section-type-products .section-title::after {background-image: url("img/activite-pipe-right.png");width: 341px;height: 107px;right: -341px;top: -32px;}

  .section-type-pages { background:
    url("img/pipes-left.jpg") top left,
    url("img/pipes-right.jpg") top right;
    background-repeat:no-repeat;margin-top: -1rem;margin-bottom: -1rem;}
  .section-type-pages .section-title::before {background-image: url("img/expert-pipe-left.png");width: 372px;height: 346px;left: -333px;top: -280px;}
  .section-type-pages .section-title::after  {background-image: url("img/expert-pipe-right.png");width: 419px;height: 464px;right: -341px;top: -25px;}

  .section-type-gallery .section-title::before {background-image: url("img/products-pipe-left.png");width: 387px;height: 427px;left: -370px;top: -145px;}
  .section-type-gallery .section-title::after  {background-image: url("img/products-pipe-right.png");width: 427px;height: 488px;right: -363px;top: -15px;}

  .section-type-cta .section-title::before {background-image: url("img/recrute-pipe-left.png");width: 384px;height: 371px;left: -380px;top: -166px;}
  .section-type-cta .section-title::after {background: #009E60; height: 100%; left: 100%; top: 0; width: calc( (100vw - 1194px) / 2);}
  .section-type-cta .section-content {height: 120px;position: relative;padding-left: 2.5rem;}
  .section-type-cta .section-content::after {content:'';position: absolute; background: #009E60; height: 100%; left: 100%; top: 0; width: calc( (100vw - 1194px) / 2);}
  .section-type-cta .text {font-size: 1.2rem;}
}

@media screen and (min-width:992px) {
  .row {display: flex;}
}
/*
gallery
 */
.gallery a {border:0}
.gallery a::before{content:none}
.gallery-grid {margin-top: 1.25rem; }
.gallery-grid.grid-margin-x>.cell {margin-bottom: 1.25rem; }
.gallery-grid img {width: 100%;}
.gallery-grid img[src$=svg] {width: 5rem; margin: auto; display: block; }
@media screen and (min-width: 40em) {
	.gallery-grid {margin-top: 1.875rem; }
	 .gallery-grid.grid-margin-x>.cell {margin-bottom: 1.875rem; }
}


/*
actus
 */
.pagination-centered {margin: auto;text-align: center;}
.pagination {margin: 0 auto;padding: 0;display: inline-block;}
.pagination li,
.pagination .current,
.pagination .page-link {display: inline-block;}
.pagination .current,
.pagination .page-link {padding: 0.2rem .5rem;font-weight: 900;text-decoration: none;}
.pagination .current {background: #F07F11; color: #FFF;}
.pagination li {margin-left: .5rem;}
.pagination a:hover {background: #D3D3D3;}

/*
contact
 */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: white;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
input[type="checkbox"] {margin: 0;}
input[type="file"], input[type="radio"], select {
    margin: 0 0 1rem 0;
}
input[type="file"],select {
    width: 100%;
    padding: 0.5rem;
}
input[type="file"] {font-size: 1rem;}
select {
    background-color: white;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}



.wpcf7 {margin: 0 auto 2rem;}

.wpcf7 textarea {height: auto;}
@media screen and (min-width: 826px) {
  .wpcf7-form {position: relative;}
  .wpcf7 .row {margin-left: -1rem;margin-right: -1rem;}
  .wpcf7 .columns {flex:1 1 50%;margin-left: 1rem;margin-right: 1rem;}
  .wpcf7 .your-message,
  .wpcf7 textarea {height: 100%;}
}

.wpcf7 label {color: #000;}
.wpcf7 p>label {text-transform: uppercase;}
.red {color: #ff5408;}

span.wpcf7-list-item {margin-left: 0;margin-bottom: 1rem;}
::-moz-placeholder {color: gray; opacity: 1 }
:-ms-input-placeholder {color: gray }
::-webkit-input-placeholder {color: gray }

.wpcf7-form-control-wrap {display: block;}
.wpcf7-not-valid {border: #bf2b47 solid 2px;}
span.wpcf7-not-valid-tip {font-size: 0.8em;position: absolute; top: 0.4rem; width: 18rem; z-index: 5; right: 0.9rem; text-align: right;}
#jobchoice+.wpcf7-not-valid-tip ,
.your-letter>.wpcf7-not-valid-tip,
.your-cv>.wpcf7-not-valid-tip {top: -1.5rem;}

.wpcf7-validation-errors {
    color: #bf2b47;
}


.form-submit {position: relative;}
.form-submit ,
.form-submit .button {margin: 0;}
.form-submit .button {padding: 1rem 2rem;text-transform: uppercase;border: 0;border-radius: 5px;-webkit-appearance: none;cursor: pointer;}

/* https://loading.io/ */
div.wpcf7 .ajax-loader {
  /*background-image:url("img/rolling-1s-48px.svg");width: 48px;height: 48px;*/
  vertical-align: middle;
  }


div.wpcf7-response-output {margin: 1rem 0;}

@media screen and (min-width: 640px) {
  .wpcf7-form {position: relative;}
  div.wpcf7-response-output {margin: 0; line-height: 1.2;}
}
@media screen and (min-width: 854px) {
   /*div.wpcf7-response-output {margin-bottom: 1rem;}*/
}
@media screen and (min-width: 1200px) {
  div.wpcf7-response-output {left: 11rem;line-height: 1.4;}
}

.pre-footer {background: #000 url("img/bg-pre-footer.jpg") no-repeat; background-size: cover; color:white}
.pre-footer *{color:inherit}
.pre-footer > .container {background: none;padding-top:1rem;padding-bottom: 1.5rem;}
.pre-footer .site-contact-widget .h3,
.pre-footer .widget-title {text-transform: uppercase;margin: 0 0 1rem;display: block;}
.pre-footer .site-contact-widget .widget-title{display: none;}

.site-contact-widget [itemprop="streetAddress"] {display: block;}
.site-contact-widget [itemprop="addressCountry"] {display: block;}
.site-contact-widget .call-numbers {margin:1em 0;}
.pre-footer .nav-links {margin-top: 2rem;}

.pre-footer .nav-links .menu {padding: 0;column-count: 2;}
.pre-footer .nav-links .menu a{text-decoration: none;padding: 0.4rem 0; display: block;}
.pre-footer .nav-links .menu a::before{content:'> '}
@media screen and (min-width: 826px) {
  .pre-footer > .container {display:flex}
  .pre-footer .nav-links {margin-top: 0;}
  .pre-footer .nav-links,
  .pre-footer .brand-info {flex : 1}
}

/*
footer
 */
.site-footer {margin-top: 1rem;margin-bottom: 1rem;}
.footer-menu {margin: 0 -.5rem;padding: 0;}
.site-footer .menu {display: block;margin: 0 0 1rem;padding: 0;}
.site-footer .menu-item {margin-bottom: 0;display: inline-block;}
.site-footer a {padding: .5rem ;display: inline-block;text-decoration: none;color: #858585;}
.site-footer a:focus,
.site-footer a:active,
.site-footer a:hover {color: #F07F11;}
@media print, screen and (min-width: 1496px) {
  .site-footer {position: relative;background: #FFF;margin-top: 0;margin-bottom: 0; padding-top: 0;padding-bottom: 22px;}
  .site-footer .container{position: relative;padding-top: 1rem;}
  .site-footer::after,
  .site-footer::before {content:'';display: block;background-repeat: no-repeat;background-size:contain;position: absolute;}
  .site-footer::before {left: 0;top: -120px;background-image: url("img/foot-pipe-left.png");width: 185px;height: 194px;}
  .site-footer::after {right: 0;top: -332px;background-image: url("img/foot-pipe-right.png");width: 238px;height: 408px;}
}


/*
plugins
 */

@media print {
	body{font-size: 14px;}
	blockquote {margin: 0;}
	a[href]:after {content: none; }
	.page-title {margin-top: 1em;}
	hr {margin: 1rem auto 2rem; }
	p+h2 {margin-top: 1rem; }
	p+h3 {margin-top: 1rem; }
}

/*
plugin cookie notice
 */
#cookie-notice {font-family: sans-serif;}
#cookie-notice .cn-button {margin-bottom: 0;}