@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);


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: 500;
}

/* .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: #548300;
}

a:hover {
    text-decoration: none;
}


body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #1b1b1b;
    font-weight: 400;
    background: url('../images/BgRepeat.jpg');
}

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

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: 1020px;
}

.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: #6fae00;
    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: #ffffff;
}

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

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

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

.addthis-bloc {
    float: right;
    margin-bottom: 15px;
    padding-top: 20px;
    border-top: 1px solid #ededed;
    padding-right: 5px;
}

.addthis-bloc p {
    font-size: 14px;
    font-weight: 500;
    float: left;
    margin-right: 5px;
}

.addthis_toolbox {
    float: right;
}

.addthis_default_style .addthis_separator,
.addthis_default_style .at4-icon,
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300bs,
.addthis_default_style .at300m {
    float: left !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    margin-left: 5px;
}

.addthis_default_style .at300b {
    margin-left: 5px;
}

.addthis_button_facebook .at4-icon.aticon-facebook {}

.addthis_button_twitter .at4-icon.aticon-twitter {
    background-size: 20px !important;
}

.addthis_button_print .at4-icon.aticon-print {
    background-size: 20px !important;
}

.addthis_button_compact .at4-icon.aticon-compact {
    background-size: 20px !important;
}

a.scroll-top {
    display: none;
    width: 40px;
    height: 130px;
    display: block;
    background: url('../images/Top.png') no-repeat left top #6fae00;
    text-indent: -9999px;
    position: fixed;
    right: 0;
    top: 285px;
    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;
}

.no-image-page {
    background: url('../../noyau/images/core/page.png') no-repeat center center;
}

.no-image-al {
    background: url('../../noyau/images/core/AL.png') no-repeat center center;
}

.no-image-actus {
    background: url('../../noyau/images/core/actus.png') no-repeat center center;
}

.no-image-agenda {
    background: url('../../noyau/images/core/agenda.png') no-repeat center center;
}

.no-image-contact {
    background: url('../../noyau/images/core/annuaire.png') no-repeat center center;
}

.no-image-ressources {
    background: url('../../noyau/images/core/ressources.png') no-repeat center center;
}

.no-image-pdf {
    background: url('../../noyau/images/core/pdf.png') no-repeat center center;
}

.no-image-doc {
    background: url('../../noyau/images/core/doc.png') no-repeat center center;
}

.no-image-xls {
    background: url('../../noyau/images/core/xls.png') no-repeat center center;
}

.no-image-zip {
    background: url('../../noyau/images/core/zip.png') no-repeat center center;
}

.no-image-ppt {
    background: url('../../noyau/images/core/ppt.png') no-repeat center center;
}

.no-image-mp3 {
    background: url('../../noyau/images/core/mp3.png') no-repeat center center;
}


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

h1,
.entry-content .fond h1,
#secondary.fond h1,
.h1 {
    font-size: 40px;
    font-family: "Bree Serif", serif;
    color: #1a1a1a;
    line-height: 40px;
    text-transform: uppercase;
    border-bottom: 8px solid #1a1a1a;
    padding-bottom: 10px;
    margin: 0 0 20px;
}

h2,
.entry-content .fond h2,
#secondary.fond h2,
.h2,
.gform_wrapper h3.gform_title,
.gform_wrapper h3.gsection_title {
    font-size: 24px;
    line-height: 24px;
    font-family: "Bree Serif", serif;
    color: #6fae00;
    padding-bottom: 10px;
    text-transform: uppercase;
    background: url('../images/H2ActuSeparatorRepeat.png') left bottom repeat-x;
}

h3,
.entry-content .fond h3,
#secondary .fond h3,
.h3,
.gform_wrapper h2.gform_title,
.gform_wrapper h2.gsection_title {
    font-size: 20px;
    color: #1a1a1a;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 24px;
    text-transform: uppercase;
}

h4,
.entry-content .fond h4,
#secondary .fond h4,
.h4 {
    font-size: 18px;
    color: #4c4c4c;
    font-family: 'Bree Serif', serif;
    line-height: 24px;
}

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: 16px;
    line-height: 22px;
    color: #fff;
}

.entry-content .fond1,
#secondary .fond1 {
    background-color: #6fae00;
}

.entry-content .fond2,
#secondary .fond2 {
    background-color: #1a1a1a;
}

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

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

.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: 16px;
    line-height: 22px;
}

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

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

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

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

.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: #6fae00;
    color: #ffffff;
}

.entry-content a {
    color: #548300;
    text-decoration: underline;
    font-size: 16px;
}

.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: 16px;
    line-height: 22px;
}

.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;
    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: 16px;
    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: #a8a5a3;
    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,
.entry-content p strong {
    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 .fond a {
    color: #ffffff;
    background: url('../images/lien_externe.png') no-repeat right top 4px;
}

.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;
}

.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: 270px;
    float: right;
    position: relative;
    padding: 0;
    position: relative;
    margin-top: 0px;
    background: #1a1a1a;
}

#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;
    color: #ffffff;
    border-bottom: none;
    font-size: 24px;
    font-family: 'Bree Serif', serif;
}

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

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

#secondary a {
    text-decoration: underline;
    color: #ffffff;
    word-break: break-all;
    display: inline-block;
}

#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');
    color: #ffffff;
    font-size: 14px;
    padding: 2px 0;
    line-height: 15px;
    list-style-image: url('../images/PuceContext.png');
}

#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: 0px;
    padding: 25px 20px 15px 20px;
    background: url("../images/MenuSeparatorRepeat.png") repeat-x scroll left bottom;
}

#secondary .bloc-context:last-of-type {
    background: none;
}

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

#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: 185px;
}

#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: 230px;
    height: 165px;
    margin-right: 22px;
}

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

#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;
    color: #ffffff;
    font-size: 12px;
}

#secondary .actualitelie .relation-actualites ul li div.introduction-actu p {
    font-size: 14px;
    color: #ffffff;
    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 {
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 27px;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 230px;
    height: 30px;
    background-color: #4c4c4c;
    transition: .2s;
}

#secondary .actualitelie .relation-actualites ul li a:hover.voir-fiche {
    background-color: #6FAE00;
    color: #ffffff;
}

#secondary .context-liste-categories-actualites {
    background: url("../images/MenuSeparatorRepeat.png") left top repeat-x;
    border-top: none;
    padding: 15px 0 0;
}

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

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

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

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

/* HEADER */
.home header {
    margin: 0;
}

