@import url(https://fonts.googleapis.com/css?family=Raleway:500,700,600);
@import url(https://fonts.googleapis.com/css?family=Walter+Turncoat);


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

/* .wp-caption { border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px 0;max-width:100%; }
.wp-caption-dd { font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} */
blockquote {
    font-style: italic;
}

a {
    color: #548300;
}

.introduction a {
    color: #ffffff;
}

a:hover {
    text-decoration: none;
}


body {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #2d2d2d;
}

p {
    margin-bottom: 5px;
    font-size: 14px;
}

blockquote:before {
    background: url('../images/core/quotes.png') 0 0 no-repeat;
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
}

blockquote {
    margin: 2% 0;
    text-indent: 10px;
    padding: 0 50px;
    position: relative;
}

blockquote:after {
    background: url('../images/core/quotes.png') -29px 0 no-repeat;
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0px;
}

kbd {
    padding: 3px 5px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #E2F572;
    border: none;
    background: #363636;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}

.wp-video,
.wp-video video {
    width: 100% !important;
    height: auto !important;
}

.wp-audio-shortcode {
    visibility: visible !important;
}

/* Tools */
.global-wrapper {
    overflow: hidden;
}

.bg-white {
    background: #ffffff;
}

.center {
    margin: 0 auto;
    width: 1000px;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
    /* ie 6/7 */
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.entry-content .pages.dinlblock {
    display: inline-block;
    vertical-align: top;
}

.entry-content .pages.dinlblock:nth-child(odd) {
    margin-right: 3%
}

.loader {
    background: url('../images/loading.gif') 0 0 no-repeat;
    height: 32px;
    width: 32px;
    margin-top: 2%;
}

.loader-keyword {
    background: url('../images/loading.gif') #fff right 6px center no-repeat;
    height: 32px;
    width: 32px;
}

.ui-autocomplete {
    padding: 0 !important;
}

.ui-autocomplete li {
    border: none;
    background: #FFFFFF;
    float: none !important;
}

.ui-autocomplete li a {
    color: #3b3b3b !important;
    text-transform: none;
    padding: 3px 10px !important;
    font-weight: normal;
}

.ui-autocomplete li a.ui-state-focus {
    background: #F6FBFF !important;
    color: #3b3b3b !important;
    border: none !important;
    border-radius: 0px !important;
    cursor: pointer;
}

.ui-autocomplete .ui-autocomplete-category {
    background: #33617f;
    color: #FFFFFF;
    overflow: hidden;
}

.ui-autocomplete .ui-autocomplete-category span {
    padding: 3px 5px;
    display: block;
    font-size: 14px;
}

.ui-autocomplete li a {
    font-size: 12px;
}

::-webkit-input-placeholder {
    color: #383838;
}

:-moz-placeholder {
    color: #383838;
}

::-moz-placeholder {
    color: #383838;
}

:-ms-input-placeholder {
    color: #383838;
}

/* Réseaux sociaux (Addthis) */
#primary .addthis-bloc {
    border-top: 1px solid #c7c7c7;
    margin-top: 28px;
    padding-top: 20px;
    text-align: right;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
}

#primary .addthis-bloc p {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 700;
    float: right;
}

#primary .addthis-bloc .addthis_toolbox {
    float: right;
}

#primary .addthis-bloc .addthis_toolbox a {
    margin: 0;
}

body.map-full-width header,
body.map-full-width .addthis-bloc,
body.map-full-width footer {
    display: none;
}

/*** RESEAUX SOCIAUX ***/
.partage {
    display: block;
    float: right;
    position: relative;
    top: -20px;
    margin: 0 10px;
}

.partage > div {
    float: left;
    line-height: 60px;
    margin-right: 10px;
}

.partage > ul {
    float: left;
    margin: 10px 0;
}

.liste-reseaux li {
    float: left;
    width: 40px !important;
    height: 40px !important;
    margin-right: 5px;
    margin-top: 4px !important;
    overflow: visible !important;
}

.liste-reseaux li:last-child {
    margin-right: 0
}

.liste-reseaux > li > a {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50px;
    position: relative;
    box-sizing: border-box;
    padding: 6px;
    top: 0;
    transition: all 0.5s;
}

.liste-reseaux > li > a::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    z-index: 0;
    opacity: 0;
    border-radius: 50px;
    transition: all 0.5s;
}

.edge .liste-reseaux > li > a::before,
.ie .liste-reseaux > li > a::before {
    display: none;
}

.liste-reseaux > li > a.rs-facebook::before {
    background: #3b5998;
}

.liste-reseaux > li > a.rs-twitter::before {
    background: #1da1f2;
}

.liste-reseaux > li > a.rs-mail::before {
    background: #45bf7b;
}

.liste-reseaux > li > a.rs-imprimer::before {
    background: #e75057;
}

.liste-reseaux > li > a:hover::before {
    animation: myanim 0.5s forwards;
}

@keyframes myanim {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0.8;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    100% {
        opacity: 0;
        width: 200%;
        height: 200%;
        top: -50%;
        left: -50%;
    }
}

.liste-reseaux > li > a.rs-facebook {
    background: transparent;
    border: 2px solid #3b5998;
}

.liste-reseaux > li > a.rs-twitter {
    background: transparent;
    border: 2px solid #1da1f2;
}

.liste-reseaux > li > a.rs-mail {
    background: transparent;
    border: 2px solid #45bf7b;
    padding: 10px;
}

.liste-reseaux > li > a.rs-imprimer {
    background: transparent;
    border: 2px solid #e75057;
    padding: 3px 3px;
}

.liste-reseaux > li > a.rs-facebook svg {
    fill: #3b5998;
}

.liste-reseaux > li > a.rs-twitter svg {
    fill: #1da1f2;
}

.liste-reseaux > li > a.rs-mail svg {
    fill: #45bf7b;
}

.liste-reseaux > li > a.rs-imprimer svg {
    fill: #e75057;
}

.liste-reseaux > li > a > svg {
    fill: #fff;
    transition: all 0.45s;
}

.rs-facebook svg {
    width: 23px;
    height: 24px;
}

a.rs-twitter svg {
    width: 23px;
    height: auto;
}

a.rs-mail svg {
    width: 16px;
    height: 16px;
}

a.rs-imprimer svg {
    width: 30px;
    height: 30px;
}

.liste-reseaux > li > a.rs-facebook:hover {
    background: #3b5998;
    top: -5px;
}

.liste-reseaux > li > a.rs-facebook:hover svg {
    fill: #fff;
}

.liste-reseaux > li > a.rs-twitter:hover {
    background: #1da1f2;
    top: -5px;
}

.liste-reseaux > li > a.rs-twitter:hover svg {
    fill: #fff;
}

.liste-reseaux > li > a.rs-mail:hover {
    background: #45bf7b;
    top: -5px;
}

.liste-reseaux > li > a.rs-mail:hover svg {
    fill: #fff;
}

.liste-reseaux > li > a.rs-imprimer:hover {
    background: #e75057;
    top: -5px;
}

.liste-reseaux > li > a.rs-imprimer:hover svg {
    fill: #fff;
}

.addthis-bloc p {
    color: #797f8f;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Roboto", sans-serif;
    margin: 5px 10px 0 0;
    float: right;
}

a.scroll-top {
    width: 110px;
    height: 30px;
    display: block;
    background: url('../images/FooterTop.png') no-repeat 100px center #2d2d2d;
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 10;
    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    display: none;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    padding: 0 10px;
    line-height: 30px;
}


/* Styles content page */
.entry-content {
    word-break: normal;
}

h1,
.entry-content .fond h1,
#secondary.fond h1,
.h1 {
    font-size: 28px;
    font-family: "Raleway", sans-serif;
    color: #ffffff;
    line-height: 32px;
    text-transform: uppercase;
    margin: 20px 0;
    font-weight: 700;
}

h2,
.entry-content .fond h2,
#secondary.fond h2,
.h2,
.gform_wrapper h3.gform_title,
.gform_wrapper h3.gsection_title {
    font-size: 22px;
    line-height: 24px;
    font-family: "Raleway", serif;
    color: #6fae00;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #69961a;
    font-weight: 700;
}

h3,
.entry-content .fond h3,
#secondary .fond h3,
.h3,
.gform_wrapper h2.gform_title,
.gform_wrapper h2.gsection_title {
    font-size: 18px;
    color: #ff8400;
    font-family: 'Raleway', sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

h4,
.entry-content .fond h4,
#secondary .fond h4,
.h4 {
    font-size: 18px;
    color: #6a3a6d;
    font-family: 'Raleway', serif;
    line-height: 24px;
    font-weight: 500;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    font-style: normal !important;
}

.entry-content .fond h1,
.entry-content .fond h2,
.entry-content .fond h3,
.entry-content .fond h4,
#secondary .fond h1,
#secondary .fond h2,
#secondary .fond h3,
#secondary .fond h4 {
    color: #fff;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 20px 0 10px;
}

.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child {
    margin-top: 15px;
}

.entry-content .fond,
#secondary .fond {
    padding: 10px;
    margin: 10px 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.entry-content .fond1,
#secondary .fond1 {
    background-color: #0080af;
}

.entry-content .fond2,
#secondary .fond2 {
    background-color: #69961a;
}

.entry-content .fond3,
#secondary .fond3 {
    background-color: #ff8400;
}

.entry-content .fond4,
#secondary .fond4 {
    background-color: #6a3a6d;
}

.entry-content .fond4 p,
#secondary .fond4 p,
.entry-content .fond4,
#secondary .fond4 {
    color: #fff;
}

.entry-content .border,
.secondary .border {
    padding: 10px 10px 1px 10px;
    margin: 10px 0;
    font-size: 14px;
    line-height: 22px;
}

.entry-content .border1,
#secondary .border1 {
    border-left: 15px solid #0080af;
}

.entry-content .border2,
#secondary .border2 {
    border-left: 15px solid #69961a;
}

.entry-content .border3,
#secondary .border3 {
    border-left: 15px solid #ff8400;
}

.entry-content .border4,
#secondary .border4 {
    border-left: 15px solid #6a3a6d;
}

.entry-content .alerte,
#secondary .alerte {
    padding: 10px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #e82100;
    margin: 10px 0;
    line-height: 22px;
}

.entry-content span.highlight,
#secondary span.highlight {
    background-color: #0080af;
    color: #ffffff;
}

.entry-content a {
    color: #0080af;
    text-decoration: underline;
    font-size: 14px;
}

.entry-content a:hover {
    text-decoration: none;
}

.entry-content i,
#secondary i {
    font-style: italic;
}

.entry-content p {
    padding: 0 0 1% 0;
    font-size: 14px;
    line-height: 20px;
}

.entry-content .alignleft {
    float: left;
    margin: 10px 20px 10px 0px;
}

.entry-content .aligncenter {
    display: block;
    margin: 5px auto;
}

.entry-content .alignright {
    float: right;
    margin: 10px 0px 10px 20px;
}

.entry-content ul {
    list-style: none;
    /*position:relative;*/
    padding-left: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.entry-content ul li {
    list-style-type: none;
    list-style-image: url('../images/Puce1.png');
    font-size: 14px;
    line-height: 22px;
}

.entry-content ul li ul {
    margin-bottom: 0;
}

.entry-content ul li ul li {
    list-style-type: none;
    list-style-image: url('../images/Puce2.png');
}

.entry-content ul li ul li ul li {
    list-style-type: none;
    list-style-image: url('../images/Puce3.png');
}

.entry-content ol {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    counter-reset: section;
}

.entry-content ol li:before {
    content: counters(section, ".") " ";
    counter-increment: section;
}

.entry-content ol li {
    font-size: 14px;
}

.entry-content ol li ol li {
    padding-left: 20px;
}

hr {
    border: 0;
    height: 1px;
    background-color: #e5e5df;
    border: 0;
}

.entry-content img {
    max-width: 100%;
    margin: 15px 15px 15px 0px;
    height: 100%;
}

.wp-caption img {
    margin: 0;
}

.entry-content iframe {
    max-width: 100%;
}

.entry-content p b {
    font-weight: bold;
}

.entry-content a.link-external {
    background: url('../images/lien_externe2.png') no-repeat right top 4px;
    padding-right: 15px;
}

.entry-content a.email-mailto {
    background: url('../images/enveloppe_mail2.png') no-repeat right top 6px;
    padding-right: 15px;
}

.entry-content {
    padding: 25px 44px 25px 25px;
}

.entry-content h2,
.entry-content .entry-content h3,
.entry-content .entry-content h4 {
    clear: both;
}

.entry-content #carousel li {
    background-image: none;
    padding: 0;
}

.entry-content .bg-dark-gray {
    background-color: #363636;
    padding: 10px;
    color: #FFF;
}

.entry-content .bg-green {
    background-color: #5c7d80;
    padding: 10px;
    color: #FFF;
}

.entry-content table {
    width: 100%;
}

.entry-content table td {
    border: 1px solid #363538;
    padding: 5px;
}

.entry-content .pages {
    width: 48%;
}

.entry-content .attachment {
    margin-top: 20px;
}

.entry-content .vignette-album img {
    margin: 0;
}

