/********************************** Commom **********************************/


/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

    .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }


/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
        right: 0;
    }

/* Underline From Center */
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
        left: 0;
        right: 0;
    }

/*-----------------------------------------------Waterflex------------------------------------------*/
.waterflex h1 {
    font-size: 2vw;
    line-height: 2vw;
    font-family: raleway !important;
    font-weight: bolder !important;
    color: white !important;
    letter-spacing: 1.5px;
}

.waterflex h2 {
    font-size: 4vw;
    line-height: 5vw;
    font-family: raleway !important;
    font-weight: 300 !important;
    color: white !important;
}

.waterflex .center-text {
    text-align: center;
}

.waterflex .vcenter, .waterflex .vcenterrow, .waterflex .vcentermob {
    display: flex;
    align-items: center;
}

.mobile-visible {
    visibility: hidden;
}

.mobile-hidden {
    visibility: visible;
}

.waterflex button {
    margin-top: 80px;
}

.waterflex .well {
    background-color: white;
    border: 0px;
}

.waterflex .background-blanc {
    background-color: white;
    margin: 50px 0px 0px 0px;
    padding: 50px 0px;
}

.waterflex .slider {
    border-top: solid 3px black;
    border-bottom: solid 3px black;
}

.waterflex .carousel-inner {
    width: 70%;
    margin: 0 15%;
}

.waterflex .carousel-control.left, .waterflex .carousel-control.right {
    background: transparent;
}

.waterflex .chevron {
    width: 25%;
}

.waterflex .slide-title {
    font-size: 3vw;
    line-height: 4vw;
}

.waterflex .ino6-air-parallax2 {
    background-image: url("../catalogue-2020/aquafitness/inobike-6-air/situation.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: 60% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 70px 0px 0px 0px;
    min-height: 650px;
}

.waterflex .ino6-parallax1 {
    background-image: url("../Image/produit/waterflex/inobike6/paralax-1.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    padding: 3vw;
    max-height: 360px;
}

.waterflex .ino7-parallax1 {
    background-image: url("../Image/produit/waterflex/inobike7/paralax-1.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    padding: 3vw;
    max-height: 360px;
}

.waterflex .ino8-parallax1 {
    background-image: url("../Image/produit/waterflex/inobike8/paralax-1.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    padding: 3vw;
    max-height: 360px;
}

.waterflex .img_produit {
    margin: -10% 0 -60% 0;
    width: 90%;
}

.waterflex .ino6-parallax2 {
    background-image: url("../Image/produit/waterflex/inobike6/paralax-2.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: 60% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 70px 0px 0px 0px;
    min-height: 650px;
}

.waterflex .ino7-parallax2 {
    background-image: url("../Image/produit/waterflex/inobike7/paralax-2.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: 60% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 70px 0px 0px 0px;
    min-height: 650px;
}

.waterflex .ino8-parallax2 {
    background-image: url("../Image/produit/waterflex/inobike8/paralax-2.jpg");
    height: 100%;
    background-attachment: fixed;
    background-position: 60% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 70px 0px 0px 0px;
    min-height: 650px;
}

.waterflex .transition {
    background-color: #f4f5f6;
    transform: skew(0deg,-2deg);
    height: 100px;
    position: relative;
    margin-top: -3%;
}

.waterflex .3points {
    margin: 0px 0px 50px 0px;
}

.waterflex .caracteristiques h3 {
    font-size: 2.8em;
    margin: 0 0 32px 0;
}

.waterflex .caracteristiques {
    margin: 50px 0px;
}

.waterflex table {
    width: 100%;
}

    .waterflex table tr {
        border-bottom: 1px solid #7e8998;
    }

    .waterflex table p {
        margin: 0.5em 0px;
    }

/*** R�solution de + de 1200 px *****/
@media screen and (min-width: 1200px) {
    .waterflex h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .waterflex h2 {
        font-size: 60px;
        line-height: 80px;
    }

    .waterflex .ino6-parallax1, .waterflex .ino7-parallax1, .waterflex .ino8-parallax1, .waterflex .lanabike-evo-parallax1 {
        padding: 36px;
        background-size: cover;
    }
}

/*** R�solution de - de  740px (portait tablette) *****/




/*** R�solution de - de 992 px (col-md) *****/
@media screen and (max-width: 991px) {
    .waterflex .vcenterrow {
        display: block;
    }

   /* .waterflex .utilisation {
        width: 50%;
        margin-top: 16%;
    }*/

    .waterflex .mesure {
        width: 75%;
        margin-top: 0%;
    }

    .waterflex .ino6-parallax2 {
        margin: 10px 0px 0px 0px;
        background-position: 62% 19%;
        background-size: inherit;
        background-color: #c1e9f3;
    }

    .waterflex .ino7-parallax2 {
        margin: 10px 0px 0px 0px;
        background-position: 67% 22%;
        background-size: inherit;
        background-color: #c1e9f3;
    }

    .waterflex .ino8-parallax2 {
        margin: 10px 0px 0px 0px;
        background-position: 68% 20%;
        background-size: inherit;
        background-color: #c1e9f3;
    }
}

/*** R�solution de - de 480 px (mobile-portrait) *****/
@media screen and (max-width: 480px) {

    .waterflex .ino6-parallax1, .waterflex .ino7-parallax1, .waterflex .ino8-parallax1 {
        max-height: 460px;
    }

    .waterflex .ino6-parallax2 {
        margin: 10px 0px 0px 0px;
        background-position: 72% 1000px;
        background-size: inherit;
        background-color: #c1e9f3;
        position: relative;
        text-align: center;
    }

    .waterflex .ino7-parallax2 {
        margin: 10px 0px 0px 0px;
        background-position: 85% 1250px;
        background-size: inherit;
        background-color: #c1e9f3;
        position: relative;
        text-align: center;
        padding-bottom: 68px;
    }

    .waterflex .ino8-parallax2 {
        margin: 10px 0px 0px 0px;
        background-position: 85% 1100px;
        background-size: inherit;
        background-color: #c1e9f3;
        position: relative;
        text-align: center;
        padding-bottom: 68px;
    }

    .waterflex h1 {
        font-size: 4vw;
        line-height: 4vw;
    }

    .waterflex h2 {
        font-size: 10vw;
        line-height: 13vw;
    }

    .waterflex .vcentermob {
        display: block;
    }

    .waterflex .img_produit {
        margin: 0px;
        width: 100%;
    }

    .mobile-visible {
        visibility: visible;
    }

    .mobile-hidden {
        visibility: hidden;
    }

    .waterflex .transition {
        margin-top: -8%;
    }
	
	   /*.waterflex .utilisation {
        width: 100%;
        margin-top: 16%;
    }*/
}


/*---------------------------------------------- Old Design ---------------------------------------*/
/* Sp�cial responsive */
@media (max-width: 990px) {
    .header_banner {
        background-size: auto !important;
        background-position: center center;
    }

    footer {
        font-size: 16px !important;
    }

        footer ul, footer ul li {
            margin: 20px 0px;
        }

    iframe a {
        display: none;
    }
}


/*Mod�le Fiche commune*/

h1, h2, h3, h4, h5 {
    margin: 10px 0px;
}

#exclu_pro {
    position: absolute;
    right: 50%;
    top: 128px;
    width: 150px;
}


#btn_fiche_produit {
    position: fixed;
    display: block;
    z-index: 50;
    right: 0px;
    top: 25%;
}

#btn_fiche_produit_responsive {
    display: none;
}

@media (max-width: 990px) {
    #btn_fiche_produit {
        display: none;
    }

    #btn_fiche_produit_responsive {
        position: fixed;
        display: block;
        z-index: 150;
        right: 75px;
        top: 10px;
    }

    #exclu_pro {
        position: absolute;
        right: 5% !important;
        top: 128px;
        width: 75px;
    }
}