header {
    margin-bottom: 30px;
}

header .top-header {
    padding: 0 10px;
}

header .top-header .identite {
    float: left;
    margin: 37px 0 35px;
}

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

header .top-header .identite h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 102px;
    text-transform: uppercase;
    color: #1a1a1a;
    margin: 0 0 0 -6px;
    line-height: 66px;
    padding: 0;
    display: block;
    width: 357px;
    border-bottom: none;
}

header .top-header .identite h1:after {
    content: '';
    display: block;
    width: 357px;
    height: 8px;
    background: #1a1a1a;
    margin: 20px 0 0 5px;
}

header .top-header .identite h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    border-bottom: none;
    color: #1a1a1a;
    font-size: 24px;
    margin: 9px 0 0 0;
    background: none;
}

header .top-header .identite h2 span {
    font-family: 'Bree Serif', serif;
    font-weight: 400;
    color: #6fae00;
    font-size: 24px;
    margin-right: 7px;
}

header .top-header .tools {
    float: right;
    margin: 60px 0;
}

header .top-header .tools .menu-rapide {
    text-align: right;
}

header .top-header .tools .menu-rapide li {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 22px;
}

header .top-header .tools .menu-rapide li:first-child {
    margin-bottom: -4px;
}

header .top-header .tools .menu-rapide li a svg {
    fill: #1a1a1a;
    transition: .2s;
}

header .top-header .tools .menu-rapide li a:hover svg {
    fill: #6fae00;
}

header .top-header .tools .search {
    margin-top: 10px;
}

header .top-header .tools .search input {
    border: none;
    width: 225px;
    height: 30px;
    background: #6fae00;
    padding: 0 15px;
    color: #ffffff;
    margin-right: -4px;
    font-size: 12px;
    text-transform: uppercase;
}

header .top-header .tools .search button {
    width: 35px;
    height: 30px;
    background: #6fae00;
    padding: 0;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}


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

header .menu-wrapper {
    background: #1a1a1a;
    width: 1020px;
    position: relative;
    z-index: 9999;
}

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;
    background: #1a1a1a url('../images/MenuSeparatorRepeat.png') repeat-y left top;
}

header .main-menu > li:first-child {
    padding: 0;
    background: #1a1a1a;
}

header .main-menu > li > a,
.main-menu > li > span {
    display: block;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 13px;
    color: #ffffff;
    padding: 0 9px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 50px;
    height: 50px;
}

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

header .main-menu > li:hover + li {
    background: none;
}

/*----------------------- */
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: 50px;
    width: 980px;
    background: #ffffff;
}

header .sub-menu ul.bloc-menu-left,
header .sub-menu ul.bloc-menu-middle,
header .sub-menu ul.bloc-menu-right {
    width: 310px;
    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 {
    background: url('../images/SubMenuSeparatorRepeat.png') repeat-x 0 0, url('../images/SubMenuSeparatorRepeat.png') repeat-x 0 bottom;
}

header .sub-menu > ul > li {
    width: 100%;
    position: relative;
    background: url('../images/SubMenuSeparatorRepeat.png') repeat-x 0 bottom;
    margin-top: -3px;
}

header .sub-menu ul > li > a,
.main-menu .sub-menu ul > li > span {
    font-family: 'Roboto', arial, helvetica, sans-serif;
    display: block;
    padding: 3px 0 3px 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    width: auto;
    position: relative;
    color: #1a1a1a;
    font-weight: 700;
    line-height: 27px;
}

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 a,
header .sub-menu ul li span {
    transition: .1s;
}

header .sub-menu ul li:hover a,
header .sub-menu ul li:hover span {
    background: #6fae00;
}

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 {
    position: relative;
    background: #ffffff;
    padding: 30px;
    margin: 0 0 0 0;
}

.home #wrapper {
    top: -50px;
    padding: 0;
    margin: 0;
}

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

