/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                              GENERAL
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* police */


@font-face {
  font-family: 'bb_breathregular';
  src: url('/templates/gtm_template4/typographies/breath-7be5v-webfont.woff2') format('woff2'),
       url('/templates/gtm_template4/typographies/breath-7be5v-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* -----------------------------------------------------
						RESET
------------------------------------------------------- */
html{
  /* max-width: 1920px; */
  height: 100%;
  margin: 0 auto;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100%;
  font-family: 'Montserrat', sans-serif;
}

body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 18px;
}

*, ::before, ::after {
  box-sizing: border-box;
}


.gtm-wrapper {
  min-height: 100vh;
  position: relative;
  padding-bottom: 165px;
}


/* -----------------------------------------------------
						IMAGES
------------------------------------------------------- */

.gtm-pos img {
  width: 100%;
  height: auto;
}

/* -----------------------------------------------------
						TITRES
------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin: .8rem 0;
}

h1 {
	font-size: 2.5rem;
	font-weight: 700;
	color: #04B5CC;
}

h2 {
	font-size: 2rem;
	font-weight: 700;
	color: #04B5CC;
  text-align: center;
  padding-bottom: 50px;
}

h3 {
  font-size: 1.7rem;
  font-weight: 700;
  color: #656566;
  text-transform: uppercase;
}

h4 {
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
  text-align: left;
  line-height: 30px;
  color: #007686;
  padding-bottom: 10px;
  padding-top: 5px;
}

.gtm-h4-petit {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
  text-align: left;
  line-height: 30px;
  color: #007686;
  padding-bottom: 10px;
  padding-top: 5px;
}

h5 {
  font-size: 4.5rem;
  font-weight: 500;
  color: #04B5CC;
  /* padding-right: 15px; */
  font-family: 'bb_breathregular';
  letter-spacing: 0.5px;
  /* text-align: center; */
}

h6 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #343434;
  margin: 0;
}

/* -----------------------------------------------------
						COULEURS SELON LES SECTIONS
------------------------------------------------------- */

.gtm-piscines {
  color : #04B5CC;
}

/* -----------------------------------------------------
						TEXTES
------------------------------------------------------- */

p {
	color: #343434;
  margin-top: 10px;
  margin-bottom: 15px;
}

blockquote {
	font-family: serif;
	font-size: 1.3rem;
	color: #656566;
	text-align: center;
}

sup {
  font-size: 0.8rem;
}

/* -----------------------------------------------------
					LIENS ET BOUTONS
------------------------------------------------------- */

/*** ------ Liens ------- ***/

/* lien v1 */
a {
  font-weight: 700;
  color: #04B5CC;
  text-decoration: none !important;
  cursor: pointer;
}

a:hover, a:active {
	color: transparent;
} 

a:visited {
    color: #424242;
}

a:focus{
    color: inherit;
    text-decoration: inherit;
}

.uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
  color: transparent;
  text-decoration: none;
}

/* lien spécial */

a.gtm-lien-spe {
	font-weight: 600;
	color: #e32526;
	text-decoration: none;
} 

a.gtm-lien-spe:hover, a:active {
	color: #631010;
} 

a.gtm-lien-spe:visited {
    color: #631010;
}

a.gtm-lien-spe:focus{
    color: inherit;
    text-decoration: inherit;
}

/*** ------ Boutons ------- ***/

/* bouton 1 */
a.gtm-bouton, 
.btn-primary {
  display: inline-block;
	background-color: #007686;
	color: #ffffff;
  border-color: transparent;
  border-radius: 0;
  line-height: 1;
  padding: 10px 10px;
  margin: 25px auto 30px auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: background-color .2s ease-in,
              box-shadow .2s ease-in;
  text-align: center;
}

a.gtm-bouton:hover,
.btn-primary:hover {
	background-color: #585757;
  box-shadow: none;
}

/* bouton 2 */
a.gtm-bouton2 {
  display: inline-block;
	background-color: #fff;
	color: #04B5CC;
  border: 1px solid #04B5CC;
  text-decoration: none;
  line-height: 1;
	padding: 10px 15px;
  margin: 25px auto 0 auto;
  transition: background-color .2s ease-in,
              box-shadow .2s ease-in;
}

a.gtm-bouton2:hover {
	color: #007686;
  border: 1px solid #007686;
  box-shadow: none;
}

/* bouton 3 */
a.gtm-bouton3 {
  display: inline-block;
	background-color: #656565;
	color: #ffffff;
	border-radius: 99px;
  line-height: 1;
	padding: 10px 15px;
  margin: 25px auto 30px auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: background-color .2s ease-in,
              box-shadow .2s ease-in;
}

a.gtm-bouton3:hover {
	background-color: #343434;
  box-shadow: none;
}

/* bouton soumettre */
.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
  background-color: #007686;
  background-repeat: repeat-x;
  border: 0 solid #007686;
  border-radius: 0;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  font-size: 18px;
}

.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover {
  background-color: #007686;
  background-repeat: repeat-x;
  border: 0 solid #007686;
  border-radius: 0;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  font-size: 18px;
}

a.gtm-menu-soumission {
  background: #04B5CC !important;
  padding: 12px 15px !important;
  color: #fff !important;
}

a.gtm-menu-soumission:hover {
  background: #007686 !important;
}

/*** ------ Boutons outline ------- ***/

/* bouton outline 1 */
a.gtm-bouton-outline {
  display: inline-block;
  background-color: transparent;
  border: 2px solid #007686;
	color: #007686;
	border-radius: 99px;
  line-height: 1;
	padding: 7px 12px;
  margin: 25px auto 30px auto;
  transition: background-color .1s ease-in,
  color .12s ease-in;
}

a.gtm-bouton-outline:hover {
	background-color: #007686;
  color: #ffffff;
}


/* bouton outline 2 */
a.gtm-bouton-outline2 {
  display: inline-block;
  background-color: transparent;
  border: 2px solid #ef5245;
	color: #ef5245;
	border-radius: 99px;
  line-height: 1;
	padding: 7px 12px;
  margin: 25px auto 30px auto;
  transition: background-color .1s ease-in,
  color .12s ease-in;
}

a.gtm-bouton-outline2:hover {
	background-color: #ef5245;
  color: #ffffff;
}

/* bouton outline 3 */
a.gtm-bouton-outline3 {
  display: inline-block;
  background-color: transparent;
  border: 2px solid #343434;
	color: #343434;
	border-radius: 99px;
  line-height: 1;
	padding: 7px 12px;
  margin: 25px auto 30px auto;
  transition: background-color .1s ease-in,
  color .12s ease-in;
}

a.gtm-bouton-outline3:hover {
	background-color: #343434;
  color: #ffffff;
}


/* -----------------------------------------------------
					LISTES
------------------------------------------------------- */

/* listes à puce et numérotés */

ul:not(.mod-menu, .gtm-sub-menu, .gtm-list-emojis, .gtm-list-pict), ol:not(.mod-menu, .gtm-sub-menu) {
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 0;
}

ul li::marker, ol li::marker {
  color: #007686;
  font-size: 1rem;
}

/* listes avec picto */

ul.gtm-list-pict {
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 25px;
}

ul.gtm-list-pict li {
  list-style: none;
  padding-bottom: 5px;
}

ul.gtm-list-pict li::before {
  content: url(/images/gtm_logo/gtm-list-pict.png);
  padding-right: 5px;
}

/* listes à émojis */

ul.gtm-list-emojis {
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 25px;
}

ul.gtm-list-emojis li {
  list-style: none;
  padding-bottom: 5px;
}

ul.gtm-list-emojis li::before {
  padding-right: 5px;
}

ul.gtm-list-emojis li:nth-child(1):before {
  content: "😀 ";
}

ul.gtm-list-emojis li:nth-child(2):before {
  content: "😁 ";
}

ul.gtm-list-emojis li:nth-child(3):before {
  content: "😂 ";
}

ul.gtm-list-emojis li:nth-child(4):before {
  content: "😍 ";
}

ul.gtm-list-emojis li:nth-child(5):before {
  content: "😎 ";
}

ul.gtm-list-emojis li:nth-child(6):before {
  content: "🤩 ";
}


/* -----------------------------------------------------------
                    SCROLL TO TOP
------------------------------------------------------------ */

.gtm-scroll-top {
  width: 50px;
  height: 50px;
  background-color: #00B5CC; /* couleur d'arrière plan de la boite */
  border-radius: 63% 37% 70% 30% / 49% 50% 50% 51% ;
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 100000;
  padding: 10px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: .3s ease-in-out;
}

.gtm-scroll-top.active {
  visibility: visible;
  opacity: 1;
}