#wrapper {
    padding-bottom: 0px !important;
    z-index: inherit !important;
}

.owl-carousel {
    margin-bottom: 0px;
}

.padding-top20 {
    padding-top: 20px;
}

.padding-bottom40 {
    padding-bottom: 40px;
}

.padding-bottom20 {
    padding-bottom: 20px;
}

.panel-title {
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    letter-spacing: 0px;
}

.slider-dl, .slider-dl:focus {
    transform: rotate(270deg);
    top: 25%;
    right: -8px;
    z-index: 1000000;
    position: fixed;
    display: block;
    background-color: #888483;
    color: white;
    padding: 7px 12px 12px 18px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
    transform-origin: 100% 100%;
    transition: background-color 1s, right 1s;
    text-decoration: none;
}

    .slider-dl:hover {
        background-color: #f7a600;
        right: 0;
        text-decoration: none;
        color: white;
    }

.icone_pdf, .icone_pdf:focus {
    background-image: url(./Image/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 18px 7px;
    padding: 11px 12px 12px 48px;
}

.centrer {
    text-align: center;
}

.texte_gras {
    font-weight: bold;
}

.text_italic {
    text-decoration: italic;
}

@media (max-width: 990px) {
    .slider-dl, .slider-dl:hover {
        transform: rotate(0deg);
        top: 10px;
        right: 70px;
        z-index: 1000000;
        position: fixed;
        display: block;
        background-color: #888483;
        color: white;
        padding: 7px 12px 12px 18px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        text-transform: uppercase;
        transform-origin: 100% 100%;
        transition: background-color 1s, right 1s;
        text-decoration: none;
        font-size: 12px;
    }

    .icone_pdf, .icone_pdf:hover, .icone_pdf:active {
        background-image: url(./Image/icon_pdf.png);
        background-repeat: no-repeat;
        background-position: 12px 6px;
        padding: 9px 12px 7px 42px;
    }
}

@media (max-width: 350px) {
    .slider-dl, .slider-dl:hover {
        transform: rotate(0deg);
        top: 10px;
        right: 70px;
        z-index: 1000000;
        position: fixed;
        display: block;
        background-color: #888483;
        color: white;
        padding: 7px 12px 12px 18px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        text-transform: uppercase;
        transform-origin: 100% 100%;
        transition: background-color 1s, right 1s;
        text-decoration: none;
        font-size: 0px;
    }

    .icone_pdf, .icone_pdf:hover, .icone_pdf:active {
        background-image: url(./Image/icon_pdf.png);
        background-repeat: no-repeat;
        background-position: 12px 6px;
        padding: 9px 0px 9px 46px;
    }
}




#mentions {
    margin: 0 0 0 5%;
    font-size: 12px;
}

/*Haut de page*/

#titre_nom_produit {
    font: 20px 'Open Sans';
    margin: 0px;
}

#accroche_produit {
    font: bold 21px 'Open Sans';
    text-align: center;
    margin-top: 80px;
    color: #606060;
}



#image_produit {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

#image_logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.img_responsive_pastille {
    margin: auto;
}

.pastille_gauche {
    float: right;
}

.pastille_droite {
    float: left;
}

#image_logo_pastille {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1200px) and (min-width:990px) {
    #image_logo_pastille {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 990px) {
    #image_logo_pastille {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
}

/*Description*/

.background_blanc {
    background: #fff;
}

#container_titre_description {
    padding: 20px 0px;
}

#accroche_description {
    font: 16px 'Open Sans';
    margin-left: 16%;
    margin-right: 16%;
    color: #606060;
}

/*Caracteristiques*/

.img_flotante_txt {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
}

.img_flotante_txt2 {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.img_flotante_droite_txt {
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

.clear_txt_img_flotante {
    clear: both;
}


/*Centrer verticalement le text - Tr�s important*/

/* Sp�cial Firefox */
@-moz-document url-prefix() {
    .bloc_image_description_pac {
        position: relative !important;
    }

    .sous-titre_description_aquaf, .sous-titre_description_pac, .sous-titre_description_fsauna, .sous-titre_description {
        padding-top: 12%;
    }

    @media (max-width: 990px) {
        .sous-titre_description_aquaf, .sous-titre_description_pac, .sous-titre_description_fsauna, .sous-titre_description {
            padding-top: 0%;
        }
    }
}
/*Pour les webkit (chrome, safari,..)*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

    .col-middle {
        display: table-cell;
        float: none !important;
        vertical-align: middle;
    }
}
/*Pour Opera */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .col-middle {
        display: table-cell;
        float: none !important;
        vertical-align: middle;
    }
}
/*Pour IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie10up {
        property: value;
    }

    .col-middle {
        display: table-cell;
        float: none !important;
        vertical-align: middle;
    }
}



@media (max-width: 990px) {


    .col-middle {
        display: block;
        float: none !important;
        vertical-align: middle;
    }
}
/*//////////////////////////////////*/

/*Mod�le Fiche sauna*/

.tab_sauna_center {
    margin: auto;
}

/*Haut de page*/

#sous-titre_nom_produit {
    font: lighter 90px 'Open Sans';
    color: black;
}

@media (max-width: 1200px) and (min-width:990px) {
    #sous-titre_nom_produit {
        font: lighter 82px 'Open Sans';
        color: black;
        margin-bottom: 100px;
    }
}

@media (max-width: 990px) {
    #sous-titre_nom_produit {
        font: lighter 45px 'Open Sans';
        color: black;
    }
}

/*Description*/

.background_sauna {
    background: #ECE2CB;
}

#titre_description {
    font: lighter 36px 'Open Sans';
    color: black;
    text-align: center;
    margin: 0px;
}

.titre_cat_description_sauna {
    font: lighter 36px 'Open Sans';
    color: black;
    text-align: center;
    margin: 0px;
    margin-bottom: 20px;
}

#titre_description_gras {
    font-weight: bold;
}

.sous-titre_description {
    font: normal 'Open Sans';
    color: #e09c34;
}

.sous-titre_description_fsauna {
    font: normal 16px 'Open Sans';
    color: #e09c34;
    margin: 0px;
}

.text_description {
    font: normal 16px 'Open Sans';
    color: #5d5d5d;
}

.text_description_fsauna {
    font: normal 13px 'Open Sans';
    color: #5d5d5d;
}

.tab_carac_fsauna {
    text-align: center;
}

.images_description {
    padding: 0px !important;
}

.img-responsive-description {
    width: 100%;
}

.image_description_sauna {
    max-width: 100%;
    height: auto;
    margin: auto;
}

@media (max-width: 990px) {
    .img-responsive-description {
        display: block;
        max-width: 100%;
        height: auto;
        width: 100%;
    }

    .text_description {
        font: normal 16px 'Open Sans';
        color: #5d5d5d;
        padding-bottom: 20px;
    }

    .text_description_fsauna {
        font: normal 13px 'Open Sans';
        color: #5d5d5d;
        padding-bottom: 40px;
    }
}
/*Caracteristiques*/

.colonnes_carac {
    text-align: center;
    font: normal 18px 'Open Sans';
    line-height: 45px;
}

