@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i);


/*
* Bleu foncé : #1f2147
* Bleu turquoise : #0da8bb
* Rose : #c0295b
*/

.aligncenter,
table {
    text-align: center
}

#secondary-footer-menu li,
.nav-menu li,
.post-categories li {
    list-style-type: none
}

#secondary-footer-menu li,
.menu-item-has-children,
.post-categories li a {
    text-transform: uppercase
}

#actus-accueil li,
.cd-product ul li,
.langs,
.menuContenus,
.pagenav ul,
ul#fil-ariane li,
ul.menu-tarifs {
    list-style: none
}

@font-face {
    font-family: CaviarDreams;
    src: url(font/caviardreams-webfont.eot);
    src: url(font/caviardreams-webfont.eot?#iefix) format('embedded-opentype'), url(font/caviardreams-webfont.woff2) format('woff2'), url(font/caviardreams-webfont.woff) format('woff'), url(font/caviardreams-webfont.ttf) format('truetype'), url(font/caviardreams-webfont.svg#CaviarDreams) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: CaviarDreamsBold;
    src: url(font/Caviar_Dreams_Bold-webfont.eot);
    src: url(font/Caviar_Dreams_Bold-webfont.eot?#iefix) format('embedded-opentype'), url(font/Caviar_Dreams_Bold-webfont.woff) format('woff'), url(font/Caviar_Dreams_Bold-webfont.ttf) format('truetype'), url(font/Caviar_Dreams_Bold-webfont.svg#CaviarDreamsBold) format('svg');
    font-weight: 400;
    font-style: normal
}

html,
body {
    overflow-x: hidden;
}

* {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px
}

blockquote {
    background: url(img/blockquote.png) no-repeat;
    border-left: none;
    padding-left: 60px;
    font-style: italic
}

img {
    max-width: 100%;
    height: auto
}

a {
    color: #c0295b;
    text-decoration: none;
    display: inline-block
}

a:focus {
    text-decoration: none;
    outline: 0
}

mark,
span {
    font-size: inherit;
    font-family: inherit;
}

.wp-block-separator {
    border-top: 1px solid #dbdbdb;
    border-bottom: 0;
    width: 500px !important;
}

h3.parent,
h4.parent {
    padding: 10px 15px;
    background: #36b7c6;
}

h3.parent,
h4.parent,
h3.parent mark,
h4.parent mark {
    color: #ffffff !important;
}

.wp-block-pb-accordion-item.parent .c-accordion__title {
    background: #36b7c6;
    color: #fff;
}

.wp-block-pb-accordion-item.parent .c-accordion__title::after {
    color: #fff;
}

.c-accordion__title {
    padding: 10px 15px;
    background: #efefef;
    color: #2f447f;
}

.c-accordion__title:after {
    right: 10px;
    font-size: 24px;
    color: #2f447f;
}

.c-accordion__content {
    padding: 1em;
}

span.highlight {
    background-color: #fdec88;
    color: #0da8bb;
    font-family: inherit;
    font-size: inherit;
}

.wrapperSearch {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 3em;
}

.wrapperSearch button {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: 0;
    border: 0;
    border-radius: 50%;
    background-color: #2f447f;
    color: #ffffff;

    transition: all .3s ease;
}

.wrapperSearch button:hover {
    background-color: rgba(54, 183, 198, 0.25);
    color: #2f447f;
}

.wrapperSearch a {
    display: inline-block;
    margin-right: 1em;
    padding: 5px 15px;
    font-weight: 600;
    font-style: italic;
    border: 2px solid #cdedf1;
    color: #b8d7db;
}

#searchText {
    display: block;
    width: 300px;
    padding: 8px 10px;
    border: 0;
    border-bottom: 2px solid rgba(54, 183, 198, 0.25);
}

#searchText,
#searchText:focus {
    outline: 0;
}

.block-form,
body.page-id-979 .wp-block-file,
body.page-id-70 .wp-block-file,
body.page-id-45313 .wp-block-file,
body.page-id-2175 .wp-block-file{
    max-width: 600px;
    margin: 1em auto;
    overflow: hidden;
}

body.page-id-979 .wp-block-file .wp-block-file__button,
body.page-id-70 .wp-block-file .wp-block-file__button,
body.page-id-45313 .wp-block-file .wp-block-file__button,
body.page-id-2175 .wp-block-file .wp-block-file__button{
    float: right;
    font-size: 12px !important;
}

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

    .block-form,
    body.page-id-979 .wp-block-file,
    body.page-id-70 .wp-block-file,
    body.page-id-45313 .wp-block-file,
    body.page-id-2175 .wp-block-file{
        padding: 1em 15px;
        border-bottom: 1px solid #eee;
    }
    
    .block-form a:not(.wp-block-buttons),
    body.page-id-979 .wp-block-file a:not(.wp-block-file__button),
    body.page-id-70 .wp-block-file a:not(.wp-block-file__button),
    body.page-id-45313 .wp-block-file a:not(.wp-block-file__button),
    body.page-id-2175 .wp-block-file a:not(.wp-block-file__button){
        display: block;
        margin-bottom: 1em;
    }  

    .block-form a:not(.wp-block-buttons) .wp-block-file__button,
    body.page-id-979 .wp-block-file .wp-block-file__button,
    body.page-id-70 .wp-block-file .wp-block-file__button,
    body.page-id-45313 .wp-block-file .wp-block-file__button,
    body.page-id-2175 .wp-block-file .wp-block-file__button{
        float: none;
        margin-left: 0;
    }

}

.block-form .wp-block-button__link,
.wp-block-file .wp-block-file__button {
    background: #19447f;
    color: #fff;
}

.block-form .wp-block-button__link {
    padding: 8px 15px;
    font-size: 14px;
}

.block-form a:not(.wp-block-button__link),
.wp-block-file > a {
    color: #19447f;
    font-size: 14px;
}

#content-page .loisir-nautique a {
    display: block
}

.cd-img-replace {
    display: block !important
}

#content-page .ppr_pro_professionnel a,
.aligncenter,
h1:after {
    display: block
}

h1 {
    color: #19447f;
    font-family: CaviarDreams, Arial, sans-serif
}

#block-mini-menu-carousel li a,
.carousel-caption,
.carousel-caption .bouton-carousel,
.content-anime p,
h1.titre-carousel,
h2,
h3,
h4,
h5,
h6,
label.wpforms-field-label {
    font-family: CaviarDreamsBold, Arial, sans-serif
}

h1:after {
    content: url(img/vague.png);
    margin-top: -15px
}

h2,
h3,
h4,
h5,
h6 {
    color: #0da8bb
}

.alignleft,
.alignnone {
    float: left;
    margin: 0 20px 10px 0
}

.aligncenter {
    margin: auto auto 10px
}

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

tr:nth-child(odd) td:first-child {
    background-color: #0a93a6;
    color: #fff
}

tr:nth-child(even) td:first-child {
    background-color: #0da8bb;
    color: #fff
}

thead,
thead *,
thead tr:nth-child(even) td:first-child,
thead tr:nth-child(odd) td:first-child {
    background: #19447f;
    color: #fff;
    font-family: CaviarDreamsBold, Arial, sans-serif
}

tr:nth-child(odd) {
    background-color: #efefef
}

tr:nth-child(even) {
    background-color: #fff
}

td {
    padding: 10px
}

ul#fil-ariane li,
ul#fil-ariane li a {
    font-size: 12px
}

.ppr_pro_professionnel:hover {
    background-color: #c3dfe2;
    text-decoration: none
}

.ppr_pro_professionnel {
    transition: all ease-in-out .25s
}

div#qcq-img {
    margin-top: 20px;
    margin-bottom: 30px
}

p#qcq-lien-home a:hover {
    text-decoration: none;
    background: #c3dfe2
}

p#qcq-lien-home a {
    color: #19447f;
    border: 1px solid #19447f;
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 30px
}

#scroll-top {
    background: #19447f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-left: 83%;
    margin-top: 2px;
    position: relative;
    top: 31px;
    border: 6px solid #0da8bb
}

a#scroll-top:hover img.fleche-scroll-top {
    margin-top: 5px
}

img.fleche-scroll-top {
    margin-top: 7px
}

label.wpforms-field-label {
    color: #19447f;
    font-size: 14px
}

span#news-champ input {
    border: none;
    background: #eee;
    padding: 5px 10px;
    width: 40%
}

div.wpforms-container-full .wpforms-form .wpforms-page-button,
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form input[type=submit] {
    border: none;
    background: #19447f;
    color: #fff;
    font-family: CaviarDreams;
    padding: 5px 10px
}

footer {
    padding-top: 40px;
    background-color: #0da8bb;
    color: #fff
}

.nav-menu li {
    text-align: left
}

.nav-menu a {
    color: #fff;
    font-family: CaviarDreams, Arial, sans-serif;
    font-size: 12px
}

#secondary-footer-menu li {
    display: inline-block;
    text-align: center;
    border-right: 1px solid #fff;
    padding: 0 20px
}

#secondary-footer-menu li:last-child {
    border-right: none
}

#secondary-footer-menu a {
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 700
}

#pictogrammes-footer-menu {
    background-color: #0da8bb;
    padding: 15px 30px;
    width: 175px
}

.pictos-footer {
    padding: 0;
    width: 175px
}

#pictogrammes-footer-menu li a {
    line-height: 22px;
    vertical-align: top;
    font-size: 19px
}

#pictogrammes-footer-menu li.pll-parent-menu-item {
    display: none
}

.menu-item-123::before,
.menu-item-2128::before,
.menu-item-6596::before {
    content: url(img/marees.png)
}

.menu-item-124::before,
.menu-item-2129::before,
.menu-item-6600::before {
    content: url(img/meteo.png)
}

.menu-item-122::before,
.menu-item-2137::before,
.menu-item-6605::before {
    content: url(img/webcam.png)
}

.menu-item::before {
    padding-right: 15px
}

#principal-footer-menu {
    padding-left: 0;
    padding-bottom: 20px
}

#principal-footer-menu .menu-item-has-children {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    word-wrap: break-word
}

#principal-footer-menu .menu-item-has-children a {
    font-family: CaviarDreamsBold, sans-serif;
    font-size: 18px;
    letter-spacing: 2px
}

.sub-menu {
    padding: 0
}

#principal-footer-menu .sub-menu {
    padding: 0;
    margin-top: 20px
}

#principal-footer-menu .sub-menu li {
    line-height: 16px
}

#principal-footer-menu .sub-menu li a {
    display: block;
    font-size: 11px;
    letter-spacing: 0;
    text-decoration: none;
    color: #d2eaee;
    font-family: 'Open sans', sans-serif;
    transition: color ease .3s;
    transition: padding ease .3s
}