/* Front page */
.bandeau-publication {
    position: relative;
    z-index: 0;
    width: 1280px;
    margin: 0px 0 0 -130px;
}

.bandeau-publication .image-slider {
    display: block;
    width: 1280px;
    height: 700px;
    background-size: cover;
    background-position: center center;
    position: relative;
    float: left;
}

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

.bandeau-publication a.prev,
.bandeau-publication a.next {
    display: none;
}

.bandeau-publication .legende_photo {
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    font-style: italic;
    background: url('../images/bg-legende.png');
    display: block;
    float: left;
    padding: 0px 30px 0 150px;
    height: 50px;
    line-height: 50px;
    bottom: 0;
    left: 0px;
    position: absolute;
}

.bandeau-publication .window {
    box-sizing: border-box;
    border: 30px solid #ffffff;
    height: 430px;
    width: 1020px;
    position: relative;
    top: 110px;
}

#slider-home-nav {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    width: 107px;
    display: block;
    top: 140px;
    left: 30px;
    top: 460px;
    position: absolute;
}

#slider-home-nav a {
    text-decoration: none;
    text-indent: -9999px;
    display: inline-block;
    margin: 0 8px 0 0;
    width: 15px;
    height: 15px;
    background: url('../images/HomeDiapoPuces.png') no-repeat left center;
    vertical-align: -17px;
}

#slider-home-nav a:last-of-type {
    margin-right: 0;
}

#slider-home-nav a.selected {
    background-position: right center;
}

.en-un-clic {
    display: block;
    width: 270px;
    height: 370px;
    position: absolute;
    top: 140px;
    right: 30px;
}

.en-un-clic li {
    float: left;
    display: inline;
}

.en-un-clic li a {
    display: block;
    width: 135px;
    text-decoration: none;
    position: relative;
    height: 123.333px;
    transition: .15s;
    background: rgba(5, 5, 5, .9);
}

.en-un-clic li a:hover {
    background: rgba(111, 174, 0, .9);
}

.en-un-clic li:nth-child(odd) a {
    border-right: 1px dotted #ffffff;
    box-sizing: border-box;
}

.en-un-clic li:nth-child(1) a,
.en-un-clic li:nth-child(2) a,
.en-un-clic li:nth-child(3) a,
.en-un-clic li:nth-child(4) a {
    border-bottom: 1px dotted #ffffff;
    box-sizing: border-box;
}

.en-un-clic li a span.picto {
    display: block;
}

.en-un-clic li a span.texte {
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 16px;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
    transition: .15s;
}

.en-un-clic li a svg {
    fill: #ffffff;
    display: block;
    margin: 0 auto;
    max-width: 35px;
    max-height: 46px;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    transition: .15s;
}

.en-un-clic li:nth-child(1) a svg {
    width: 48px;
    height: 43px;
    max-width: 1000px;
    max-height: 1000px;
}

.en-un-clic li.home-location a svg {
    max-width: 30px;
}

.en-un-clic li a:hover svg {
    fill: #1a1a1a;
}

.en-un-clic li a:hover span.texte {
    color: #1a1a1a;
}

.front-page {
    position: relative;
    margin-top: -160px;
    background: #ffffff;
    padding: 0 30px 30px;
}

.front-page .actualites {
    float: left;
    width: 660px;
}