.titre_carac {
    font: lighter 30px 'Open Sans';
    color: black;
    margin-bottom: 35px;
}

.marge_plan_carac {
    margin-top: 60px;
}

.titre_suplement_carac {
    font: lighter 35px 'Open Sans';
    color: black;
    margin-bottom: 18px;
}

.accroche_suplement_carac {
    font: normal 16px 'Open Sans';
    color: #484848;
}

.container_marge {
    padding: 20px 0px;
}

@media (max-width: 990px) {
    .colonnes_carac {
        text-align: center;
        font: normal 18px 'Open Sans';
        line-height: 26px;
        margin-bottom: 20px;
    }

    .marge_plan_carac {
        margin-top: 0px;
    }

    .titre_carac {
        font: lighter 30px 'Open Sans';
        color: black;
        margin-bottom: 0px;
    }

    .container_center {
        text-align: center;
    }
}

.container_center_carac {
    text-align: center;
}

/*Mod�le Fiche douches*/
/*Haut de page*/

#sous-titre_nom_produit_douche {
    font: lighter 90px 'Open Sans';
    color: #b1b524;
    padding-right: 70px;
}

#accroche_produit_douche {
    font: bold 21px 'Open Sans';
    text-align: center;
    margin-top: 25px;
    color: #606060;
}

@media (max-width: 990px) {
    #sous-titre_nom_produit_douche {
        font: lighter 45px 'Open Sans';
        color: #b1b524;
        padding-right: 0px;
    }
}

/*Description*/

.img-responsive_douche {
    max-width: 100%;
}

#titre_description_douche {
    font: lighter 36px 'Open Sans';
    color: #b1b524;
    text-align: center;
    margin: 0px;
    margin-bottom: 20px;
}

.sous-titre_description_douche {
    font: lighter 36px 'Open Sans';
    color: #b1b524;
    text-align: center;
}

.colonnes_description_douches {
    text-align: center;
    padding: 30px !important;
}

/*Caracteristiques*/

/*Tableau perso
	
	.tableau_carac_douche
	{
	font: normal 12px 'Open Sans'; 
	color:#606060;
	padding-bottom: 20px;
	}
	
	.tableau_carac_douche table
	{
	width:60%; 
	margin:auto;
	}
	
	@media (max-width: 450px) 
	{
	.tableau_carac_douche table
	{
	width:100%; 
	margin:auto;
	}
	}
		.tableau_carac_douche  tbody
	{
border-right:2px solid transparent;
	}
	
	.tableau_carac_douche  tr:nth-child(even)
	{
	background-color:#e7e8c8 !important;
	}
	
		.tableau_carac_douche  tr:nth-child(odd)
	{
	background-color:transparent !important;
	}
	
	
	.tableau_carac_douche  th , .tableau_carac_douche  td
	{
	padding : 2px 4px !important;
	border-right: 1px solid #b1b524;
	border-top:0px solid white !important;
	vertical-align:middle !important;
	}
	
	.tableau_carac_douche  td
	{
	text-align:center;
	}
	
	.tableau_carac_douche  #nom_produit_douche
	{
	background-color:#b1b524;
	}
	
	.tableau_carac_douche  #nom_produit_douche p
	{
	text-align:center;
	margin:0px;
	text-transform:uppercase;
	color:white;
	}
	
	.tableau_carac_douche  .titre_tableau_douche 
	{
	background-color:#b1b524;
	border-right: 1px solid white;
	}
	
	.tableau_carac_douche  .titre_tableau_douche p
	{
	margin:0px;
	color:white;
	}
	*/


#titre_carac_douche {
    font: lighter 36px 'Open Sans';
    color: #b1b524;
    text-align: center;
}

.colonnes_carac_douches {
    text-align: center;
}

.titre_colonnes_carac_douches {
    color: #b1b524;
}

#titre_suplement_carac_douches {
    font: normal 36px 'Open Sans';
    color: #b1b524;
    text-align: center;
    margin: 18px 17%;
}

@media (max-width: 990px) {
    .colonnes_carac_douches {
        text-align: center;
        padding: 0px;
    }
}

/*Mod�le Fiche Pompes � chaleur*/

.uconnect_accessoires {
    text-align: center;
}

.img_responsive_pac {
    margin: auto;
}

/*Haut de page*/

#sous-titre_nom_produit_pac {
    font: lighter 90px 'Open Sans';
    color: #079ac6;
}

#sous-titre_nom_produit_pac_premium {
    font: bold 90px 'Open Sans';
    color: #079ac6;
    font-style: italic;
}

#accroche_produit_pac {
    font: bold 21px 'Open Sans';
    text-align: center;
    margin-top: 25px;
    color: #606060;
    line-height: 50px;
}


#image_logo_pac {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}


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

    #image_logo_pac {
        margin-left: auto;
        margin-right: auto;
        margin-top: 125px;
    }
}

@media (max-width: 990px) {
    #sous-titre_nom_produit_pac {
        font: lighter 45px 'Open Sans';
        color: #079ac6;
    }

    #sous-titre_nom_produit_pac_premium {
        font: bold 45px 'Open Sans';
        color: #079ac6;
        font-style: italic;
    }

    #accroche_produit_pac {
        font: bold 21px 'Open Sans';
        text-align: center;
        margin-top: 50px;
        color: #606060;
        line-height: 28px;
    }

    #image_logo_pac {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 25px;
    }
}
/*Description*/

#titre_description_pac {
    font: lighter 36px 'Open Sans';
    color: #079ac6;
    text-align: center;
    margin: 0px;
    margin-bottom: 20px;
}

.titre2_description_pac {
    font: lighter 36px 'Open Sans';
    color: #079ac6;
    text-align: center;
    margin-bottom: 20px;
}



.bloc_image_description_pac {
    padding: 0px !important;
}


.sous-titre_description_pac {
    margin-top: 0px;
    color: #e09c34;
}

.colonnes_description_pac h3, .colonnes_description_pac p {
    text-align: center;
    padding: 0px 60px !important;
}

#titre_suplement_description_pac {
    font: normal 36px 'Open Sans';
    color: #079ac6;
    text-align: center;
    margin-top: 18px;
}

#source_suplement_description_pac {
    font: bold 16px 'Open Sans';
    color: #079ac6;
    text-align: right;
    margin-bottom: 18px;
    padding-right: 16%;
}

.img_description_responsive_pac {
    width: 100%;
}

@media (max-width: 1200px) {
    #source_suplement_description_pac {
        font: bold 16px 'Open Sans';
        color: #079ac6;
        text-align: right;
        margin-bottom: 18px;
        padding-right: 10%;
    }
}

@media (max-width: 990px) {

    .img_description_responsive_pac {
        width: 100%;
    }

    #source_suplement_description_pac {
        font: bold 16px 'Open Sans';
        color: #079ac6;
        text-align: right;
        margin-bottom: 18px;
        padding-right: 0px;
    }
}

/*Caracteristiques*/

.colonnes_carac_pac {
    text-align: center;
    font: normal 16px 'Open Sans';
    color: #606060;
    padding-bottom: 20px;
}

.image_pastille_pac {
    margin: auto;
    width: 128px;
}

.image_carac_pac {
    margin: auto;
}

.titres_carac_pac {
    font-weight: lighter;
    color: #e09c34;
    margin-bottom: 0px;
}

@media (max-width: 990px) {
    .titres_carac_pac {
        font-weight: lighter;
        color: #e09c34;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .container_accessoire_carac_pac {
        text-align: center;
    }
}

