@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic);
/* parametres de base
-------------------- */
/*4B9AC9*/
/*89B8D3*/
body,
html {
    height: 100%;
}
html,
body,
ol,
li,
p,
a,
label,
button,
input,
select,
textarea,
.pure-g [class*="pure-u"] {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 300;
    color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 300!important;
    color: #6796C9 !important;
}
input:focus {
    border: none !important;
}
a {
    transition: color 200ms ease-out, color 200ms ease-out;
}
strong,
b,
.on {
    font-weight: 600!important;
}
.hide {
    display: none;
}
/* les couleurs des 4 zones */
.aucuneBg {
    background-color: #c5d7ea;
}
/* fallback */
.cdc {
    color: #6796C9;
}
.cdcBg {
    background-color: #c5d7ea;
}
.cdcBgTrans {
    background-color: rgba(82, 149, 222, 0.8);
}
.vivre {
    color: #E69A1C;
}
.vivreBg {
    background-color: #f3cd8f;
}
.vivreBgTrans {
    background-color: rgba(255, 160, 3, 0.8);
}
.entreprendre {
    color: #CD5828;
}
.entreprendreBg {
    background-color: #e9a78c;
}
.entreprendreBgTrans {
    background-color: rgba(245, 71, 0, 0.8);
}
.decouvrir {
    color: #9BC434;
}
.decouvrirBg {
    background-color: #cde395;
}
.decouvrirBgTrans {
    background-color: rgba(160, 208, 40, 0.9);
}
/* menu */
#menu .headerMenu {
    background: #404040 url('../img/menu-pays-manslois.jpg') no-repeat top center;
    margin: 0;
    padding: 0;
}
#menu .headerMenu h1 {
    margin: 0;
    padding: 27px .2em 0;
    text-align: center;
    font-size: 1.65em;
}
#menu .headerMenu h1 a {
    padding-bottom: 14px;
}
#menu .headerMenu h2 {
    margin: 0 0 .25em;
    padding: 0 .2em 0;
    text-align: center;
    font-size: 1.3em;
    font-weight: 300;
}
#menu .headerMenu h2 a {
    margin: 0;
    padding: 0;
}
#champRecherche {
    float: left;
    width: 150px;
    border: medium none;
    height: 2em;
    padding: 0 .45em;
    border-radius: 2px 0 0 2px;
}
#menu .pure-menu form {
    margin: .3em .6em 0;
}
#menu .pure-menu form button {
    height: 2em;
    background-color: white;
    border: medium none;
    color: #aaa;
    border-radius: 0 2px 2px 0;
}
#menu .pure-menu .pure-button {
    width: 196px;
    margin: 8px .6em .6em;
    padding: .25em 0;
    opacity: .6;
    color: #013554;
    font-size: 1.2em !important;
}
#menu .pure-menu .pure-button:hover {
    background: rgba(255, 255, 255, 0.3);
    opacity: .9;
    color: #fff;
}
/* gestion scroll du #menu */
#allezEnBas {
    position: absolute;
    background-color: #333;
    width: 100%!important;
    bottom: 0!important;
    margin: 0!important;
    padding: 0!important;
    border-top: 1px solid #000;
    z-index: 999;
}
#allezEnBas a.pure-button {
    background-color: #333;
    display: inline-block;
    width: auto!important;
    margin: 0!important;
    padding: .3em 2.2em!important;
    color: white!important;
    border-radius: 0;
}
#allezEnBas a.pure-button:last-child {
    border-left: 1px solid #B49155;
}
#allezEnBas a.pure-button:hover {
    color: #B49155!important;
}
/* bandeau */
#main > header {
    background: #EFEEEC url('../img/bandeau-pays-manslois.jpg') no-repeat top center;
    height: 248px;
    margin: 0;
    padding: 0;
    border: none;
}
#main > header h1 {
    margin: 0;
    padding: 0;
    display: inline-block;
}
#main0545203804 > header h3 a {
    position: absolute;
    display: block;
    width: 300px;
    height: 110px;
    top: 0;
    left: 65%;
}
#main .navTransverse {
    margin-top: 175px;
}
#main .navTransverse .pure-button {
    background-color: white;
    margin: 0 1px;
    color: #6796C9;
    font-size: 0.8em;
    font-weight: bold;
}
#main #ariane {
    margin: .5em 0 1em 0;
    font-size: 1em;
    font-weight: bold;
}
#main #ariane a {
    color: #BF6135;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
}
#main #ariane .fa {
    font-size: 1.2em;
    padding: 0 .3em 0 .7em;
}
#main #ariane .fa:first-child {
    padding: 0;
}
/* slider */
.legendSlide {
    position: absolute;
    display: block;
    bottom: 0;
    padding: .8em;
    width: 91%;
    color: white;
    line-height: 1em;
    font-weight: bold;
}
/* contenu */
.content {
    font-size: 105%;
}
.pure-g a {
    text-decoration: none;
    border-bottom: 1px dotted orange;
    color: #6796C9;
}
.pure-g ul {
    padding-left: .5em;
    list-style: none;
}
.pure-g li:before {
    padding-right: .5em;
/*    font-family: "FontAwesome";
    content: "\f096 ";
    color: #E69A1C;*/
}
.synchro {
    padding-bottom: 0.3em;
}
.a2a_kit a {
    border-bottom: none;
    color: inherit;
}
.gutter {
    background-color: #F5F5F5;
    margin: .5em;
    border: 1px solid #E5E5E5;
    height: 90%;
}
.gutter h2,
.gutter p {
    margin-right: 16px!important;
    margin-left: 16px!important;
}
.listeCategories .gutter {
    background-color: transparent;
    margin: 0.5em;
}
.listeCategories .gutter h2,
.listeCategories .gutter p {
    margin-right: 0!important;
    margin-left: 0!important;
}
.listeCategories p {
    margin-top: 0;
}
.listeCategories .gutter {
    border: 0;
}
.content#pageAccueil h1,
.content#pageCategorie h1,
#carte h1 {
    background: #404040 url('../img/trametitres.png') repeat left top;
    padding: .5em;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: bold !important;
    font-size: 1.6em !important;
    color: #fff!important;
    text-align: center;
}
#pageCategorie .logo-article.right {
    float: right;
    border-left: 1em solid white;
    border-bottom: 1em solid white;
}
#pageCategorie .logo-article.left {
    float: left;
    border-right: 1em solid white;
    border-bottom: 1em solid white;
}
#pageCategorie .logo-article img {
    border: 1px solid #ddd;
}
#carte h1 {
    background-image: none;
}
.blockCategorie {
    margin-bottom: 3em;
}
.blockCategorie h2 {
    margin: 1em 0 0;
    text-align: center;
}
.blockCategorie .pure-button .fa {
    margin-left: .75em;
    font-size: 1.2em;
    color: white;
}
.blockCategorie .pure-button {
    width: 96%;
    background-color: #888;
    color: white;
    border: none;
    margin-left: .4em;
}
.preambule {
    padding: 1em 1em 1em 0;
    font-weight: 600;
    color: #777;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
blockquote {
    background-color: #E6F2D3;
    margin-left: 0;
    margin-right: 0;
    padding: .1em 1em;
    border-left: 8px solid #9BC434;
}
.portfolio,
.telecharger {
    margin: 3em 0;
    border-top: 1px solid #E69A1C;
}
/* onglets */
.zoneOnglets .tab_container {
    position: relative;
    margin-bottom: 2em;
}
.zoneOnglets input,
.zoneOnglets section {
    clear: both;
    padding-top: 10px;
    display: none;
}
.zoneOnglets label {
    background: white;
    display: block;
    float: left;
    padding: .8em 1.5em;
    color: #6796C9;
    font-family: "Roboto Condensed";
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border-right: 1px solid #ddd;
    box-shadow: 0px 5px #eee inset;
}
.zoneOnglets #tab1:checked ~ #content1,
.zoneOnglets #tab2:checked ~ #content2,
.zoneOnglets #tab3:checked ~ #content3,
.zoneOnglets #tab4:checked ~ #content4,
.zoneOnglets #tab5:checked ~ #content5 {
    display: block;
}
.zoneOnglets .tab_container .tab-content p,
.zoneOnglets .tab_container .tab-content h3 {
    -webkit-animation: fadeInScale 0.7s ease-in-out;
    -moz-animation: fadeInScale 0.7s ease-in-out;
    animation: fadeInScale 0.7s ease-in-out;
}
.zoneOnglets section {
    border-top: 1px solid #888;
}
.zoneOnglets .tab_container [id^="tab"]:checked + label,
.zoneOnglets label:hover {
    background: #404040 url("../img/trametitres.png") repeat;
    color: white;
    border-right: 1px solid #404040;
    box-shadow: 0px 5px #E69A1C inset;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.zoneOnglets label .fa {
    font-size: 1.3em;
    margin: 0 0.4em 0 0;
}
/*Media query*/
@media only screen and (max-width: 930px) {
    .zoneOnglets label span {
        font-size: 14px;
    }
    .zoneOnglets label .fa {
        font-size: 14px;
    }
}
@media only screen and (max-width: 768px) {
    .zoneOnglets label span {
        display: none;
    }
    .zoneOnglets label .fa {
        font-size: 16px;
    }
    .zoneOnglets .tab_container {
        width: 98%;
    }
}
/*Content Animation*/
@keyframes fadeInScale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
footer {
    margin: 3em 0;
    text-align: center;
    border-top: 1px solid #aaa;
}
footer ul {
    list-style: outside none none;
    margin-bottom: 1.25rem;
}
footer li {
    display: inline-block;
    margin: 0px 0.5em;
    padding-right: 1.5em;
}
footer li {
    border-right: 1px solid #aaa;
}
footer li:last-child {
    border-right: 0;
}
footer p {
    margin: 0;
}
footer a {
    text-decoration: none;
}
.overlayGA {
    background: transparent;
    position: relative;
    width: 100%;
    height: 500px;
    /* iframe height */
    top: 500px;
    /* iframe height */
    margin-top: -500px;
    /* iframe height */
}
.cover.pure-button {
    white-space: normal;
}
.cover.pure-button a {
    text-decoration: none;
}
#president .brick,
#vicepresidents .brick,
#delegues .brick,
#suppleants .brick,
#elus .brick,
#conseillers .brick,
#maire .brick,
#adjoints .brick,
#personnel .brick {
    width: 160px;
    text-align: center;
}
#president .brick img,
#vicepresidents .brick img,
#delegues .brick img,
#suppleants .brick img,
#elus .brick img,
#maire .brick img,
#adjoints .brick img,
#conseillers .brick img,
#personnel .brick img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 1px solid #eee;
    text-align: center;
}
#president .president {
    margin-left: 40%;
}
#maire .maire {
    margin-left: 40%;
}
.coverTitre,
.coverDelegCDC,
.coverDelegCommune {
    font-size: 85%;
}
.coverTitre {
    font-weight: 600;
}
.coverDelegCDC {
    line-height: 1.3em;
    color: #6796C9;
}
.filter-items {
    margin-bottom: 3em;
    text-align: center;
}
.filter-label {
    background-color: #C4DDED;
    margin-bottom: .3em;
}
.filter-label.active,
.filter-label:hover {
    background-color: #6796C9;
}
.fichesCommune .gutter {
    background-color: transparent;
    border: none;
}
.fichesCommune h2,
.fichesCommune h2.pure-button,
.fichesCommune h3 {
    background-color: #6796C9;
    margin: 0!important;
    padding: .5em;
    color: white!important;
}
.ficheRubrique h2.pure-button,
.ficheRubrique h3 {
    background-color: #6796C9;
    margin: 0!important;
    padding: .5em;
    color: white!important;
}
.fichesCommune h2.pure-button a {
    padding: .3em;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    color: white!important;
    font-size: 1.5em;
    border: none;
}
.fichesCommune ul {
    padding-left: 1em;
    list-style: none;
}
.fichesCommune .fa {
    margin-right: .5em;
}
.ficheRubrique .fa {
    margin-right: .5em;
}
.fichesCommune .pure-img {
    margin-bottom: 1em;
    border: 1px solid #ddd;
}
.fichesCommune .pure-button {
    background-color: #888;
    width: 100%;
    text-align: left;
}
.fichesCommune .pure-button a {
    color: white;
    text-decoration: none;
}
.fichesCommune .identite {
    text-align: center;
}
.fichesCommune .identite img {
    margin-bottom: 1.5em;
    border-radius: 50%;
    border: 1px solid #EEE;
}
.ficheElus a {
    text-decoration: none;
    color: #6796C9;
}
.coverDelegCommune a {
    text-decoration: none;
    color: #4B9AC9;
    font-weight: bolder;
}
.ficheCoordonnees,
.ficheOuvertures,
.ficheInformations,
.ficheElus {
    background-color: #F5F5F5;
    margin: 1em 0;
    padding: 0 0 .5em 0;
    border: 1px solid #ddd;
}
.ficheCoordonnees li:before {
    content: "";
}
.ficheInformations {
    margin: 0;
}
#afficherFormulaireCommune {
    white-space: normal;
}
/* formulaires */
#formulaireCommune {
    position: absolute;
    background-color: #eee;
    margin-bottom: -500px;
    margin-left: 10px;
    padding: 1em;
    top: 370px;
    box-shadow: 0 0 20px #000;
}
.grayscale {
    transition: ease-in-out 0.3s all;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.grayscale:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}
