/*
Theme Name: Simple Theme
Author: fred
Author URI: https://atelierflottant.ch
Description: un theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://atelierflottant.ch
Text Domain: simpletheme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
AREA INDEX

1.GENERAL
2.LINKS
3.HEADER
   3.1 MENU
      3.1.1 MENU CORE
      3.1.2 MENU TABLET
      3.1.3 MENU PHONE
   3.2 WIDGET AREA
4.CONTENT POST - PAGE
      4.1 PAGE DEFAUT
      4.2 PAGE PRODUITS
      4.3 FICHE PRODUIT
5.SIDEBAR
6.FOOTER
7.ADDITIONNAL (PLUGINS,...)
*/

/*
fonts by google font
font-family: 'Barlow', sans-serif; 500 800 500i 800i
font-family: 'Readex Pro', sans-serif; 300;400;500;700;900
font-family: 'Zmen Maru Gothic', sans-serif; 300;400;500;700;900 (arrondie) pas d'italic
font-family: 'Zmen Kaku Gothic', sans-serif;
font-family: FontAwesome;



COULEURS

jaune #ffa000
marron #b57e34
violet #321d3e

*/



/*
1.GENERAL
*/

body{
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: visible;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 400;
  /*font-size: 1.3em;*/
  letter-spacing: 0.07em;
}

html, body{
  height: 100%;
  margin: 0;
}

.debug_display{display: none !important;}