/*Mod�le Fiche aquafitness*/
/*Haut de page*/

.background_aquaf {
    background-color: #FFEAD5;
}

#sous-titre_nom_produit_aquaf {
    font: lighter 90px 'Open Sans';
}

#accroche_produit_aquaf {
    font: bold 21px 'Open Sans';
    text-align: center;
    margin-top: 30px;
    color: #606060;
}

.img_responsive_aquaf {
    margin: auto;
}

#img_pratique_aquaf {
    padding: 40px;
}

#img_produit_aquaf {
    height: 580px;
}

#img_produit_swim {
    height: 400px;
}

#titre_accroche_description_aquaf {
    font: lighter 36px 'Open Sans';
    margin-left: 12%;
    margin-right: 8%;
    text-align: center;
    margin-top: 0px;
}

.accroche_description_aquaf {
    font: 15px 'Open Sans';
    margin-left: 12%;
    margin-right: 8%;
    color: #606060;
}

.image_carac_aquaf {
    margin: auto;
}

.tab_aquaf_maillot80 {
    margin-top: 80px;
}

.tab_aquaf_maillot20 {
    margin-top: 20px;
}

.img_aquaf_maillot_complement {
    width: 25%;
}

.txt_aquaf_maillot_complement {
    font: lighter 26px 'Open Sans';
    color: #079ac6;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}


@media (max-width: 990px) {
    #sous-titre_nom_produit_aquaf {
        font: lighter 45px 'Open Sans';
    }

    #img_pratique_aquaf {
        padding: 20px;
    }

    #img_produit_aquaf {
        width: 470px;
        height: 100%;
    }

    .tab_aquaf_maillot80 {
        margin-top: 0px;
    }

    .tab_aquaf_maillot20 {
        margin-top: 0px;
    }
}



@media (max-width: 1200px) and (min-width:990px) {
    #sous-titre_nom_produit_aquaf {
        font: lighter 82px 'Open Sans';
    }

    .tab_aquaf_maillot80 {
        margin-top: 0px;
    }

    .tab_aquaf_maillot20 {
        margin-top: 0px;
    }
}
/*Description*/
#titre_description_aquaf {
    font: lighter 36px/100% 'Raleway', 'sans-serif';
    text-align: center;
    margin: 20px;
}

.sous-titre_description_aquaf {
    margin-top: 0px;
}

.bloc_image_description_aquaf {
    padding: 0px !important;
}

.img_description_responsive_aquaf {
    width: 100%;
}

.sous-titre_description_aquaf {
    margin-top: 10px;
}

.titre2_description_aquaf {
    font: lighter 36px 'Open Sans';
    color: #079ac6;
    text-align: center;
    margin-bottom: 20px;
}

.colonnes_description_aquaf h3, .colonnes_description_aquaf p {
    text-align: center;
    padding: 0px 0px !important;
}

@media (max-width: 990px) {
    #titre_description_aquaf {
        font: lighter 30px 'Open Sans';
        text-align: center;
        margin: 20px;
    }

    .img_description_responsive_aquaf {
        width: 100%;
    }

    .sous-titre_description_aquaf {
        margin-top: 20px;
    }
}

/*Paddle*/
#accroche_produit_paddle {
    font: bold 21px 'Open Sans';
    text-align: center;
    margin-top: 25px;
    color: #606060;
}

.img_responsive_paddle {
    margin: auto;
}

#img_logo_paddle {
    margin: 140px auto auto;
}

.titre2_description_paddle {
    font: lighter 36px 'Open Sans';
    color: #079ac6;
    text-align: center;
    margin-bottom: 20px;
}

.colonnes_description_paddle h3, .colonnes_description_paddle p {
    text-align: center;
    padding: 0px 0px !important;
}

.image_carac_paddle {
    margin: auto;
}

.sous-titre_description_paddle {
    margin-top: 10px;
    color: #e09c34;
}

.table_carac_paddle {
    width: 50% !important;
    margin: auto;
}

@media (max-width: 990px) {
    #img_logo_paddle {
        margin: 0px auto auto;
    }

    #accroche_produit_paddle {
        font: bold 21px 'Open Sans';
        text-align: center;
        margin-top: 0px;
        color: #606060;
    }

    .table_carac_paddle {
        width: 100% !important;
        margin: auto;
    }
}

/*Mod�le Fiche spa*/
/*Haut de page*/
/*Description*/
/*Caract�ristiques*/
.titre2_description_spa {
    font: lighter 36px 'Open Sans';
    color: #079ac6;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.colonnes_description_spa h3, .colonnes_description_spa p {
    text-align: center;
    padding: 0px 0px !important;
}

.sous-titre_description_spa {
    margin-top: 10px;
    color: #e09c34;
}

.image_carac_spa {
    margin: auto;
}

.tab_carac_spa {
    text-align: center;
    width: 50%;
    margin: auto;
}

@media (max-width: 990px) {
    .tab_carac_spa {
        text-align: center;
        width: 100%;
        margin: auto;
    }
}

/* Fiche Pratique */

#fp {
    font-size: 20px;
    line-height: 20px;
}

#icon-fp {
    float: left;
    width: 58px;
    height: 58px;
    margin: 15px 5px;
    0 0;
    background-image: url(./Image/Product/icon_fiche_pratique.png);
}

#fp-titre {
    line-height: 36px;
    margin: 0px;
}

.fp-attention {
    float: left;
    width: 25%;
}

.fp-attention-cadre {
    width: 65%;
    padding: 20px;
    margin: 25px auto;
}

/*Site WaterFlex /////////////////////////////////////////*/

/*Home*/

.btn-slide-wx {
    background-color: #d27000 !important;
}

    .btn-slide-wx:hover {
        background-color: #d98f00 !important;
    }

@media (max-width: 767px) /*Mobile*/
{
    .btn-slide-wx {
        display: none;
    }
}


#waterflex_event h2, #waterflex_gammes h2 {
    font: lighter 80px 'Open Sans';
}

#waterflex_event hr, #waterflex_gammes hr {
    margin: 10px 0px;
    border: 1px solid #009fe3;
}

#waterflex_event .row, #waterflex_gammes .row, #waterflex_media .row, #waterflex_telechargement .row, #poolstar_media .row {
    border-collapse: separate;
    border-spacing: 22px 10px;
}

#waterflex_event .col-md-4, #waterflex_gammes .col-md-6 {
    float: none;
    display: table-cell;
    vertical-align: top;
    background-color: white;
    padding: 0px;
    border-radius: 6px;
}

#waterflex_event img, #waterflex_gammes img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#waterflex_event h3 {
    font: bolder 20px DINPro, 'Open Sans';
    text-align: center;
    color: #595959;
    margin-bottom: 0px;
    line-height: 20px;
}

#waterflex_event h4 {
    font: 20px DINPro, 'Open Sans';
    text-align: center;
    color: #595959;
    margin: 0px;
    text-transform: none;
    line-height: 20px;
}

#waterflex_event p {
    padding: 10px 10px 30px 10px;
    margin: 0px;
}

#waterflex_event .savoir_plus {
    position: absolute;
    font-weight: bold;
    padding: 10px;
    text-align: right;
    width: 100%;
    bottom: 0;
}