.gtm-scroll-top:active {
  background-color: #65646A;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                 ELEMENTS DE MISE EN PAGE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/



/* -----------------------------------------------------------
                        ARTICLES
------------------------------------------------------------ */

.gtm-article {
  /* max-width: 1920px; */
  margin: 0 auto;
  padding: 0px 60px;
}

.com-content-article__body {
  flex-wrap: wrap;
  display: flex;
  max-width: 1920px;
  margin: 0 auto;
  padding: 1.5rem 1.8rem;

}

/* -----------------------------------------------------------
                        MARGES
------------------------------------------------------------ */

/* marges tournantes */

.gtm-padding {
  padding: 1.5rem 1.8rem;
}

/* marges un seul côté */

.gtm-padding-left {
  padding-left: 1.8rem;
}

.gtm-padding-right {
  padding-right: 1.8rem;
}

.gtm-padding-top {
  padding-top: 1.5rem;
}

.gtm-padding-bottom {
  padding-bottom: 1.5rem;
}

form.mod-finder.js-finder-searchform.form-search, .gtm-savourez .gtm-custom {
  max-width: 1870px;
  margin: 0 auto;
}

.gtm-savourez {
  width: 100% !important;
}
/* -----------------------------------------------------------
                    CENTRER LES MODULES
------------------------------------------------------------ */

/* centrer verticalement et horizentalement */
.gtm-center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* centrer verticalement et verticalement */
.gtm-center-v {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* centrer verticalement et horizontalement */
.gtm-center-h {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* -----------------------------------------------------------
                    BOX SHADOW
------------------------------------------------------------ */

.gtm-shadow {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* -----------------------------------------------------------
                    DÉGRADÉS DE COULEUR
------------------------------------------------------------ */

.gtm-gradient {
  background: rgb(241,158,31);
  background: linear-gradient(0deg, rgba(241,158,31,1) 0%, rgba(239,82,69,1) 100%);
}


/* -----------------------------------------------------------
                    IMAGE BACKGROUND
------------------------------------------------------------ */

.gtm-img-bg .gtm-custom {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* height: ; */ /*définir une hauteur */
}


/* -----------------------------------------------------------
                    OVERLAY
------------------------------------------------------------ */

.gtm-overlay .gtm-custom {
  position: relative;
}

.gtm-overlay .gtm-custom::before  {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: blue;
}

/* -----------------------------------------------------------
                    BA GALLERY
------------------------------------------------------------ */

.ba-caption-content h3::after {
  content: "";
}

.ba-caption .ba-caption-content p {
  color: #fff !important;
}

.gtm-accessoires-spa .ba-caption .ba-caption-content h3::after {
  display: none;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        OUTIL DE RECHERCHE 
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-recherche {
  display: block;
  padding-top: 30px;
}

.input-group {
  display: flex;
  flex-wrap: nowrap;
}

.gtm-recherche-accueil {
  padding-top: 0;
  margin-bottom: 30px;
  width: 320px
}

.awesomplete {
  display: inline-block;
  position: relative;
  width: 74%;
}

.awesomplete > input, input#q {
  display: block;
  margin-right: 0;
  width: 100%;
  padding: 10px;
}

.gtm-recherche .btn-primary, button.btn.btn-primary {
  width: 24%;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 6px;
  font-size: 10px;
}

.gtm-recherche-mobile .awesomplete > input {
  width: 100%;
}

.gtm-recherche-mobile input#mod-finder-searchword281, input#mod-finder-searchword315.js-finder-search-query.form-control, .js-finder-search-query form-control, input#q {
  line-height: 10px;
  font-size: 10px;
  width: 100% !important;
  border-radius: 0;
  border: 1px solid #000;
}

.mod-finder__search.input-group:focus-visible {
  outline-color: transparent;
}

input#mod-finder-searchword281:focus-visible {
  outline-color: transparent;
}

.awesomplete mark {
  background: transparent;
}

.gtm-recherche-maillots, .gtm-recherche-spas-piscines, .gtm-recherche-spas, .gtm-recherche-bbq, .gtm-recherche-deneigement {
  display: none;
}

.com-finder.finder {
  padding: 1.5rem 1.8rem;
}

legend.com-finder__search-legend.visually-hidden {
  display: none;
}

.com-finder.finder a:hover {
  color: #04B5CC;
}

.result__title-link:focus .result__title-text, .result__title-link:hover .result__title-text {
  text-decoration: none;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        LOGO 
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-logo {
  display: none;
}

.gtm-logo-accueil {
  display: block;
  width: 275px;
  margin: 0 auto;
  transform: translateY(-92px);
}

img.gtm-logo-excel, .gtm-titre-accueil {
  transform: translateY(-127px);
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        BANNIÈRE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/*  bannière page d'accueil */
.gtm-banniere-general,
.gtm-banniere-eau,
.gtm-banniere-piscines, .gtm-banniere-spas {
  background-image: url(/images/maitre-piscinier-piscines-excel-banniere.webp);
  background-size: cover;
  height: 120px;
  background-size: cover;
  padding: 1rem 0.5rem;
  margin: 0 auto;
  display: block;
} 

/* .gtm-banniere-spas {
  background-image:   url(/images/hero/maitre-piscinier-piscines-excel-banniere-spas.webp);
  background-size: cover;
  background-position: 50% 67%;
  height: 120px;
  background-size: cover;
  padding: 1rem 0.5rem;
  margin: 0 auto;
  display: block;
}  */

.gtm-banniere-general {
  background-size: cover;
  background-image: url(/images/maitre-piscinier-piscines-excel-banniere.webp);
}

/* bannière générale */

.gtm-banniere, .gtm-banniere-general {
  margin-bottom: 30px !important;
}

.gtm-banniere-general img {
  width: 146px;
  display: block;
  margin: 0 auto;
  transform: translateY(-12px);
  padding-top: 1rem;
}

.gtm-banniere-neige {
  background-image: url(/images/maitre-piscinier-piscines-excel-banniere-neige.webp);
  background-size: cover;
  height: 120px;
  padding: 0.5rem;
  margin: 0 auto;
  display: block;
}

.gtm-banniere-bbq {
  background-image: url(/images/maitre-piscinier-piscines-excel-banniere-bbq.webp);
  background-size: cover;
  height: 150px;
  background-position: bottom;
  padding: 0.5rem;
  margin: 0 auto;
  display: block;
}

.gtm-banniere-maillots .gtm-custom {
  background-image: url(/images/maitre-piscinier-piscines-excel-banniere.webp);
  height: 120px;
  background-position: bottom;
  padding: 0.5rem;
  margin: 0 auto;
  display: block;
}

.gtm-banniere-neige img, 
.gtm-banniere-piscines img, 
.gtm-banniere-spas img,
.gtm-banniere-bbq img,
.gtm-banniere-maillots img {
  width: 171px;
  margin: 0 auto;
  display: block;
  padding: 0.8rem 0rem;
  transform: translateY(27px);
}

.gtm-banniere-piscines
.gtm-banniere-bbq,
.gtm-banniere-maillots {
  background-size: cover;
  height: 120px;
  padding: 0.5rem;
  margin: 0 auto;
  display: block;
}

.gtm-banniere-maillots {
  background-size: cover;
  height: 120px;
  padding: 0;
  margin: 0 auto;
  display: block;
}

.gtm-logo-piscines-spas img,
.gtm-logo-bbq img,
.gtm-logo-deneigement-grand img,
.gtm-logo-maillots-grand img {
  display: none;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-titre-accueil h1 {
  width: 100%;
  text-align: left;
}

.gtm-logo-excel {
  max-width: 300px;    
  display: block;
  margin: auto;
}

.gtm-divisions div.gtm-custom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gtm-divisions h3 {
  width: 100%;
}

.gtm-divisions h5 {
  width: 100%;
  text-align: center;
}

/* bouton piscines et spas */
.gtm-logo-accueil-piscine-spa {
  background: url(/images/piscines-produits/realisations/creusee/070916132631-hdr.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
  padding-bottom: 30px;
  text-align: center;
  min-height: 365px;
}

.gtm-logo-accueil-piscine-spa::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #04b5cc9e;
}

/* bouton barbecue */
.gtm-logo-accueil-barbecue {
  background: url(/images/barbecue-produits/maitre-piscinier-piscine-excel-minimax-ultime-2-vertical.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
  padding-bottom: 30px;
  min-height: 365px;
}

.gtm-logo-accueil-barbecue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #a2530554;
}

/* bouton deneigement */
.gtm-logo-accueil-deneigement {
  background: url(/images/tracteur-bleu.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
  padding-bottom: 30px;
  min-height: 365px;
}

.gtm-logo-accueil-deneigement::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #3f6a7c61;
}

/* bouton deneigement */
.gtm-logo-accueil-maillots {
  background: url(/images/maillots-produits/piscines-excel-division-maillots-1.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: relative;
  padding-bottom: 30px;
  min-height: 365px;
}

.gtm-logo-accueil-maillots::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ff86728a;
}

/* général pour les 4 logos */
.gtm-logo-accueil-piscine-spa img,
.gtm-logo-accueil-barbecue img,
.gtm-logo-accueil-deneigement img,
.gtm-logo-accueil-maillots img {
  width: 75%;
  display: block;
  margin: 0 auto 40px auto;
  padding-top: 30px;
  position: relative;
  z-index: 2;
}

.gtm-logo-accueil-piscine-spa a {
  position: relative;
  /* display: block; */
  width: auto;
  margin: 10px auto;
}

.gtm-accueil {
  background: #f4f4f4;
  padding-top: 4rem;
}

.gtm-accueil h3 {
  padding-right: 15px;
}

.gtm-accueil p {
  padding-left: 15px;
}

.gtm-titre-accueil img {
  width: 70%;
  margin: 0 auto;
  display: block;
  z-index: 5;
}

.gtm-titre-accueil .gtm-custom div{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2%;
}

.gtm-titre-accueil img {
  max-width: 70px;
  margin-left: 0;
}

.gtm-logo-accueil-barbecue a.gtm-bouton {
  position: relative;
  display: block;
  width: fit-content;
}

.gtm-logo-accueil-deneigement a.gtm-bouton,
.gtm-logo-accueil-maillots a.gtm-bouton {
  position: relative;
  display: block;
  width: 205px;
}

.gtm-partenaire {
  text-align: center;
}

.gtm-partenaire h4 {
  text-align: center;
}

.gtm-partenaire h5 {
  font-size: 2.9rem;
}

.gtm-partenaire img {
  padding: 30px 0 50px 0;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                PAGE À PROPOS - MISSION - VALEURS - HISTORIQUE - ENTREPRISE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-savourez .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

.gtm-savourez,
.gtm-postes-disponibles,
.gtm-entreprise, .gtm-equipe-1 {
  background: #f4f4f4;
}
.gtm-postes-disponibles h3 {
  font-size: 2rem;
  text-align: center;
}

.gtm-entreprise {
  padding-top: 4rem;
}

.gtm-entreprise-intro h5 {
  font-size: 2.9rem;
  text-align: left;
}

.gtm-entreprise .gtm-custom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.gtm-entreprise img {
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
}

.gtm-prix ul {
  padding-left: 20px !important;
}

.gtm-entreprise h2 {
  text-align: left;
}

.gtm-plaisir h5 {
  font-size: 3rem;
}

/* -----------------------------------------------------------
                   HISTORIQUE
------------------------------------------------------------ */

.gtm-historique h5,
.gtm-prix h5 {
  font-size: 2rem !important;
  text-align: left !important;
}

.gtm-historique-flex {
  display: flex;
  flex-wrap: wrap;
}

/* -----------------------------------------------------------
                   MISSION ET VISION
------------------------------------------------------------ */

.gtm-mission .gtm-custom h3,
.gtm-mission .gtm-custom h5 {
  text-align: left;
}

.gtm-vision .gtm-custom h5,
.gtm-vision .gtm-custom h3 {
  text-align: right;
}

/* -----------------------------------------------------------
                   ÉQUIPE
------------------------------------------------------------ */

.gtm-equipe .com-content-article__body {
  display: flex;
  flex-wrap: wrap;
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                IMAGES LIFESTYLE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/ 

.gtm-piscines-creusees {
    background-image: url(/images/lifestyle/maitre-piscinier-piscine-excel-lifestyle-creusee.jpg) !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.gtm-piscines-creusees {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
} 

.gtm-overlay h1,h2,h3,h4,h5,h6,p,a,span,blockquote {
  position: relative;
  z-index: 3;
}
.gtm-overlay img {
  position: relative;
  z-index: 3;
}

.gtm-piscines-creusees::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.1) 100%);
}

.gtm-piscines-creusees .com-content-article__body div {
    margin: auto;
}

.gtm-prequalification {
  display: flex;
}

.gtm-prequalification a::before {
  content: "";
  background-image: url(/images/logo-finance-it.png);
  background-size: 150px auto;
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 50px;
  margin: auto;
}

@media screen and (min-width: 768px) { 
  .gtm-prequalification a {
    height: 40px;
    padding: 0 10px 45px 10px;
    background-color: #656566;
  }

  .gtm-prequalification a::before {
    display: inline-block;
    height: 30px;
  }
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                PAGE CARRIÈRE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/ 

.gtm-intro-carriere h1,
.gtm-reparation h1,
.gtm-region h1,
.gtm-faq h1,
.gtm-joindre h1 {
  font-weight: 600;
}

.gtm-carriere h5 {
  font-size: 3rem;
}

.gtm-poste ul {
  padding-left: 20px !important;
}

/* icônes */

.gtm-poste img {
  padding-bottom: 30px;
  width: 30%;
  display: block;
  margin: 0 auto;
}


/* -----------------------------------------------------------
                    FORMULAIRE CARRIÈRE
------------------------------------------------------------ */

.gtm-bottom1-form-carriere {
  background-image: url(/images/images-formulaires/maitre-piscinier-piscine-excel-formulaire-ouverture-fermeture.webp);
  background-size: cover; /* L'image prendra 100% de l'espace, quitte à la crop */
  background-attachment: fixed;
  background-position: center; /* Centre la position de l'image */
  background-repeat: no-repeat; /* Empêche l'image de se répéter en fonction de la taille d'écran */
  padding: 50px;
  margin: 0 auto;
  min-height: 600px;
  position: relative;
  overflow-y: scroll; /* permet de fonctionner en mobile */
  width: 100%;
}

.gtm-bottom1-form-carriere::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #0076867a;
}

.gtm-formulaire-candidature {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

.gtm-formulaire-candidature h2,
.gtm-formulaire-candidature p,
button.uk-button.uk-button-default {
  color: #fff;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        PAGE SERVICES
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* -----------------------------------------------------------
                    OUVERTURE / FERMETURE
------------------------------------------------------------ */

.gtm-pos.gtm-bottom1-form-ouverture-fermeture.bottom1-form-ouverture-fermeture {
  margin: 0;
  width: 100%;
}
.gtm-div-1 {  
  width: 100%;
}

.gtm-div-1-1 ul,
.gtm-div-1-2 ul,
.gtm-div-2-1 ul,
.gtm-div-2-2 ul {
  padding-left: 20px !important;
}

.gtm-ouverture-fermeture img {
  padding-bottom: 30px;
}

.gtm-bottom1-form-ouverture-fermeture {
  background-image: url(/images/images-formulaires/maitre-piscinier-piscine-excel-formulaire-ouverture-fermeture.webp); background-attachment: fixed; /* Fixe l'image pendant le scroll */
  background-size: cover; /* L'image prendra 100% de l'espace, quitte à la 
  crop */
  background-position: center; /* Centre la position de l'image */
  background-repeat: no-repeat; /* Empêche l'image de se répéter en 
  fonction de la taille d'écran */
  padding: 50px;
  margin: 0 auto;
  min-height: 600px;
  overflow-y: scroll; /* permet de fonctionner en mobile */
  position: relative;
}

.gtm-bottom1-form-ouverture-fermeture::before {
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #0076867a;
  position: absolute;
}

.gtm-formulaire-ouverture-fermeture {
  max-width: 600px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.gtm-ouverture-fermeture img {
  width: 100%;
  height: auto;
}

.gtm-ouverture-intro .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

.yui-calcontainer {
  margin-bottom: 30px;
}

.gtm-ouverture-fermeture .gtm-div-1,
.gtm-ouverture-fermeture .gtm-div-2 {
  display: flex;
  flex-wrap: wrap;
}

.gtm-ouverture-fermeture .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

.gtm-formulaire-ouverture-fermeture h2,
.gtm-formulaire-ouverture-fermeture p,
label.uk-form-label.formControlLabel {
  color: #fff;
}

.uk-button:not(:disabled) {
  width: 100%;
}


/* -----------------------------------------------------------
                    ENTRETIEN
------------------------------------------------------------ */

.gtm-entretien-intro {
  background: #f4f4f4;
}

.gtm-entretien .gtm-custom, .gtm-reparation {
  display: flex;
  flex-wrap: wrap;
  max-width: 1990px;
  justify-content: left;
}

.gtm-entretien-intro .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

.gtm-entretien ul {
  padding-left: 20px !important;
}

.gtm-entretien img {
  width: 100%;
  height: auto;
}



/* -----------------------------------------------------------
                    RÉPARATION
------------------------------------------------------------ */

.gtm-reparation-intro {
  background-color: #f4f4f4;
}

.gtm-reparation-intro .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

.gtm-entretien div.com-content-article__body {
  display: flex;
  flex-wrap: wrap;
}

.gtm-reparation ul {
  padding-left: 20px !important;
}

.gtm-entretien img {
  width: 100%;
  height: auto;
}

.gtm-entretien div.com-content-article__body div:last-child {
  padding: 0 20px;
}

.gtm-bottom-wide2 {
  background-image: url(/images/images-formulaires/maitre-piscinier-piscine-excel-formulaire-reparation.webp);
  background-attachment: fixed; /* Fixe l'image pendant le scroll */
  background-size: cover; /* L'image prendra 100% de l'espace, quitte à la crop */
  background-position: center; /* Centre la position de l'image */
  background-repeat: no-repeat; /* Empêche l'image de se répéter en fonction de la taille d'écran */
  position: relative;
  padding: 50px;
  margin: 0 auto;
  min-height: 600px;
  overflow-y: scroll; /* permet de fonctionner en mobile */
}

.gtm-bottom-wide2::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #0076867a;
}

/* -----------------------------------------------------------
                    RÉPARATION
------------------------------------------------------------ */


.gtm-reparation .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

.gtm-reparation img {
  width: 100%;
  height: auto;
}

.gtm-reparation .gtm-custom div:last-child {
  padding: 0 20px;
}



.moduletable.gtm-formulaire-reparation {
  position: relative;
}

.rsform.gtm-formulaire-reparation {
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

.rsform.gtm-formulaire-reparation h2,
.rsform.gtm-formulaire-reparation p {
  color: #fff;
}

.gtm-formulaire-reparation button.uk-button.uk-button-default {
  width: 100%;
  color: #fff;
  background: #0076869e;
  border: #0076869e;
}

/* -----------------------------------------------------------
                    DÉNEIGEMENT
------------------------------------------------------------ */
.gtm-article-deneigement h1, 
.gtm-formulaire-deneigement h2 {
  color: #585757;
}

.gtm-titre-deneigement h1 {
  color: #585757;
}

.gtm-article-deneigement .com-content-article__body {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.gtm-service-deneigement-telephone.gtm-padding img {
  width: 50%;
  padding-bottom: 30px;
}

.gtm-secteurs .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

.gtm-secteurs h2 {
  color: #585757;
}

.gtm-secteurs ul {
  padding-left: 20px !important;
}



.gtm-deneigement-div div:first-child {
  padding-right: 4rem;
}

/* -----------------------------------------------------------
                    FORMULAIRE DÉNEIGEMENT
------------------------------------------------------------ */

.gtm-bottom-wide3 {
  background-image: url(/images/images-formulaires/maitre-piscinier-piscine-excel-formulaire-deneigement.webp);
  background-size: cover; /* L'image prendra 100% de l'espace, quitte à la crop */
  background-position: center; /* Centre la position de l'image */
  background-repeat: no-repeat; /* Empêche l'image de se répéter en fonction de la taille d'écran */
  padding: 50px;
  margin: 0 auto;
  min-height: 600px;
  position: relative;
}

.gtm-bottom-wide3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #58575736;
}

.gtm-formulaire-deneigement {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

label.col-sm-3.col-form-label.formControlLabel {
  display: none !important;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  background: #A25305;
  border-radius: 0;
}

strong.formRequired {
  display: none;
}

label {
  display: none;
}

.gtm-formulaire-deneigement button#soumettre {
  background: #585757;
  border-color: #585757;
}

.gtm-formulaire-deneigement button#soumettre:hover {
  background: #585757;
  border-color: #585757;
}

button.btn.btn-secondary.btn-sm.rsfp-field-multiple-plus-button {
  border-radius: 0;
}

.gtm-service-deneigement-tablette {
  display: none;
}

.uk-form-custom {
  display: flex;
  flex-wrap: wrap;
}

.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
  width: 100%;
}

.gtm-formulaire-deneigement .uk-button.uk-button-default {
  width: 100%;
  color: #fff;
  background: #58575782;
  border: #58575782;
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        WIDGETS BOX
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-widgets-640-plus {
  display: none;
}

.uk-position-medium {
  width: calc(100% - (30px * 2));
  margin: 0 30px;
}

.gtm-text-widget-box h4 {
  font-size: 1.5rem;
}

.gtm-text-widget-box p {
  font-size: 1rem;
}

.gtm-text-widget-box ul {
  padding-left: 20px !important;
}

.gtm-text-widget-box li {
  font-size: 1rem;
}

/* couleur des flèches */
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: #04B5CC;
}

.gtm-widgets-bbq .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: #A25305;
}

/* couleur des points sous les images */
.uk-dotnav>.uk-active>* {
  background-color: #04B5CC;
  border-color: transparent;
}

.gtm-widgets-bbq  .uk-dotnav>.uk-active>* {
  background-color: #A25305;
  border-color: transparent;
}

/* opacité de la boîte par-dessus l'image */
.uk-transition-active.uk-active .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-toggle:hover .uk-transition-fade {
  opacity: 0.9;
}

/* transition pour que le texte apparaisse */
.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] {
  transition: 3s ease-out;
}

.gtm-widgets-640-plus {
  display: none;
}

div#nx-extension-308 ul.uk-slideshow-nav.uk-dotnav.uk-flex-center.uk-margin,
div#nx-extension-246 ul.uk-slideshow-nav.uk-dotnav.uk-flex-center.uk-margin {
  margin-bottom: 0;
}



/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        PAGE PRODUITS
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* -----------------------------------------------------------
        BBQ ET TERRASSES BARBECUE
------------------------------------------------------------ */
.gtm-titre-bbq h1 {
  color: #A25305;
}

.gtm-bbq {
  background-color: #f4f4f4;;
}

.gtm-boutons-bbq h4 {
  color: #A25305;
}

.gtm-titre-bbq-terrasses h2 {
  color: #A25305;
  font-size: 3rem;
  text-transform: uppercase;
}

.gtm-boutons-bbq a {
  background-color: #A25305;
}

.gtm-bbq .com-content-article__body {
  display: flex;
  flex-wrap: wrap;
}

.gtm-barbecue h4 {
  color: #A25305;
}

.gtm-widgets-bbq h4 {
  color: #A25305;
}

/* -----------------------------------------------------------
        PISCINES
------------------------------------------------------------ */
.gtm-detente h5,
.gtm-titre-accueil h5,
.gtm-entreprise-intro h5 {
  font-size: 1.7rem;
  text-align: left;
  padding-left: 5px;
}

.gtm-piscine-costa h4 {
  font-size: 1.5rem;
} 

.gtm-piscine-costa .gtm-custom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.gtm-piscine-costa div.gtm-dimensions div ul,
.gtm-piscine-costa div.gtm-murs-toiles div ul,
.gtm-barbecue div ul {
  padding-left: 20px;
}

/* -----------------------------------------------------------
        SPAS
------------------------------------------------------------ */
.gtm-produits-spas,
.gtm-spas-produits,
.gtm-ouverture-intro {
  background: #f4f4f4;
}

.gtm-accueil .com-content-article__body {
  display: flex;
  flex-wrap: wrap;
}

.gtm-produits-spas .com-content-article__body {
  display: flex;
  flex-wrap: wrap;
}

ul.uk-position-relative.uk-slideshow-items.gtm-widgets-640-plus {
  margin-top: 0;
  margin-bottom: 150px;
}

.gtm-spas-produits .gtm-custom h3,
.gtm-spas-produits .gtm-custom p {
  text-align: left;
}

.gtm-spas-produits.gtm-padding a,
.gtm-spa-bullfrog a,
.gtm-piscine-costa,
.gtm-barbecue {
  margin-bottom: 5px;
}

.gtm-accessoires-spa h3,
.gtm-covana h3 {
  color: #04B5CC;
}

.gtm-spa-bullfrog img,
.gtm-spa-maitre-piscinier img,
.gtm-spa-lumio img,
.gtm-covana img,
.gtm-accessoires-spa img,
.gtm-piscine-costa img,
.gtm-barbecue img,
.gtm-maillots img.gtm-image-vagues,
.gtm-maillots-2 img.gtm-image-vagues {
  width: 115px;
}

/* -----------------------------------------------------------
        MAILLOTS    
------------------------------------------------------------ */
.gtm-titre-maillots h1 {
  color: #FF8672;
}

.gtm-maillots-intro {
  background: #f4f4f4;
}

.gtm-boutons-maillots a {
  background-color: #FF8672;
}

.gtm-boutons-maillots h4 {
  color: #FF8672;
}

.gtm-maillots h5 {
  font-size: 2rem;
  padding: 0;
  color: #FF8672;
  width: 100%;
}

.gtm-maillots-intro .com-content-article__body {
  display: flex;
  flex-wrap: wrap;
}

.gtm-maillots-intro ul {
  padding-left: 20px !important;
}

.gtm-maillots-intro ul li::marker {
  color: #FF8672;
}

.gtm-maillots-2 h4 {
  color: #FF8672;
}

.gtm-maillots-intro h5 {
  color: #FF8672;
}

.gtm-maillots-2 li::marker {
  color: #FF8672;
}

.gtm-maillots div.gtm-custom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: space-between;
}

.gtm-maillots-2 div.gtm-custom {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
}

.gtm-maillots-2 ul {
  padding-left: 20px !important;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        PAGE MAGASINS
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/




/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        PAGE FAQ
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-faq-intro {
  background: #f4f4f4;
}

.gtm-faq-intro .gtm-custom {
  display: flex;
  flex-wrap: wrap;
}

/*  aligner la réponse avec la question */
.uk-accordion-content div.uk-position-relative div p {
  padding: 0 16px;
}



/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                PAGE CONTACT - NOUS JOINDRE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* limiter la largueur de l'article nous joindre */
.com-content-article.item-page.gtm-joindre {
  max-width: 800px;
  margin: 0 auto;
}


/* -----------------------------------------------------------
        FORMULAIRE DE CONTACT / NOUS JOINDRE / PARALLAX
------------------------------------------------------------ */

.gtm-pos.gtm-bottom1-img-contact.bottom1-img-contact {
  margin: 0;
  width: 100%;
}

.gtm-bottom1-img-contact {
  position: relative;
  background-image: url(/images/images-formulaires/maitre-piscinier-piscine-excel-formulaire.jpeg);
  background-attachment: fixed; /* Fixe l'image pendant le scroll */
  background-size: cover; /* L'image prendra 100% de l'espace, quitte à la crop */
  background-position: center; /* Centre la position de l'image */
  background-repeat: no-repeat; /* Empêche l'image de se répéter en fonction de la taille d'écran */
  padding: 50px;
  margin: 0 auto;
  min-height: 600px;
  overflow-y: scroll; /* permet de fonctionner en mobile */
}

.gtm-bottom1-img-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #0076867a;
}

.rsformgtm-contact,
.gtm-questions {
  max-width: 600px;
  margin: 0 auto;
}

.moduletable.gtm-contact {
  position: relative;
}

.gtm-questions h4, .gtm-questions p {
  color: #fff;
  position: relative;
}

.rsformgtm-contact h2 {
  color: #fff;
}

.formResponsive .formHorizontal .rsform-block {
  margin-bottom: 0;
  color: #fff;
  font-weight: 700;
}

.formResponsive .formHorizontal p.formDescription {
  color: #fff;
}

.rsform-block.rsform-block-moment {
  margin-bottom: 18px !important;
  color: #fff;
}

.formResponsive .formHorizontal textarea {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 15px;
}

.uk-button-primary {
  background-color: #007686;
}

.uk-form-horizontal .uk-form-controls {
  margin-left: 0;
}

/* mettre les cases à cocher l'une en dessous de l'autre */
.uk-margin.rsform-block.rsform-block-meilleur-moment label {
  display: inline-block;
  margin: 0;
  padding-right: 10px;
  color: #fff;
}

/* hauteur des espaces où écrire dans le formulaire */
.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
  width: 100% !important;
  height: 30px;
}

.rsform-block.rsform-block-sujet p {
  color: #fff;
}

.uk-button-primary:focus, .uk-button-primary:hover {
  background-color: #585757;
  color: #fff;
}

.uk-grid+.uk-grid, .rsform-block-ville, .rsform-block-code-postal {
  margin-top: 20px;
}

@media screen and (min-width: 960px) { 
  .rsform-block-ville, .rsform-block-code-postal {
    margin-top: 0;
  }
}

/* -----------------------------------------------------------
                    CARTES SUCCURSALES
------------------------------------------------------------ */

.moduletable.gtm-succursale {
  max-width: 1920px;
  margin: 0 auto;
}

.gtm-succursale .gtm-custom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gtm-princeville .gtm-custom {
  padding-top: 1.5rem;
}

.gtm-thetford .gtm-custom {
  padding-top: 1.5rem;
}

.gtm-succursale .gtm-custom .gtm-custom {
  display: block;
}

.gtm-succursale h4 {
  color: #fff;
}

.moduletable.gtm-succursale h2 {
  padding: 36px;
  width: 100%;
}

/* carte Princeville */
.gtm-princeville {
  background: #585757;
}

.gtm-princeville p {
  color: #fff;
}

/* carte Thetford */
.gtm-thetford {
  background: #007686;
}

.gtm-thetford p {
  color: #fff;
}

/* -----------------------------------------------------------
             NOUS JOINDRE - APPELS À L'ACTION
------------------------------------------------------------ */

.gtm-joindre-facebook .gtm-custom {
  background-image: url(/images/maitre-piscinier-piscine-excel-appel-facebook.webp);
  background-size: cover;
  background-position: center;
  height: 285px;
  position: relative;
}

.gtm-joindre-facebook .gtm-custom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ff8672a1;
}

