@charset "UTF-8";

/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/*

    Created on : 11 avr. 2017, 10:40:14

    Author     : Atelier-111

*/

body{

    font-size: 15px;

}

h2 {

    font-size: 30px;

    font-weight: bold;

}

h3 {

    font-size: 22px;

    font-weight: bold;

}

h4{

    font-size: 18px;

}

.justifie{

    text-align: justify;

}

.centre{

    text-align: center;

}

.left{

    float: left;

}

.right{

    float: right;

}

.reduction-police{

    font-size: 20px;

}

.agrandissement-police{

    font-size: 23px;

}

.separateur{

    display: inline-block;

    margin: 0px 12px;

}

.none-padding-right{

    padding-right: 0;

}

.retrait-gauche{

    padding-right: 70px;

}

@media(max-width:768px){

    .retrait-gauche{

        padding-right: 15px;

    }

}

.marge-faible{

    margin: 10px;

}

.padding-faible{

    padding: 10px;

}

.none-margin{

    margin: 0;

}

.none-padding{

    padding: 0;

}

.bouton--zone{

    margin-top: 20px;

    margin-bottom: 10px;

}

.bouton-prec-next{

    margin-top: 20px;

    margin-bottom: 10px;

    padding: 10px;

    border: 1px solid black;

}

.bouton{

    padding: 0 15px 0 0;

    border: 0;

    border-radius: 3px;

}

.bouton:hover{

    opacity: 0.8;

}

.bandeau-large-bas{

    padding-bottom: 35px;

}

.vertical-align-parent{

    display: flex;

}

.vertical-align-child{

    margin: auto;

}

.margin-right{

    margin-right: 20px;

}



/*** couleur des polices & fonds ***/

.police-noir{

    color: #000000;

}

.police-gris-noir{

    color: #333333;

}

.fond-blanc{

    background: #ffffff;

}

.fond-noir{

    background: #000000;

}

.fond-gris--clair{

    background: #eeeeee;

}

.fond-gris-noir{

    background: #333333;

}



.btn.btn-defaut {

    color: #fff;

    border-radius: 3px;

    border: 0px;

}



/***  Marge & bandeau ***/

/*.margeLR{

    margin: 0 50px;

}*/

.margeLR-moyenne{

    margin: 0 65px;

}

.margeLR-grande{

    margin: 0 100px;

}



.bandeau-simple{

    padding-top: 12px;

}

.bandeau-moyen{

    padding-top: 23px;

}

.bandeau-large{

    padding-top: 35px;

}

.bandeau-bas{

    padding-bottom: 5px;

}

.marge-gauche-forte{

    padding-right: 100px;

}

@media(max-width:1200px){

    .marge-gauche-forte {

        padding-right: 35px;

    }

}

@media(max-width:768px){

    .marge-gauche-forte {

        padding-right: 0;

    }

}

/*** ***/

.rechercher{

    padding: 5px 0;

    background: transparent;

    border: none;

    margin-left: 21px;

    width: 75%;

    border-bottom: 1px solid #000;

}

@media(max-width:1200px){

    .rechercher{

        width: 68%;

    }

}

@media(max-width:991px){

    .rechercher{

        width: 75%;

    }

}

@media(max-width:768px){

    .rechercher{

        width: 80%;

    }

}

@media(max-width:480px){

    .rechercher{

        width: 75%;

    }

}





.bouton-search{

    border: none;

    width: 10%

}



/***          Header          ***/

.header--bandeau-haut{

    width: 100%;

}

@media(max-width:991px){

    .header--bandeau-haut{

    }

}

a.police-gris-noir:hover{

    color: #333333;

}

.header--bandeau-haut--bouton{

    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);

    display: inline-block;

    padding: 11px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    white-space: nowrap;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    color: #eee;

    margin: 12px;

}

.header--bandeau-median--logo{

    padding-left: 50px;

    padding-bottom: 10px;

    min-height: 110px;

}

@media(max-width:768px){

    .header--bandeau-median--logo{

        padding: 10px 15px;

    }

}