@media (max-width: 990px) {
    #waterflex_event h2, #waterflex_gammes h2 {
        font: lighter 50px 'Open Sans';
    }

    #waterflex_event .row, #waterflex_gammes .row {
        border-collapse: separate;
        border-spacing: 22px 10px;
    }

    #waterflex_event .col-md-4, #waterflex_gammes .col-md-6 {
        display: block;
        background-color: white;
        padding: 0px;
        border-radius: 6px;
        margin: 0px 10px 20px 10px;
    }

    #waterflex_event img, #waterflex_gammes img {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        width: 100%;
    }

    #waterflex_gammes h3 {
        font: 30px Ubuntu, 'Open Sans';
        text-align: center;
        text-transform: uppercase;
        line-height: 30px;
        font-weight: 600;
        text-decoration: none;
        padding-bottom: 10px;
    }
}

#waterflex_gammes h3, #waterflex_gammes a {
    font: 30px Ubuntu, 'Open Sans';
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 600;
    text-decoration: none;
}


/*pages*/

#waterflex h1 {
    font-size: 100px;
    line-height: 120px;
    font-weight: lighter !important;
    padding-bottom: 40px;
}

#waterflex h2 {
    font-size: 80px;
    line-height: 100px;
    font-weight: lighter !important;
    padding-bottom: 20px;
}

@media (max-width: 990px) {
    #waterflex h1 {
        font-size: 50px;
        line-height: 60px;
        font-weight: lighter !important;
        padding-bottom: 20px;
    }

    #waterflex h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: lighter !important;
        padding-bottom: 10px;
    }
}

#waterflex_alt h1 {
    font-size: 70px;
    line-height: 90px;
    font-weight: lighter !important;
    padding-bottom: 40px;
}

#waterflex_alt h2 {
    font-size: 70px;
    line-height: 90px;
    font-weight: lighter !important;
    padding-bottom: 20px;
}

#waterflex_alt h3 {
    font-size: 16px;
    color: #7e8998;
    font-weight: bold !important;
    margin-bottom: 0px;
}

#waterflex_alt li {
    list-style-type: none;
    padding-top: 10px;
}

@media (max-width: 990px) {
    #waterflex_alt h1 {
        font-size: 35px;
        line-height: 45px;
        font-weight: lighter !important;
        padding-bottom: 20px;
    }

    #waterflex_alt h2 {
        font-size: 35px;
        line-height: 45px;
        font-weight: lighter !important;
        padding-bottom: 10px;
    }
}

#waterflex_telechargement hr, #waterflex_media hr {
    margin-top: 0px;
    margin-bottom: 40px;
}

#poolstar_media .panel-title {
    text-align: center;
}

#poolstar_media .panel-heading {
    background: white;
}

#poolstar_media .panel-group, #poolstar_media .panel-body {
    background: transparent;
    border-top-color: transparent;
}

#poolstar_media hr {
    margin: 0 0 35px 0;
}

#waterflex_telechargement small, #waterflex_media small, #poolstar_media small {
    margin-bottom: 5px;
}

#waterflex_telechargement .fond_blanc, /*#waterflex_media .fond_blanc */ {
    background-color: white;
    border-radius: 10px;
    float: none;
    display: table-cell;
    vertical-align: top;
    border-radius: 6px;
    /*width:16%;*/
}

#waterflex_media .fond_blanc, #poolstar_media .fond_blanc {
    background-color: white;
    display: block;
    background-color: white;
    border-radius: 6px;
    margin: 0px 10px 20px 10px;
    width: 100%;
}

#waterflex_media .borderow, #poolstar_media .borderow {
    margin: -40px 0 0 0 !important;
}

#waterflex_media .row, #poolstar_media .row {
    margin: 0px;
}



#waterflex_media h4, #poolstar_media h4 {
    /*width:124px;*/
    word-wrap: break-word;
    font-weight: bold;
    margin: 0px;
}

#waterflex_media h5, #poolstar_media h5 {
    color: black;
    margin: 0px;
}

#waterflex_telechargement a {
    text-decoration: none;
}


@media (max-width: 1200px) {
    #waterflex_telechargement .row {
        margin: 20px 0px !important;
    }

    #waterflex_telechargement .fond_blanc, #waterflex_media .fond_blanc, #poolstar_media .fond_blanc {
        display: block;
        background-color: white;
        border-radius: 6px;
        margin: 0px 10px 20px 10px;
        width: 100%;
    }

    #waterflex_media h4, #poolstar_media h4 {
        width: 100%;
        word-wrap: break-word;
        font-weight: bold;
        margin: 0px;
    }
}

#poolstar_media ul.nav-pills li.active a {
    background: #FFFFFF;
}

#poolstar_media .nav-pills > li.active > a, #poolstar_media .nav-pills > li.active > a:hover, #poolstar_media .nav-pills > li.active > a:focus {
    color: black;
    background: #FFFFFF;
}

#poolstar_media .centrer {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

#poolstar_media .active {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: transparent;
}

.wf_pastille {
    width: 80px;
    margin-bottom: 10px;
}

.wf_colonne_center {
    text-align: center;
}

    .wf_colonne_center p {
        padding: 0px 90px;
    }

/*Site MSpa /////////////////////////////////////////*/

.mspa-home .col-md-6 {
    margin: 0px 0px 25px 0px;
}

.mspa-home h1 {
    display: none;
}

.mspa-home h2 {
    background-color: #93c6db;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    font-size: xx-large;
    margin-bottom: 25px;
}

.mspa-home .col-md-6 h3 {
    float: left;
    z-index: 10;
    position: absolute;
    bottom: 10px;
    right: 15px;
    padding: 10px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.7);
    font-size: xx-large;
    width: 260px;
    /*text-align:left;*/
    padding-left: 1%;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
}

.mspa-home .col-md-6 img {
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
}

.mspa-home .col-md-6:hover > h3 {
    float: left;
    z-index: 10;
    position: absolute;
    bottom: 10px;
    right: 15px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: xx-large;
    /*text-align:center;*/
    padding-left: 35%;
    width: calc(100% - 30px);
    background-origin: content-box;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    text-decoration: none;
}

.mspa-home a {
    text-decoration: none;
    color: black;
}

.mspa-home .col-md-6:hover > a img {
    opacity: 0.5;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
}


@media (max-width: 1200px) {
    .mspa-home .img-responsive {
        width: 100%;
    }
}

/*Site Holl's /////////////////////////////////////////*/

#Home_holls h1, #Home_holls h2, #collections h2 {
    display: none;
}


#Home_holls a, #collections a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    text-decoration: none;
}



@media (min-width: 1200px) /*�cran d'ordi*/
{

    #Home_holls {
        margin-top: -15px;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(98,44,8,1) 50%,rgba(255,255,255,0) 100%);
        background-color: #140f0f;
    }


        #Home_holls .row {
            margin: auto;
            background-image: linear-gradient(transparent,transparent);
            max-width: 1170px;
        }

        #Home_holls div:nth-of-type(1n+2) > h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 15px;
            text-align: center;
            color: white;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 15px;
            text-align: center;
            color: black;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div:nth-of-type(1n+2) > h3 .sauna_title_slide {
            font: bold 20px Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: white;
        }

        #Home_holls div h3 .sauna_title_slide {
            font: bold 20px Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: black;
        }


        #Home_holls div:nth-of-type(1n+2) > p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
            color: white;
            margin: 20px 0 5px 0;
        }

        #Home_holls div p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
            color: black;
            margin: 20px 0 5px 0;
        }

        #Home_holls div {
            background-image: linear-gradient(white,white);
            background-size: 55% 100%;
            background-repeat: no-repeat;
            background-position: center;
        }
}