.entry-content .wp-caption img {
    margin: 0;
    width: 100%;
}

.entry-content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.entry-content .video-container iframe,
.entry-content .video-container object,
.entry-content .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

video {
    width: 100% !important;
    height: auto !important;
}

/* Sidebar*/
#secondary {
    width: 320px;
    float: right;
    position: relative;
    padding: 0;
    position: relative;
    margin-top: 0px;
}

#secondary .alignleft {
    float: left;
    margin: 5px 15px 5px 0px;
}

#secondary .aligncenter {
    display: block;
    margin: 5px auto;
}

#secondary .alignright {
    float: right;
    margin: 5px 0px 5px 15px;
}

#secondary h2,
#secondary h3 {
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: none;
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #969696;
}

#secondary h4 {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0 20px 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #969696;
}

#secondary p {
    font-size: 14px;
    line-height: 15px;
    padding: 0 0 5px 0;
    color: #565656;
}

#secondary a {
    text-decoration: underline;
    color: #565656;
}

#secondary a.link-external {
    background: url('../images/lien_externe.png') no-repeat right top 4px;
    padding-right: 15px;
}

#secondary a.email-mailto {
    background: url('../images/enveloppe_mail.png') no-repeat right top 6px;
    padding-right: 15px;
}

#secondary a:hover {
    text-decoration: none;
}

#secondary ul {
    list-style: none;
    position: relative;
    padding: 0 0 10px 15px;
    margin-left: 10px;
}

#secondary ul li {
    list-style-type: none;
    list-style-image: url('../images/Puce1.png');
    font-size: 14px;
    padding: 2px 0;
    line-height: 15px;
    list-style-image: url('../images/PuceContext.png');
    color: #565656;
}

#secondary ul li ul li {
    list-style-type: none;
    list-style-image: url('../images/Puce2.png');
}

#secondary ul li ul li ul li {
    list-style-type: none;
    list-style-image: url('../images/Puce3.png');
}

#secondary #carousel li {
    background-image: none;
    padding: 0;
}

#secondary ol {
    position: relative;
    counter-reset: item;
}

#secondary .bg-dark-gray {
    background-color: #363636;
    padding: 10px;
    color: #FFF;
}

#secondary .bg-green {
    background-color: #5c7d80;
    padding: 10px;
    color: #FFF;
}

#secondary table {
    width: 100%;
}

#secondary table td {
    border: 1px solid #363636;
    padding: 5px;
}

#secondary .pages {
    width: 48%;
}

#secondary .attachment {
    margin-top: 20px;
}

#secondary img {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
}

#secondary .imagealaune {
    overflow: hidden;
    padding-left: 0;
    margin-left: 0;
}

#secondary .imagealaune img {
    float: right;
    max-width: 100%;
    height: auto;
}

#secondary .bloc-context {
    margin: 0 0 10px 0;
    padding: 25px 20px 15px 20px;
    background: #e5e5df;
}

#secondary .bloc-context.actualitelie {
    background: #0080af;
    padding: 25px 0 0;
}

#secondary .bloc-context.actualitelie h3 {
    color: #ffffff;
    margin-left: 20px;
}

#secondary .bloc-context.evenementlie {
    background: #ff8400;
    ;
    padding: 25px 0 0;
}

#secondary .bloc-context.evenementlie h3 {
    color: #ffffff;
    margin: 0 0 0 20px;
}

#secondary .bloc-context.imagealaune {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.entry-content a.link-external {
    padding-right: 15px;
    background: none;
}

.entry-content a.email-mailto {
    padding-right: 15px;
    background: none;
}

.entry-content a.link-external svg,
.entry-content a.email-mailto svg {
    fill: #0080af;
    margin-left: 5px;
    width: 17px;
    height: 9px;
}

#secondary a.link-external,
#secondary a.email-mailto {
    background: none;
}

#secondary a.link-external svg,
#secondary a.email-mailto svg {
    fill: #ffffff;
    margin-left: 5px;
    width: 17px;
    height: 9px;
}

#secondary .ensavoirplu div b {
    font-weight: bold;
}

#secondary .actualitelie .relation-actualites {
    padding: 0;
    overflow: hidden;
    margin: 0 !important;
    transition: all 0.3s ease-in-out;
    position: relative;
    height: 165px;
}

#secondary .actualitelie .relation-actualites ul {
    overflow: hidden;
    padding: 0 !important;
    margin: 0;
    height: 165px;
}

#secondary .actualitelie .relation-actualites ul li {
    float: left;
    position: relative;
    list-style-image: none !important;
    width: 280px;
    height: 165px;
    margin-right: 22px;
    padding: 0 20px;
}

#secondary .actualitelie .relation-actualites ul li .titre-actualite {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 0px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}

#secondary .actualitelie .relation-actualites ul li img {
    float: left;
    margin: 0 10px;
}

#secondary .actualitelie .relation-actualites ul li div.introduction-actu {
    float: left;
    width: 144px;
    margin-top: 6px;
    font-size: 12px;
}

#secondary .actualitelie .relation-actualites ul li div.introduction-actu p {
    font-size: 14px;
    font-weight: normal;
}

#secondary .actualitelie .relation-actualites:hover .nav-actualitelie {
    position: absolute;
    top: 47px;
    width: 100%;
    left: 0;
}

#secondary .actualitelie .relation-actualites:hover .nav-actualitelie span.prev-actualitelie,
#secondary .actualitelie .relation-actualites:hover .nav-actualitelie span.next-actualitelie {
    cursor: pointer;
    display: block;
    height: 28px;
    width: 28px;
    background: url('../images/fleches-slider-single.png') no-repeat;
}

#secondary .actualitelie .relation-actualites:hover .nav-actualitelie span.prev-actualitelie {
    background-position: left top;
    float: left;
}

#secondary .actualitelie .relation-actualites:hover .nav-actualitelie span.next-actualitelie {
    background-position: right top;
    float: right;
}

#secondary .actualitelie .relation-actualites ul li a.voir-fiche {
    display: block;
    text-align: center;
    line-height: 27px;
    text-decoration: none;
    font-size: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 320px;
    height: 30px;
    background-color: #004051;
    transition: .2s;
    color: #ffffff;
    font-weight: 700;
}

#secondary .context-liste-categories-actualites {
    background: none;
    border-top: none;
    padding: 15px 20px
}

#secondary .context-liste-categories-actualites span {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
}

#secondary .context-liste-categories-actualites ul {
    margin-top: 10px;
}

#secondary .context-liste-categories-actualites ul li {
    list-style-image: url("../images/PuceContext2.png");
}

#secondary .context-liste-categories-actualites ul li a {
    font-size: 14px;
    color: #ffffff;
}

#secondary .context-liste-categories-agenda {
    background-color: #FF8400;
    border-top: 10px solid #FF8400;
    padding: 0 20px 10px;
}

#secondary .context-liste-categories-agenda span {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
}

#secondary .context-liste-categories-agenda ul {
    margin-top: 10px;
}

#secondary .context-liste-categories-agenda ul li {
    list-style-image: url("../images/PuceContext2.png");
}

#secondary .context-liste-categories-agenda ul li a {
    font-size: 14px;
    color: #ffffff;
}

#secondary .relations-agenda-v2 {
    padding: 10px 0;
}

#secondary .relations-agenda-v2 .nav-agenda {
    width: 320px;
}

#secondary .relations-agenda-v2:hover .nav-agenda {
    top: 51px;
}

#secondary .relations-agenda-v2:hover .nav-agenda {
    position: absolute;
}

#secondary .relations-agenda-v2:hover .nav-agenda span.prev-agenda,
.relations-agenda-v2:hover .nav-agenda span.next-agenda {
    cursor: pointer;
    display: block;
    height: 28px;
    width: 28px;
    background: transparent url("../images/sprite-agenda.png") no-repeat scroll 0% 0%;
}

#secondary .relations-agenda-v2 ul li {
    background: none;
    width: 280px;
    padding: 15px 20px !important;
    height: 140px;
}

#secondary .relations-agenda-v2 ul li .categorie-date span.phrase {
    display: none;
}

#secondary .relations-agenda-v2 ul li .categorie-date {
    border-right: none;
    background: #2d2d2d;
    width: 105px;
    height: 107px;
    box-sizing: border-box;
    padding: 10px;
}

#secondary .relations-agenda-v2 ul li .categorie-date span.date-agenda {
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 0;
}

#secondary .relations-agenda-v2 ul li .categorie-date span.mois {
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}

#secondary .relations-agenda-v2 ul li .titre-agenda {
    color: #2d2d2d;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}

#secondary .evenementlie .relations-agenda-v2 ul li a.voir-fiche {
    display: block;
    text-align: center;
    line-height: 27px;
    text-decoration: none;
    font-size: 10px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 320px;
    height: 30px;
    background-color: #2d2d2d;
    transition: .2s;
    color: #ffffff !important;
    font-weight: 700 !important;
}

#secondary .evenementlie .relations-agenda-v2 ul li a:hover.voir-fiche {
    text-decoration: none !important;
}



/* HEADER */
header .top-header {
    height: 140px;
    padding: 0 0 50px 0;
    position: relative;
}

header .top-header:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: url('../images/HeaderBg.jpg') no-repeat right bottom;
    z-index: -1;
    right: -45px;
}

header .top-header .identite {
    float: left;
    height: 83px;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap:20px;
}

header .top-header .identite-top {
display:flex;
}

header .top-header .identite a {
    text-decoration: none;
    display: block;
    height: 83px;
}

header .top-header .identite h1 {
    display:none;
}

header .top-header .tools li {
    float: left;
    display: inline-block;
    margin: 7px 17px 0 0;
    vertical-align: bottom;
}

header .top-header .tools li a {
    display: block;
    width: 15px;
}

header .top-header .tools li a svg {
    fill: #979797;
    display: block;
    height: 15px;
    width: auto;
    transition: .2s;
}

header .top-header .tools li:nth-child(4) a svg {
    height: 12px;
    margin-top: 2px;
}

header .top-header .tools li a:hover svg {
    fill: #0080af;
}

header .top-header .tools li.accessibilite a svg {
    height: 17px;
}

header .top-header .tagline {
    color: #0080af;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 4px;
    display: block;
}

header .top-header .search {
    float: right;
    display: block;
    width: 320px;
    height: 40px;
    margin-top: 95px;
}

header .top-header .search input {
    width: 280px;
    height: 40px;
    display: inline-block;
    border: none;
    background: #e5e5df;
    margin: 0 -6px 0 0;
    padding: 0 20px;
    box-sizing: border-box;
    vertical-align: top;
    font-style: italic;
    color: #2d2d2d;
    font-size: 14px;
}

header .top-header .search button {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #0080af;
    text-indent: -9999px;
    cursor: pointer;
    vertical-align: top;
}

header .top-header .search button span {
    background: url('../images/ic-search.svg') no-repeat center center;
    display: block;
    height: 20px;
    width: 20px;
    transition: .2s;
}

header .top-header .search button:hover span {
    height: 22px;
    width: 22px;
}


/* MENU */
header .toggleMenu {
    display: none;
}

header .menu-wrapper {
    background: #e5e5df;
    position: relative;
    z-index: 9999;
}

header .menu-wrapper:after {
    content: '';
    position: absolute;
    width: 1000px;
    height: 100%;
    left: -1000px;
    top: 0;
    background: #e5e5df;
    display: block;
}

header .menu-wrapper:before {
    content: '';
    position: absolute;
    width: 1000px;
    height: 100%;
    right: -1000px;
    top: 0;
    background: #e5e5df;
    display: block;
}

header .main-menu {
    display: block;
    z-index: 9;
    position: relative;
}

header .main-menu li {
    float: left;
    cursor: pointer;
    display: block;
}

header .main-menu > li {
    padding: 0;
}

header .main-menu > li span {
    position: relative;
    border-right: 1px solid #ffffff;
}

header .main-menu > li:first-child span {
    border-left: 1px solid #ffffff;
}

header .main-menu > li span:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    top: 0;
    left: 0;
}

header .main-menu > li:nth-child(1) span:after,
header .main-menu > li:nth-child(1):hover span {
    background: #14a752;
}

header .main-menu > li:nth-child(2) span:after,
header .main-menu > li:nth-child(2):hover span {
    background: #ff8400;
}

header .main-menu > li:nth-child(3) span:after,
header .main-menu > li:nth-child(3):hover span {
    background: #6a3a6d;
}

header .main-menu > li:nth-child(4) span:after,
header .main-menu > li:nth-child(4):hover span {
    background: #dc4186;
}

header .main-menu > li:nth-child(5) span:after,
header .main-menu > li:nth-child(5):hover span {
    background: #0080af;
}

header .main-menu > li:nth-child(6) span:after,
header .main-menu > li:nth-child(6):hover span {
    background: #ff4800;
}

header .main-menu > li:nth-child(7) span:after,
header .main-menu > li:nth-child(7):hover span {
    background: #8bcd17;
}

header .main-menu > li:nth-child(1) .sub-menu {
    border-top: 4px solid #14a752;
}

header .main-menu > li:nth-child(2) .sub-menu {
    border-top: 4px solid #ff8400;
}

