html,body{
    font-family: Montserrat;
    width: 100%;
}
h3,h2,h1{
    text-align: left;
}
body{
    overflow-x: hidden;
}

*{
    scroll-behavior: smooth !important;
}

@media (min-width: 1300px)
{
    .container{
        max-width: 1280px;
    }
}
html {
    min-height: 100%;
}    
body {
     min-height: 100%;
}

main {
    background-color: #EFEFEF;
}

section{
    position: relative;
}

a{
    text-decoration: none !important;
}


i, svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

i:before, svg:before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

/* Gestion de l'entête */
.social-icon {
    background-color: #005da6;
    text-decoration: underline;
    font-size: 30px;
    padding: 5px;
    height: 35px;
    width: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
.shape-circle .social-icon {
    border-radius: 50%;
}

.social-icon:last-child {
    margin: 0;
}

.social-icon i {
    color: #fff;
    font-size: 18px;
}

.search-form {
    display: block;
    transition: .2s;
}

.search-form__container {
    border-radius: 7px;
    min-height: 47px;
    background: #f1f2f3;
    display: flex;
    transition: .2s;
    overflow: hidden;
    border: 0 solid transparent;
    min-height: 50px;
}

.screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.search-form__icon {
    padding-left:15px;
}

.search-form__icon {
    opacity: .6;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #3f444b;
    fill: #3f444b;
    font-size: 15px;
}

input[type="search"].search-form__input {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
}

.search-form button, .search-form input[type=search] {
    margin: 0;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    min-width: 0;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.search-form__input, .search-form--button-type-text .search-form__submit {
    padding-left: 18px;
    padding-right: 18px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    -webkit-backface-visibility: hidden;
    background: #fff;
    border: solid 1px #ccc;
    box-sizing: border-box;
    outline: none;
    padding: 0.36rem 0.66rem;
    -webkit-appearance: none;
    outline-offset: 0;
    border-radius: 0;
}

.search-form__input {
    flex-basis: 100%;
    color: #3f444b;
    transition: color .2s;
}

.widget-wrap {
    padding: 0 10px 0 10px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}



.grid {
    display: inline-block;
    width: 100%;
    word-spacing: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

.widget-container {
    transition: .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);
}

.search_top {
    right: -10px;
    position: absolute;
    width: initial;
    max-width: initial;
    top: -15px;
    z-index: 99999;
}

.header-logo img {
    width: 175px;
    z-index: 999;
}
#header{
    height: 130px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    width: 100%;
    background: white;
    z-index: 999;
}

.top_bar{
    z-index: 1;
    height: 75px;
}

.header-logo{
    text-align: center;
}


#header .divider-separator:before,#header .divider-separator:after {
    display: block;
    content: "";
    border-bottom: 0;
    flex-grow: 1;
    border-top: 2.9px solid #DEDEDE;
}

#header .divider-separator:after {
    margin-left: 0px;
}

#header .divider-separator {
    width: 100%;
    margin: 0 auto;
    align-items: center;
    display: flex;
    direction: ltr;
    position: absolute;
    top: 10px;
    max-width: 1270px;
    margin-left: -5px;
}

.block_search {
    position: absolute;
    right: 10px;
}

.navbar{
    width: 100%;
    padding-top: 35px;
    z-index: 999;

}

@media (min-width: 968px)
{
    ul.navbar-nav {
        width: 50% !important;
    }
    ul.navbar-nav.nav-right {
        justify-content: right;
    }
}

@media (min-width: 968px) and (max-width:1200px)
{
    #header .divider-separator {
        max-width: 90vw;
    }
    ul.navbar-nav.nav-right .dropdown-content
    {
        position: absolute; 
        left: 0;
    }
    
    .navbar-nav li>a {
        font-size: 16px;
    }
    
}

.home_slider{
    background-color: #EFEFEF;
}

.news_sticker .title{
    color: #FFFFFF;
    background: #005da6;
    padding: 8px;
    display: block;
    width: 136px !important;
    font-size:18px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
}

.post_slider_overlay {
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
}

.content-slide-accueil h2 a {
    text-shadow: 0 5px 20px #333;
}

.pt_30
{
    padding-top: 30px;
}
.pb_30
{
    padding-bottom: 30px;
}
.white{
    background-color: white;
}

h2 {
    color: #005da6;
    font-family: "Montserrat", Sans-serif;
    font-size: 44px;
    font-weight: 700;
    line-height: 59px;
    letter-spacing: -0.02em;
}

h4 {
    color: #005da6;
    font-family: "Montserrat", Sans-serif;
    font-size: 30px;
    font-weight: bold;
    /*line-height: 59px;*/
    /*letter-spacing: -0.02em;*/
}

.bg_blue_primary{
    /*background-color: #005da6;*/
    background-color: #EFEFEF;
}
.bg_blue_primary h2
{
    color: white;
}

.bg_blue_primary a.link_all{
    /*color: white !important;*/
    color: #005da6 !important;
}


.divider span{
    display: block;
}