@media (max-width: 1200px) and (min-width: 990px) /* ordi-petit �cran*/
{

    #Home_holls {
        margin-top: -30px;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(98,44,8,1) 50%,rgba(255,255,255,0) 100%);
        background-color: #140f0f;
    }

        #Home_holls .row {
            margin: 0 5%;
            background-image: linear-gradient(transparent,transparent);
        }

        #Home_holls div:nth-of-type(1n+2) > h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 1.2vw;
            text-align: center;
            color: white;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 1.2vw;
            text-align: center;
            color: black;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div:nth-of-type(1n+2) > h3 .sauna_title_slide {
            font: bold 1.5vw Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: white;
        }

        #Home_holls div h3 .sauna_title_slide {
            font: bold 1.5vw Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: black;
        }


        #Home_holls div:nth-of-type(1n+2) > p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 1vw;
            text-transform: uppercase;
            text-align: center;
            color: white;
            margin: 20px 0 5px 0;
        }

        #Home_holls div p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 1vw;
            text-transform: uppercase;
            text-align: center;
            color: black;
            margin: 20px 0 5px 0;
        }

        #Home_holls div {
            background-image: linear-gradient(white,white);
            background-size: 55% 100%;
            background-repeat: no-repeat;
            background-position: center;
        }
}

@media (max-width: 990px) and (min-width: 767px) /*tablette*/
{

    #Home_holls {
        margin-top: -30px;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(98,44,8,1) 50%,rgba(255,255,255,0) 100%);
        background-color: #140f0f;
    }

        #Home_holls .row {
            margin: 0 5%;
            background-image: linear-gradient(transparent,transparent);
        }

        #Home_holls div:nth-of-type(1n+2) > h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 1.2vw;
            text-align: center;
            color: white;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 1.2vw;
            text-align: center;
            color: black;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div:nth-of-type(1n+2) > h3 .sauna_title_slide {
            font: bold 1.5vw Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: white;
        }

        #Home_holls div h3 .sauna_title_slide {
            font: bold 1.5vw Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: black;
        }


        #Home_holls div:nth-of-type(1n+2) > p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 1vw;
            text-transform: uppercase;
            text-align: center;
            color: white;
            margin: 20px 0 5px 0;
        }

        #Home_holls div p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 1vw;
            text-transform: uppercase;
            text-align: center;
            color: black;
            margin: 20px 0 5px 0;
        }

        #Home_holls div {
            background-image: linear-gradient(white,white);
            background-size: 55% 100%;
            background-repeat: no-repeat;
            background-position: center;
        }
}


@media (max-width: 767px) /*Mobile*/
{
    #Home_holls {
        margin-top: -30px;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(98,44,8,1) 50%,rgba(255,255,255,0) 100%);
        background-color: #140f0f;
    }

        #Home_holls .row {
            margin: 0 5%;
            background-image: linear-gradient(transparent,transparent);
        }

        #Home_holls div:nth-of-type(1n+2) > h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 4.5vw;
            text-align: center;
            color: white;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div h3 {
            font-family: Comfortaa,Helvetica, sans-serif;
            font-size: 4.5vw;
            text-align: center;
            color: black;
            letter-spacing: 2px;
            padding: 20px 0 20px 0;
        }

        #Home_holls div:nth-of-type(1n+2) > h3 .sauna_title_slide {
            font: bold 6vw Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: white;
        }

        #Home_holls div h3 .sauna_title_slide {
            font: bold 6vw Comfortaa,Helvetica, sans-serif;
            text-transform: uppercase;
            text-align: center;
            color: black;
        }


        #Home_holls div:nth-of-type(1n+2) > p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 3.5vw;
            text-transform: uppercase;
            text-align: center;
            color: white;
            margin: 20px 0 5px 0;
            padding: 20px 0;
        }

        #Home_holls div p {
            font-family: 'Helvetica Neue',Helvetica, sans-serif;
            font-size: 3.5vw;
            text-transform: uppercase;
            text-align: center;
            color: black;
            margin: 20px 0 5px 0;
            padding: 20px 0;
        }

        #Home_holls div {
            background-image: linear-gradient(white,white);
            background-size: 55% 100%;
            background-repeat: no-repeat;
            background-position: center;
            margin: -10px 0;
            text-align: center;
        }
}

/*Images sp�ciale paysage mobile*/

@media (min-width: 767px) /*normal*/
{
    #Home_holls div img {
        width: 100%;
    }
}

@media (max-width: 767px) and (min-width: 375px) /*mobile paysage*/
{
    #Home_holls div img {
        width: 75%;
    }
}


@media (max-width: 375px) {
    #Home_holls div img {
        width: calc(100% - 7%);
    }

    #Home_holls div:nth-of-type(1n+2) > img {
        width: 100%;
    }
}
/*END Images sp�ciale paysage mobile*/


#Home_holls div:nth-of-type(2) {
    background-image: linear-gradient(#c8743a,#c8743a);
    background-size: 55% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#Home_holls div:nth-of-type(3) {
    background-image: linear-gradient(#58275e,#58275e);
    background-size: 55% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#Home_holls div:nth-of-type(4) {
    background-image: linear-gradient(#275166,#275166);
    background-size: 55% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/*cat Infra*/


@media (min-width: 1200px) /*�cran d'ordi*/
{

    #collections {
        display: none;
        height: 200px;
    }

        #collections .row {
            margin: auto;
            max-width: 1170px;
            position: absolute;
            opacity: 0;
        }

        #collections h3 {
            font-size: 1.2vw;
            margin: 0;
        }
}

@media (max-width: 1200px) and (min-width: 890px) /*Ordi +Tablette paysage*/
{

    #collections {
        display: none;
        height: 150px;
    }

        #collections .row {
            margin: 0 5%;
            position: absolute;
            opacity: 0;
        }

        #collections h3 {
            font-size: 1.2vw;
            margin: 0;
        }
}


@media (max-width: 890px) and (min-width: 767px) /*Tablette portrait*/
{

    #collections {
        display: none;
        height: 125px;
    }

        #collections .row {
            margin: 0 5%;
            position: absolute;
            opacity: 0;
        }

        #collections h3 {
            font-size: 1.2vw;
            margin: 0;
        }
}

@media (max-width: 767px) /*Mobile*/
{

    #collections .row {
        margin: 0 5%;
        background-color: white;
        position: absolute;
        opacity: 0;
    }

    #collections {
        display: none;
    }
}

#collections div {
    text-align: center;
}

#collections img {
    padding: 20px 0 0 0;
    width: 80%;
}

#collection2 h3, #collection3 h3, #collection4 h3 {
    color: white;
}

/*Home Holl's suite*/

#Home_holls_suite {
    background-color: #140f0f;
}

    #Home_holls_suite hr {
        border-top: #555 1px solid;
        border-bottom: transparent 0px solid;
    }

    #Home_holls_suite h2 {
        color: #e1bf6d;
        text-align: center;
    }

    #Home_holls_suite p {
        color: white;
        text-align: justify;
        font-size: 16px;
        font-weight: lighter;
    }

    #Home_holls_suite h3 {
        color: #e1bf6d;
        text-transform: uppercase;
    }

    #Home_holls_suite .baseline {
        color: #999;
        text-transform: capitalize;
        word-break: keep-all;
    }

    #Home_holls_suite iframe {
        margin: auto;
    }

    #Home_holls_suite img {
        margin: auto;
    }

    #Home_holls_suite .row {
        padding: 0 0 30px 0;
    }


