/* ----------------------------- */
 /* == soft reset KNACSS          */
 /* ----------------------------- */
 /* switching box model for all elements */
 /* soft reset */
 
 html,
 body {
     padding: 0;
     height: 100%;
     margin: 0 auto;
 }
 
 ul,
 ol {
     padding-left: 2em;
 }
 
 ul.unstyled {
     list-style: none;
 }
 
 img {
     height: auto;
     vertical-align: middle;
     border: 0;
 }
 
 blockquote,
 figure {
     margin-left: 0;
     margin-right: 0;
 }
 
 audio,
 canvas,
 video {
     display: inline-block;
 }
 
 svg:not(:root) {
     overflow: hidden;
 }
 /* font-sizing for content */
 
 p,
 .p-like,
 ul,
 ol,
 dl,
 blockquote,
 pre,
 td,
 th,
 label,
 textarea,
 caption,
 details,
 figure {
     margin-top: 0.75em;
     line-height: 1.5;
 }
 

 ul.unstyled {
     list-style: none;
 }
 
 em,
 .italic,
 address,
 cite,
 dfn,
 i,
 var {
     font-style: italic;
 }
 
 strong,
 .bold {
     font-weight: bold;
 }
 /* avoid top margins on first content element */
 
 p:first-child,
 .p-like:first-child,
 ul:first-child,
 ol:first-child,
 dl:first-child,
 blockquote:first-child,
 pre:first-child,
 h1:first-child,
 h2:first-child,
 h3:first-child,
 h4:first-child,
 h5:first-child,
 h6:first-child {
     margin-top: 0;
     margin-bottom: 0;
 }
 /* avoid margins on nested elements */
 
 li p,
 li .p-like,
 li ul,
 li ol {
     margin-top: 0;
     margin-bottom: 0;
 }
 /* max values */
 
 img,
 table,
 td,
 blockquote,
 code,
 pre,
 textarea,
 input,
 video {
     max-width: 100%;
 }
 
 a img {
     border: none;
 }
 
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
 .clearfix {
     display: inline-block;
 }
 
 * html .clearfix {
     height: 1%
 }
 
 .clearfix {
     display: block;
 }
 /* ----------------------------- */
 /* == GLOBAL CSS                 */
 /* ----------------------------- */
 
 .right {
     float: right;
 }
 
 .left {
     float: left;
 }
 
 .grid {
     max-width: 2560px;
 }
 
 .row,
 .col {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .row,
 .col {
     overflow: hidden;
     padding: 0;
     margin: 0;
 }
 
 @media all and (min-width: 50em) {
     .col {
         float: left;
     }
     .col-1 {
         width: 8.33333333%;
     }
     .col-2 {
         width: 16.6666667%;
     }
     .col-3 {
         width: 25%;
     }
     .col-4 {
         width: 33.3333333%;
     }
     .col-5 {
         width: 41.6666666%;
     }
     .col-6 {
         width: 50%;
     }
     .col-7 {
         width: 58.3333333%;
     }
     .col-8 {
         width: 66.6666666%;
     }
     .col-9 {
         width: 75%;
     }
     .col-10 {
         width: 83.3333333%;
     }
     .col-11 {
         width: 91.6666666%;
     }
     .col-12 {
         width: 100%;
     }
 }
 
 body {
     font-family: 'Roboto', sans-serif;
     font-size: 18px;
 }
 
 @media all and (max-width: 50em) {
     body {
         font-size: 16px;
     }
 }
 
 @media all and (min-width: 50em) and (max-width: 70em) {
     body {
         font-size: 16px;
     }
 }
 
 @media all and (min-width: 100em) {
     body {
         font-size: 22px;
     }
 }

#fond-gris {
    background: rgba(54, 59, 63,0.8) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 52;
}
 /* ----------------------------- */
 /* == HEADER                     */
 /* ----------------------------- */
 
 .nav-top {
     background-color: rgb(180, 188, 188);
     font-family: 'Roboto', sans-serif;
     margin-bottom: 3px;
     width: 100%;
 }
 
 ul.top {
     color: rgb(255, 255, 255);
     height: 40px;
     list-style: outside none none;
     margin: 0;
     padding: 10px 5% 0;
     text-decoration: none;
 }
 
 ul.top > li {
     border-right: 2px solid rgb(43, 43, 43);
     display: inline;
 }
 
 ul.top > li > a {
     font-size: 16px;
     color: rgb(43, 43, 43);
     font-weight: 700;
     padding: 10px;
     text-decoration: none;
 }
 
 .reseaux-sociaux {
     float: right;
     margin-right: 3%;
     margin-top: -2.5%;
     width: 20%;
     text-transform: uppercase;
 }
 
 .reseaux-sociaux a img {
     padding: 0 8px;
     width: 15%;
 }
 
 .menu-btn {
     display: none;
 }
 
 .logo-container {
     margin: 30px auto;
     width: 90%;
 }
 
 .logo img {
     width: 45%;
 }

.header-bloc-right {
    margin-left: auto;
    width: 75%;
}

.barre-search {
    border-color: rgb(34, 56, 81);
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    width: 99%;
}

#search {
    border: medium none;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    height: 40px;
    padding: 0 11.3px;
    width: 81%;
}

.btn-recherche::before {
    background-image: url("../img/icone-loupe.png");
    background-position: 50% 40%;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.search-input-container .btn-recherche {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    cursor: pointer;
    min-height: 2.5rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 2.8rem;
}

.btn-recherche {
    background: rgb(34, 56, 81) none repeat scroll 0 0;
    border: medium none;
    right: 0;
    padding: 5px 10px;
}

.btn-recherche img {
    width: 90%;
}

#form-line-annuaire {
    width: 100%;
}

.ui-select-native {
    -moz-appearance: none;
    -webkit-appearance : none;
    background: rgba(52, 136, 153,0.2) url("../img/back-select.png") no-repeat scroll 96% center;
    border: none;
    color: rgb(34, 56, 81);
    cursor: pointer;
    float: none;
    font-family: 'Varela Round', sans-serif;
    font-size: 16px;
    height: 40px;
    padding-left: 5px;
    width: 95%;
}

 
 .menu-btn {
     background: none;
     border: none;
     color: rgb(36, 49, 64);
     font-size: 60px;
     display: none;
     right: 10px;
     position: absolute;
     z-index: 999999;
 }