.align_right
{
    width: 100%;
    display: block;
    text-align: right;
}
.widget-wrap {
    align-content: center;
    align-items: center;
    display: flex;
}

.news_maire .divider-separator {
    border-top: 8.9px solid #96D0EE;
    width: 30%;
}

.gray {
    background: #eeeeee !important;
}

.post_title {
    font-size: 15px;
    line-height: 22px !important;
    padding: 10px 5px 15px 5px !important;
    /*margin: 20px 0 !important;*/
    text-align: left;
    /*max-height: 125px;
    min-height: 125px;*/
    overflow-y: hidden;
}

.post_title a {
    color: #005da6 !important;
    font-size: 15px;
    /*font-weight: 600;*/
    text-align: left;
}

.liste_actualites .post_content {
    flex-grow: 1;
}

.owl-dots {
    position: absolute;
    margin-top: -20px;
    padding-right: 30px;
    width: 100%;
    text-align: right;
    flex-direction: column;
    display: flex;
}

.carousel-indicators{
    align-self: self-end !important;
    margin-right: 0 !important;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity ease-out .7s;
  }
  
  .carousel-fade .carousel-item.active,
  .carousel-fade .carousel-item-next.carousel-item-left,
  .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
  }
  
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    opacity: 0;
  }
  
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
  }
  
  .post_button, .post_date {
    bottom: 0px;
    padding-right: 15px;
    font-size: 13px;
    font-weight: 500;
    font-family: Montserrat;
    display: block !important;
}


.post_date:before {
    font-family: "Font Awesome 5 Free";
    content: '\f073 ' !important;
    color: #96D0EE !important;
    margin-right: 5px;
}



.post_button a:after {
    content: '\2192';
    margin-left: 5px;
}

.post_button {
    text-align: right;
    margin-top: auto;
    position: relative;
    padding-right: 0px;
}

.more_btn {
    border-radius: 0px;
    color: #005da6 !important;
    margin-top: 10px;
}

.post_content > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.post_meta{
    display: flex;
    width: 100%;
    flex-direction: row;
    text-align: left;
    margin-bottom: 10px;
}

.carousel-item .post_date{
    font-size:14px !important;
    font-weight: 600;
}

.post_date, .post_button {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
  }

.news_mairie{
    padding-top: 30px;
    padding-bottom: 30px;
}

.liste_actualites.featured .post_title a {
    font-size: 28px;
    font-weight: 700;
    line-height: 35px !important;
}

.liste_actualites.featured .post_content {
    background-color: #ffffff;
    padding: 30px 30px 30px 30px !important;
    border-radius: 0 0 15px 15px !important;

}

.liste_actualites.featured .post_meta {
    margin-top: 30px;
}
.liste_actualites.featured .post_date,.liste_actualites.featured .post_button {
    width: 50%;
}

.liste_actualites.featured .post_button {
    right: -25px !important;
}

.content_section .divider-separator {
    border-top: 8.9px solid #A3D6F0;
    width: 20%;
    /*margin-top: 20px;*/
}

.news_mairie .liste_actualites .card-image {
    height: 300px;
}

.post_list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1px;
}

.post_list_box {
    flex-direction: row-reverse;
    padding: 0px 0px 0px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    background-color: #FFFFFF;
    padding-right: 10px !important;
    align-items: center;
    margin-bottom: 10px;
    display: inline-flex;
}

.post_list_box_left {
    flex-direction: row-reverse;
    padding: 0px 0px 0px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    background-color: #FFFFFF;
    padding-left: 10px !important;
    align-items: center;
    margin-bottom: 10px;
    display: inline-flex;
}

.post_list_image {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100px;
}

.post_list_content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 15px 15px 15px;
    justify-content: center;
    text-align: left;
}

.post_list_content_left {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px 15px 15px 15px;
    justify-content: center;
    text-align: right;
}

.post_list_title {
    margin-top: 0px;
    line-height: 25px !important;
    padding: 5px 5px 0px 5px !important;
}

grid-item-meta-data {
    display: flex;
    flex-wrap: wrap;
}
.grid-item-meta-data {
    color: #707070;
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    gap: 10px;
}

.news-mairie .post_blocks_link, .news-mairie .grid-item-meta-data-date {
    display: block;
    position: absolute;
    bottom: 20px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #2B2B2B;
}

.post_list_image img {
    width: 100%;
    display: block;
    object-position: center center;
    object-fit: cover;
    height: 100px;
    border-radius: 0px;
    border-radius: 10px !important;
}

.post_list_title a {
    color: #005da6 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.brands ul{
    display: flex !important;
}
.brands li{
    background-color: white;
    border-radius: 10px;
    padding:10px;
    margin: 10px;
    list-style: none;
}

.presse_media .featured_image{
    border-radius: 15px;
    width: 100% !important;
}

.presse_media .post_title a{
    color: #005da6;
    font-size: 36px !important;
    font-weight: 600 !important;
    text-align: left !important;
    line-height: 49px;
}

.presse_media .post_content {
    color: #4F4A4A;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    text-align: left !important;
    margin-top: 40px;
    padding-left: 10px !important;
}