#principal-footer-menu .sub-menu li a:hover {
    color: #fff;
    padding-left: 3px
}

/*
#certification-footer a:first-of-type img {
    margin-bottom: 10px;
}
*/

#certification-footer img {
    padding: 2px 0;
}

#lien-mentions-legales,
#lien-mentions-legales a {
    color: #1f2147;
    font-size: 12px;
    letter-spacing: 0;
    text-decoration: none;
    margin-bottom: 20px
}

#pre-footer {
    background: #fff
}

div#telechargement {
    margin-top: 20px;
    padding: 0
}

div#telechargement span {
    padding: 16px 15px;
    border: 1px solid #0da8bb;
    color: #0da8bb;
    font-family: CaviarDreams, sans-serif;
    font-size: 16px
}

div#telechargement > span:first-child {
    border-right: none
}

.post-categories {
    padding-left: 0;
    padding-right: 15px;
    display: inline-block;
    margin-left: -15px
}

.post-categories li a {
    background-color: #c0295b;
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    letter-spacing: 2px
}

.nombre-vue-actu {
    display: inline-block;
    font-size: 12px
}

.nombre-vue-actu:before {
    content: url(img/point-rose.png);
    padding: 0 15px
}

.titre-souligne {
    color: #a7a7a7
}

.titre-souligne:after {
    content: url(img/vague.png);
    display: block;
    margin-top: -10px
}

.ssba-wrap,
a#lienFluxRss,
ul#fil-ariane li {
    display: inline-block
}

#liste-actus article,
.actu-sidebar-liste li {
    list-style-type: none;
    height: 271px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}

#liste-actus article {
    height: 266px
}

#liste-actus,
.actu-sidebar-liste {
    padding-left: 0;
    margin-top: 25px
}

#liste-actus article span.categorie,
.actu-sidebar-liste li span.categorie {
    color: #fff;
    text-decoration: none;
    background-color: #c0295b;
    padding: 3px 5px;
    text-transform: uppercase;
    position: relative;
    top: -22px;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: CaviarDreams, Arial, sans-serif
}

.info-actu-sidebar span.date {
    font-size: 11px;
    height: 18px;
    color: #989898;
    overflow: hidden
}

.info-actu-sidebar span.titre {
    font-family: CaviarDreamsBOld, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    height: 52px;
    margin-bottom: 2px;
    overflow: hidden
}

#liste-actus article a,
.actu-sidebar-liste li a {
    text-decoration: none;
    padding: 0
}

.info-actu-sidebar:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 0;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #c0295b;
    -webkit-transition: width .2s ease-out;
    -moz-transition: width .2s ease-out;
    -ms-transition: width .2s ease-out;
    -o-transition: width .2s ease-out;
    transition: width .2s ease-out
}

#liste-actus article:hover a .info-actu-sidebar:before,
.actu-sidebar-liste li:hover a .info-actu-sidebar:before {
    width: 100%
}

.info-actu-sidebar {
    margin-top: -22px;
    padding-top: 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    background-color: #fff;
    -webkit-transition: margin-top .2s ease-out;
    -moz-transition: margin-top .2s ease-out;
    -ms-transition: margin-top .2s ease-out;
    -o-transition: margin-top .2s ease-out;
    transition: margin-top .2s ease-out
}

#liste-actus article:hover a .info-actu-sidebar,
.actu-sidebar-liste li:hover a .info-actu-sidebar {
    margin-top: -54px
}

.animation-hover {
    height: 170px;
    overflow: hidden;
    padding: 0
}

.animation-hover img {
    max-width: inherit;
    min-width: 100%;
    min-height: 170px
}

#voir-article a,
.voir-article a {
    color: #c0295b;
    font-family: "Open sans", sans-serif;
    font-size: 12px
}

.ssba-wrap div,
.ssba-wrap div a,
.ssba-wrap span,
a#lienFluxRss {
    font-family: CaviarDreams, Arial, sans-serif
}

#voir-article .glyphicon-menu-right,
.voir-article .glyphicon-menu-right {
    color: #c0295b;
    padding-right: 10px;
    font-size: 12px
}

.ssba_twitter_share img.ssba.ssba-img {
    content: url(img/twitter.png)
}

.ssba_facebook_share img.ssba.ssba-img {
    content: url(img/facebook.png)
}

.ssba_google_share img.ssba.ssba-img {
    content: url(img/googleplus.png)
}

.ssba-wrap {
    margin-bottom: 20px;
    width: 77%;
    padding: 5px 20px;
    margin-top: 25px
}

a#lienFluxRss {
    width: 22%;
    background-color: #19447f;
    color: #fff;
    height: 77px;
    vertical-align: bottom;
    line-height: 77px;
    margin-top: 2px;
    padding: 0 20px;
    text-align: center
}

a#lienFluxRss:before {
    content: url(img/rss.png);
    position: relative;
    top: 8px;
    left: 5px;
    right: 5px;
    padding-right: 10px
}

ul#fil-ariane li a {
    color: #c8c8c8
}

ul#fil-ariane li:last-child {
    color: #0da8bb;
    font-family: 'Open sans', sans-serif;
    font-weight: 700
}

ul#fil-ariane li {
    padding: 0 5px
}

ul#fil-ariane li:after {
    content: '>';
    position: relative;
    left: 5px;
    color: #c8c8c8
}

ul#fil-ariane li:last-child:after {
    content: ''
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    background: #fff
}

#principal-footer-menu .menu-item-has-children li,
.menu-content,
.menu-titre {
    text-transform: none
}

.navbar {
    background-color: #0da8bb;
    box-shadow: 0 2px 5px rgba(39, 39, 39, .4);
    border: none;
    border-radius: 0;
    z-index: 1
}

#principal-header-menu {
    margin-bottom: 0;
    margin-left: -20px;
    height: 50px
}

#principal-header-menu .menu-item-has-children a {
    letter-spacing: 1px;
    font-family: CaviarDreams;
    font-size: 13px;
    font-weight: 700
}

.menu_image img {
    min-width: 100%;
    height: 200px;
    float: right;
    max-width: inherit
}

.menu_image {
    height: 200px;
    overflow: hidden
}

.menu-titre {
    border-bottom: #c0295b 2px solid;
    font-family: CaviarDreams, sans-serif;
    position: absolute;
    padding-bottom: 5px;
    font-size: 26px;
    margin-top: 15px;
    margin-left: 50px;
    color: #fff;
    line-height: 28px;
    text-transform: initial
}

#lien-telechargement-header a,
#lienFluxRssAvis a,
#liste-avis article h3.titre-avis,
div#services-lignes-home a,
div#services-lignes-home h2 {
    font-family: CaviarDreams, Arial, sans-serif
}

.socials-medias {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.menu-content {
    color: #a7a7a7;
    top: 80px;
    font-style: italic;
    position: absolute;
    font-weight: 200
}

.navbar-default .navbar-brand:hover,
a.navbar-brand {
    padding: 0 15px;
    background-color: #fff
}

#principal-header-menu li.menu-item-has-children {
    padding: 14px 15px 16px;
    display: inline-block;
    height: 50px
}

#principal-header-menu li .sub-menu {
    display: none;
    z-index: 100
}

#principal-header-menu li .sub-menu li {
    padding-left: 0;
    transition: padding-left .25s
}

#principal-header-menu li .sub-menu li:hover {
    padding-left: 10px
}

#principal-header-menu li .sub-menu div li:before {
    content: '>';
    color: #c0295b
}

#principal-header-menu > li.menu-item-has-children a:after {
    content: url(img/fleche-header-menu.png);
    position: relative;
    left: 10px
}

#principal-header-menu .sub-menu li a:after {
    content: ''
}

#principal-header-menu .sub-menu li a {
    text-transform: none;
    font-size: 15px;
    line-height: 130%
}

#principal-header-menu > li:not(.btn_annuaire):hover a {
    text-decoration: none
}

#principal-header-menu > li:not(.btn_annuaire):hover {
    background: #c0295b;
    border-bottom: #1f2147 5px solid;
    padding-bottom: 9px
}

#principal-header-menu > li:not(.btn_annuaire):hover .sub-menu {
    display: block;
    position: absolute;
    background-color: #1f2147;
    padding: 20px;
    top: 50px;
    left: 170px;
    width: calc(100%- 15%);
    min-width: 900px
}

body:not(.home) #principal-header-menu > li:not(.btn_annuaire):hover .sub-menu {
    left: 85px;
}

#principal-header-menu .menu-item .sub-menu div .sub-menu-titre-image {
    background-color: #c0295b;
    border-radius: 50%;
    top: 6px;
    height: 40px;
    width: 40px;
    position: absolute
}

#principal-header-menu li:first-child .sub-menu-titre-image {
    background: url(img/arriver2.png) center center no-repeat #c0295b;
    background-size: 30px
}

#principal-header-menu li:nth-child(2) .sub-menu-titre-image {
    background: url(img/sedivertir2.png) center center no-repeat #c0295b;
    background-size: 30px
}

#principal-header-menu li:nth-child(3) .sub-menu-titre-image {
    background: url(img/decouvrir2.png) center center no-repeat #c0295b;
    background-size: 30px
}

#principal-header-menu li:nth-child(4) .sub-menu-titre-image {
    background: url(img/sinformer2.png) center center no-repeat #c0295b;
    background-size: 30px
}

#principal-header-menu li:nth-child(5) .sub-menu-titre-image {
    background: url(img/arriver2.png) center center no-repeat #c0295b;
    background-size: 30px
}

#principal-header-menu li:nth-child(6) .sub-menu-titre-image {
    background: url(img/picto-euro.png) center center no-repeat #c0295b;
    background-size: 30px
}

.langs {
    position: absolute;
    right: 360px;
    top: 11px
}

.lang-item-de {
    display: none;
}

/*

.lang-item {
    display: inline
}
*/

#pictogrammes-header-menu {
    position: absolute;
    right: 300px;
    display: inline-block;
    top: 29px
}

#pictogrammes-header-menu .menu-item:before {
    position: absolute;
    top: -22px;
    padding-left: 10px
}

#pictogrammes-header-menu > li {
    padding: 3px 5px 0;
    display: inline-block;
    position: relative;
    right: -225px
}

#pictogrammes-header-menu li a {
    position: relative;
    top: -6px
}

#pictogrammes-header-menu .pll-parent-menu-item {
    position: relative;
    top: -15px
}

.pll-parent-menu-item > a {
    display: none
}

#lien-telechargement-header a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 8px 10px;
    position: absolute;
    right: 240px;
    top: 4px;
    font-size: 12px
}

#searchform,
#searchform_opener {
    position: absolute;
    top: 0;
    right: 0
}

#searchform_opener {
    height: 50px;
    width: 50px;
    cursor: pointer;
    background: url(img/loupe.png) 10px no-repeat #fff;
    z-index: 2;
    bottom: auto;
    left: auto
}

