/************************************************************
	FONTS
************************************************************/
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}
@font-face {
font-family: 'Helvetica 75 Bold Outline';
font-style: normal;
font-weight: normal;
src: local('Helvetica 75 Bold Outline'), url('fonts/helvetica-75-bold-outline-587ebe00b76ba.woff') format('woff');
}
h2.title-text {
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    line-height: 32px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.infos p {
    font-size: 15px;
    color: #000;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.h1.top-title {
    font-size: 42px;
}
.txt-center {text-align: center;}
/************************************************************
	MARGIN / PADDING
************************************************************/
hr.space-between-section {
    border: 0px;
    padding-top: 80px;
    margin: 0px;
}
/************************************************************
	COLORS
************************************************************/
a:focus, a:hover {
    color: #ffd200;
}
.primary {
	color: #8e513f;/* Couleur des textes */
}
.primary:hover {
	color: rgb(0, 76, 224); /* Couleur de texte hover */
}
.bg-primary {
	color: #fff; /* Couleur texte */
	background-color: #8e513f;/* Couleur de fond */
}
.btn.bg-primary:hover {
	color: #000;/* Couleur texte hover */
	background-color: #ffd200; /* Couleur de fond hover */
}
.bg-secondary {
	color: #000; /* Couleur texte */
	background-color: #ffd200;/* Couleur de fond */
}
.btn.bg-secondary:hover {
	color: #000;/* Couleur texte hover */
	background-color: #ffc000; /* Couleur de fond hover */
}
.bg-third {
    background-color: #efefef;
    padding: 80px 0px;
}
/************************************************************
	MENU COLORS
************************************************************/
	/* CUSTOM EQS : MENU */
	nav#main-menu {
		background-color: #fff;/* COULEUR DE FOND  */
	}
	.menu-item a {
		color: #000; /* COULEUR DE BASE  */
		    padding: 38px 13px;
	}
	.menu-item a:hover {
		    color: #ffd200;
	}
	.menu-item.current-menu-item > a, .current_page_ancestor > a {
		color: #000; /* COULEUR ACTIF  */
	}
/************************************************************
	MOBILE-MENU
************************************************************/
.fa-navicon:before, .fa-reorder:before, .fa-bars:before, i.burger:before {
    color: #000 /* Couleur icone mobile nav  */
}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 26px 20px;
}
.shiftnav-nav .menu-item-has-children:after {
    top: 0px;
}
#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 29px 20px;
}
/************************************************************
	HEADER
************************************************************/
	/*LOGO*/
img#icon-brand-icon {
    height: 90px;
    padding: 20px 20px 20px 0px;
}
/************************************************************
	LINKS & BUTTONS
************************************************************/
a {
    color: #f1ae00;
}

/************************************************************
	CONTENT - gallery
************************************************************/
.gallery img{ border:2px solid #fff !important; }

/***** IMG IN POST ******/
img.alignright {float:right; margin:10px 0 10px 15px}
img.alignleft {float:left; margin:10px 15px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:10px 0 10px 15px}
a img.alignleft {float:left; margin:10px 15px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/************************************************************
	BLOG MASONRY
************************************************************/
.masonry.col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.masonry.col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
ul.masonry {
    list-style-type: none;
}
.masonry {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    padding: 0;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    margin: 0px;
}
.item {
    display: inline-block;
    margin: 0 0 30px;
    width: 100%;
-webkit-transition:1s ease all;
    position: relative;
}
.item img {
    max-width: 100%;
    opacity: 1;
        -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
 margin: 0px;
    width: 100%;
}
section#home-liste-prestation {
    padding: 50px 0px;
}
@media(max-width:960px) {
    .masonry.col-3 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

a.item-parralax img {
    width: 100%;
}
a.item-parralax {
    display: block;
    padding: 25px;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/
.effect-apollo {
position: relative;
overflow: hidden;
}
.effect-apollo {
}

.effect-apollo img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
.effect-apollo p {
    position: absolute;
    bottom: initial;
    padding: 0 1em;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    text-align: center;
    top: 50%;
    margin: 0px;
    transform: translate(-50%, -50%);
    max-width: 250px;
    left: 50%;
        margin-top: -27px;
}

.effect-apollo h2 {
	text-align: left;
}

.effect-apollo:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
/************************************************************
	Big menu
************************************************************/
.menu, .menu-item-has-children {
    position: initial;
}
nav#main-menu .grid-x {
    position: relative;
}
body #main_menu_top > .menu-item-has-children > .sub-menu {
    width: 100%;
    left: 0px;
    border-top: 3px solid #f1ae00;
}



.sub-menu-wrap.grid-x {
    width: 100%;
    left: 0px;
    border-top: 3px solid #f1ae00;
    position: absolute!important;
    top: 100%;
    z-index: 200;
 background: #fff;
}
div#submenu-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sub-menu-wrap ul.sub-menu {
    margin: 0px;
    padding: 30px 90px;
}
/************************************************************
	SERVICES
************************************************************/
section#service-top, .fullsection {
    min-height: calc(100vh - 90px);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: auto;
    padding: 30px 0px;
}
section#service-top, .fullsection:first-child {
    min-height: calc(100vh - 90px);
}
section.fullsection:nth-child(even) {
    justify-content: end;
}
.fullsection {
	 min-height: 100vh;
     margin-bottom: 10px;
}
.fullsection h2 {
    font-size: 20px;
    color: #000;
    margin: 0px;
    font-weight: bold;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
}
.fullsection p {
    font-size: 16px;
    line-height: 1.8;
}
.fullsection .block-intro {
    max-width: 500px;
}
.bloc-price {
    padding: 0px 40px;
}
.block-intro {
    background-color: #fff;
    padding: 50px;
    width: 100%;
    max-width: 400px;
}
a.bouton {
    color: #000;
    margin: 0px;
    border: 1px solid #000;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    transition: all ease-in-out 0.2s;
}
.block-intro .bouton, .bloc-price .bouton {
    display: block;
}
a.bouton:hover {
    background-color: #000;
    color: #fff;
}
p.price {
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
        line-height: normal;
    text-align: center;
    padding-right: 11px;
}
p.price span.price-ammount {
    font-size: 100px;
    font-weight: bold;
        letter-spacing: -8px;
	 font-family: 'Helvetica 75 Bold Outline';
}
p.price sup {
    font-size: 22px;
    font-weight: bold;
    top: -51px;
    left: 5px;
}
span.pre-price {
    transform: rotate(-90deg);
    display: inline-block;
    bottom: 52px;
    font-weight: bold;
    position: relative;
}
.h1, .title {
    font-size: 30px;
    font-weight: bold;
}
.block-intro .title {
    text-align: center;
}
section#content-process {
    padding: 130px 0px;
}
section#content-process .title {
    font-size: 23px;
 text-align: left;
 margin: 0px;
}
section#content-process .grid-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
section#content-process i {
    font-size: 23px;
    margin: 0px 60px;
}