.menu-main {
    border: 1px solid rgb(114, 115, 75);
    text-align: center;
    width: 100%;
}

.center {
    text-align: center;
}

.li-first{
    color: rgb(49, 51, 65);
    font-weight: 500;
  font-size: 20px;  
    text-decoration: none;
}


#li-menu-level1 {
   list-style: outside none;
    padding: 10px 10px;
}

#li-first img {
    padding-left: 5px;
}


.agenda__list::after, .answerChart::after, .checkbox::after, .clear-fix::after, .event-unit__wrap::after, .header::after, .header__nav-bar::after, .heading .heading__wrapper::after, .hero__lang::after, .images__main::after, .interactive-map__inner::after, .kiosk__content::after, .list-type-1::after, .list-type-1__item::after, .list-type-2::after, .list-type-3::after, .menu-main__level-1::after, .menu-main__level-1 > li > a::after, .menu-stratis .menu-stratis__level-1::after, .menu-stratis::after, .news__list::after, .project-directives::after, .publication::after, .radio::after, .section-main__wrapper::after, .top-bar::after, .top-of-content__wrapper::after, .wrapper-1160::after, .wrapper-1220::after, .wrapper-1360::after, .wrapper-940::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.menu-main__level-1 > li {
    display: inline-block;
}

.menu-main__level-1 > li > span {
    color: #000;
    display: block;
    padding: 1.1rem 0.6rem;
    text-align: center;
    text-transform: uppercase;
}


.menu-main__drop,
.menu-main__drop2,
.menu-main__drop3{
    background: rgb(255,255,255);
    border: 10px solid rgb(34, 56, 81);
    color: #111212;
    left: 0;
    margin: 10px auto;
    position: absolute;
    right: 0;
     z-index: 5000;
     padding-top: 20px;
    width: 80%;
}

.ghost, .nolabel > label, .nolabel > legend {
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

.menu-main__drop-close::before {
    transform: rotate(45deg);
}

.li-second  {
      list-style:url(../img/ul-puces.png);
}


.menu-main__col {
    margin-bottom: 20px;
    min-height: 1px;
    width: 30%;
}

.menu-main__drop-close::before {
    transform: rotate(45deg);
}
.menu-main__drop-close::after, .menu-main__drop-close::before {
    background: rgb(255,255,255);
    bottom: 0;
    content: "";
    height: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}
*, *::after, *::before {
    box-sizing: inherit;
}
.menu-main__drop-close::after {
    transform: rotate(-45deg);
}
.menu-main__drop-close::after, .menu-main__drop-close::before {
    background: rgb(255,255,255);
    bottom: 0;
    content: "";
    height: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
}
*, *::after, *::before {
    box-sizing: inherit;
}
.menu-main__drop-close {
    background: rgb(52, 136, 153);
    border: 3px solid #d3d3d3;
    border-radius: 50%;
    cursor: pointer;
    height: 2.8rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 1.1rem;
    top: 1.2rem;
    width: 2.8rem;
}

.menu-cross li a, .menu-main__col, .menu-main__section-links a, .menu-main__section-title {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.menu-main__section:not(:last-child) {
    margin: 0 0 3.9rem;
}

.menu-main__drop-container {
    margin: 20px auto;
    text-align: center;
    width: 90%;
}

.menu-main__section-links a {
    color: rgb(34, 56, 81);
    position: relative;
    text-decoration: none;
}

.menu-main__section-links a:hover  {
    text-decoration: underline;
}

#titre-sous-nav {
    background: url(../img/border-titre-actu.png) no-repeat;
    background-position: left bottom;
    color: rgb(0,0,0);
     font-family: "Varela Round",sans-serif;
    font-size: 22px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 30px;
    padding-bottom: 20px;
    font-weight: 600;
}

.menu-main__section-links {
    margin-top: 30px;
}
 


#sousmenu1 {
    display: block;
}
 /* Règles Mobile*/
 
 @media all and (max-width: 50em) {
      
.menu-main{
     /* On cache le conetenu qui dépasse */
     overflow: hidden;
     -webkit-transition: all 0.25s ease;
     -moz-transition: all 0.25s ease;
     transition: all 0.25s ease;
     height: inherit;
      max-height: 0;
 }
 /* Grace au js, quand on a la classe .active on l'affiche */
 
.menu-main.active{
     border: 1px solid rgb(22, 49, 89);
     max-height: 5000px;
     z-index: 5000;
     margin-top: 0;
    width: 100%;
 }

     .menu-btn {
         display: block;
     }
     .logo {
         text-align: center;
     }
     #navigation {
         /* taille maximum correspandante à la hauteur de la navicon*/
         max-height: 0;
     }
     #navigation {
         /* On cache le conetenu qui dépasse */
         overflow: hidden;
         -webkit-transition: all 0.25s ease;
         -moz-transition: all 0.25s ease;
         transition: all 0.25s ease;
         height: inherit;
     }
     /* Grace au js, quand on a la classe .active on l'affiche */
     #navigation.active,
     #sousmenu1.active+ul {
         border: 1px solid rgb(22, 49, 89);
         max-height: 5000px;
         z-index: 5000;
         margin-top: 0;
         padding-top: 20px;
     }
     .form-search {
         display: none;
     }
     #menu li {
         display: block;
         margin-left: auto;
         margin-right: auto;
         padding: 0;
         width: 70%;
     }
     #menu {
         margin-bottom: 20px;
         padding-left: 0;
     }
     #menu li a {
         font-size: 16px;
     }
     header {
         width: 100%;
     }
     #menu li:hover {
         font-style: italic;
         padding: 0px 5px;
     }
     #menu li a:hover {
         font-weight: 700;
     }
     header {
         margin-bottom: 0;
     }
     .logo img {
         margin-bottom: 40px;
         width: 50%;
     }
     header {
         padding: 0;
     }
     .reseaux-sociaux a img {
         width: 18%;
     }
     header {
         background-size: 22.5%;
     }
     #menu {
         margin: 0 0 15px;
         text-align: center;
     }
     .reseaux-sociaux {
         float: inherit;
         margin: 10px auto;
         width: 90%;
     }
     .reseaux-sociaux a img {
         width: 5%;
     }
     .nav-top {
         padding-bottom: 5px;
     }
     .header-bloc-right {
         margin: 0 auto;
         width: 90%;
     }
     #form-line-annuaire .form-group {
        margin-bottom: 10px; 
     }
     .menu-main__drop, .menu-main__drop2, .menu-main__drop3 {
         width: 100%;
     }

     .li-first img {
         display: none;
     }
     .menu-main__level-1 {
         padding-left: 0;
     }
     .menu-cross li a, .menu-main__col, .menu-main__section-links a, .menu-main__section-title {
         display: inherit;
     }
     .menu-main__col {
         width: 90%;
     }
     #titre-sous-nav {
         font-size: 18px;
     }
 }