@media (min-width: 767px) /*Tout sauf mobile*/
{
    #Home_holls_suite .pastille {
        position: absolute;
        z-index: 10;
        text-transform: uppercase;
        font-weight: bolder;
        color: black;
        border-radius: 55px;
        background-color: rgb(213, 166, 49);
        text-align: center;
        padding: 32px 12px;
        margin: -50px 53%;
    }
}

@media (max-width: 767px) /*Mobile*/
{
    #Home_holls_suite .pastille {
        position: absolute;
        z-index: 10;
        text-transform: uppercase;
        font-weight: bolder;
        color: black;
        border-radius: 55px;
        background-color: rgb(213, 166, 49);
        text-align: center;
        padding: 22px 12px;
        margin: -50px 70%;
        font-size: 0.7em;
    }
}

/*Page Holls*/

#page_Holls {
    background-color: #140f0f;
    margin-top: -15px;
}

    #page_Holls hr {
        border-top: #555 1px solid;
        border-bottom: transparent 0px solid;
    }

    #page_Holls .hr_min {
        border-top: #555 1px solid;
        border-bottom: transparent 0px solid;
        margin: -10px 0 10px 0;
    }

    #page_Holls p {
        color: white;
        text-align: justify;
        font-size: 16px;
        font-weight: lighter;
        padding: 0 0 20px 0;
    }

    #page_Holls h2 {
        color: #e1bf6d;
        text-transform: uppercase;
        font-size: 2.1em;
    }

    #page_Holls .baseline {
        color: #999;
        text-transform: none;
        word-break: keep-all;
    }

    #page_Holls iframe {
        margin: auto;
    }

    #page_Holls img {
        margin: auto;
    }

    #page_Holls .row {
        padding: 0 0 30px 0;
    }

.btn_align {
    text-align: right;
}

.btn_decouvrir {
    color: white;
    font-size: 22px;
    padding: 17px 50px;
    border: 2px solid #AB8B64;
    text-decoration: none;
    margin: 0 0 20px 0;
}

    .btn_decouvrir:hover {
        color: white;
        font-size: 22px;
        padding: 17px 50px;
        border: 2px solid #AB8B64;
        text-decoration: none;
        margin: 0 0 20px 0;
        background-color: #352915;
    }

/*Site Poolex /////////////////////////////////////////*/

#poolex_home .row {
    margin: 20px 0 0 0;
}


#poolex_home h2, #poolex_home h3 {
    color: #377D9B;
    text-transform: uppercase;
    font-family: Impact,Arial,Helvetica;
    letter-spacing: 1px;
}

#poolex_home a:hover {
    text-decoration: none;
}

#poolex_home .centrer {
    text-align: center;
}

#poolex_home .produit {
    margin: auto;
}

#poolex_home .logo {
    width: 60%;
    margin: auto;
}

#poolex_home .picto {
    width: 40%;
    margin: auto;
    opacity: 1;
    transition: all 1s;
}

    #poolex_home .picto:hover {
        opacity: 0;
        transition: all 1s;
    }

#poolex_home .picto-zone {
    background-image: url('/Upload/Image/Picto/poolex/picto-zone.png');
    width: 100%;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
}

#poolex_home .picto-localiser {
    background-image: url('/Upload/Image/Picto/poolex/picto-localiser.png');
    width: 100%;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
}

#poolex_home .picto-garantie {
    background-image: url('/Upload/Image/Picto/poolex/picto-garantie.png');
    width: 100%;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
}


#poolex_home p {
    text-align: justify;
}

#poolex_home .souligne {
    text-decoration: underline;
}

#poolex_home .italic {
    text-decoration: italic;
}

.hr_poolex {
    margin: 10px;
}

.choix-poolex > li.active.za > a, .choix-poolex > li.active.za > a:hover, .choix-poolex > li.active.za > a:focus {
    color: #ffffff;
    background-color: #80ACC3;
}

.choix-poolex > li.active.zb > a, .choix-poolex > li.active.zb > a:hover, .choix-poolex > li.active.zb > a:focus {
    color: #ffffff;
    background-color: #005987;
}

.choix-poolex > li.active.zc > a, .choix-poolex > li.active.zc > a:hover, .choix-poolex > li.active.zc > a:focus {
    color: #ffffff;
    background-color: #E02F2F;
}

#tableau_poolex {
    margin: 25px 0px;
}

    #tableau_poolex table {
        width: 100%;
        border-collapse: separate;
        table-layout: fixed;
    }

    #tableau_poolex .droite {
        text-align: right;
        width: 90px;
        padding-right: 10px;
    }

    #tableau_poolex .centrer {
        text-align: center;
    }

    #tableau_poolex .grille_droite {
        border-right: dashed 1px #CACACA;
    }

    #tableau_poolex .grille_gauche {
        border-left: dashed 1px #CACACA;
    }

    #tableau_poolex .grille_haut {
        border-top: solid 1px #7e8998;
    }

    #tableau_poolex .jetline2 {
        background-color: #daeef3;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .jetline2:hover {
            background-color: #b7dee8;
            text-align: center;
            cursor: help;
        }

    #tableau_poolex .jetlineP {
        background-color: #fcd5b4;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .jetlineP:hover {
            background-color: #fabf8f;
            text-align: center;
            cursor: help;
        }


    #tableau_poolex .dreamline {
        background-color: #e6b8b7;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .dreamline:hover {
            background-color: #da9694;
            text-align: center;
            cursor: help;
        }

    #tableau_poolex .dreamlineH {
        background-color: #f74646;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .dreamlineH:hover {
            background-color: #e61f1a;
            text-align: center;
            cursor: help;
        }

    #tableau_poolex .trilineP {
        background-color: #92d2ef;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .trilineP:hover {
            background-color: #72c5e7;
            text-align: center;
            cursor: help;
        }

    #tableau_poolex .s30 {
        background-color: #d7ccbf;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .s30:hover {
            background-color: #a78666;
            text-align: center;
            cursor: help;
        }



    #tableau_poolex .one {
        background-color: #f79646;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .one:hover {
            background-color: #e26b0a;
            text-align: center;
            cursor: help;
        }

    #tableau_poolex .silverline {
        background-color: #dad8d8;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .silverline:hover {
            background-color: #ababab;
            text-align: center;
            cursor: help;
        }

    #tableau_poolex .greenline {
        background-color: #d8e4bc;
        text-align: center;
        cursor: help;
    }

        #tableau_poolex .greenline:hover {
            background-color: #c4d79b;
            text-align: center;
            cursor: help;
        }

#dl_poolex .cartouche, .dl .cartouche {
    text-align: center;
    text-align: center;
    background-color: white;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
}

#dl_poolex .col-sm-2, #dl_poolex .col-xs-6, .dl .col-sm-2, .dl .col-xs-6 {
    padding: 0px;
}

#dl_poolex .bordure, .dl .bordure {
    border: #D5D3D3 solid 1px;
}

#dl_poolex h3, .dl h3 {
    font-size: 1em;
    font-weight: bolder;
    margin: 10px 0px 0px 0px;
}

#dl_poolex p, .dl p {
    font-size: 1em;
    font-weight: normal;
    margin: 5px 0px 0px 0px;
}

#dl_poolex .flag, .dl .flag {
    width: 16px;
    height: 11px;
    margin: 0px 0px 3px 0px;
}

#faq_poolex #accordion, #dl_poolex #accordion, .dl #accordion {
    background-color: #D5D3D3;
}

#faq_poolex img {
    margin: auto;
}