section#content-description {
    padding: 120px 0px;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    text-align: center;
}
section#content-description .title {
    font-size: 16px;
    text-align: left;
    margin: 0px;
    text-align: center;
}
section#content-description .grid-container {
    display: block;
    align-items: center;
    justify-content: center;
}
section#content-description i {
    font-size: 16px;
    margin: 0px 60px;
}



.grid {
  text-align: center;
max-width: calc(100% - 10px);
    margin: 0 auto;
}
.grid-item {
  padding: 5px;
  box-sizing: border-box;
	display:inline;
}
  .grid-item {
    width: 33.333%;
  }
    .grid-item.big {
    width: 66.666%;
  }
.grid-item img {width:100%;}

ul.list-tableau {
    list-style-type: none;
    margin: 10px 0px 30px 0px;
}
ul.list-tableau li {
    border-bottom: 1px solid #e4e4e4;
padding: 12px 0px;
       font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#section-tarifs {
    padding: 100px 0px 50px 0px;
}
/************************************************************
	TEMOIGNAGES
************************************************************/
.temoignage {
    position: relative;
}
.temoignage blockquote {
    position: absolute;
    top: 0px;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 border: 0px;
    opacity: 0;
    transition: opacity ease-in-out 0.5s;
}
.temoignage img {
	opacity: 1;
	transition: opacity ease-in-out 0.5s;
}
.temoignage:hover blockquote {
	opacity: 1;
}
.temoignage:hover img {
	opacity: 0;
}
.temoignage blockquote p, .temoignage blockquote, .exergue, .exergue p{
    font-size: 17px;
    font-weight: 300;
    color: #000;
}
.temoignage blockquote footer {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #ffd39c;
}
.temoignage blockquote i {
    margin-bottom: 10px;
}
/************************************************************
	HORIZONTAL SECTION
************************************************************/
#container .box {
    width: 33.333vw;
    display: inline-block;
    position: relative;
        background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px 5px;
        height: calc(100vh - 90px);
}
/*#container .box > div {
  width:100px;
  height:100px;
  font-size:96px;
  color:#FFF;
  position:absolute;
  top:50%;
  left:50%;
  margin:-50px 0 0 -50px;
  line-height:.7;
  font-weight:bold;
}*/
#container {
  overflow-y:scroll;
  overflow-x:hidden;
  transform: rotate(270deg) translateX(-100%);
  transform-origin: top left;
background-color: #fff;
  position:absolute;
    width: calc(100vh - 90px);
  height:100vw;
}
#container2 {
transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
   display: flex;
    flex-direction: row;
width: 300vw;
    height: calc(100vh - 90px);
}
.box.one > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
article.box.one {
    padding: 70px;
}
article.box.one h1 {
    font-size: 17px;
}
.box h2.title-text {
    background-color: #fff;
    display: inline;
    position: absolute;
    bottom: 100px;
    left: 0px;
    padding: 20px;
}
/************************************************************
	HORIZONTAL SECTION 2
************************************************************/
.main-wrapper {
  width: 100vw;
  height: calc(100vh - 90px);
  overflow: auto;
}