.header-module {
    position: relative;
    height: 50px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.header-module:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.header-module .all-module {
    display: inline-block;
    vertical-align: middle;
    color: #4c4c4c;
    font-size: 11px;
    text-transform: uppercase;
    float: right;
    line-height: 40px;
}

.header-module .nav-actus {
    display: inline-block;
    vertical-align: middle;
}

.header-module .nav-actus > * {
    cursor: pointer;
}

.header-module .nav-actus svg {
    fill: #1a1a1a;
    width: 12px;
    height: 20px;
    margin: 0 20px;
}

.header-module {
    border-bottom: 8px solid #1a1a1a;
}

.header-module h2 {
    font-family: 'Bree Serif', serif;
    font-size: 30px;
    color: #1a1a1a;
    text-transform: uppercase;
    background: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 65px;
}

.header-module h2 span svg {
    width: 35px;
    height: 34px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: -3px;
}

.front-page .actualites .actualite-a-la-une .description-actualite {
    position: relative;
}

.front-page .actualites .actualite-a-la-une .description-actualite .nom-categ {
    position: absolute;
    top: 0;
    left: 0;
}

.front-page .actualites .actualite-a-la-une .description-actualite .titre {
    margin-top: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #6fae00;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}

.front-page .actualites .actualite-a-la-une .description-actualite .contenu {
    color: #1a1a1a;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px;
}

.front-page .actualites .actualite-a-la-une .description-actualite .more {
    text-indent: -9999px;
    display: block;
    width: 26px;
    height: 20px;
    background: url('../images/HomeActuSuite.png') no-repeat left center;
    margin-top: 15px;
}

.front-page .actualites .actualite-a-la-une:hover .description-actualite .more {
    background-position: right center;
}

.front-page .actualites .actualite-a-la-une .image-actualite {
    float: left;
    width: 370px;
}

.front-page .actualites .actualite-a-la-une .description-actualite {
    float: right;
    width: 270px;
}

.front-page .actualites .actualite-a-la-une .bloc-actu {
    position: relative;
    float: left;
}

.front-page .actualites .actualite-a-la-une .bloc-actu .nom-categ {
    position: absolute;
    top: 0;
    left: 390px;
    color: #4b4b4b;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 12px;
}


.front-page .sidebar-home {
    float: right;
    width: 270px;
}

.front-page .sidebar-home h3 {
    display: block;
    line-height: 90px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: 'Bree Serif', serif;
    font-size: 26px;
    font-weight: normal;
    border-bottom: ;
}

.front-page .sidebar-home .home-mediatheque {
    display: block;
    width: 270px;
    height: 90px;
    background: url('../images/HomeBtnMediatheque.jpg') no-repeat, #6fae00;
    margin-bottom: 20px;
    text-decoration: none;
    transition: background-position 0.1s ease-in;
    background-position: left top;
}

.front-page .sidebar-home .home-mediatheque:hover {
    background-position: 270px 0;
}

.front-page .sidebar-home .home-mediatheque h3 {
    color: #1a1a1a;
}

.front-page .sidebar-home .nos-publications {
    display: block;
    width: 270px;
    height: 90px;
    background: url('../images/HomeBtnPublications.jpg') no-repeat, #1a1a1a no-repeat;
    margin-bottom: 20px;
    text-decoration: none;
    transition: background-position 0.1s ease-in;
    background-position: left top;
}

.front-page .sidebar-home .nos-publications:hover {
    background-position: 270px 0;
}

.front-page .sidebar-home .nos-publications h3 {
    color: #ffffff;
}

.front-page .sidebar-home .vos-demarches-admin {
    background: #cbcbcb;
    box-sizing: border-box;
    padding: 20px;
    height: 400px;
    position: relative;
}

.front-page .sidebar-home .vos-demarches-admin .droits-bouton {
    z-index: 1;
    position: relative;
}

.front-page .sidebar-home .vos-demarches-admin h3 {
    color: #1a1a1a;
    line-height: 26px;
    text-align: left;
    padding-bottom: 25px;
    background: url('../images/HomeDroitsSeparatorRepeat.png') repeat-x left bottom;
    margin-bottom: 15px;
    margin-top: 10px;
}

.front-page .sidebar-home .vos-demarches-admin span {
    text-transform: uppercase;
    color: #4c4c4c;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

.front-page .sidebar-home .vos-demarches-admin select {
    height: 30px;
    width: 270px;
    border: none;
    background: none;
    cursor: pointer;
    color: #4d4d4d;
    font-size: 11px;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 5px;
}

.front-page .sidebar-home .vos-demarches-admin .choix-demarche {
    width: 230px;
    height: 30px;
    background: #ffffff url('../images/select-demarches.png') no-repeat 210px center;
    overflow: hidden;
    cursor: pointer;
    margin-top: 5px;
}

.front-page .sidebar-home .vos-demarches-admin button {
    background: #1a1a1a;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    width: 125px;
    height: 30px;
    cursor: pointer;
    transition: .2s;
    margin: 10px 0 0 105px;
}

.front-page .sidebar-home .vos-demarches-admin button:hover {
    color: #1a1a1a;
    background: #ffffff;
}

.front-page .sidebar-home .vos-demarches-admin #perso_1_,
.front-page .sidebar-home .vos-demarches-admin #texte_1_ {
    fill: #1A1A1A;
}

.front-page .sidebar-home .vos-demarches-admin #bulle_1_ {
    fill: #FFFFFF;
}

    {
    color: #1a1a1a;
    background: #ffffff;
}

.front-page .sidebar-home .vos-demarches-admin .perso-bulle {
    position: absolute;
    left: 20px;
    top: 196px;
    z-index: 0;
}

.front-page .sidebar-home .vos-demarches-admin .perso-bulle svg {
    width: 223px;
    height: 226px;
}


.front-page .agenda-home {
    margin-top: 30px;
}

.front-page .agenda-home .header-module {
    margin-bottom: 20px;
}

.front-page #events {
    width: 660px;
    height: 215px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.front-page #events > a {
    display: block;
    width: 200px;
    height: 215px;
    text-decoration: none;
}

.front-page #events > a .titre {
    font-family: 'Roboto Condensed', sans-serif;
    color: #6fae00;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    display: block;
}