#copyright{
    color: #fff;
    font-family: "Montserrat", Sans-serif;
    font-size: 24px;
    font-weight: 700;
}

#copyright .nav-menu li a{
    color: #fff !important;
    fill: #fff;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 20px;
}

.footer ul.nav-menu{
    /* display: flex; */
    list-style: none;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.footer ul.nav-menu li{
    display: inline !important;
    margin-right: 0px;
}

.footer .social-icon {
    background-color: #fff;
    text-decoration: none;
    font-size: 30px;
    padding: 5px;
    height: 50px;
    width: 50px;
    border-radius: 10%;
}

.footer .social-icon i {
    color: #005da6;
    font-size: 24px;
}

.nav-menu a {
    white-space: nowrap;
    flex-grow: 1;
}

.caption .post-category a
{
    background-color: #96D0EE;
    padding: 5px 15px;
    font-size: 24px;
    font-weight: 700;
    color:#005da6 !important;
}

.news_sticker{
    /*margin-left: 20px;
    margin-right: 20px;*/
    /*margin-bottom: 25px;*/
    height: 45px;
    display: flex;
}

.news_sticker .ticker_post_title {
    color: #2B2B2B;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
}

.ticker-content {
    padding: 12px 60px 12px 25px;
    overflow: hidden;
    position: relative;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.ticker-control {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 100%;
}

.ticker-nav a {
    color: #2B2B2B;
    border: 1px solid #005da6;
    border-radius: 7px;
    height: auto;
    padding: 18px 15px !important;
    margin: 0px 5px !important;
    display: block;
}
.news_ticker a  {
    color: #fff;
    padding: 14px 15px;
    display: flex;
    height: 100%;
    align-items: center;
    transition: ease-in-out 0.25s all;
    -webkit-transition: ease-in-out 0.25s all;

    border: 1px solid #005da6;
    border-radius: 7px;
    height: 70% !important;
    padding: 18px !important;
    margin: 10px 5px !important;

    color: #fff;
    text-decoration: none;
}

.ticker-nav {
    float: right;
    border: 0 none;
    color: inherit !important;
    font-size: 14px;
    position: relative;
}

.caption{
    padding-left: 3vw;
    padding-right: 3vw;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
.white_text,white_text i{
    color:white !important;
}

.caption .post_meta {
    margin-bottom: 50px;
}

/* Mega menu */
.dropdown-content .divider-separator {
    width: 5%;
    border-top: 5.1px solid #005da6;
}

.dropdown-content .widget-container{
    margin-bottom: 1.5rem;
}

.dropdown-content .divider {
    padding-top: 15px;
    padding-bottom: 15px;
    /* border-style: solid; */
    color: #005da6;
    /* border-width: 5.1px; */
}

.builder_row {
    width: 100%;
    display: flex;
    /* justify-content: center; */
}

.dropdown-content .icon-box-wrapper {
    text-align: left;
    flex-direction: row;
    display: flex;
    align-items: center;
}

.dropdown-content .icon-box-icon {
    margin-right: 5px;
    margin-left: 0;
    margin-bottom: unset;
}
.dropdown-content .icon-box-icon{
    display: inline-flex;
    flex: 0 0 auto;
}

.dropdown-content .icon-box-title, .dropdown-content .icon-box-title a {
    font-family: "Lexend Deca", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.dropdown-content .icon {
    background-color: #42B0F81A;
    fill: #005da6;
    color: #005da6;
    padding:15px;
    margin-right: 10px;
}


.dropdown-content .builder_row{
    align-items: center;
}
.navBarNews .item{
    height: 175px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin:10px;
    background-size: cover !important;
    background-position: center center !important;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
}

.navBarNews .item h2{
    text-align: center;
    color: white;
    font-weight:700 ;
    font-size:18px;
    line-height: 22px;
    font-family: "Open Sans";
    z-index: 999;
}

.navBarNews_footer a,.navBarNews_footer i{
    color: #005da6 !important;
}
.navBarNews_footer{
    padding-bottom: 10px;
}

.dropdown-content img{
    border-radius: 15px;
}



.navBarNews{
    display: flex;
    align-items: center;
    text-align: center;
}
.navBarNews a{
    width: 50%;

}

.builder_overlay {
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.1);
}

.dropdown-content .builder_row .column-1,.dropdown-content .builder_row .column-2{
    width: 50%;
}
.dropdown-content{
    padding-top: 40px;
    padding-bottom: 40px;
}
.dropdown-content .heading-title {
    color: #8D8D8D;
    font-family: "Lexend Deca", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 2px solid #eee;
}

.dropdown-content .heading-title::after {
    content: "";
    width: 5%;
    background-color: #005da6;
    margin-top: 10px;
    height: 5px;
    display: block;
}

.dropdown-content .heading-title.no_margin::after {
    margin:0 !important;
}
.dropdown-content .icon i, .dropdown-content .icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    font-size: 23px;
    color:#005da6 !important;
}

.flex_start{
    align-items: flex-start !important;
}

#header-page{
    background-color: #005da6;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color:white;
    /* padding-bottom: 125px; */
}

.blue_header a,.blue_header h1, .blue_header h2,.blue_header p{
    color:white !important;
}

#header-page h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 30px;
}