.header--bandeau-median--logo-redim{

    height: auto;

    /*min-width: 150px;*/

}

@media(max-width:991px){

    .header--bandeau-median--logo-redim{

        max-width: 400px;

    }

}

@media(max-width:768px){

    .header--bandeau-median--logo-redim{

        width: 100%;

        max-width: none;

    }

}

@media(max-width:540px){

    .header--bandeau-median--logo-redim{

        width: 100%;

        padding: 0 20%;

    }

}

.fleche-menu{

    top: 3px;

    right: 10px;

    margin-right: 10px;

}

.header--menu-liste{

    /*padding: 30px;*/

    margin: auto;

    left: 80px;

    top: 20px;

}

.header--menu-liste--select{

    padding: 3px 28px;

    margin-bottom: 0;

    margin-top: 0;

    border: solid 1px #000;

    font-size: 24px;

}

.header--menu-liste--select:hover{

    color: #000;

}

.navigation .nav-haut .niv1-ul {

    overflow: hidden;

    padding: 0;

    list-style-type: none;

    color: #fff;

}

@media(max-width:768px){

    .navigation .nav-haut .niv1-ul{

        color: #000;

    }

}

.navigation .nav-haut .niv1-ul .niv1-li {

    font-size: 1.429em;

    width: 25%;

    float: left;

}

@media(max-width:768px){

    .navigation .nav-haut .niv1-ul .niv1-li{

        color: #fff;

        font-size: 1.429em;

        width: 100%;

    }

}



.navigation .nav-haut .niv1-ul .niv1-li h3{

    padding: 20px 0;

    margin: 0;

    padding-left: 20px;

    font-size: 1.5rem;

}

@media(max-width:991px){

    .navigation .nav-haut .niv1-ul .niv1-li h3{

        min-height: 93px;

    }

}

@media(max-width:768px){

    .navigation .nav-haut .niv1-ul .niv1-li h3{

        min-height: 0;

        padding-left: 0;

    }

}

.navigation .nav-haut .niv1-ul .niv1-li .niv2-ul{

    list-style-type: none;

    text-align: left;

    padding: 10px 0 10px 20px;

}

@media(max-width:768px){

    .navigation .nav-haut .niv1-ul .niv1-li .niv2-ul{

        padding: 0;

    }

}



.navigation .nav-haut .niv1-ul .niv1-li .niv2-ul .niv2-li .niv2-a{



}

@media(max-width:768px){

    .navigation .nav-haut .niv1-ul .niv1-li .niv2-ul .niv2-li{

        text-align: center;

    }

}

.navigation .nav-haut .niv1-ul .niv1-li .niv2-ul .niv2-li .niv2-a{

    font-size: 0.9em;

    text-transform: none;

    display: inline-block;

    margin: 4px 0;

    color: #000;

    line-height: 20px;

}



.degrade-image-header{

    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%,rgba(255, 255, 255, 0) 100%);

    position: relative;

    height: 100px;

}

/*** header bas ***/

.header--triangle-blanc{

    position: absolute;

    top: 0;

    right: 0px;

    border-style: solid;

    border-width: 0 30px 30px 0;

    border-color: transparent #fff transparent transparent;

}

.header--bandeau-bas--direct{

    text-align: left;

    padding: 0;

    display: inline-flex;

}

.lien-acces{

    color: #fff;

}

.lien-acces:hover{

    color: #fff;

}

.barre-acces-rapide--img{

    padding: 0;

    height: 100%;

    width: auto;

}

.header--direct{

    height: 88px;

    padding: 10px;

    color: #fff;

}

.header--rapides{

    height: 88px;

    padding: 30px 10px;

    color: #fff;

}

.form-search::before{

    font-family: FontAwesome;

    content: "\f002";

    position: absolute;

    top: 32px;

    left: 10px;

    font-size: 18px;

    color: #000;

}

/*** flashInfo ***/



#flashInfo .carousel-inner{

    height: 120px;

}

@media(max-width:991px){

    #flashInfo .carousel-inner{

        height: 140px;

    }

}