@media all and (max-width: 35em) {
       .li-first {
         font-size: 16px;
     }
}

 /* ------------------------ */
 /* == SLIDE                */
 /* ----------------------- */

.caption-slide {
     background: rgba(34, 56, 81, 0.8) none repeat scroll 0 0;
    margin-top: -23%;
    margin-left: 10%;
    position: absolute;
    width: 20%;
    z-index: 8;
}

.caption-categorie a {

    color: rgb(247,234,200);
    font-family: 'Varela Round', sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 20px;
}

.caption-categorie a:hover {
    text-decoration: underline;
}

.caption-slide h2 a {
    color: rgb(255,255,255);
    font-family: 'Varela Round', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    margin: 0;
}

.caption-slide h2 {
        line-height: 1em;
}

.caption-slide-container {
    padding: 30px 30px 20px 30px;
    text-align: left;
}

.plus-infos {
    background: rgb(247,234,200);
    color: rgb(34, 56, 81);
    font-weight: 600;
    padding: 4px 12px;
    margin-top: 0;
    position: absolute;
    right: -5%;
    text-decoration: none;
}

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

.ligne-actu {
    margin: 20px auto;
    width: 92.5%;
}

.ligne-actu h3 {
    color: rgb(43,43,43);
    font-family: 'Varela Round', sans-serif;
    font-size: 30px;
    margin-top: 40px;
    margin-left: 3%;
    margin-bottom: 20px;
}

.bloc-actu {
    background-color:rgb(180, 188, 188);
    margin: 0 auto;
    padding: 20px 30px;
    width: 88%;
}

.bloc-actu-contenu,
.bloc-actu h4{
    color: rgb(43,43,43);
}

.bloc-actu h4 {
    margin-bottom: 10px;
}

.ligne-btn {
    padding-bottom: 6%;
    margin-top: 3%;
}

.btn {
}

.btn a {
    background-color: rgb(150, 45, 62);
    box-shadow: 2px 2px rgba(79, 67, 61, 0.75);
    color: rgb(255, 255, 255);
    font-size: 16px;
    float: right;
    font-style: italic;
    margin-right: 4%;
    font-weight: 500;
    padding: 8px 30px;
    text-decoration: none;
}


.acces-rapides-position {
    position: absolute;
    width: 100%;
}

.acces-rapides {
    background-color: rgb(254,251,242);
    margin: 80px auto 0;
    padding-top: 3px;
        width: 87%;
}

.acces-rapides-titre {
    text-align: center;
}

.acces-rapides-titre h3 {
    color: rgb(43,43,43);
    font-family: "Varela Round",sans-serif;
    font-size: 30px;
    background-color: rgb(242, 235, 199);
    text-align: center;
    padding: 2px;
    margin: -20px auto 0;
    width: 25%;
}

.acces-rapides-container {
    margin: 30px auto;
    width: 80%;
}

.acces a {
    color: rgb(43,43,43);
    font-size: 16px;
    font-family: "Varela Round",sans-serif;
    text-decoration: none;
    text-transform: uppercase;
} 

.acces {
    text-align: center;
}

.container-bleu {
    background-color: rgb(52, 136, 153);
    margin-top: 12%;
    padding: 10% 0 2%;
    width: 100%;
    z-index: -9999;
    margin-bottom: 40px;
}

.ligne-bloc-agenda {
    background: url('../img/back-agenda.png') no-repeat;
    background-position: 2% 90%;
    margin: 0 auto;
    width: 90%;
}

.ligne-bloc-agenda h3 {
    color: rgb(255,255,255);
    font-family: "Varela Round",sans-serif;
    font-size: 30px;
    margin-left: 2%;
    margin-bottom: 40px;
}

.bloc-agenda {
    background-color: rgb(255,255,255);
    margin: 0 auto;
    width: 85%;
}

.bloc-agenda img {
    width: 100%;
}

.bloc-agenda h4 {
   background-color: rgb(247,234,200);
    color: rgb(114, 115, 75);
    font-family: "Varela Round",sans-serif;
    font-size: 18px;
    padding: 5px 0;
    margin: 0;
    text-align: center;
}

#btn-toher {
    margin-right: -2.5%;
}

.bloc-agenda-contenu {
    font-weight: 300;
    font-size: 16px;
    padding: 20px 15px;
}

.bloc-agenda-contenu h5 {
     color: rgb(43, 43, 43);
    font-family: "Varela Round",sans-serif;
    font-size: 18px; 
}

.agenda-commune {
  font-style: italic;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
}

#acces-carte {
    padding-bottom: 80px;
    width: 100%;
}

.map img {
    width: 100%;
}

.bloc-map {
   min-height: 500px;
    margin: 0 auto;
    width: 80%;
}

.bloc-map-container {
    margin-top: -5%;
    width: 100%;
}

.map-ul {
     margin-left: 25%;
    width: 100%;
}



.map-ul ul {
    padding-left: 20px;
    margin-top: 20%;
}

.map-ul li  {
    display: inline-block;
    font-weight: 500;
    line-height: 1.1;
    vertical-align: top;
    width: 40%;
}
.map-ul h3 {
    color: rgb(114, 115, 75);
      font-size: 24px;  
        font-weight: 600;
    }

.map-ul li a  {
    color: rgb(43,43,43);
    padding-left: 10px;
    text-decoration: none;
}

.map-ul li::before {
        bottom: inherit;
    color: rgb(43,43,43);
    content: ".";
    list-style: circle;
    font-size: 1.1rem;
    font-weight: 400;
    left: 0;
    line-height: 1;
    right: inherit;
    top: 0.4rem;
}


.bloc-tags {
    background-color: rgb(150, 45, 62);
    padding: 40px 0;
    margin-top: 80px;
}

.bloc-tags-container {
    margin: 0 auto;
    width: 87%;
}

.bloc-tags-container h3 {
     color: rgb(254, 251, 242);
    font-family: "Varela Round",sans-serif;
    font-size: 30px;   
    margin-bottom: 20px;
}