.content-area a, .content-area a:link, .content-area a:visited{color: #555; }
.content-area a:hover, .content-area a:active{color: #333bbb;}

article img{max-width: 100%;height: auto;}

hr{background-color: #444; height: 1px; color: transparent; border: 0;}

/* unvisited link */
a, a:link{
  color: #333;
  text-decoration: none;
}

a{
  font-weight: 500;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  /*font-weight: 500;*/
}
/* visited link */
a:visited{
 color: #333;
 text-decoration: none;
}

/* mouse over link */
a:hover{
  text-decoration: none;
  color: #333;
}

/* selected link */
a:active{
  color: #333;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
  /*text-transform: uppercase;*/
  font-family: 'Readex Pro', sans-serif;
  font-weight: 700;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{
  color: #bbb;
}



/*
h1{font-size: 1.3em;}
h2{font-size: 1.2em;}
h3{font-size: 1.2em;}
h4{font-size: 0.9em;}
h5{font-size: 0.8em;}
h6{font-size: 0.75em;}
*/
p,  li{
  line-height: 1.5em;
  max-width: 85ch;
}

li{
  line-height: 1.5em;
  margin: 0.5em 0;
  max-width: 85ch;
}

ul.nostyle{
  padding-left: 0;
}

ul.nostyle li{
  list-style: none;
}

strong, b{font-weight: 700;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, #footer strong, #footer b{font-weight: 700;}

ul{
  padding-left: 2em;
}

::-moz-selection { /* Code for Firefox */
  color: #321d3e;
  background: #ffa000;
}

::selection {
  color: #321d3e;
  background: #ffa000;
}

input,
textarea,
select{
  margin-top: 6px;
  border: 2px solid #321d3e;
  border-radius:3px;
  padding: 0.4em;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.9em;
  outline: 0 !important;
  box-sizing: border-box;
  transition: all 400ms ease;
  font-family: 'Readex Pro';
}

input[type="file"]{
  border: 0 !important;
}

textarea{
  width:100%;
  max-width: 600px;
}

input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active{
border: 2px solid #ffa000;
}

input:hover,
textarea:hover,
select:hover{
}

select option:focus, select option:active, select option:hover{
  color: #321d3e;
  background: #ffa000;
}

fieldset{border: 0;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
  font-family: 'Readex Pro';
    border: 2px solid #321d3e;
    border-radius:3px ;
    outline: 0;
    background-color: #321d3e;
    color: #fff;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus{
    background-color: #ffa000;
    border: 2px solid #ffa000;
}


button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active{
    transform: scale(0.99);
}

.p-info{
  font-family: "fontello";
cursor: default;
}

.infoinfo{
  display: flex;
  justify-content: center;
}

.infoinfo > div{
  text-align:left;
  width: 50%;
  max-width: 300px;
}


@media only screen and (max-width: 680px){
.infoinfo {
    display: block;
}

.infoinfo > div{
  text-align:center;
  width: auto;
  max-width: none;
}

}

span.encr { unicode-bidi:bidi-override; direction:rtl }
/*span.encr.ude-fza:before { content:"hc.seigre" }
span.encr.ude-fza:after { content:"@seigrene" }*/
span.encr.ude-fzb:before { content:"85 2" }
span.encr.ude-fzb:after { content:"3 970" }
span.encr.ude-fzc:before { content:"30 0" }
span.encr.ude-fzc:after { content:"5 420" }

div[id^="gallery-"]{
      padding: 30px 0 !important;
}

.gallery img{
      width: calc(100% - 10px);
      margin: 0 5px;
      height: auto;
      border: 0;
      max-width: 200px;
}

#main .gallery-item img{
  border: 0;
}

.content-wrapper{
  min-height: calc( 100% + 10px );
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -200px;
  overflow-x: hidden;
}

.wrap.page{
    padding: 0;
    position: relative;
    width: calc(100% - 315px);
    margin-left: 315px;
}

@media all and (max-width: 1199px){
  .wrap.page{
      margin-left: 265px;
      width: calc(100% - 265px);
  }
}

.wrap.full{
    padding: 0;
    position: relative;
    width: 100%;
}
@media all and (max-width: 799px){
  .wrap.full{
      margin-left: 2%;
        width: 96%;
  }
  .wrap.page{
      margin-left: 2%;
        width: 96%;
  }
}

@media all and (max-width: 399px){
  .wrap.full{
      margin-left: 0;
        width: 100%;
  }
  .wrap.page{
      margin-left: 0;
        width: 100%;
  }
}/*media*/

.full-header .wrap.home{
    padding: 110px 0 0 0;
}

.wrap.home{
    padding: 50px 0 0 0;
    position: relative;
    width: 100%;
    margin-left: 0;
}

/*
3.HEADER
*/

/*
LIENS DE PRIEMIER NIVEAU
*/

/* unvisited link */
.header-menu ul a, .header-menu ul a:link{
  color: #333;
  text-decoration: none;
  font-weight: 400;
}

/* visited link */
.header-menu ul a:visited{
 color: #333;
 text-decoration: none;
}

/* mouse over link */
.header-menu ul a:hover{
  /*color: #aa0056;*/
  color: #ffa000;
  text-decoration: none;
}

/* selected link */
.header-menu ul a:active{
  /*color: #aa0056;*/
  color: #321d3e;
  text-decoration: none;
}

/* selected link */
.header-menu ul a:focus{
  /*color: #aa0056;*/
  color: #321d3e;
  text-decoration: none;
}

.header-menu a{
  position: relative;
  display: block;
}

.header-menu ul li ul li a{
  line-height: 20px ;
  padding: 10px 0;
  width: 100%;
}

/*
LIENS DE SECOND ET PLUS NIVEAU
*/

/* unvisited link */
.header-menu ul > li ul a, .header-menu ul > li ul a:link{
  color: #333;
  text-decoration: none;
}

/* visited link */
.header-menu ul > li ul a:visited{
 color: #333;
 text-decoration: none;
}

/* mouse over link */
.header-menu ul > li ul a:hover{
  color: #ffa000;
  text-decoration: none;
}

/* selected link */
.header-menu ul > li ul a:active{
  color: ##321d3e;
  text-decoration: none;
}

/* selected link */
.header-menu ul > li ul a:focus{
  color: ##321d3e;
  text-decoration: none;
}

.site-header{
  height: 50px;
  position: fixed;
  width: 100%;
  display: table;
  z-index: 3;
  background-size: 200px 200px;
  background-repeat: repeat;
  background-attachment: fixed;
  transition: all 0.4s ease;
}

.site-header.normal{
  height: 50px;
}

.site-header.header-image.normal{
  height: 110px;
}

.site-header.sticky{
  height: 50px;
}

/*
3.1 MENU
*/

/*
   3.1.1 MENU CORE
*/

#social-icons {position: absolute;top: 4px;right: 18px}

#social-icons img{height: 50px;width: 50px;}

#header-widget-container{
  position: absolute;
  right: 25px;
  bottom: 62px;
  z-index: 2;
  font-size: 0.85em;
}

#header-widget-container.normal{

}

#header-widget-container.sticky{
  opacity: 0;
}

.chw-widget{
  position: relative;
  display: inline-block;
  margin-left: 10px;
}

@media all and (max-width: 699px){
  #header-widget-area .chw-widget:last-child{
    display: none;
  }
}