#header-page p{
    max-width: 400px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.column-wrap {
    width: 100%;
    position: relative;
    display: flex;
}

.widget-wrap {
    align-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.widget-container {
    transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;
}
.widget-image img {
    vertical-align: middle;
    display: inline-block;
}


.page-ville, .page-ville p,.page-ville div{
    text-align: justify;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}

.page-ville h2{ 
    color: #4F4A4A;
    font-family: "Jost", Sans-serif;
    font-size: 49px;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: 20px;
}

.page-ville .builder_row{
    padding-top: 30px;
}

.content_section{
    background-color: #EFEFEF;
}

.bg_blue_secondary{
    background-color: #A3D6F0;
}

.page-ville h3{
    color: #4F4A4A;
    font-family: "Jost", Sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
}

.potentialite{
    height: 275px;
}

.arround_15{
    border-radius: 15px;
}
.arround_6{
    border-radius: 6px;
}

.potentialite_box{
    margin-top:-125px !important;
    min-height: 175px;
}

.potentialite_box .tabs {
    display: flex;
}

.potentialite_box .tabs-wrapper {
    width: 25%;
    flex-shrink: 0;
}

.potentialite a.nav-link {
    font-family: "Jost", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    position: relative;
    padding: 20px 25px;
}
.potentialite a.nav-link{
    color: #AFB9C5;
}

.potentialite .nav-link.active, .potentialite .nav-link.active a {
    color: #000000;
}

.potentialite .nav-link.active {
    background: transparent !important;
}

.tab-content {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 0px 60px 30px 30px;
}

.page-prestations .item {
    background-color: white;
    border-radius: 15px;
    padding: 30px;
    border:0;
    width: 49.0%;
    margin-bottom: 20px;
    max-width: 545px;
}

.page-prestations .item li i {
    color: #005da6;
}

.blue_icon .icon {
    font-size: 38px;
    background-color: #005da6;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    align-items: center;
    display: flex;
}

.blue_icon .icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    color: white;
    margin: auto;
}

.page-prestations h4 {
    color: #2B2B2B;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    text-align: left;
}

.page-prestations .icon {
    font-size: 38px;
    background-color: #005da6;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    align-items: center;
    display: flex;
}

.page-prestations .icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    color: white;
    margin: auto;
}

.page-prestations .item svg{
    width: 100%;
}

.page-prestations .item .description
{
    margin-left:30px;
}

.page-prestations .item li
{
    list-style: none;
    display: flex;
    min-height: 40px;
    align-items: center;
    height: auto;
    margin-bottom: 15px;
}

.page-prestations .item li i
{
    margin-right: 10px;
}

.page-prestations .item ul
{
    padding-left: 0px;
    margin-left: -5px;
}

.page-prestations .item li::before
{
    color: #005da6 !important;
    margin-right: 5px;
}

.page-prestations .builder_row{
    flex-direction: row;
    column-gap: 15px;
    justify-content:center !important;
}

.blue_color,.blue_color p, .blue_color h1{
    color: #005da6 !important;
}

.item_content{
    display: flex;
}

.liste_prestations{
    padding:30px;
}

.page-prestation .liste_prestations h2{
    color: #005da6;
    font-size: 24px;
    font-weight: 700;
}

.page-prestation .liste_prestations, 
.page-prestation .liste_prestations p, 
.page-prestation .liste_prestations li
{
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}
.page-prestation .liste_prestations .description li{
    align-items: center;
}