#bloc-nom-tag {
    background-color: rgb(254, 251, 242);
    padding: 8px 20px;
    margin-right: 20px;
}

#bloc-nom-tag a {
    color: rgb(43,43,43);
    text-decoration: none;
}

.ligne-tag {
    margin:40px 0;
}

@media all and (max-width: 50em) {
    .smartphone-none {
        display: none;
    }
    .bloc-actu {
       margin-bottom: 20px; 
    }
    .ligne-bloc-agenda h3,
    .acces-rapides-titre h3{
        font-size: 24px;
        width: 50%;
    }
    .ligne-actu h3 {
        font-size: 24px;
    }
    .ligne-bloc-agenda h3 {
        margin-left: 8%;
    }
    .acces-rapides-position {
        position: inherit;
    }
    .acces-rapides {
        margin-top: 60px;
    }
    .acces a img {
        width: 15%;
    }
    .acces a {
        font-size: 14px;
    }
    .container-bleu {
        margin-top: 0;
        padding-bottom: 10%;
    }
    .ligne-bloc-agenda {
        background: none;
    }
    .bloc-map-container {
        margin-top: -12%;
    }
    .map-ul {
        margin-left: 0;
    }
    .map-ul h3 {
    color: rgb(114, 115, 75);
      font-size: 24px;  
        font-weight: 600;
    }
    .map-ul ul {
        margin-top: 5%;
    }
    .bloc-tags {
        margin-top: 40px;
    }
    #bloc-nom-tag {
        background: none;
        padding: 0;
    }
    #bloc-nom-tag a {
        color: rgb(254, 251, 242);        
    }
    #bloc-nom-tag a:hover {
        text-decoration: underline;
    }
    .bloc-tags {
        padding: 25px 0;
    }
    .ligne-tag {
        margin: 20px 0;
    }
    .bloc-tags-container {
        width: 80%;
    }
    .caption-slide {
        margin-top: -30%;
        width: 50%;
    }
    .caption-categorie a {
        font-size: 18px;
    }
    .caption-slide h2 a {
        font-size: 16px;
    }
    .ligne-actu {
        margin: 0 auto;
    }

}

@media all and (max-width: 30em) {
    .acces a img {
        width: 20%;
    }
    .caption-slide h2 a {
        display: none;
    }
     .ligne-bloc-agenda h3,
    .acces-rapides-titre h3{
        width: 100%;
    }
}

@media all and (min-width: 50em) and (max-width: 70em) {
    .logo img {
        width: 60%;
    }  
    .header-bloc-right {
        width: 100%;
    }
    #search {
        width: 76%;
    }
    .reseaux-sociaux {
        margin-top: -4%;
        width: 30%;
    }
    .ui-select-native  {
        font-size: 14px;
    }

    .caption-slide {
        margin-top: -27%;
        width: 25%;
    }
    .ligne-actu h3 {
        font-size: 24px;
        margin-left: 1.5%;
    }
    .acces a img {
       width: 45%; 
    }
    .acces-rapides-titre h3 {
        font-size: 24px;
    }
    .acces a {
        font-size: 14px;
    }
    .container-bleu {
        padding-top: 15%;
    }
    .ligne-bloc-agenda h3 {
        font-size: 24px;
    }
    .bloc-agenda-contenu h5 {
        font-size: 16px;
    }
    .bloc-map {
        margin-top: -6%;
    }
    .map-ul ul {
        margin-top: 10%;
    }
    .bloc-tags {
        margin-top: 20px;
    }
    .bloc-map {
        min-height: 400px;
    }
    #bloc-nom-tag a {
        font-size: 14px;
    }
    #bloc-nom-tag {
        margin-right: 10px;
        padding: 8px 5px;
    }
}

@media all and (min-width: 70em) and (max-width: 85em) {
    #bloc-nom-tag {
        font-size: 16px;
        margin-right: 10px;
          padding: 8px 16px;
    }
    .container-bleu {
        padding-top: 15%;
    }
    .acces a img {
        width: 50%; 
    }
    .acces a {
        font-size: 14px;
    }
    .bloc-map {
        min-height: 400px;
    }
    .header-bloc-right {
        width: 85%;
    }
    #search {
        width: 79%;
    }
    .reseaux-sociaux {
        width: 25%;
    }
}

/* ------------------------ */
 /* == ARIANE               */
 /* ----------------------- */

.fil-ariane {
    background-color: rgb(180, 188, 188);
    padding: 12px 0 12px 80px;
}

.fil-ariane a {
    color: rgb(0,0,0);
    text-decoration: none;
    padding: 0 5px;
}

.fil-ariane a:hover {
    text-decoration: underline;
}

 /* ------------------------ */
 /* == PRESENTATION         */
 /* ----------------------- */

.back-page {
    background: url(../img/back-page.png);
    padding-bottom: 50px;
}

.page-maitre {
    margin: 20px auto;
    width: 87%;
}

.page-maitre h1 {
   color: rgb(34, 56, 81);
    font-family: "Varela Round",sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 40px;  
}

.page-maitre-container {
    background-color: rgb(255,255,255);
    padding: 30px 40px 60px;
}

.page-maitre-container h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

@media all and (max-width: 40em) {
    .page-maitre h1 {
        font-size: 24px;
    }
    .fil-ariane {
        padding-left: 25px;
    }
}


.back-carte {
    background-color: rgb(255,255,255);
    margin-top: 50px;
}

/* ------------------------ */
 /* == ACTU                */
 /* ----------------------- */

#page-maitre-container-change {
    padding : 10px 0;
}

#acces-actu {
    margin: 40px auto 0;
    width: 100%;
}

.bloc-activites-search {
    background-color: rgb(254,251,242);
    padding-bottom: 10px;
}

.form-line {
    display: flex;
    margin: 20px auto;
    width: 61%;
    text-align: center;
}

.search-form-line {
    margin: 0 auto;
    padding: 30px 0 10px;
    width: 60%;
}

.search-input-container {
    position: relative;
}

.input-search-activites {
     font-family: "Varela Round",sans-serif;
    font-size: 16px;
    border: 1px solid rgb(43,43,43);
    height: 40px;
    padding-left: 10px;
    width: 98%;
}

.search-input-container .button-search {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    cursor: pointer;
    min-height: 3.125rem;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 3.125rem;
}