@media all and (max-width: 399px){
  #header-widget-area{
    display: none;
  }
}

.website_title, .full-header .website_title{
  position: absolute;
  z-index: 4;
  left: 20px;
  height: 52px;
  padding: 4px 0;
  transition: all 0.4s ease;
}

.full-header .website_title.normal{
  top: 0;
}

.website_title.normal, .full-header .website_title.sticky{
  top:-65px;
}


#header-logo-container{
height: 100%;
position: relative;
display: inline-block;
box-sizing: border-box;
overflow: hidden;
}

#header-logo-container img{
  top: 0;
  width: auto;
  height: 100%;
}

#header-logo-container img.sticky{
  /* height: 85%; */
}

.title_container{
  position: relative;
  height: 100% ;
  display: inline-block;
  padding-left: 20px;
  color: #e8e8e8;
  overflow: hidden;
}

@media all and (max-width: 600px){
  .title_container{
    display: none;
  }
}

.title_container h2, .title_container h5{
  margin: 4px 0;
  line-height: 1em;
}

.header-image .nav-container.normal{
  margin-top: 60px;
}

.nav-container{
  position: relative;
  z-index: 3;
  height: 50px;
  margin-top: 0;
  transition: all 0.4s ease;
}

.nav-container.normal{
  margin-top: 0;
}

.nav-container.sticky{
  margin-top: 0;
}

.nav-container > nav{
  position: relative;
  width: 100vw;
}

#menu-icon{
  display: none;
  /*background-color: #922e49;*/
  /*background-color: rgba(169, 13, 54, 0.95);*/
  background-color: rgba(236, 236, 236, 0.9);
  color: #000;
}

.header nav{
  margin: 0;
  padding: 0;
  /*background-color: #db013b;*/
  background-color: #eee;
  height: 50px;
}

.header-menu{
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
font-family: 'bariol_boldbold';
font-weight: 400;
text-transform: uppercase;
z-index: 4;
width: 100vw;
margin: 0;
display: block;
font-size: 1.2em;
}

@media all and (max-width: 699px){
  .header-menu{
  max-height: 70vh;
  overflow-y: auto;
}
}


.header-menu ul, .header-menu li{
  list-style: none;
}

.header-menu ul{
  padding: 0;
  /*background-color: #eee;*/
  /*background-color: #922e49;*/
  /*background-color: rgba(169, 13, 54, 0.95);*/
  background-color: rgba(236, 236, 236, 0.9);
  margin-top: 0;
  text-align: center;
  margin-bottom: 0;
}

@media all and (max-width: 699px){
  .header-menu ul{
    text-align: left;
  }
}

ul.nav-ul{
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 7px 7px;
}

.header-menu li{
  /*line height for laptop first parent menu only*/
  padding: 0 10px;
  line-height: 50px;
  height: 50px;
  margin: 0;
}

.header-menu > ul > li{
  display: inline-block;
}

.header-menu li.menu-item{position: relative;}

.header-menu li.menu-item-has-children{
  position: relative;
}

.header-menu > ul > li ul{
  display: block;
  background-color: #ddd;
  min-width: 200px;
  text-align: left;
  margin-bottom: auto;
  font-size: 0.9em
}