.front-page #events > a .date-evt {
    color: #1a1a1a;
    font-family: "Bree Serif", sans-serif;
    font-size: 16px;
    display: block;
    margin: 10px 0;
}

.front-page #events > a .introduction {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 16px;
    display: block;
}

.front-page #events > a .more {
    text-indent: -9999px;
    display: block;
    width: 26px;
    height: 20px;
    background: url('../images/HomeActuSuite.png') no-repeat left center;
    margin-top: 15px;
}

.front-page #events > a:hover .more {
    background-position: right center;
}


.ui-widget-content {
    border: none !important;
    font-size: 11px;
}

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

.header-page .introduction p {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
}

#primary .header-page .imagealaune-publication {
    overflow: hidden;
    width: 100%;
    height: 280px;
    margin-bottom: 15px;
}

#primary.affichage-savoir-plus .header-page .imagealaune-publication {
    overflow: hidden;
    width: 660px;
    height: 280px;
    margin-bottom: 15px;
}

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

#primary.affichage-savoir-plus .header-page .imagealaune-publication img {
    max-width: 660px;
    height: auto;
    margin-bottom: 15px;
}


/*Fil d'ariane*/
.wrapper-breadcrumb {
    padding: 5px 10px;
    display: inline-block;
    background: #6fae00;
    margin-top: -16px;
}

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

.wrapper-breadcrumb #breadcrumbs .vous-etes-ici {
    font-size: 11px;
    color: #ffffff;
    text-transform: uppercase;
}

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

.wrapper-breadcrumb #breadcrumbs div + div span.sep {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 11px;
}


.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: 660px;
}

#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: 660px;
    float: left;
    margin-top: 0px;
}



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

.single-guichet-virtuel #secondary .bloc-context h3 {
    padding-top: 0;
}

.single-guichet-virtuel #secondary ul li {
    background: none;
    padding-left: 0
}

.single-guichet-virtuel #acces-profil .profil {
    height: 130px;
}

.single-guichet-virtuel .entry-content a.link-external {
    bakcground: none;
}

/* GV */
.single-guichet-virtuel #secondary .entry-content {
    padding: 0
}

.single-guichet-virtuel #secondary .entry-content a {
    font-size: 13px;
}

.single-guichet-virtuel #secondary ul {
    padding-left: 0;
    margin-left: 0;
}

.single-guichet-virtuel #secondary ul li {
    list-style-image: none;
}