.gtm-joindre-facebook .gtm-custom,
.gtm-joindre-carriere .gtm-custom {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gtm-joindre-carriere .gtm-custom {
  background: url(/images/maitre-piscinier-piscine-excel-appel-carriere.webp);
  background-size: cover;
  background-position: center;
  height: 285px;
  position: relative;
}

.gtm-joindre-carriere .gtm-custom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #04b5cc9e;
}

.gtm-joindre-carriere img {
  width: 85px;
  position: relative;
  display: block;
  margin: 0 auto;
}

/* .gtm-joindre-facebook div.gtm-custom div,
.gtm-joindre-carriere div.gtm-custom {
  padding-top: 100px;
} */

.gtm-joindre-facebook,
.gtm-joindre-carriere
.gtm-infolettre {
  margin: 0 auto;
}

.gtm-joindre-facebook h3,
.gtm-joindre-carriere h3,
.gtm-infolettre h3,
.gtm-reponse h3,
.gtm-souhait h3 {
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

.gtm-reponse h3:last-child,
.gtm-souhait h3:last-child {
  margin-bottom: 0;
  padding-bottom: 30px;
}

.gtm-joindre-facebook  img,
.gtm-infolettre img,
.gtm-reponse img,
.gtm-souhait img {
  width: 85px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.gtm-infolettre img,
.gtm-reponse img,
.gtm-souhait img {
  padding-top: 30px;
}

.gtm-infolettre h3 {
  padding-bottom: 30px;
  margin-bottom: 0;
}

.gtm-infolettre .gtm-custom {
  position: relative;
  background-image: url(/images/maitre-piscinier-piscine-excel-appel-infolettre.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gtm-reponse .gtm-custom,
.gtm-souhait .gtm-custom {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.gtm-infolettre .gtm-custom::before,
.gtm-reponse .gtm-custom::before,
.gtm-souhait .gtm-custom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #04b5cc9e;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        AMPZ
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

#ampz_sidebar .ampz_container {
  display: none;
}

.ampz_hide_sidebar {
  display: none !important;
}

#ampz_inline_mobile .ampz_no_count .ampz-icoon {
  color: #fff;
  background-color: #007686;
}

#ampz_inline_mobile {
  background-color: #fff0;
}

[id^=ampz_inline] .ampz_btn_small, #ampz_flyin .ampz_btn_small, .mfp-content .ampz_btn_small {
  height: 35px!important;
  line-height: 35px!important;
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        COPYRIGHT
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-row-copyright {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 165px;
}

.gtm-copyright1 {
  background-color: #343434;
  text-align: center;
  padding-left: 35px;
  padding-right: 35px;
}

.gtm-copyright1 img {
  width: 150px;
  margin-bottom: 20px;
}

.gtm-flinks {
  color: #ffffff;
  font-size: 16px !important;
}

.gtm-copyright  {
  padding-top: 15px;
  color: #ffffff;
  font-size: 16px !important;
}

.copyright1 a:hover, .copyright1 a:visited {
  color: #fff;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        CRÉDITS
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-credits .com-content-article__body {
  padding: 0; 
}

.gtm-credits .com-content-article__body {
  flex-direction: column;
}

.gtm-credits .com-content-article__body {
  text-align: center;
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        OUPS !
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-oups {
	position: relative;
	height: 85vh;
	background-color: #343434;
}

.gtm-infos {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.gtm-glitch-bloc {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gtm-glitched-anim, .gtm-invisible-text {
	font-size: 4rem;
	color: #ffffff;
	font-weight: 700;
} 

.gtm-glitched-anim {
	position: absolute;
	top: 0;
	opacity: .9;
}

.gtm-invisible-text {
	visibility: hidden;
}


.gtm-glitched-anim:nth-child(2) {
	color: #f03e3e;
	animation: gtmGlitchfaux 3s infinite;
}

.gtm-glitched-anim:nth-child(3) {
	color: #3df0cf;
	animation: gtmGlitchAnim2 3s infinite;
}

.gtm-glitched-anim:nth-child(4) {
	color: #f1f1f1;
	animation: gtmGlitchAnim1 3s infinite;
}

.gtm-txt-infos {
	color: white;
}




@keyframes gtmGlitchAnim1 {
	7% {
	  transform: none;
	}
	10% {
	  transform: translate(6px, -2px);
	}
	13% {
	  transform: none;
	}
	20% {
	  transform: none;
	}
	23% {
	  transform: translate(-12px, -7px);
	}
	26% {
	  transform: none;
	}
	40% {
	  transform: none;
	}
	43% {
	  transform: translate(10px, -9px);
	}
	46% {
	  transform: none;
	}
	65% {
	  transform: none;
	}
	68% {
	  transform: translate(7px, 5px);
	}
	71% {
	  transform: none;
	}
	100% {
	  transform: none;
	}
  }
  
  
  
  @keyframes gtmGlitchAnim2 {
	7% {
	  transform: none;
	}
	10% {
	  transform: translate(-6px, 2px);
	}
	13% {
	  transform: none;
	}
	20% {
	  transform: none;
	}
	23% {
	  transform: translate(12px, 7px);
	}
	26% {
	  transform: none;
	}
	40% {
	  transform: none;
	}
	43% {
	  transform: translate(-10px, 9px);
	}
	46% {
	  transform: none;
	}
	65% {
	  transform: none;
	}
	68% {
	  transform: translate(-7px, 5px);
	}
	71% {
	  transform: none;
	}
	100% {
	  transform: none;
	}
  }
  
  
  
  @keyframes gtmGlitchfaux {
	20% {
	  transform: none;
	}
	23% {
	  transform: skew(5deg, -5deg) translate(10px, 5px);
	}
	26% {
	  transform: none;
	}
	40% {
	  transform: none;
	}
	43% {
	  transform: skew(5deg, -10deg) translate(-5px, 2px);
	}
	46% {
	  transform: none;
	}
	100% {
	  transform: none;
	}
  }
  li.menu-item.nav-item.gtmFada.plus.item-236 {
    color: #fff;
  }
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MEDIA-QUERIES

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 374px) {
  .gtm-padding.gtm-recherche {
      padding: 3rem 2rem 1rem 2rem;
  }

  h3 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 427px) {
  .gtm-logo-accueil-piscine-spa a {
    margin: 10px auto;
  }
}

@media screen and (min-width: 428px) {
  .gtm-logo-accueil-piscine-spa a {
    margin: 0 auto 30px auto;
  }
/* 
  .gtm-titre-accueil img {
    width: 34%;
  } */
}

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

  .gtm-recherche-mobile .awesomplete {
    width: 80%;
  }

  .gtm-recherche .btn-primary, button.btn.btn-primary {
    margin-top: 0;
  }
  
  /* formulaire mettre les cases à cocher côte à côte */
  .formResponsive .formControls label { 
    display: inline-block;
    padding-right: 15px;
  }

  h1 {
    font-size: 3.8rem;
  }

  .gtm-titre-accueil img {
    max-width: 100px;
  }

  .gtm-detente h5, .gtm-titre-accueil h5, .gtm-entreprise-intro h5 {
    font-size: 3.7rem;
  }

  .gtm-joindre-appel .gtm-custom {
    flex-wrap: nowrap;
  }

  .gtm-facebook .gtm-carriere {
    width: 50%;
  }

  .uk-form-custom {
    display: flex;
    flex-wrap: nowrap !important;
  }

  /* -----------------------------------------------------------
                  OUTIL RECHERCHE
  ------------------------------------------------------------ */ 
  .awesomplete {
    width: 78%;
  }

  .gtm-recherche .btn-primary {
    width: auto !important;
  } 

  .gtm-recherche .btn-primary {
    margin: 0 0 0 5px;
  }

  input#q {
    width: 78% !important;
  }

  button.btn.btn-primary {
    width: 20%;
  }

  /* -----------------------------------------------------------
                   ACCUEIL
  ------------------------------------------------------------ */

  .gtm-logo-accueil-deneigement a.gtm-bouton, 
  .gtm-logo-accueil-maillots a.gtm-bouton {
    width: 200px;
  }

  .gtm-partenaire h5 {
    font-size: 3.7rem;
  }

  .gtm-partenaire img {
    width: 60%;
  }

  /* -----------------------------------------------------------
                   MISSION ET VISION
  ------------------------------------------------------------ */

  .gtm-mission .gtm-custom h3 {
    font-size: 2rem;
  }

  .gtm-vision .gtm-custom h3 {
    font-size: 2rem;
  }

  /* -----------------------------------------------------------
                   CARRIÈRE
  ------------------------------------------------------------ */
  .gtm-poste img {
    padding-bottom: 30px;
    width: 20%;
    display: block;
    margin: 0 auto;
  }
  
  /* -----------------------------------------------------------
                  APPEL À L'ACTION NOUS JOINDRE
  ------------------------------------------------------------ */

  .gtm-facebook {
    width: 50%;
  }

  .gtm-appel-carriere {
     width: 50%;
  }

  /* -----------------------------------------------------------
                  PRODUITS
  ------------------------------------------------------------ */

  .gtm-piscine-costa .gtm-custom {
    flex-direction: row;
  }

  .gtm-piscine-costa div.gtm-custom div:first-child {
    width: 100%;
  }

  div.gtm-dimensions,
  div.gtm-murs-toiles {
    width: 50%;
  }

  .gtm-spa-bullfrog h3::after,
  .gtm-spa-maitre-piscinier h3::after,
  .gtm-spa-lumio h3::after,
  .gtm-covana h3::after,
  .gtm-accessoires-spa h3::after,
  .gtm-piscine-costa h3::after,
  .gtm-piscine h3::after,
  .gtm-barbecue h3::after {
    content: url(/images/icones/icone-vagues.png);
  }

  .gtm-barbecue h3::after,
  .gtm-gallery-bbq h3::after {
    content: url(/images/icones/icone-vagues-brun.png);
  }

  .gtm-gallery-bbq h3 {
    color: #A25305;
  }

  .gtm-maillots h3:after,
  .gtm-maillots-2 h3:after {
    content: url(/images/icones/icone-trait-rose.png);
  }

  .gtm-spa-bullfrog img,
  .gtm-spa-maitre-piscinier img,
  .gtm-spa-lumio img,
  .gtm-covana img,
  .gtm-accessoires-spa img,
  .gtm-piscine-costa img,
  .gtm-barbecue img,
  .gtm-maillots img.gtm-image-vagues,
  .gtm-maillots-2 img.gtm-image-vagues {
    display: none;
  }


}

@media screen and (min-width: 601px) {
  #ampz_sidebar .ampz_container {
    display: block;
  }

  #ampz_sidebar .ampz_btn_small .ampz-icoon {
    height: 45px;
    color: #fff;
    background-color: #007686;
  }

  [class^="ampz-icoon-"]:before, [class*=" ampz-icoon-"]:before {
    vertical-align: middle;
    line-height: 35px;
  }

  #ampz_sidebar .ampz_btn.ampz_btn_small {
    border-radius: 3px;
  }

  #ampz_sidebar .ampz_btn_small .ampz-icoon {
    border-radius: 3px;
    margin-left: 5px;
  }
}

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

  /* -----------------------------------------------------------
                  WIDGET
  ------------------------------------------------------------ */

  .gtm-widgets-639-moins {
    display: none;
  }

  .gtm-widgets-640-plus {
    display: block;
    max-width: 1990px;
    margin: 0 auto;
  }
  
  .uk-position-medium {
    width: 50%;
    margin: 30px;
  }

  .uk-position-relative .uk-slideshow-items h3 {
    font-size: 1.7rem;
    margin-bottom: 5px;
    line-height: 1.7rem;
  }

  .gtm-text-widget-box h4 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    padding-bottom: 5px;
  }

  .gtm-text-widget-box p {
    font-size: 0.9rem;
    margin-top: 3px;
    margin-bottom: 5px;
  }
}