header .main-menu > li:nth-child(3) .sub-menu {
    border-top: 4px solid #6a3a6d;
}

header .main-menu > li:nth-child(4) .sub-menu {
    border-top: 4px solid #dc4186;
}

header .main-menu > li:nth-child(5) .sub-menu {
    border-top: 4px solid #0080af;
}

header .main-menu > li:nth-child(6) .sub-menu {
    border-top: 4px solid #ff4800;
}

header .main-menu > li:nth-child(7) .sub-menu {
    border-top: 4px solid #8bcd17;
}

header .main-menu > li > a,
.main-menu > li > span {
    display: table-cell;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    color: #2d2d2d;
    padding: 0 9px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    height: 70px;
    line-height: 16px;
    vertical-align: middle;
    width: 122px;
}

header .main-menu > li:hover > a,
header .main-menu > li:hover > span {
    color: #ffffff;
}

/*----------------------- */
header .main-menu li:hover .sub-menu {
    display: block;
}

header .sub-menu {
    display: none;
    left: 0;
    padding: 25px 20px 15px;
    z-index: 999;
    margin: 0;
    position: absolute;
    top: 70px;
    width: 960px;
    background: #ffffff;
}

header .sub-menu ul.bloc-menu-left,
header .sub-menu ul.bloc-menu-middle,
header .sub-menu ul.bloc-menu-right {
    width: 305px;
    overflow: hidden;
    float: left;
    padding-top: 3px;
}

header .sub-menu ul.bloc-menu-left,
header .sub-menu ul.bloc-menu-middle {
    margin-right: 20px;
}

header .sub-menu ul.bloc-menu-left li:first-child,
header .sub-menu ul.bloc-menu-middle li:first-child,
header .sub-menu ul.bloc-menu-right li:first-child {}

header .sub-menu > ul > li {
    width: 100%;
    position: relative;
}

.main-menu li .sub-menu ul > li > a,
.main-menu li .sub-menu ul > li > span {
    font-family: 'Raleway', sans-serif;
    display: block;
    padding: 3px 0 3px 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    width: auto;
    position: relative;
    color: #2d2d2d;
    font-weight: 700;
    line-height: 26px;
    border-bottom: 1px solid;
}

.main-menu li .sub-menu ul > li:first-child > a,
.main-menu li .sub-menu ul > li:first-child > span {
    border-top: 1px solid;
}

.main-menu li:nth-child(1) .sub-menu ul > li > a,
.main-menu li:nth-child(1) .sub-menu ul > li > span {
    border-color: #14a752;
}

.main-menu li:nth-child(2) .sub-menu ul > li > a,
.main-menu li:nth-child(2) .sub-menu ul > li > span {
    border-color: #ff8400;
}

.main-menu li:nth-child(3) .sub-menu ul > li > a,
.main-menu li:nth-child(3) .sub-menu ul > li > span {
    border-color: #6a3a6d;
}

.main-menu li:nth-child(4) .sub-menu ul > li > a,
.main-menu li:nth-child(4) .sub-menu ul > li > span {
    border-color: #dc4186;
}

.main-menu li:nth-child(5) .sub-menu ul > li > a,
.main-menu li:nth-child(5) .sub-menu ul > li > span {
    border-color: #0080af;
}

.main-menu li:nth-child(6) .sub-menu ul > li > a,
.main-menu li:nth-child(6) .sub-menu ul > li > span {
    border-color: #ff4800;
}

.main-menu li:nth-child(7) .sub-menu ul > li > a,
.main-menu li:nth-child(7) .sub-menu ul > li > span {
    border-color: #8bcd17;
}

header .sub-menu > ul > li.children-2 {
    background: none;
}

header .sub-menu ul > li.children-2 > a,
.main-menu .sub-menu ul > li.children-2 > span {
    font-family: 'Roboto', arial, helvetica, sans-serif;
    padding-left: 20px;
    text-transform: none;
    font-weight: 400;
}

header .sub-menu ul li:hover a,
header .sub-menu ul li:hover span {
    background: #2d2d2d;
    color: #ffffff;
}

header .sub-menu ul > li > .sub-menu {
    display: block;
    position: relative;
    padding: 0;
    width: inherit;
    top: 0;
    overflow: hidden;
}

header .overlay-menu {
    display: none;
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

/* Main */
.wrapper-content {
    margin: 30px 0 0 0;
}

#google-map {
    width: 100%;
    height: 250px;
}

/* Front page */
.front-page .top-front {
    background: #2d2d2d;
    padding: 30px 0;
    position: relative;
}

.front-page .top-front:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1000px;
    background: #2d2d2d;
    left: -1000px;
    top: 0;
}

.front-page .top-front:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1000px;
    background: #2d2d2d;
    right: -1000px;
    top: 0;
}

.front-page .top-front .bandeau-publication {
    position: relative;
    width: 650px;
    float: left;
    height: 350px;
    overflow: hidden;
}

.front-page .bandeau-publication .image-slider.default {
    cursor: default;
}

.front-page .top-front .bandeau-publication .image-slider {
    display: block;
    width: 650px;
    height: 350px;
    background-size: cover;
    background-position: center center;
    position: relative;
    float: left;
}

.front-page .top-front .bandeau-publication a.prev,
.bandeau-publication a.next {
    background: url('../images/HomeDiapoFleches.png');
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    bottom: 0;
    text-indent: -9999px;
    box-sizing: border-box;
    padding: 0px;
    z-index: 1;
    opacity: 0;
    transition: .25s;
}

.front-page .top-front .bandeau-publication:hover a.prev,
.bandeau-publication:hover a.next {
    opacity: 1;
}

.front-page .top-front .bandeau-publication a.prev {
    float: left;
    left: 0;
}

.front-page .top-front .bandeau-publication a.next {
    float: right;
    background-position: right top;
    right: 0;
}

.acces-rapides {
    float: right;
    width: 320px;
}

.acces-rapides h2 {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    margin: 0px 0 14px;
    padding: 0;
    border-bottom: none;
    font-weight: 500;
    background: none;
    line-height: 24px;
    color: #69961a;
}

.home .acces-rapides h2 {
    margin: 10px 0 24px;
}

.acces-rapides li a {
    text-decoration: none;
    color: #ffffff;
    display: block;
    height: 48px;
}

.acces-rapides li a:after {
    content: '';
    display: table;
    clear: both;
}

.acces-rapides li a .picto {
    background: #568313;
    width: 64px;
    height: 48px;
    float: left;
    border-top: 1px solid #47730e;
    display: block;
    position: relative;
}

.acces-rapides li:first-of-type a .picto {
    border: none;
}

.acces-rapides li a .texte {
    background: #69961a;
    width: 226px;
    padding: 0 15px;
    float: right;
    border-top: 1px solid #568313;
    position: relative;
    overflow: hidden;
    height: 48px;
    display: block;
}

.acces-rapides li:first-of-type a .texte {
    border: none;
    position: relative;
}

.acces-rapides li a .texte span {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 48px;
    position: relative;
    z-index: 2;
}

.acces-rapides li a .texte:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #568313;
    left: -256px;
    transition: .2s;
    z-index: 1;
}

.acces-rapides li a:hover .texte:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #568313;
    left: 0px;
}

.acces-rapides li a svg {
    fill: #ffffff;
    display: block;
    width: 27px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -12px;
}

.acces-rapides li.un-clic-menus a svg {
    width: 22px;
    margin-top: -16px;
    margin-left: -11px;
}

.front-page .bottom-front .derniers-actualites {
    float: left;
    width: 650px;
    position: relative;
}

.front-page .bottom-front .derniers-actualites h2 {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    margin: 0px 0 20px;
    padding: 0;
    border-bottom: none;
    font-weight: 500;
    background: none;
    line-height: 24px;
    color: #0080af;
    float: left;
}

.front-page .bottom-front .derniers-actualites .nav-actus {
    float: right;
    margin: 1px 10px 0 0;
}

.front-page .bottom-front .derniers-actualites .nav-actus .prev,
.front-page .bottom-front .derniers-actualites .nav-actus .next {
    display: inline-block;
    width: 15px;
    height: 23px;
    background: url('../images/HomeModulesFleches.png') no-repeat;
    text-indent: -9999px;
}

.front-page .bottom-front .derniers-actualites .nav-actus .prev {
    background-position: left top;
    margin: 0 50px 0 0;
}

.front-page .bottom-front .derniers-actualites .nav-actus .prev:hover {
    background-position: left bottom;
}

.front-page .bottom-front .derniers-actualites .nav-actus .next {
    background-position: right top;
}

.front-page .bottom-front .derniers-actualites .nav-actus .next:hover {
    background-position: right bottom;
}

.front-page .bottom-front .wrapper-actualite-slider {
    width: 660px;
    margin: 40px 0 0 0;
}

.front-page .bottom-front .bloc-actu-clic {
    float: left;
    display: block;
    width: 320px !important;
    height: 380px;
    padding: 0;
    text-decoration: none;
    color: #ffffff;
    background: #0080af;
    position: relative;
    margin-right: 10px;
}

.front-page .bottom-front .bloc-actu-clic .image-actualite {
    width: 320px;
    height: 175px;
    position: relative;
    overflow: hidden;
}

.front-page .bottom-front .bloc-actu-clic .image-actualite img {
    position: absolute;
    left: 50%;
    top: 49%;
    min-width: 320px;
    min-height: 175px;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.front-page .bottom-front .bloc-actu-clic .description-actualite {
    padding: 15px 20px;
}

.front-page .bottom-front .bloc-actu-clic .description-actualite .titre {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 15px;
    display: block;
}

.front-page .bottom-front .bloc-actu-clic .description-actualite .contenu {
    font-size: 15px;
    line-height: 20px;
}

.front-page .bottom-front .bloc-actu-clic .more {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #004051;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    transition: .2s;
}

.front-page .bottom-front .bloc-actu-clic:hover .more {
    background: #2d2d2d;
}

.front-page .bottom-front .derniers-actualites .voir-toutes-les-actus {}

.front-page .bottom-front .derniers-actualites .liens-actus {
    float: right;
    position: relative;
    top: 10px;
}

.front-page .bottom-front .derniers-actualites .liens-actus a {
    text-decoration: none;
    color: #0080af;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 12px;
    margin-top: 0px;
    display: block;
    text-align: right;
    line-height: 17px;
}

.front-page .bottom-front .derniers-evenements {
    width: 320px;
    float: right;
    margin: 40px 0 0 0;
}

.front-page .bottom-front .derniers-evenements > h2 {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 32px;
    margin: 0px 0 20px;
    padding: 0;
    border-bottom: none;
    font-weight: 500;
    background: none;
    line-height: 24px;
    color: #ff8400;
    float: left;
}

.front-page .bottom-front .derniers-evenements .evenement-agenda {
    display: inline;
    float: left;
}

.front-page .bottom-front .derniers-evenements .evenement-agenda .bloc-evenement-clic {
    display: block;
    width: 320px;
    height: 380px;
    background: #ff8400;
    text-decoration: none;
    position: relative;
}

.front-page .bottom-front .derniers-evenements .evenement-agenda .bloc-evenement-clic .image-a-la-une-agenda {
    width: 320px;
    height: 175px;
    position: relative;
    overflow: hidden;
}

.front-page .bottom-front .derniers-evenements .evenement-agenda .bloc-evenement-clic .image-a-la-une-agenda img {
    position: absolute;
    left: 50%;
    top: 49%;
    min-width: 320px;
    min-height: 175px;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.front-page .bottom-front .derniers-evenements .all-agenda a {
    text-decoration: none;
    color: #ff8400;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 12px;
    float: right;
    margin-top: 10px;
}

.front-page .bottom-front .bloc-evenement-clic .en-savoir-plus {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #2d2d2d;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    color: #ffffff;
    transition: .3s;
}

.front-page .bottom-front .bloc-evenement-clic:hover .en-savoir-plus {
    background: #e5e5df;
    color: #2d2d2d;
}

.front-page .bottom-front .bloc-evenement-clic .evenement-detail {
    padding: 15px 20px;
}

.front-page .bottom-front .bloc-evenement-clic .agenda-home-defaut {
    display: block;
    width: 320px;
    height: 175px;
}

.front-page .bottom-front .bloc-evenement-clic .evenement-detail h2 {
    color: #2e2e2e;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
    border-bottom: none;
}

.front-page .bottom-front .bloc-evenement-clic .evenement-detail .jour-nombre-semaine {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #ffffff;
}

.front-page .bottom-front .bloc-evenement-clic .evenement-detail .mois-lettre {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: 10px;
}

.front-page .bottom-front .derniers-evenements .nav-agenda {
    float: right;
    margin: 1px 0px 0 0;
}

.front-page .bottom-front .derniers-evenements .nav-agenda .agenda-prev,
.front-page .bottom-front .derniers-evenements .nav-agenda .agenda-next {
    display: inline-block;
    width: 15px;
    height: 22px;
    background: url('../images/HomeModulesFleches.png') no-repeat;
    text-indent: -9999px;
}

.front-page .bottom-front .derniers-evenements .nav-agenda .agenda-prev {
    background-position: left -23px;
    margin: 0 50px 0 0;
}

.front-page .bottom-front .derniers-evenements .nav-agenda .agenda-prev:hover {
    background-position: left bottom;
}

.front-page .bottom-front .derniers-evenements .nav-agenda .agenda-next {
    background-position: right -23px;
}

.front-page .bottom-front .derniers-evenements .nav-agenda .agenda-next:hover {
    background-position: right bottom;
}

.front-page .bottom-front .derniers-evenements .liens-agenda {
    float: right;
    position: relative;
    top: 10px;
}

.front-page .bottom-front .derniers-evenements .liens-agenda a {
    text-decoration: none;
    color: #ff8400;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 12px;
    margin-top: 0px;
    display: block;
    text-align: right;
    line-height: 17px;
}

/* Page */
#primary .entry-content {
    padding: 0px 0px 25px 0px;
}

.header-page {
    background: #0080af;
    min-height: 330px;
    width: 650px;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    display: inline-block;
}

.header-page .introduction p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
}