#searchform {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

#searchform.open {
    opacity: 1;
    visibility: visible
}

#searchform.open #searchsubmit {
    z-index: 100
}

#searchform label {
    display: none
}

#searchform input[type=text] {
    padding-left: 10px;
    height: 50px;
    border-radius: 0;
    width: 375px;
    border: none;
    margin-right: -39px
}

#searchsubmit {
    z-index: 10;
    margin: 1px 5px 0 0;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
    background: url(img/loupe.png) no-repeat #fff
}

@media (max-width:1600px) {

    .menu-content,
    .menu_image {
        display: none
    }

    .collapse.in,
    .navbar {
        overflow: hidden
    }

    principal-header-menu .menu-liste-bleu-fonce li:hover a {
        color: #aaa
    }

    div#telechargement span {
        font-size: 12px
    }

    #principal-header-menu {
        margin-top: 50px;
        height: auto
    }

    #principal-header-menu li.menu-item-has-children:first-child {
        border-top: #19447f solid 1px
    }

    #searchform_opener {
        right: 59px;
        top: 10px
    }

    #searchform {
        right: 115px;
        top: 0;
        height: 50px;
        position: absolute
    }

    .navbar-header {
        float: none
    }

    .navbar-left,
    .navbar-nav,
    .navbar-right {
        float: none !important
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav {
        margin-top: 7.5px
    }

    .navbar-nav > li {
        float: none
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collapse.in {
        display: block !important
    }

    #principal-header-menu li.menu-item-has-children {
        position: relative;
        width: 130%;
        left: -55px;
        border-bottom: #19447f solid 1px;
        display: block;
        height: inherit;
        padding: 5px 40px
    }

    .collapsing *,
    .menu-titre {
        display: none
    }

    #searchform input[type=text] {
        width: -moz-calc(100% - 15px);
        width: -webkit-calc(100% - 15px);
        width: calc(100% - 15px)
    }

    #principal-header-menu > li.menu-item-has-children:hover .sub-menu {
        left: -45px !important;
        top: 2px;
        width: 120%;
        position: relative;
        padding: 10px;
        background-color: transparent
    }

    #principal-header-menu > li:hover .sub-menu div li:last-child {
        padding-bottom: 10px
    }

    #principal-header-menu > li:hover .sub-menu div li:first-child {
        padding-top: 10px
    }

    #principal-header-menu > li:hover .sub-menu div li a {
        line-height: 36px
    }

    #principal-header-menu > li:hover .sub-menu div {
        background-color: #19447f;
        width: 110%;
        padding-left: 30px
    }

    #principal-header-menu > li:hover {
        padding-bottom: 0
    }

    #pictogrammes-header-menu .menu-item:before {
        top: -21px
    }

    #lien-telechargement-header a {
        top: 55px;
        z-index: 1;
        right: 210px
    }

    #pictogrammes-header-menu {
        top: 80px;
        right: 0;
        background: #0b99aa;
        height: 50px;
        margin-top: -30px;
        padding-top: 29px;
        width: 102%;
        padding-left: -webkit-calc(100% - 420px);
        padding-left: -moz-calc(100% - 420px);
        padding-left: calc(100% - 420px)
    }

    @media (max-width:430px) {
        #pictogrammes-header-menu {
            right: -24px;
            width: 450px
        }
    }

    .collapsing {
        position: inherit;
        height: inherit;
        overflow: inherit;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transition-duration: 0;
        -o-transition-duration: 0;
        transition-duration: 0
    }

    #searchform_opener {
        height: 50px;
        width: 50px;
        cursor: pointer;
        background: url(img/loupeblanche.png) no-repeat
    }

    #menu-header-droite .langs {
        right: 130px
    }
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: none
}

input#s:focus {
    outline-offset: 0;
    outline: 0
}

#liste-actus {
    padding-top: 40px;
    padding-bottom: 40px
}

h2.screen-reader-text {
    display: none
}

#liste-avis {
    background: #ededed;
    padding: 10px 10px 0;
    margin-bottom: 40px;
    margin-top: 25px
}

#liste-avis a {
    display: inline
}

#liste-avis article {
    /background: #fff;
    margin-bottom: 10px;
    padding: 0;
}

#liste-avis article h3 {
    display: inline-block;
    margin: 0;
    color: #000;
    font-size: 14px;
    padding: 6px
}

#liste-avis article:nth-child(odd) h3.courant,
#liste-avis article:nth-child(odd) h3:first-child,
#liste-avis article:nth-child(odd) h3:focus,
#liste-avis article:nth-child(odd) h3:hover {
    background: #0da8bb;
    color: #fff
}

#liste-avis article:nth-child(even) h3.courant,
#liste-avis article:nth-child(even) h3:first-child,
#liste-avis article:nth-child(even) h3:focus,
#liste-avis article:nth-child(even) h3:hover {
    background: #19447f;
    color: #fff
}

.divider {
    border-bottom: 1px solid #ededed
}

#avis {
    margin-bottom: 40px;
    margin-top: 5px
}

#avis .ssba-wrap {
    width: 100%
}

.barre-partage {
    padding: 0;
    margin: 2em 0
}

#liste-avis article h3.titre-avis.courant {
    color: #fff
}

#liste-avis article h3.titre-avis,
h2.titre-avis-courant {
    /*white-space:nowrap;o*/
    display: block;
    overflow: hidden;
    /*text-overflow:ellipsis*/
}

#liste-avis article h3:first-child {
    color: #fff;
    float: left;
    text-align: left;
}

#liste-avis article h3.titre-avis {
    /*width:-webkit-calc(100% - 72px);width:-moz-calc(100% - 72px);width:calc(100% - 72px)*/
}

.ssba-wrap div {
    text-align: center !important
}

#avis h2:first-child {
    background: #0da8bb;
    color: #fff;
    text-align: center;
    font-size: 27px
}

#avis h2 {
    padding: 5px
}

#avis .dateAvis {
    clear: both;
    color: #a7a7a7;
    margin-bottom: 25px;
    font-size: 14px
}

#avis .dateAvis span {
    padding-top: 5px
}

#lienFluxRssAvis a:before {
    content: url(img/flecheRSS.png);
    padding-right: 5px;
    top: 13px;
    position: relative
}

#lienFluxRssAvis a {
    color: #a7a7a7;
    text-transform: uppercase
}

.carousel-caption .bouton-carousel,
h1.titre-carousel {
    color: #fff;
}

#lienFluxRssAvis {
    padding: 0 30px 20px
}

#lienFluxRssAvis #btn_newsletter {
    position: relative;
    padding: 1em 1em 1em 3.5em;
    background: #0da8bb;
    color: #fff;
}

#lienFluxRssAvis #btn_newsletter::before {
    content: '';
    position: absolute;
    top: 0;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-image: url(img/flecheRSS-white.png);
}

#brand-home img {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 1000;
    /*    width: 20%;
    min-width: 125px;
    max-width: 200px*/
}

.decalage-navbar-home {
    width: 19%;
    min-width: 110px;
    max-width: 185px
}

div#quatre-reference {
    position: absolute;
    top: -62px;
    right: 0;
    background: #0da8bb;
    padding: 5px
}

div#quatre-reference a {
    text-align: center;
}

div#quatre-reference a img {
    max-width: 90px;
}

#page-accueil.container-fluid {
    padding: 0
}

div#slider-accueil {
    z-index: 0;
    margin-top: -20px
}

.carousel-caption {
    top: 136px;
    font-size: 26px;
    text-shadow: none
}

@media screen and (max-width: 680px) {
    #brand-home img {
        max-width: 125px;
    }

    .pastille_anniversaire,
    .bouton-anime p i,
    .bouton-anime p::after {
        display: none;
    }

    .carousel-caption {
        top: 70px !important;
        width: 80%;
        left: 50%;
        transform: translatex(-50%);
    }

    .bouton-anime {
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .carousel-caption .content-carousel {
        font-size: 14px !important;
    }

    .bouton-anime p:first-child {
        margin-right: 5px;
    }

    .bouton-anime p {
        font-size: 12px;
    }
}

@media screen and (min-width:768px) {
    .carousel-caption {
        right: 15%;
        left: 15%;
        padding-bottom: 30px
    }
}

.pastille_snsm {
    position: absolute;
    max-width: 100px;
    top: 70px;
    right: 20px;
    z-index: 2;
}

.pastille_snsm a {
    padding: 10px;
    border-radius: 50%;
    background-color: #6fabe7;
}

.pastille_anniversaire {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -5px;
    z-index: 2;

    transition: right .3s ease;
}

.pastille_anniversaire.page {
    top: 150px;
    transform: none;
}

.pastille_anniversaire:hover {
    right: 0;
}

.pastille_anniversaire.is-fixed {
    position: fixed;
    top: 50px;
    transform: none;
}

@media (max-width: 1300px) {
    .pastille_anniversaire {
        top: 40%;
        max-width: 90px;
    }
}

@media screen and (max-width: 768px) {
    .pastille_snsm {
        max-width: 70px;
        right: 15px;
    }

    .pastille_anniversaire {
        top: 40%;
        max-width: 65px;
    }
}

h1.titre-carousel {
    text-transform: uppercase;
    font-size: 84px;
}

h1.titre-carousel:after {
    content: none
}

@media (max-width: 1440px) {
    h1.titre-carousel {
        font-size: 70px;
    }
}

.carousel-caption .titre-carousel {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.titre-anime {
    height: 96px;
    overflow: hidden;
    margin-bottom: 25px
}

.carousel-caption .content-carousel {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    font-size: 18px
}

.content-anime {
    height: 20px;
    overflow: hidden
}

.bouton-anime {
    overflow: hidden;
}

.bouton-anime .bouton-carousel {
    margin: 10px auto auto;
    padding: 10px 15px;
    border: none;
    text-transform: uppercase;
    background-color: #0da8bb;
    color: #fff;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    transition: all .3s ease;
}

.bouton-anime .bouton-carousel:hover {
    background-color: #fff;
    color: #1f2149;
}

.bouton-anime .bouton-carousel::after {
    content: '\F1C5';
    display: inline-block;
    margin-left: 20px;
    font-family: bootstrap-icons !important;
    color: #c0295b;
}

.image-carousel {
    margin-top: -25px;
    margin-bottom: 25px
}

.transition-timer-carousel-progress-bar {
    height: 1px;
    background-color: #19447f;
    width: 0;
    margin: 30px 0 20px;
    border: none;
    z-index: 11;
    position: relative
}

.transition-timer-carousel-progress-bar-fond {
    height: 1px;
    background-color: #fff;
    width: 100%;
    margin: -21px 0 20px;
    border: none;
    z-index: 10;
    position: relative
}

.bouton-anime a:hover {
    text-decoration: none
}

#block-mini-menu-carousel li {
    display: inline-block;
    width: 19%;
    text-align: center;
    background: #fff;
    padding: 30px;
    vertical-align: middle
}

