/*AJOUT*/
/*Élections municipales*/
.contain-header.photo.elections-municipales{ background-image: url(https://www.saint-prime.ca/skin/site/image/elections-banner.jpg); background-position: 50% 50%; background-size: cover;}

/*Général*/
.wrap-form{ height: auto;}
ul, ol{ padding: 0; margin: 0;}
a{ text-decoration: none; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); transition: all 400ms ease; }
a:hover{ color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}
a.button{ font-size: 16px;}
.block-list .category-title{ display: none;}

.block .block-header .block-title{ margin-top: 0px; padding: 0px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 3.4em; line-height: 86px; font-weight: 300; text-align: center;}
.zone{ padding: 10px 0;}
.zone .block-text{ padding: 20px 0;}
.zone .block-text .block-content{ margin-top: 10px; margin-bottom: 0px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 18px; line-height: 22px; text-align: left;}
.zone .block-text .block-content .col-4{ width: 40%; float: left; padding: 0 20px;}
.zone .block-text .block-content .col-6{ width: 60%; float: left; padding: 0 20px;}

.block-text h2,
.block-list h2{ display: block; margin-top: 12px; margin-bottom: 20px; border-bottom: 1px none hsla(230.20408163265304, 0.00%, 84.67%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 2em; line-height: 0.8em; font-weight: 300; text-align: left;}
h3 a{ color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); text-decoration: none; transition: all 400ms ease;}
h3 a:hover{ color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}

/*Main Nav*/
.navbar{ display: block;}
.main-nav{
    position: fixed;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    display: flex;
    margin-top: 1%;
    margin-left: 40px;
    padding: 20px 0px 0px;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: flex-start;
    background-color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);
    z-index: 1000;
}
.main-nav .block-navigation .navbar{ padding-top: 0;}
.main-nav .block-navigation .nav-menu{ justify-content: center; display: flex; margin-right: 0px; margin-left: 0px; flex-direction: column; flex-wrap: nowrap; align-items: center; align-content: space-between;}
.main-nav .block-navigation .nav-menu .brand{ border: none; margin: 0; cursor: pointer;}
.main-nav .block-navigation .nav-menu .brand:hover{ background: transparent;}
.main-nav .block-navigation .nav-menu .text-menu{ display: inline-block; opacity: 1; transition: all .25s ease; }
.main-nav .block-navigation .nav-menu .w-dropdown{ width: 100%; margin: 0; transition: all 750ms ease; z-index: 1000;}
.main-nav .block-navigation .nav-menu .w-dropdown:hover{ background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}
.main-nav .block-navigation .nav-menu .w-dropdown.contact-us .w-icon-dropdown-toggle{ display: none;}
.main-nav .block-navigation .nav-menu .w-dropdown.contact-us nav{ display: none;}
.main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle{ display: flex; padding: 25px 42px; justify-content: space-between; align-items: center; border-top: 1px solid hsla(230.20408163265304, 30.61%, 28.58%, 1.00); transition: all 750ms ease; font-family: 'Work Sans', sans-serif; color: #fff; font-size: 1.2em; text-decoration: none; margin: 0; }
.main-nav .block-navigation .nav-menu .search,
.main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle,
.main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle a{ /*padding-right: 15px;*/ display: flex; align-items: center; flex: 1; color: #c9e0f8; font-weight: 600; text-decoration: none;}
.main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle .nav-icon-dropdown-toggle{ margin-right: 12px;}
.main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle .nav-icon-dropdown-toggle::before{ content: "\f0da"; font-family: "Font Awesome 5 Pro"; color: #fff; font-size: 15px; font-weight: 600;}
.main-nav .block-navigation .nav-menu .search{ padding: 25px 42px; justify-content: flex-start; background-color: hsla(230.20408163265304, 30.61%, 20.93%, 1.00);}
.main-nav .block-navigation .nav-menu .w-dropdown.contact-us{ position: relative;}
.main-nav .block-navigation .nav-menu .w-dropdown.contact-us > .nav-dropdown-toggle > a::before{ content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*Sub Menu*/
.main-nav .block-navigation .nav-menu .w-dropdown.contact-us:hover .w-dropdown-list{ display: none;}
.main-nav .w-dropdown-list{ left: 285px; top: 0; background-color: hsla(230.20408163265304, 30.61%, 20.93%, 1.00);}
.main-nav .w-dropdown-list .w-dropdown-link{ padding: 15px 30px; font-size: 16px; color: #c9e0f8; font-weight: 600; text-decoration: none; border-top: 1px solid hsla(230.20408163265304, 30.61%, 28.58%, 1.00); font-family: 'Work Sans', sans-serif;}
.main-nav .w-dropdown-list .w-dropdown-link:hover{ background-color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}


/*Main Menu Scrolling*/
.main-nav .block-navigation .nav-menu{ width: 285px; transition: all .5s ease;}
.content-page .main-nav .brand,
.scrolling .main-nav .brand{ opacity: 0; display: none; transition: all .5s ease;}
.content-page .main-nav .brand.small-logo,
.scrolling .main-nav .brand.small-logo{ opacity: 1; display: block; transition: all .5s ease; padding: 20px 0;}
.contain-nav .logo-block{ display: none;}
.content-page .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle,
.content-page .main-nav .block-navigation .nav-menu .nav-link.search,
.scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle,
.scrolling .main-nav .block-navigation .nav-menu .nav-link.search{ padding: 30px;}
.content-page .main-nav .block-navigation .nav-menu .search .text-menu,
.scrolling .main-nav .block-navigation .nav-menu .search .text-menu{ opacity: 0; width: 0; transition: all .25s ease;}
.content-page .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle a .text-menu,
.content-page .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle .text-menu,
.scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle a .text-menu,
.scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle .text-menu{ opacity: 0; transition: all .25s ease;}
.content-page .main-nav .block-navigation .nav-menu .nav-dropdown .nav-icon-dropdown-toggle,
.scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .nav-icon-dropdown-toggle{ opacity: 0; display: none; transition: all .25s ease;}
.content-page .main-nav .block-navigation .nav-menu,
.scrolling .main-nav .block-navigation .nav-menu{ width: 85px; overflow: hidden; transition: all .5s ease;}
.content-page .main-nav .w-dropdown-list,
.scrolling .main-nav .w-dropdown-list{ left: 85px;}

/*Main Menu Hover*/
.main-nav .block-navigation .nav-menu .nav-dropdown .nav-icon-dropdown-toggle{}
.main-nav .block-navigation .nav-menu .w-dropdown .w-dropdown-list{ display: block; width: 100%; min-width: 0; max-width: 0; overflow: hidden; transition: max-width .75s, opacity .75s, left .75s ease;}
.main-nav .block-navigation .nav-menu .w-dropdown:hover > .w-dropdown-list{ max-width: 150%; width: 150%; opacity: 1; left: 285px;}

.main-nav .block-navigation .navbar.hover .nav-menu{ width: 285px; overflow: visible;}
.main-nav .block-navigation .navbar.hover .w-dropdown-list{ left: 285px; transition: all .25s ease;}
.main-nav .block-navigation .navbar.hover .nav-dropdown .w-dropdown-toggle .text-menu{ opacity: 1;}
.main-nav .block-navigation .navbar.hover .nav-menu .brand.small-logo{ margin-bottom: 50px; transition: all .5s ease;}

.main-nav .block-navigation .navbar.changeLogo .nav-menu .brand{ opacity: 1; display: block;}
.main-nav .block-navigation .navbar.changeLogo .nav-menu .brand.small-logo{ opacity: 0; display: none;}
.main-nav .block-navigation .navbar.changeLogo .search .text-menu{ opacity: 1; width: 100%;}
.main-nav .block-navigation .navbar.changeLogo .nav-dropdown .nav-icon-dropdown-toggle{ display: block; opacity: 1; transition: all .3s ease;}
.main-nav .block-navigation .nav-menu .w-dropdown.contact-us .w-icon-dropdown-toggle{ display: none;}
.main-nav .block-navigation .navbar.changeLogo .nav-dropdown .w-dropdown-toggle a .text-menu,
.main-nav .block-navigation .navbar.changeLogo .nav-dropdown .w-dropdown-toggle .text-menu{ opacity: 1; width: auto;}

/*Accueil Slider*/
.header-home-page .filter{ bottom: 40px; right: 40px;}
.header-home-page .slideshow{ width: 100%; height: 100%;}
.header-home-page .slideshow .slide .image-content .description{
     position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 25%;
    z-index: 4;
    display: flex;
    padding: 0px 0px 20px;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.header-home-page .slideshow .slide .image-content .description p,
.header-home-page .slideshow .slide .image-content .description h1{
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 14px none #fff;
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    font-size: 2.4em;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    text-shadow: 0 3px 9px hsla(230.20408163265304, 69.01%, 13.92%, 1.00);
}
#banner .image-content::before { content: ''; position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; background-image: url('../image/map-saint-prime-cut-03.svg'); background-position: 120% 100%; background-size: auto; background-repeat: no-repeat; z-index: 4; }
#banner .image-content { top: 0; }
.header-home-page .slideshow .slide .image-content .description { bottom: 5px; }

/*Second menu*/
.wrap-nav-down { left: inherit; z-index: 1100;}
.wrap-nav-down .w-nav-menu{ display: flex; align-items: center; justify-content: center;}
.wrap-nav-down .block-navigation .block-content .navbar{ position: fixed; left: initial; top: auto; right: 0%; bottom: 0%; display: flex; height: 10vh; margin: 0 40px 40px 40px; padding: 0; justify-content: flex-end; flex-wrap: nowrap; align-items: flex-end; background: transparent; z-index: 10;}
.wrap-nav-down .block-navigation .nav-link{
    display: flex;
    width: 90px;
    height: 90px;
    padding: 15px 5px 0 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-right: 1px solid hsla(230.20408163265304, 30.61%, 28.58%, 1.00);
    background-color: hsla(230.20408163265304, 30.61%, 20.93%, 1.00);
    transition: all 750ms ease;
    text-decoration: none;
    font-family: 'Work Sans', sans-serif;
    color: #c9e0f8;
    font-size: 1em;
    line-height: 16px;
    text-align: center;
}
.wrap-nav-down .block-navigation .nav-link:hover{ background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}

/*Second Menu scroll*/
.body.scrolling .wrap-nav-down .nav-link{ width: 50px; height: 50px; padding-top: 10px;}
.body.scrolling .wrap-nav-down .nav-link span.text-down{ display: none;}
.body.scrolling .wrap-nav-down .nav-link .icon-down{ padding-bottom: 0;}

/*Accueil Accès Rapide*/
.block-rapid_access.block-list-items .block-header .block-title{ text-align: center; font-family: 'Work Sans', sans-serif; margin-bottom: 0px; padding: 20px 0; font-weight: 700; border-bottom: 1px solid hsla(230.20408163265304, 30.61%, 28.58%, 1.00); background-color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); color: #fff; font-size: 23px;}
.block-rapid_access.block-list-items .block-content ol{ display: flex; align-items:stretch;}
.block-rapid_access.block-list-items .block-content ol li{ align-self: stretch; position: relative; width: 25%; padding: 0; border-right: 1px solid hsla(230.20408163265304, 30.61%, 28.58%, 1.00); background-color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); transition: all 700ms ease; text-align: center;}
.block-rapid_access.block-list-items .block-content ol li:hover{ background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}
.block-rapid_access.block-list-items .block-content ol li .block-subcontent{ display: flex; padding: 25px 0px; flex-direction: column; align-items: center; font-family: 'Work Sans', sans-serif; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); text-align: center; text-decoration: none;}
.block-rapid_access.block-list-items .block-content ol li .access-img img{ width: 100px; margin-bottom: 20px; transition: all 600ms ease;}
.block-rapid_access.block-list-items .block-content ol li:hover .access-img img{transform: translate(0px, -20px); -webkit-transform: translate(0px, -20px); -ms-transform: translate(0px, -20px);}
.block-rapid_access.block-list-items .block-content ol li .access-title{ font-size: 1.1em; font-weight: 700; color: #fff;}
.block-rapid_access.block-list-items .block-content ol li .access-link a span{ display: none;}
.block-rapid_access.block-list-items .block-content ol li .access-link a::before{ width: 100%;height: 100%; position: absolute; top: 0; left: 0; content: '';}
.block-rapid_access.block-list-items .block-content ol li .block-subfooter{ display: none;}

/*Accueil à venir*/
.coming-event-slider .wrap-button-center p{ margin: 0px;}
.coming-event-slider .block-content{ width: 100%; height: 400px; position: relative;}
.coming-event-slider .block-footer{ display: none;}
.coming-event-slider .list{ white-space: nowrap; overflow: hidden; padding-top: 60px; padding-bottom: 10px; position: absolute; bottom: 0; left: 0; right: 0;}
.coming-event-slider .list .box-a-venir{ position: relative; display: inline-flex; flex-wrap: wrap; vertical-align: bottom; min-height: 275px; transition: all 1s ease;}
.coming-event-slider .list .box-a-venir .box-calendar-icon{ display: block; opacity: 0; transition: all .25s ease;}
.coming-event-slider .list .box-a-venir .slide-content{ width: 100%; transition: all .5s ease;}
.coming-event-slider .list .box-a-venir .slide-content .left-date{ height: 125px; opacity: 1; overflow: hidden; transition: height .2s ease, opacity .2s ease;}
.coming-event-slider .list .box-a-venir .right-date{ width: 0; opacity: 0; overflow: hidden; transition: all .5s ease;}
.coming-event-slider .list .box-a-venir:first-child{ transition: all 1s ease; }
.coming-event-slider .list.transition-next .box-a-venir:first-child{ margin-left: -25%;}
.coming-event-slider .list .box-a-venir .box-fleche-icon{ display: none;}
.coming-event-slider .list.transition-prev .box-a-venir:first-child { margin-left: -25%;}
.coming-event-slider .list.transition-prev-slide .box-a-venir:first-child { margin-left: 0; transition: all 1s ease;}
.wrap-button-center a .block-resume p{ margin: 0;}

.coming-event-slider .list .box-a-venir.featured{ position: relative; width: 50%; background-color: #2eb9ec; margin-top: 0; padding: 75px 40px 110px; transition: all .5s ease;}
.coming-event-slider .list .box-a-venir.featured .box-calendar-icon{ opacity: 1; transition: all .5s ease .25s;}
.coming-event-slider .list .box-a-venir.featured .slide-content{ width: 60%; display: flex; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap;}
.coming-event-slider .list .box-a-venir.featured .slide-content > *{ width: 100%;}
.coming-event-slider .list .box-a-venir.featured .slide-content .left-date{ height: 0; opacity: 0; transition: opacity .5s ease, height .5s ease; }
.coming-event-slider .list .box-a-venir.featured .right-date{ width: 40%; opacity: 1; }
.coming-event-slider .list .box-a-venir.featured .right-date .little-number { text-align: center; font-size: 8vw; line-height: 1em; padding: 0; font-weight: 900; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); }
.coming-event-slider .list .box-a-venir.featured .right-date .little-text-cal{ text-align: center; padding-top: 10px; font-weight: 700; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.coming-event-slider .list .box-a-venir.featured .text-slide .little-title{ font-size: 24px; line-height: 30px; margin-bottom: 10px; margin-top: 20px; font-weight: 900; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); white-space: initial;}
.coming-event-slider .list .box-a-venir.featured .text-slide .little-text-para{ font-size: 16px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.coming-event-slider .list .box-a-venir.featured .box-fleche-icon{ display: block;}

/*Accueil Quoi faire à st-prime*/
.what_to_do.block-list .block-header .block-title{ margin-top: 0px; padding: 0px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 3.4em; line-height: 86px; font-weight: 300; text-align: center;}
.what_to_do.block-list ol li{
    position: relative;
    display: flex;
    height: 60vh;
    margin-bottom: 20px;
    padding-bottom: 40px;
    padding-left: 60px;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: flex-start;
    background-color: transparent;
    transition-property: none;
    text-decoration: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.what_to_do.block-list ol li:hover .filter-bloc-quoi-faire{ background-color: hsla(230.20408163265304, 76.38%, 7.18%, 0.39);}
.what_to_do.block-list ol li .todo-img{ display: none;}
.what_to_do.block-list ol li .todo-title{ margin: 0px; color: #fff; font-size: 2.3em; line-height: 36px; font-weight: 700; text-align: left; position: relative; z-index: 3;}
.what_to_do.block-list ol li .todo-link a span{ display: none;}
.what_to_do.block-list ol li .todo-link a:before{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: '';}

/*Content Page*/
.content-page .header-h1-title-page h1{ margin: 0px; color: #fff; font-size: 70px; line-height: 55px; font-weight: 900; letter-spacing: 2px;}

/*Doccenters*/
.block-list-docs.block-doccenters h2{ display: block; margin: 12px; margin-left: 0; border-bottom: 1px none hsla(230.20408163265304, 0.00%, 84.67%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 2em; line-height: 0.8em; font-weight: 300; text-align: left;}
.block-list-docs.block-doccenters.wrapper-bloc-document{ margin-top: 10px; margin-right: auto; margin-left: auto;}
.block-list-docs.block-doccenters.wrapper-bloc-document.loisirs-culture .block-header{ display: block;}
.block-list-docs.block-doccenters.wrapper-bloc-document .block-header{ display: none;}
.block-list-docs.block-doccenters .block-content { width: 100%; padding-top: 20px;}
.block-list-docs.block-doccenters .block-content ol{ display: flex; flex-wrap: wrap;}
.block-list-docs.block-doccenters .block-content li{ display: flex; justify-content: space-between; width: 50%; transition: all 500ms ease; text-decoration: none;}
.block-list-docs.block-doccenters .block-content li .block-subfooter{ display: flex; justify-content: flex-start; width: 100%; padding: 0;}
.block-list-docs.block-doccenters .block-content li:nth-child(2n + 1) .block-subfooter{ margin-right: 10px;}
.block-list-docs.block-doccenters .block-content li .icon .doc-img{ width: 54px;}
.block-list-docs.block-doccenters .block-content li .block-subfooter a{ display: flex; width: 100%; border: none; text-decoration: none;}
.block-list-docs.block-doccenters .block-content li .block-subfooter .texte-section.document-bloc{ border: none; margin-right: 0; transition: all .5s ease;}
.block-list-docs.block-doccenters .block-content li .block-subfooter .texte-section.document-bloc .title{ width: 100%; display: block; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-weight: 900;  margin-top: 20px; margin-bottom: 10px; font-family: 'Work Sans', sans-serif; font-size: 24px; line-height: 30px;}
.block-list-docs.block-doccenters .block-content li .block-subfooter .texte-section.document-bloc .time{ display: inline-block; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); margin-top: 10px; margin-bottom: 0px; font-weight: 700; font-size: 18px; line-height: 22px; text-align: left;}
.block-list-docs.block-doccenters .block-content li:hover .block-subfooter .texte-section.document-bloc{ background-color: hsla(195.97989949748745, 100.00%, 88.39%, 1.00);}

/*Doccenter document*/
.pagination li{ padding: 0;}
.block-list-docs.block-doccenters .block-pagination{ padding: 15px;}
.block-list-docs.block-doccenters .block-pagination li a{ text-decoration: none; margin: 10px 5px; padding: 10px 20px; background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 1.2em; font-weight: 500; transition: all 700ms ease;}
.block-list-docs.block-doccenters .block-pagination li.active a{ color:#fff; background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}
.block-list-docs.block-doccenters .block-pagination li a:hover{ color:#fff; background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}

/*Doccenter nav*/
.block-navigation.doccenter-menu .navbar{ position: relative; display: block; margin: 0; padding: 10px 0; background-color: transparent;}
.block-navigation.doccenter-menu .navbar .w-nav-menu{ float: none; display: flex; align-items: center; justify-content: center;}
.block-navigation.doccenter-menu .navbar .w-nav-menu .nav-link{ border: none; text-decoration: none; margin: 5px 10px; padding: 10px 20px; background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 1.2em; font-weight: 500; transition: all 700ms ease;}
.block-navigation.doccenter-menu .navbar .w-nav-menu .nav-link:hover{ color: #fff; background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}

/*Page Historique*/
.history-page .section .container{ display: flex; align-items: center; justify-content: space-between;}
.history-page .section .container .zone.text{ width: 70%; padding: 10px 30px;}
.history-page .section .container .zone.img{ width: 30%; display: flex; align-items: center; justify-content: center;}
.history-page .section.blue-background-section .block-header h2,
.history-page .section.blue-background-section .block-content{ color: #fff;}


/*Nous joindre*/
.wrapper-clock{ align-items: flex-start;}
.wrap-phone, .wrapper-adresse{ align-items: center;}
.wrapper-clock .texte-courant,
.wrap-phone .texte-courant,
.wrapper-adresse .texte-courant{ margin-top: 0;}

.block-list-items.employee_list .block-header .block-title span{ color: #fff; margin-top: 20px; margin-bottom: 10px; font-family: 'Work Sans', sans-serif; font-size: 41px; line-height: 36px; font-weight: 400; text-align: center;}
.block-list-items.employee_list .block-content ol{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin-top: 50px;}
.block-list-items.employee_list .block-content li{ width: 33.33%; /*align-self: stretch;*/ display: flex; align-items: stretch; justify-content: stretch; padding: 10px;}
.block-list-items.employee_list .block-content li .block-subcontent{ width: 100%; padding: 40px; border: 1px solid hsla(196.10526315789474, 83.33%, 55.29%, 1.00); color: #fff;}
.block-list-items.employee_list .block-content li .block-subfooter{ display: none;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-name{ letter-spacing: 0px; font-size: 1.4em; font-weight: 700;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-job{ padding-bottom: 20px; margin-top: 5px; font-size: 1.2em;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-phone{ margin: 10px 0; font-size: 18px; line-height: 22px; text-align: left;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-email{ margin: 5px; font-size: 18px; line-height: 22px; text-align: left;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-phone a{ color:  #fff; text-decoration: none;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-email a{ color: #fff; text-decoration: none;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-phone a:before { content: '\f095'; font-family: "Font Awesome 5 Pro"; font-weight: 600; font-size: 15px;}
.block-list-items.employee_list .block-content li .block-subcontent .staff-email a:before{ content: '\f1fa'; font-size: 15px; font-weight: 600; font-family: "Font Awesome 5 Pro";}

/*Bottin des entreprises*/
.block-list-items.employee_list.comite_organisme .block-content li .block-subcontent .staff-phone a,
.block-list-items.employee_list.comite_organisme .block-content li .block-subcontent,
.block-list-items.employee_list.bottin_entreprise .block-content li .block-subcontent .staff-phone a,
.block-list-items.employee_list.bottin_entreprise .block-content li .block-subcontent{ color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}

/*Offre d'emploi*/
.block-list-items.employee_list.offre_demploi{}
.block-list-items.employee_list.offre_demploi .block-content li{ width: 50%;}
.block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-name{ color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-job{ color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-description{ color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-button{ margin-top: 30px;}
.block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-button a{ margin: 10px 0; padding: 10px 40px; background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); transition: all 700ms ease; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 16px; font-weight: 500;}
.block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-button a:hover{ background-color: hsla(196.10526315789474, 100.00%, 67.86%, 1.00);}


/*Form Template*/
.block-simple-contact .block-header h2{ text-align: left; margin-top: 12px; margin-bottom: 35px; font-family: 'Work Sans', sans-serif; font-size: 4em; line-height: 0.8em; font-weight: 200;}
.block-simple-contact .block-content form li.field .input_text{ display: block; width: 100%; height: 55px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px none hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}
.block-simple-contact .block-content form li.field .field-wrapper{ width: 100%;}
.block-simple-contact .block-content form li.field .title{ margin-top: 15px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-weight: 500;}
.block-simple-contact .block-content form li.field .input_textarea{ height: 100px;}
.block-simple-contact .button-container button{ margin: 10px 0; transition: all 700ms ease; font-size: 1.2em; padding: 25px; background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-weight: 500; display: inline-block; text-decoration: none;}

/*Emergency block*/
.urgency_message .block-header .block-title span{ display: block; font-size: 28px; font-weight: 700; margin: 12px 0; border-bottom: 1px none hsla(230.20408163265304, 0.00%, 84.67%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); line-height: 0.8em; text-align: left;}
.urgency_message .wrapper-adresse .texte-courant{ margin-top: 0;}

/*Calendrier des évènements*/
.all_coming_event .block-content li{ display: flex; margin-top: 10px; background-color: #ebf5ff;}
.wrap-date.list{ background-color: hsla(196.10526315789474, 100.00%, 83.93%, 1.00);}
.all_coming_event .block-footer{ padding-top: 30px;}

/*Calendrier*/
.calendar-box .block-calendar{ width: 75%; background-color: hsla(195.97989949748745, 100.00%, 88.39%, 1.00);}
.calendar-box .block-calendar .block-content .calendar{ min-height: 570px; display: flex; flex-wrap: wrap; align-items: stretch;}
.calendar-box .block-calendar .block-content .calendar table{ width: 100%;}
.calendar-box .block-calendar .block-content .calendar{ position: relative; height: 100%; padding: 20px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.calendar-box .block-calendar .block-content .calendar table tbody tr td{ padding:  20px 0; text-align: center; position: relative; align-self: center;}
.calendar-box .block-calendar .block-content .calendar table tbody tr td.today{ color: #fcb415;}
.calendar-box .block-calendar .block-content .calendar table tbody tr td .wrapper .day{ line-height: 1em; font-style: normal; font-size: 30px; font-weight: 700; text-decoration: none;}
.calendar-box .block-calendar .block-content .calendar table tbody tr td:not(.past) .wrapper .day a{ color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); text-decoration: none; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 1em;}
.calendar-box .block-calendar .block-content .calendar table tbody tr td:not(.past) .wrapper .day a::after{ content: ''; display: block; width: 15px; height: 15px; background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); border-radius: 20px; border: 1px solid hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}
.calendar-box .block-calendar .block-content .calendar table tbody tr td.has-event:hover a::after{ background-color: hsla(41.298701298701296, 97.47%, 53.53%, 1.00)!important;}
.calendar-box .block-calendar .block-content .calendar .header,
.calendar-box .block-calendar .block-content .calendar table tbody tr td .wrapper .events{ display: none;}
.calendar-box .wrap-date .block-content .block-title{ padding-bottom: 11px; font-size: 43px; font-weight: 300; text-align: center; margin-top: 20px; margin-bottom: 10px; font-family: 'Work Sans', sans-serif; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); line-height: 30px;}
.calendar-box .wrap-date{ display: block;}
.calendar-box .wrap-date .block-content{ display: flex; height: 100%; align-items: center; justify-content: space-between; flex-direction: column;}
.calendar-box .wrap-date .block-list-event{ height: 100%;}

.calendar-box .block-calendar .block-content .calendar table thead tr th{ padding: 20px 0; text-align: center; position: relative; align-self: center;}
.calendar-box .block-calendar .block-content .calendar .footer{ width: 100%; background-color: transparent; border: none; display: flex; align-items: flex-end; justify-content: space-between;}
.calendar-box .block-calendar .block-content .calendar .footer .month-nav{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.calendar-box .block-calendar .block-content .calendar .footer .month-nav .current.month{ text-align: center; font-weight: 700; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.calendar-box .block-calendar .block-content .calendar .footer .month.prev,
.calendar-box .block-calendar .block-content .calendar .footer .month.next{ display: flex; align-items: center; justify-content: center; background-color: hsla(196.10526315789474, 53.04%, 74.45%, 1.00); transition: all 700ms ease;}
.calendar-box .block-calendar .block-content .calendar .footer .month.prev:hover,
.calendar-box .block-calendar .block-content .calendar .footer .month.next:hover{ background-color: hsla(41.298701298701296, 97.47%, 53.53%, 1.00);}
.calendar-box .block-calendar .block-content .calendar .footer .month.prev a,
.calendar-box .block-calendar .block-content .calendar .footer .month.next a{ font-size: 30px; font-weight: 300; padding: 10px 15px; text-decoration: none; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00);}
.calendar-box .block-calendar .block-content .calendar .footer .month.prev a strong,
.calendar-box .block-calendar .block-content .calendar .footer .month.next a strong{ display: none;}
.calendar-box .block-calendar .block-content .calendar .footer .month.prev a::before{ content: '\f104'; font-family: "Font Awesome 5 Pro";}
.calendar-box .block-calendar .block-content .calendar .footer .month.next a::before{ content: '\f105'; font-family: "Font Awesome 5 Pro";}

.wrap-date.list{ width: 40%; padding: 10px 0;}

/*Pagination*/
.pagination li{ padding: 0;}
.block-pagination{ padding: 15px;}
.block-pagination li a{ text-decoration: none; margin: 10px 5px; padding: 10px 20px; background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 1.2em; font-weight: 500; transition: all 700ms ease;}
.block-pagination li.active a{ color:#fff; background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}
.block-pagination li a:hover{ color:#fff; background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}

/*Visiter Saint-Prime*/
.section.empty,
.section.empty .zone{ padding: 0;}
.visit .block-header h2{ margin-bottom: 20px;}
.visit .block-header .block-resume p{ font-size: 18px; line-height: 22px; text-align: center;}
.visit .blue-background-section.visiter .block-header .block-resume p{ color: #fff;}
.visit .block-footer .block-resume{ margin-top: 25px; font-size: 18px; line-height: 22px; text-align: center;}
.visit .block-footer .block-resume p{ font-size: 18px; line-height: 22px; text-align: center;}
.visit .block-footer .block-resume p a{ font-size: 16px;}
.visit .blue-background-section.visiter h2{ color: #fff;}
.visit .block-single-album .block-content .list .category .header{ display: none;}
.visit .hebergement .columns-5{ display: flex; align-items: stretch;}

.visit .block-album .block-content{ height: 70vh; position: relative; overflow: hidden; margin-top: 40px;}
.visit .block-album .block-resume a.button-download-pdf .text-block-12{ font-size: 16px;}
.visit .block-album .block-resume a.button{ font-size: 16px;}
.visit .block-album .wrap-visiter.slides-wrapper{ display: block; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; padding:0; white-space: nowrap; font-size: 0;}
.visit .block-album .wrap-visiter.slides-wrapper.transitions{ transition: all .5s ease; }
.visit .block-album .wrap-visiter.slides-wrapper a.box-photo{ display: inline-block; width: 25%; height: 35vh; margin-top: 30px; margin-left: 0; margin-right: 0; background-position: center; background-size: cover; position: relative; }
.visit .block-album .wrap-visiter.slides-wrapper a.featured{  width: 50%; height: 70vh; }
.visit .block-album .box-fleche-icon{ bottom: 10px; left: auto; right: 25%;}
.visit .block-album .box-fleche-icon.droite-fleche{ bottom: 10px; left: 25%; right: auto;}

/*Conseiller municipal*/
.block-content p a.button{ font-size: 16px;}
.conseiller.block-list-items .block-content ol{ display: flex; flex-wrap: wrap;}
.conseiller.block-list-items .block-content ol li{ width: 22%; display: flex; align-items: center; justify-content: center; margin: 15px 1%; padding: 25px; border: 1px solid hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}
.conseiller.block-list-items .block-content ol li .block-subcontent{ width: 100%;}
.conseiller.block-list-items .block-content ol li .block-subcontent .text{ width: 100%;}
.conseiller.block-list-items .block-content ol li .block-subcontent .text.name .value{ padding-top: 30px; letter-spacing: 0px; font-size: 1.4em; font-weight: 700;}
.conseiller.block-list-items .block-content ol li .block-subcontent .text.siege .value{ margin-top: 5px; font-size: 1.2em;}
.conseiller.block-list-items .block-content ol li .block-subcontent .image img{ width: 100%; max-width: none;}
.conseiller.block-list-items .block-content .block-subfooter{ display: none;}


/*Footer menu*/
.wrapper-link-footer .block-navigation{ width: 100%;}
.wrapper-link-footer .navbar{ position: relative; margin: 0; padding: 0; background-color: transparent; z-index: 900;}
.wrapper-link-footer .navbar .nav-menu{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.wrapper-link-footer .navbar .nav-menu .brand{ display: none;}
.wrapper-link-footer .navbar .w-dropdown{ width: 100%; margin: 0; padding: 0; padding-right: 40px;}
.wrapper-link-footer .navbar .w-dropdown-toggle{ padding: 0; margin-bottom: 15px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 1.2em; font-weight: 700; text-align: left; text-decoration: none;}
.wrapper-link-footer .navbar .w-dropdown-toggle img{ display: none;}
.wrapper-link-footer .navbar .w-dropdown-toggle a{ color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-size: 1.2em; font-weight: 700; text-align: left; text-decoration: none;}
.wrapper-link-footer .navbar .w-dropdown-list{ display: block; position: relative; background: transparent;}
.wrapper-link-footer .navbar .w-dropdown-list a{ padding: 10px 0; font-size: 1em; font-weight: 500; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); transition: all 400ms ease;}
.wrapper-link-footer .navbar .w-dropdown-list a:hover{ color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}
.wrapper-link-footer .navbar .w-dropdown-list a.evaluation::after{ content: "\f35d"; display: inline-block; padding-left: 5px; font-family: 'Font Awesome 5 Pro';}
.wrapper-link-footer .nav-menu .w-dropdown.contact-us nav{ display: block;}
.wrapper-link-footer .w-dropdown-link,
.wrapper-link-footer .w-dropdown-btn,
.wrapper-link-footer .w-dropdown-toggle{ white-space: normal;}
.wrapper-link-footer .navbar .w-icon-dropdown-toggle,
.wrapper-link-footer .navbar .search{ display: none;}
.footer-copyright{ font-size: 12px;}
.wrapper-link-footer img.logo-fleurons{ margin-top: 20px;}

/*Search Page*/
.search-page .container .block-search{ margin-bottom: 20px;}
.search-page .container .block-search .input_text{ display: block; width: 100%; height: 55px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #333333; vertical-align: middle;}
.search-page .container .block-search .button-container button{ margin: 10px 0; transition: all 700ms ease; font-size: 16px; padding: 10px 40px; background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); font-weight: 500; display: inline-block; text-decoration: none;}
.search-page .container .block-search .button-container button:hover{ background-color: hsla(196.10526315789474, 100.00%, 67.86%, 1.00);}
.search-page .container .block-search .field-wrapper label{ display: none;}
.search-page .container .block-search .result-stats,
.search-page .container .block-search .notice{ font-size: 18px; line-height: 22px; padding: 20px 0;}
.search-page .container .block-search .list ol li{ width: 100%; font-size: 18px; line-height: 22px; padding: 40px; margin: 20px 0; border: 1px solid hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}
.search-page .container .block-search .list ol li .block-subtitle{ }
.search-page .container .block-search .list ol li .block-subtitle a{ letter-spacing: 0px; font-size: 1.4em; font-weight: 700; text-decoration: none; color: #333;}
.search-page .container .block-search .list ol li .block-subcontent{ padding: 20px 0;}
.search-page .container .block-search .list ol li a{ text-decoration: none; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); transition: all 400ms ease;}
.search-page .container .block-search .list ol li a:hover{ color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}

/*Developpement residentiel*/
.block-album.residentiel-plan .block-content .header{ display: none;}
.block-album.residentiel-plan .block-content ul li{ width: 30%;}
.block-album.residentiel-plan .list .category .list ul li img{ height: 200px;}

/*Loisirs et culture*/
.block-list.loisirs-culture{ padding: 20px 0;}
.block-list.loisirs-culture .block-content ol{ justify-content: flex-start;}

/*Bâtiments, infrastructures et location de salle*/
.block-list.building-description .block-content ul{ padding: 15px 0; list-style: disc; padding-left: 20px;}
.block-list.building-description .block-content ul li{ padding: 5px 0;}
.block-list.building-description .block-content ol{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.block-list.building-description .block-content ol > li{ width: 48%; min-height: 250px; margin: 20px 1%; padding: 40px; border: 1px solid hsla(196.10526315789474, 83.33%, 55.29%, 1.00);}
.block-list.building-description .block-content ol > li .block-subheader{ height: 20vh; width: 100%; display: block; position: relative; margin-bottom: 20px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.block-list.building-description .block-content ol li .block-subcontent .staff-img{ display: none;}
.block-list.building-description .block-content ol li .block-subcontent .staff-name{ padding-bottom: 15px; letter-spacing: 0px; font-size: 1.4em; font-weight: 700;}
.block-list.building-description .block-content ol li .block-subcontent .staff-job{ padding-bottom: 20px; padding-left: 10px; margin-top: 5px; font-size: 1.2em;}
.block-list.building-description .block-content ol li .block-subfooter{ display: none;}

/*Infolettre mailchimp form*/
.infolettre-section .block .block-header .block-title{ text-align: left; padding-bottom: 20px; font-weight: 300; margin-top: 20px; margin-bottom: 10px; font-size: 41px; line-height: 36px;}
.infolettre-section .block .block-content div#mc_embed_signup_scroll{ display: flex; justify-content: flex-start; align-items: stretch; margin-left: 0px;}

@media (max-width: 1280px){

    .conseiller.block-list-items .block-content ol li{ width: 30%;}
    .coming-event-slider .list .box-a-venir{ padding-left: 10px; padding-right: 10px;}
    .coming-event-slider .list .box-a-venir.featured{ padding: 75px 30px 110px;}

    .history-page .section .container{ flex-direction: column;}
    .history-page .section .container .zone.text{ width: 100%;}
    .history-page .section .container .zone.img{ width: 100%;}

    .block-list-items.employee_list .block-content li { width: 50%; }

}

@media (max-width: 1024px){

    .visit .hebergement .columns-5{ display: block;}
    .visit .hebergement .columns-5 .w-col{ width: 100%;}
    .visit .hebergement .columns-5 .w-col .columns-8,
    .visit .hebergement .columns-5 .w-col .columns-6{ align-items: center;}

    .header-home-page{ padding: 60px 0;}
    .section-header{ padding-left: 0; padding-right: 0;}
    .contain-header.photo{ height: 45vh;}
    .header-h1-title-page{ margin: 0;}
    /*Responsive menu*/
    .main-nav{ margin-top: 0; padding: 13px 0px 0px;}
    .navbar{ position: fixed; max-height: 100%; overflow: auto; top: 0; left: 0; right: 0; bottom: auto; margin: 0; padding: 0;}
    .main-nav .block-navigation .nav-menu{ display: none;}
    .main-nav .block-navigation .nav-menu.visible{ display: block;}
    .main-nav .block-navigation .nav-menu,
    .content-page .main-nav .block-navigation .nav-menu,
    .scrolling .main-nav .block-navigation .nav-menu,
    .main-nav .block-navigation .navbar.hover .nav-menu{ width: 100%;}
    .content-page .main-nav .block-navigation .nav-menu .nav-dropdown .nav-icon-dropdown-toggle,
    .scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .nav-icon-dropdown-toggle{ display: block; opacity: 1;}
    .main-nav .block-navigation .nav-menu .w-dropdown.contact-us .w-icon-dropdown-toggle{ display: none;}
    .content-page .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle a .text-menu,
    .content-page .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle .text-menu,
    .scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle a .text-menu,
    .scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle .text-menu{ opacity: 1;}
    .content-page .main-nav .block-navigation .nav-menu .search .text-menu,
    .scrolling .main-nav .block-navigation .nav-menu .search .text-menu{ opacity: 1;}
    .content-page .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle,
    .content-page .main-nav .block-navigation .nav-menu .nav-link.search,
    .scrolling .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle,
    .scrolling .main-nav .block-navigation .nav-menu .nav-link.search{ padding: 25px 42px;}

    .w-nav[data-collapse="medium"] .w-nav-button{ color: #fff; font-size: 50px; cursor: pointer;}
    .w-nav[data-collapse="medium"] .w-nav-button:hover{ background-color: hsla(230.20408163265304, 30.61%, 20.93%, 1.00);}
    .main-nav .block-navigation .navbar.changeLogo .nav-menu .brand,
    .main-nav .block-navigation .navbar .nav-menu .brand{ display: none;}
    .contain-nav .logo-block{ display: block; position: relative; z-index: 1001;}
    .contain-nav .logo-block .image{ max-width: 75%;}
    .contain-nav .logo-block img,
    #logo img{ max-width: 75px;}

    .wrap-nav-down .block-navigation .block-content .navbar{ height: 13vh;}

    .main-nav .block-navigation .nav-menu .w-dropdown .w-dropdown-list{ height: 0; left: auto; min-width: auto; max-width: 100%; width: 100%; transition: all .35s ease;}
    .main-nav .block-navigation .nav-menu .w-dropdown .w-dropdown-list.active{ height: auto;}
    .main-nav .block-navigation .nav-menu .w-dropdown:hover > .w-dropdown-list{max-width: 100%; width: 100%; left: auto;}
    .main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle.open .nav-icon-dropdown-toggle{ transform: rotate(90deg); margin-bottom: 20px;}

    .contain-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
    .main-nav .w-nav[data-collapse="medium"] .w-nav-button { display: block; }

    .main-nav { margin-left: 18px; position: fixed; width: 100%; margin: 0; padding: 0;}
    .main-nav .block-navigation .navbar{ position: relative; width: 100%;}
    .contain-nav .logo-block{ position: absolute; top: 15px; left: 15px;}
    .contain-nav div.block-navigation{ width: 100%;}
    .main-nav .block-navigation .navbar.hover .nav-menu{ overflow: auto; max-height: calc(100vh - 86px);}
}

@media (max-width: 991px){
    .section-header{ padding: 60px 0px 0px;}
    .wrapper-link-footer .w-nav[data-collapse="medium"] .w-nav-button,
    .wrap-nav-down .w-nav[data-collapse="medium"] .w-nav-button{ display: none;}
    .wrap-nav-down .w-nav[data-collapse="medium"] .w-nav-menu{ display: flex;}
    .block-navigation.doccenter-menu .w-nav[data-collapse="medium"] .w-nav-button{ display: none;}

    .block-list-items.employee_list .block-content li{  width: 50%;}
    .block-album.residentiel-plan .block-content ul li{ width: 48%;}

    .block-list-docs.block-doccenters .block-content li{ width: 100%;}
    .block-list-docs.block-doccenters .block-content li .block-subfooter,
    .block-list-docs.block-doccenters .block-content li:nth-child(2n + 1) .block-subfooter{ margin-right: 0;}

    .block-rapid_access.block-list-items .block-content ol li{ align-self: stretch;}

    .block-list.building-description .block-content ol{ min-height: none;}
    .block-list.building-description .block-content ol > li{ width: 98%;}

    .zone .block-text .block-content .col-4{ width: 100%; float: none; padding: 0 20px; text-align: center;}
    .zone .block-text .block-content .col-6{ width: 100%; float: none; padding: 20px 0;}

    .visit .block-album .wrap-visiter.slides-wrapper a.box-photo{ width: 0;}
    .visit .block-album .wrap-visiter.slides-wrapper a.featured{ width: 100%;}
    .image-3.icon-fleche.droite-fleche,
    .image-3.icon-fleche{ transform: none;}
    .visit .block-album .box-fleche-icon{ right: 0; bottom: 10px; }
    .visit .block-album .box-fleche-icon.droite-fleche{ left: 0; bottom: 10px;}

    .section.section-blue-background,
    .section.blue-background-section.visiter{ margin: 0;}

    /*.main-nav { margin-left: 8px; }*/

    .wrapper-link-footer .navbar .nav-menu { flex-wrap: wrap; }
    .wrapper-link-footer .navbar .w-dropdown { width: 33.33%; margin-bottom: 30px; }
    .wrapper-link-footer .navbar .w-dropdown:nth-of-type(3n) { padding-right: 0; }
    .wrapper-link-footer .navbar .w-dropdown:last-of-type { width: 66.66%; position: relative; }
    .wrapper-link-footer .navbar .w-dropdown:last-of-type .w-dropdown-list a:last-child { position: absolute; top: -45px; right: 0; padding: 0; }
    .wrapper-link-footer .navbar .w-dropdown:last-of-type .w-dropdown-list a:not(:last-child) { width: 50%; margin-left: 0; }
    .wrapper-link-footer .navbar .w-dropdown:last-of-type .w-dropdown-list a:last-child img { margin: 0; }
}

@media (max-width: 768px){
    .contain-nav{ padding: 0; width: 100%;}
    .column-4{ padding-right: 0;}
    .content-page .header-h1-title-page h1{ font-size: 55px;}

    .conseiller.block-list-items .block-content ol li{ width: 48%;}
    .conseiller.block-list-items .block-content ol li .block-subcontent{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
    .conseiller.block-list-items .block-content ol li .block-subcontent .image{ max-width: none;}

    .block-navigation.doccenter-menu .navbar .w-nav-menu{ flex-wrap: wrap;}
    .block-navigation.doccenter-menu .navbar .w-nav-menu .nav-link{ background-color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); background-image: none;}
    .block-navigation.doccenter-menu .navbar .w-nav-menu .nav-link:hover{ color: #fff; background-color: hsla(230.20408163265304, 30.61%, 28.58%, 1.00);}
    .block-rapid_access.block-list-items .block-content ol{ flex-wrap: wrap;}
    .block-rapid_access.block-list-items .block-content ol li{ width: 100%; left: auto; right: auto; border-bottom: 1px solid hsla(230.20408163265304, 30.61%, 28.58%, 1.00); border-right-style: none;}

    .what_to_do.block-list ol li{ height: 40vh; padding-right: 40px; padding-left: 40px;}
    .what_to_do.block-list ol li .todo-title{ line-height: 1em;}

    .wrapper-link-footer .navbar .nav-menu{ flex-wrap: wrap;}
    .wrapper-link-footer .navbar .w-dropdown{ width: 100%; margin-bottom: 30px;}
    .wrapper-link-footer img.logo-fleurons{ width: 30%;}
    .infolettre-section .block .block-content div#mc_embed_signup_scroll .text-field-2{ width: 100%;}

    .block-list.building-description .block-content ol > li{ padding: 20px;}
    .block-list-items.employee_list.offre_demploi .block-content li{ width: 100%;}

    .visit .block-album .box-fleche-icon,
    .visit .block-album .box-fleche-icon.droite-fleche{ top: 91.2%;}

    .visit .block-album .block-resume .wrapping-button-center{ display: block;}
    .visit .block-album .block-resume a.button,
    .visit .block-album .block-resume  a.button-download-pdf{ width: 100%;}

    .wrapper-link-footer .navbar .w-dropdown:last-of-type .w-dropdown-list a:last-child { position: relative; top: 0; }
}

@media (max-width: 620px){
    .content-page .header-h1-title-page h1{ font-size: 40px; line-height: 40px;}
    .block-list-items.employee_list .block-content li{  width: 100%;}
    .block-album.residentiel-plan .block-content ul li{ width: 100%; display: flex; justify-content: center;}
    .block-album.residentiel-plan .list .category .list ul li img{ height: 300px;}

    .block-list-docs.block-doccenters .block-content li .icon{ margin-right: 0;}
    .block-list-docs.block-doccenters .block-content li .icon .doc-img{ width: 45px;}
}

@media (max-width: 479px){
    .content-page .header-h1-title-page h1{ font-size: 30px; line-height: 30px;}
    .conseiller.block-list-items .block-content ol li{ width: 98%;}
    .wrapper-link-footer .navbar .nav-menu{ margin-bottom: 0px; margin-left: 0px;}
    .wrapper-link-footer .navbar .w-dropdown{ padding-right: 0;}
    .wrapper-link-footer .navbar .w-dropdown-toggle,
    .wrapper-link-footer .navbar .w-dropdown-list a{ text-align: center;}
    .block-pagination li a{ padding: 5px 10px;}
    .infolettre-section .block .block-header .block-title{ font-size: 36px;}
}

/* Contrôle Q - Fixes */
.heading-3.little-title { white-space: normal; }
.filter-bloc-quoi-faire { background-color: rgba(4, 9, 32, 0.25); }
.wrap-nav-down .w-nav[data-collapse="medium"] .w-nav-menu { overflow: hidden; }
textarea { resize: vertical; }
.pagination li { margin-top: 35px; }
.block-text h2, .block-list h2, h2,
.block .block-header .block-title,
.what_to_do.block-list .block-header .block-title,
.block-list-items.employee_list .block-header .block-title span,
.content-page .header-h1-title-page h1 { line-height: 1em; }
.texte-courant.bigger-texte-courant { margin-bottom: 15px; }
.heading-3.petit { width: 100%; } /* <---- IE fix */
.block-list.building-description .block-content ol li .block-subcontent .staff-job { padding-left: 0; }
.block-album .button-download-pdf { width: auto; padding: 10px 40px; color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); }
.what_to_do.block-list .block-header .block-title { margin-bottom: 25px; }

.block-list-docs .list .block-subfooter span.icon { margin-right: 0; }
.block-list-docs.block-doccenters .block-content li .icon .doc-img { width: 35px; }
.block-list-docs.block-doccenters .block-content li .block-subfooter .texte-section.document-bloc { padding: 10px 15px; }
.block-list-docs.block-doccenters .block-content li .block-subfooter .texte-section.document-bloc .title { margin-top: 0; font-size: 20px; }


.blue-background-section a { color: hsl(41, 97%, 54%); }
.blue-background-section a:hover { color: hsla(196.10526315789474, 83.33%, 55.29%, 1.00); }
.blue-background-section a.button { color: #fff; }
.blue-background-section a.button:hover { background-color: hsla(41.298701298701296,97.47%,53.53%,1.00); color: hsla(230.20408163265304,69.01%,13.92%,1.00); }
.blue-background-section .block-footer .block-resume p { color: #fff; }

.section-blue-background a.button { color: #fff; background-color: hsla(230.20408163265304,69.01%,13.92%,1.00); }
.section-blue-background a.button:hover { background-color: hsla(41.298701298701296,97.47%,53.53%,1.00); color: hsla(230.20408163265304,69.01%,13.92%,1.00); }

.visit .hebergement .column-9.w-col.w-col-5,
.visit .hebergement .w-col.w-col-5 { padding-right: 25px; }

.wrap-nav-down { z-index: 500; }

.fas.fa-clock { display: flex; align-items: center; justify-content: center; }
.opening-hours .block-content > .text-block-10,
.opening-hours .block-content > .texte-courant { margin-left: 20px; }

.down-area-footer { align-items: center; }
.footer .down-area-footer .box-copyright { align-self: auto; align-items: center; padding-top: 0; }
.footer .down-area-footer .box-copyright .footer-copyright { line-height: 1em; margin-top: 0px; }

.block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-button a { display: inline-block; }

.main-nav .block-navigation .nav-menu .search,
.main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle,
.main-nav .block-navigation .nav-menu .nav-dropdown .w-dropdown-toggle a { display: block; flex: none; }
.content-page .main-nav .block-navigation .nav-menu .search,
.scrolling .main-nav .block-navigation .nav-menu .search { height: 85px; }
.main-nav .block-navigation .navbar.changeLogo .search .text-menu { width: auto; }

.block-list-items.employee_list .block-content li .block-subcontent .staff-email { margin: 5px 0; }

.explorer-support #banner .image-content::before { background-position: bottom right -37vw; }

.explorer-support .block-rapid_access.block-list-items .block-content ol li .block-subcontent { display: block; }
.explorer-support .block-rapid_access.block-list-items .block-content ol li .access-img { align-items: center; justify-content: center; }
.explorer-support .access-img img { height: 100%; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); }


.coming-event-slider .list.event-list { display: flex; height: 100%; }
.coming-event-slider .list.event-list .box-a-venir:nth-child(1){ min-width: 25%; }
.coming-event-slider .list.event-list > .box-a-venir{ min-width: 25%; flex-grow: 1; }
.coming-event-slider .list.event-list > .featured.box-a-venir{ min-width: 50%; flex-grow: 1; }
.coming-event-slider .list.event-list .box-a-venir.featured .right-date { justify-content: flex-end; display: flex; flex-direction: column; }

@media (max-width: 1280px){
  .w-col-stack.call-us,
  .w-col-stack.opening-hours { width: 100%; left: auto; right: auto; }
  .wrapper-container-cal { flex-direction: column; }
  .wrapper-container-cal .wrapper-text { width: 100%; margin-bottom: 35px; padding-right: 0; }
  .wrapper-container-cal .calendar-box { width: 100%; }
}

@media (max-width: 1024px){
  /*.filter { background-image: none; background-position: 0px 0px; background-size: auto; background-repeat: repeat; }*/
  #banner .image-content::before{ display: none;}
}

@media (max-width: 991px){
  .coming-event-slider .list.event-list { display: block; height: 100%; }
  .coming-event-slider .list.event-list .box-a-venir { background-color: #2eb9ec; padding: 30px;}
  .coming-event-slider .list.event-list .box-a-venir *{ color: hsla(230.20408163265304, 69.01%, 13.92%, 1.00); }
}
@media (max-width: 768px){
  .wrapper-container-cal .calendar-box { flex-direction: column; }
  .wrapper-container-cal .calendar-box > * { width: 100%; }
  .texte-section.a-venir { padding: 10px 15px; display: flex; align-items: center; }
  .texte-section.a-venir h3 { margin: 0; }
  #block-all_coming_event .texte-section.a-venir { display: block; }
}
@media (max-width: 479px){
  .block-pagination li a { margin-top: 25px; }
  .visit .hebergement .columns-5 .w-col.column-7 { padding: 35px; }
  .visit .hebergement .columns-5 .w-col .columns-8,
  .visit .hebergement .columns-5 .w-col .columns-6 { flex-direction: column; }
  .visit .hebergement .columns-5 .w-col .columns-8 > *,
  .visit .hebergement .columns-5 .w-col .columns-6 > *{ width: 100%; }

  .block-list-items.employee_list.offre_demploi .block-content li .block-subcontent .staff-button a { padding: 10px 20px; }
}
@media (max-width: 375px){
  .button.infolettre-button { padding: 10px 20px; }
}