/* 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;
    background: url("../images/MenuSeparatorRepeat.png") repeat-x scroll left bottom;
}

#formGestionRessources .reinitialiser-form,
#formActualites .reinitialiser-form,
#formAgenda .reinitialiser-form,
#formGestionRessources .reinitialiser-form,
#formAffichagesListes .reinitialiser-form {
    width: 228px;
    color: #ffffff;
    background: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border: 1px solid #ffffff;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
}

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

#formAffichagesListes input.valider-form,
#formActualites input.valider-form,
#formGestionRessources input.valider-form,
#formAgenda input.valider-form {
    width: 230px;
    background: #4c4c4c;
    color: #ffffff;
    font-family: 'Roboto', 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: #6fae00;
    color: #ffffff;
}

#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: #1a1a1a;
}

.single-affichage_liste .panel-affichages-listes .display-listes p {
    font-size: 20px;
    font-family: 'Bree Serif', serif;
    width: 130px;
    margin-left: 0px;
    color: #ffffff !important;
}

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

.single-affichage_liste .panel-affichages-listes {
    width: 270px;
    margin: 0px;
    background: #1a1a1a url("../images/MenuSeparatorRepeat.png") repeat-x scroll left bottom;
    padding: 0 20px 20px;
    box-sizing: border-box;
    border-bottom: none;
}

.single-affichage_liste .acces-rapide-resultats h2 {
    font-family: 'Bree Serif', serif;
    color: #1a1a1a;
    margin: 0;
    font-size: 22px;
    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: #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    top: 24px;
}

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

.single-affichage_liste .form-affichages-listes {
    padding: 10px 0;
    width: 230px;
    background-color: #1a1a1a;
}

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

.affichage-liste .liste-publication li {
    margin: 0 20px 20px 0;
    background: url("../images/BgRepeat.jpg");
    width: 320px;
}

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

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

.affichage-liste .liste-publication li .no-img {
    width: 345px;
    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: #6fae00 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: #6fae00 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: #6fae00 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: #6fae00 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: #6fae00 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: #4c4c4c;
    font-weight: 500;
    line-height: 31px;
}

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

.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: #1a1a1a;
    font-family: 'Roboto Condensed', sans-serif;
}

.affichage-liste .liste-publication li .infos h2 a,
.affichage-liste .liste-publication.minime li .infos h2 a {
    font-size: 16px;
    color: #1a1a1a;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 20px 0px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

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

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

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

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

.single-affichage_liste .panel-affichages-listes .display-listes {
    padding: 20px 20px 10px 0;
    width: 270px;
    background-color: #1a1a1a;
    box-sizing: border-box;
}

.single-affichage_liste .panel-affichages-listes .display-listes a.minime {
    background: url('../images/sprite-affichages-listes.png') 0 -34px 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 0px;
}

.single-affichage_liste .panel-affichages-listes .display-listes a.simple {
    background: url('../images/sprite-affichages-listes.png') -50px -34px 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 -0px;
    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: 20px;
    background: url("../images/BgRepeat.jpg");
    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: 290px;
    padding: 10px 15px;
    height: 100px;
    background: url("../images/BgRepeat.jpg");
    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: #ffffff;
}

.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: 230px;
    border: none;
}

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

.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: #1a1a1a;
}

.plan {
    margin-top: 30px;
}

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

.infobulle {
    color: #1a1a1a !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: 660px;
    overflow: hidden;
    padding: 20px 0 0;
    float: left;
}

.page-articles .liste-actus .post {
    position: relative;
    height: 170px;
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
    background: url("../images/BgRepeat.jpg");
}

.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: #6fae00;
    width: 235px;
    overflow: hidden;
}

.page-articles .liste-actus .post .img-actu img {
    height: 170px;
    width: auto;
}

.page-articles .liste-actus .post .articles-content {
    float: left;
    width: 395px;
    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: #1a1a1a;
    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: #1a1a1a;
    font-family: "Roboto Condensed", sans-serif;
    margin: 10px 0px;
    line-height: 16px;
    text-decoration: none;
}

.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: #4c4c4c;
}

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

.page-articles .liste-actus .post .date {
    color: #4c4c4c;
    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: #4c4c4c;
    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 -255px no-repeat;
    width: 17px;
    height: 42px;
}

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

.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: 270px;
    float: none;
    background-color: #1a1a1a;
    box-sizing: border-box;
}

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

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

.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: 230px;
    border: 0px;
    background: #ffffff;
}

.form-actualites form label {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
}

.form-actualites form input {
    width: 230px;
    border: none;
    height: 30px;
    padding: 0 3px;
    margin-top: 10px;
    border: 0px;
}

.form-actualites #liste-types {
    border-bottom: none;
    padding-bottom: 30px;
    background: url('../images/MenuSeparatorRepeat.png') repeat-x left bottom;
}

.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: #1a1a1a;
    width: 270px;
    padding-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: 270px;
    float: none;
    background-color: #1a1a1a;
    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: 20px;
    line-height: 30px;
    font-family: "Bree Serif", serif;
    width: 130px;
    text-transform: uppercase;
    margin-left: 0px;
    color: #ffffff;
}

.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: 230px;
    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: #ffffff;
}

.panel-actualites .propose-actualite a {
    background-color: #4c4c4c;
    font-size: 11px;
    padding: 10px 10px 10px 20px;
    font-weight: 500;
    font-family: 'Roboto';
}

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

.panel-actualites .propose-actualite a:hover {
    background-color: #6fae00;
    color: #ffffff;
}

.page-actu-detail .date-cat {
    overflow: hidden;
    margin: 10px 0 0 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: #4c4c4c;
    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: #4c4c4c;
    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;
}


#secondary a.return-list {
    background: #1A1A1A;
    color: #ffffff;
    text-align: center;
    margin: 0 0 20px;
    padding: 20px 0;
    display: block;
}

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

13px;
}

.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;
}

/*Agenda*/

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

#secondary .context-liste-categories-agenda span {
    font-family: 'Roboto', 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: #1a1a1a;
    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: 'Roboto', 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: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
}

#secondary .relations-agenda-v2 ul li .titre-agenda {
    color: #1a1a1a;
    font-family: 'Roboto', 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: 'Roboto', sans-serif;
    text-transform: uppercase;
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 320px;
    height: 30px;
    background-color: #1a1a1a;
    transition: .2s;
    color: #ffffff !important;
    font-weight: 700 !important;
}

#secondary .evenementlie .relations-agenda-v2 ul li a:hover.voir-fiche {
    text-decoration: 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: url("../images/BgRepeat.jpg");
    transition: .2s;
}

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

.agenda-evenement .listes li .information-evenement {
    width: 310px;
    background: url("../images/BgRepeat.jpg");
    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: 230px;
    padding: 5px 20px;
    font-family: 'Roboto', sans-serif;
}

.flux-rss-agenda p {
    padding-left: 54px;
    background-position: 10px top;
    font-size: 11px;
    color: #1a1a1a;
    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: #1a1a1a;
}

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

.panel-agenda .display-agenda {
    width: 270px;
    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: 222px;
}

.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: #ffffff;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
}

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

.panel-agenda .form-agenda p:first-child {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto', 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: 20px;
    font-family: 'Bree Serif', serif;
    width: 120px;
    margin-left: 0px;
    color: #ffffff !important;
}

.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: inline-block;
    background: transparent;
    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: 11px;
    font-family: 'Roboto', sans-serif;
    color: #1a1a1a;
    margin-bottom: 20px;
}

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

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

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

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