.button-search::before {
    background-image: url("../img/loupe-search.png");
    background-position: 0% 30%;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.form-line .form-group {
    -moz-box-flex: 1;
    flex: 1 1 0;
}

#ui-select-native-actu {
    border: 1px solid rgb(43,43,43);
    background-color: rgb(255,255,255);
    margin: 0 auto;
    width: 95%;
}

.ligne-activites-result {
    border: 1px solid rgb(114, 115, 75);
    padding: 10px 20px;
    height: 40px;
}

.nbr-result {
    float: left;
    font-size: 20px;
        font-family: "Varela Round",sans-serif;
    font-weight: 600;
}

.mot-cles-search {
    float: right;
    font-family: "Varela Round",sans-serif;
    font-style: italic;
}

.ligne-bloc-actu {
    border-bottom: 1px solid rgb(114, 115, 75);
    padding: 20px;
}

.ligne-bloc-actu h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ligne-bloc-actu-texte {
    margin: 0 auto;
    width: 95%;
}

.ligne-bloc-actu-texte a {
     background: rgba(0, 0, 0, 0) url("../img/border-titre-actu.png") no-repeat scroll left bottom;
    color: rgb(52, 136, 153);
    float: right;
    height: 40px;
    font-family: "Varela Round",sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.ligne-bloc-actu-texte a:hover {
    text-decoration: underline;
}

.btn-nav {
    color: rgb(255, 255, 255);
    margin-top: 20px;
    padding: 6px 0;
    text-align: center;
    width: 45%;
     background-color: rgb(150, 45, 62);
    box-shadow: 2px 2px rgba(79, 67, 61, 0.75);
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 10px;
}

.btn-nav a {
    color: rgb(255,255,255);
    text-decoration: none;
}

#btn-sommaire {
    margin-top: 0;
}

.actu-barre-nav-col {
    margin-left: 20px;
}


.actu-barre-nav-col-center {
    text-align: center;
}

.actu-barre-nav-col-right {
     position: absolute;
    right: 8%;
    width: 12%;
}

.actu-barre-nav-col a img {
    padding-right: 10px;
    
}

.actu-barre-nav-col-right a img {
    padding-left: 10px;
}

#btn-sommaire2 {
    margin-top: 0;
    width: 100%;
}

.pages-n {
      border-radius: 50%;
    color: rgb(36, 49, 65);
    display: inline-block;
    font-weight: 700;
    height: 2em;
    line-height: 2em;
    margin-bottom: 0;
    margin-right: 0.46875em;
    text-align: center;
    width: 2em;
}

#pages-n-active {
    background-color: rgb(36, 49, 65);
    color: rgb(255,255,255);
}

.actu-barre-nav-col-center a  {
    text-decoration: none;
}

.actualites-barre-nav{
    margin: 20px 0;
}




@media all and (max-width: 50em) {
  .ligne-bloc-actu-continer img{
    display: block;
      margin: 0 auto;
}  
    .ligne-bloc-actu h3 {
        font-size: 18px;
        margin-top: 20px;
    }
    .ligne-bloc-actu-texte a {
        font-size: 16px;
    }
    .actu-barre-nav-col {
        position: absolute;
        width: 80%;
    }
    .actu-barre-nav-col-right {
        width: 30%;
        margin-right: 20px;
    }
        .actu-barre-nav-col-center {
        display: none;
    }
    .actualites-barre-nav {
        margin-bottom: 40px;
    }
    .btn-nav {
          width: 40%;
    }
    .form-line {
        margin: 5px 0;
        width: 90%;
    }
    .search-form-line {
        padding-top: 0;
    }
}

@media all and (max-width: 30em) {
    .form-line{
         display: inherit;
        width: 90%;
    }
    .search-form-line {
        width: 100%;
    }
    .form-element {
        margin-bottom: 10px;
    }
    .input-search-activites {
        width: 95%;
    }
    .nbr-result {
        font-size: 16px;
        float: inherit;
    }
    .mot-cles-search {
        float: inherit;
    }
    .ligne-activites-result {
        height: 60px;
    }
    .nbr-result {
        margin-bottom: 5px;
    }

}

@media all and (min-width: 50em) and (max-width: 70em) {
    .btn-nav {
        width: 50%;
    }
}

/* ------------------------ */
 /* == ACTU DEVELOPPE       */
 /* ----------------------- */
/*
.page-maitre-container img {
    width: 100%;
}
*/

.file-upload {
    margin-top: 10px;
    text-align: center;
}

.file-upload a {
    background: rgba(0, 0, 0, 0) url("../img/border-titre-actu.png") no-repeat scroll left bottom;
    color: rgb(52, 136, 153);
    font-family: "Varela Round",sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px;
    text-decoration: none;  
}

.file-upload a:hover {
    text-decoration: underline;
}


#bloc-tag-actu {
    margin-top: 0;
    padding: 1px 0;
}

#bloc-tag-actu > .bloc-tags-container {
    width: 93%;
} 

#bloc-actu-page {
    width: 89%;
}

.titre-tag-actu {
    color: rgb(254, 251, 242);
    font-family: "Varela Round",sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
    margin-right: 20px;
}

#ligne-actu-page {
    margin: 0 auto 40px;
    width: 98%;
}

#ligne-actu-page h3 {
    font-size: 24px;
    margin-top: 20px;
}

 /* -------------------------- */
 /* == FICHE COMMUNE           */
 /* ------------------------- */

#caption-fiche-commune-titre a {
    background: none;
}

#caption-fiche-commune-img {
    width: 50%;
}

#caption-slide2 {
    margin-top: -35%;
    width: 25%;
}

#ligne-actu-commune-page {
    margin: 0 auto 40px;
    width: 98%;
}

#ligne-actu-commune-page h3 {
      font-size: 24px;
    margin-left: 5%;
    margin-top: 0;
}

.ligne-btn-commune {
   margin: 10px 10px 50px 0; 
}

#container-bleu-commune  {
    margin-top: 40px;
    padding-top: 4%;
}

#container-bleu-commune .ligne-bloc-agenda {
    width: 95%;
}

#acces-ign {
    margin-top: 6%;
    width: 100%;
}

#acces-ign h4 {
    color: rgb(49, 51, 65);
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    margin-top: 20px;
   
}
#ligne-btn-ign {
    margin-top: 0;
    margin-right: 3%;
    padding-bottom: 4%;
}