@media screen and (min-width: 651px) {
  .formResponsive .formHorizontal .formControls {
    margin-left: 0%;
  }
}


@media screen and (min-width: 768px) {
  .gtm-padding {
    padding: 1.5rem 4rem;
  }

  .com-finder.finder {
    padding: 1.5rem 4rem;
  }

  .gtm-padding-top {
    padding-top: 1.5rem;
  }

  .gtm-padding-bottom {
    padding-top: 1.5rem;
  }

  .gtm-padding-left {
    padding-left: 4rem;
  }

  .gtm-logo-excel {
    max-width: 305px;
  }

  .gtm-titre-accueil img {
    max-width: 120px;
    margin-left: 30px;
  }

  .gtm-banniere-neige img, .gtm-banniere-piscines img, .gtm-banniere-spas img,
  .gtm-banniere-maillots img {
    width: 230px;
    margin: 0 auto;
    display: block;
    padding: 0.8rem 0rem;
    transform: translateY(-33px);
  }

  .gtm-banniere-bbq img {
    width: 230px;
    margin: 0 auto;
    display: block;
    padding: 0.8rem 0rem;
    transform: translateY(-42px);
  }

  .gtm-banniere-neige img {
    width: 230px;
    margin: 0 auto;
    display: block;
    padding: 0.8rem 0rem;
    transform: translateY(-40px);
  }

  .gtm-banniere-maillots img {
    width: 230px;
    margin: 0 auto;
    display: block;
    padding: 0.8rem 0rem;
    transform: translateY(0);
  }

  .gtm-banniere-general img {
    width: 105px;
    display: block;
    margin: 0 auto;
    transform: translateY(-41px);
    padding-top: 15px;
  }

  .awesomplete {
    padding-top: 0;
  }
  
  /* -----------------------------------------------------------
                      ACCUEIL
  ------------------------------------------------------------ */
  .gtm-accueil .com-content-article__body h3,
  .gtm-accueil .com-content-article__body div {
    width: 50%;
  }

  .gtm-divisions-flex {
    width: 50%;
  }

  /* -----------------------------------------------------------
                      OUTIL DE RECHERCHE
  ------------------------------------------------------------ */

  .awesomplete {
    width: 82%;
  }

  /* .gtm-recherche-accueil {
    padding-top: 30px; 
  }*/

  .bw-social-share {
    top: 50%;
    transform: translateY(-25%);
    width: fit-content;
    height: fit-content;
  }


  /* -----------------------------------------------------------
                    CARRIÈRE
  ------------------------------------------------------------ */
  .gtm-poste .gtm-custom {
    display: flex;
    flex-wrap: wrap;
  }

  .gtm-poste .gtm-custom img {
    width: 20%;
    height: 20%;
  }

  .gtm-postes-disponibles h3 {
    font-size: 3rem;
  }

  .gtm-poste div.gtm-custom div {
    width: 80%;
    padding-left: 30px;
  }

  /* -----------------------------------------------------------
                      HISTORIQUE
  ------------------------------------------------------------ */
  .gtm-historique-flex div {
    width: 50%;
  }

  .gtm-historique-flex div:nth-child(1n+2) {
    padding-right: 10px;
  }

  .gtm-historique-flex div:nth-child(2n+2) {
    padding-left: 10px;
  }

  /* -----------------------------------------------------------
                      OUVERTURE / FERMETURE
  ------------------------------------------------------------ */

  .gtm-div-1-1,
  .gtm-div-1-2,
  .gtm-div-2-1,
  .gtm-div-2-2 {
    width: 50%;
  }

  .gtm-div-1-1,
  .gtm-div-2-1 {
    padding-right: 30px;
  }

  .gtm-div-1-2,
  .gtm-div-2-2 {
    padding-left: 30px;
  }


  /* -----------------------------------------------------------
                  SERVICE - ENTRETIEN
  ------------------------------------------------------------ */
  .gtm-entretien .com-content-article__body div {
    width: 50%;
  }

  .gtm-entretien img {
    width: 50%;
    height: 50%;
    padding-right: 30px;
  }

  .gtm-entretien .gtm-custom div {
    width: 50%;
  }

  .gtm-entretien div.com-content-article__body div:first-child {
    padding-right: 30px;
  }

  .gtm-entretien div.com-content-article__body div:last-child {
    padding-left: 30px;
  }


  /* -----------------------------------------------------------
                  SERVICE - RÉPARATION
  ------------------------------------------------------------ */

  .gtm-reparation .gtm-custom div {
    width: 50%;
  }

  .gtm-reparation .gtm-custom div:first-child {
    padding-right: 30px;
  }

  .gtm-reparation .gtm-custom div:last-child {
    padding-left: 30px;
  }

  /* -----------------------------------------------------------
                  SERVICE - DÉNEIGEMENT
  ------------------------------------------------------------ */

  .gtm-spas-produits h1,
  .gtm-spas-produits h4,
  .gtm-spas-produits p,
  .gtm-spas-produits div.gtm-custom div {
    text-align: center;
  }

  .gtm-article-deneigement .com-content-article__body h3 {
    width: 40%;
    padding-right: 30px;
  }

  .gtm-article-deneigement .com-content-article__body div {
    width: 60%;
    padding-left: 30px;
  }

  /* .gtm-service-deneigement-tablette .gtm-custom {
    width: 50%;
    padding: 7rem 4rem;
    background: #ffffff57;
    min-height: 500px;
  } */

  .gtm-deneigement-div {
    display: flex;
    padding: 4rem;
    
  }

  .gtm-service-deneigement-tablette .gtm-custom .gtm-deneigement-div div {
    width: 50%;
    transform: translateY(18%);
  }

  .moduletable.gtm-image-tracteur-telephone,
  .gtm-service-deneigement-telephone {
    display: none;
  }

  .gtm-service-deneigement-tablette {
    display: block;
  }

  .gtm-service-deneigement-tablette img {
    width: 50%;
}

  #gtm-custom263 {
    display: block;
    background-image: url(/images/tracteur-bleu.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 500px;
  }

  .gtm-service-deneigement-tablette div.gtm-custom .gtm-deneigement-div {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
    min-height: 500px;
  }

  /* .gtm-service-deneigement-tablette div.gtm-custom div {
    width: 50%;
    padding: 7rem 4rem;
    background: #ffffff57;
    min-height: 500px;
  } */
  
  .gtm-service-deneigement-tablette img {
    width: 50%;
    padding-bottom: 1rem;
  }

  
  /* -----------------------------------------------------------
                  FORMULAIRE
  ------------------------------------------------------------ */
  .formResponsive .formHorizontal .formControlLabel {
    display: none;
  }

  .formResponsive .formHorizontal .formControls {
    margin-left: 0;
  }

  .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    width: 100%;
  }

  .formResponsive .formHorizontal select {
    width: 100%;
  }

  /* -----------------------------------------------------------
                    CARTES
  ------------------------------------------------------------ */

  /* carte Princeville */
  .gtm-princeville {
    width: 50%;
  }

  /* carte Thetford */
  .gtm-thetford {
    width: 50%;
  }

  /* -----------------------------------------------------------
                  WIDGET
  ------------------------------------------------------------ */
  .gtm-text-widget-box p {
    font-size: 1rem;
    margin-top: 3px;
    margin-bottom: 5px;
  }

  .uk-padding-small {
    padding-left: 35px;
  }

  /* -----------------------------------------------------------
                  BW SOCIAL 
  ------------------------------------------------------------ */
  
  li.rrssb-facebook.small, li.rrssb-email.small, li.rrssb-instagram.small {
    width: 42px !important;
    padding: 0 5px;
  }

  ul.rrssb-buttons.bw-social-share-buttons.bw-social-share-buttons-small.rrssb-1 {
    flex-direction: column;
  }

  .rrssb-buttons li a .rrssb-icon {
    padding-top: 5px;
  }
}