.header-page .imagealaune-publication {
    overflow: hidden;
    width: 340px;
    height: 330px;
    margin: 0 20px 0 0;
    float: left;
}

.header-page .imagealaune-publication img {
    min-width: 340px;
    height: auto;
    margin-bottom: 15px;
    min-height: 330px;
    width: auto;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.top-page {
    background: #2d2d2d;
    position: relative;
    padding: 0 0 30px 0;
}

.top-page:before {
    content: '';
    background: #2d2d2d;
    height: 100%;
    width: 1000px;
    position: absolute;
    left: -1000px;
    top: 0;
}

.top-page:after {
    content: '';
    background: #2d2d2d;
    height: 100%;
    width: 1000px;
    position: absolute;
    right: -1000px;
    top: 0;
}

.header-page .entry-title,
.header-page .introduction {
    margin-left: 20px;
}

.header-page .texte-intro .entry-title,
.header-page .texte-intro .introduction {
    margin-left: 0px;
}

.texte-intro {
    float: right;
    width: 270px;
    word-wrap: break-word;
}


/*Fil d'ariane*/
.wrapper-breadcrumb {
    padding: 12px 0;
    display: inline-block;
    width: 100%;
}

.wrapper-breadcrumb #breadcrumbs .vous-etes-ici,
.wrapper-breadcrumb #breadcrumbs div + div {
    display: inline-block;
}

.wrapper-breadcrumb #breadcrumbs .vous-etes-ici {
    font-size: 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

.wrapper-breadcrumb #breadcrumbs div + div span,
.wrapper-breadcrumb #breadcrumbs div + div a {
    margin: 0 4px;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
}

.wrapper-breadcrumb #breadcrumbs div + div span.sep {
    color: #ffffff;
    font-size: 10px;
}


.borderImg {
    position: relative;
}

.borderImg:before,
.borderImg:after,
.borderImg2:before,
.borderImg2:after {
    content: "";
    position: absolute;
    opacity: 0.5;
    background: #FFFFFF;
}

.borderImg:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
}

.borderImg:after {
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 25px;
}

.borderImg2:before {
    top: 25px;
    bottom: 29px;
    left: 0;
    width: 25px;
}

.borderImg2:after {
    top: 25px;
    bottom: 29px;
    right: 0;
    width: 25px;
}

#primary .google-map-access {
    width: 100%;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 25px;
}

#primary.affichage-savoir-plus .google-map-access {
    width: 650px;
    clear: both;
}

#primary #google-map-publication {
    margin-top: 10px;
}

/* Sidebar */
#primary {
    width: 100%;
    position: relative;
    margin-top: 0px;
}

#primary article {
    position: relative;
}

#primary.affichage-savoir-plus {
    width: 650px;
    float: left;
    margin-top: 0px;
}

#primary.affichage-savoir-plus,
#primary.contextualites-on,
.size-with-contextualites,
.size-template-filtre {
    width: 650px;
    float: left;
}

/* Affichage liste */
.single-affichage_liste .form-affichages-listes form #liste-types > div {
    height: 25px;
}

.single-affichage_liste .form-affichages-listes form #liste-types .wrapper-checkbox {
    height: 20px;
}

.single-affichage_liste .form-affichages-listes form #liste-types label {
    margin-top: 7px;
}

.single-affichage_liste .form-affichages-listes form #liste-types {
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5df;
}

#formGestionRessources .reinitialiser-form,
#formActualites .reinitialiser-form,
#formAgenda .reinitialiser-form,
#formGestionRessources .reinitialiser-form,
#formAffichagesListes .reinitialiser-form {
    width: 278px;
    color: #2d2d2d;
    background: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    border: 1px solid #2d2d2d;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    box-sizing: border-box;
}

#formAffichagesListes .reinitialiser-form:hover,
#formActualites .reinitialiser-form:hover,
#formAgenda .reinitialiser-form:hover,
#formGestionRessources .reinitialiser-form:hover {
    color: #ffffff;
    background: #0080AF;
    border: 1px solid #0080AF;
}

#formAffichagesListes input.valider-form,
#formActualites input.valider-form,
#formGestionRessources input.valider-form,
#formAgenda input.valider-form {
    width: 280px;
    background: #2d2d2d;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    border: none;
    margin-top: 20px;
    height: 40px;
    margin-bottom: 10px;
    font-weight: 500;
}

#formAffichagesListes input.valider-form:hover,
#formActualites input.valider-form:hover,
#formAgenda input.valider-form:hover,
#formGestionRessources input.valider-form:hover {
    border: none;
    background: #0080AF;
    color: #ffffff;
}

#formAffichagesListes label {
    color: #2d2d2d;
    display: inline-block;
}

#formAffichagesListes .wrapper-checkbox {
    display: inline-block;
}

#secondary.affichage_liste_sidebar .imagealaune {
    display: none;
}

body.single-affichage_liste #secondary {
    border-bottom: none;
}

body.single-affichage_liste .top-publication.has-post-thumbnail {
    overflow: hidden;
}

body.single-affichage_liste .top-publication.has-post-thumbnail .imagealaune {
    float: right;
    margin-top: -31px;
}

body.single-affichage_liste #secondary {
    margin-top: 0 !important;
    padding-bottom: 10px;
}

.single-affichage_liste .panel-affichages-listes .display-listes a,
.single-affichage_liste .panel-affichages-listes .display-listes p {
    text-transform: uppercase;
}

.single-affichage_liste .panel-affichages-listes .display-affichages-listes,
.single-affichage_liste .form-affichages-listes {
    background-color: transparent;
}

.single-affichage_liste .panel-affichages-listes .display-listes p {
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    width: 175px;
    margin-left: 0px;
    color: #2d2d2d !important;
    font-weight: 500;
}

.wrapper-secondary {
    float: right;
    position: relative;
    margin-top: 0px;
    width: 320px;
}

.single-affichage_liste .panel-affichages-listes {
    width: 320px;
    margin: 0px;
    background: none;
    padding: 0 20px 20px;
    box-sizing: border-box;
    border-bottom: none;
}

.single-affichage_liste .acces-rapide-resultats h2 {
    font-family: 'Raleway', serif;
    color: #2d2d2d;
    margin: 0;
    font-size: 18px;
    padding-left: 20px;
    line-height: 40px;
    padding-bottom: 7px;
    font-weight: 500 !important;
    text-transform: uppercase;
    background: none;
}

.single-affichage_liste .acces-rapide-resultats h2,
.single-affichage_liste .acces-rapide-resultats a,
.single-affichage_liste .panel-affichages-listes .display-listes p,
.single-affichage_liste .form-affichages-listes > p:first-child,
.single-affichage_liste .form-affichages-listes form {
    font-weight: normal;
}

.single-affichage_liste .acces-rapide-resultats .volet {
    color: #2d2d2d;
    border-bottom: 1px solid #2d2d2d;
    top: 24px;
}

.single-affichage_liste .acces-rapide-resultats .wrapper-liste-acces-rapide {
    border-top: none;
    background-color: #2d2d2d;
    padding: 0 10px;
}

.single-affichage_liste .form-affichages-listes {
    padding: 10px 0;
    width: 280px;
    background-color: transparent;
}

.single-affichage_liste .form-affichages-listes > p:first-child {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
}

.affichage-liste .liste-publication li {
    margin: 0 20px 20px 0;
    );
    width: 315px;
    background: #e5e5df;
}

.affichage-liste .liste-publication li:nth-child(even) {
    margin-right: 0;
}

.affichage-liste .liste-publication li .img {
    width: 315px;
    height: 175px;
}

.affichage-liste .liste-publication li .no-img {
    width: 315px;
    height: 175px;
}

.affichage-liste .liste-publication.minime li .no-img {
    width: 150px;
}

.affichage-liste .liste-publication li .no-img.post,
.affichage-liste .liste-publication.minime li .no-img.post {
    background: #0080af url('../images/post-type-post.png') center center no-repeat;
}

.affichage-liste .liste-publication li .no-img.page,
.affichage-liste .liste-publication.minime li .no-img.page {
    background: #0080af url('../images/post-type-page.png') center center no-repeat;
}

.affichage-liste .liste-publication li .no-img.affichage_liste,
.affichage-liste .liste-publication.minime li .no-img.affichage_liste {
    background: #0080af url('../images/post-type-affichage_liste.png') center center no-repeat;
}

.affichage-liste .liste-publication li .no-img.contacts,
.affichage-liste .liste-publication.minime li .no-img.contacts {
    background: #0080af url('../images/post-type-contacts.png') center center no-repeat;
}

.affichage-liste .liste-publication li .no-img.agenda,
.affichage-liste .liste-publication.minime li .no-img.agenda {
    background: #0080af url('../images/post-type-agenda.png') center center no-repeat;
}

.affichage-liste .liste-publication li .arrow,
.affichage-liste .liste-publication.minime li .arrow {
    background-color: #2d2d2d;
    font-weight: 500;
    line-height: 31px;
}

.affichage-liste .liste-publication li:hover .arrow,
.affichage-liste .liste-publication.minime li:hover .arrow {
    background-color: #0080af;
}

.affichage-liste .liste-publication.minime li .infos h2 {
    border: none;
    padding-bottom: 0;
}