#block-mini-menu-carousel li a {
    color: #000;
    font-size: 14px
}

#block-mini-menu-carousel.container {
    position: relative;
    top: -160px;
    background: #fff;
    padding: 0;
    z-index: 10
}

#block-mini-menu-carousel .nav-menu {
    margin-bottom: 0;
    padding: 0
}

#block-mini-menu-carousel li#menu-item-268 a,
#block-mini-menu-carousel li:nth-child(3) a {
    padding: 0;
    animation: mouvementFleche 1s ease infinite;
    position: relative;
    top: 0
}

.titre-francais a:after {
    content: url(http://lpb.cerealog.net/cote-image/port2016/wp-content/uploads/2017/01/drapeau-francais.png);
    padding-left: 10px
}

@keyframes mouvementFleche {

    0,
    100% {
        top: -5px
    }

    50% {
        top: 5px
    }
}

@media (max-width:1300px) {
    #block-mini-menu-carousel.container {
        background: 0 0;
        margin-bottom: 75px;
        top: -185px;
        display: block
    }

    #block-mini-menu-carousel li:nth-child(3),
    li#menu-item-268 {
        background: 0 0;
        position: absolute;
        top: 115px;
        right: 50%;
        width: 40px
    }

    #block-mini-menu-carousel li {
        padding: 10px 0;
        width: 48%;
        margin-bottom: 5px;
        margin-left: 1%
    }

    ul#block-mini-menu-carousel {
        padding: 15px 0 0
    }

    .carousel-caption {
        top: 25px
    }

    h1.titre-carousel {
        font-size: 38px
    }

    div.titre-anime {
        height: 60px
    }
}

.carousel-inner > .item > img {
    min-width: 100%;
    min-height: 590px
}


@media screen and (max-width: 680px) {
    .carousel-inner > .item > img {
        min-height: 85vh;
    }
}

.article-grand .voir-article {
    position: absolute;
    top: 222px;
    left: 0
}

.info-actu-sidebar .voir-article {
    font-size: 12px;
}

.info-actu-sidebar.text-center {
    height: 101px;
    background: #fff
}

div#services-lignes-home a {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    transition: background .5s ease
}

div#services-lignes-home a:hover {
    background: #fff;
    color: #0da8bb;
    text-decoration: none
}

div#services-lignes-home h2 {
    color: #fff
}

#actus-accueil .categorie-accueil,
.col-xs-12.pagination-actus * {
    color: #0da8bb
}

div#services-lignes-home {
    background: #0da8bb;
    margin-top: -122px;
    margin-bottom: 90px
}

.page-id-159 div#services-lignes-home {
    margin-top: -134px
}

@media (max-width:1300px) {
    div#services-lignes-home {
        margin-top: -175px
    }
}

#services-lignes-home .container {
    margin: 20px auto
}

#services-lignes-home .col-xs-12.col-sm-4 {
    text-align: center
}

@media (max-width:768px) {
    .jumbotron {
        padding: 15px
    }

    .loisir-nautique h2 {
        font-size: 20px
    }
}

@media (min-width:768px) {
    #single-actu div.col-xs-12.col-sm-8.col-md-9 {
        padding-right: 90px
    }
}

#single-actu .attachment-thumbnail {
    float: left;
    margin-right: 35px;
    margin-bottom: 10px
}

.post-img-manifestation,
.post-img-manifestation img {
    position: absolute;
    height: 85px;
    width: auto;
    float: right
}

.date-single-actu {
    font-size: 12px
}

span.page-numbers.current {
    border: 1px solid #19447f
}

.page-numbers {
    padding: 5px;
    font-size: 14px;
}

.col-xs-12.pagination-actus {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: right;
    overflow: hidden;
}

div#actus-accueil {
    margin-top: -119px;
    padding-top: 50px;
    padding-bottom: 40px
}

#actus-accueil .categorie-accueil,
#actus-accueil .date {
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    font-family: CaviarDreamsBold, Arial, sans-serif
}

iframe {
    max-width: 100%
}

#actus-accueil .date {
    color: #a7a7a7
}

#actus-accueil h1,
#avis-accueil h1 {
    text-align: center;
    color: #555;
    font-family: CaviarDreams, Arial, sans-serif;
    font-size: 36px;
    padding-bottom: 50px
}

.numero-date-avis,
.titre-avis {
    font-family: CaviarDreamsBold, Arial, sans-serif
}

#actus-accueil h1:after,
#avis-accueil h1:after {
    content: url(img/vagueGrise.png);
    position: relative;
    top: 30px
}

#page-accueil #lienFluxRssAvis a:last-child:before {
    content: ''
}

#page-accueil #lienFluxRssAvis a:last-child:after {
    content: url(img/flecheRSS.png);
    padding-left: 5px;
    top: 13px;
    position: relative
}

#page-accueil #lienFluxRssAvis {
    position: relative;
   /* top: -30px*/
}

#page-accueil .article-grand .animation-hover {
    height: 300px;
    overflow: hidden
}

#page-accueil .article-petit .animation-hover {
    max-height: 150px;
    overflow: hidden
}

#page-accueil .article-petit img {
    height: auto;
    overflow: hidden
}

#page-accueil .article-petit {
    height: 255px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}

#page-accueil .article-petit .titre {
    font-size: 14px
}

#page-accueil .article-grand {
    height: 506px;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}

#page-accueil article:hover .info-actu-sidebar {
    margin-top: -54px
}

#page-accueil .titre {
    background: #fff;
    height: 72px;
    font-size: 20px
}

#page-accueil article:hover .info-actu-sidebar:before {
    width: 100%
}

#page-accueil .info-actu-sidebar {
    padding-top: 28px
}

#page-accueil .glyphicon-menu-right:before,
.voir-article a {
    font-size: 12px
}

#avis-accueil {
    border-top: 1px solid #a7a7a7;
    background: #ededed;
    padding-top: 50px;
    padding-bottom: 40px
}

#avis-accueil h1 {
    color: #0da8bb
}

.numero-date-avis {
    color: #0da8bb;
    font-size: 14px
}

.titre-avis {
    font-size: 15px;
    color: #000
}

.date-avis {
    font-size: 11px;
    font-family: 'Open sans', Arial, sans-serif;
    color: #686868
}

h4.titre-partie,
span.savoir-plus {
    font-family: CaviarDreams, Arial, sans-serif
}

.avis-home:after {
    content: url(img/divider-avis-home.png);
    position: absolute;
    top: 20px;
    right: 0
}

.avis-home:last-child:after,
.cd-close-info::after,
.cd-close-info:before,
.cd-single-point .cd-more-info::before,
.cd-single-point::after {
    content: ''
}

article.avis-home {
    background: #ededed;
    padding: 20px;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out
}

article.avis-home:hover {
    background: #fff
}

#loisirs {
    background: url(img/bandeau-loisirs-nautiques.jpg);
    margin-bottom: 50px
}

#agenda {
    background: url(img/bandeau-agenda-nautique.jpg)
}

#grande-plaisance {
    background: url(img/bandeau-grande-plaisance.jpg)
}

#agenda,
#grande-plaisance,
#loisirs {
    background-position: 50% 50%;
    height: 480px;
    margin-top: -10px
}

#agenda h4.titre-partie,
#agenda span.savoir-plus {
    color: #fff;
    background: #e0882a
}

#grande-plaisance h4.titre-partie,
#grande-plaisance span.savoir-plus {
    color: #fff;
    background: #112a6c
}

#loisirs h4.titre-partie,
#loisirs span.savoir-plus {
    color: #fff;
    background: #d63c38
}

#agenda span.savoir-plus:before,
#grande-plaisance span.savoir-plus:before,
#loisirs span.savoir-plus:before {
    content: '> '
}

#agenda div.titre-partie {
    width: 280px;
    position: relative;
    left: 30%;
    top: 57%
}

#agenda div.phrase,
#grande-plaisance div.phrase,
#loisirs div.phrase {
    background: #fff;
    color: #000;
    width: 190px;
    font-family: CaviarDreams, Arial, sans-serif;
    font-size: 20px;
    padding: 10px
}

h4.titre-partie {
    font-size: 44px;
    padding: 30px;
    word-wrap: break-word
}

span.savoir-plus {
    padding: 10px
}

#liste-mois-manifestations a,
#liste-mois-maree a,
.maree .ligne-titre th,
.maree .temps,
.month_name {
    font-family: CaviarDreamsBold, Arial, sans-serif
}

#grande-plaisance div.titre-partie {
    position: relative;
    top: 8%;
    left: 22%;
    width: 290px
}

#loisirs div.titre-partie {
    width: 350px;
    position: relative;
    top: 15%;
    left: 43%
}

#agenda div.phrase {
    position: relative;
    top: -300px;
    left: 255px
}

#grande-plaisance div.phrase {
    position: relative;
    top: -28px;
    left: -105px
}

#loisirs div.phrase {
    position: relative;
    top: -26px;
    left: 260px
}

#agenda div.savoir-plus {
    position: relative;
    top: -307px;
    left: 309px
}

#grande-plaisance div.savoir-plus {
    position: relative;
    left: -148px;
    top: -25px
}

#loisirs div.savoir-plus {
    position: relative;
    top: -30px;
    left: 50px
}

@media (max-width:767px) {

    #agenda,
    #grande-plaisance,
    #loisirs {
        background: 0 0;
        height: auto
    }

    #agenda div.titre-partie,
    #grande-plaisance div.titre-partie,
    #loisirs div.titre-partie {
        width: 100%;
        left: 0;
        top: 0
    }
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
    width: auto;
    max-width: 500%
}

.content-maree div {
    background: #fff
}

#liste-mois-manifestations {
    background: #fff;
    list-style: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px
}

#liste-mois-maree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 30px;
    background: #fff;
    list-style: none;
    text-align: center;
}

#liste-mois-manifestations li {
    display: inline-block;
    width: 6.5%
}

/*#liste-mois-maree  li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
}*/

#liste-mois-manifestations a,
#liste-mois-maree a {
    color: #a7a7a7;
    display: block;
    font-size: 14px;
    padding: 5px
}

#liste-mois-maree a {
    font-size: 14px;
}

#liste-mois-manifestations .courant,
#liste-mois-maree .courant {
    border: 1px solid #0da8bb
}

.color-matin {
    color: #e0882a
}

.color-soir {
    color: #19447f
}

.back-matin {
    background: #e0882a;
    color: #fff
}

.back-soir {
    background: #19447f;
    color: #fff
}

.month_name {
    color: #0da8bb;
    font-size: 25px
}