@media screen and (min-width: 960px) {
  
  /* -----------------------------------------------------------
                      OUTIL DE RECHERCHE
  ------------------------------------------------------------ */

  .awesomplete {
    width: 86%;
  }

  /* -----------------------------------------------------------
                      ACCUEIL
  ------------------------------------------------------------ */

  .gtm-logo-accueil-deneigement a.gtm-bouton, 
  .gtm-logo-accueil-maillots a.gtm-bouton {
    width: fit-content;
  }
  
  .gtm-partenaire img {
    max-width: 400px;
  }
/* 
  .moduletable.gtm-padding.gtm-titre-accueil img {
    width: 35%;
  } */

  .gtm-accueil {
    padding-top: 4rem;
  }

  /* -----------------------------------------------------------
                      L'ENTREPRISE
  ------------------------------------------------------------ */
    
  .gtm-entreprise img,
  .gtm-entreprise div {
    width: 50%;
  }

  .gtm-entreprise img {
    padding-right: 30px;
    padding-bottom: 0;
  }

  .gtm-entreprise div {
    padding-left: 30px;
  }

  /* -----------------------------------------------------------
                      MISSION ET VISION
  ------------------------------------------------------------ */

  .gtm-savourez h3 {
    width: 40%;
    padding-right: 30px;
  }

  .gtm-savourez p {
    width: 60%;
    padding-left: 30px;
  }

  /* -----------------------------------------------------------
                    ÉQUIPE
  ------------------------------------------------------------ */
  .gtm-equipe .com-content-article__body h3 {
    width: 40%;
    padding-right: 30px;
    text-align: right;
  }

  .gtm-equipe .com-content-article__body div {
    width: 60%;
    padding-left: 30px;
    transform: translateY(8px);
  }

  /* -----------------------------------------------------------
                    CARRIÈRE
  ------------------------------------------------------------ */

  .gtm-entretien .com-content-article__body  {
    display: flex;
  }

  .com-content-article.item-page.gtm-entretien img {
    width: 50%;
    height: 50%;
    padding-right: 30px;
  }

  .gtm-carriere img {
    width: 50%;
    height: 50%;
    padding-right: 30px;
  }

  .gtm-carriere .com-content-article__body div {
    width: 50%;
    padding-left: 30px;
  }

  .com-content-article.item-page.gtm-entretien div {
    width: 50%;
    height: 50%;
    padding-left: 30px;
  }

/* -----------------------------------------------------------
                  WIDGET
------------------------------------------------------------ */
  
  .gtm-text-widget-box p {
    font-size: 1rem;
    margin-top: 3px;
    margin-bottom: 5px;
  }

/* -----------------------------------------------------------
                  PRODUITS
------------------------------------------------------------ */
  .gtm-bbq h3 {
    width: 40%;
    padding-right: 30px;
  }

  .gtm-bbq div.com-content-article__body div {
    width: 60%;
    padding-left: 30px;
    padding-top: 10px;
  }

  .gtm-maillots-intro div.com-content-article__body h3 {
    width: 40%;
    padding-right: 30px;
    text-align: right;
  }

  .gtm-maillots h5 {
    font-size: 3rem;
    padding: 0 0 30px;
  }

  .gtm-maillots-intro div.com-content-article__body div {
    width: 60%;
    padding-left: 30px;
    padding-top: 10px;
  }

  .gtm-maillots-2 div.gtm-custom {
    flex-direction: row;
  }

  .gtm-maillots div.gtm-custom div,
  .gtm-maillots-2 div.gtm-custom div {
    width: 50%;
  }

  .gtm-maillots div.gtm-custom div:first-child,
  .gtm-maillots-2 div.gtm-custom div:first-child {
    padding-right: 20px;
  }

  .gtm-maillots div.gtm-custom div:last-child,
  .gtm-maillots-2 div.gtm-custom div:last-child {
    padding-left: 20px;
  }

/* -----------------------------------------------------------
                  SERVICES
------------------------------------------------------------ */

  .gtm-reparation-intro h3 {
    width: 40%;
    text-align: right;
    padding-right: 30px;
  }

  .gtm-reparation-intro div.gtm-custom div {
    width: 60%;
    padding-left: 30px;
  }

  .gtm-ouverture-intro h3 {
    width: 40%;
    text-align: right;
    padding-right: 30px;
  }

  .gtm-ouverture-intro .gtm-custom div {
    width: 60%;
    padding-left: 30px;
  }

  .gtm-entretien-intro h3 {
    width: 40%;
    padding-right: 30px;
    text-align: right;
  }

  .gtm-entretien-intro .gtm-custom div {
    width: 60%;
    padding-left: 30px;
  }

  .gtm-secteurs h2 {
    width: 100%;
  }

  .gtm-secteurs .gtm-custom div {
    width: 50%;
  }

  .gtm-secteurs .gtm-custom div:first-child {
    padding-right: 30px;
  }

  .gtm-secteurs .gtm-custom div:last-child {
    padding-left: 30px;
  }

  /* -----------------------------------------------------------
                  FAQ
  ------------------------------------------------------------ */   
  .gtm-faq-intro h3 {
    width: 40%;
    text-align: right;
    padding-right: 30px;
  }

  .gtm-faq-intro div.gtm-custom div {
    width: 60%;
    padding-left: 30px;
    transform: translateY(9px);
  }
}

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

  .gtm-titre-accueil .gtm-custom {
    justify-content: flex-start;
  }

  .gtm-titre-accueil h1 {
    text-align: left;
  }

  .gtm-banniere-neige img,
  .gtm-banniere-maillots img {
    transform: translateY(-30px);
    width: 275px !important;
  }

  .gtm-banniere-neige img, .gtm-banniere-piscines img, .gtm-banniere-spas img, .gtm-banniere-bbq img,
  .gtm-banniere-maillots {
    display: none;
  }

  .gtm-logo-piscines-spas img,
  .gtm-logo-bbq img,
  .gtm-logo-deneigement-grand img,
  .gtm-logo-maillots-grand img {
    display: block;
    transform: translate(-20px, -45px);
    max-width: 300px;
  }

  .gtm-joindre-facebook, .gtm-joindre-carriere {
    margin: 30px auto 0 auto;
  }

  .gtm-bottom-wide2, .gtm-bottom-wide3{
    background-attachment: fixed; /* Fixe l'image pendant le scroll */
  }

  .gtm-accueil {
    padding-top: 4rem;
  }

  .gtm-logo-excel {
    width: 100%;
    transform: translateY(-140px);
  }

  .gtm-titre-accueil, .gtm-recherche-accueil {
    transform: translateY(-50px);
  }

  /* -----------------------------------------------------------
                      OUTIL DE RECHERCHE
  ------------------------------------------------------------ */
  .gtm-recherche-deneigement .mod-finder__search.input-group .btn-primary {
    background: #fff;
    color: #585757;
  }

  .gtm-recherche-bbq .mod-finder__search.input-group .btn-primary {
    background: #fff;
    color: #A25305;
  }

  .gtm-recherche-maillots .mod-finder__search.input-group .btn-primary {
    background: #fff;
    color: #FF8672;
  }

  .gtm-recherche-mobile {
    display: none;
  }

  .gtm-recherche-accueil {
    display: block !important;
  }

  .gtm-recherche-mobile .awesomplete {
    padding-top: 40px;
    width: 86%;
    padding: 10px;
    margin-top: 30px;
  }

  .gtm-recherche-accueil .mod-finder__search.input-group .btn-primary {
    background: #007686;
    color: #fff;
    margin: 1px 0 0 0;
    transform: translateY(39px);
    height: 33px;
  }

  .gtm-recherche-accueil input#mod-finder-searchword315 {
    border: 1px solid #000;
  }

  /* -----------------------------------------------------------  
                      PRODUITS
  ------------------------------------------------------------ */
  .gtm-produits-spas .com-content-article__body h3 {
    width: 40%;
    padding-right: 30px;
    text-align: right;
  }

  .gtm-produits-spas .com-content-article__body p {
    width: 60%;
    padding-left: 30px;
  }

  .gtm-spas-produits div.gtm-custom div div.gtm-boutons-produits {
    width: 100%;
  }

  .gtm-recherche-accueil {
    padding-top: 0;
  }
  
}