.affichage-liste .liste-publication li .infos h2,
.affichage-liste .liste-publication.minime li .infos h2 {
    background: none;
    padding: 0;
    margin: 15px 0 0;
    color: #2d2d2d;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.affichage-liste .liste-publication li .infos h2 a,
.affichage-liste .liste-publication.minime li .infos h2 a {
    font-size: 16px;
    color: #2d2d2d;
    font-family: 'Raleway', sans-serif;
    margin: 20px 0px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
}

.affichage-savoir-plus .affichage-liste .liste-publication.minime li .infos {
    width: 425px;
    height: 150px;
}

.affichage-liste .liste-publication li .img img {
    margin: 0;
    height: auto;
    width: 345px;
}

.affichage-liste .liste-publication li .infos .introduction {
    color: #2d2d2d;
    line-height: 16px;
}

.affichage-liste .liste-publication li .arrow {
    width: 315px;
}

.single-affichage_liste .panel-affichages-listes .display-listes {
    padding: 20px 20px 10px 0;
    width: 300px;
    background-color: transparent;
    box-sizing: border-box;
}

.single-affichage_liste .panel-affichages-listes .display-listes a.minime {
    background: url('../images/sprite-affichages-listes.png') 0 0 no-repeat;
    margin-left: 4px;
}

.single-affichage_liste .panel-affichages-listes .display-listes a:hover.minime,
.single-affichage_liste .panel-affichages-listes .display-listes a.minime.active {
    background-position: 0 -34px;
}

.single-affichage_liste .panel-affichages-listes .display-listes a.simple {
    background: url('../images/sprite-affichages-listes.png') -50px 0 no-repeat;
    margin-left: 6px;
}

.single-affichage_liste .panel-affichages-listes .display-listes a:hover.simple,
.single-affichage_liste .panel-affichages-listes .display-listes a.simple.active {
    background-position: -50px -34px;
    margin-left: 6px;
}

.affichage-liste .liste-publication li .arrow .loupe {
    background: url('../images/sprite-affichages-listes.png') 0px -70px no-repeat;
}

.single-affichage_liste .acces-rapide-resultats {
    padding: 10px 0 0px;
    z-index: 1;
    margin-top: 0px;
    background: #e5e5df;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

.single-affichage_liste .acces-rapide-resultats .volet span {
    background: url('../images/sprite-affichages-listes.png') 0px -84px no-repeat;
}

.single-affichage_liste .acces-rapide-resultats .volet.ouvert span {
    background-position: -10px -84px;
}

.affichage-savoir-plus .affichage-liste .liste-publication li .infos {
    width: 285px;
    padding: 10px 15px;
    height: 100px;
    background: #e5e5df;
    transition: .2s
}

.affichage-savoir-plus .affichage-liste .liste-publication li:hover .infos {
    height: 253px;
}

.affichage-savoir-plus .affichage-liste .liste-publication.minime li:hover .infos {
    height: 150px;
}

.single-affichage_liste .panel-affichages-listes .display-listes p,
.single-affichage_liste .form-affichages-listes > p:first-child,
.single-affichage_liste .form-affichages-listes form #liste-types label,
.single-affichage_liste .form-affichages-listes form p.keywords label {
    color: #2d2d2d;
}

.single-affichage_liste .form-affichages-listes form p.keywords label {
    font-weight: 400;
    font-size: 14px;
    margin-top: 15px;
}

.single-affichage_liste .form-affichages-listes form p.keywords input {
    height: 30px;
    margin-top: 10px;
    width: 280px;
    border: none;
    box-sizing: border-box;
    border: 1px solid #e5e5df;
}

.affichage-liste .liste-publication.minime li {
    width: 650px;
}

.single-affichage_liste .acces-rapide-resultats a {
    font-size: 14px;
}

/* Navigation par profils */
body.single-navigation_profils .wrapper-primary-secondary {
    background-color: #ebebeb;
}

.page-contact-detail .content-contact {
    box-shadow: none;
    background: #ffffff;
    padding: 0;
}

.page-contact-detail .label {
    width: 170px !important;
}

/* PAGE CONTACT */
.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
    font-weight: normal !important;
}

.page-contact img {
    height: inherit;
}

.page-contact .gform_wrapper {
    overflow: hidden;
    clear: both;
}

.page-contact .gform_wrapper h3.gform_title {
    padding: 0;
}

.page-contact form .validation_error {
    color: #8E2121;
    margin-bottom: 10px;
    font-weight: bold;
}

.page-contact form .validation_message {
    color: #8E2121;
    font-weight: bold;
}

.page-contact form {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.page-contact form ul {
    padding-left: 0px;
    margin: 0px;
}

.page-contact form li.gfield {
    list-style: none;
    margin-bottom: 10px;
}

.page-contact form .gfield_label,
.page-contact form .gfield_required {
    color: #363538;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    text-transform: uppercase;
}

.page-contact form .gfield_label {
    background: url('../images/Puce1.png') no-repeat left 6px;
    padding-left: 15px;
    font-size: 16px;
}

.page-contact form .ginput_container {
    margin-top: 10px;
}

.page-contact form input,
.page-contact form textarea {
    height: 24px;
    padding: 5px !important;
    width: 519px;
    font-size: 14px;
    color: #1b1b1b !important;
    font-family: arial, Helvetica, sans-serif;
    font-weight: normal;
    border: 0;
    background-color: #ffffff !important;
}

.page-contact form textarea {
    height: 85px;
    color: #3c3c3b;
    font-size: 14px;
    font-weight: normal;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
}

.page-contact form #recaptcha_widget_div {
    width: 530px;
}

.page-contact form .captcha {
    position: absolute;
    top: 0px;
    right: 0px;
}

.page-contact form .captcha .validation_message {
    width: 300px;
    position: absolute;
    top: 158px;
}

.page-contact form .gform_footer .button {
    transition: all 0.3s ease-in-out;
    background: #4c4c4c !important;
    color: #fff !important;
    font-size: 14px !important;
    border: none;
    padding: 5px 5px;
    cursor: pointer;
    bottom: 6px;
    right: 0;
    height: 35px;
    width: 100px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.page-contact form .gform_footer .button:hover {
    background: #6fae00 !important;
    border: 1px solid #6fae00;
    color: #ffffff !important;
}

.gform_wrapper .top_label .gfield_label {
    font-weight: 500 !important;
    font-family: "Roboto", sans-serif;
    color: #2d2d2d;
}

.plan {
    margin-top: 30px;
}

.infos.infobulle {
    width: 280px !important;
}

.infobulle {
    color: #2d2d2d !important;
}

.infobulle .logo-scot {
    margin: 10px 15px 0 0 !important;
}

.infobulle .address {
    margin-top: 5px !important;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
    border: 1px solid #e3e3e3;
}


/* Actu détail + Page liste articles */
.category .top-publication .entry-title {
    margin-bottom: 0;
    margin-left: 10px;
    line-height: 40px;
}

.liste-actus .articles-content .entry-content {
    padding: 0 !important
}

.page-articles {
    width: 650px;
    overflow: hidden;
    padding: 0;
    float: left;
}

.page-articles .liste-actus .post {
    position: relative;
    height: 170px;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
    background: #e5e5df;
}

.page-articles .liste-actus .post:last-child {
    margin-bottom: 0;
}

.page-articles .liste-actus .post .img-actu {
    float: left;
    margin: 0;
    display: block;
    background-color: #0080AF;
    ;
    width: 235px;
    overflow: hidden;
    height: 170px;
    position: relative;
}

.page-articles .liste-actus .post .img-actu img {
    width: auto;
    height: auto;
    min-width: 235px;
    min-height: 170px;
    max-width: 235px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.page-articles .liste-actus .post .articles-content {
    float: left;
    width: 385px;
    padding: 10px 15px;
}

.page-articles .liste-actus .post .articles-content header.entry-header {
    background: none;
    height: inherit;
    border-top: none;
    position: relative;
    padding-top: 0;
    margin-bottom: 0px;
}

.page-articles .liste-actus .post .articles-content .entry-content a {
    color: #262626;
}

.page-articles .liste-actus .post .entry-content {
    line-height: 15px;
    margin: 5px 0 0 0;
    padding: 0;
    background-color: inherit;
}

.page-articles .liste-actus .post .entry-content a {
    text-decoration: none;
}

.page-articles .liste-actus .post .entry-content p {
    color: #2d2d2d;
    font-size: 14px;
    line-height: 16px;
}

.page-articles .liste-actus .post .entry-content a:hover {
    text-decoration: underline;
}

.page-articles .liste-actus .post .title a {
    font-size: 16px;
    color: #2d2d2d;
    font-family: "Raleway", sans-serif;
    margin: 10px 0px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
}

.page-articles .liste-actus .post .entry-footer {
    overflow: hidden;
    position: absolute;
    bottom: 3px;
    left: 250px;
}

.page-articles .liste-actus .post .cats-actus,
.date,
a.more {
    float: left;
    margin-right: 15px;
    font-size: 13px;
}

.page-articles .liste-actus .post .cats-actus {
    padding-left: 20px;
    background: url('../images/sprite-actus.png') -33px 4px no-repeat;
}

.page-articles .liste-actus .post .cats-actus a {
    text-decoration: none;
    color: #969696;
}

.page-articles .liste-actus .post .cats-actus a:hover {
    text-decoration: underline;
}

.page-articles .liste-actus .post .date {
    color: #969696;
    padding-left: 20px;
    padding: 0 0 0 18px;
    background: url('../images/sprite-actus.png') 0 -16px no-repeat;
}

.page-articles .liste-actus .post a.more {
    color: #969696;
    text-decoration: none;
    margin-left: 15px;
    padding-left: 20px;
    background: url('../images/sprite-actus.png') 0 -37px no-repeat;
}

.page-articles .liste-actus .post a.more:hover {
    text-decoration: underline;
}

.page-articles .liste-actus .post.minime {
    height: 65px;
    border-bottom: 1px solid #ffffff;
    margin: 0;
    padding: 20px 15px 20px 30px;
}

.page-articles .liste-actus .post.minime:last-child {
    border: none;
}

.page-articles .liste-actus .post.minime .arrow {
    position: absolute;
    top: 35px;
    left: 0px;
    background: url('../images/sprite-actus.png') 0 -211px no-repeat;
    width: 17px;
    height: 42px;
}

.page-articles .liste-actus .post.minime:hover .arrow {
    background-position: 0 -255px
}

.page-articles .liste-actus .post.minime .articles-content {
    float: none;
    padding: 0;
    width: auto;
}

.page-articles .liste-actus .post.minime .entry-footer {
    left: 28px;
}

.post-template-template-actualites-php #primary .top-publication .chapeau,
.post-template-template-agenda-php #primary .top-publication .chapeau,
.post-template-template-plan-interactif-php #primary .top-publication .chapeau,
.archive #primary .top-publication .chapeau,
.error404 #primary .top-publication .chapeau,
.post-template-template-contact-php #primary .top-publication .chapeau,
.search #primary .top-publication .chapeau,
.post-template-template-pagesysteme-php #primary .top-publication .chapeau,
.post-template-template-sitemap-php #primary .top-publication .chapeau,
.single-albums #primary .top-publication .chapeau {
    margin-top: 20px;
}

.form-actualites {
    padding: 10px 20px 20px;
    position: relative;
    width: 320px;
    float: none;
    background-color: transparent;
    box-sizing: border-box;
}

.form-actualites p {
    margin-bottom: 10px;
}

.form-actualites p:first-child {
    color: #2d2d2d;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.form-actualites form {
    overflow: hidden;
}

.form-actualites form > p {
    float: left;
    margin-right: 0px;
}

.form-actualites form p.keywords {
    width: 248px;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 30px;
}

.form-actualites form {
    color: #9f7b64;
    font-weight: bold;
    display: block;
}

.form-actualites form select {
    border: none;
    height: 30px;
    text-transform: none;
    width: 280px;
    border: 1px solid #e5e5df;
    background: #ffffff;
}

.form-actualites form label {
    font-size: 14px;
    font-weight: 500;
    color: #2d2d2d;
    text-transform: uppercase;
}

.form-actualites form input {
    width: 280px;
    height: 30px;
    padding: 0 3px;
    margin-top: 10px;
    border: 1px solid #e5e5df;
    box-sizing: border-box;
}

.form-actualites #liste-types {
    border-bottom: 1px solid #e5e5df;
    padding-bottom: 30px;
}

.form-actualites form p:first-child input {
    display: inline-block;
    width: 15px;
    border: none;
    height: 15px;
    margin: 0 5px 0 0;
    padding: 0px;
}

.form-actualites form p:first-child label {
    display: inline-block;
    vertical-align: top;
}

.form-actualites #formActualites .keywords input.loader {
    background: #FFFFFF url(images/loading.gif) center right no-repeat;
    margin: 0 0 0 5px;
}

.form-actualites #formActualites .no-results {
    margin: 0 0 0 70px;
    display: none;
}

.wrapper-panel {
    background: #ffffff;
    width: 320px;
    border: 1px solid #e5e5df;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.panel-actualites {
    width: 300px;
    float: none;
    font-size: 12px;
    margin: 0px 0px 30px;
    background: #ffffff;
}

.panel-actualites .display-actualites {
    margin-top: 0px;
    overflow: hidden;
    padding: 20px 20px 10px;
    width: 320px;
    float: none;
    background-color: transparent;
    box-sizing: border-box;
}

.panel-actualites .display-listes {
    padding: 0px;
    width: 300px;
    background-color: #ffffff;
}

.panel-actualites .display-listes a,
.panel-actualites .display-listes p {
    display: block;
    float: left;
    margin: 0 0 0 23px;
    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
}

.panel-actualites .display-listes p {
    font-size: 24px;
    line-height: 30px;
    font-family: "Raleway", sans-serif;
    width: 180px;
    text-transform: uppercase;
    margin-left: 0px;
    color: #2d2d2d;
}

.panel-actualites .display-listes .minime {
    cursor: pointer;
    background: url('../images/sprite-actus.png') 0px -172px no-repeat;
    height: 34px;
    width: 49px;
    margin-left: 6px;
}

.panel-actualites .display-listes .minime:hover,
.panel-actualites .display-listes .minime.active {
    background-position: 0 -137px;
}

.panel-actualites .display-listes .simple {
    cursor: pointer;
    background: url('../images/sprite-actus.png') 0 -102px no-repeat;
    height: 34px;
    width: 42px;
    margin-left: 4px;
}

.panel-actualites .display-listes .simple:hover,
.panel-actualites .display-listes .simple.active {
    background-position: 0px -67px;
}

.panel-actualites .propose-actualite {
    width: 280px;
    margin: 20px 0 0 20px;
    padding-bottom: 20px;
}

.panel-actualites .propose-actualite a span {
    margin-right: 9px;
}

.panel-actualites .propose-actualite a span svg {
    fill: #2d2d2d;
}

.panel-actualites .propose-actualite a {
    background-color: #e5e5df;
    font-size: 14px;
    padding: 10px 10px 10px 30px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    color: #2d2d2d;
}

.panel-actualites .propose-actualite a br {
    display: none;
}

.panel-actualites .propose-actualite a:hover {
    background-color: #2d2d2d;
    color: #e5e5df;
}

.panel-actualites .propose-actualite a:hover span svg {
    fill: #e5e5df;
}

.page-actu-detail .date-cat {
    overflow: hidden;
    margin: 0;
    background: #ffffff;
    padding: 0 0 0 0px;
}

.page-actu-detail .date-cat .cats-actus,
.date {
    font-size: 13px;
    margin: 0;
    padding: 10px 10px 10px 0;
}

.page-actu-detail .date-cat .cats-actus {
    padding-bottom: 0px;
    float: left;
    padding-top: 9px;
    color: #6fae00;
}

.page-actu-detail .date-cat .cats-actus a {
    text-decoration: underline;
    color: #969696;
    background: url('../images/sprite-actus.png') no-repeat left top;
    background-position: -34px 0px;
    padding-left: 24px;
}

