/**
 * General
 **/

/* Hamburger */
.hamburger { }
.hamburger:hover { opacity:1; }
.hamburger:focus { outline:none; }

/* Contextual */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

[data-contextual] { position:relative; overflow:hidden; }
[data-contextual] .contextual { position:absolute; right:10px; top:10px; text-align:center; font-size:14px;  list-style:none; margin:0; padding:0; opacity:0; visibility:hidden; transform:translateY(-35px); transition:all 0.5s ease 0s; }
[data-contextual] .contextual li { float:left; }
[data-contextual] .contextual a { display:block; width:24px; height:24px; line-height:24px; color:#fff; border-radius:50%; margin-left:5px; transition:all 0.2s ease 0s; }
[data-contextual] .contextual .edit { background:#2980b9; }
[data-contextual] .contextual .edit:hover { transform:scale(1.2); }
[data-contextual] .contextual .add { background:#27ae60; }
[data-contextual] .contextual .add:hover { transform:scale(1.2); }

.editor .ct-widget.ct-ignition { bottom:40px; }
.editor [data-contextual] .contextual { opacity:1; visibility:visible; z-index:100; transform:translateY(0); }
.editor [data-contextual],
.editor [data-fixture],
.editor [data-editable] { outline:2px dashed #f39c12; }

/* Pagination */
.pagination { margin:30px 0; text-align:center; }
.pagination .loading { position: relative; }
.pagination .loading:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:#fff; }
.pagination .loading:after { font-family:'Font Awesome 5 Regular'; content:"\f3f4"; display:inline-block; width:24px; height:24px; line-height:24px; animation:fa-spin 2s infinite linear; position:absolute; left:50%; top:50%; margin-top:-12px; margin-left:-12px; z-index:3; }

.pagination.simple ul { margin:0; padding:0; }
.pagination.simple li { display:inline-block; margin:0 2px; }
.pagination.simple i { line-height:inherit; }
.pagination.simple a { display:block; width:30px; height:30px; line-height:30px; border:1px solid #ccc; color:#777; }
.pagination.simple a.active { background:rgba(0,0,0,0.1); }

.pagination.scroll { text-align:center; }

.pagination.dropdown { display:flex; justify-content:flex-end; }



/**
 * Responsive
 * Modifier le media query en selon du besoin
 **/
@media (min-width: 1px) {
  
  .hamburger { display:inline-block; }
  .menu { z-index:5; transition:all 0.5s ease 0s; overflow:hidden; background:rgba(0,0,0,0.5); display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .menu ul { opacity:0; transition:all 0.4s ease 0.3s; transform:translateY(30px); list-style:none; margin:0; padding:0;  }
  .open .menu ul { opacity:1; transform:translateY(0); }
  
  /**
   * Fullscreen
   **/
  .fullscreen .menu { position:fixed; left:0; top:0; width:100%; height:100%; }
  .fullscreen .hamburger { z-index: 10; }
  
  /* Fullscreen Fade */
  .fullscreen.fade .menu { opacity:0; visibility:hidden; }
  .fullscreen.fade.open .menu { opacity:1; visibility:visible; }
  
  /* Fullscreen Top */
  .fullscreen.top .menu { transform:translateY(-100%); }
  .fullscreen.top.open .menu { transform:translateY(0); }
  
  /* Fullscreen Right */
  .fullscreen.right .menu { transform:translateX(100%); }
  .fullscreen.right.open .menu { transform:translateX(0); }
  
  /* Fullscreen Bottom */
  .fullscreen.bottom .menu { transform:translateY(100%); }
  .fullscreen.bottom.open .menu { transform:translateY(0); }
  
  /* Fullscreen Left */
  .fullscreen.left .menu { transform:translateX(-100%); }
  .fullscreen.left.open .menu { transform:translateX(0); }
  
  /**
   * Over
   **/
   
  .over .menu { position:fixed; }
  .over .hamburger { z-index: 10; }
  
  /* Over Top */
  .over.top .menu { left:0; top:0; width:100%; height:auto; transform:translateY(-100%); }
  .over.top.open .menu { transform:translateY(0); }
  
  /* Over Right */
  .over.right .menu { right:0; top:0; width:300px; height:100%; transform:translateX(100%); }
  .over.right.open .menu { transform:translateX(0); }
  
  /* Over Bottom */
  .over.bottom .menu { left:0; bottom:0; width:100%; height:auto; transform:translateY(100%); }
  .over.bottom.open .menu { transform:translateY(0); }
  
  /* Over Left */
  .over.left .menu { left:0; top:0; width:300px; height:100%; transform:translateX(-100%); }
  .over.left.open .menu { transform:translateX(0); }
  
  /**
   * Push
   **/
   
  .push { transition:all 0.5s ease 0s; }
  .push.open { overflow:hidden; }
  .push .menu { position:fixed; }
  
  /* Push Top */
  .push.top .menu { left:0; top:0; height:300px; width:100%; transform:translateY(-100%); overflow-y:hidden; }
  .push.top.open { transform:translateY(300px); }
  
  /* Push Right */
  .push.right .menu { right:0; top:0; height:100vh; width:300px; transform:translateX(100%); overflow-x:hidden; }
  .push.right.open { transform:translateX(-300px); }
  
  /* Push Bottom */
  .push.bottom .menu { left:0;margin-top:100vh; height:300px; width:100%; overflow-y:hidden; }
  .push.bottom.open { transform:translateY(-300px); }
  
  /* Push Left */
  .push.left .menu { left:0; top:0; height:100vh; width:300px; transform:translateX(-100%); overflow-x:hidden; }
  .push.left.open { transform:translateX(300px); }
}
/**
 * General Elements
 **/

body { font-family:'Mont'; font-weight:500; font-size:16px; line-height:2em; color:#93918a; overflow-x:hidden !important; }
.pace { display:none; }

:focus { outline:none; }

/* Titles */
h1 { }
h2 { font-size:50px; line-height:1em; font-weight:bold; }
h3 { }
h4 { }
h5 { }
h6 { }

/* Links */
a { }
a:visited { }
a:hover { text-decoration:none; }
a:focus { text-decoration:none; }

/* Utility */
.hide { display:none; }

/* Images */
img { max-width:100%; height:auto; }
img[data-sizes="auto"] { display: block; width: 100%; }

/* Buttons */
.btn { display:inline-block; background:#fff; font-size:16px; padding:15px 40px; border-radius:40px; font-weight:700; }

.container-fluid { padding:0 40px; }

/* Fullpage JS */
#fp-nav { z-index: 2; }
#fp-nav ul li .fp-tooltip { line-height:18px; font-size:12px; background:rgba(0,0,0,0.5); color:#fff; padding:0 5px; border-radius:20px; top:0px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { background:#dbdbdb; }
#fp-nav ul li, .fp-slidesNav ul li { width:16px; height:16px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { width:8px; height:8px; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width:12px; height:12px; }
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { width:16px; height:16px; }

/* Forms */
.field { margin-bottom:50px; }
.field label { font-weight:600; text-transform:uppercase; color:#000; font-size:18px; }

.field.required label::after { color:#00b8f1; margin-left:5px; }

.field.textfield input { border:none; border-bottom:1px solid #d3d3d3; padding:5px 0; color:#a9a9a9; }

.field.checkbox span, .field.radio span { text-transform:none; font-size:16px; }
.field.checkbox span::before, .field.radio span::before { background:#e3e3e3; border:none;  }
.field.checkbox span::after, .field.radio span::after { background:#00b8f1; left:5px; top:5px; width:10px; height:10px; }

.field.textarea label { margin-bottom:20px; }
.field.textarea textarea { color:#a9a9a9; }

.field.submit { text-align:right; }
.field.submit .btn { background:#00b8f1; color:#fff; border:none; padding:15px 50px; cursor:pointer; }

.field.textfield.error input { border-color:#00b8f1; }
.field.textfield.error .message { color:#00b8f1; }
.field.textarea.error textarea { border-color:#00b8f1; }
.field.textarea.error .message { color:#00b8f1; }

.field.textfield.success input { border-color:#d3d3d3; }

/**
 * Layout
 **/
 
/* Header */
#header { position:fixed; width:100%; z-index:10; padding:30px 0; transition:all 0.5s ease 0s; }
#header.not-top { transform:translateY(-100%); }
#header.top { transform:translateY(0); }

#header .left { display:flex; flex-direction:column; justify-content:center; }
#header .right { display:flex; flex-direction:row; justify-content:flex-end; }

#header .logo { margin:0; }
#header .logo img { max-width:300px; }
#header .phone a { background:#fff; border-radius:40px; padding:10px 25px; font-weight:bold; display:inline-block; }
#header .phone span { display:inline-block; }
#header .phone i { transform:scaleX(-1); margin-right:20px; }

#header .hamburger { display:flex; flex-direction:row; align-items:center; margin-left:40px; z-index:12; padding:0; }
#header .hamburger .text { margin-right:20px; color:#fff; font-weight:bold; }
#header .hamburger-inner, #header .hamburger-inner:after, #header .hamburger-inner:before { background:#fff; }
#header .hamburger .open { display:block; }
#header .hamburger .close { display:none; }
#header .hamburger.is-active .open { display:none; }
#header .hamburger.is-active .close { display:block; }

#header .navigation { height:100vh; background:url(../themes/creajardins/assets/img/menu-bg.png) no-repeat center center; background-size:cover; position:fixed; top:0; right:0; width:100%; transform:translateX(100%); transition:all 0.5s ease 0s; display:flex; flex-direction:column; justify-content:center; z-index:10; }
#header .menu { background:none; text-align:right; align-items:flex-end; list-style:none; margin:0; padding:0; font-size:40px; font-weight:bold; }
#header .menu li { margin:10px 0; opacity:0; position:relative; top:10px;}
#header .menu li a { color:#fff; transition:all 0.5s ease 0s; }
#header .menu li.active a, #header .menu li a:hover { color:#018bb6; }
#header .menu li:nth-child(1) { transition:all 0.5s ease 0.3s; }
#header .menu li:nth-child(2) { transition:all 0.5s ease 0.4s; }
#header .menu li:nth-child(3) { transition:all 0.5s ease 0.5s; }
#header .menu li:nth-child(4) { transition:all 0.5s ease 0.6s; }
#header .menu li:nth-child(5) { transition:all 0.5s ease 0.7s; }
#header .menu li:nth-child(6) { transition:all 0.5s ease 0.8s; }
#header .menu li:nth-child(7) { transition:all 0.5s ease 0.9s; }

#header.green { padding:15px 0; background:#fff; }
#header.green .phone a { background:#09aa8e; color:#fff; }
#header.green .hamburger .text { color:#09aa8e;  }
#header.green .hamburger-inner, #header.green .hamburger-inner:after, #header.green .hamburger-inner:before { background:#09aa8e; }

body.open #header .navigation { transform:translateX(0); }
body.open #header { transform:none !important; }
body.open #header .hamburger .text { color:#fff !important; }
body.open #header .hamburger-inner, body.open #header .hamburger-inner:after, body.open #header .hamburger-inner:before { background:#fff !important; }
body.open #header .menu li { opacity:1; top:0; }

/* Footer */
#footer { padding:0; }
#footer .fp-tableCell { display:flex; flex-direction:column;  }

#footer .footer-top { background:#00b8f1; color:#fff; padding:30px 0; }
#footer .footer-top h2 { background:url(../themes/creajardins/assets/img/pictos/contact.png) no-repeat left center; padding-left:200px; }
#footer .footer-top .link { display:flex; flex-direction:row; align-items:center; justify-content:center; }
#footer .footer-top .link .btn { color:#00b8f1; }

#footer .footer-bottom { text-align:center; display:flex; flex-direction:column; flex-grow:1; align-items:center; justify-content:center; padding:20px 0; }
#footer .footer-bottom a { color:#93918a; }
#footer .footer-bottom .address { margin:20px 0; }
#footer .footer-bottom .links { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; justify-content:center; }
#footer .footer-bottom .links li:after { content:'|'; display:inline-block; margin:0 10px; }
#footer .footer-bottom .links li:last-child:after { content:none; }
#footer .footer-bottom .links a { color:#93918a; }
#footer .footer-bottom .legal { display:flex; flex-direction:column; align-items:center; justify-content: center; margin-top:30px; }
#footer .footer-bottom .legal img { margin-bottom:20px; }
#footer .footer-bottom .legal p { margin-bottom:0; }

/**
 * Pages
 **/
 
/* General */
.section1 h1 { color:#fff; font-size:150px; text-align:center; font-weight:700; line-height:1.2em; }

.section2 h2 { margin-bottom:50px; }
.section2 p { font-size:22px; line-height:2.3em; }
.section2 .rellax { margin-top:-400px; }

.section3 .row { justify-content: space-evenly; }
.section3 h3 { font-size:24px; font-weight:bold; margin:20px 0 20px 0; }
.section3 p { line-height:2em; text-align:justify; }

.section4 { overflow:hidden; }
.section4 h2 { text-align:center; font-size:26px; margin-bottom:50px; }


.swiper-container .swiper-wrapper { box-sizing: border-box; }
.swiper-container .caption { color:#fff; font-size:150px; text-align:center; font-weight:700; line-height:1.2em; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }

.slider img { height:100vh; width:100%; object-fit:cover; }
.slider .swiper-button-prev { left:10%; background:url(../themes/creajardins/assets/img/arrow-left.png) no-repeat center center; width:20px; height:33px; }
.slider .swiper-button-next { right:10%; background:url(../themes/creajardins/assets/img/arrow-right.png) no-repeat center center; width:20px; height:33px; }
.slider .swiper-slide .caption span { transform:translateY(10px); opacity:0; transition:all 0.7s ease 0.6s; display:block; }
.slider .swiper-slide-active .caption span { transform:translateY(0); opacity:1; }

.carousel { margin:0 -100px; }
.carousel .swiper-button-prev { left:0; top:0;  background:none; width:20%; height:100%; }
.carousel .swiper-button-next { right:0; top:0; background:none; width:20%; height:100%; }

.picto { position:absolute; z-index:5; }

.arrow { display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; bottom:50px; left:50%; transform:translateX(-50%); color:#fff; z-index:3;  }
.arrow img { width:70px; height:70px; animation:bounce 4s infinite; }
.arrow span { font-weight:bold; }
.arrow:hover, .arrow:active, .arrow:focus { color:#fff; }

.gototop { position:fixed; z-index:5; right:50px; bottom:20%; opacity:0; transition:all 0.5s ease 0s; }
.gototop.visible { opacity:0.2; }

@keyframes bounce {	0%, 65%, 80%, 100% { transform:translate(0); } 75% { transform:translateY(-8px); } 85% { transform:translateY(-4px); } }
@keyframes move { 0% { transform: translateY(0); } 100% { transform: translateY(5px); } }
 
/* Accueil */
#accueil:before { content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:#09aa8e; z-index:990; transition:opacity 0.5s ease 0s, height 0s linear 0.5s; opacity:1; }
#accueil:after { content:''; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); margin-top:-80px; display:block; background:url(../themes/creajardins/assets/img/logo-pace.png) no-repeat center center; background-size:contain; width:300px; height:150px; z-index:994; opacity:1; transition:opacity 0.5s ease 0s, height 0s linear 0.5s; }
#accueil .pace { z-index: 992; background:#008d75; border-radius:5px; display:block; transform:translateY(50px); }
#accueil .pace-inactive { display:none; }
#accueil .pace-progress { background:#fff; }
#accueil.pace-done:before { opacity:0; height:0; }
#accueil.pace-done:after { opacity:0; height:0; }

#accueil .section1 .contextual { margin-top:80px; }
#accueil .section1 .slide1 { background:url(../themes/creajardins/assets/img/accueil-slide1.jpg) no-repeat center center; background-size:cover; }
#accueil .section1 .slide2 { background:url(../themes/creajardins/assets/img/accueil-slide2.jpg) no-repeat center center; background-size:cover; }
#accueil .section1 .slide3 { background:url(../themes/creajardins/assets/img/accueil-slide3.jpg) no-repeat center center; background-size:cover; }
#accueil .section1 .slide4 { background:url(../themes/creajardins/assets/img/accueil-slide4.jpg) no-repeat center center; background-size:cover; }
#accueil .section1 .picto1 { right:10%; bottom:150px; }
#accueil .section1 .picto2 { left:20%; bottom:100px; }
#accueil .section1 .picto3 { left:10%; bottom:-50px; }

#accueil .section2 .container { position:relative; }
#accueil .section2 .row { justify-content: space-between; }
#accueil .section2 .image { position:relative; }
#accueil .section2 .image img { margin-top:50px; }
#accueil .section2 .text { position:relative; }
#accueil .section2 .text h2 { color:#00a78a; margin-bottom:30px; }
#accueil .section2 .text p { line-height: 2.5em; font-size:18px; text-align:justify;}
#accueil .section2 .picto4 { right:-40px; bottom:-80px; }
#accueil .section2 .picto5 { right:200px; top:-50px; }
#accueil .section2 .picto6 { right:100px; bottom:150px; }
#accueil .section2 .picto7 { right:300px; bottom:100px; }
#accueil .section2 .picto8 { left:0; top:50px; }
#accueil .section2 .picto9 { right:30px; top:0; }
#accueil .section2 .picto12 { right:300px; top:100px; }

#accueil .section3 ul { list-style:none; margin:0; padding:0; height:100%; }
#accueil .section3 li { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:30px 30px 30px 30px; text-align:center; }
#accueil .section3 h3 { color:#fff; font-size:50px; font-weight:700; line-height:1.1em; margin-bottom:80px; }

#accueil .section3 .bureau { background:#ffd800; }
#accueil .section3 .bureau .btn { color:#ffd800; }
#accueil .section3 .amenagements { background:#00a78a; }
#accueil .section3 .amenagements .btn { color:#00a78a; }
#accueil .section3 .piscines { background:#00b8f1; }
#accueil .section3 .piscines .btn { color:#00b8f1; }
#accueil .section3 .murs { background:#f2f2f2; }
#accueil .section3 .murs h3 { color:#00a78a; }
#accueil .section3 .murs .btn { background:#00a78a; color:#fff; }

#accueil .section4 .facebook { padding:20px; border:2px solid #f2f2f2; }
#accueil .section4 .title img { align-self:flex-start; margin-bottom:15px; }
#accueil .section4 .title { color:#00b8f1; display:flex; flex-direction:column; justify-content:center; text-align:left; }
#accueil .section4 .title h2 { text-align:left; font-size:50px; }
#accueil .section4 .title i { font-size:80px; margin-bottom:50px; margin-left:30px; }
#accueil .section4 .widget { text-align:center; }
#accueil .section4 .link { display:flex; flex-direction:column; justify-content:center; align-items:center; }
#accueil .section4 .link .btn { background:#00b8f1; color:#fff; }

/* Bureau d'étude */
#bureau-etudes #header .phone a { color:#ffd800; }

#bureau-etudes .section1 { background:#ffd800; }

#bureau-etudes .section2 { background:url(../themes/creajardins/assets/img/bureau-section2.jpg) no-repeat center center; background-size:cover; }
#bureau-etudes .section2 h2 { color:#ffd800; }

#bureau-etudes .section3 h3 { color:#ffd800; }

#bureau-etudes .section4 h2 { color:#ffd800; }

#bureau-etudes #footer .footer-top { background:#ffd800; }
#bureau-etudes #footer .footer-top .link .btn { color:#ffd800; }

/* Aménagements extérieurs */
#amenagements-exterieurs #header .phone a { color:#00a78a; }

#amenagements-exterieurs .arrow { color:#00a78a; }

#amenagements-exterieurs .section1 { background:#09aa8e; }

#amenagements-exterieurs .section1 h1 { color:#fff; }

#amenagements-exterieurs .section2 { background:url(../themes/creajardins/assets/img/amenagements-section2.jpg) no-repeat center center; background-size:cover; }
#amenagements-exterieurs .section2 h2 { color:#09aa8e; }

#amenagements-exterieurs .section3 h3 { color:#09aa8e; }

#amenagements-exterieurs .section4 h2 { color:#09aa8e; }

#amenagements-exterieurs #footer .footer-top { background:#09aa8e; }
#amenagements-exterieurs #footer .footer-top .link .btn { color:#09aa8e; }

/* Murs végétalisés */
#murs-vegetalises .arrow { color:#00a78a; }

#murs-vegetalises .section1 h1 { color:#00a78a; }

#murs-vegetalises .section2 { background:url(../themes/creajardins/assets/img/murs-section2.jpg) no-repeat center center; background-size:cover; }
#murs-vegetalises .section2 h2 { color:#00a78a; }

#murs-vegetalises .section3 h3 { color:#00a78a; }

#murs-vegetalises .section4 h2 { color:#00a78a; }

#murs-vegetalises #footer .footer-top { background:#00a78a; }
#murs-vegetalises #footer .footer-top .link .btn { color:#00a78a; }

/* Piscines Spa */
#piscines-spa #header .phone a { color:#00b8f1; }

#piscines-spa .section1 { background:#00b8f1; }
#piscines-spa .section1 h1 { color:#fff; }

#piscines-spa .section2 { background:url(../themes/creajardins/assets/img/piscines-section2.jpg) no-repeat center center; background-size:cover; }
#piscines-spa .section2 .rellax { margin-top:-150px; }
#piscines-spa .section2 .image { margin-bottom:50px; text-align:left; }
#piscines-spa .section2 h2 { color:#00b8f1; }
#piscines-spa .section2 p { color:#fff; }

#piscines-spa .section3 h3 { color:#00b8f1; }
#piscines-spa .section3 p { line-height:2em; }

#piscines-spa .section4 h2 { color:#00b8f1; }

#piscines-spa #footer .footer-top { background:#00b8f1; }
#piscines-spa #footer .footer-top .link .btn { color:#00b8f1; }

/* Contact */

#contact .section1 h1 { color:#00a88b; }
#contact .section1 .arrow { color:#00a88b; }
#contact .section1 .picto2 { left:20%; top:20%; }
#contact .section1 .picto8 { left:0; top:50%; }
#contact .section1 .picto9 { right:10%; bottom:20%; }
#contact .section1 .picto4 { left:18%; bottom:20%; }
#contact .section1 .picto7 { left:8%; bottom:20%; }
#contact .section1 .picto13 { right:15%; top:20%; }
#contact .section1 .picto14 { right:8%; top:40%; }

#contact .section2 h2 { color:#00b8f1; }
#contact .section2 .row:first-child { justify-content:space-between; align-items:center; }
#contact .section2 .radio .group { display:flex; flex-direction:row; justify-content:flex-start; margin:10px 0; }
#contact .section2 .radio .title { color:#000; font-weight:600; text-transform:uppercase; font-size:18px; }
#contact .section2 .radio label { margin-right:20px; min-width:200px; }
#contact .section2 .field.textarea { margin-bottom:0; }
#contact .section2 .help { color:#00b8f1; text-transform:uppercase; font-weight:600; font-size:14px; }
#contact .section2 .arrow { color:#00b8f1; }

#contact .section3 .row { justify-content: space-between; }
#contact .section3 h2 { color:#00a88b; text-align:center; margin-bottom:50px;  }
#contact .section3 .left { text-align:center; }
#contact .section3 .left h3 { color:#00a88b; }
#contact .section3 .left p { text-align:center; }
#contact .section3 .left .btn { background:#00a88b; color:#fff; }

#contact #footer .footer-top { background:#ffd800; }
#contact #footer .footer-top h2 { text-align:center; background:none; padding:0; font-size:100px; }

/* Merci */
#merci #header .phone a { color:#09aa8e; }
#merci .section1 h1 { font-size:100px; }
#merci .section1 { background:#09aa8e; text-align:center; color:#fff; }
#merci .section1 p { margin:30px 0; font-size:20px; }
#merci .section1 .btn { color:#09aa8e; }

/* Mentions légales */
#mentions-legales #header { background:#09aa8e; }
#mentions-legales #header .phone span { color:#09aa8e; }
#mentions-legales .page .container { padding:60px 0; }
#mentions-legales .page h2 { color:#09aa8e; font-size:20px; margin:30px 0 15px 0; }
#mentions-legales .page { padding-top:112px; }
@media (min-width: 1560px) {
  .container { width:1430px; }
}

/**
 * Large devices (desktops, less than 1200px)
 **/
@media (max-width: 1199px) {
  #header .phone a { padding:10px 20px; }
  #footer .footer-bottom .links { display:none; }
  
  .section1 .caption, .section1 h1 { font-size:100px; }
  .section2 .rellax { margin-top:0 !important; }
  .picto { display:none; }
  
  h2 { font-size:40px; }
  
  #accueil .section2 .text p { line-height:2.5em; }
  #accueil .section2 .text h2 { margin-bottom:30px;}
  #accueil .section4 .arrow { display:none; }
  
  #contact .section2 .rellax { margin-bottom:50px; }
  #contact .section2 .arrow { display:none; }
}

/**
 * Medium devices (tablets, less than 992px)
 **/
@media (max-width: 991px) {
  #header .container { width:100%; }
  #header .hamburger .text { display:none !important; }
  #header .menu { font-size:30px; }
  #footer .footer-bottom { padding:40px 0; }
  #fp-nav { display:none; }
  
  .fp-controlArrow.fp-next { right:15px; }
  .fp-controlArrow.fp-prev { left:15px; }
  .section2 .arrow { display:none; }
  .section3 .arrow { display:none; }
  .section4 .arrow { display:none; }
  .btn {padding:10px 20px; font-size:14px; }
  .fp-auto-height-responsive { padding:40px 0; }
  .gototop { display:none; }
  
  #accueil .section3 h3 { font-size:35px; margin-bottom:40px; }
  #accueil .section4 { padding:40px 0; }
  #accueil .section3 { padding:0; }
  
  #piscines-spa .section2 .image { text-align:left; }
  
  #contact .section3 { padding:0; }
  #contact .section3 .right { margin-top:40px; }
  
}

/**
 * Small devices (landscape phones, less than 768px)
 **/
@media (max-width: 767px) {
  #header .logo img { min-width:250px; }
  #header .menu li { margin:5px 0; }
  #header .phone a { padding:5px 10px; }
  #header .phone i { margin-right:10px; }
  #footer .footer-top { text-align:center; }
  #footer .footer-top h2 { background:none; padding-left:0; }
  
  .section1 .caption, .section1 h1 { font-size:70px; }
  .arrow img { width:50px; height:50px; }
  
  #accueil .section4 .link { margin-top:30px; }
  #accueil .section2 { padding:40px 0; }
  #accueil .section2 .image img { margin-top:0; max-height:250px; width:100%; object-fit:cover; margin-bottom:20px; }
  #accueil .section2 .text h2 br { display:none; }
  
  #amenagements-exterieurs .section2 { background:#f2f2f2; }
  #bureau-etudes .section2 { background:#f2f2f2; }
  
  #contact .section2 .radio { flex-direction:column; }
  #contact .section2 .radio .title { margin-bottom:10px; }
  #contact .section2 .radio label { margin:5px 0; }
  
  
  
  
}

/**
 * Extra small devices (portrait phones, less than 544px)
 **/
@media (max-width: 575px) {
  #header .phone { display:none; }
  #header .phone .number { display:none; }
  #header .phone i { margin-right:0; }
  #header .phone a { padding:5px 14px; }
  #header .logo img { max-width:200px; min-width:0; }
  #header .hamburger { margin-left:20px; }
  #header .menu { font-size:20px; }
  
  .section1 .caption, .section1 h1 { font-size:40px; }
  .swiper-button-prev, .swiper-button-next { display:none; }
  
  #accueil .section4 .title { display:none; }
  
  #contact #footer .footer-top h2 { font-size:60px; }
  .carousel { margin:0; }
}

@media (max-width: 355px) {
  #header .phone { display:none !important; }
  #header .container-fluid { padding:0 20px; }
}