@media screen and (min-width: 1025px) {
  /* padding top pour le smartslider */
  .n2-section-smartslider.fitvidsignore.n2_clear {
    padding-top: 50px;
  
  }
  /* couleur du sous-menu */
  .gtmHeader .menu > .menu-item > .gtm-sub-menu > .menu-item > a {
    display: block;
    color: #585757 !important;
  }

  .gtm-banniere-general.gtm-banniere-eau img {
    display: none;
  }

  .gtm-logo {
    display: block;
    width: 275px;
    margin: 0 auto;
    transform: translateY(-92px);
  }

  .gtm-banniere-general,
  .gtm-banniere-eau,
  .gtm-banniere-piscines,
  .gtm-banniere-spas,
  .gtm-banniere-neige,
  .gtm-banniere-bbq,
  .gtm-banniere-maillots img {
    display: none;
    height: 150px;
    margin: 50px auto 0 auto;
  }

  /* -----------------------------------------------------------
                      OUTIL DE RECHERCHE
  ------------------------------------------------------------ */
  .gtm-recherche {
    background-image: url(/images/maitre-piscinier-piscines-excel-banniere.webp);
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
    margin: 50px auto 0 auto;
  }
  
  .gtm-recherche .btn-primary, button.btn.btn-primary {
    height: 22px;
    font-size: 10px;
  }

  .gtm-recherche-page-recherche .mod-finder__search.input-group {
    display: flex;
  }

  .gtm-recherche.gtm-recherche-maillots, .gtm-recherche.gtm-recherche-spas {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
    margin: 50px auto 0 auto;
  }

  .mod-finder__search.input-group .btn-primary {
    background: #fff;
    color: #04B5CC;
    margin-top: 85px;
    transform: translateY(0px) !important;
  }

  .gtm-recherche-piscines {
    background-image: url(/images/maitre-piscinier-piscines-excel-banniere.webp);
  }

  /* .gtm-recherche-spas {
    background-image: url(/images/hero/maitre-piscinier-piscines-excel-banniere-spas.webp);
    background-position: 50% 62%;
  } */

  .gtm-recherche-maillots {
    background-image: url(/images//hero/maitre-piscinier-piscines-excel-banniere-maillots.webp);
    background-position: bottom;
  }

  .gtm-recherche-bbq {
    background-image: url(/images/maitre-piscinier-piscines-excel-banniere-bbq.webp);
    background-position: bottom;
  }

  .gtm-recherche-deneigement {
    background-image: url(/images/maitre-piscinier-piscines-excel-banniere-neige.webp);
  }

  .gtm-recherche .awesomplete {
    padding-top: 85px;
    width:150px;
  }

  input#mod-finder-searchword316 {
    width: 50%;
  }

  .gtm-recherche .btn-primary {
    height: 32px;
    margin-top: 74px;
  }

  .input-group {
    display: none;
  }

  .gtm-banniere-neige img, .gtm-banniere-piscines img, .gtm-banniere-spas img, 
  .gtm-banniere-bbq img {
    display: none;
  }

  .gtm-recherche-accueil {
    margin: 0;
    height: 0;
  }

  .gtm-recherche-accueil .btn-primary {
    height: 32px;
    margin-top: 0;
  }

  .gtm-recherche-accueil .awesomplete {
    padding-top: 2px;
    max-width: 700px;
    margin-top: 0;
  }

  /* -----------------------------------------------------------
                  RECHERCHE
  ------------------------------------------------------------ */

  .gtm-recherche-accueil {
    display: none !important;
  }

  .gtm-recherche .mod-finder__search.input-group {
    display: flex;
  }

  .awesomplete > input {
    width: 100%;
    border: 1px solid transparent;
    height: 30px;
  }

  input#mod-finder-searchword316 {
    border: 1px solid transparent;
    height: 20px;
    margin-top: 0;
    width: 100%;
    font-size: 10px;
}

  .gtm-recherche .btn-primary {
    padding: 1px 25px;
  }
}

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

  /* -----------------------------------------------------------
                  WIDGET
  ------------------------------------------------------------ */
  .uk-position-medium {
    width: 33%;
  }

  /* -----------------------------------------------------------
                  CARRIÈRE
  ------------------------------------------------------------ */
  
  /* .com-content-article.item-page.gtm-carriere img {
    width: 40%;
  } */
  
  .gtm-piscines-creusees {
        background-image: url(/images/lifestyle/maitre-piscinier-piscine-excel-lifestyle-creusee.jpg);
    background-position: 50% 37%;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

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

  /* -----------------------------------------------------------
                  LOGOS
  ------------------------------------------------------------ */
  .gtm-logo.gtm-padding img {
    width: 315px;
    transform: translateY(-155px);
  }

  .gtm-logo-excel {
    max-width: 375px;
    transform: translateY(-184px) !important;
  }

  .gtm-titre-accueil img {
    max-width: 150px;
  }

  /* -----------------------------------------------------------
                  ENTREPRISE
  ------------------------------------------------------------ */
  .gtm-entreprise img {
    width: 40%;
  }

  .gtm-entreprise div {
    width: 60%;
  }

  /* -----------------------------------------------------------
                  WIDGET
  ------------------------------------------------------------ */
  .uk-position-relative .uk-slideshow-items h3 {
    font-size: 3rem;
    margin-bottom: 10px;
    line-height: 3rem;
  }

  .gtm-text-widget-box h4 {
    font-size: 2rem;
    line-height: 2rem;
    padding-bottom: 10px;
  }

  .gtm-text-widget-box p {
    font-size: 1.2rem;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  /* -----------------------------------------------------------
                  PRODUITS - MAILLOTS
  ------------------------------------------------------------ */

  .gtm-maillots div.gtm-custom div:first-child {
    width: 70%;
  }

  .gtm-maillots div.gtm-custom div:last-child {
    width: 30%;
  }

  .gtm-maillots-2 div.gtm-custom div:first-child {
    width: 30%;
  }

  .gtm-maillots-2 div.gtm-custom div:last-child {
    width: 70%;
  }
}

@media screen and (min-width: 1500px) {
  p, li {
    font-size: 1.2em;
  }
}




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

  .gtm-logo-excel {
    max-width: 425px;
  }

  /* -----------------------------------------------------------
                  ENTREPRISE
  ------------------------------------------------------------ */
  .gtm-entreprise img {
    width: 30%;
  }

  .gtm-entreprise div {
    width: 70%;
  }
}