.page-actu-detail .date-cat .cats-actus a:hover {
    text-decoration: none;
}

.page-actu-detail .date-cat .date {
    color: #969696;
    background: url('../images/sprite-actus.png') no-repeat left top;
    background-position: 10px -18px;
    padding: 0 0 0 34px;
    height: 17px;
    margin: 10px 10px 10px 0;
    line-height: 19px;
}

.page-actu-detail .img-actu {
    float: left;
    display: block;
    margin: 0 15px 15px 0;
}

.page-actu-detail .liste-categories {
    float: right;
}

.page-actu-detail .liste-categories > p {
    margin-right: 5px;
    font-size: 18px;
    color: #363538;
}

.page-actu-detail .liste-categories > p,
.page-actu-detail .liste-categories > ul {
    float: left;
}

.page-actu-detail .liste-categories > ul.post-categories li {
    float: left;
    margin-right: 5px;
}

.page-actu-detail .liste-categories > ul.post-categories li a {
    color: #363538;
    font-weight: bold;
    text-decoration: underline;
}

.page-actu-detail .liste-categories > ul.post-categories li a:hover {
    text-decoration: none;
}

.page-actu-detail .google-map-access {
    width: 600px;
    padding: 25px;
    margin-top: 10px;
}



.relations-actualites {
    transition: all 0.3s ease-in-out;
    margin: 0 !important;
    padding: 0 10px 10px 10px !important;
    overflow: hidden;
    position: relative;
}

.relations-actualites ul {
    padding: 10px 0 !important;
    margin: 0 !important;
}

.relations-actualites ul li {
    margin-right: 20px;
    width: 241px;
    float: left;
    list-style-image: none !important;
    box-shadow: 0px 0px 10px 0px #656565;
    padding: 10px;
}

.relations-actualites .titre-actu {
    font-family: 'Arvo', serif;
    font-size: 20px;
    color: #363636;
    margin: 0px 0 20px 0;
}

.relations-actualites .voir-fiche {
    color: #FFFFFF !important;
    background-color: #363636;
    width: 100%;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none !important;
    margin-top: 4px;
}

.relations-actualites .voir-fiche:hover {
    text-decoration: underline !important;
}


.relations-actualites:hover .nav-actualites {
    width: 261px;
}

.relations-actualites:hover span {
    cursor: pointer;
    display: block;
    height: 28px;
    width: 28px;
    background: url('../images/sprite-display-annuaire.png') 0 0 no-repeat;
}

.relations-actualites:hover .prev-actu {
    position: absolute;
    top: 32%;
    background-position: 0px -221px;
    left: 7px;
}

.relations-actualites:hover .next-actu {
    position: absolute;
    top: 32%;
    background-position: -30px -221px;
    right: 7px;
}


#credits-creasit-container {
    text-align: center;
}

#credits-creasit {
    width: 450px;
    margin: 10px auto;
    padding-bottom: 20px;
    background: #ffffff;
    border: 1px solid #887F7C;
    color: #887F7C;
}

#credits-creasit * {
    font-family: "Trebuchet MS", verdana, arial, sans-serif;
    font-size: 11px;
    color: #887F7C;
    letter-spacing: 1px;
}

#credits-creasit-container .presentation-creasit {
    margin-top: 20px;
}

#credits-creasit-container p {
    margin: 5px 0;
    padding: 0 15px;
    text-align: justify;
}

#credits-creasit-container .gamme-creasit {
    margin: 0 15px;
    margin-top: 20px;
    text-align: left;
}

#credits-creasit-container a {
    color: #887F7C;
    font-weight: bold;
    outline: 0;
}

#credits-creasit-container img {
    border: 0;
}

a.edition {
    margin-top: 0px;
}


#tertiary {
    float: left;
    margin-right: 30px;
    margin-top: 20px;
}

#tertiary.affichage-savoir-plus {
    width: 610px;
}

#tertiary .entry-content section.item-affichage-liste {
    width: 270px;
    display: block;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    min-height: 150px;
}

#tertiary.affichage-savoir-plus .entry-content section.item-affichage-liste {
    width: 270px;
    height: 150px;
}

#tertiary .entry-content section.item-affichage-liste a {
    display: block;
    overflow: hidden;
}

#tertiary .entry-content section.item-affichage-liste a:hover {}

#tertiary .entry-content section.item-affichage-liste a img {
    float: left;
    padding: 0 10px 10px 0px;
}

#tertiary .entry-content section.item-affichage-liste a h4 {
    float: left;
    width: 205px;
}

#tertiary .entry-content section.item-affichage-liste a p.introduction-affichage {
    float: left
}

#tertiary .entry-content section.item-affichage-liste a p.resume {}

.entry-content ul.show-page-child {
    margin-top: 15px;
    margin-left: 0;
}


/* Liste des pages privées */
.liste-page-privee ul li {
    background-color: #363636;
    padding: 1%;
    margin-bottom: 15px;
    overflow: hidden;
}

.liste-page-privee ul li .titre {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    float: left;
}

.liste-page-privee ul li a {
    transition: all 0.3s ease-in-out;
    float: right;
    padding: 5px 10px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #227a87;
}

.liste-page-privee ul li a:hover {
    color: #363636;
    background-color: #FFFFFF;
}

.postpass input[type="password"] {
    padding: 3px 10px;
}

.postpass input[type="submit"] {
    padding: 5px 10px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #227a87;
    border: none;
    cursor: pointer;
}


/* PAGE 404 */
.page404 {
    text-align: center;
    padding-top: 380px;
    background: url('../images/core/404Bg.png') center 0 no-repeat;
    height: 295px;
    margin-top: 32px;
}

.page404 .erreur {
    font-size: 22px;
    width: 540px;
    margin: 0px auto 10px auto;
    line-height: 35px;
}

.page404 .return-home {
    font-size: 16px;
    color: #0E979F;
    text-transform: uppercase;
    margin: 20px 0;
    display: block;
}

.page404 a:hover.return-home {
    text-decoration: none;
}

.page404 .orSreach {
    font-size: 14px;
    color: #0E979F;
}

.page404 #searchform {
    float: none;
    position: relative;
    margin: 25px auto;
    width: 305px;
}

.page404 #searchform .rechercher {
    border: 1px solid #363538;
    background-color: #ffffff;
    color: #363538;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    padding: 7px 0 7px 8px;
    width: 263px;
    float: left;
    outline: none;
}

.page404 #searchform #searchsubmit {
    background: #363538;
    height: 32px;
    width: 32px;
    float: left;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
}

.page404 #searchform #searchsubmit span {
    color: #ffffff;
}

.page404 #searchform #searchsubmit:hover {
    background: #363538
}

/* SEARCH */
.content-post-search h3 strong {
    font-weight: 500 !important;
}

.content-post-search h3 {
    color: #353535;
}

span.hightlight {
    background-color: rgb(255, 255, 0);
    font-weight: bold;
}

.search .content-post-search h4 {
    margin: 10px 0 5px 0;
}

.search .content-post-search h4 a {
    color: #4a96ba;
    text-decoration: none;
}

.search .content-post-search h4 a:hover {
    text-decoration: underline;
}

.search .content-post-excerpt {
    font-size: 16px;
}

.search .content-post-excerpt a {
    color: #0080AF;
}

.search .pagination {
    height: 36px;
    margin: 40px auto 0;
}

.pagination {
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-top: 40px;
}

.pagination span {
    float: left;
    display: block;
    padding: 5px 10px;
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
    background-color: #2d2d2d;
}

.pagination a {
    transition: all 0.2s ease-in-out;
    display: block;
    margin-left: 10px;
    text-decoration: none;
    text-align: center;
    background-color: #2d2d2d;
    padding: 5px 10px;
    color: #fff;
    float: left;
    border: 1px solid transparent;
}

.pagination a:hover,
.pagination span.current {
    background-color: #0080AF;
    color: #ffffff;
    border: 1px solid #0080AF;
}

.pagination a.page-next {
    position: absolute;
    right: 0px;
    top: 0px;
}

.pagination a.page-prev {
    position: absolute;
    left: 0px;
    top: 0px;
}

.pagination a.retour-actu {
    display: inline-block;
    max-width: inherit;
    background: #0080AF;
}

.pagination a.retour-actu:hover {
    display: inline-block;
    max-width: inherit;
    background: #0080AF;
}

.pagination .prev {
    margin-left: 0px;
}

.pagination span.dots {
    background-color: #fff;
    color: #616161;
}

/* ALBUMS */

.page-header-albums h1 {
    margin: 0;
}

article.page-albums .liste-album {
    padding: 0;
    padding-top: 20px;
}

.liste-album .item-album p {
    color: #ffffff;
    border-color: #4c4c4c;
    background-color: #4c4c4c !important;
}

.liste-album .item-album:hover p {
    color: #ffffff;
    background: #6fae00 !important;
    border-color: #6fae00;
}

.page-header-albums h1 {
    margin: 0;
}

article.page-albums .liste-album {
    padding: 10px 0;
}

.liste-album .item-album {
    background-color: #262626 !important;
}

.liste-album .item-album div {
    height: 300px;
}

.liste-album .item-album .image-album-empty {
    width: 50%;
    height: 50%;
    display: inline-block;
}

.liste-album .item-album img {
    margin-bottom: 0 !important;
}

.liste-album .item-album p {
    border: 1px solid #262626;
    color: #262626;
}

.liste-album .item-album:hover p {
    background-color: #262626 !important;
    color: #fff;
}

#primary .vignettes-album a .format-document {
    color: #262626
}

#primary .vignettes-album a .format-document span svg {
    fill: #262626
}

#primary .vignettes-album a .apercus .img-al {
    background-color: #262626;
}

#primary .vignettes-album a .apercus svg {
    fill: #FFF;
}

#primary .vignettes-album:hover a .apercus svg path {
    fill: #dcdcdc
}



.single-albums .entry-content ul li {
    list-style-image: none;
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
    margin-bottom: 20px;
    margin: 0 10px 10px 0;
}



/* PAGE ATTACHMENT */
.page-attachment .attachment {
    margin-top: 0;
}

.page-attachment .attachment img {
    margin-top: 0;
}


/* PLAN INTERACTIF */
.wrapper-infobubble ul li a.voir-fiche {
    background-color: #363636;
    color: #fff;
    padding: 7px;
    cursor: pointer;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    margin-right: 25px;
    text-decoration: none;
    text-align: center
}

.wrapper-infobubble ul li a.voir-fiche:hover {
    background-color: #4F4E4E;
}

.post-template-template-plan-interactif-php #primary .google-map,
.tax-plans_interactifs_taxonomy #primary .google-map {
    margin-top: 20px;
}

.post-template-template-plan-interactif-php #primary .google-map #canvas-google-maps,
.tax-plans_interactifs_taxonomy #primary .google-map #canvas-google-maps {
    height: 560px;
    position: relative;
}

.panel-plan-interactif {
    position: relative;
}

.display-map-full {
    margin-top: 0px;
}

.display-map-full a.off span {
    background-position: left top;
    transition: .2s;
    background: transparent url("../images/sprite-display-annuaire.png") no-repeat scroll -84px -145px;
}

.display-map-full a.off:hover span {
    background-position: left top;
    transition: .2s;
    background: transparent url("../images/sprite-display-annuaire.png") no-repeat scroll -61px -145px;
}

.display-map-full a.on span {
    background-position: left top;
    transition: .2s;
    background: transparent url("../images/sprite-display-annuaire.png") no-repeat scroll -84px -175px;
}

.display-map-full a.on:hover span {
    background-position: left top;
    transition: .2s;
    background: transparent url("../images/sprite-display-annuaire.png") no-repeat scroll -61px -175px;
}

.categorie-googlemap h5 {
    padding: 0px 20px !important;
}

.categorie-googlemap h5 {
    color: #ffffff;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input {
    height: 30px;
}

.post-template-template-plan-interactif-php .google-map,
.tax-plans_interactifs_taxonomy .google-map {
    margin-top: 20px;
}

.post-template-template-plan-interactif-php .google-map,
.tax-plans_interactifs_taxonomy .google-map {
    box-shadow: 0px 0px;
    margin-bottom: 20px;
    width: 660px;
    float: left;
    background: #C7DBDD;
    margin-top: 0;
    position: relative;
}