.section h2.title-text {
    background-color: #fff;
    padding: 20px;
    transition: all ease-in-out 0.2s;
        position: relative;
    right: 5px;
}
.section:hover h2.title-text {
    background-color: #000;
    color: #fff;
}
.section {
  float: left;
  height: 100vh;
width: 33.333vw;
  display: flex;
  align-items: center;
      justify-content: center;
          background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.section:first-child {
    background-color: #ffd200;
}
.section:first-child h1 {
    font-size: 17px;
}
.sections {
  white-space: nowrap;
  min-width: 100vw;
  height: calc(100vh - 90px);
}
.section__title, .section__heading {
    width: 100%;
    padding: 20px;
    max-width: 410px;
    margin: auto;
}
.section__heading p {
    white-space: normal;
}
.section {
	opacity: 1;
	transition: opacity ease-in-out 0.2s;
	    position: relative;
}
.lowlight {
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	}
.highlight {
	filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	}
.section:after {
	content: "";
	background-color: #fff;
    height: 100%;
    width: 10px;
    position: absolute;
    right: 0px;
}
/************************************************************
	PAGE QUI
************************************************************/
section#qui-dh > .cell {
    min-height: calc(100vh - 90px);
}
div#img-col {
    background-size: cover;
    background-position: center center;
}
div#text-col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
div#text-col article {
    max-width: 620px;
    padding: 20px;
    margin: 0 auto;
}
div#text-col h2 {
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px;
    text-align: center;
}

/************************************************************
	STYLES
************************************************************/
.btn-soft-dark[href]:hover, .btn-soft-dark[href]:focus, .btn-soft-dark[href]:active, .btn-soft-dark[href].active, .btn-soft-dark[type]:hover, .btn-soft-dark[type]:focus, .btn-soft-dark[type]:active, .btn-soft-dark[type].active {
    color: #fff;
    background: #1e2022;
    box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
}
.rounded-circle {
    border-radius: 50% !important;
}
.btn-icon {
    position: relative;
    line-height: 0;
    width: 50px;
    height: 50px;
    padding: 0;
}
.btn {
    display: inline-block;
    font-weight: 500;
    color: #1e2022;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3125rem;
    transition: all 0.2s ease-in-out;
}
.btn-icon__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
footer#footer img#icon-brand-icon {
    margin: 0 auto;
    display: block;
    padding: 20px 10px 20px 10px;
}
footer#footer {
    padding: 50px 0px;
}
.section-top-title {
    padding: 60px 0px;
}
.section-top-title .bouton {
    padding: 20px 40px;
    line-height: 5;
}
body {
    height: auto!important;
}
a.link.icon {
    padding: 35px 11px;
    font-size: 16px;
    color: #000;
}
a.link.icon i.fab.fa-facebook-f {
    font-size: 14px;
    bottom: 2px;
    position: relative;
}
ul#list-contact {
    list-style-type: none;
    margin-left: 0px;
}
ul#list-contact li, ul#list-contact a {
    color: #000;
    font-size: 22px;
 margin-bottom: 5px;
}
ul#list-contact li i {
    margin-right: 20px;
}
.page-template-page-contact .block-intro {
    max-width: 430px;
}
.infos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 15px;
}
.infos h2.title-text {
    margin: 0px;
}
a.grid-item {
	transition: all ease-in-out 0.2s;
}
a.grid-item .infos {
	transition: all ease-in-out 0.2s;
}
a.grid-item:hover .infos {
	background-color: #000;
	color: #fff;
}
a.grid-item:hover .infos h2 {
	color: #fff;
}
/************************************************************
	MEDIAS QUERIES
************************************************************/
@media(min-width:1200px) {
	.grid-container {
    max-width: 90%;
}
}
@media(min-width:1400px) {
	.grid-container {
    max-width: 1300px;
    width: 100%;
}
}
@media(max-width:1200px) {

}
@media(max-width:959px) {
ul#second-menu {
    margin-right: 50px;
}
.section {
    width: 50vw;
}
.section h2.title-text {
    font-size: 14px;
    padding: 15px;
}
section#content-process .title {
    font-size: 19px;
}
section#content-process i {
    margin: 0px 30px;
}
}
@media(max-width:639px) {
.grid-item {
    width: 50%;
}
.section {
    width: 90vw;
}
body.post-type-archive-temoignage .grid-item {
    width: 100%;
}
section#content-process .grid-container {
	flex-direction: column;
	align-items: center;
}
section#content-process .title {
    width: 210px;
    text-align: center;
}
section#content-process i {
    margin: 15px 30px;
    transform: rotate(90deg);
}
section#content-process {
    padding: 60px 0px;
}
.block-intro {
    max-width: none;
 margin-top: 70vh;
}
section#service-top {
    background-position: center -20vh;
}
section#service-top {
    padding: 0px 0px;
    align-items: flex-end;
    justify-content: center;
}
.block-intro {
    padding: 30px;
}
.home .grid-item {
    width: 100%;
}
}
@media(max-width:400px) {
	.block-intro {
    padding: 20px;
}
.temoignage blockquote p, .temoignage blockquote {
    font-size: 15px;
    font-weight: 300;
    color: #000;
}
section.fullsection {
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    height: auto;
    min-height: auto;
    padding-top: 280px;
}
.block-intro {
    margin-top: 0px;
}
}