@media screen and (min-width: 2000px) {
  .gtm-row-top, .gtm-piscine-costa, .gtm-divisions, .gtm-mission, .gtm-vision, .gtm-historique, .gtm-prix, .gtm-poste, .gtm-spa-bullfrog, .gtm-spa-maitre-piscinier, .gtm-spa-lumio, .gtm-covana, .gtm-barbecue, .gtm-maillots, .gtm-maillots-2, .gtm-entretien-intro div, .gtm-reparation-intro div, .gtm-secteurs, .gtm-entreprise .gtm-custom, .gtm-ouverture-fermeture, .gtm-entretien, .com-finder.finder {
    max-width: 1990px;
    margin: 0 auto;
  }

  .gtm-top3 {
    width: 50%;
    max-width: 480px;
    /* margin: 0 auto; */
  }

  .gtm-bottom2,.gtm-deneigement-div div:first-child {
    width: 50%;
    max-width: 990px;
    margin: 0 0 0 auto;
  }

  .gtm-bottom3, .gtm-deneigement-div div:last-child {
    width: 50%;
    max-width: 990px;
    margin: 0 auto 0 0;
  }

  .gtm-logo-excel {
    max-width: 480px;
    transform: translateY(-233px) !important;
  }

  .gtm-entretien {
    padding: 1.5rem 0;
  }

  .gtm-reparation {
    padding: 1.5rem 4rem;
    margin: 0 auto;
    padding: 1.5rem 0;
  }
}