@media(max-width:768px){

    #flashInfo .carousel-inner{

        height: 240px;

        overflow: visible;

    }

    #flashInfo .carousel-control .glyphicon-chevron-left{

        top: 20%;

    }

    #flashInfo .carousel-control .glyphicon-chevron-right{

        top: 20%;

    }

}

@media(max-width:480px){

    #flashInfo .carousel-inner{

        height: 340px;

    }

    #flashInfo .carousel-control .glyphicon-chevron-left{

        top: 15%;

    }

    #flashInfo .carousel-control .glyphicon-chevron-right{

        top: 15%;

    }

}



#flashInfo .carousel-caption{

    position: static;

    padding: 0;

}

.img-flash{

    padding: 0;

    text-align: center;

    margin: 25px 0px 10px 50px;

    float: left;

}

@media(max-width:768px){

    .img-flash{

        margin: 0;

        margin-top: 10px;

        width: 80%;

        margin-left: 13%;

    }

}

.content-flash{

    padding: 0;

    margin: 30px 0;

    float: left;

}

@media(max-width:768px){

    .content-flash{

        margin: 0;

    }

}

.lien-flash{

    color: #fff;

}

.lien-flash:hover {

    color: #fff;

}

/*** front page ***/



.front--img-maire img{

    border-radius: 50%;

}

@media(max-width:1200px){

    .front--img-maire img{

    }

}

#motMaire img{

    max-width: 100%;

}

.slider--gauche{

    width: 50%;

    float: left;

    padding: 100px 40px 50px 100px;

    text-align: left;

}

@media(max-width:1200px){

    .slider--gauche{

        padding: 50px 0 50px 120px;

    }

}

@media(max-width:991px){

    .slider--gauche{

        padding: 80px 0 50px 60px;

    }

}

@media(max-width:768px){

    .slider--gauche{

        float:none;

        width: 100%;

        padding: 0;

    }

}

.slider--droit{

    float: right;

    width: 50%;

    padding: 0 80px 0 0;

}

@media(max-width:768px){

    .slider--droit{

        float:none;

        width: 100%;

        padding: 0;

    }

}

#myCarousel .carousel-inner{

    min-height: 450px;

}

#carouselHomeImage .carousel-inner{

    /*    min-height: 350px;

        max-height: 350px;

        overflow: hidden;*/

}



#carouselHomeImage .carousel-inner .carousel-item .col{

    margin-left: 0;

    padding: 0;

}

.carousel-caption-refont{

    font-weight: 300;

    font-size: 16px;

    position: static;

    padding: 0;

}

@media(max-width:768px){

    .carousel-caption-refont{

        width: 100%;

        padding: 5px 5px 50px 5px;

    }

}

@media(max-width:768px){

    .carousel-caption-refont{

        min-height: 275px;

    }

}

.nav-bar--img{

    padding: 35px;

}

@media(max-width:1200px){

    .nav-bar--img{

        padding: 35px;

        overflow: hidden;

    }

}

@media(max-width:991px){

    .nav-bar--img .attachment-380x380{

        width: 250px;

        padding-top: 50px;

    }

}

@media(max-width:768px){

    .nav-bar--img{

        padding: 0;

    }

}

@media(max-width:768px){

    .nav-bar--img .attachment-380x380{

        width: 100%;

    }

}

@media(max-width:768px){

    .carousel .fond-bleu--clair{

        background: none;

    }

}

.nav-bar--btn{

    float: right;

    padding: 2px;

    border-radius: 5px;

    opacity: 0.5;

}

.nav-bar--btn:hover{

    opacity: 1;

}

.carousel-control .glyphicon-chevron-right{

    position: absolute;

    right: 30px;

}

.carousel-control .glyphicon-chevron-left{

    position: absolute;

    left: 30px;

}

.right.carousel-control ,.left.carousel-control{

    background: none;

}





/*** actu ***/

.actu--bandeau{

    width: 100%;

    padding-bottom: 20px;

}

@media(max-width:1200px){

    .actu--bandeau{

    }

}