#faq_poolex table {
    margin: auto;
}

#faq_poolex td:nth-of-type(1n+2) {
    text-align: center;
}

/*Site France-Sauna ////////////////////////////////////*/

#home_fs {
    background-color: #C0B8A3;
}

    #home_fs .container_blanc {
        background-color: white;
        padding: 0px;
    }

/*Slider*/
#slide-fs {
    background-image: url('/Upload/Images/slides-fs/fond_slider.jpg');
    height: 423px;
}

    #slide-fs .bandeau_apollon {
        background-color: #61C3FF;
        height: 423px;
        color: white;
    }

    #slide-fs .bandeau_luxe {
        background-color: #61C3FE;
        height: 423px;
        color: white;
    }

    #slide-fs .bandeau_soleilb {
        background-color: #61C3FD;
        height: 423px;
        color: white;
    }

    #slide-fs .bandeau_zen {
        background-color: #61C3FC;
        height: 423px;
        color: white;
    }

    #slide-fs span {
        color: white;
        font-family: 'Myriad Pro';
        font-size: 35px;
        font-weight: 800;
        font-style: italic;
        margin-top: 54px;
        display: inline-block;
    }

    #slide-fs h2 {
        color: white !important;
        font-family: 'Open Sans light' !important;
        font-size: 25px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        padding: 0px !important;
    }

    #slide-fs h3 {
        color: white;
        font-family: 'Open Sans light';
        font-size: 20px;
        font-weight: 500;
        margin-top: 0px;
    }

    #slide-fs .btn {
        background-color: #464646;
        color: white;
        padding: 4px 10px;
        border-radius: 5px;
        font-family: 'open sans light';
        font-size: 14px;
        font-weight: bold;
        margin: 200px 0px 200px 30%;
        text-decoration: none;
        display: inline-block;
    }

    #slide-fs img {
        margin-top: 125px;
        margin-left: 42px;
        width: 300px;
        height: 294px;
    }

    #slide-fs .espace {
        padding: 130px 8% 0px 3%;
    }

        #slide-fs .espace a {
            color: white;
            font-family: 'Open Sans';
            font-size: 20px;
            font-weight: 500;
            text-decoration: none;
        }

@media (max-width: 539px) {
    #slide-fs .bandeau_apollon {
        width: 96%;
        height: 125px;
    }

    #slide-fs .bandeau_luxe {
        width: 100%;
        height: 125px;
    }

    #slide-fs .bandeau_soleilb {
        width: 100%;
        height: 125px;
    }

    #slide-fs .bandeau_zen {
        width: 100%;
        height: 125px;
    }

    #slide-fs span {
        margin-left: 10px;
        margin-top: 35px;
        float: left;
    }

    #slide-fs h2 {
        float: left;
        margin-top: 24px !important;
        margin-left: 5px !important;
    }

    #slide-fs h3 {
        margin-top: 68px;
        margin-left: 10px;
    }

    #slide-fs .btn {
        float: right;
        margin: -60px 5% 0px 0%;
    }

    #slide-fs img {
        margin-top: 0px;
        margin-left: 25%;
        width: 300px;
        height: 294px;
    }
}



/*fin mobile*/
#home_fs .container_blanc h2 {
    color: #464646;
    font-weight: 600;
    font-size: 45px;
    font-family: 'Open Sans medium';
    padding: 15px;
}

#home_fs .container_blanc p {
    color: #464646;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Open Sans medium';
}

#home_fs .gamme {
    width: 84%;
    margin: 20px auto;
}

.gamme h3 {
    color: #464646;
    font-size: 20px;
    font-weight: 600;
    font-family: 'open sans';
}

.gamme p {
    color: #464646 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    font-family: 'Open Sans medium' !important;
}

.gamme a {
    background-color: #F3F0E9;
    color: #464646;
    padding: 2px 6px;
    border-radius: 5px;
    font-family: 'open sans medium';
    font-size: 12px;
    display: inline-block;
    margin-bottom: 22px;
}

#home_fs .container_beige {
    background-color: #F3F0E9;
    padding: 0px;
}

.padding-top25 {
    padding-top: 25px;
}

#home_fs .container_beige .bandeau h2 {
    color: #464646;
    font-weight: 600;
    font-size: 40px;
    font-family: 'Open Sans light';
    margin-bottom: 0px;
}


#home_fs .container_beige .bandeau h3 {
    color: #61C3FF;
    font-size: 26px;
    font-weight: 600;
    font-family: 'open sans light';
    margin-bottom: 30px;
    margin-top: 5px;
}

#home_fs .container_beige .bandeau p {
    color: #464646;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Open Sans light';
}

#home_fs .container_beige .faq {
    background-color: #61C3FF;
    padding-bottom: 15px;
    padding-top: 25px;
}

    #home_fs .container_beige .faq h2 {
        color: #464646;
        font-family: 'Myriad Pro';
        font-size: 22px;
        font-weight: 800;
        font-style: italic;
    }

    #home_fs .container_beige .faq p {
        color: white;
        font-family: 'Engravers MT','Felix Titling';
        font-size: 85px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 1px;
    }

    #home_fs .container_beige .faq ul {
        margin-bottom: 16px;
    }

    #home_fs .container_beige .faq li {
        color: white;
        font-family: 'Open Sans light';
        font-size: 15px;
        font-weight: 600;
    }

    #home_fs .container_beige .faq a {
        background-color: #464646;
        color: white;
        padding: 1px 10px;
        border-radius: 5px;
        font-family: 'open sans';
        font-size: 18px;
        font-weight: bold;
        margin-left: 20px;
        text-decoration: none;
    }

/* Sauna Interactif */

.fond-sauna {
    background-image: url('background-mur.jpg');
    width: 500px;
    height: 446px;
}

    .fond-sauna img, .fond-sauna video {
        margin: 130px 0 0 15%;
        position: absolute;
    }

.cache-off {
    display: none !important;
}

.afficher-on {
    display: block;
}

.cache-off2 {
    display: none !important;
}

.afficher-on2 {
    display: block;
}

.cache {
    opacity: 0;
}

.afficher {
    opacity: 1;
}

.eteint {
    color: red;
    background-color: red;
}

.allume {
    color: green;
    background-color: green;
}


.afficher-chromo {
    opacity: 0.5;
}

.facade {
    margin: auto;
    z-index: 9;
}

.lumiere-ext {
    margin: auto;
    z-index: 10;
}

.lumiere-int {
    margin: auto;
    z-index: 5;
}

.sauna-on {
    margin: auto;
    z-index: 6;
    opacity: 0;
}

.sauna-on-vapeur {
    margin: auto;
    z-index: 6;
}

.lumiere-chromo {
    margin: auto;
    z-index: 7;
    margin: 177px 0 0 calc(15% + 53px) !important;
}

.controle-middle {
    width: 48% !important;
}

    .controle-middle button {
        border: none;
        padding: 0px;
        background-color: black;
    }

/*//////////////////////NetSpa////////////////////////////////////*/

#image_produit_NetSpa {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#image_logo_NetSpa {
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

#accroche_produit_NetSpa {
    font: bold 21px 'Open Sans';
    text-align: center;
    color: #606060;
}

/*//////////////////////ProSolis////////////////////////////////////*/


#image_logo_ProSolis {
    margin-left: auto;
    margin-right: auto;
}

.img_responsive_prosolis {
    margin: auto;
    margin-top: 25px;
    margin-bottom: 30px;
}

.img_center_prosolis {
    margin: auto;
}