@media all and (max-width: 50em) {
    .ligne-btn-commune {
        margin-bottom: 80px;
    }
    #container-bleu-commune {
        margin-top: 10px;
    }
    #acces-ign h4 {
        font-size: 20px;
    }
    #acces-ign {
        margin-top: 10%;
    }
    #ligne-btn-ign {
    margin-right: 2%;
    margin-top: 10px;
    padding-bottom: 10%;
}
    
    #caption-slide2 {
         margin-top: -40%;
        width: 70%;
    }
    #caption-fiche-commune-img {
        width: 20%;
    }
}

@media all and (max-width: 30em) {
    #caption-slide2 {
        display: none;
    }
    #ligne-btn-ign {
        padding-bottom: 15%;
    }
}

@media all and (min-width: 50em) and (max-width: 70em) {
    #caption-slide2 {
        margin-top: -35%;
        width: 40%;
    }
}

 /* ------------------------ */
 /* == AGENDA                */
 /* ----------------------- */

.search-tabs-nav {
    display: flex;
    padding-left: 0;
}

.search-tabs-nav li {
    border-bottom: 2px solid  rgb(36,49,64);
      display: flex;
    display : -webkit-flex;
    display : -moz-flex;
    font-size: 20px;
    flex: 1 1 0;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    flex-direction: column;
}

.activites-search-a {
    color: rgb(34, 56, 81);
    text-transform: uppercase;
}

.search-tabs-nav li {
  
    line-height: 2.4em;
    height: 50px;
}

.search-tabs-nav li:last-child {
    background: none;
}
.search-tabs-nav li a {
   justify-content: center; 
    text-align: center;
    text-decoration: none;
}

.search-li-active a {
    color: rgb(34, 56, 81);
    font-weight: 500;
    text-transform: uppercase;
}

.search-tabs-nav li a:hover {
    background-color: rgba(242, 235, 199,0.5);
    color: rgb(57,89,127);
    height: 50px;
}

.search-tabs-nav li::after:hover {
    background: none;
}

.search-li-active {
    background-color:rgb(242, 235, 199);
    color: rgb(255,255,255);
}

#search-form-line-agenda {
    width: 50%;
}

#form-line-agenda {
    width: 40%;
}

.page-agenda {
    background-color: rgb(52, 136, 153);
    padding: 30px 0;
}

.ligne-page-agenda {
    margin: 30px 0;
}

@media all and (max-width: 50em) {
    .search-tabs-nav{
        display: inherit;
    }  
    .search-tabs-nav li {
        font-size: 18px;
        height: inherit;
        line-height: 2em;
    }
    .search-tabs-nav li a:hover {
        height: inherit;
    }
    .form-activites {
        padding: 40px;
    }
    .search-input-container {
        width: 100%;
    }
    .input-search-activites,
    .ui-select-native{
            font-size: 16px;
    }
    .input-search-activites {
        margin-bottom: 20px;
    }
    #search-form-line-agenda {
        width: 90%;
    }
    #form-line-agenda {
        width: 80%;
    }
    .bloc-agenda {
        margin: 10px auto;
    }
   

}

@media all and (max-width: 30em) {
     #search-form-line-agenda {
        width: 100%;
    }
    #form-line-agenda {
        width: 95%;
    }
}

@media all and (min-width: 50em) and (max-width: 70em) {
    .search-tabs-nav li {
        font-size: 16px;
    }
}

 /* ------------------------- */
 /* == AGENDA DVLPE           */
 /* ------------------------ */

.page-agenda-developpe {
    margin: 50px auto;
    text-align: center;
    width: 95%;
}

.page-agenda-developpe h2 {
     color: rgb(49, 51, 65);
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
}
.page-agenda-developpe h3 {
  color :rgb(52, 136, 153);  
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    margin-top: 10px;
}


.page-agenda-developpe img {
    width: 50%;
}

.page-agenda-developpe-contenu {
    margin-top: 30px;
    text-align: left;
}

#acces-agenda {
    background-color: rgb(52, 136, 153);
    color: rgb(255,255,255);
    width: 100%;
}

.bloc-agenda-developpe-infos {
    margin: 30px auto;
    padding-bottom: 50px;
    text-align: center;
    width: 90%;
}

.bloc-agenda-developpe-infos-contenu h4 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
}

.bloc-agenda-developpe-infos-contenu {
    font-weight: 300;
    margin: 0 auto;
    width: 70%;
}

#btn-activite {
    margin-bottom: 45px;
}

@media all and (max-width: 50em) {
    .page-agenda-developpe h2 {
        font-size: 20px;
    }
    .page-agenda-developpe h3 {
        font-size: 18px;
    }
    .page-agenda-developpe {
        margin-bottom: 20px;
        width: 90%;
    }
    .bloc-agenda-developpe-infos-contenu h4 {
        font-size: 18px;
        margin-top: 20px;
    }
    .bloc-agenda-developpe-infos {
        margin: 10px auto 20px;
    }
    
}
/* ------------------------ */
 /* == CONTACTS             */
 /* ----------------------- */

.bloc-contacts-back {
     background-color: rgb(254, 251, 242);
    padding: 30px 40px 0;
}

#page-maitre-contacts {
    padding : 0;
}

.input-contacts {
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(36, 49, 64);
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 30px;
    margin-bottom: 10px;
    padding-left: 5px;
    width: 100%;
}

.message-adherer {
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(36, 49, 64);
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 5px;
    width: 100%;
}

#envoie  {
    background-color: rgb(150, 45, 62);
    border: none;
    box-shadow: 2px 2px rgba(79, 67, 61, 0.75);
    color: rgb(255, 255, 255);
    float: right;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    padding: 8px 30px;
    margin-bottom: 40px;
    text-decoration: none;
    width: 22%;
}

.bloc-presentation-contenu h2 {
       color: rgb(34, 56, 81);
    font-size: 20px;
}

.contacts-contenu img {
    width: 2%;
}

.contacts-formulaire {
    margin-left: auto;
    width: 88%;
}

.contacts-formulaire-contenu {
    font-style: italic;
    font-weight: 500;
    margin: 20px 0 30px;
}

.contacts-services-contenu h2,
.contacts-map h2{
     color: rgb(34, 56, 81);
    font-size: 20px;
    margin-top: 40px;
    margin-top: 10px;
}

.contacts-services-contenu h3 {
    color: rgb(52, 136, 153);
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 10px;
}

#page-maitre-contacts-padd {
    padding-bottom: 0;
}