.remplissage--actu{

    width: 100%;

    overflow: hidden;

}

.remplissage--actu img {

    width: 100%;

    height: auto;

    max-height: 380px;

}

.remplissage--actu img:is([sizes="auto" i], [sizes^="auto," i]) {

	contain: size !important;

    contain-intrinsic-size: 300px 300px;

}

@media(max-width:991px){

    .remplissage--actu{

        height: 200px;

    }

}

.remplissage{

    width: 100%;

}

@media(max-width:480px){

    .remplissage{

        display: none;

    }

}

.actu--zone-titre-photo{

    width: 100%;

    padding: 10px 25px;

    min-height: 110px;

}

@media(max-width:1200px){

    .actu--zone-titre-photo {

        padding: 5px 20px;

    }

}

.remplissage--actu .attachment-380x380{

    width: 100%;

}



@media(max-width:768px){

    .actu--zone-titre-photo {

        text-align: center;

        margin: 10px 0;



        min-height: 0;

    }

}

.actu--zone-titre-photo h3{

    /*height: 50px;*/

}

@media(max-width:991px){

    .actu--zone-titre-photo h3{

        height: 75px;

    }

}

@media(max-width:768px){

    .actu--zone-titre-photo h3{

        height: inherit;

    }

}

.actu--zone-bouton{

    padding: 5px 20px;

    border-radius: 5px;

    opacity: 0.5;

}

.actu--zone-bouton:hover{

    opacity: 1;

}

@media(max-width:768px){

    .center-xs{

        float: none;

        text-align: center;

        margin: auto;

    }

}



/*** agenda ***/



.card-agenda {

    margin-bottom: 20px;

}



.agenda--texte{

    margin: 0;

}

.agenda-zone-lien{

    color: #ffffff;

    text-decoration: none;

}

.agenda-zone-lien:hover{

    color: #ffffff;

    text-decoration: none;

}

.agenda--zone-date{

    width: 100%;

    padding: 10px 5px;



}

@media(max-width:1200px){

    .agenda--zone-date {

        padding: 10px 5px;

    }

}

@media(max-width:991px){

    .agenda--zone-date {

    }

    .col-sm-2{

        padding: 0 5px;

    }

}

@media(max-width:768px){

    .agenda--zone-date {

        margin: 5px 0;

        min-height: 150px;

    }

}

/*** newsletter ***/

.newsletter-top{

    border-top: 1px solid #000;

    border-bottom: 1px solid #000;

}



.newsletter--img{

    width: 5%;

    min-width: 30px;

    padding: 10px 10px 10px 0;

}



/*** footer ***/



.infoMairie {

    font-weight: bold;

}



.footer--img-logo{

    padding-top: 20px;

    /*width: 50%;

    min-width: 200px;*/

}

@media(max-width:991px){

    .footer--img-logo {

        padding: 20px;

        width: 30%;

        min-width: 200px;

    }

}

.footer--follow{

    padding: 0px 5px;

    color: #000;

}

.footer--follow-middle{

    vertical-align: middle;

    padding-bottom: 15px;

}



.footer-socials {

    margin-top: 25px;

    font-size: 18px;

}



.footer-socials svg {

    width: 25px !important;

    height: 25px;

    margin-bottom: -3px;

}



.footer-socials p:nth-child(n+2) {

    margin-bottom: 10px;

}



@media(max-width:768px){

    .xs-margeLR{

        margin: 0 15px;

    }

}

@media(max-width:768px){

    .navigation{

    }

}

@media(min-width:768px){

    .niv2-ul{

        display: block !important;

    }

}

@media(max-width:767px){

    .niv2-ul{

        display: none;

    }

}

.btn-menu-port{

    padding: 10px 0;

    list-style-type: none;

}





/*** sidebar d'actu ***/





/*** sidebar d'ariane ***/

.breadcrumb{

    list-style: none;

    background-color: transparent;

    margin-left: 15px;

    margin-top: 10px;

    padding: 0;

}

.breadcrumb > li {

    display: inline-block;

}

.breadcrumb > li > a{

    color: #000;

}