.header-menu > ul > li > ul > li > ul{
min-width: auto;
}

.header-menu > ul > li > ul li{
    /*line height for laptop children only*/
  display: block;
  line-height: unset;
  min-height: 40px;
  line-height: 40px;
  height: 40px;
  height: min-content;
  vertical-align: middle;
}

.header-menu > ul > li.menu-item-has-children ul{
  display: none;
  position: absolute;
  left: 0;
}

.header-menu > ul > li > ul li.menu-item-has-children > a.plus:after{
  content: " +";
}

.header-menu > ul > li > ul li.menu-item-has-children > a.moins:after{
  content: " -";
}

.header-menu > ul > li > ul li.menu-item-has-children ul{
  position: relative;
  display: none;
  margin-left: auto;
}

.header-menu > ul > li.menu-item-has-children ul.reveal, .header-menu > ul > li > ul li.menu-item-has-children ul.reveal{
  display: block;
}

.header-menu > ul > li > ul > li li{
    /*line height for laptop children only*/
  padding: 0 0 0 10px;
}

/*
   3.1.2 MENU TABLET
*/

/*
   3.1.3 MENU PHONE
*/

@media all and (min-width: 700px){
  .header-menu .qtranxs-lang-menu{
    display: none;
  }
}

@media all and (max-width: 699px){

  #menu-icon{
    display: block;
    text-align: right;
    line-height: 50px;
    height: 50px;
    text-transform: uppercase;
    padding: 0 20px 0 0;
    font-size: 0.8em;
    box-sizing: border-box;
    width: 100vw;
  }

  .menu-icon{
    font-size: 0.8em;
    display: inline-block;
    line-height: 1em;
    text-align: right;
  }

  .menu-icon.closed:before{
    content: "MENU";
    /*content: '\e848';
    font-family: "fontello";*/
  }

  .menu-icon.opened:before{
    content: "CLOSE";
    /*content: '\e849';
    font-family: "fontello";*/
  }


  /*has to be same that duration set in js */
  .menu-icon.forward, .menu-icon.backward{
    -moz-animation: forWard 0.6s ease-in-out;
    -o-animation: forWard 0.6s ease-in-out;
    -webkit-animation: forWard 0.6s ease-in-out;
    animation: forWard 0.6s ease-in-out;
  }

  /*has to be same that duration set in js */
  .menu-icon.backward{
    -moz-animation: backWard 0.6s ease-in-out;
    -o-animation: backWard 0.6s ease-in-out;
    -webkit-animation: backWard 0.6s ease-in-out;
    animation: backWard 0.6s ease-in-out;
  }

  @-moz-keyframes forWard{
    0% {
      opacity: 1;
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    50% {
       opacity: 0;
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    100% {
       opacity: 1;
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes forWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
     opacity: 0;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  }
  @-o-keyframes forWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
     opacity: 0;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  }
  @-ms-keyframes forWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
     opacity: 0;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  }
  @keyframes forWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
     opacity: 0;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  }

  @-moz-keyframes backWard{
    0% {
      opacity: 1;
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    50% {
       opacity: 0;
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
    100% {
       opacity: 1;
      -moz-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }
  @-webkit-keyframes backWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
     opacity: 0;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  }
  @-o-keyframes backWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
     opacity: 0;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  }
  @-ms-keyframes backWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
     opacity: 0;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  }
  @keyframes backWard{
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
     opacity: 0;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
     opacity: 1;
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  }


.header-menu ul{
    width: 100vw;
    padding: 0;
    min-width: 100vw;
    box-sizing: border-box;
  }

.header-menu li{
  padding: 0 5vw;
    width: 100vw;
    min-width: 100vw;
    box-sizing: border-box;
    line-height: 40px;
    min-height: 40px;
    height: unset;
  }