.post-template-template-plan-interactif-php .panel-plan-interactif,
.tax-plans_interactifs_taxonomy .panel-plan-interactif {
    width: 320px;
    float: right;
    background: #ffffff;
    box-sizing: border-box;
    border: 1px solid #e5e5df;
    margin: 20px 0 0 0;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .display-map-full,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .display-map-full {
    width: 320px;
    float: none;
    margin-left: 0px;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .display-map-full a,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .display-map-full a {
    background-color: #e5e5df;
    color: #2d2d2d;
    font-size: 24px;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    padding: 20px 0;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .display-map-full a:hover,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .display-map-full a:hover {
    background-color: #2d2d2d;
    color: #e5e5df;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif {
    overflow: hidden;
    width: 320px;
    float: none;
    margin-left: 0px;
    padding-bottom: 0px;
}

.panel-plan-interactif .form-plan-interactif form#formPlanInteractif {
    padding: 0 20px;
}

.form-plan-interactif #formPlanInteractif {
    background: transparent;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif p,
.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif label,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif p,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif label {
    color: #2d2d2d !important;
    font-size: 14px;
    font-weight: 400;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input,
.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .rechercheadresse-googlemap input,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .rechercheadresse-googlemap input {
    width: 230px;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse {
    width: 280px;
    margin-top: 0;
    background-color: transparent;
    padding: 5px 0;
    float: none;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .keywords input {
    float: left;
    width: 268px;
    margin-top: 10px;
    border: 1px solid #e5e5df;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .rechercheadresse-googlemap input,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .filtre-mot-cle-adresse .rechercheadresse-googlemap input {
    float: left;
    height: 30px;
    width: 268px;
    margin-top: 10px;
    border: 1px solid #e5e5df;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .categorie-googlemap,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .categorie-googlemap {
    width: 320px;
    float: left;
    margin-left: -20px;
    margin-bottom: 0;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .categorie-googlemap h5,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .categorie-googlemap h5 {
    background-color: #2d2d2d;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -ms-transition: background-color 0.25s ease-in-out;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .categorie-googlemap h5:hover,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .categorie-googlemap h5:hover {
    background-color: #0080AF;
}

.post-template-template-plan-interactif-php .categorie-googlemap,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .categorie-googlemap {
    background-color: #04666F;
}

.post-template-template-plan-interactif-php .filtre-mot-cle-adresse .rechercheadresse-googlemap,
.tax-plans_interactifs_taxonomy .filtre-mot-cle-adresse .rechercheadresse-googlemap {
    margin-top: 11px
}

.post-template-template-plan-interactif-php .categorie-googlemap .categorie-children label,
.tax-plans_interactifs_taxonomy .categorie-googlemap .categorie-children label {
    color: #fff !important;
}

.gm-style-iw .wrapper-info-bulle h2 {
    background-color: transparent;
    padding-left: 0;
    background: none;
}

.post-template-template-plan-interactif-php .filtre-mot-cle-adresse .rechercheadresse-googlemap,
.post-template-template-plan-interactif-php .panel-plan-interactif .form-plan-interactif .categorie-label,
.tax-plans_interactifs_taxonomy .filtre-mot-cle-adresse .rechercheadresse-googlemap,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .form-plan-interactif .categorie-label {
    margin-top: 70px;
    padding-top: 20px;
    border-top: 1px solid #e5e5df;
}

.categorie-googlemap .categorie-children {
    background: #6E7F86;
}

/*Météo*/
.post-template-template-meteo-php #secondary h2 {
    font-weight: 500;
    font-size: 18px;
    background: none;
    border-bottom: none !important;
    color: #969696 !important;
    text-transform: none !important;
    margin-bottom: 0 !important;
    text-transform: lowercase !important;
}

.post-template-template-meteo-php #secondary h2:first-letter {
    text-transform: uppercase;
}

.post-template-template-meteo-php #secondary ul {
    margin-top: 0 !important;
}

.post-template-template-meteo-php #secondary h2:after {
    display: none !important;
}


/*AGENDA*/
#primary .agenda-evenement {
    padding: 0;
    width: 650px;
    margin-top: 5px;
}

.agenda-evenement .listes li {
    margin: 1px 0 20px 0px;
    width: 650px;
    background: #e5e5df;
    transition: .2s;
}

.agenda-evenement .listes li:hover {
    background: #ffffff;
}

.agenda-evenement .listes li .information-evenement {
    width: 310px;
    background: none;
    padding: 15px;
    box-sizing: border-box;
    height: 158px;
    border-top: 1px solid #e5e5df;
    border-bottom: 1px solid #e5e5df;
}

.agenda-evenement .listes li .categorie-date {
    width: 130px;
    height: 158px;
}

.agenda-evenement .listes li .information-evenement p {
    font-size: 14px;
    line-height: 16px;
    color: #1b1b1b;
}

.agenda-evenement .listes li .information-evenement a.modifie {
    bottom: 20px;
    right: 20px;
}

/* Panel agenda "affichage" - ne pas modifier */
.flux-rss-agenda {
    background: #e5e5df;
    transition: .25s;
    margin: 20px 0 0;
    float: left;
    width: 230px;
    font-weight: 500;
    width: 280px;
    padding: 5px 20px;
    font-family: 'Raleway', sans-serif;
}

.flux-rss-agenda p {
    padding-left: 54px;
    background-position: 10px top;
    font-size: 11px;
    color: #2d2d2d;
    background: url('../images/sprite-agenda.png') no-repeat 0 -178px;
}

.flux-rss-agenda:hover p {
    background: url('../images/sprite-agenda.png') no-repeat -18px -178px;
    color: #e5e5df;
}

.flux-rss-agenda:hover {
    background: #2d2d2d;
}

.panel-agenda {
    float: none;
    margin-left: 0;
    width: 320px;
}

.panel-agenda .display-agenda {
    width: 320px;
    background: transparent;
    padding: 20px 20px 10px 20px;
    margin-bottom: 0;
    box-sizing: border-box;
    height: auto;
}

.panel-agenda .form-agenda {
    margin: 0px 0px 10px;
    background: transparent;
    padding: 10px 20px 20px;
}

.panel-agenda .form-agenda #liste-villes-agenda {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5df;
}

.panel-agenda .form-agenda input {
    height: 30px;
    border: 1px solid #e5e5df;
    width: 270px;
}

.panel-agenda .form-agenda form select {
    height: 30px;
    border: 1px solid #e5e5df;
    text-transform: none;
}

.panel-agenda .form-agenda form label {
    font-size: 14px;
    color: #2d2d2d;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
}

.panel-agenda .form-agenda form > p {
    color: #2d2d2d;
    text-transform: uppercase;
    font-weight: 400;
}

.panel-agenda .form-agenda p:first-child {
    font-size: 14px;
    color: #2d2d2d;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.panel-agenda .form-agenda p.keywords {
    padding-bottom: 30px;
    margin-top: 10px;
    border-bottom: 1px solid #e5e5df;
    margin-bottom: 25px;
}

.panel-agenda .display-agenda p {
    font-size: 24px;
    font-family: "Raleway", sans-serif;
    width: 170px;
    text-transform: uppercase;
    margin-left: 0px;
    color: #2d2d2d;
    font-weight: 500;
}

.panel-agenda .display-agenda a.liste {
    background: url('../images/sprite-agenda.png') no-repeat -51px -0px;
    cursor: pointer;
    height: 34px;
    width: 49px;
    margin-left: 4px;
}

.panel-agenda .display-agenda a:hover.liste,
.panel-agenda .display-agenda a.liste.active {
    background: url('../images/sprite-agenda.png') no-repeat -51px -34px;
    margin-left: 4px;
}

.panel-agenda .display-agenda a.calendrier {
    background: url('../images/sprite-agenda.png') no-repeat 0 0px;
    cursor: pointer;
    height: 34px;
    width: 49px;
    margin-left: 6px;
}

.panel-agenda .display-agenda a:hover.calendrier,
.panel-agenda .display-agenda a.calendrier.active {
    background: url('../images/sprite-agenda.png') no-repeat 0 -34px;
    margin-left: 6px;
}

.panel-agenda .form-agenda form .periode label {
    display: block;
    background: transparent;
    padding: 0 10px;
    line-height: 31px;
    margin-right: -4px;
}

.form-agenda form p.periode input {
    width: 223px;
    margin-left: 0px;
    display: inline-block;
}

.div-prop-manif a.propose-manifestation {
    background: #e5e5df;
    padding: 10px;
    line-height: 26px;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    color: #2d2d2d;
    margin-bottom: 20px;
}

.div-prop-manif a.propose-manifestation br {
    display: none;
}

.div-prop-manif a.propose-manifestation svg {
    fill: #2d2d2d;
    transition: .2s;
}

.div-prop-manif a.propose-manifestation:hover svg {
    fill: #e5e5df;
}

.div-prop-manif a.propose-manifestation:hover {
    color: #ffffff;
    background: #2d2d2d;
}

.div-prop-manif a.propose-manifestation span {
    transition: .2s;
    margin-top: 0px;
}

.div-prop-manif a.propose-manifestation:hover span {
    background-position: left top;
}

.flux-rss-agenda span {
    background: transparent url("../images/sprite-agenda.png") no-repeat scroll left -214px;
}

a.flux-rss-agenda:hover span {
    background: transparent url("../images/sprite-agenda.png") no-repeat scroll 0px -244px;
}

.agenda-evenement .listes li .fiche {
    background: #2d2d2d;
    color: #ffffff;
    font-weight: normal;
    line-height: 22px;
    border-left: none;
    width: 99px;
}

.agenda-evenement .listes li a.fiche:hover {
    background-color: #0080AF;
    color: #ffffff;
}

.agenda-evenement .listes li a.fiche .loupe {
    background: transparent url("../images/sprite-agenda.png") no-repeat scroll 0px -143px;
    transition: all 0.2s ease-in-out 0s;
}

.agenda-evenement .listes li a.fiche:hover .loupe {
    background: transparent url("../images/sprite-agenda.png") no-repeat scroll 0px -143px;
}

.page-agenda-detail .content-agenda {
    padding: 0;
}

#primary.affichage-savoir-plus .page-agenda-detail .info {
    width: 388px;
}

.page-agenda-detail .site-contact a.nous-contactez {
    border: 1px solid #12272F;
    color: #12272F;
}

.return-list {
    text-decoration: none !important;
    color: #FFF !important;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    background: #2d2d2d;
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    transition: .2s;
    margin-top: 0px;
}

#secondary a.return-list .return-arrow-left svg {
    fill: #ffffff;
    width: 20px;
    height: 13px;
}

.page-agenda-detail #agendaForm li button {
    background: #2d2d2d;
    transition: .2s;
    border: 1px solid #2d2d2d;
}

.page-agenda-detail #agendaForm li button:hover {
    background: #0080AF;
    border: 1px solid #0080AF;
}

.page-agenda-detail .site-contact a {
    font-weight: 500;
}

#secondary .return-list:hover {
    background: #0080AF;
    color: #ffffff;
}

#secondary .return-list span {
    margin-right: 10px;
}

.secondary-agenda a.return-list:hover {
    color: #ffffff;
    background: #737373;
}

.secondary-agenda a.return-list span.return-arrow-left {
    transition: .25s;
}

.secondary-agenda a.return-list:hover span.return-arrow-left {
    color: #ffffff;
}

#proposition-evenement {
    left: 25%;
    top: 100px;
}

#proposition-actualite {
    top: 100px;
}

#proposition-contact {
    left: 1%;
}

.form-agenda {
    z-index: 0;
}

.agenda-evenement .image-a-la-une-agenda {
    background: #c7c7c7;
}

.agenda-evenement .listes li .information-evenement h4 a {
    font-size: 16px;
    color: #2e2e2e;
    font-family: "Raleway", sans-serif;
    margin: 20px 0px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
}

.fc-toolbar .fc-center {
    margin-top: 5px;
}

.fc .fc-toolbar > * > :first-child {
    border-bottom: none;
}

.content-agenda .categorie-date p.date-evenement {
    font-family: "Raleway", sans-serif;
    line-height: 32px;
    font-weight: 500;
    color: #2d2d2d;
}

.content-agenda .info .categorie-evenement {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-top: 2px;
    font-weight: 500;
}

.content-agenda .info p {
    font-size: 14px;
}

.page-agenda-detail #agendaForm li textarea {
    width: 645px;
}

.page-agenda-detail .site-contact a,
.page-agenda-detail .site-contact a.nous-contactez {
    padding: 15px 30px;
}

.page-agenda-detail .site-contact a.site-internet .icon {
    background: transparent;
}

.page-agenda-detail .site-contact a.nous-contactez .icon svg {
    width: 15px;
    height: 15px;
}

.page-agenda-detail .site-contact a.nous-contactez:hover .icon svg {
    fill: #FFF;
}

.page-agenda-detail .site-contact a.site-internet {
    background: #2d2d2d none repeat scroll 0% 0%;
    border: 1px solid #2d2d2d;
}

.page-agenda-detail .site-contact a.site-internet svg {
    fill: #ffffff;
}

.page-agenda-detail .site-contact a.site-internet:hover {
    background: #0080AF none repeat scroll 0% 0%;
    border: 1px solid #0080AF;
    color: #ffffff;
}

.page-agenda-detail .site-contact a.nous-contactez:hover {
    background: #0080AF none repeat scroll 0% 0%;
    border: 1px solid #0080AF;
    color: #ffffff;
}

.page-agenda-detail .site-contact a {
    font-size: 14px;
}

.div-prop-manif {
    float: none;
    width: 280px;
    background: #e5e5df;
    margin-left: 20px;
}

.div-prop-manif a.propose-manifestation span {
    margin-right: 7px;
}

#primary.affichage-savoir-plus .page-agenda-detail .info {
    margin-bottom: 0;
}

#proposition-evenement .bloc-form input[type="radio"] {
    width: auto;
    height: auto;
}