.services {
    list-style: none;
}
.services li:before {
    content: "";
    display: inline-block;
    width: 2.5em;
    height: 0px;
    position: relative;
    left: -3em;
    border-top: 0.25em solid #808080;
    top: 4em;
}
.services ul {
    text-indent: .5em;
    border-left: .25em solid gray;
}
.blockservice {
    background-color: #F5F5F5;
    height: 125px;
    border: solid 3px  #333;
}
.blockservice h2 {
    background-color: #333;
    color: white !important;
    margin-top: 0px;
    text-align: center;
    padding: .25em;
}
/*
 * [Stylesheet responsive accordion/tab interface element]
 *
 * Project:	CSSTest 6minutes
 * Version:	1.0
 * Last change:	03/10/15
 * Author(s):
 *	- Michael Seibt (michael@bedshaped.de)
 *
 * Table of contents
 * -----------------
 *
 * 1: Variables and utility classes (.hide, .shadow)
 * 2: Accordion functionality
 * 3: Accordion style
 */
/***************************************************************************
 *	VARIABLES AND UTILITY CLASSES
 **************************************************************************/
.hide {
    position: absolute;
    left: -9999px;
}
/***************************************************************************
 *	ACCORDION - FUNCTIONALITY
 **************************************************************************/
.accordion {
    position: relative;
    clear: both;
}
.accordion-tab input[type=radio] {
    display: none;
    position: absolute;
    left: -9999px;
}
.accordion-tab label {
    display: block;
}
.accordion-tab > input[type=radio]:checked ~ .accordion-tab-content {
    display: block;
}
.accordion-tab-content {
    display: none;
}
@media (min-width: 768px) {
    .accordion > label {
        float: left;
        display: block;
    }
    .accordion-tab > label {
        display: none;
    }
    .accordion-tab-content {
        clear: both;
    }
}
@media (max-width: 767px) {
    .accordion > label {
        display: none;
    }
}
/***************************************************************************
 *	ACCORDION - STYLE
 **************************************************************************/