.header-menu > ul > li ul, .header-menu > ul > li > ul > li > ul{
    min-width: 100vw;
    width: 100vw;
  }

  .header-menu ul{
    display: none;
  }

  ul.nav-ul{border-radius: 0;}

  /*.header-menu li, .header-menu > ul > li > ul li{
    line-height: 50px;
    height: 50px;
  }*/

  .header-menu > ul > li{
    /* display: table; */
    display: block;
    width: 100vw;
    padding: 0 5vw;
  }

  .header-menu > ul > li a{
    position: relative;
    line-height: 40px;
  }

  .header-menu > ul > li ul{
    /* display: table; */
    display: block;
    background-color: #ddd;
    font-size: 0.9em;
  }

  .header-menu > ul > li > ul li{
    /* display: table; */
    display: block;
  }


  .header-menu > ul > li.menu-item-has-children ul{
    display: none;
    position: relative;
    left: -5vw;
  }

  .header-menu > ul > li > ul > li li{
      /*line height for laptop children only*/
    padding: 0 5vw 0 8vw;
  }

  .header-menu > ul > li.menu-item-has-children ul > li > ul > li > ul{
    left: -8vw;
  }

  .header-menu > ul > li > ul > li > ul > li li{
      /*line height for laptop children only*/
    padding: 0 5vw 0 11vw;
  }

  .header-menu > ul > li.menu-item-has-children ul > li > ul > li > ul > li ul{
    left: -11vw;
  }

  .header-menu > ul > li > ul > li > ul > li > ul > li li{
      /*line height for laptop children only*/
    padding: 0 5vw 0 14vw;
  }


}/* media query */


/*
4.CONTENT POST - PAGE
*/

/*
  4.1 PAGE DEFAUT
*/

#home, #primary, #sidebar{font-size: 1.1em;}

.full-header #primary{
  padding: 110px 100px 0 100px;
}

#primary{
  position: relative;
  padding: 50px 100px 0 100px;
}

#main{
  margin-bottom: 40px;
  padding: 15px;
  background-color: #fafafa;
  /* box-shadow: 0px 0px 2px 1px rgba(34, 34, 34, 0.34); */
  display: block;
    position: relative;
    max-width: 1300px;
}
#main.hasSidebar{
  display: flex;
}

@media all and (max-width: 1199px){
  .full-header #primary{
    padding: 110px 30px 0 30px;
  }

  #primary{
    padding: 50px 30px 0 30px;
  }
  #main{
    margin-bottom: 20px;
  }

}/*query*/
  @media all and (max-width: 799px){
    .full-header #primary{
      padding: 110px 0 0 0;
    }

    #primary{
      padding: 50px 0 0 0;
    }
    #main{
      margin-bottom:0;
    }
    #main.hasSidebar{
      display: block;
    }
}/*query*/

.entry-title{
  text-align: center;
  margin: 1em 0 0.5em 0;
}