.breadcrumb > li > a:hover {

    text-decoration: none;

}



/*** single ***/

.texte-page{

    padding: 30px 20px;

}

.single--triangle-blanc{

    position: absolute;

    top: 0;

    right: 0px;

    border-style: solid;

    border-width: 0 30px 30px 0;

    border-color: transparent #eeeeee transparent transparent;

}

.majPage{

    font-style: italic;

    font-size: 14px;

}

/*** toutes les actus ***/



.bandeau-large-actu{

    padding-top: 30px;

}

@media(max-width:768px){

    .bandeau-large-actu{

        padding-top: 0;

    }

}

/*** search ***/

.search-zone-text{

    margin-bottom: 30px;

    padding: 25px;

}

.search-text{

    font-weight: 800;

    font-size: 18px;

    text-transform: uppercase;

    color: #3e362d;

}

.search-button{

    padding: 5px;

    color: #ffffff !important;

    text-transform: uppercase;

    letter-spacing: 1px;

    border-radius: 0;

    background: #888;

}

.search-button:hover{

    color: #ffffff;

    background-color: #1b1b1b;

    transition: background-color, 0.3s;

}

/* Espace citoyen */

#register_compte_citoyen, #passwordform {

    display: none;

}

.espace-citoyen-menu .nav-haut .niv1-ul{

    overflow: hidden;

    padding: 0;

    list-style-type: none;

}

.espace-citoyen-menu .nav-haut .niv1-ul .niv1-li .niv2-ul{

    list-style-type: none;

}

/*** sidebar  ***/

.sidebar-raccourci-img{

    position: absolute;

    left: 8px;

    top: 9px;

    width: 16%;

}

@media(max-width:1200px){

    .sidebar-raccourci-img{

        left: 15px;

        top: 10px;

        width: 19%;

    }

}

@media(max-width:991px){

    .sidebar-raccourci-img{

        left: 6px;

        width: 23%;

        top: 15px;

    }

}

@media(max-width:768px){

    .sidebar-raccourci-img{

        left: 12px;

        width: 6%;

        min-width: 50px;

    }

}



/*** élus ***/





.fonction-desc {

    text-align: left;

    margin: 0px;

}



.elu-liste {

    margin-bottom: 35px;

}

.card-elu__name {

    font-weight: bold;

    padding-top: 10px;

}

.card-elu__name + p {

    font-style: italic;

}

.card-elu img {

    width: 100%;
	height: auto;

}

.card-elu .fond-blanc{

    padding: 5px 5px 5px 10px;

}



/*** Galerie ***/

.galerie{

    list-style-type: none;

}



.galerie li {

    float:left

}



/*** Annuaire ***/

.prestataireAnnuaire {

    margin-bottom: 25px;

}



.prestataireInner {

    background: #fff;

    padding: 5px;

}



.prestataireInner img {

    width: 100%;

    height: auto;

}



/*** Comarquage responsive ***/

#comarquage #cm-content {

    width: 100%;

}



#comarquage #cm-sidebar {

    float: left;

    width: 100%;

}





#comarquage.espace-part #co-page .co-home-theme h2,

#comarquage.espace-part #co-page .co-row .co-panel-heading h2,

#comarquage.espace-part #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item h3 a{

    color: #164F79;

}



#comarquage.espace-pro #co-page .co-home-theme h2,

#comarquage.espace-pro #co-page .co-row .co-panel-heading h2,

#comarquage.espace-pro #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item h3 a{

    color: #792A3B;

}



#comarquage.espace-asso #co-page .co-home-theme h2,

#comarquage.espace-asso #co-page .co-row .co-panel-heading h2,

#comarquage.espace-asso #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item h3 a{

    color: #0A5A29;

}



@media (max-width: 970px){



    #comarquage .monsp {

        float: left;

        margin-top: 15px;

    }



    #cm-content #co-home-menu > li > h2 {

        width: 75%;

    }



    #cm-content #co-home-menu .co-home-sousmenu {

        float: left;

        width: 100%;

    }

}