.page-prestation .button {
    font-size: 14px;
    font-weight: bold;
    background-color: #005da6;
    padding: 10px 20px;
    height: 40px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.page-prestation .column-1
{
    width: 60%;
}

.page-prestation .column-2
{
    width: 40%;
}

.page-prestation .description div,.page-prestation .description li{
    margin-bottom: 1em;
    margin-top:1em;
}
.page-prestation .description ul{
    margin-top:20px;
    padding-left: 10px;
}
.page-prestation .description li{
    list-style: none;
    display: flex;
    text-align: left;
}
.page-prestation .description li::before{
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
    color:#A3D6F0;
    margin-right: 10px;
}
.page-prestation .description h3,.page-prestation .description h3 b
{
    color: #005da6;
    font-size: 17px;
    font-weight: 600;
    margin-top:1.5em !important;
    display: block;
}

.page-prestation .description .footer_list{
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
}

.page-prestation .footer_list > div{
    width:50%;
}

.page-prestation .item{
    border-bottom: 1px solid #96D0EE;
    margin-bottom: 1.5rem;
}
.page-prestation .footer_list h3{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.page-prestation .footer_list .button span,.page-prestation .footer_list .button i{
    color:white;
}
.page-prestation .footer_list .button i{
    margin-right: 5px;
}

.header_text {
    max-width: 600px;
    text-align: left;
}

.acces_prestations li {
    margin: 10px 15px 0px 15px;
    background-color: white;
    line-height: 1.8 !important;
    height: 50px;
    display: flex;
    align-items: center;
}

.acces_prestations a {
    font-size: 16px;
    text-transform: none;
    padding: 0px 0px 0px 10px;
    color: #000000 !important;
    border: 2px solid transparent;
    font-weight: 600;
    width: 100%;
}

section.liste_prestations {
    display: flex;
}

.page-projets h3{
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
    color: #005da6;
}

.page-projets p,.page-projets li,.page-projets div{
    color: #404040;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    text-align: left;
    margin-bottom: 0;
}

.projets_en_cours div,.projets_en_cours p{
    line-height: 28px;
}

.page-projets li{
    line-height: 32px;
}

.page-projets .plan_strategique,
.page-projets .plan_strategique li,
.page-projets .plan_strategique p,
.page-projets .plan_strategique div{
    font-size: 18px;
    text-align: justify;
}

.plan_strategique .number {
    color: #005da6;
    font-size: 36px !important;
    font-weight: 700;
    text-align: center !important;
}

.plan_strategique li:before {
    font-family: "Font Awesome 5 Free";
    content: '\f192 ' !important;
    color: #005da6 !important;
    margin-right: 10px;
}
.plan_strategique li{
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 20px;
}
.plan_strategique ul{
    padding-left:0;
}

.counter span{
    font-size: 18px !important;
}
.counter {
    text-align: center !important;
}


.page-projets i{
    color: #fff;
    width: 100%;
}

.page-projets .icon {
    font-size: 20px;
    background-color: #005da6;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.blue_header p,.blue_header a, .blue_header span, .blue_header div
{
    color: white !important;
}
.page-projets .widget-wrap{
    display: block;
}

.tabs_white a.nav-link{
    background: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    color: #747474 !important;
    margin-right: 5px;
    padding: 15px;
    padding-right: 12px;
    padding-left: 12px;
}

.tabs_white a.nav-link.active{
    border-style: solid;
    color: #005da6 !important;
    background-color: white !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: solid 6px #005da6;

}

.tabs_white div.nav{
    border-bottom: solid 3px #CFCFCF;
    padding: 0px 0px 0px 0px;
    margin-bottom: 20px;
}

.nav > a {
    float:none;
    display:inline-block;
    *display:inline;
     zoom:1;
}


.page-projets-video {
    padding-left: 35px;
}
.page-projets-video .container{
    background-color: #005da6;
    height: 275px;
    color: white;
    display: flex;
    align-items: center;
}

.page-projets-video_box{
    margin-top:-100px !important;
    min-height: 175px;
    max-width: 600px;
    margin: auto;
    background:transparent;
}

.page-projets-video h3{
    font-size: 26px;
    font-weight: 600;
    line-height: 31px;
    color:white;
    text-align: center;
    width: 100%;
}

.white.item {
    background-color: white;
    border-radius: 15px;
    padding: 30px;
    border: 0;
    width: 48.0%;
    margin-bottom: 20px;
    margin-right: 10px;
    max-width: 330px;
}

.big_icon.icon{
    width: 85px;
    height: 85px;
}

.axe_strategique .item,
.axe_strategique .item p,
.axe_strategique .item span{
    display: block;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #7A7A7A !important;
    line-height: 1.5rem;
    text-align: justify !important;
}

.axe_strategique .item h3{
    font-size: 21px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}
.axe_strategique h2{
    text-align: left !important;
}

.big_icon.icon i {
    font-size: 50px !important;
}

.doc_plan_dev h2,.doc_plan_dev p{
    text-align: left !important;
}

.doc_plan_dev h2 {
    color: #005da6;
    font-size: 31px;
    font-weight: 600;
    line-height: 36px;
}

.doc_plan_dev p{
    font-size: 18px !important;
    font-weight: 400 !important;
    color:#000;
}

a.btn-download {
    background-color: #005da6 !important;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    color:white !important;
}

.conseil-municipal .column-name{
    display: flex;
    align-items: center;
    margin-left: 100px;
}

.conseil-municipal img{
    /* width: 267px !important;
    margin-top: -40px; */
    /* margin-left: 10px; */

    /* padding-right: 15px;
    padding-left: 15px; */
}

.page-organigramme p{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.maire p{
    /* font-size: 38px !important; */
}

.page-organigramme h3{
    color: #005da6;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 20px;
}

.page-organigramme .item h3{
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 30px;
    text-align: center;
}

.page-organigramme .item {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    min-height: 75px;
}

.adjoints .item .bg_blue_secondary,.adjoints img{
    width: 290px !important;
}
.adjoints img{ 
    /* margin: -40px -40px 20px 20px; */
}
.page-organigramme .item p{
    text-align: center;
}

.chef_arr .item .bg_blue_secondary,.chef_arr img{
    width: 300px !important;
}
.chef_arr img{ 
    margin: -40px -40px 20px 20px;
}

.chef_arr .img_container{
    height: 200px;
    /* margin: -40px -40px 20px 20px; */
    overflow: hidden;
    background-size: cover !important;
    border: 1px solid #fafafa;
}

.chef_arr .row{
    padding-left: 20px !important;
}


.page-organigramme .chef_arr .item h3 {
    font-size: 16px !important;
    margin-top: 0;
}
.page-organigramme .chef_arr .item{
    margin-bottom: 20px;
    max-width: 300px !important;
}
.page-organigramme .chef_arr .item p,.page-organigramme .chef_arr .item,
.page-organigramme .chef_arr .item span{
    line-height: 18px !important;
    font-size: 15px !important;
    font-weight: 500;
}

.conseillers .white.item{
    max-width: 250px !important;
    width: 250px !important;
    text-align: center;
    display: flex;
    align-items: center;
}



.conseillers h3{
    font-size: 16px !important;
    margin-top: 0;
    font-weight: 700 !important;
    text-align: center;
    color: #005da6;
    line-height: 1.2rem !important;
}

.conseillers .name{
    display: flex;
    align-items: center;
    height: 100%;
}

.se h3{
    margin-top: 10px !important;
}
.one_item .item{
    padding-top: 0 !important;
}
.one_item{
    justify-content: center !important;
}


.only_title_on_item{
    display: flex;
    align-items: center;
    height: 100%;
}
.small_item.item{
    max-width: 250px !important;
    padding:20px;
}

.zero_padding.item{
    padding: 0px !important;
}
.ten_padding.item{
    padding: 10px !important;
}
.twenty_padding.item{
    padding: 20px !important;
}

.cabinet p{
    font-size: 18px !important;
}

.flex_to_left{
    justify-content: left !important;
}

.flex_center{
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.blue_light{
    background-color:#A3D6F0;
}

.dropdown-content .icon-box-title, .dropdown-content .icon-box-title a {
    color:#4F4A4A !important;
}

#header_contact{
    background-color: #A3D6F0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    padding-bottom: 125px;
    text-align: center;
    padding: 100px 50px 100px 50px;
}

.form_contact{
    min-height: 300px;
    border-radius: 15px;
    padding: 10px;
    margin-top: -100px;

    display: flex;
    justify-content: center;
}

.card_contact{
    max-width: 900px;
}

.form_contact
{
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.form_contact .infos_contact
{
    color: #fff !important;
}

#header_contact h1{
    font-size: 64px !important;
    font-weight: 700 !important;
    color: #005da6;
    margin-bottom: 20px;
}

#header_contact .header_text
{
    max-width: 1200px !important;
    padding: 20px 120px 20px 120px;
    display: flex;
    flex-direction: column;
}

#header_contact h1{
    text-align: center;
}

#header_contact p{
    font-size: 18px;
    margin-top:30px !important;
    font-weight: 400;
    color:#4F4A4A !important;
    text-align: center;
}

.infos_contact{
    background: url('../medias/contact.png');
    background-size: cover;
    font-size: 22px;
    font-weight: 400;
    color: white !important;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.infos_contact i {
    width: 1.25em;
    font-size: 27px;
    color: #A3D6F0;
}
.infos_contact span{
    font-size: 18px;
    font-weight: 600;
}

.infos_contact .widget-wrap{
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: left !important;
}

.formulaire,.formulaire p{
    font-size: 16px;
    font-weight: 400;
    text-align: left !important;
    color: #4F4A4A !important;
}

.formulaire h3,.infos_contact h3{
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: left;
    color: #005da6 !important;
}

.infos_contact h3{ 
    color: white !important;
    margin-top: 10px;
}

.infos_contact span,.infos_contact p{
    text-align: left !important;
}

.formulaire input,.formulaire textarea{
    width: 100%;
    max-width: 100%;
    border: 1px solid #69727d;
    background-color: transparent;
    color: #1f2124;
    vertical-align: middle;
    flex-grow: 1;
    border-width: 0px !important;
    border-bottom: 2px solid #8D8D8D !important;
    border-radius: 0px !important;
    background: #fff;
    margin-bottom: 20px;
}

.formulaire button{
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 0.1em;
        padding: 24px 70px 24px 70px !important;
        background-color: #005da6;
        color: white !important;
}

/* Gestion du sticky */
.fixed-top{
  
}

/* Page Actualite */
#header_post{
    padding: 50px 30px 50px 30px;
    overflow: visible;
    background-color: #A3D6F0;
    display: flex;
    justify-content: right;
}
#header_post,#header_post a{
    color: #363636 !important;
    font-size: 20px;
    font-weight: 400;
    text-align: right;
}
#header_post > div{
    max-width: 800px;
}