.page-title, .entry-title, .csw-title{color: #333;  font-family: 'Readex Pro', sans-serif;}

.entry-header, #main header{margin: 1em 0 3em 0; padding: 0 20px 0 20px;}

.entry-header h1, .entry-header h2, .entry-header h3, .entry-header h4{margin-bottom: 0.5em;}

.entry-content, #main .entry-summary{margin: 1em 0 1em 0; padding: 0 20px 0 20px;}

.post__thumbnail img{max-width: 200px;}

/* .home-section{width: 100%; background-color: rgba(255, 255, 255, 0.6);}
.home-section:nth-child(2n +1){
    background-color: transparent;
} */

.home-section{
    background-color: transparent;
    position: relative;
}

.home_anchor{
  position: absolute;
  width: 0;
  height: 0;
  float: left;
  top: -40px;
}

.h-s-wrapper{margin: 0 calc((100vw - 700px)/2);width: 700px;}

@media all and (max-width: 899px){
  .h-s-wrapper{margin: 0 50px;width: calc(100vw - 100px);}
}

@media all and (max-width: 799px){
  .h-s-wrapper{margin: 0 2%;width: 96%;}
}

/* ***** */
/* POP */
/* ******* */
.pop-in{
   display: block;
}

.pop-in > div{
   visibility: hidden;
}

.pop-in.is_visible > div{
  /* transform: translateY(150px); */
  visibility: visible;
  transform: scale(0);
  animation: pop-in 0.8s ease forwards;
}

.pop-in.is_hidden > div{
  /* transform: translateY(150px); */
  visibility: visible;
  transform: scale(1);
  animation: pop-in-back 0.8s ease forwards;
}

.pop-in:nth-child(odd) > div{
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes pop-in {
  to { transform: scale(1); }
}

@keyframes pop-in-back {
  to { transform: scale(0); }
}

/* ****** */
/* COME-IN-LEFT */
/* ******* */
.come-in-left{
   visibility: hidden;
}

.come-in-left.is_visible {
  transform: translateX(-300vw);
  visibility: visible;
  animation: come-in-left 0.8s ease forwards;
}

.come-in-left.is_hidden {
  transform: translateX(0);
  visibility: visible;
  animation: come-in-left-back 0.8s ease forwards;
}

.come-in-left:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in-left {
  to { transform: translateX(0); }
}

@keyframes come-in-left-back {
  to { transform: translateX(-300vw); }
}



/* ****** */
/* COME-IN-RIGHT */
/* ****** */
.come-in-right{
   visibility: hidden;
}

.come-in-right.is_visible {
  transform: translateX(300vw);
  visibility: visible;
  animation: come-in-right 0.8s ease forwards;
}

.come-in-right.is_hidden {
  transform: translateX(0);
  visibility: visible;
  animation: come-in-right-back 0.8s ease forwards;
}

.come-in-right:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in-right {
  to { transform: translateX(0); }
}

@keyframes come-in-right-back {
  to { transform: translateX(300vw); }
}

#main article{padding: 30px 100px; width: 100%;box-sizing: border-box;}
#main.hasSidebar article{padding: 30px; box-sizing: border-box;}
#main.hasSidebar .page-header{width: 100%; padding: 30px;box-sizing: border-box;}
/* .division{border-left: 1px solid #666;} */

@media all and (max-width: 1199px){
  #main article{padding: 30px 60px;}
  #main.hasSidebar article{padding: 30px 20px;}
  #main.hasSidebar .page-header{ padding: 30px 20px;}

}

@media all and (max-width: 799px){
  #main article{padding: 30px 0;}
  #main.hasSidebar article{padding: 30px 0;}
  #main.hasSidebar .page-header{ padding: 30px 0;}
  .division{border-left: 0;}
}

.home article{background-color: transparent;padding: 40px 0;}


/*
  4.4.HOME page
*/

.slider_text{
  display: flex;
     z-index: 2;
     position: absolute;
     width: 40vw;
     padding: 0 5vw;
     height: calc(100vh - 110px );
     flex-direction: column;
     justify-content: center;
     font-family: 'Readex Pro', sans-serif;
     font-weight: 600;
     font-size: 1.5em;
     box-sizing: content-box;
}

.slider_text p, .slider_text h2, .slider_text h3, .slider_text h4, .slider_text h5, .slider_text h6{
  max-width: 485px;
}

.slider_text_wrapper{

  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  -webkit-animation-name: moving-text;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-name: moving-text;
  animation-duration: 2s;
  animation-iteration-count: 1;
}

@media all and (min-width: 1200px){
  .slider_text{
       color: #222;
       background-color: rgba(255,255,255,0.3);
  }
  }/*media query*/

@media all and (max-width: 1199px){
  .slider_text{
      width: 60vw;
      padding: 10vh 20vw;
      color: #eee;
      text-shadow: 2px 2px 2px #222;
  }
  }/*media query*/

@media all and (max-width: 799px){
  .slider_text{
      width:80vw;
      padding: 10vh 10vw;
      font-size: 1.4em;
      height: calc(100vh - 110px );
  }
  }/*media query*/

  @media all and (max-width: 599px){
    .slider_text{
        width:90vw;
        padding: 10vh 5vw;
    }

    .slider_text p, .slider_text h2, .slider_text h3, .slider_text h4, .slider_text h5, .slider_text h6{
      max-width: 445px;
    }

    }/*media query*/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes moving-text {
  0%   {margin-left: -150vw;}
  50%   {margin-left: -150vw;}
  90%  {margin-left: 2vw}
  100%  {margin-left: 0;}
}

/* Standard syntax */
@keyframes moving-text {
  0%   {margin-left: -150vw;}
  50%   {margin-left: -150vw;}
  90%  {margin-left: 2vw}
  100%  {margin-left: 0;}
}

/*
style pour le slider opacité
*/
.full-header .slider_wrapper_bckg{
margin-top: -110px;
}

.slider_wrapper_bckg{
  position: relative;
  background-color: #222;
  height: 100vh;
margin-top: -50px;
}

.slider_wrapper_1, .slider_wrapper_2{
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_wrapper_1{
  z-index: 1;
}

.slider_wrapper_2{
  z-index: 0;
}

.slider_wrapper .slideshow_container + p, .slider_wrapper #main > p{display: none;}

/*
style pour le slider slide
*/
/*
.full-header .slider_wrapper_bckg{
margin-top: -110px;
}

.slider_wrapper_bckg{
  position: relative;
  background-color: #222;
  height: 100vh;
  width: 250vw;
  margin-top: -50px;
}

.slider_wrapper_1, .slider_wrapper_2{
    padding: 0;
    position: absolute;
    height: 100%;
    width:40%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_wrapper_1{
  z-index: 2;
  margin-right: 210%;
  margin-left: 0%;
}

.slider_wrapper_2{
  z-index: 1;
}

.slider_wrapper .slideshow_container + p, .slider_wrapper #main > p{display: none;}
*/

/*
5.SIDEBAR
*/

.csw-widget{margin-bottom: 2em;}

#sidebar ul, #sidebar-mobile ul{
  padding-left: 10px;
}

#sidebar li, #sidebar-mobile li{
  margin-bottom: 10px;
}

#sidebar ul, #sidebar li, #sidebar-mobile ul, #sidebar-mobile li{
  list-style: none;
}