/*** Publications ***/

.mag-card {

    background: url(img/newspaper-bg.png) no-repeat right;

    border: solid 1px #1b1b1b;

    padding-top: 16px;

    padding-bottom: 18px;

    position: relative;

    margin-top: 44px;

    margin-bottom: 40px; }

.mag-card__cover {

    position: absolute;

    bottom: 18px;

    left: 22px;

    border: solid 1px #1b1b1b;

    width:90px;}

.mag-card__date {

    font-size: 22px;

    text-transform: uppercase;

    display: block;

    position: relative;

    left: 128px;

    margin-bottom: 11px;

    width:75%;}

@media (min-width: 992px) {

    .mag-card__date {

        font-size: 18px; } }

@media (min-width: 1200px) {

    .mag-card__date {

        font-size: 22px; } }

.mag-card .btn, .mag-card .js-faq-button {

    position: relative;

    left: 128px; }



.mag-card__date_ssImage {

    font-size: 22px;

    text-transform: uppercase;

    display: block;

    position: relative;

    left: 20px;

    margin-bottom: 11px;

    width: 95%;}

@media (min-width: 992px) {

    .mag-card__date {

        font-size: 18px; } }

@media (min-width: 1200px) {

    .mag-card__date {

        font-size: 22px; } }

.mag-card .btn.btn-ssImage, .mag-card .js-faq-button {

    position: relative;

    left: 20px; }



.outlined-card {

    background-color: #eeeeee;

    border: 1px solid #1b1b1b; }

.outlined-card__title {

    font-weight: 300;

    display: block;

    margin-bottom: 15px; }

.outlined-card__content {

    font-size: 1em;

    font-weight: 300;

    display: block;

    margin-bottom: 15px; }

.outlined-card__info {

    margin-left: 15px; }



.texte-page img{

    max-width: 100%;

    height: auto;

}





.row-block{

    display: block;

    /*margin-right: -15px;

    margin-left: -15px;*/

}





/** Style du module partage **/

.social-share a {

    color: #ffffff ; }

.social-share a:hover {

    color: #ffffff ; }

.social-share--facebook {

    background-color: #3c5a98;

    padding: 5px 10px;

    border-radius: 50px;

    margin-right: 10px; }

.social-share--twitter {

    background-color: #2faffa;

    padding: 5px 7px;

    border-radius: 50px;

    margin-right: 10px; }

.social-share--mail {

    background-color: #70685f;

    padding: 5px 7px;

    border-radius: 50px;

    margin-right: 10px; }

.social-share--print {

    background-color: #70685f;

    padding: 5px 7px;

    border-radius: 50px;

    margin-right: 10px; }





/*** Style du module calendrier ***/

#calendar .fc-view-container{

    background-color: #fff;

}

.modal-dialog{

    padding-top: 50px;

}

.modal-body{

    padding: 10px;

}

.btn-calendrier{

    margin: auto;

    margin-top: 15px;

}



.msgResaValidee{

    text-align: center;

    font-size: 16px;

    color: #005d00;

    font-weight: bold;

}



/*** Commissions ***/

.commission_desc {

    font-style: italic;

}



/*** Noscript ***/

noscript {

    text-align: center;

    width: 100%;

    display: block;

    font-size: 18px;

    font-weight: bold;

}



noscript a {

    text-decoration: underline;

}



/*** Commentaires ***/

#comments {

    margin-top: 35px;

}

p.comment-form-comment label {

    display: block;

}



.comment-list {

    padding-left: 0px;

}



.comment-list, .comment-list ol {

    list-style-type: none;

}



.comment-list li {

    margin-bottom: 20px;

}



.comment-list p {

    margin-bottom: 0px;

}



#respond {

    margin-top: 15px;

}



.repondreCommentaire {

    font-weight: bold;

}



.repondreCommentaire:hover {

    cursor: pointer;

}



#respond .submit {

    display: inline-block;

    font-weight: 400;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    border-top-color: transparent;

    border-right-color: transparent;

    border-bottom-color: transparent;

    border-left-color: transparent;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}