.accordion label {
    padding: 1em 1.5em;
    cursor: pointer;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    transition: background-color 0.5s;
    background-color: #888;
}
.accordion label:hover {
    background-color: #959595;
}
.accordion .accordion-tab-content {
    border: 2px solid #888;
    padding: 1.5em;
    line-height: 150%;
}
@media (max-width: 767px) {
    .accordion {
        border: 1px solid white;
    }
}
@media (min-width: 768px) {
    .accordion-tab-content {
        border: 1px solid white;
    }
}
/*
 * [Stylesheet vertical tab interface element]
 *
 * Project: CSSTest 6minutes
 * Version: 1.0
 * Last change: 03/13/15
 * Author(s):
 *  - Michael Seibt (michael@bedshaped.de)
 *
 * Table of contents
 * -----------------
 *
 * 1: Variables and utility classes (.hide, .shadow)
 * 2: Tab functionality
 * 3: Tab style
 */
/***************************************************************************
 *  VARIABLES AND UTILITY CLASSES
 **************************************************************************/
.hide {
    position: absolute;
    left: -9999px;
}
/***************************************************************************
 *  TAB FUNCTIONALITY
 **************************************************************************/
.vertical-tabs input[type=radio] {
    display: none;
    position: absolute;
    left: -9999px;
}
.vertical-tabs .vertical-tabs-tabs {
    float: left;
    width: 200px;
    position: relative;
    margin-right: -200px;
}
.vertical-tabs .vertical-tabs-content {
    float: left;
    width: 200px;
    border-left: 200px solid #888;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vertical-tabs .vertical-tabs-content > div {
    display: none;
}
.vertical-tabs > .tab-1:checked ~ .vertical-tabs-content > .tab-1,
.vertical-tabs > .tab-2:checked ~ .vertical-tabs-content > .tab-2,
.vertical-tabs > .tab-3:checked ~ .vertical-tabs-content > .tab-3,
.vertical-tabs > .tab-4:checked ~ .vertical-tabs-content > .tab-4 {
    display: block;
}
/***************************************************************************
 *  TAB STYLE
 **************************************************************************/