.maree thead th {
    padding: 10px
}

.maree .temps th,
.month_name {
    background: #fff
}

.maree table {
    font-weight: 700
}

.maree .hauteur,
.maree .hauteur span {
    font-weight: 400;
    font-size: 13px;
    text-transform: lowercase
}

.maree .ligne-titre .mer,
.maree .month_name,
table caption {
    text-transform: uppercase
}

.maree .temps {
    letter-spacing: 10px
}

.maree td.heure {
    padding: 8px;
    line-height: 18px
}

.maree td.heure p {
    margin: 0
}

.maree .jour span {
    font-family: CaviarDreams, Arial, sans-serif;
    font-weight: 400
}

.ppr_pro_professionnel_type,
span.ppr_pro_professionnel_select_name {
    padding-left: 0;
    font-family: CaviarDreamsBold, Arial, sans-serif
}

.maree .fin-semaine {
    border-bottom: #19447f 1px solid
}

#liste-manifestations select,
.maree select {
    margin: 20px auto
}

.ppr_pro_professionnels_section.col-xs-12.col-md-8 {
    margin-bottom: 40px
}

div.infobulle h4 {
    color: #fff;
    background: #0da8bb;
    padding: 10px 5px
}

div.infobulle p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

div.ppr_pro_professionnels {
    margin-top: 50px
}

span.ppr_pro_professionnel_select_name {
    color: #0da8bb
}

div.ppr_pro_professionnel_select_name {
    padding-left: 0;
    padding-right: 0
}

div.ppr_pro_professionnel {
    background: #fff;
    padding: 0;
    margin-bottom: 10px
}

.ppr_pro_professionnel_type {
    color: #19447f;
    font-size: 12px
}

.ppr_pro_professionnel_name {
    font-size: 20px;
    margin: 0 0 10px;
}

.ppr_pro_professionnel_name a {
    font-size: 14px;
    color: #0da8bb
}

.date-debut,
.date-fin {
    border-radius: 50%;
    background: #0da8bb;
    height: 65px;
    color: #fff;
    width: 65px;
    text-align: center;
    margin: 10px
}

.date-fin {
    background: #19447f;
    margin-left: -18px
}

.date-fin:before {
    content: '>';
    position: absolute;
    top: 20px;
    left: 6px;
    font-size: 12px
}

.date-debut span:first-child,
.date-fin span:first-child {
    font-size: 23px;
    position: relative;
    top: 8px
}

.date-debut span:last-child,
.date-fin span:last-child {
    font-size: 9px;
    position: relative
}

.organisation {
    color: #19447f;
    font-size: 12px;
    font-family: 'Open sans', sans-serif;
    font-weight: 700
}

#liste-manifestations article {
    background: #f3f3f3;
    padding: 0;
    margin-bottom: 10px
}

.titre-manifestations {
    margin-bottom: 0
}

.post-img-manifestation img {
    top: 0;
    right: 0
}

.post-img-manifestation {
    min-width: 100px;
    overflow: hidden;
    top: 0;
    right: 0
}

@media (max-width:767px) {
    .month_name {
        visibility: visible !important
    }

    .fleche-manifestation {
        right: 37px
    }
}

@media (min-width:767px) {
    .fleche-manifestation {
        right: 137px
    }
}

.fleche-manifestation {
    position: absolute;
    top: 9px;
    padding: 10px
}

.contenu-manifestation {
    margin: 0;
    padding-top: 20px;
    background: #f3f3f3;
    display: none;
    padding-bottom: 10px
}

div#content-page {
    min-height: -webkit-calc(100vh - 222px);
    min-height: -moz-calc(100vh - 222px);
    min-height: calc(100vh - 222px)
}

#no-manifestation {
    padding: 20px
}

.pagenav {
    text-align: center
}

.pagenav ul,
ul.menu-tarifs {
    display: inline-block;
    padding: 10px
}

.pagenav .page_item a,
ul.menu-tarifs li a {
    display: inline-block;
    font-family: CaviarDreamsBold, Arial, sans-serif;
    color: #a7a7a7;
}

body.page-id-880 .pagenav .page_item a,
body.page-id-967 .pagenav .page_item a,
body.page-id-979 .pagenav .page_item a,
body.page-id-45313 .pagenav .page_item a {
    color: #4da8bb;
    font-size: 16px;
}

.pagenav .page_item,
ul.menu-tarifs li {
    display: inline-block;
    padding: 5px 10px;
    border: 2px solid transparent;
    -webkit-transition: border-color .5s ease-out;
    -moz-transition: border-color .5s ease-out;
    -ms-transition: border-color .5s ease-out;
    -o-transition: border-color .5s ease-out;
    transition: border-color .5s ease-out
}

.contact-form .wpcf7-list-item,
.imgWP {
    display: block
}

.pagenav ul .current_page_item,
.pagenav ul li:hover,
ul.menu-tarifs .current-menu-item,
ul.menu-tarifs li:hover {
    border: 2px solid #0da8bb
}

.pagenav ul li:hover a,
ul.menu-tarifs li:hover a {
    text-decoration: none
}

.contact-form {
    background: #f0f0f0;
    margin-top: 20px;
    margin-bottom: 30px
}

.contact-form .header-form {
    background: #0da8bb;
    margin: 0 -15px 20px;
    padding: 30px;
    color: #fff
}

.contact-form .choix-ajout-modif {
    color: #0da8bb;
    font-weight: 700;
    margin-bottom: 90px
}

.contact-form .wpcf7-submit,
.lien-annuaire-form a {
    background: #19447f;
    color: #fff;
    margin-bottom: 20px;
    padding: 10px 20px
}

.contact-form h3 {
    margin-bottom: 20px
}

.contact-form input,
.contact-form select {
    width: 33.33333333%
}

.contact-form .wpcf7-submit {
    border: none;
    width: auto
}

.lien-annuaire-form a {
    width: auto
}

p.wp-caption-text {
    font-size: 13px;
    font-style: italic;
    color: #0f7c8a;
    background: url(img/fleche-legendes.png) center 2px no-repeat;
    padding-top: 35px;
    line-height: 110%;
    margin-top: 3px;
    text-align: center
}

.imgWP {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-size: cover !important
}

.texteWP {
    box-sizing: inherit;
    padding: 20px 50px;
    font-size: 16px;
    line-height: 24px;
    background: #fff;
    color: #545454;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.texteWP ul {
    list-style-image: url(img/puce-fleche.gif);
    clear: left;
    padding-left: 25px
}

.texteWP ul ul {
    list-style-image: circle;
    padding-left: 30px
}

.texteWP ul li {
    margin-bottom: 6px;
    line-height: 125%
}

.wp-caption {
    background: #d5edf0;
    padding: 20px
}

.gris {
    background: #f4f4f4
}

.bleu {
    background: #2e6993
}

.one_half {
    width: 45%;
    margin-right: 25px
}

.texteWP table thead tr td {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    line-height: 110%;
    font-size: 15px;
    padding: 3px
}

.texteWP table {
    margin-bottom: 5px
}

.texteWP table caption {
    font-weight: 700;
    color: #19447f
}

.texteWP hr {
    clear: both;
    width: 100%
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.cd-container:after {
    content: "";
    display: table;
    clear: both
}

.cd-img-replace {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.cd-product {
    text-align: center
}

.cd-product-wrapper {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    width: 100%
}

.cd-product-wrapper > img {
    display: block
}

.cd-single-point {
    position: absolute;
    border-radius: 50%
}

.cd-single-point > a {
    position: relative;
    z-index: 2;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: inherit;
    background: #d95353;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

.cd-single-point.is-open::after,
.cd-single-point.visited::after {
    display: none
}

.cd-single-point > a::after,
.cd-single-point > a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.cd-single-point > a::after {
    height: 2px;
    width: 12px
}

.cd-single-point > a::before {
    height: 12px;
    width: 2px
}

.cd-single-point::after {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: transparent;
    -webkit-animation: cd-pulse 2s infinite;
    -moz-animation: cd-pulse 2s infinite;
    animation: cd-pulse 2s infinite
}

.cd-single-point.is-open > a {
    background-color: #07244e
}

.cd-single-point.is-open > a::after,
.cd-single-point.is-open > a::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    transform: translateX(-50%) translateY(-50%) rotate(135deg)
}

.cd-single-point.is-open .cd-more-info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s, -webkit-transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s, -moz-transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s;
    transition: opacity .3s 0s, visibility 0s 0s, transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s
}

.cd-single-point.visited > a {
    background-color: #58ad5e
}

@media only screen and (min-width:600px) {
    .cd-single-point.is-open .cd-more-info.cd-left {
        right: 140%
    }

    .cd-single-point.is-open .cd-more-info.cd-right {
        left: 140%
    }

    .cd-single-point.is-open .cd-more-info.cd-top {
        bottom: 140%
    }

    .cd-single-point.is-open .cd-more-info.cd-bottom {
        top: 140%
    }
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    50% {
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    100% {
        -webkit-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0)
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    50% {
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    100% {
        -moz-transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0)
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    50% {
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, .8)
    }

    100% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0)
    }
}

.cd-single-point .cd-more-info {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    line-height: 1.5;
    background-color: rgba(255, 255, 255, 1);
    padding: 2em 1em 1em;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: opacity .3s 0s, visibility 0s .3s, -webkit-transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s, -moz-transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s;
    transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s, top .3s 0s, bottom .3s 0s, left .3s 0s, right .3s 0s
}

.cd-single-point .cd-more-info::before {
    position: absolute;
    height: 0;
    width: 0;
    display: none;
    border: 8px solid transparent
}

.cd-single-point .cd-more-info h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: .6em
}

.cd-single-point .cd-more-info p {
    color: #758eb1
}