#sidebar-2 ul, #sidebar-mobile ul{
  padding-left: 10px;
}

#sidebar-2 li, #sidebar-mobile li{
  list-style : none;
  margin: 0.8em 0;
}

.fake-sidebar{
  background-color: #f5f5f5;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  position: fixed;
  width: 315px;
  height: 100vh;
  top: 0;
}

#sidebar{
  display: none;
  width: 315px;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}

#sidebar-2{
  display: block;
  width: 315px;
  top: 0;
}

.sidebar-wrapper{margin: 80px 30px 30px 30px;}

@media all and (max-width: 1199px){
  .fake-sidebar{
    width: 265px;
  }
#sidebar{
    width: 265px;
  }
  #sidebar-2{
      width: 265px;
    }
}/*Query*/

@media all and (max-width: 799px){
  .fake-sidebar, #sidebar-2{
display: none;
  }
}/*Query*/

#sidebar-mobile{
display: none;
padding: 30px 0;
}

@media all and (max-width: 799px){
  #sidebar-mobile{
  display: block;
  }
}/*Query*/

.sidebar-thumb{
    width: 100%;
    margin-top: 20px;
}
#sidebar .description p, #sidebar-mobile .description p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.5em;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#sidebar-2 .description p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.5em;
  max-height: 3em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*
6.FOOTER
*/

/* unvisited link */
#footer a, #footer a:link, #footer a:visited{
color: #ddd;
}

#footer a, #footer a:link, #footer a:visited{
  font-weight: 500;
}

/* mouse over link */
#footer a:hover{
  /*color: #db013b;*/
}

/* selected link */
#footer a:active{
 color: #ddd;
}

#footer, .push{
min-height: 200px;
}