.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: #4c4c4c;
    color: #ffffff;
    font-weight: normal;
    line-height: 22px;
    border-left: none;
    width: 99px;
}

.agenda-evenement .listes li a.fiche:hover {
    background-color: #6fae00;
    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 #4c4c4c;
    background: #4c4c4c;
    color: #ffffff;
}

.return-list {
    text-decoration: none !important;
    color: #FFF !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    background: #1a1a1a;
    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: #4c4c4c;
    transition: .2s;
    border: 1px solid #4c4c4c;
    height: 35px;
    font-weight: 500;
    text-transform: uppercase;
}

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

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

#secondary .return-list:hover {
    background: #548300;
    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: 0%;
    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: #1a1a1a;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 20px 0px;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

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

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

.content-agenda .categorie-date p.date-evenement {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
    font-size: 18px;
}

.content-agenda .info .categorie-evenement {
    font-family: "Roboto", 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: 656px;
    margin: 10px 0;
}

.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;
    fill: #ffffff;
}

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

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

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

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

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

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

.div-prop-manif {
    float: none;
    width: 230px;
    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;
}

#proposition-evenement {
    width: 970px;
}


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

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

.agenda-evenement .listes li .categorie-date p {
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
}

#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: #548300;
    width: 111px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.agenda-evenement .listes li .image-a-la-une-agenda img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

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

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

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


.fc-event {
    border: 1px solid #6fae00;
    background-color: #6fae00;
}

.page-agenda-detail #agendaForm li.input label,
.page-agenda-detail #agendaForm li label {
    color: #1a1a1a;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}



#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: #548300;
}

.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: #4c4c4c;
}

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

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

.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: #04666F;
}

.pagination a.retour-actu:hover,
.pagination a.selected {
    display: inline-block;
    max-width: inherit;
    background: #6fae00;
}

.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
}


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

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

.gform_wrapper textarea,
.gform_wrapper li.gfield ul.gfield_radio li input[type="radio"] + input[type="text"],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="email"],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="number"],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="password"],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="tel"],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="text"],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type="url"],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="email"],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="number"],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="password"],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="tel"],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="text"],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type="url"],
.gform_wrapper .ginput_complex input[type="email"],
.gform_wrapper .ginput_complex input[type="number"],
.gform_wrapper .ginput_complex input[type="password"],
.gform_wrapper .ginput_complex input[type="tel"],
.gform_wrapper .ginput_complex input[type="text"],
.gform_wrapper .ginput_complex input[type="url"] {
    border: 1px solid #e3e3e3;
}


/* 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;
}

#itineraire-box a.envoyer {
    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;
}

.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;
}

.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.on span {
    background-position: left top;
    transition: .2s;
    background: transparent url("../images/sprite-display-annuaire.png") no-repeat scroll -84px -175px;
}

.categorie-googlemap h5 {
    padding: 10px;
}

.categorie-googlemap h5 {
    color: #ffffff;
    border-top: 1px solid #1a1a1a;
}

.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;
}

.post-template-template-plan-interactif-php .panel-plan-interactif,
.tax-plans_interactifs_taxonomy .panel-plan-interactif {
    width: 270px;
    margin-left: 0;
    float: right;
    background: #1a1a1a;
}

.post-template-template-plan-interactif-php .panel-plan-interactif .display-map-full,
.tax-plans_interactifs_taxonomy .panel-plan-interactif .display-map-full {
    width: 270px;
    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: #1a1a1a;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Bree Serif', sans-serif;
    font-weight: normal;
    padding: 15px 0 15px;
}

.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: #6fae00;
    color: #ffffff;
}

.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: 270px;
    float: none;
    margin-left: 0px;
    padding-bottom: 10px;
}

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

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

.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: #ffffff !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: 230px;
    margin-top: 0;
    background-color: #1a1a1a;
    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: 218px;
    margin-top: 10px;
    border: 1px solid #ffffff;
}

.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: 218px;
    margin-top: 10px;
    border: 1px solid #ffffff;
}

.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: 270px;
    float: left;
    margin-left: -20px;
}

.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: #4c4c4c;
    -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: #6fae00;
}

.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;
    background: url("../images/MenuSeparatorRepeat.png") repeat-x scroll left top;
}

.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: #ffffff !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;
}

/* FOOTER */
.home footer {
    position: relative;
    top: -50px;
}

footer {
    padding: 0 30px;
}

footer .footer-top .footer-top-left {
    background: #6fae00;
    float: left;
    padding: 30px;
    width: 630px;
    display: flex;
}

footer .horaires-ouverture {
    width: 50%;
}

footer .horaires-ouverture h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    line-height: 22px;
}

footer .contact h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    line-height: 22px;
}

footer .horaires-ouverture p {
    color: #1a1a1a;
    font-size: 13px;
    margin: -27px 0 0 0;
    line-height: 20px;
}

footer .black-days {
    color: #1a1a1a;
} 