@media only screen and (min-width:600px) {
    .cd-single-point .cd-more-info {
        position: absolute;
        width: 250px;
        height: auto;
        padding: 1em;
        overflow-y: visible;
        line-height: 1.4;
        border-radius: .25em;
        box-shadow: 0 0 20px rgba(0, 0, 0, .5)
    }

    .cd-single-point .cd-more-info::before {
        display: block
    }

    .cd-single-point .cd-more-info.cd-left,
    .cd-single-point .cd-more-info.cd-left::before,
    .cd-single-point .cd-more-info.cd-right,
    .cd-single-point .cd-more-info.cd-right::before {
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .cd-single-point .cd-more-info.cd-left {
        right: 160%;
        left: auto
    }

    .cd-single-point .cd-more-info.cd-left::before {
        border-left-color: rgba(255, 255, 255, .95);
        left: 100%
    }

    .cd-single-point .cd-more-info.cd-right {
        left: 160%
    }

    .cd-single-point .cd-more-info.cd-right::before {
        border-right-color: rgba(255, 255, 255, .95);
        right: 100%
    }

    .cd-single-point .cd-more-info.cd-bottom,
    .cd-single-point .cd-more-info.cd-bottom::before,
    .cd-single-point .cd-more-info.cd-top,
    .cd-single-point .cd-more-info.cd-top::before {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .cd-single-point .cd-more-info.cd-top {
        bottom: 160%;
        top: auto
    }

    .cd-single-point .cd-more-info.cd-top::before {
        border-top-color: rgba(255, 255, 255, .95);
        top: 100%
    }

    .cd-single-point .cd-more-info.cd-bottom {
        top: 160%
    }

    .cd-single-point .cd-more-info.cd-bottom::before {
        border-bottom-color: rgba(255, 255, 255, .95);
        bottom: 100%
    }

    .cd-single-point .cd-more-info h2 {
        font-size: 20px;
        margin-bottom: 0
    }

    .cd-single-point .cd-more-info p {
        background: url(img/vague.png) center 0 no-repeat;
        padding-top: 20px;
        margin-top: 5px;
        font-size: 14px;
        line-height: 120%;
        color: #676f75
    }
}

.cd-close-info {
    position: fixed;
    top: 0;
    right: 0;
    height: 44px;
    width: 44px
}

.cd-close-info::after,
.cd-close-info:before {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background-color: #475f74;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.cd-close-info::after {
    height: 2px;
    width: 16px
}

.cd-close-info::before {
    height: 16px;
    width: 2px
}

@media only screen and (min-width:600px) {
    .cd-close-info {
        display: none
    }
}

@media only screen and (max-width:600px) {
    #in-progress {
        display: none !important
    }
}

hr.cale {
    clear: both;
    visibility: hidden
}

a.bouton {
    margin: 0 auto;
    background: #1b4581;
    color: #7f9ba7;
    display: inlineblock;
    padding: 4px 10px;
    font-size: 14px;
    transition: background-color ease .3s;
    text-decoration: none
}

a.bouton:hover {
    background: #315996;
    color: #fff
}

.menuContenus {
    display: inline
}

.case {
    display: block;
    padding: 15px 15px 15px 150px;
    background: url(img/boussole.png) 25px 25px no-repeat #e9e4df;
    font-family: CaviarDreams, Arial, sans-serif !important;
    color: #17447f;
    font-size: 18px
}

.image-contact {
    overflow: hidden;
    margin-right: 20px;
    height: 501px;
    width: auto
}

.image-contact img {
    max-width: 100%;
    margin-left: -322px;
    height: 100%;
    width: auto
}

@media (max-width:600px) {
    .image-contact img {
        margin-left: 0
    }
}

p.col-xs-12.information-shom {
    font-size: 10pt;
    margin-bottom: 30px
}

.document-gallery .document-icon .title {
    font-size: 12px
}

.container .jumbotron {
    border: 1px solid #0da8bb;
    padding: 40px;
    word-wrap: break-word
}

.jumbotron p {
    font-size: 17px
}

table thead td {
    border: 1px solid #0a93a6
}

table tbody td {
    border-right: silver solid 1px
}

.tarifs sup {
    color: #f29300
}

@media (min-width:768px) {

    td,
    th {
        min-width: 0 !important
    }
}

#header-fixed {
    position: fixed;
    top: 0;
    display: none;
    background-color: #fff
}

#cboxNext,
#cboxPrevious {
    top: 40% !important;
    width: 35px !important;
    height: 35px !important
}

#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxContent,
#cboxLoadingOverlay,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight {
    background: 0 0 !important
}

#cboxOverlay {
    opacity: .8 !important;
    background: #777 !important
}

/*#page_pro,
body.pace-running #page_pro,
body.page-template-page-professionnels #content-page {
    opacity: 0
}
*/
#cboxPrevious {
    left: 20px !important;
    background: url(img/left-arrow.png) no-repeat !important
}

#cboxNext {
    right: 20px !important;
    left: inherit !important;
    background: url(img/right-arrow.png) no-repeat !important
}

#cboxClose {
    top: 0 !important;
    background: url(img/icon.png) no-repeat !important
}

#cboxCurrent,
#cboxLoadingGraphic {
    display: none !important
}

#cboxWrapper {
    background: #999 !important
}

/*#content-page a {
    font-size: inherit;
}*/

body.page-template-page-professionnels #content-page,
#page_pro {
    -webkit-transform: opacity .5s ease;
    -moz-transform: opacity .5s ease;
    -o-transform: opacity .5s ease;
    -ms-transform: opacity .5s ease;
    transform: opacity .5s ease
}

body.page-template-page-professionnels.pace-done #content-page,
body.pace-done #page_pro {
    opacity: 1
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 200px;
    background: #fff;
    overflow: hidden
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: translate3d(0, 0, 0);
    -moz-transition: translate3d(0, 0, 0);
    -ms-transition: translate3d(0, 0, 0);
    -o-transition: translate3d(0, 0, 0);
    transition: translate3d(0, 0, 0);
    max-width: 200px;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: #f2851f
}

.pace.pace-inactive {
    display: none
}

div.loisir-nautique {
    padding: 15px
}

.loisir-nautique a {
    display: block;
    height: 230px;
    padding: 15px;
    opacity: 1;
    transition: opacity .8s ease-in-out
}

.loisir-nautique h2 {
    color: #fff;
    font-family: CaviarDreams, Arial, sans-serif;
    display: table-cell;
    vertical-align: middle;
    background: #0da8bb;
    width: 300px;
    height: 82px;
    padding: 10px;
    font-size: 26px;
    word-break: break-word;
    text-align: center;
}

#news iframe,
button#wpforms-submit-4049 {
    font-family: 'CaviarDreams', sans-serif
}

.loisir-nautique div {
    position: absolute;
    padding: 10px;
    right: 30px;
    bottom: 30px;
    background: #fff;
}

.loisir-nautique a:hover {
    opacity: .8;
    text-decoration: none
}

.interieur-loisir-nautique h2 {
    margin: 20px;
    border-bottom: 1px solid #fff;
    padding: 40px 20px;
    word-break: break-word;
    color: #fff
}

.navbar-default,
.page-id-2843 .gallery-item img {
    border: none !important
}

.interieur-loisir-nautique div.text-center {
    padding: 0;
    min-height: 300px
}

.interieur-loisir-nautique div.hidden-xs {
    height: 300px;
    overflow: hidden;
    padding: 0
}

.interieur-loisir-nautique div.hidden-xs img {
    min-width: 100%;
    min-height: 100%
}

.page-id-2843 .gallery-item {
    margin: 0 !important
}

@media (max-width:375px) {
    div#quatre-reference img {
        width: 30px
    }

    #block-mini-menu-carousel li a {
        font-size: 11px
    }
}

@media (max-width:1300px) {

    #block-mini-menu-carousel li:nth-child(3),
    li#menu-item-268 {
        right: -webkit-calc(50% - 25px) !important;
        right: -moz-calc(50% - 25px) !important;
        right: calc(50% - 25px) !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #principal-header-menu li .sub-menu li {
        text-transform: lowercase
    }

    .navbar {
        z-index: 200
    }
}

.lien-actu-tn-home {
    display: block
}

table {
    width: 100%;
    table-layout: fixed
}

@media (max-width:600px) {

    .container,
    .maree,
    .page-template-page-tarifs .container,
    .page-template-page-tarifs .texteWP {
        padding: 0
    }

    .texteWP {
        padding: 10px
    }

    table * {
        font-size: 10px !important
    }

    td {
        padding: 5px;
        overflow: hidden
    }

    .wp-caption-text.gallery-caption {
        display: none
    }
}

@media (max-width:1070px) {
    .wp-caption-text.gallery-caption {
        display: none
    }
}

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

    .five_sixth,
    .four_fifth,
    .full_width,
    .one_fifth,
    .one_fourth,
    .one_half,
    .one_sixth,
    .one_third,
    .three_fifth,
    .three_fourth,
    .two_fifth,
    .two_third {
        clear: both;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1em
    }
}

li#menu-item-297 > a,
li#menu-item-306 > a,
li#menu-item-324 > a,
li#menu-item-332 > a {
    display: block
}

@media(min-width: 1600px) {

    .page-id-159 li#menu-item-297,
    .page-id-228 li#menu-item-2149,
    .page-id-6648 li#menu-item-6784,
    .page-id-11508 li#menu-item-2149 {
        margin-left: 45px
    }
}


.BM {
    font-weight: 500
}

.navbar-default {
    background-color: #0da8bb !important;
    margin-bottom: 0 !important;
    z-index: 3;
}

.content-column {
    padding: 10px
}

.img-meteo:hover {
    opacity: .5
}

.img-meteo {
    opacity: 1;
    transition: opacity .3s linear
}

a {
    max-width: 100%
}

.page-id-88 .maree td.heure {
    font-weight: 400
}

div#services-lignes-home h2 {
    padding-top: 15px;
    margin: 0
}

button#wpforms-submit-4049 {
    border: none;
    background: #19447f;
    color: #fff;
    padding: 5px 10px
}

div#wpforms-4049-field_1-container * {
    display: inline
}

input#wpforms-4049-field_1 {
    margin-left: 15px
}

div.wpforms-container-full,
form#wpforms-form-4049 {
    margin-bottom: 0
}

div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
    padding: 5px 0;
    clear: both
}

#liste-avis article h3.titre-avis.title_dragage {
    width: -webkit-calc(100% - 115px);
    width: -moz-calc(100% - 115px);
    width: calc(100% - 115px)
}

@media (max-width:768px) {

    .page-id-159 li#menu-item-297,
    .page-id-228 li#menu-item-2149 {
        margin-left: 0
    }

    .page-id-902 .texteWP p,
    .page-id-904 .texteWP p {
        position: relative
    }

    .page-id-902 .texteWP p {
        min-height: 100vh
    }

    .page-id-904 .texteWP p {
        min-height: 60vh
    }

    .page-id-902 .texteWP p object,
    .page-id-904 .texteWP p object {
        position: absolute;
        -webkit-transform-origin-x: left;
        -webkit-transform-origin-y: top
    }

    .page-id-902 .texteWP p object {
        -webkit-transform: scale(.8)
    }

    .page-id-904 .texteWP p object {
        -webkit-transform: scale(.7)
    }

    #news iframe {
        margin-top: 1em
    }
}