#footer{
  position: relative;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  /*background-color: #8c9628;*/
  overflow: hidden;
  width: 100%;
  font-size: 1em;
  font-family: 'Readex Pro', sans-serif;
  font-weight: 400;
}


#footer.page{
    position: relative;
    display: table;
    width: calc(100% - 315px);
    margin-left: 315px;
}

#footer .wrap{padding: 40px 20px;}

@media all and (max-width: 1199px){
#footer.page{
      margin-left: 265px;
      width: calc(100% - 265px);
  }
}

@media all and (max-width: 799px){
#footer.page{
      margin-left: 0;
      width: 100%;
  }
}

#footer .wrap{    background-color: transparent;}

.cfw-widget:first-of-type{
  padding: 0 20px 40px 0;
  text-align: right;
}

@media all and (max-width: 399px){
.cfw-widget:first-of-type{display: block;}
}

.cfw-widget > h2{display: none;}

@media all and (max-width: 499px){
#footer .textwidget > div{
  flex-direction: column;
}
}

#footer ul{
  list-style: none;
  padding: 0;
}

#footer li{
  list-style: none;
}

/*
7.ADDITIONNAL (PLUGINS,...)
*/

.chw-widget > h2{display: none;}

.chw-widget > form > div > label{display: none;}

.contact-form input, .contact-form select, .contact-form button, .contact-form textarea{
  max-width: 300px;
  width: 100%;
}

.contact-form textarea{
  width: 100%;
  max-width: 500px;
}

.contact-form input[type="submit"]{
  max-width: 100px;
}

.navigation.pagination{
  width: 100%;
  box-sizing: border-box;
  padding: 30px ;
}

@media all and (max-width: 1199px){
  .navigation.pagination{
  padding: 20px 20px 0 20px ;
  }

}/*Query*/

@media all and (max-width: 799px){
  .navigation.pagination{
  padding: 20px 0 0 0 ;
  position: relative;
  margin-bottom: 20px;
  }

}/*Query*/

.navigation.pagination > h2{display: none;}

nav.nav-links{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

span.prev-next{
  display: inline-block;
}

span.prev-next.prev-link{
    padding: 0 8px 0 0;
}

span.prev-next.next-link{
padding: 0 0 0 8px;
}

a.page-numbers, span.page-numbers{
  display: inline-block;
  padding: 0 8px;
}
.pg-numbers{white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}


.nav-through{
  display: flex;
  width: calc(100% - 40px);
  justify-content: space-between;
  margin: 40px 20px 0 20px;
}

.nav-through h4{
  display: inline-block;
  font-size: 0.9em;
}
.nav-through h4:last-of-type{
  text-align: right;
}

div.module-container{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 30px;
}

div.module-3, div.module-2, div.module-1{
  padding: 0 25px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

div[class^='module-'] h1,
div[class^='module-'] h2,
div[class^='module-'] h3,
div[class^='module-'] h4,
div[class^='module-'] h5,
div[class^='module-'] h6{
  text-align: center;
}

div[class^='module-'] p{
  padding: 0 20px;
}

div[class^='module-'] .fas{
  color: #db013b;
  font-size: 1.7em;
}

div.module-3{
  margin: 30px 0;
  min-width: 150px;
  flex: 1 1 33%;
}

div.module-3 > div{max-width: 200px;}

div.module-2{
  margin: 30px 0;
  min-width: 200px;
  flex: 1 1 50%;
}

div.module-2 > div{max-width: 300px;}

div.module-1{
  margin: 40px 0;
  min-width: 400px;
  flex: 1 1 100%;
}

div.module-1 > div{max-width: 400px;}

@media all and (max-width: 999px){
  div.module-3, div.module-2, div.module-1{
    margin: 40px 0;
    padding: 0;
    flex: 1 1 100%;
    max-width: unset;
    min-width: auto;
  }
  div.module-3 > div, div.module-2 > div, div.module-1 > div{
    max-width: 400px;
  }
}

@media all and (max-width: 599px){
  div.module-container, div.module-3, div.module-2, div.module-1{
    justify-content: flex-start;
  }
}