.post_view .image_container{
    text-align: center;
    display: flex;
    height: 500px !important;
    max-height: 500px !important;
    overflow: hidden;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center;
}
.post_view .image_container img{
    width: 100% !important;
}

.post_view h1{
    font-size: 38px;
    font-weight: 700 !important;
    margin-bottom: 20px;
    color: #005da6 !important;
    line-height: 48px !important;
    text-align: left !important;
    margin-top: 40px;
}

.post_view .post_text div, .post_view .post_text p{
    margin-top:15px;
    margin-bottom:15px;
    text-align: justify;
}
.post_view .post_text {
    line-height: 2.5rem;
    font-size: 20px !important;
}

.post_view{
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
}

.post_view p{
    margin-top: 5px;
    margin-bottom: 5px;
}

.my_side_bar .widget_header h4{
    color: #000 !important;
    font-size: 18px;
    font-weight: 300;
}

.my_side_bar .widget_header 
{
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;

}

.my_side_bar .widget_header .divider
{
    background-color: #eee;
}

.my_side_bar .widget_header .divider-separator {
    width: 91px;
    margin: 0 auto;
    margin-left: 0;
    border-top: solid #005da6 3px !important;
}

.liste_posts .post_item {
    background: white;
    border-radius: 10px;
    box-shadow: 0px 2px 44px #e9e3e3;
    margin-bottom: 10px;
    height: 160px;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    padding: 10px;
    text-align: left;
    font-size: 14px;
}
.liste_posts .post_item a{
    color: #4F4A4A !important;
    font-size: 15px;
    font-weight: 500;
    margin:0 0 9px;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.liste_posts .post_item img{
        width: 100% !important;
}

.liste_posts .post_item .column-1{
    width: 65%;
    padding: 10px;
}

.liste_posts .post_item .column-2{
    width: 35%;
}

.liste_posts .post_item .post_meta{
    margin-top: 20px;
}

.liste_posts .post_item .post_meta {
    justify-content: start;
}

#header .divider__element a{
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 1003;
    position: relative;
}