footer .contact {
    margin-left: 100px;
}

footer .contact p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

footer .contact p.ville {
    text-transform: uppercase;
}

footer .contact p.tel {
    font-weight: 700;
}

footer .contact .lien-contact {
    color: #1a1a1a;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    background: #ffffff;
    line-height: 30px;
    width: 110px;
    height: 30px;
    text-align: center;
    display: block;
    font-weight: 700;
    margin-top: 25px;
    transition: .2s;
}

footer .contact .lien-contact:hover {
    color: #ffffff;
    background: #1a1a1a;
}

footer .footer-top .footer-top-right {
    background: #1a1a1a;
    height: 220px;
    width: 270px;
    float: right;
    text-align: center;
}

footer .footer-top .footer-top-right .lien-meucon {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/FooterLogo.png') no-repeat center center;
    transition: .2s ease-in;
}

footer .footer-top .footer-top-right .lien-meucon:hover {
    background: url('../images/FooterLogoOver.png') no-repeat center center;
}

footer .footer-bottom {
    height: 135px;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 25px 0;
}

footer .footer-bottom .menu-bottom {
    float: left;
    margin-top: 45px;
}

footer .footer-bottom .footer-menu li {
    display: inline;
    float: left;
}

footer .footer-bottom .footer-menu li:before {
    content: '|';
    color: #1a1a1a;
    font-size: 11px;
    margin: 0 5px;
    vertical-align: 11px;
}

footer .footer-bottom .footer-menu li:last-child:before {
    content: '';
}

footer .footer-bottom .footer-menu a {
    text-decoration: none;
    float: left;
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    color: #1a1a1a;
}

footer .footer-bottom .footer-menu a:hover {
    color: #6FAE00;
}

footer .footer-bottom .partenaires {
    float: right;
}

footer .footer-bottom .partenaires .partenaires-left {
    float: left;
    margin-right: 20px;
}

footer .footer-bottom .partenaires .partenaires-left .vannes-agglo a {
    display: block;
    width: 147px;
    height: 66px;
    background: url('../images/FooterLogosPartenaires.png') no-repeat left top;
    margin-bottom: 20px;
}

footer .footer-bottom .partenaires .partenaires-left .vannes-agglo a:hover {
    background: url('../images/FooterLogosPartenaires.png') no-repeat -256px top;
}

footer .footer-bottom .partenaires .partenaires-left .office-tourisme a {
    display: block;
    width: 160px;
    height: 31px;
    background: url('../images/FooterLogosPartenaires.png') no-repeat left bottom;
}

footer .footer-bottom .partenaires .partenaires-left .office-tourisme a:hover {
    background: url('../images/FooterLogosPartenaires.png') no-repeat -256px bottom;
}

footer .footer-bottom .partenaires .partenaires-right {
    float: right;
}

footer .footer-bottom .partenaires .partenaires-right .pnr a {
    display: block;
    width: 67px;
    height: 98px;
    background: url('../images/FooterLogosPartenaires.png') no-repeat -189px top;
    margin-right: 20px;
}

footer .footer-bottom .partenaires .partenaires-right .pnr a:hover {
    background: url('../images/FooterLogosPartenaires.png') no-repeat -445px top;
}

.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: #058574;
    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;
}

/* 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;
}

/*Accessibar*/
.accessibar-content {
    width: 100%;
    padding-top: 14px;
    display: none;
    background-color: #1a1a1a;
    color: #000000;
    z-index: 3333;
    height: 150px;
}

.accessibar-content h2 {
    width: 260px;
    padding-top: 30px;
    line-height: 1.3em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
    float: left;
    background: none;
}

.accessibar-content h3 {
    margin: 5px 0;
    line-height: 1.3em;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
    text-align: left;
}

.accessibar-content .confortdelecture {
    background-color: #c6c6c6;
    width: 345px;
    height: 98px;
    padding: 14px;
    float: left;
}

.accessibar-content .confortdelecture span {
    padding-bottom: 10px;
    display: block;
}

.accessibar-content .confortdelecture a {
    padding-right: 5px;
}

.accessibar-content .confortdelecture a.utmini {
    padding-left: 60px;
    padding-right: 0;
}

.accessibar-content .vocalisation {
    background-color: #c6c6c6;
    width: 157px;
    height: 98px;
    padding: 14px;
    margin-left: 16px;
    float: left;
}

.accessibar-content .vocalisation h3 {
    text-align: center;
}

.accessibar-content .vocalisation img {
    margin-left: 55px;
    margin-top: 9px;
}

.accessibar-content .skyplink {
    width: 148px;
    height: 98px;
    padding: 14px 0;
    margin-left: 16px;
    float: left;
}

.accessibar-content .skyplink a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.4em;
}

.accessibar-content .skyplink a:hover {
    text-decoration: underline;
}

#formAgenda .keywords input.loader {
    height: 30px;
}

/**** PARTAGE **/
.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;
}

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

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

    body {
        overflow-x: hidden;
    }
}