/* ///// NE PAS TOUCHER ///// */


.blog-items {
  display: flex;
  padding: 35px;
}

.blog-items img {
  width: 100%;
}


@media (min-width: 768px) {

    .blog-items.masonry-4 {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2;
    }
}

.blog-item {
  display: flex;
  flex-direction: column;
  padding: 0 0.5em 1em;
  overflow: hidden;
}
.boxed .blog-item {
  background-color: white;
  box-shadow: 0 0 2px rgba(51, 57, 66, 0.1), 0 2px 5px rgba(51, 57, 66, 0.08), 0 5px 15px rgba(51, 57, 66, 0.08), inset 0 3px 0 var(--cassiopeia-color-primary);
}
.boxed .blog-item .item-content {
  padding: 25px;
}
.blog-item .item-image {
  margin-top: 3px;
  margin-bottom: 15px;
  overflow: hidden;
}
.boxed .blog-item .item-image {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .image-right .blog-item .item-image {
    order: 1;
  }
}
.image-bottom .blog-item .item-image {
  margin-top: -15px;
  order: 1;
}
.image-left .blog-item .item-content {
  padding-left: 25px;
}
.image-right .blog-item .item-content {
  padding-right: 25px;
}
.image-left .blog-item, .image-right .blog-item {
  flex-direction: column;
}
@media (min-width: 992px) {
  .image-left .blog-item, .image-right .blog-item {
    flex-direction: row;
  }
  .image-left .blog-item .item-image, .image-right .blog-item .item-image {
    flex: 1 0 40%;
  }
  .image-left .blog-item .item-content, .image-right .blog-item .item-content {
    flex: 1 0 60%;
  }
}

.article-info dd {
  padding: 0;
}

  .blog-items .blog-item {
    padding: 0;
  }
  .blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
  }

.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
  display: block;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
}
.blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  display: flex;
  margin-bottom: 1em;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
@media (min-width: 992px) {
  .blog-items.masonry-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .blog-items.masonry-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
  .blog-items.masonry-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
  order: 0;
}
.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
  margin-right: 0;
  margin-left: 25px;
  order: 1;
}
.image-alternate.image-top .blog-item:nth-of-type(2n+1) .item-image {
  order: 1;
}

/* ---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
  COOKIES
------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */

/* image de cookie */
.cc-revoke.cc-bottom {
  background-image: url(/images/cookie.svg);
  width: 30px;
  height: 30px;
  left: 15px;
  bottom: 15px;
  background-color: transparent !important;
  -webkit-animation: cookie 0.4ss .8s both;
  animation: cookie 0.4s .8s both;
}

.cc-revoke.cc-bottom:hover {
  background-image: url(/images/cookie-hover.svg);
}

@keyframes cookie {
  0% {  
    visibility: hidden;
    transform: translate(0%, 100%); 
  }
  100% {
    visibility: visible;
    transform: translate(0%, 0%); 
  }
}

/* grille du pop up */
.cc-message-text {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
  
.cc-message-text .p1 { 
  grid-area: 1 / 1 / 2 / 2; 
  font-size: 16px;
}

.cc-message-text .cc-checkboxes-container {
  grid-area: 2 / 1 / 3 / 2;
  margin-top: 20px;
  margin-bottom: 20px;
}

.cc-message-text .cc-compliance {
  grid-area: 3 / 1 / 4 / 2;
}

/* bouton fermeture popup */
.cc-close {
  top: 0.8em;
  right: 0.6em;
  font-size: .8em;  
}

/* bouton fermeture popup */
.cc-link.cc-privacy {
  font-size: 16px;
}

/* boutons */
/* span.cc-cookie-settings-toggle, div.cc-window a.cc-btn {
  border-radius: 99px !important;
} */

span.cc-cookie-settings-toggle, .cc-btn.cc-allowall, .cc-btn.cc-deny, a.cc-btn.cc-allow {
  font-size: 16px !important;
  font-weight: 500;
  padding: 5px 10px !important;
  line-height: 1.2;
  height: inherit !important;
}

span.cc-cookie-settings-toggle:hover, .cc-btn.cc-allowall:hover, .cc-btn.cc-deny:hover, a.cc-btn.cc-allow:hover {
  background-color: #007686 !important;
  border-color: #007686 !important;
}

/* lien politique de confidentialité et catégories de cookies */
a.cc-link.cc-privacy:hover {
  color: #007686;
}

a.cc-link.cc-cookie-checkbox:hover label {
  color: #007686;
}

/* alignement */
div.cc-checkboxes-container {
  align-items: center;
  margin-top: 0px;
}

input.cc-cookie-checkbox+span:after, input.cc-cookie-checkbox+span:before {
  display: none;
}

input.cc-cookie-checkbox {
  appearance: auto !important;
  opacity: 1;
  transform: translateY(2px);
}

.cc-cookie-settings-toggler {
  display: none !important;
}

input.cc-cookie-checkbox:checked+span:after, input.cc-cookie-checkbox:checked+span:before {
  display: none !important;
}

div.cc-checkboxes-container a.cc-btn.cc-allow {
  margin-bottom: 0px !important;
}