/**STYLE AGENDA**/
/*.agenda-evenement .listes li .categorie-date {background:#e3e3e3;border-right:1px solid #898989;}
.agenda-evenement .listes li .categorie-date p.date-evenement{color: #12272F;font-family: "Roboto",sans-serif;text-transform: none;line-height: 24px;margin-top: 0px;font-weight:500;}
.agenda-evenement .listes li .categorie-date a p{font-family:'Yantramanav',sans-serif;font-size:16px;line-height:18px;margin-top:2px;font-weight:700;}
.agenda-evenement .listes li .categorie-date a:hover{text-decoration:none;}

.agenda-evenement .listes li .categorie-date a,.agenda-evenement .listes li .categorie-date a p{color:#4f7c14;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event{background-color:#4f7c14;}

.agenda-evenement .listes li.vie-sociale .categorie-date a,.agenda-evenement .listes li.vie-sociale .categorie-date a p {color:#14a752;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.vie-sociale{background-color:#14a752;}

.agenda-evenement .listes li.travaux .categorie-date a, .agenda-evenement .listes li.travaux .categorie-date a p {color:#ff8400;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.travaux{background-color:#ff8400;}

.agenda-evenement .listes li.culture-loisirs .categorie-date a,.agenda-evenement .listes li.culture-loisirs .categorie-date a p {color:#6a3a6d;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.culture-loisirs{background-color:#6a3a6d;}

.agenda-evenement .listes li.animations .categorie-date a,.agenda-evenement .listes li.animations .categorie-date a p {color:#dc4186;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.animations{background-color:#dc4186;}

.agenda-evenement .listes li.enfance-jeunesse .categorie-date a,.agenda-evenement .listes li.enfance-jeunesse .categorie-date a p{color:#0080af;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.enfance-jeunesse{background-color:#0080af;}


.agenda-evenement .listes li.urbanisme .categorie-date a,.agenda-evenement .listes li.urbanisme .categorie-date a p{color:#ff4800;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.urbanisme{background-color:#ff4800;}

.agenda-evenement .listes li.vie-locale .categorie-date a,.agenda-evenement .listes li.vie-locale .categorie-date a p {color:#8bcd17;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.vie-locale{background-color:#8bcd17;}

.agenda-evenement .listes li.divers .categorie-date a,.agenda-evenement .listes li.divers .categorie-date a p {color:#2d2d2d;}
.agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.divers{background-color:#2d2d2d;}

.page-agenda-detail .info .categorie-evenement, .page-agenda-detail .info .categorie-evenement a {color:#4f7c14;}
.page-agenda-detail .info.vie-sociale .categorie-evenement, .page-agenda-detail .info.vie-sociale .categorie-evenement a {color:#14a752;}
.page-agenda-detail .info.travaux .categorie-evenement, .page-agenda-detail .info.travaux .categorie-evenement a {color:#ff8400;}
.page-agenda-detail .info.culture-loisirs .categorie-evenement, .page-agenda-detail .info.culture-loisirs .categorie-evenement a {color:#6a3a6d;}
.page-agenda-detail .info.animations .categorie-evenement, .page-agenda-detail .info.animations .categorie-evenement a {color:#dc4186;}
.page-agenda-detail .info.enfance-jeunesse .categorie-evenement, .page-agenda-detail .info.enfance-jeunesse .categorie-evenement a {color:#0080af;}
.page-agenda-detail .info.urbanisme .categorie-evenement, .page-agenda-detail .info.urbanisme .categorie-evenement a {color:#ff4800;}
.page-agenda-detail .info.vie-locale .categorie-evenement, .page-agenda-detail .info.vie-locale .categorie-evenement a {color:#8bcd17;}
.page-agenda-detail .info.divers .categorie-evenement, .page-agenda-detail .info.divers .categorie-evenement a {color:#2d2d2d;}

.page-agenda-detail .info .categorie-evenement a {border-bottom:1px solid #4f7c14;}
.page-agenda-detail .info.vie-sociale .categorie-evenement a {border-bottom:1px solid #14a752;}
.page-agenda-detail .info.travaux .categorie-evenement a {border-bottom:1px solid #ff8400;}
.page-agenda-detail .info.culture-loisirs .categorie-evenement a {border-bottom:1px solid #6a3a6d;}
.page-agenda-detail .info.animations .categorie-evenement a {border-bottom:1px solid #dc4186;}
.page-agenda-detail .info.enfance-jeunesse .categorie-evenement a {border-bottom:1px solid #0080af;}
.page-agenda-detail .info.urbanisme .categorie-evenement a {border-bottom:1px solid #ff4800;}
.page-agenda-detail .info.vie-locale .categorie-evenement a {border-bottom:1px solid #8bcd17;}
.page-agenda-detail .info.divers .categorie-evenement a {border-bottom:1px solid #2d2d2d;}

.page-agenda-detail .info, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event {border:1px solid #4f7c14;}
.page-agenda-detail .info.vie-sociale, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.vie-sociale {border:1px solid #14a752;}
.page-agenda-detail .info.travaux, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.travaux {border:1px solid #ff8400;}
.page-agenda-detail .info.culture-loisirs, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.culture-loisirs {border:1px solid #6a3a6d;}
.page-agenda-detail .info.animations, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.animations {border:1px solid #dc4186;}
.page-agenda-detail .info.enfance-jeunesse, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.enfance-jeunesse {border:1px solid #0080af;}
.page-agenda-detail .info.urbanisme, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.urbanisme {border:1px solid #ff4800;}
.page-agenda-detail .info.vie-locale, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.vie-locale {border:1px solid #8bcd17;}
.page-agenda-detail .info.divers, .agenda-evenement #calendrier-agenda .fc-row .fc-event-container a.fc-event.divers {border:1px solid #2d2d2d;}

.content-agenda .categorie-date.vie-sociale{background: #14a752;}
.content-agenda .categorie-date.travaux{background: #ff8400;}
.content-agenda .categorie-date.culture-loisirs{background: #6a3a6d;}
.content-agenda .categorie-date.animations{background: #dc4186;}
.content-agenda .categorie-date.enfance-jeunesse{background: #0080af;}
.content-agenda .categorie-date.urbanisme{background: #ff4800;}
.content-agenda .categorie-date.vie-locale{background: #8bcd17;}
.content-agenda .categorie-date.divers{background: #2d2d2d;}*/


.agenda-evenement .listes li .categorie-date {
    background: #ffffff;
    border-top: 1px solid #e5e5df;
    border-bottom: 1px solid #e5e5df;
    border-right: 1px solid #e5e5df;
    box-sizing: border-box;
}

.content-agenda .categorie-date {
    background: #e5e5df;
    height: 112px;
}

.agenda-evenement .listes li .categorie-date p {
    color: #2d2d2d;
}

#primary.affichage-savoir-plus .page-agenda-detail .info {
    border: 1px solid #e5e5df;
    height: 110px;
}

.page-agenda-detail .info .categorie-evenement a {
    color: #12272f;
}

.agenda-evenement .listes li .image-a-la-une-agenda {
    background-color: #0080AF;
}

#proposition-evenement,
#proposition-actualite {
    z-index: 99999;
}

#overlay-back {
    z-index: 99998;
}

.page-agenda-detail {
    margin: 0;
}


/* FOOTER */
footer.site-footer {
    margin-top: 40px;
}

footer.site-footer .footer-top {
    background: #6a3a6d;
    position: relative;
    padding: 30px 0;
}

footer.site-footer .footer-top:before {
    background: #6a3a6d;
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 1000px;
    top: 0;
    left: -1000px;
}

footer.site-footer .footer-top:after {
    background: #6a3a6d;
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 1000px;
    top: 0;
    right: -1000px;
}

footer.site-footer .footer-top .bloc-footer {
    position: relative;
    display: inline-block;
    width: 320px;
    height: 220px;
    margin: 0 -4px -7px 10px;
    text-decoration: none;
}

footer.site-footer .footer-top .bloc-footer:first-of-type {
    margin-left: 0px;
}

footer.site-footer .footer-top .bloc-footer .texte-bloc {
    position: absolute;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    padding: 20px;
    bottom: 0;
    transition: .2s;
}

footer.site-footer .footer-top .bloc-footer:hover .texte-bloc {
    height: 220px;
}

footer.site-footer .footer-top .bloc-footer .texte-bloc div {
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    transition: .2s;
}

footer.site-footer .footer-top .bloc-footer .texte-bloc div span {
    font-weight: 700;
    text-transform: uppercase;
}

footer.site-footer .footer-top .bloc-demarches {
    background: url('../images/FooterBtnDroits.jpg') no-repeat center center;
    font-family: 'Raleway', sans-serif;
}

footer.site-footer .footer-top .bloc-demarches .texte-bloc {
    background: rgba(48, 8, 50, .84);
    color: #ffffff;
}

footer.site-footer .footer-top .bloc-zoom .texte-bloc {
    background: rgba(255, 255, 255, .84);
    color: #57225a;
}

footer.site-footer .footer-top .bloc-plan {
    background: url('../images/FooterBtnMap.jpg') no-repeat center center;
    margin-left: 30px;
}

footer.site-footer .footer-top .bloc-plan .hover-plan {
    background: rgba(106, 58, 109, .8);
    position: absolute;
    top: 30px;
    left: 30px;
    width: 260px;
    height: 160px;
    opacity: 0;
    transition: .2s;
}

footer.site-footer .footer-top .bloc-plan:hover .hover-plan {
    background: rgba(106, 58, 109, .8);
    position: absolute;
    top: 30px;
    left: 30px;
    width: 260px;
    height: 160px;
    opacity: 1;
}

footer.site-footer .footer-top .bloc-plan .hover-plan .texte-plan {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-align: center;
    position: absolute;
    width: 165px;
    right: 0;
    left: 0;
    display: block;
    margin: 55px auto 0;
}

footer.site-footer .footer-bottom {
    background: #e5e5df;
    position: relative;
    padding: 50px 0;
}

footer.site-footer .footer-bottom .FooterLogo {
    margin-bottom: 15px;
}

footer.site-footer .footer-bottom:before {
    content: '';
    position: absolute;
    display: block;
    width: 1000px;
    height: 100%;
    left: -1000px;
    top: 0;
    background: #e5e5df;
}

footer.site-footer .footer-bottom:after {
    content: '';
    position: absolute;
    display: block;
    width: 1000px;
    height: 100%;
    right: -1000px;
    top: 0;
    background: #e5e5df;
}

footer.site-footer .footer-bottom .contact {
    border-right: 1px solid #969696;
    padding-right: 75px;
    width: 318px;
    box-sizing: border-box;
}

footer.site-footer .footer-bottom .contact h3 {
    border: none;
    text-transform: uppercase;
    color: #2d2d2d;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}

footer.site-footer .footer-bottom .contact p {
    color: #2d2d2d;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

footer.site-footer .footer-bottom .contact p.tel {
    font-size: 16px;
    font-weight: bold;
}

footer.site-footer .footer-bottom .horaires-ouverture {
    border-right: 1px solid #969696;
    font-size: 14px;
    width: 342px;
    padding: 0 35px 0 45px;
    box-sizing: border-box;
}

footer.site-footer .footer-bottom .horaires-ouverture br {}

footer.site-footer .footer-bottom .horaires-ouverture br:first-of-type {
    display: none;
}

footer.site-footer .footer-bottom .horaires-ouverture h3 {
    border: none;
    text-transform: uppercase;
    color: #0080af;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    margin: -6px 0 10px 0;
    padding: 0;
}

footer.site-footer .footer-bottom .horaires-ouverture p {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
}

footer.site-footer .footer-bottom .contact .lien-contact {
    font-size: 14px;
    font-weight: bold;
    color: #0080af;
    text-transform: uppercase;
    text-decoration: none;
    background: url('../images/footer-mail1.png') no-repeat left center;
    padding-left: 30px;
    display: block;
    margin-top: 15px;
}

footer.site-footer .footer-bottom .contact .lien-contact:hover {
    color: #2d2d2d;
    background: url('../images/footer-mail2.png') no-repeat left center;
    padding-left: 30px;
}

footer.site-footer .footer-bottom .footer-menu {
    margin: 0px 0 0 40px;
}

footer.site-footer .footer-bottom .footer-menu li:first-child a {
    border-top: 1px solid #8d8d8d;
}

footer.site-footer .footer-bottom .footer-menu li a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #8d8d8d;
    font-size: 11px;
    border-bottom: 1px solid #8d8d8d;
    display: block;
    height: 38px;
    line-height: 40px;
    width: 147px;
    text-align: left;
    line-height: 1;
    display: flex;
    align-items: center;
}

footer.site-footer .footer-bottom .footer-menu li a:hover {
    color: #2d2d2d;
}

footer.site-footer .footer-bottom .FooterLogoCC {
    float: right;
    display: block;
    margin-top: 30px;
}



/* Addthis */
#_atssh {
    display: none;
}

/* Firefox */
body.gecko header .middle-header .search button {
    height: 30px;
}

.test-svg .image-svg {
    background: url('../images/MailHoraires.svg#Horaires') no-repeat;
}

@media screen and (max-width:1280px) {

    body {
        overflow-x: hidden;
    }
}