.vertical-tabs {
    border: 2px solid #888;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}
.vertical-tabs .vertical-tabs-tabs label {
    cursor: pointer;
    display: block;
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    padding: 1em 1.5em;
    text-transform: uppercase;
    background-color: #888;
    transition: background-color 0.5s;
}
.vertical-tabs .vertical-tabs-tabs label:hover {
    background-color: #959595;
}
.vertical-tabs .vertical-tabs-content {
    padding: 1.5em;
    line-height: 150%;
}
.divImageZoom {
    /* on définit la taille du div et on empêche les débordements */
    overflow: hidden;
    /* on ajoute une ombre à notre div */
}
.divImageZoom img {
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -moz-transition: all 1s ease;
    /* Firefox */
    -o-transition: all 1s ease;
    /* IE 9 */
    -ms-transition: all 1s ease;
    /* Opera */
    transition: all 1s ease;
    max-width: 100%;
}
.divImageZoom img:hover {
    -webkit-transform: scale(1.05);
    /* Safari and Chrome */
    -moz-transform: scale(1.05);
    /* Firefox */
    -ms-transform: scale(1.05);
    /* IE 9 */
    -o-transform: scale(1.05);
    /* Opera */
    transform: scale(1.05);
}
.vertical-tabs-tabs .fa {
    margin-right: 1em;
}
blockquote button {
    margin-top: .3em;
    margin-bottom: .3em;
}
.pure-g {
    letter-spacing: 0!important;
}
@media (max-width: 1088px) {
    #main .navTransverse .pure-button {
        padding: .2em .5em;
        margin: 1px;
    }
    #main .navTransverse {
        margin-top: 161px;
    }
}
.alignright {
    float: right;
    margin-left: 1em;
}
.alignleft {
    float: left;
    margin-right: 1em;
}



/*# sourceMappingURL=paysmanslois.css.map */

.blockFiche {
    margin-top:1em;
}


#search-button {
    padding: 0 !important;
    height: 2em;
    width: 95%;
}

#carte-territoire {
    background: url(../img/cccc.png) no-repeat;
    background-size: contain;
    height: 180px;
    width: 180px;
    display: block;
    float: right;
}

.content {
    font-size: 80%;
}

.wpcf7-form-control {
    width: 90% !important;
    border: 1px solid #6796C9;
}

.pure-g {
    display: flex;
}

.menu-item a {
    font-size: .9em !important;
}

.pure-menu-item, .pure-menu-list {
    font-size: 100%;
}

a.pure-button.delib {
    border-radius: 6px;
    /* padding-inline: revert; */
    padding: 2em;
    text-align: center;
    white-space: normal;
}

.date {
    padding: 1em;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}