.prestations_container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.axe_strategique .builder_row{
    justify-content: center;
}




.page-organigramme .titre h4{
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center;
    color: #005da6 !important;
    line-height: 1.6rem;
}

.administration .services h4{
    font-size: 15px !important;
    line-height: 1.2rem;
}

.bg_f6f6f6{
    background-color: #f6f6f6;
}

.space_between{
    justify-content: space-between;
}

.logo_collapse img{
    width: 125px !important;
    position: absolute;
    left: 20px;
    top: -10px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: none !important;
}

.navbar-dark .navbar-toggler {
    color: #000;
    border:none !important;
}




/* Gestion du responsive */
@media (max-width: 980px){

    .page-prestation .column-2
    {
        display: none;
    }
    .page-prestation .description{
        text-align: left;
    }

    .post_view h1 {
        font-size: 32px;
        line-height: 42px !important;
    }

    .post_view .post_text div,.post_view .post_text p {
        /*text-align: left;*/
    }

    #header_contact{
        padding: 30px;
    }
    #header_contact .header_text {
        padding: 20px;
    }

    #header_contact h1 {
        font-size: 34px !important;
    }

    .form_contact {
        margin-top: -30px;
    }

    .page-prestation .column-1 {
        width: 100%;
    }

    #header{
        height: 100px;
    }
    .navbar {
        /* background: #fff !important; */
        height: 100%;
    }

    .navbar-nav li>a {
        font-weight: 500;
        font-size: 14px;
    }

    .dropdown-content .icon-box-title, .dropdown-content .icon-box-title a {
        color: #4F4A4A !important;
        font-size: 14px;
        font-weight: 600 !important;
    }

    .screen_only{
        display: none !important;
    }
    #main_nav > .container{
        justify-content: right;
    }

    #collapsibleNavbar {
        background-color: #fff !important;
        padding: 20px;
        top: 100px;
        position: absolute;
        width: 100%;
        left: 0;
        background: #efefef !important; 
        border-bottom: 2px solid #A3D6F0;
    }

    .dropdown-content {
        border: 0;
        background-color: #eaeaea;
        width: 100%;
        min-height: 150px;
        height: auto;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    
    .tabs_white div.nav {
        background: white;
    }
    .tab-content {
        padding: 0px 0px 30px 0px;
    }
    .conseil-municipal .column-name {
        margin-left: 0px;
    }
    .maire p {
        font-size: 28px !important;
        font-weight: 600;
    }
    .p-5 {
        padding: 1.5rem!important;
    }
    .pl-5 {
        padding-left: 1.5rem!important;
    }
    .pr-5 {
        padding-right: 1.5rem!important;
    }

    .white.item {
        padding: 15px;
    }
    
}