@media (max-width:425px) {

    .page-id-159 li#menu-item-297,
    .page-id-228 li#menu-item-2149 {
        margin-left: 0
    }

    .page-id-902 .texteWP p,
    .page-id-904 .texteWP p {
        position: relative
    }

    .page-id-902 .texteWP p {
        min-height: 65vh
    }

    .page-id-904 .texteWP p {
        min-height: 30vh
    }

    .page-id-902 .texteWP p object,
    .page-id-904 .texteWP p object {
        position: absolute;
        -webkit-transform-origin-x: left;
        -webkit-transform-origin-y: top
    }

    .page-id-902 .texteWP p object {
        -webkit-transform: scale(.5)
    }

    .page-id-904 .texteWP p object {
        -webkit-transform: scale(.4)
    }

    div.titre-anime {
        height: 40px
    }

    .titre-anime h1 {
        font-size: 22px
    }

    #block-mini-menu-carousel.container {
        top: -184px
    }

    #block-mini-menu-carousel li {
        display: block;
        width: 100%;
        opacity: .8;
        margin-left: 0;
        margin-bottom: 2px
    }

    #block-mini-menu-carousel li:nth-child(3),
    li#menu-item-268 {
        top: 188px
    }

    #secondary-footer-menu {
        padding-left: 0
    }

    #secondary-footer-menu li {
        margin-bottom: 10px
    }
}

@media (max-width:375px) {
    .page-id-902 .texteWP p {
        min-height: 70vh
    }

    .page-id-904 .texteWP p {
        min-height: 40vh
    }

    .page-id-902 .texteWP p object {
        -webkit-transform: scale(.4)
    }

    .page-id-904 .texteWP p object {
        -webkit-transform: scale(.3)
    }

    ul.langs a {
        padding-bottom: 5px
    }
}

@media (max-width:320px) {
    .page-id-902 .texteWP p object {
        -webkit-transform: scale(.35)
    }
}

#in-progress {
    position: absolute;
    right: 360px;
    color: #FFF;
    top: 4px;
    padding: 8px 10px
}

#in-progress p {
    font-family: 'Caviar Dreams', sans-serif;
    font-size: 12px;
    font-style: italic
}

#in-progress p::before {
    content: url(img/uk.png);
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 5px
}

.page-id-228 #services-lignes-home,
.page-id-6648 #services-lignes-home,
.page-id-11508 #services-lignes-home {
    margin-bottom: 0
}

#services-lignes-home h2 {
    font-size: 24px
}

#services-lignes-home .socials-medias a {
    border: 0;
}

#services-lignes-home .socials-medias a:hover {
    background-color: transparent;
}

#services-lignes-home .socials-medias a {
    padding: 5px;
}

.postid-9313 .wp-post-image {
    display: none;
}

#principal-footer-menu > li:last-child {
    display: none;
}


/* Avis aux navigateurs */

#liste-avis article a {
    display: block;
    background-color: #fff;
}

#liste-avis article h3:first-child {
    min-width: 70px;
}

h2.titre-avis-courant {
    width: 100%;
    display: block;
    margin-top: 0;
}

/* IFRAME NEWS */

#news {
    text-align: center;
}

#wrapper_iframe {
    position: relative;
    max-width: 90%;
    height: 470px;
    max-height: 470px;
    margin: 0 auto;
}

@media (max-width: 990px) {
    #wrapper_iframe {
        max-width: 100%;
        height: 600px;
        max-height: 100vh;
    }
}

@media (max-width: 600px) {
    #wrapper_iframe {
        max-width: 100%;
        height: 800px;
    }
}


#news iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#news iframe form input#w-preview-consent-checkbox {
    float: left;
}

/* IFRAME METEO */

body.page-id-80 .texteWP {
    padding: 20px 30px;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    height: 900px;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    border: 0;
    height: 100%;
    width: 100%;
}

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

    body.page-id-80 .texteWP {
        padding: 10px;
    }


    .iframe-container {
        height: 1200px;
    }

}

/*@media screen and (max-width: 700px) {

    .iframe-container {
        height: 1300px;
    } 

}*/

/* BAR DE PARTAGE */

.ssbp-wrap {
    margin-top: 2em;
    font-size: inherit !important;
}

.ssbp--theme-11 .ssbp-list li {
    margin-left: 0 !important;
}

.ssbp--theme-11 .ssbp-btn {
    padding: 0.6em 1em 8px !important;
}

/* TARTE AU CITRON */

body:not(.page-id-8876) #tarteaucitronAlertSmall {
    display: none !important;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronPercentage,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
    background: #3EA8BB !important;
}

/* Menu */

#principal-header-menu li.btn_annuaire {
    display: inline-block;
    height: 50px;
    padding: 14px 15px 16px;
}

#principal-header-menu li.btn_annuaire a {
    padding: 0 10px;
    letter-spacing: 1px;
    font-family: CaviarDreams;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 3px;
}

#principal-header-menu li.btn_annuaire:hover a {
    text-decoration: none;
}

#principal-footer-menu li:nth-last-child(2) {
    display: none;
}

@media (max-width: 1600px) {
    #principal-header-menu li.btn_annuaire {
        position: relative;
        width: 130%;
        left: -55px;
        display: block;
        height: inherit;
        padding: 5px 40px;
    }
}


/* Démarches en ligne */

/* Bouton accueil */
div#services-lignes-home a.btn_red,
div#services-lignes-home a.btn_red:hover {
    border-color: #c0295b;
    background-color: #c0295b;
    font-weight: 600;
    color: #fff;
}

/* Page */
.header_page {
    display: block;
    padding: 2em;
    background-color: #fff;
}

.content_demarche,
.content_page_form {
    padding: 2em 0
}

.content_demarche .texteWP {
    background-color: #f4f4f4;
}

body.page-template-page-demarches h1::after {
    content: none;
}

.content_demarche h3 {
    display: inline-block;
    margin-top: 0;
    padding: 10px 15px;
    background: #ffb226;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}

.content_demarche ul {
    list-style: none;
    margin-bottom: 2em;
    padding: 0;
}

.content_demarche ul li {
    position: relative;
    margin-bottom: 10px;
    padding: 10px 10px 10px 65px;
    background-color: #fff;
    color: #19447f;
    transition: background-color 0.2s ease;
}

.content_demarche ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 100%;
    background-image: url(img/list_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0da8bb;
}

.content_demarche ul li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 45px;
    width: 0;
    height: 0;
    border-top: 45px solid #0da8bb;
    border-right: 10px solid transparent;
}

.content_demarche ul li:hover {
    background-color: #0da8bb;
    color: #fff;
}

.content_demarche ul li a {
    color: #19447f;
}

.content_demarche ul li:hover a {
    color: #fff;
    text-decoration: none;
}

/* Page form */

body.page-template-page-formulaire h1 {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid;
    font-weight: 600;
    font-size: 32px;
    text-transform: uppercase;
}

body.page-template-page-formulaire h1::after {
    content: none;
}

body.page-template-page-formulaire h3 {
    padding: 15px;
    font-family: 'Open sans', sans-serif;
    text-align: center;
    background: #0da8bb;
    color: #fff;
}

.aside_form a.btn_back {
    position: relative;
    font-family: 'CaviarDreams', 'Arial', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    color: #000;
}

.aside_form a.btn_back::before {
    content: '';
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    border: 2px solid;
    border-radius: 50%;
    background-image: url(img/back-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

body.page-template-page-formulaire .wrapper_form ul {
    list-style-image: url(img/puce-fleche.gif);
    clear: left;
    padding-left: 25px;
}

body.page-template-page-formulaire .wrapper_form em,
body.page-template-page-formulaire .wrapper_form strong,
body.page-template-page-formulaire .wrapper_form a {
    font-size: inherit;
}

body.page-template-page-formulaire .wrapper_form a {
    color: #c0295b !important;
}

/* Form */

body.page-id-8876,
body.page-template-page-formulaire {
    overflow-x: hidden;
}

body.page-id-8876 form.wpcf7-form {
    max-width: 580px;
    margin: 4em auto;
    border: 1px solid;
}

body.page-id-8876 .wrapper_form,
body.page-template-page-formulaire .wrapper_form {
    margin: 2em 0;
    padding: 2em;
    background-color: #fff;
}

body.page-template-page-formulaire .content_page_form h3 {
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 20px;
}

body.page-id-8876 #content-page form,
body.page-template-page-formulaire #content-page form {
    margin: 2em 0 0;
}

body.page-id-8876 form fieldset,
body.page-template-page-formulaire form fieldset {
    margin-bottom: 1em;
}

body.page-id-8876 form legend,
body.page-template-page-formulaire form legend {
    padding: 15px;
    border: none;
    text-align: center;
    background: #0da8bb;
    font-size: 20px;
    color: #fff;
}

body.page-id-8876 form .form-row,
body.page-template-page-formulaire form .form-row {
    overflow: hidden;
}

body.page-id-8876 form label,
body.page-template-page-formulaire form label,
body.page-id-8876 form .wpcf7-list-item-label,
body.page-template-page-formulaire form .wpcf7-list-item-label,
body.page-id-8876 form p,
body.page-template-page-formulaire form p {
    font-weight: normal;
    font-size: 14px;
}

body.page-id-8876 form label,
body.page-template-page-formulaire #content-page form label,
body.page-id-8876 form input:not(#wpcf7_signature_clear):not(.wpcf7-submit),
body.page-template-page-formulaire #content-page form input:not(#wpcf7_signature_clear):not(.wpcf7-submit),
body.page-id-8876 form select,
body.page-template-page-formulaire #content-page form select,
body.page-id-8876 form textarea,
body.page-template-page-formulaire #content-page form textarea {
    width: 100%;
    font-size: 14px;
}

body.page-id-8876 form input,
body.page-template-page-formulaire form input,
body.page-id-8876 form select,
body.page-template-page-formulaire form select,
body.page-id-8876 form textarea,
body.page-template-page-formulaire form textarea {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #808080;
}

body.page-id-8876 form input[type="file"],
body.page-template-page-formulaire form input[type="file"] {
    padding: 10px;
}

.checkbox-rules .wpcf7-list-item {
    margin: 0;
}

body.page-id-8876 form textarea,
body.page-template-page-formulaire form textarea {
    max-width: 100%;
    height: 100px;
}

body.page-id-8876 form .wpcf7-form-control-signature-wrap,
body.page-template-page-formulaire form .wpcf7-form-control-signature-wrap {
    width: 100% !important;
}

body.page-id-8876 form .wpcf7-form-control-signature-global-wrap,
body.page-template-page-formulaire form .wpcf7-form-control-signature-global-wrap,
body.page-id-8876 form label.signature,
body.page-template-page-formulaire form label.signature {
    padding: 0 15px;
}

body.page-id-8876 form .wpcf7-form-control-signature-wrap canvas,
body.page-template-page-formulaire form .wpcf7-form-control-signature-wrap canvas {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #808080;
}

body.page-id-8876 span.required,
body.page-template-page-formulaire span.required {
    font-size: 12px;
    color: #f00;
}

body.page-template-page-formulaire .content_article {
    margin: 1em 0;
    font-style: italic;
}

body.page-template-page-formulaire .content_article h4 {
    font-style: normal;
    color: #000;
}

body.page-template-page-formulaire .checkbox_rule {
    margin: 2em 0;
    padding: 1em;
    border: 3px solid #19447f;
}

body.page-template-page-formulaire #checkbox-bassins > span,
body.page-template-page-formulaire #checkbox-vignette > span {
    display: block;
    margin-left: 0
}

