@media screen and (min-width : 1200px){ 
    #cntinfo.cntmobile,
    #nav-horrizontal {
        display: none;
    }   
}
@media screen and (max-width : 1024px){  
    #sectlistbassin .listbassins .cntimg a .icnviewmore {
        opacity: 1;
    } 
    #cntlogo .boxslogan,
    #cntinfo,
    #nav-vertical,
    #scrolltop.show {
        display: none;
    } 
    #cntinfo.cntmobile {
        display: flex;
    }  
    #boxsearch input {
        border-radius: 0;
    }         
    #boxsearch {
        position: absolute;
        width: 100vw;
        top: 100%;
        left: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .3s ease-in-out;
    }
    #boxsearch.open {
        height: 38px;
        opacity: 1;
    }  
    #cntinfo.cntmobile .btnicn,
    #cntinfo.cntmobile #cntsearch,
    #cntinfo.cntmobile #cntrs .boxrs {
        padding: 6px;
        width: 26px;
        height: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    #cntinfo.cntmobile .btnicn img,
    #cntinfo.cntmobile #cntsearch img {
        margin-right: 0;
    }
    #cntsearch,
    #cntrs {
        margin-left: 13px;
    }
    #cntrs {
        padding-left: 0;
        border-left: none;
    }
    #mainwrapper, #sectfooter {
        margin-right: 0;
    }
    #navigation {
        right: 0;
        width: 100%;
    }
    #nav-horrizontal {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #4E7281;    
        z-index: 99;
    }
    #navlist {
        display: flex;
        justify-content: space-between;
    }
    #navlist > li {
        flex: 1 1 auto;
        border-right: 1px solid rgba(255,255,255,.3);
    }
    #navlist > li a {
        padding: 0 10px;
    }
    #navlist > li:last-child {
        border-right: none;
    }
    #banniereimg .itemintern::before, 
    #cntbanniere .itemimg::before {
        left: -59vw;
    }
    #cntlistcat {
        bottom: 155px;
    }
    .cntitems .slick-dots {
        bottom: 255px;
    }
    #sectfooter {
        margin-bottom: 68px;
    }
    #sectblue .listdimention {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 20px;
    }
    #sectblue .listdimention .itemdimension {
        padding: 2px 20px;
    }
    .pginter #cntbanniere .itemimg::before {
        left: -93vw;
    }
    h1 {
        font-size: 40px;
        line-height: 47px;
    }
    #titlelegende .boxformrdv .cntcheck span {
        display: block;
    }
    .boxformrdv .cntcheck .form-check-inline:first-of-type {
        margin-left: 0;
    }
    /*  Mise à jour */
    #cntaside .itemnewsrecente .cnttxtnews {
        padding-left: 20px;
    }
    #sectlistbassin .listbassins .colitem {
        width: 310px;
    }
    #sectlistbassin .listbassins {
        margin-top: 20px;
    }
}
@media screen and (max-width : 768px){ 
    #banniereimg .itemintern::before, #cntbanniere .itemimg::before {
        left: -131vw;
        width: 180vh;
    }   
    #banniereimg .itemintern .cntlegende .legendeinter {
        margin-left: 0;
    }
    #banniereimg .itemintern .cntlegende h2 {
        font-size: 42px;
    }
    .cntitems .slick-arrow {
        top: 68%;
    }
    #cntchiffre > div {
        margin-bottom: 25px;
    }
    #sectlistservice .listimg {
        margin-bottom: 30px;
    }
    #sectlistservice .listtxt {
        padding-left: 0;
    }
    #sectlistservice .itemlisting:nth-child(even) .listimg {
        margin-left: 0;
    }
    #sectlistservice {
        padding-bottom: 0;
    }
    #sectfooter .footerinter > div {
        margin-bottom: 20px;
    }
    .rowtxtimg::before {
        display: none;
    }
    .pgpiscines .cnttxtimg .imginter .cntimg {
        margin-top: 0;
    }
    .pgpiscines .cnttxtimg .colimg {
        padding-bottom: 40px;
        padding: 50px 30px;
        background: #0F3644;
    }
    #sectboxabout .container {
        max-width: 100%;
        padding: 0;
    }
    .cnttxtimg .coltxt {
        padding: 35px 30px;
    }
    .pginter #sectbanniere .banniereinter {
        height: 30vh;
    }
    h1 {
        font-size: 29px;
        line-height: 40px;
    }
    #titlelegende h1 img {
        margin-right: 25px;
        transform: translateY(-6px);
        max-width: 90px;
        flex: 0 0 90px;
    }
    #sectblue .listdimention {
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
    }
    #sectblue .listdimention .itemdimension {
        padding: 8px 0;
        border: none;
    }
    #sectblue .listdimention .itemdimension::after {
        content: "";
        display: block;
        width: 45px;
        height: 1px;
        background: #7FAEC1;
        margin-top: 10px;
    }
    #sectblue .listdimention .itemdimension:last-child::after {
        content: none;
    }
    .boxformrdv .cntcheck span {
        display: block;
    }
    #sectrdv .cntrdvform .cntboxrdv {
        height: 350px;
    }
    .pglanding #titlelegende .cnttitleinter {
        padding-top: 60px;
        margin-bottom: 20px;
    }
    .pglanding #sectbanniere .banniereinter {
        height: 100%;
    }
    .pglanding #cntbanniere .itemimg::before {
        left: -203vw;
        width: 253vh;
    }    
    .pginter #cntbanniere .itemimg::before {
        left: -133vw;
        width: 208vh;
    }
    .cnttxtimg .imginter .cntimg {
        margin-top: 0;
    }
    .rowtxtimg .cnttxtimg .colimg {
        padding-left: 0;
        background: #0F3644;
        padding: 50px 30px;
    }
    .rowtxtimg .container {
        max-width: 100%;
        padding: 0;
    }
    .rowtxtimg .cnttxtimg .colimg {
        display: flex;
        justify-content: center;
    }
    .rowtxtimg.cntimgleft .cnttxtimg .coltxt {
        padding-left: 30px;
        padding-right: 30px;
    }
    #sectlistservice.secttxtimgleft {
        padding-top: 140px;
    }
    .rowtxtimg.cntimgleft {
        padding-bottom: 0;
    }
    #sectgallerytxt .cntimg .imglink .imglinktxt h3, 
    #sectgallerytxt .itemgal .imglink .imglinktxt h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    /*  Mise à jour */
    #cntarticle {
        max-width: 100%;
        flex: 0 0 100%;
    }
    #cntaside {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .sectiontxtimg .itemlisting .listimg,
    .sectiontxtimg .itemlisting:nth-child(odd) .listimg {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .sectiontxtimg .itemlisting {
        margin-bottom: 15px;
    }
    .sectiontxtimg .itemlisting .listtxt {
        padding-left: 0;
    }
    .blocktxtimg {
        padding-bottom: 20px;
    }
    #sectionband .listbox > div {
        margin-bottom: 20px;
    }    
    #sectlistbassin .listbassins .colitem {
        width: 330px;
    }
    #listgallerie.cntitems .slick-arrow {
        top: 50%;
    }
    #cntgalslider {
        margin-top: 20px;
    }
    #sectreal {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    #breadcrumb { display: none;}

    .main-page-full { padding: 2rem 1rem;}
}
@media screen and (max-width : 414px) { 
    .maintitle h1 {
        line-height: 34px;
        font-size: 28px;
    }
    #sectgallerytxt .cntimg .imglink .imglinktxt .btn, 
    #sectgallerytxt .itemgal .imglink .imglinktxt .btn {
        font-size: 10px;
        line-height: 12px;
        padding: 11px 14px;
    }
    #sectgallerytxt .cntimg .imglink, #sectgallerytxt .itemgal .imglink {
        padding: 30px 20px;
    }
    #boxrdv {
        padding: 0;
    }
    #boxrdv .cntformrdv {
        padding: 25px 15px 35px;
    }
    .fancybox-button {
        width: 30px;
        height: 30px;
    }
    .fancybox-slide--html .fancybox-close-small {
        right: 2px;
    }
    #cntlogo .boxlogo {
        max-width: 140px;
    }   
    #banniereimg .itemintern::before, 
    #cntbanniere .itemimg::before {
        left: -121vw;
        width: 130vh;
    }
    #banniereimg .itemintern .cntlegende .listcat > li {
        font-size: 14px;
        letter-spacing: 3px;
    }
    #banniereimg .itemintern .cntlegende .listcat .icncat {
        width: 32px;
        margin-right: 8px;
    }
    #banniereimg .itemintern .cntlegende .listcat > li+li {
        margin-left: 15px;
    }
    #banniereimg .itemintern .cntlegende h2 {
        font-size: 29px;
        margin-bottom: 15px;
    }
    #banniereimg .itemintern .cntlegende .txtdescript {
        line-height: 23px;
        margin-bottom: 10px;
        font-size: 16px;
    }
    #cntlistcat .cntboxcat .boxcolinter,
    #cntlistcat .cntboxcat {
        flex-direction: column;
    }
    #cntlistcat .cntboxcat {
        align-items: flex-end;
    }
    #cntlistcat .cntboxcat .boxcolinter {
        margin-right: 0;
    }
    #cntlistcat .cntboxcat .boxleft {
        border-radius: 12px 12px 0 0;
        text-align: left;
        padding: 13px 30px;
        height: 55px;
    }
    #selectcatlist .itemcheck {
        padding-left: 30px;
    }
    #cntlistcat .cntboxcat .boxright {
        border-radius: 0 0 12px 12px;
        box-shadow: 0 5px 20px rgba(0, 1, 67, 0.35);
        margin-bottom: 12px;
    }
    #banniereimg .itemintern .cntlegende {
        top: 4%;
    }
    #cntlistcat {
        bottom: 55px;
    }
    .cntitems .slick-arrow {
        top: 57%;
    }
    .cntitems .slick-prev {
        left: 3%;
    }
    .cntitems .slick-next {
        right: 3%;
    }
    .cntitems .slick-dots {
        bottom: 271px;
    }
    .home h2 {
        font-size: 22px;
        line-height: 25px;
    }
    #sectabout {
        padding: 30px 0 60px;
    }
    #cntchiffre .txtnumber {
        font-size: 16px;
        line-height: 24px;
    }
    #sectabout {
        background: url('../img/ligne.svg') no-repeat center bottom;
        background-size: cover;
    }
    #cntservice .itemservice {
        border-radius: 70px 70px 0px 70px;
        width: 176px;
        height: 176px;
    }
    #cntservice .itemservice:nth-child(2) {
        border-radius: 70px 70px 70px 0px;
    }
    #cntservice .itemservice:nth-child(3) {
        border-radius: 70px 0px 70px 70px;
    }
    #cntservice .itemservice:nth-child(4) {
        border-radius: 0px 70px 70px 70px;
    }
    #cntservice .itemservice h3 {
        font-size: 15px;
        line-height: 20px;
    }
    #sectlistservice {
        background: url('../img/ligne.svg') no-repeat center top;
        background-size: cover;
        padding-top: 120px;
        padding-bottom: 40px;
        margin-bottom: 0;
    }
    #sectlistservice .listimg {
        height: 250px;
        border-radius: 20px 20px 0px 20px;
        margin-bottom: 20px;
    }
    #sectlistservice .itemlisting:nth-child(even) .listimg {
        border-radius: 0px 20px 20px 20px;
    }
    #sectlistservice .listtxt h3 {
        font-size: 20px;
        line-height: 20px;
    }
    #sectlistservice .listtxt .cntdescript {
        margin-bottom: 13px;
    }
    #sectlistservice .itemlisting:nth-child(3) .listimg {
        border-radius: 20px 0 20px 20px;
    }
    #sectnews .container {
        padding-right: 0;
        padding-left: 0;
    }
    #sectnews .box-actus .cnt-img {
        height: 140px;
    }
    #sectrdv .cntboxrdv h2 {
        font-size: 28px;
        line-height: 30px;
    }
    #sectrdv .cntboxrdv .cnttxtrdv {
        font-size: 24px;
        line-height: 30px;
    }
    #sectrdv .cntimgrdv {
        height: 320px;
    }
    #secttestimonial {
        padding: 30px 0;
    }
    #sectfooter .listcoord {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #sectfooter .boxcoordfooter {
        padding: 30px 0 20px;
    }
    h1 {
        font-size: 20px;
        line-height: 25px;
    }
    #titlelegende h1 img {
        margin-right: 15px!important;
        max-width: 55px;
        flex: 0 0 55px;
        transform: translateY(2px)!important;
    }
    #titlelegende h1 {
        letter-spacing: 3px;
    }
    .pginter #sectbanniere .banniereinter {
        height: 20vh;
    }
    h2 {
        font-size: 20px;
        line-height: 25px;
    }
    h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .cnttxtimg .imginter .cntimg {
        max-width: 400px;
        width: 100%;
        height: 360px;
    }
    .cnttxtimg .imginter .cntimg,
    .cnttxtimg .imginter .cntimg img {
        border-radius: 20px 20px 20px 0;
    }
    .pgpiscines .cnttxtimg .imginter .cntimg::before {
        bottom: -41px;
        right: -20px;
        width: 78px;
        height: 78px;
    }
    .rowtxtimg .imginter h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .pgpiscines .cnttxtimg .imginter .cntimg {
        margin-bottom: 45px;
    }
    .rowtxtimg .cnttxtimg .colimg {
        padding-bottom: 20px;
    }
    #sectblue {
        padding: 17px 0;
    }
    #sectblue h2,
    #sectblue h3 {
        font-size: 16px;
        line-height: 25px;
    }
    #sectblue h3 {
        margin-bottom: 5px;
    }
    #sectblue .listdimention .itemdimension {
        font-size: 13px;
        font-weight: 500;
    }
    #sectblue a.linkdimention {
        font-size: 17px;
        line-height: 24px;
    }
    #sectlistbassin {
        padding: 25px 0 20px;
    }
    #sectlistbassin .listbassins {
        margin-top: 25px;
    }
    .pginter h2.titleborder::after {
        margin-top: 10px;
    }
    #sectlistbassin .listbassins .cntimg {
        height: 130px;
        border-radius: 10px;
        margin-bottom: 10px;
    }
    #sectlistbassin .listbassins {
        margin-left: -7px;
        margin-right: -7px;
    }
    #sectlistbassin .listbassins > div {
        padding-left: 7px;
        padding-right: 7px;
    }
    #sectrdv.formbassins .cntimgrdv,
    #sectrdv .cntrdvform .cntboxrdv {
        height: 270px;
    }
    #sectrdv .cntrdvform {
        padding: 0;
    }
    #sectrdv .cntrdvform .cntboxrdv {
        padding: 35px;
    }
    #sectrdv .cntrdvform .cntformrdv {
        padding: 20px 20px 25px;
    }
    .boxformrdv .form-control {
        border-radius: 6px;
    }
    .boxformrdv .form-control:not(.cntmg) {
        height: 43px;
    }
    .boxformrdv .cntcheck .form-check-inline {
        margin-left: 10px;
    }
    .boxformrdv .cntcheck [type="checkbox"]:not(:checked) + label, 
    .boxformrdv .cntcheck [type="checkbox"]:checked + label {
        padding-left: 24px;
    }
    .pginter #secttestimonial h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 22px;
    }
    .pglanding #titlelegende .cnttitleinter h2 {
        font-size: 24px;
        line-height: 35px;
    }
    .pglanding #titlelegende .cnttxtrdv {
        font-size: 21px;
        line-height: 28px;
    }
    .pglanding #titlelegende .cnttitleinter {
        padding-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pglanding #cntbanniere .itemimg,
    .pglanding #cntbanniere .itemimg img {
        min-height: 286px;
        height: 286px;
    }
    .pglanding #titlelegende .cntrdvform {
        padding-right: 0;
        padding-left: 0;
    }
    .pglanding #titlelegende .cntformrdv {
        padding: 25px 20px 35px;
    }
    .pglanding #sectbanniere .banniereinter {
        height: 100%;
    }
    #secttestimonial .container {
        padding-right: 0;
        padding-left: 0;
    }
    #sectgallerytxt .cntimg {
        height: 240px;
    }
    #sectgallerytxt .cntgaltxt {
        height: 330px;
    }
    .cnttxtimg .imginter .cntimg::before {
        width: 88px;
        height: 70px;
        bottom: -35px;
        right: -32px;
    }
    .rowtxtimg.cntimgleft .cnttxtimg .imginter .cntimg::before {
        left: -15px;
        bottom: -23px;
    }
    .rowtxtimg.cntimgleft .cnttxtimg .coltxt {
        padding-top: 25px;
    }
    #sectrdv .pgquisommes {
        top: 50px;
    }
    #sectfooter .boxmenufooter {
        padding: 30px 0 20px;
    }

    /* Mise à jour */
    #cntaside {
        padding-left: 0;
    }
    #listactus {
        padding-top: 30px;
    }
    #cntarticle {
        margin-bottom: 20px;
    }
    .cnt-modal { padding: 50px 15px; }
    #sectlistbassin .listbassins .colitem {
        width: 195px;
        height: 130px;
    }
    #sectlistbassin .cntfilterbtn > .button {
        font-size: 14px;
        height: 46px;
    }
    #listgallerie .itemimg {
        height: 240px;
        border-radius: 20px 20px 20px 0px;
    }
    #navgallerie .itemimg {
        height: 90px;
    }    
    #listgallerie.cntitems .slick-arrow {
        top: 50%;
    }
    #listgallerie.cntitems .slick-next {
        right: 7%;
    }
    #listgallerie.cntitems .slick-prev {
        left: 7%;
    }
}
@media screen and (max-width : 375px) { 
    .fancybox-slide--current #boxrdv h2 {
        font-size: 23px;
    }
    #cntlogo .boxlogo {
        max-width: 118px;
    }
    #sectheader .headerinter {
        padding-left: 15px;
        padding-right: 80px;
    }
    #banniereimg .itemintern .cntlegende h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .cntitems .slick-dots {
        bottom: 18px;
    }
    #banniereimg .itemintern .cntlegende .txtdescript {
        line-height: 21px;
    }
    #cntlistcat .cntboxcat .boxleft,
    #cntlistcat .cntboxcat .boxright {
        height: 48px;
    }
    #cntlistcat .cntboxcat {
        font-size: 16px;
        line-height: 26px;
    }
    #cntlistcat {
        bottom: 6px;
    }
    .cntitems .slick-arrow {
        opacity: 0;
        top: 62%;
    }
    #cntchiffre .txtnumber {
        font-size: 14px;
        line-height: 20px;
    }
    #cntservice .itemservice {
        border-radius: 50px 50px 0px 50px;
        width: 156px;
        height: 156px;
    }
    #cntservice .itemservice:nth-child(2) {
        border-radius: 50px 50px 50px 0px;
    }
    #cntservice .itemservice:nth-child(3) {
        border-radius: 50px 0px 50px 50px;
    }
    #cntservice .itemservice:nth-child(4) {
        border-radius: 0px 50px 50px 50px;
    }
    #sectnews .box-actus .cnt-actus, 
    #sectnews .box-actus .cnt-actus .link-actus {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pglanding #titlelegende h3 {
        font-size: 20px;
    }
    .pglanding #titlelegende h4 {
        font-size: 16px;
    }
    .pglanding #titlelegende .cntformrdv p {
        font-size: 16px;
        line-height: 20px;
    }

     /* Mise à jour */
     #cntarticle .itemactus .cntimg,
     #cntarticle .boxactusintern .cntimg,
     .sectiontxtimg .itemlisting .listimg {
         height: 210px;
     }
     #boxcontact .cntlabel {
         font-size: 12px;
         line-height: 16px;
     }
     #boxcontact .form-row> div {
         max-width: 100%;
         flex: 0 0 100%;
     }
     #sectlistbassin .listbassins .colitem {
        width: 175px;
        height: 130px;
    }
    #sectlistbassin .listbassins .cntimg h3 {
        font-size: 10px;
        line-height: 16px;
        padding: 4px 8px;
    }
    #sectlistbassin .cntfilterbtn > .button {
        font-size: 11px;
        height: 39px;
        padding: 6px 20px;
    }
    #navgallerie .itemimg {
        height: 70px;
        border-radius: 8px;
    }     
    #listgallerie.cntitems .slick-arrow {
        top: 50%;
    }
    #listgallerie.cntitems .slick-next {
        right: 7%;
    }
    #listgallerie.cntitems .slick-prev {
        left: 7%;
    }
}
@media screen and (max-width : 320px){ 
    .fancybox-slide--current #boxrdv h2 {
        font-size: 20px;
    }
    #cntlogo .boxlogo {
        max-width: 104px;
    }
    #banniereimg .itemintern .cntlegende .listcat > li {
        font-size: 12px;
    }
    #banniereimg .itemintern .cntlegende .listcat .icncat {
        width: 26px;
        margin-right: 6px;
    }
    #banniereimg .itemintern .cntlegende h2 {
        font-size: 21px;
        margin-bottom: 10px;
    }
    #sectbanniere .banniereinter {
        height: calc(100vh + 0px);
    }
    #cntlistcat {
        bottom: -35px;
    }
    .cntitems .slick-arrow {
        top: 70%;
    }
    .cntitems .slick-dots {
        bottom: 135px;
    }
    #cntchiffre .txtnumber {
        font-size: 13px;
        line-height: 18px;
    }
    #cntservice {
        max-width: 480px;
        width: 100%;
    }
    #cntservice .itemservice {
        border-radius: 30px 30px 0px 30px;
        width: 129px;
        height: 136px;
    }
    #cntservice .itemservice:nth-child(2) {
        border-radius: 30px 30px 30px 0px;
    }
    #cntservice .itemservice:nth-child(3) {
        border-radius: 30px 0px 30px 30px;
    }
    #cntservice .itemservice:nth-child(4) {
        border-radius: 0px 30px 30px 30px;
    }
    #cntservice .itemservice h3 {
        font-size: 14px;
    }
    #sectrdv .cntboxrdv .btn-custom {
        font-size: 16px;
        line-height: 20px;
    }
    #sectrdv .cntboxrdv h2 {
        font-size: 23px;
        line-height: 30px;
    }
    #sectrdv .cntboxrdv .cnttxtrdv {
        font-size: 20px;
        line-height: 23px;
    }

    /* Mise à jour*/
    .sectiontxtimg .itemlisting .listtxt h3 {
        font-size: 20px;
        line-height: 25px;
    }
    #sectionband {
        padding: 20px 0;
    }
    #sectionband .listbox h3 {
        font-size: 23px;
        line-height: 30px;
    }
    h3 {
        font-size: 13px;
        line-height: 15px;
    }
    #sectlistbassin .listbassins .colitem {
        width: 148px;
    }
    #navgallerie .itemimg {
        height: 60px;
    }
    #listgallerie.cntitems .slick-arrow {
        top: 50%;
    }
}