@media all and (max-width: 50em) {
    .contacts-formulaire {
        width: 100%;
    }
    #envoie {
        width: 40%;
    }
    .contacts-services-contenu h3 {
        font-size: 18px;
    }
}

@media all and (max-width: 30em) {
    #envoie {
        width: 100%;
    }
}

@media all and (min-width: 50em) and (max-width: 70em) {
    .contacts-services-contenu h3 {
        font-size: 18px;
    }
    #envoie {
        width: 40%;
    }
}

/* ------------------------ */
 /* == PLUI                */
 /* ----------------------- */

.menu-plui-container img {
    width: 0.8%;
}

.page-plui h3 {
    color: rgb(43,43,43);
    font-size: 20px;
    font-weight: 500;
    margin: 40px 0 20px;
}

.page-plui h4 {
    color: rgb(52, 136, 153);
    font-style: italic;
    font-weight: 500;
    margin: 20px 0 10px;
}

.menu-plui {
  padding: 10px 40px 35px;  
}

.menu-plui-container a {
    color: rgb(52, 136, 153);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5em;
    text-decoration: none;
    padding-left: 10px;
}

#menu-plui-active {
    color: rgb(34, 56, 81);
    text-decoration: underline;
}

.page-plui-contenu a {
    color: rgb(34, 56, 81);
}

.bloc-btn-plui {
    background-color: rgb(52, 136, 153);
    padding: 25px 0;
    
}

.bloc-btn-plui-container {
      display: flex;
    margin: 20px auto;
    text-align: center;
    width: 70%;
}

.btn-plui {

    text-align: center;
    flex: 1 1 0;
}

.btn-plui a {
    color: rgb(49,51,65);
    font-style: italic;
    font-weight: 600;
     background-color: rgb(254, 251, 242);
    padding: 5px 25%;
    text-decoration: none;
}

.btn-plui a:hover {
    background-color: rgb(255, 255, 255); 
    text-decoration: underline;
}

.page-plui-contenu img {
    width: 70%;
}

#page-plui-calendrier h3 {
    margin-top: 0;
}

.doc-nv2 img,
.doc-nv3 img{
    padding-left: 20px;
    width: 3.5%;
}

.page-plui-contenu h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.doc-nv2 a {
    padding-left: 4%;
}

.page-plui-contenu h6 {
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    margin: 10px 0;
    padding-left: 6.5%;
}

.doc-nv3 a {
    padding-left: 12%;
}

.doc-nv2 a,
.doc-nv3 a {
    line-height: 1.8em;
}

.bx-contenu-doc {
    border: 3px solid rgb(34, 56, 81);
    margin-top: 20px;
    padding: 0 40px 40px; 
}

@media all and (max-width: 50em) {
    .menu-plui-container a {
        font-size: 20px;
    }
    .menu-plui {
        padding-bottom: 20px;
    }
    .page-plui h3 {
        font-size: 18px;
    }
    .page-plui-contenu img {
        width: 100%;
    }
    .bloc-btn-plui-container {
        width: 90%;
    }
    .doc-nv2 img,
    .doc-nv3 img {
        width: 8%;
    }
    .page-plui-contenu h5,
    .page-plui-contenu h6{
        font-size: 18px;
    }
    
    #page-maitre-plui-doc {
      padding : 30px 10px 60px;
    }
}
 
@media all and (max-width: 40em) {
     .doc-nv2 img,
    .doc-nv3 img {
        width: 10%;
    }
    .btn-plui a {
        font-size: 14px;
    }
}

@media all and (max-width: 30em) {
     .doc-nv2 img,
    .doc-nv3 img {
        width: 14%;
    }
}

 /* ------------------------ */
 /* == BOURGS                */
 /* ----------------------- */

.bloc-portfolio {
     margin: 50px auto 0;
     width: 100%;
 }
 
 .bloc-portfolio-ligne-img {
     display: flex;
      	display: -webkit-flex;
 	display: -ms-flex;
     margin-bottom: 20px;
 }
 
 .bloc-portfolio img {
     border: 1px solid rgb(34, 56, 81);
     margin: 0 10px;
     width: 47%;
 }
 
 #trait-ombre-stay img {
     padding-top: 20px;
 }
 
 .bloc-portfolio-smartphone {
     display: flex;
      	display: -webkit-flex;
 	display: -ms-flex;
     width: 50%;
 }

 @media all and (max-width: 50em) {

     .bloc-portfolio-ligne-img {
         display: inherit;
         margin-bottom: 5px;
     }
     .bloc-portfolio img {
         margin: 0 5px;
     }
     .bloc-portfolio-smartphone {
         margin-bottom: 5px;
         width: 100%;
     }
 }

/* ------------------------ */
 /* == ELUS                 */
 /* ----------------------- */

.bloc-elus-container {
    margin: 50px 0 0;
}

.bloc-ligne-elu {
    margin-bottom: 50px;
}

.bloc-elu {
    margin: 0 auto;
    width: 80%;
}

.bloc-elu h5 {
    color: rgb(52, 136, 153);
    font-family: "Varela Round",sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}

#ligne-middle-elu h5 {
    color: rgb(254, 251, 242);
}

#ligne-middle-elu h6 {
    color: rgb(255,255,255);
}

#ligne-middle-elu {
    background-color: rgba(52, 136, 153, 0.2);
    padding: 30px 0 20px;
}

.bloc-elu h6 {
    font-size: 16px;
    font-weight: 400;
   margin: 5px 0; 
}

@media all and (max-width: 50em) {
    .bloc-elu img {
        margin: 0 auto;
        width: 50%;
    } 
    .bloc-elu {
        text-align: center;
        margin-bottom: 40px;
    }
    .bloc-ligne-elu {
        margin-bottom: 0;
    }
}


 /* ------------------------ */
 /* == COMMISSIONS           */
 /* ----------------------- */

.commission-intro {
    margin:20px 0 40px;
}

.commission-intro img {
    width: 100%;
}

.back-membres {
    background-color: rgb(254, 251, 242);
    border: 1px solid rgb(33, 55, 82);
    color: rgb(33, 55, 82);
    font-weight: 500;
    padding: 10px 20px;
}

.back-commune {
   background-color: rgb(255, 255, 255);
    border: 1px solid rgb(33, 55, 82);
    color: rgb(33, 55, 82);
    font-weight: 500;
       padding: 10px 20px;
}