.img_arround_projet{
    border-radius: 20px 100px 20px 20px !important;
}
@media (max-width: 767px)
{
    .img_arround_projet{
        border-radius: 20px;
    }
    .builder_row .pr-4{
        padding-right: 0 !important;
    }

    .page-projets pr-5{
        padding-right: 0 !important;
    }

    .page-organigramme .item {
        margin: auto;
    }

    .tabs_white a.nav-link {
        width: 100%;
    }

    .page-ville .image img{
        width: 80vw;
    }
    .page-ville li{
        padding-right: 30px;
    }

    .page-ville .builder_row {
        padding-top: 0px;
    }

    .plan_strategique .row{
        padding: 20px;
        padding-right: 30px;
    }

    .conseillers .white.item {
        max-width: none !important;
        width: auto;
        text-align: center;
        justify-content: center;
        display: flex;
    }
    .conseillers .white.item {
        max-width: none !important;
        width: 100% !important;
        text-align: center;
    }

    .small_item.item {
        max-width: none;
    }

    h2
    {
        font-size: 25px;
        text-align: left;
    }
    .post_title a {
        font-size: 20px;
        font-weight: 700;
        line-height: 25px !important;
    }
    .liste_actualites.featured .post_content {
        padding: 15px !important;
    }
    .brands ul {
        display: block !important;
        padding-left: 0;
    }

    
    .builder_row {
        flex-direction: column !important;
    }
    .potentialite_box{
        display: block;
    }
    
    .page-prestations .item .description {
        margin-left: 15px !important;
        margin-top: 15px;
    }

    #header-page .blue_color,#header-page .blue_color a,#header-page .blue_color h1,
    #header-page .blue_color h2 {
        color: white !important;
    }

    .page-prestations .item {
        width: 100.0% !important;
    }

    .item_content{
        display: block;
    }

    #header-page{
        padding: 20px;
        background-image: none !important;
    }
    .page-projets-video {
        padding-left: 0px;
    }

    a.text-white,.text-white{
        color: white !important;
    }

    .builder_row .column{
        width: 100%;
    }
    .white.item {
        width: 100% !important;
        max-width: 100% !important;
    }

    .doc_plan_dev h2 {
        font-size: 24px;
    }
}


.gallery img{
    max-width: 600px;
}

.gallery-item{
    max-height: 400px;
    overflow: hidden;
}

.gallery-item.column-wrap {
    width: 30%;
    position: relative;
    display: flex;
    margin: 20px;
    max-width: 800px;
    flex-direction: column !important;
    justify-content: center;
}
.gallery-item h5{
    width: 100%;
    text-align: center;
    color: white;
    font-weight: 600;
    z-index: 999;
    text-transform: uppercase;
}

.gallery_overlay {
    border-radius: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.15);
}

@media (max-width: 767px)
{
    .gallery-item.column-wrap {
        width: 100%;
    }
}

@media (max-width: 980px)
{
    .gallery-item.column-wrap {
        width: 45%;
    }
}

.chef_arr .en_savoir_plus a{
    display: flex;
    justify-content: center;
}

.chef_arr .en_savoir_plus a i{
    margin-top: 2px;
    margin-left: 5px;
}

.nav.documents{
    background-color: #f6f6f6 !important;
    padding: 0px;
}
.nav.documents a.nav-link{
    border-bottom: 3px solid#fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
    min-height: 40px;
}

.documents .nav .nav-link.active {
    background: #fbfbfb !important;
    color: #fff !important;
    border-left:3px solid #1368BD;
}
.documents .nav a.nav-link.active {
    color: #1368BD !important;
}

.documents a{
    font-size: 16px;
    color: #666 !important;
    font-weight: 500 !important;
    display: flex;
    flex-direction: row;
}
.documents a span{
    border-bottom: 1px solid #1368BD;
}
.documents .tab-content {
    background: #f1f1f1 !important;
    width: 100%;
}

.documents i.fa-download{
    color:#005da6;
}

.documents i.fa-file-pdf{
    color:#990000;
}

@media (max-width:767px)
{
    .column-wrap.documents {
        flex-direction: column !important;
    }
}

.item-doc{
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 6px;
    min-height: 200px;
}

.color_666{
    color: #666;
}
.weight_600{
    font-weight: 600;
}

.chef_arr h5 {
    color: #555;
    font-weight: 600;
}

@media (min-width: 968px) and (max-width:1200px)
{ 
    .tabs_white a.nav-link {
        font-size: 12px;
        line-height: 21px;
        margin-right: 5px;
        padding-right: 12px;
        padding-left: 12px;
    }
}

.card_simple_page
{
    border-radius: 6px;
    padding:30px;
    background-color: white;
}
.card_simple_page h2
{
    font-size:22px !important;
}
.card_simple_page h3
{
    font-size:18px !important;
}




/* Moi même */

/* ---------------------------- */
/* Défilement de droite à gauche */
.marquee-rtl {
  overflow: hidden; /* important */
  width:50%; max-width: 30em; /* A ADAPTER */
}
.marquee-rtl > p {
  display: inline-block; /* important */
  white-space: nowrap; /* important */
  animation: defilement-rtl 15s infinite linear; /* défilement */
  cursor: pointer;
  padding: 0px 0em 0px 120%;
}
.marquee-rtl:hover > p {
  animation-play-state: paused; /* met en pause le défilement */
}
/*.marquee-rtl > p:first-letter {
  font-weight: 700;
  color: #F00;
}*/
@keyframes defilement-rtl {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  100% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
}
/* ---------------------------- */
/* texte sur plusieurs lignes automatiquement */
/*.marquee-multi-lignes > p { 
  width:90%; 
  white-space: normal;
}*/

/* ---------------------------- */
/* déco */
/*h2, p { text-align:center; }*/

/*.marquee-rtl {
  margin: 2em auto;
  border: 10px solid #F0F0FF;
  box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
}*/
/*.marquee-rtl > p {
  font-size: 1.5em;
}*/