body.page-template-page-formulaire form .wrapper_article .checkbox_rule input,
body.page-id-8876 form input[type="checkbox"],
body.page-template-page-formulaire form input[type="checkbox"] {
    width: auto !important;
}

body.page-id-8876 form .wrapper_checkbox .wpcf7-checkbox,
body.page-template-page-formulaire form .wrapper_checkbox .wpcf7-checkbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

#checkbox-augmentation .wpcf7-list-item {
    display: block;
}

body.page-template-page-formulaire form input.grey {
    background-color: #f1f1f1
}

body.page-template-page-formulaire form .mention_legale {
    font-style: italic;
    font-size: 13px;
    padding: 0 15px;
}

body.page-template-page-formulaire form input[type="checkbox"]:disabled {
    background-color: aqua !important;
}

body.page-id-8876 form input.wpcf7-submit,
body.page-template-page-formulaire form input.wpcf7-submit {
    display: block;
    margin: 0em auto 0;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 18px;
    background-color: #8cd01e;
    color: #fff;
    border: none;
}

.wrapper_checkbox.exclusive label::after {
    content: '*';
    color: #0da8bb;
}

.wrapper_checkbox.inline .list_checkbox {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center !important;
}

.wrapper_checkbox:not(.inline) .wpcf7-list-item {
    width: 100%;
    margin-left: 0;
}

/* Signature */

body.page-id-8876 #wpcf7_signature_clear,
body.page-template-page-formulaire #wpcf7_signature_clear {
    padding: 0 5px;
    border: 0;
    background: transparent;
    color: #0da8bb;
    text-decoration: underline;
    font-size: 12px;
    outline: none;
}

body.page-id-8876 form .mention,
body.page-template-page-formulaire form .mention {
    display: block;
    padding: 0 15px;
    text-align: right;
    color: #f00;
    font-style: italic;
}


body.page-id-8876 form .mention.blue,
body.page-template-page-formulaire form .mention.blue {
    color: #0da8bb
}

/* Message rgpd */

body.page-id-8876 .rgpd,
body.page-template-page-formulaire .rgpd {
    margin: 2em 15px 0;
    font-size: 12px;
    color: #808080;
    line-height: 20px;
    font-style: italic;
}

body.page-id-8876 .rgpd a,
body.page-template-page-formulaire .rgpd a,
body.page-id-8876 span.wpcf7-not-valid-tip,
body.page-template-page-formulaire span.wpcf7-not-valid-tip {
    font-size: 12px;
}

/* Message sent */

body.page-id-8876 .wpcf7 form div.visible-only-if-sent,
body.page-template-page-formulaire .wpcf7 form div.visible-only-if-sent {
    display: none;
    padding: 20px;
    border: 3px solid #8cd01e;
}

body.page-id-8876 .wpcf7 form div.visible-only-if-sent h4,
body.page-template-page-formulaire .wpcf7 form div.visible-only-if-sent h4 {
    color: #8cd01e;
}

body.page-id-8876 .wpcf7 form.sent div.visible-only-if-sent,
body.page-template-page-formulaire .wpcf7 form.sent div.visible-only-if-sent {
    display: block;
}

body.page-id-8876 .wpcf7 form div.wpcf7-response-output,
body.page-template-page-formulaire .wpcf7 form div.wpcf7-response-output {
    display: none !important;
}


@media(max-width:600px) {
    .content_demarche h3 {
        font-size: 18px;
    }

    .content_demarche ul li a,
    .content_demarche ul li a strong {
        font-size: 14px;
    }

    .content_demarche ul li::after {
        content: none;
    }

    body.page-id-8876 .wrapper_form,
    body.page-template-page-formulaire .wrapper_form {
        padding: 1em;
    }

    body.page-id-8876 form .wrapper_checkbox .wpcf7-checkbox,
    body.page-template-page-formulaire form .wrapper_checkbox .wpcf7-checkbox {
        justify-content: center;
    }

    .g-recaptcha {
        transform: scale(0.88);
        transform-origin: 0 0;
    }
}


/* 
** CALCULATRICE
*/

body.page-template-page-calculatrice #surf {
    margin-top: 1.5em;
    color: #1b3f7b;
}

body.page-template-page-calculatrice #surf p {
    margin: 0;
    padding: 5px 10px;
    background-color: #FFF;
    font-weight: bold;
}

body.page-template-page-calculatrice #surf span {
    float: right;
}

/* Print friendly button*/

body.page-template-page-calculatrice #cmd {
    width: 100%;
    padding: 13px;
    margin-top: 2em;
    background: #b22460;
    border: none;
    font-weight: bold;
    font-family: 'CaviarDreamsBold', Arial, sans-serif;
    color: #fff;
}

body.page-template-page-calculatrice em {
    font-size: 12px;
}

body.page-template-page-calculatrice em.important {
    font-size: 16px;
    font-weight: 500;
    color: #F44336;
}

body.page-template-page-calculatrice hr {
    width: 350px;
    height: 2px;
    margin: 0 auto;
    border-color: #7777778c;
}

/* Content style */

body.page-template-page-calculatrice .texteWPTarif {
    margin-top: 3em;
}

body.page-template-page-calculatrice .texteWPTarif p,
body.page-template-page-calculatrice .texteWPTarif ul li,
body.page-template-page-calculatrice .texteWPTarif p strong {
    font-size: 14px;
    line-height: 24px;
    color: #6b6b6b;
    text-align: justify;
}

body.page-template-page-calculatrice .texteWPTarif h2,
body.page-template-page-calculatrice .texteWPTarif h3 {
    text-align: left;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 2em;
}

body.page-template-page-calculatrice .texteWPTarif h3 {
    font-size: 16px;
    color: #777777;
}

body.page-template-page-calculatrice .texteWPTarif h4 {
    margin: 1.5em 0;
    font-family: 'Open sans';
    font-size: 16px;
    font-weight: bold;
    color: #1b3f7b;
}

body.page-template-page-calculatrice .texteWPTarif a {
    font-size: inherit;
}

body.page-template-page-calculatrice #contact {
    margin: 3em 0;
    font-family: 'Open sans';
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    color: #1b3f7b;
    text-align: center;
}

body.page-template-page-calculatrice #contact p {
    width: 45%;
    margin: 0 auto;
}

@media (max-width: 992px) {

    body.page-template-page-calculatrice .texteWPTarif,
    body.page-template-page-calculatrice .aside,
    body.page-template-page-calculatrice .aside .fond-gris,
    body.page-template-page-calculatrice .aside .fond-bleu {
        margin-left: auto;
        margin-right: auto;
    }

    body.page-template-page-calculatrice #content-page .aside {
        margin-right: 0;
        padding: 15px;
    }
}

/* Form style */

body.page-template-page-calculatrice .aside {
    margin-right: 5em;
    padding: 0;
}

body.page-template-page-calculatrice .fond-bleu {
    background: #0da8bc;
    font-family: 'Helvetica', sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 2em;
    margin-top: 3em;
    margin-bottom: 1em;
    border: 1px solid #e0e0e0;
    color: #FFF;
}

body.page-template-page-calculatrice .infos {
    text-align: center;
    padding: 10px 15px;
}

.infos p {
    font-size: 14px;
    color: #1c3e7a;
    font-weight: 500;
    font-style: italic;
}

body.page-template-page-calculatrice .infos p strong {
    font-size: 14px;
    text-decoration: underline;
}

body.page-template-page-calculatrice .details {
    list-style: none;
    color: #000;
    margin: 0 auto;
    margin-top: 1em;
    padding: 0;
}

body.page-template-page-calculatrice .details li {
    padding: 5px 15px;
    color: #575f6b;
    font-weight: bold;
}

body.page-template-page-calculatrice .details li p {
    margin: 0;
    padding-left: 1em;
    width: 70%;
    display: inline-block;
}

body.page-template-page-calculatrice .details li span {
    color: #1c3e7a;
    font-weight: bold;
}

body.page-template-page-calculatrice .details #tarifCorrige {
    padding: 10px 15px;
    background-color: #1b3f7b;
    color: #FFF;
}

body.page-template-page-calculatrice .details #tarifCorrige span {
    color: #FFF;
}

body.page-template-page-calculatrice .details li:nth-child(odd) {
    background-color: #fff;
}

body.page-template-page-calculatrice .details li:nth-child(even) {
    background-color: #e4e4e4;
}

body.page-template-page-calculatrice .details li.regular p {
    width: 25%;
}

body.page-template-page-calculatrice .details li.regular #ecartTotal {
    display: inline-block;
    width: 20%;
    text-align: right;
}

body.page-template-page-calculatrice .details li.regular .text-muted {
    font-weight: normal;
    width: 52%;
    display: inline-block;
    text-align: left;
    line-height: 9px;
}

body.page-template-page-calculatrice .details li.th {
    padding: 12px;
    background-color: #1c3e7a;
    color: #FFF;
    text-align: center;
}

body.page-template-page-calculatrice .details li.th p {
    font-size: 18px;
}

body.page-template-page-calculatrice h3.formTitre {
    text-align: center;
    color: #1b3f7b;
    font-size: 22px;
    margin-top: 1.5em;
}

body.page-template-page-calculatrice .form-row {
    padding: 0;
}

body.page-template-page-calculatrice .fond-bleu label {
    font-size: 14px;
    font-family: 'open sans';
}

body.page-template-page-calculatrice .fond-bleu label:last-of-type {
    padding: 0;
}

body.page-template-page-calculatrice .input {
    padding: 0.5em;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-style: italic;
    font-weight: bold;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-style: italic;
    font-weight: bold;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-style: italic;
    font-weight: bold;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-style: italic;
    font-weight: bold;
}

body.page-template-page-calculatrice .text-muted {
    font-size: 0.75em;
    font-style: italic;
    color: #ffffffa8;
}

body.page-template-page-calculatrice h3.formTitre {
    text-align: center;
    color: #1b3f7b;
}

body.page-template-page-calculatrice p.tarif {
    margin: 0;
    text-align: center;
    padding: 10px 15px;
    background-color: #1b3f7b;
    font-size: 22px;
}

body.page-template-page-calculatrice #fee_result {
    font-weight: bold;
    font-size: 22px;
}

body.page-template-page-calculatrice .mentions {
    display: block;
    margin-top: 0.5em;
    line-height: 13px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
}

body.page-template-page-calculatrice .inclus {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
}