#sstitre-accordion {
    color: rgb(33, 55, 82);
    font-size: 18px;
    margin: 20px 0 10px;
}

 /* ------------------------ */
 /* == CITY STADE           */
 /* ----------------------- */

.info-search-lettre {
    font-size: 18px;
    margin: 30px 0 60px;
    text-align: center;
}

.bloc-city {
    margin: 40px auto;
}

.bloc-city-lettre {
    border-bottom: 3px solid rgb(242, 235, 199);
    margin-bottom: 10px;
}

.bloc-city-ligne {
    margin: 30px 0;
}

.info-search-lettre a {
    color: rgb(0, 0, 0);
    text-decoration: none;
}

.info-search-lettre a:hover {
    font-weight: 600;
   text-decoration: underline;
}

.search-city-gras {
    font-weight: 500;
    font-size: 20px;
}

.bloc-city-lettre h2 {
    color: rgb(52, 136, 153);
     font-family: "Varela Round",sans-serif;
    font-size: 40px;
    padding-left: 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.bloc-city-container {
    margin: 0 0 0 auto;
    width: 95%;
}

.bloc-city-container h3 {
    color: rgb(34, 56, 81);
    font-family: "Varela Round",sans-serif;
    font-size: 24px; 
}

.bloc-city-contenu h4 {
   margin: 10px 0; 
}

.bloc-city-contenu ul {
    line-height: 1.4em;
    margin: 0;
    padding-left: 1.5em;
}

.bloc-city-texte {
    margin-top: 20px;
}

.bloc-lieux-contenu-lien {
    margin-top: 30px;
    float: right;
}

.bloc-lieux-contenu-lien a {
    color: rgb(43,43,43);
    text-decoration: none;
    
}

.bloc-lieux-contenu-lien a img {
    padding-left: 10px;
    width: 16%;
}


@media all and (max-width: 50em) {
    .search-city-gras {
        font-size: 18px;
    }
    .bloc-city-lettre h2 {
        font-size: 30px;
    }
    .bloc-city-container {
        width: 100%;
    }
    .bloc-city-container h3 {
        margin-top: 20px;
    }
}

 /* ------------------------ */
 /* == BlOG MAITRE           */
 /* ----------------------- */

#page-blog-maitre img {
    margin: 30px 0;
}

/* ------------------------ */
 /* == MARCHES PUBLICS      */
 /* ----------------------- */

.bloc-marche-public {
    border: 1px solid rgb(36, 49, 65);
    margin: 20px auto;
    padding: 30px;
    width: 80%;
    min-height: 180px;
}

#btn-marches a {
    float: inherit;
}

 /* ---------------------------- */
 /* == RESULTATS RECHERCHE       */
 /* --------------------------- */

.ligne-bloc-resultats-recherche {
    background-color: rgb(52, 136, 153);
    padding: 10px 30px;
}

.ligne-bloc-resultats-recherche h4 {
    color: rgb(254, 251, 242);
    font-weight: 400;
}

.resultats-recherche-titre {
    font-weight: 600;
}

#ligne-bloc-resultats-texte a {
    color: rgb(34, 56, 81);
}

#ligne-bloc-resultats-contenu{
    padding-right: 25%;
}


 /* ------------------------ */
 /* == FOOTER                */
 /* ----------------------- */
 
 .footer {
       background-color: rgb(217, 221, 221);
     padding-bottom: 1%;
 }
 
.footer-mentions {
   background-color: rgb(254, 251, 242);  
}


.reseaux-sociaux-footer a img {
    margin: 0 5px;
    width: 12%;
    
}

.bloc-infos-contacts,
.bloc-acces-liens{
    margin: 0 auto;
    width: 80%;
}

.footer-container h4 {
    color: rgb(43,43,43);
     font-family: "Varela Round",sans-serif;
    font-size: 24px;  
    margin-top: 30px;
    margin-bottom: 5px;
}

.bloc-acces-liens ul {
    padding-left: 20px;
}

.bloc-acces-liens ul li a{
    color: rgb(43,43,43);
    text-decoration: none;
}

.bloc-acces-liens ul li a:hover{
    text-decoration: underline;
}

.bloc-btn {
    margin-left: auto;
    width: 60%;
    text-align: center;
    margin-top: 15%;
    margin-right: 8%;
}

.btn-footer {
    background-color: rgb(52, 136, 153);
    text-align: center;
    margin: 20px 0;
    padding: 10px 0;
    width: 100%;
}

.btn-footer a {
    color: rgb(255,255,255);
    text-decoration: none;
}

.footer-container {
    margin: 0 auto;
   width: 93%; 
}

.ligne-contacts {
     color: rgb(52, 136, 153);
    padding: 10px 0;
    text-align: center;
}

 .ligne-contacts a {
     color: rgb(52, 136, 153);
 }

@media all and (max-width: 50em) {
      .bloc-infos-contacts, .bloc-acces-liens {
        width: 85%;
    }
    .bloc-btn {
        margin: 0 auto 20px;
    }
    .footer-container h4 {
        font-size: 20px;
    }
}

@media all and (min-width: 50em) and (max-width: 70em) {
    .footer-container h4 {
        font-size: 20px;
    }
    .btn-footer a {
        font-size: 16px;
    }
    .bloc-btn {
        width: 80%;
    }
}

@media all and (min-width: 70em) and (max-width: 85em) {
    .bloc-btn {
        width: 70%;
    }
    .btn-footer a {
        font-size: 16px;
    }
}

@media all and (min-width: 95em) and (max-width: 110em) {
    .reseaux-sociaux {
        margin-top: -2.5%;
    }
    .btn-recherche img {
        width: 100%;
    }
    #search {
        width: 83%;
    }
    .container-bleu {
        padding-top: 5%;
    }
}

@media all and (min-width: 110em) and (max-width: 130em) {
    .reseaux-sociaux {
        margin-top: -2%;
    }
    .btn-recherche img {
        width: 100%;
    }
    #search {
        width: 85%;
    }
    .nav-top {
        padding-bottom: 5px;
    }
    .acces a img {
        width: 60%;
    }
    .container-bleu {
        padding-top: 5%;
    }
    #acces-carte {
        padding-bottom: 100px;
    }
    .map-ul ul {
        margin-top: 15%;
    }
    .map img {
        width: 90%;
    }
}

@media all and (min-width: 50em) and (max-width: 70em) {
   .page-maitre h1 {
        font-size: 24px;
    } 
}