/*
Theme Name: businessfinderChild
Theme URI: http://preview.ait-themes.com/directory/wp1
Author: AitThemes
Author URI: http://www.ait-themes.com
Description: Carte privilège - Gites de France Finistère
Version: xx
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Template: businessfinder
*/
@import url("../businessfinder/style.css");
@import url("../businessfinder/style_tmp.css");
@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600,700,800|Rubik:400,400i,500,500i,700,700i,900');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
html {
overflow-x: hidden;
}
body.wp-admin .sidebars-column-1 div#widgets-right .sidebar-name h3 {
font-size: 0;
}
.wp-admin .sidebars-column-1 div#widgets-right .sidebar-name h3:before {
content: 'Colonne droite';
font-size: 1.3em;
display: inline-block;
}
@font-face {
font-family: 'amaranth';
font-style: normal;
font-weight: 400;
src: local('Amaranth'), url(https://fonts.gstatic.com/s/amaranth/v6/No9yO-s63zoPZDtAqBg6OfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')
}
@font-face {
font-family: 'amaranthbold';
font-style: normal;
font-weight: 700;
src: local('Amaranth Bold'), local('Amaranth-Bold'), url(https://fonts.gstatic.com/s/amaranth/v6/hh4Od9pccylRpuf5LUPgEo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2')
}
@font-face {
font-family: 'amaranthitalic';
font-style: italic;
font-weight: 400;
src: local('Amaranth Italic'), local('Amaranth-Italic'), url(https://fonts.gstatic.com/s/amaranth/v6/J0IatWFySU8P-ir89pUoJPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2')
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2')
}
@font-face {
font-family: 'Open Sans bold';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2')
}
@font-face {
font-family: 'Climacons-Font';
src: url('fonts/climacons-webfont.eot');
src: url('fonts/climacons-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/climacons-webfont.svg#Climacons-Font') format('svg'), url('fonts/climacons-webfont.woff') format('woff'), url('fonts/climacons-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal
}
#page .topbar {
display: none;
}
#wpadminbar:hover {
opacity: 1;
top: 0
}
#wpadminbar {
top: -24px;
opacity: 0;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s
}
.menu-login {
margin: 0 0 15px 5px;
}
#access .mainmenu>ul>li {
margin-left: 5px;
}
.category-subcategories {
padding: 15px 0 0;
}
.category-subcategories h2 {
margin-bottom: 10px;
}
.subcats-holder {
position: relative;
top: 0;
width: 100%;
}
[page="accueil"] .map-holder {
margin-top: 335px;
border-bottom: 30px solid #F4F4F4;
}
.titre-cat {
color: #555 !important;
}
.subcats-holder.categories-active.locations-inactive .category-subcategories.categories {
padding-bottom: 0;
}
.nocomments {
display: none !important
}
a {
color: #6a870f;
}
#logo {
padding: 5px 0 0
}
#logo img {
max-width: 370px;
}
[page="accueil"] .section-recent-places {
background: #f6f6f6
}
[page="accueil"] .best-places-wrap,
[page="accueil"] .recent-places-wrap {
background: #f6f6f6;
}
[page="accueil"] #directory-main-bar {
max-height: 500px !important;
}
[page="condition"] #directory-main-bar,
[page="contact"] #directory-main-bar {
max-height: 500px !important;
background-size: container;
}
[page="nos-partenaires"] .section-title {
display: none;
}
.entry-header {
padding: 15px 0 0 0;
}
.section-special-offers .prev,
.section-special-offers .next {
border: 2px solid #FF9C00
}
.section-special-offers .next-img {
background: url('design/img/soffers-section-arrows.png') no-repeat right center scroll transparent !important
}
.section-special-offers .prev-img {
background: url('design/img/soffers-section-arrows.png') no-repeat left center scroll transparent !important;
}
.items-grid-view .item-address-pin {
background: url('design/img/item-map-pin.png') center 0 no-repeat scroll transparent !important
}
#directory-search .iphone-style {
background: url('design/img/geolocation.png') center bottom no-repeat transparent !important
}
#directory-search .iphone-style:hover,
#directory-search .iphone-style.on {
background-position: center top !important
}
.section-recent-places .items .item {
border: 1px solid #ebebeb;
background-color: #FFF !important;
}
.home .section-recent-places .items .item-thumbnail {
position: relative;
margin: 0 auto;
}
.single-ait-dir-item .map-holder,
#update-nag,
.update-nag {
display: none;
}
.special-offer-holder .no-image {
background: url(images/promo.jpg) no-repeat;
height: 277px;
}
.special-offer-holder .no-image .price {
position: absolute;
float: none;
}
div#_ait-dir-item_metabox>h3>span,
div#postimagediv>h3>span {
font-size: 0
}
div#_ait-dir-item_metabox>h3>span:before {
content: "Options pour l'offre";
font-size: 14px
}
div#postimagediv>h3>span:before {
content: "Image de l'offre";
font-size: 14px
}
.dir-sorting.clearfix {
display: none
}
body.single-ait-dir-item .item-detail-info.clearfix {
width: 30%;
padding-bottom: 0
}
body.single-ait-dir-item .entry-content.clearfix {
width: 70%;
float: left;
margin-top: 0;
font-family: open sans !important;
font-size: 1.2em !important;
padding-top: 0
}
body.page #primary,
body.page #secondary {
font-family: open sans !important;
font-size: 1.2em !important
}
body.page #primary a,
body.page #secondary a {
color: #FF9C00;
font-weight: bold
}
body.single-ait-dir-item .item-detail-info {
width: 70%;
float: left;
border-bottom: none
}
body.single-ait-dir-item .customFieldBf.clearfix {
display: none
}
body.single-ait-dir-item .item-detail-thumbnail.left {
width: 306.66666666667px
}
body.single-ait-dir-item .special-offer-holder {
background: none;
border-top: 1px solid #eee;
padding-top: 0
}
body.single-ait-dir-item .special-offer-holder .wrapper {
padding: 60px 0 35px
}
.item-detail-share.clearfix {
border: none;
position: relative;
float: left;
width: 100%
}
.single-ait-dir-item div#content {
border-bottom: none
}
.category-subcategories .description {
display: none
}
.home .map-holder {
margin-top: 0;
height: 540px !important;
border-bottom: 3px solid #3C6C6C;
}
#wpcontent #branding .other-buttons a.button.view-site {
display: none;
}
#registerform {
padding-bottom: 15px;
}
#registerform input {
background: #ffffff;
color: #666666;
border: 2px solid #e8e8e8;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 10px 8px
}
#registerform #wp-submit {
color: #ffffff;
background: #50B8B8;
font-family: 'amaranthbold';
font-size: 18px;
cursor: pointer;
display: inline;
font-weight: bold;
width: auto;
margin: 0;
float: left;
border: none;
padding: 10px 15px
}
.gmnoprint .gm-style-mtc {
display: none !important;
}
.widget-area .widget-title {
font-family: 'amaranthbold';
font-size: 22px;
}
.footer-menu li a:hover,
.footer-menu li.current-menu-item a,
.footer-menu li.current_page_item a {
font-weight: normal;
color: #FF8534;
}
footer#colophon {
background: #50b8b8;
color: #fff !important;
border-top: none;
}
footer#colophon * {
color: #fff;
text-shadow: none;
}
#footer-text {
text-shadow: none !important;
width: 40%;
text-align: left;
}
#footer-text ul {
display: inline-block;
float: left;
font-size: 15px;
}
#footer-text ul:nth-child(2) {
margin-right: 30px;
}
#footer-text>p>strong {
font-size: 18px;
}
.wpcf7 .required {
font-size: 10px !important;
color: #666666 !important;
background: none !important;
left: -20px !important;
}
.home #directory-main-bar {
z-index: 1 !important;
top: 0;
height: 540px !important;
}
.home #directory-search.map-search {
width: 1000px;
margin: 0 auto !important;
}
.home #directory-search.map-search #dir-search-form {
z-index: 2 !important;
bottom: 113px !important;
border-width: 9px !important;
border-style: solid !important;
border-color: #F4F4F4 !important;
right: inherit;
left: 8px;
border-radius: 0;
margin-left: -15px
}
body:not(.home) #directory-search.map-search #dir-search-form {
right: inherit;
left: -9px;
bottom: 0;
}
.home .mainpage {
margin-top: 0 !important;
}
.search #directory-main-bar {
z-index: 1 !important;
}
.search #directory-search.map-search #dir-search-form {
z-index: 2 !important;
border-radius: 0 !important;
bottom: 93px;
border-bottom: 9px solid #f4f4f4;
margin-left: -15px;
}
.search #directory-main-bar {
height: 520px !important;
}
.search .mainpage {
padding-bottom: 30px;
border-top: 3px solid #3C6C6C;
}
.item-detail-social {
text-align: left !important;
}
.print.bottom {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.at4-icon-left.at4-icon.aticon-print {
background-color: #FFF !important;
background-image: url('images/bouton-print.gif');
background-repeat: no-repeat !important;
background-size: cover !important;
width: 20px !important;
height: 20px !important;
margin-top: 2px;
}
.item-detail-share.clearfix .item-detail-social {
width: auto;
padding: 0;
height: 22px;
display: inline-block;
vertical-align: top;
}
.item-detail-social.tw,
.item-detail-social.fb {
margin-top: 2px;
}
.item-detail-social.tw {
width: 75px !important;
}
.item-detail-social.gp {
width: 75px !important;
}
.item-detail-social.fb {
width: 95px !important;
}
.item-detail-share.clearfix.recents .item-detail-social.fb {
margin-left: 10px;
}
.item-detail-social.print {
height: 23px;
display: inline-block;
width: 20px !important;
}
.other-buttons {
position: absolute;
top: -50px;
right: 80px;
}
#access .menu.clear>ul>li>a,
#access .mainmenu>ul>li>a {
color: #58AEAD;
font-family: Amaranth !important;
font-size: 1.3em;
text-transform: none;
border-radius: 0 !important;
}
.menu.clear>ul>li:hover>a,
.mainmenu>ul>li:hover>a {
color: #FFF;
background: none;
border-radius: 0 !important;
border-bottom: 3px solid #58AEAD !important;
}
.menu.clear>ul>li.current_page_item>a {
background: none !important;
border-radius: 0 !important;
border-bottom: 3px solid #58AEAD !important
}
.current-menu-item>a {
color: #fff !important;
}
.current-menu-item>a:hover {
color: #58AEAD !important;
}
#top-map {
width: 100%;
border-top: 2px solid #FE9D00;
position: relative;
height: calc(100vw / 1920 * 232);
background: url(images/top-carte.jpg) no-repeat;
background-size: cover;
min-height: 230px;
background-position: center center !important;
}
.subcats-holder.categories-active.locations-inactive .category-subcategories.categories {
padding-bottom: 30px !important;
}
.category-subcategories h2 {
font-family: Amaranth !important;
color: #397374;
font-size: 2em;
}
.category-subcategories .icon {
width: 43px;
height: 42px;
background-size: contain !important;
}
.category-subcategories .heading h3 a,
#page h3 a {
font-size: .80em;
color: #AE197A !important;
font-weight: 600;
}
.onecolumn .sc-column.one-fourth,
.onecolumn .sc-column.one-fourth-last {
width: auto;
}
.sc-column.sc-column-last {
margin-right: 0;
}
#main .category-subcategories::after {
content: '';
border-color: #F4F4F4 transparent transparent;
border-style: solid;
border-width: 50px 50px 0;
cursor: pointer;
height: 0;
position: absolute;
margin: 9px 0 0 50%;
width: 0;
}
.home #titre-section {
font-size: 2.3em;
font-family: Open Sans;
color: #78CECD;
line-height: 1.5em;
margin-left: 0;
}
.home #titre-section span {
width: 100%;
display: block;
margin-left: 0;
}
.home #titre-section #section-inter {
color: #7FCFCE;
font-family: open sans bold;
}
.home #titre-section #section-inter2 {
padding-left: 180px;
color: #80CFD3;
font-family: open sans
}
.home #texte-section {
position: relative;
margin-top: 30px;
padding-left: 100px;
font-size: 1.2em;
font-family: open sans
}
.home #texte-section::before {
content: '';
position: absolute;
margin-top: -20px;
top: 0;
left: 0;
width: 55px;
height: 55px;
background-image: url(images/picto-section-home.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: contain;
}
.home .wrapper .section-title {
font-family: amaranthitalic !important;
font-weight: bold !important;
color: #FFA73B !important;
font-size: 2em;
}
.section-recent-places .items-grid-view .item.sc-column {
border: 3px solid #FAA632;
margin: 0 25px 9px 0;
}
.section-recent-places .items-grid-view .item.sc-column-last {
margin: 0 0 9px 0 !important;
}
.recent-places-wrap {
background: transparent !important;
}
.home #main.mainpage {
/* background: #fff url(images/fond-site.png) no-repeat; */
/* background-position: center 300px; */
}
#main.mainpage {
/* background: #fff url(images/fond-site.png) no-repeat;
background-position: center bottom; */
}
.mainpage h3.item-title {
line-height: 1.3;
margin: 0 0 12px;
font-family: amaranth !important;
font-size: 2.1em;
margin: 15px 0
}
#menu-menu-footer {
margin-right: 12px;
}
.home .item-content {
font-size: 1.5em;
text-align: center;
padding: 10px;
}
.home article.hentry {
margin-bottom: 0;
}
.section-recent-places .items-grid-view .item.sc-column {
border: 3px solid #FAA632;
width: 31%;
min-height: 318px;
}
.section-recent-places {
padding-bottom: 30px;
background: transparent;
}
#voir_toutes_offres {
background-color: #FF9000;
color: #FFF !important;
padding: 15px 15px 15px 15px;
font-size: 24px;
font-family: amaranth;
float: right;
margin-right: 2px;
position: relative;
display: inline-block;
margin-top: 15px;
}
#voir_toutes_offres:before {
left: -20px;
top: 0;
position: absolute;
content: '';
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 27px 0 27px 20px;
border-color: #FF9000 transparent #FF9000;
}
#voir_toutes_offres:hover {
background: #50B8B8;
}
#voir_toutes_offres:hover:before {
border-color: #50B8B8 transparent #50B8B8;
}
.footer-menu li:first-child a {
border-left: 0;
}
.footer-menu a {
font-size: 15px;
display: inline-block;
border-left: 1px solid #fff;
padding-left: 10px;
}
.footer-menu a:hover {
color: #1b6464 !important;
}
.single h1.entry-title {
font-size: 2.3em;
line-height: 1.3;
margin: 0 0 16px;
font-family: open sans bold !important
}
.single .item-detail-breadcrumb.breadcrumbs.clearfix .name a,
.page .crumbs,
.page .crumbs a,
.page .crumbs .current {
font-size: 1em;
color: #9FD7CE;
}
.single .item-detail-breadcrumb.breadcrumbs.clearfix .title {
font-size: 1em;
color: #9FD7CE;
}
.single .wrapper.item-map.clearfix {
width: 100% !important;
height: 350px !important;
}
.single .item-gallery {
margin-top: 0 !important;
}
.single .item-detail-top {
margin-bottom: 60px !important;
}
.single .sc-column.one-third {
font-size: 1em;
font-family: open sans;
}
.single .sc-column.one-third a {
color: #FF9A03 !important;
font-weight: bold;
}
.single-ait-dir-item .entry-content {
padding-bottom: 0;
}
.single-ait-dir-item #content {
padding-bottom: 0;
margin-bottom: 0;
}
.single .frame.light {
padding: 15px;
border: 3px solid #F7A832;
background-color: #fff;
background-image: url('images/coin-offre.png');
background-repeat: no-repeat;
background-position: bottom right
}
.single .frame.light::before {
content: 'Offre Gîtes de France';
color: #F7A832;
font-size: 1.7em !important;
font-family: amaranthitalic;
width: 100%;
position: relative;
font-weight: bold;
}
.single .frame.light .frame-wrap {
background: none !important;
}
.home .subcategories .category.sc-column.one-fourth {
display: inline-block;
vertical-align: top;
height: 40px;
width: 210px;
}
.home .recent-places-wrap h3.item-title {
line-height: 1;
}
.page h3.item-title a {
color: #35CBC9 !important;
font-weight: bold !important
}
.page .item-description.left .item-meta .item-meta-information a {
color: #FF9C00 !important;
font-weight: bold !important
}
.onecolumn .sc-column.one-third {
position: relative;
}
.onecolumn .one-third .item-thumbnail>a,
.onecolumn .one-third-last .item-thumbnail>a {
width: 306.66666666667px !important;
max-width: 100%;
height: 150px !important;
position: relative !important;
}
.onecolumn .one-third .item-content,
.onecolumn .one-third-last .item-content {
padding: 10px;
}
.onecolumn .one-third .item-title>a,
.onecolumn .one-third-last .item-title>a {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
body.home .onecolumn .one-third .item-title>a,
body.home .onecolumn .one-third-last .item-title>a {
text-overflow: inherit;
white-space: inherit
}
body.home .section-recent-places .items-grid-view .item.sc-column {
border: none
}
.savoir_button {
background: #ff9c00;
color: #FFF !important;
padding: 0 6px;
cursor: pointer;
min-width: 100px;
display: block;
box-sizing: border-box;
border-radius: 4px;
outline: none;
border-bottom: solid 2px #b36d00;
margin: 5px;
width: 100px;
float: right;
text-align: center
}
.savoir_button.cdt {
width: 150px;
margin: 0 auto 10px;
display: block;
float: none;
}
.savoir_button.carte {
padding: 6px 10px 3px;
}
body.home .item-content.descr {
font-size: 14px
}
.infoBox.decalage .arrow {
margin-left: -26px;
}
.item-detail-share.clearfix.recents {
text-align: center;
}
#directory-search.regular-search {
border-bottom: 3px solid #3C6C6C;
}
.top-item-detail {
width: 100% !important;
height: 120px;
background-color: #F4F4F4 !important;
}
.top-item-detail::after {
content: '';
border-color: #F4F4F4 transparent transparent;
border-style: solid;
border-width: 50px 50px 0;
cursor: pointer;
height: 0;
position: absolute;
margin: 100px 0 0 50%;
width: 0;
}
.single #content {
margin-top: -170px;
}
.items-list-view .item-description {
width: 80% !important;
}
.menu-login.menu-admin.clearfix.right {
display: none;
}
.page .wrapper h3.section-title {
display: none;
}
.home .wrapper h3.section-title {
display: block !important;
}
body.archive #primary,
body.archive #secondary {
font-family: open sans !important;
font-size: 1.2em !important
}
body.archive #primary a,
body.archive #secondary a {
color: #FF9C00;
font-weight: bold
}
.archive h3.item-title {
line-height: 1.3 !important;
font-family: amaranth !important;
font-size: 1.8em !important;
}
.archive .item.clearfix.administrator {
border: 1px solid #EBEBEB !important;
background-color: #FFF !important
}
.archive .item-description p {
margin-bottom: 5px;
}
.menu-login.not-logged.clearfix.right {
display: none;
}
.marker-content {
top: 0 !important;
bottom: inital !important;
}
.marker-content img {
max-width: 100px;
max-height: 100px;
}
.map-item-info {
padding: 5px 10px 15px !important;
}
.with-image .map-item-info {
width: auto !important;
}
.infoBox.decalage {
margin-left: -50px !important;
opacity: 1 !important;
}
.infoBox.decalage .arrow {
margin-left: -150px !important;
height: 25px !important;
}
@keyframes devoiler {
0% {
transform: translateX(-10px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
*[onclick*="displayInfo"].displayed+* {
animation: devoiler .3s;
display: inline-block
}
*[onclick*="displayInfo"]:not(.displayed)+* {
display: none
}
span[onclick*="displayInfo"].displayed:after {
content: ":";
}
span[onclick*="displayInfo"].displayed {
font-weight: bold
}
*[onclick*="displayInfo"]:not(.displayed) {
cursor: pointer;
color: #FF9C00
}
.addthis_button_print {
background: #ff9c00;
padding: 0 6px;
cursor: pointer;
min-width: 100px;
display: inline-block;
box-sizing: border-box;
border-radius: 4px;
outline: none;
border-bottom: solid 2px #b36d00;
margin-bottom: 4px
}
.addthis_button_print>* {
display: none !important
}
.addthis_button_print:after {
content: "Imprimer";
display: inline-block;
vertical-align: middle;
color: white
}
.addthis_button_print:before {
content: "";
width: 16px;
height: 16px;
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtMTAuNSwxMDVoMjIuOXYxMy41YzAsMi4zIDEuOCw0LjEgNC4xLDQuMWg1NGMyLjMsMCA0LjEtMS44IDQuMS00LjF2LTEzLjVoMjIuOWMyLjMsMCA0LjEtMS44IDQuMS00LjF2LTcyLjhjMC0yLjMtMS44LTQuMS00LjEtNC4xaC0yMi45di0xMy41YzAtMi4zLTEuOC00LjEtNC4xLTQuMWgtNTRjLTIuMywwLTQuMSwxLjgtNC4xLDQuMXYxMy41aC0yMi45Yy0yLjMsMC00LjEsMS44LTQuMSw0LjF2NzIuOGMwLDIuMiAxLjksNC4xIDQuMSw0LjF6bTc2LjksOS40aC00NS44di0zMy44aDQ1Ljh2MzMuOHptLTQ1LjgtOTkuOGg0NS44djkuNGgtNDUuOHYtOS40em0tMjcsMTcuNmgyMi45IDU0IDIyLjl2NjQuNmgtMTguOHYtMTYuMmg3LjNjMi4zLDAgNC4xLTEuOCA0LjEtNC4xcy0xLjgtNC4xLTQuMS00LjFoLTExLjQtNTQtMTEuM2MtMi4zLDAtNC4xLDEuOC00LjEsNC4xczEuOCw0LjEgNC4xLDQuMWg3LjN2MTYuMmgtMTguOXYtNjQuNnoiIGZpbGw9IiNGRkZGRkYiLz4KICAgICAgPHBhdGggZD0ibTg2LjIsNTMuM2gxMC42YzIuMywwIDQuMS0xLjggNC4xLTQuMXMtMS44LTQuMS00LjEtNC4xaC0xMC42Yy0yLjMsMC00LjEsMS44LTQuMSw0LjFzMS44LDQuMSA0LjEsNC4xeiIgZmlsbD0iI0ZGRkZGRiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) no-repeat center center;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-size: 12px
}
.item-detail-social.print {
width: auto !important;
height: auto !important;
}
.show {
display: block !important;
}
.hide {
display: none !important;
}
.bouton.connexion {
background: #f26643;
color: #FFF !important;
cursor: pointer;
min-width: 100px;
display: block;
box-sizing: border-box;
border-radius: 24px;
outline: none;
/* border-bottom: solid 2px #b36d00; */
margin: 15px 0 0;
width: 180px;
text-align: center;
padding: 5px 15px;
}
#chp_mail {
width: 300px;
}
#carte {
height: 500px;
width: calc(100% - 80px);
display: block;
margin: 0 auto;
}
#carte .savoir_button {
margin: 20px auto 0;
display: block;
float: none;
padding: 5px 10px 3px;
}
.calque .gallery a {
pointer-events: none;
}
.calque .infos span {
display: inline-block;
width: 100%;
padding: 0 0 3px;
color: #000
}
.calque .titre {
color: #ff9c00
}
.calque .titre a {
pointer-events: none;
cursor: default;
}
.calque .ifrm_video {
width: 100%;
height: 300px;
border: none;
}
.calque a[rel='prettyPhoto[]'] {
pointer-events: none;
cursor: default;
}
.calque #carte_pop {
width: 100%;
position: relative;
display: block;
top: 0;
left: 0;
height: 250px;
margin: 15px 0;
}
body.page-template-partenaires .calque #carte_pop {
width: 300px;
position: absolute;
display: block;
top: 300px;
left: 0;
height: 250px;
margin: 15px 0;
}
.top-infos {
-webkit-transition: all .4s;
transition: all .4s;
}
.top-infos.fixe {
position: fixed !important;
top: 0;
left: 0;
width: 100% !important;
z-index: 1000000;
}
.top-menu.fixe {
position: fixed !important;
z-index: 1000001;
}
.frame-wrap {
padding: 15px 0;
}
body.page-template-connexion {
background-color: #dfe0e3;
}
body.page-template-connexion #primary {
padding: 30px 0;
text-align: center;
display: flex;
flex-direction: column;
justify-content: safe center;
min-height: calc(100vh - 140px);
}
body.page-template-connexion #main {
height: calc(100vh - 140px);
}
body.page-template-connexion #main.mainpage,
body[page='mentions-legales-incarnet'] #main.mainpage {
background-position: center center;
background-repeat: repeat;
background-size: cover;
}
body.page-template-carnet .infos_gite {
color: #333;
font-size: 18px;
}
body.page-template-carnet span.infos,
body.page-template-partenaires span.infos {
display: inline-block;
width: 100%;
padding: 0 0 3px;
color: #000
}
body.page-template-carnet infos span,
body.page-template-partenaires infos span {
display: inline-block;
width: 100%;
padding: 0 0 3px;
color: #000
}
body.page-template-carnet .titre_promo,
body.page-template-partenaires .titre_promo {
color: #FF9C00 !important;
font-weight: bold;
margin: 15px 0 0;
font-size: 18px;
}
body.page-template-carnet,
body.page-template-partenaires,
body.page-template-immanquables,
body[page='mentions-legales-incarnet'] {
font-family: 'Dosis', sans-serif;
color: #000;
}
body.page-template-carnet #primary,
body.page-template-partenaires #primary,
body.page-template-immanquables #primary,
body.page-template-evenements #primary,
body[page='mentions-legales-incarnet'] {
width: 100%
}
body.page-template-carnet #content,
body.page-template-partenaires #content,
body.page-template-evenements #content,
body.page-template-immanquables #content {
width: 100%;
padding: 0;
}
body.page-template-carnet *,
body.page-template-partenaires *,
body.page-template-immanquables *,
body.page-template-evenements *,
body[page='mentions-legales-incarnet'] * {
box-sizing: border-box
}
body.page-template-carnet .top {
position: relative;
font-family: 'Rubik', sans-serif;
font-size: 18px;
width: 100%;
display: inline-block;
text-align: right;
color: #FFF;
}
body.page-template-partenaires .top,
body.page-template-immanquables .top,
body.page-template-evenements .top {
transform: none !important;
height: 180px;
background-color: #dfe0e3;
color: #FFF;
position: relative;
font-family: 'Rubik', sans-serif;
font-size: 18px;
width: 100%;
display: inline-block;
text-align: right;
}
body[page='mentions-legales-incarnet'] .top {
transform: none !important;
height: 180px;
background-color: #fff;
color: #FFF;
position: relative;
font-family: 'Rubik', sans-serif;
font-size: 18px;
width: 100%;
display: inline-block;
text-align: right;
}
body[page='mentions-legales-incarnet'] .entry-header {
background-color: #FFF;
}
body.page-template-carnet .top .top-meteo-marees {
position: absolute;
bottom: -100px;
left: 0;
font-family: 'Rubik', sans-serif;
font-size: 18px;
width: 100%;
display: inline-block;
text-align: left !important;
background-color: transparent !important;
color: #FFF;
}
body.page-template-carnet .top .top-meteo-marees .mini_article {
display: inline-block;
vertical-align: top;
float: right;
margin: 0 100px 0 0;
}
body.page-template-carnet .top .top-meteo-marees .mini_article.widget-meteo {
margin: 0 10px 0 0;
}
body.page-template-partenaires .top .top-infos.fixe .top-logo,
body.page-template-evenements .top .top-infos.fixe .top-logo,
body.page-template-immanquables .top .top-infos.fixe .top-logo {
display: none
}
body.page-template-carnet #logo,
body.page-template-partenaires #logo,
body.page-template-evenements #logo,
body.page-template-immanquables #logo,
body.page-template-connexion #logo,
body[page='mentions-legales-incarnet'] #logo {
position: absolute;
right: 50px;
top: 50px;
}
body.page-template-carnet #logo img,
body.page-template-partenaires #logo img,
body.page-template-evenements #logo img,
body.page-template-immanquables #logo img,
body.page-template-connexion #logo img,
body[page='mentions-legales-incarnet'] #logo img {
max-width: 100px;
}
body.page-template-carnet .top .top-map {
min-height: calc((100vw / 1920)*630);
width: 100%;
position: relative;
background-size: cover;
background-position: center center;
}
body.page-template-carnet .top .top-logo,
body.page-template-partenaires .top .top-logo,
body.page-template-evenements .top .top-logo,
body.page-template-immanquables .top .top-logo,
body[page='mentions-legales-incarnet'] .top .top-logo {
position: absolute;
left: 160px;
top: 50px;
width: 420px;
height: 130px;
background-repeat: no-repeat;
background-image: url("images/logo-carnet.png");
}
body.page-template-carnet .top .top-menu {
position: absolute;
left: 0;
top: 0;
z-index: 1000000
}
body.page-template-carnet .top .top-menu .menu {
margin: 80px 0 0 50px;
background-color: #FFF;
padding: 0;
width: 0;
height: 0;
overflow: hidden;
-webkit-transition: all .4s;
transition: all .4s;
}
body.page-template-carnet .top .top-menu .menu.on {
padding: 20px;
height: 290px;
width: 290px;
}
body.page-template-carnet .top .top-menu .menu li {
text-align: left;
border-bottom: 1px dotted #000;
margin: 0 0 20px;
}
body.page-template-carnet .top .top-menu .menu li:last-child {
margin: 0;
}
body.page-template-carnet .top .top-menu .btn {
cursor: pointer;
position: absolute;
left: 50px;
top: 14px;
width: 60px;
height: 60px;
display: none;
background-color: #f54a00;
color: #FFF;
border-radius: 50%;
padding: 10px 0 0;
}
body.page-template-carnet .top .top-menu .btn span {
width: 34px;
display: block;
background-color: #FFF;
height: 5px;
margin: 6px auto;
position: relative;
border-radius: 5px;
}
body.page-template-carnet section {
height: auto;
display: inline-block;
width: 100%;
margin: 0;
padding: 30px 0;
position: relative;
}
body.page-template-carnet section .container,
body.page-template-partenaires section .container,
body.page-template-evenements section .container,
body.page-template-immanquables section .container,
body[page='mentions-legales-incarnet'] section .container {
max-width: 1366px;
margin: 0 auto;
display: block;
}
body.page-template-carnet section .container .col_section {
padding: 30px;
margin: 0 auto;
width: 1200px;
}
body.page-template-carnet .container>h2 {
font-family: 'Dosis', sans-serif;
font-size: 30px;
text-transform: uppercase;
text-align: left;
font-weight: bold;
color: #000;
display: inline-block;
width: 100%;
padding: 0 0 30px 110px;
margin: 0;
background-color: transparent
}
body.page-template-carnet .container>h2>span {
background-color: #FFF;
display: inline-block;
width: auto;
position: relative;
z-index: 1;
padding: 20px 92px 34px 5px
}
body.page-template-carnet section .container>h2:after {
content: "";
position: absolute;
width: 100%;
height: 105px;
top: 0;
left: 0;
margin: 0;
background-image: url("images/fd-section.png");
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
}
body.page-template-carnet section .container .col_section>div {
position: relative;
}
body.page-template-carnet section .fd_transpa {
box-shadow: 0 0 0 100000px rgba(0, 0, 0, .5);
display: none;
z-index: 0;
}
body.page-template-partenaires {
background-color: #006a94;
}
body.page-template-partenaires .liste {
display: flex;
flex-wrap: wrap;
padding: 40px;
gap: 30px;
}
body.page-template-partenaires .bloc {
/* min-height: 530px; */
height: auto;
box-shadow: none;
background-color: transparent;
/* width: calc(100% / 3); */
margin: 0;
/* padding: 0 20px; */
display: inline-block;
flex: 1 1 310px;
}
body.page-template-partenaires .bloc>div {
background-color: #FFF;
position: relative;
height: 100%;
}
body.page-template-partenaires .bloc .titre {
padding: 20px 40px;
background-color: #fff;
display: block;
color: #f54a00 !important;
text-align: center;
min-height: 90px;
font-family: 'Dosis', sans-serif;
font-weight: bold;
font-size: 24px;
}
body.page-template-partenaires .bloc .image {
margin-top: 0;
margin-left: 0;
min-height: 200px;
}
body.page-template-partenaires .bloc .contenu.ev {
font-size: 20px;
color: #6b6b6b;
padding: 10px 5px;
text-align: center;
font-family: 'Dosis', sans-serif;
font-weight: normal;
}
body.page-template-partenaires .calque {
bottom: auto;
min-height: 400px;
max-height: calc(100vh - 140px);
top: 70px;
overflow: auto !important;
}
body.page-template-immanquables {
background-color: #f54a00;
}
body.page-template-immanquables .container>h2 {
position: relative;
font-family: 'Dosis', sans-serif;
font-size: 30px;
text-transform: uppercase;
text-align: left;
font-weight: bold;
color: #000;
display: inline-block;
width: 100%;
padding: 0 0 30px 110px;
margin: 0;
background-color: transparent
}
body.page-template-immanquables .container>h2>span {
background-color: #f54a00;
color: #FFF;
display: inline-block;
width: auto;
position: relative;
z-index: 1;
padding: 30px 92px 34px 5px
}
body.page-template-immanquables .container>h2::after {
content: "";
position: absolute;
width: 100%;
height: 105px;
top: 0;
left: 0;
margin: 0;
background-image: url("images/fd-section.png");
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
}
body.page-template-immanquables .container>h2>span:before {
content: "";
position: absolute;
width: 80px;
height: 65px;
top: 10px;
right: 0;
background-image: url("images/picto-immanquables.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
body.page-template-immanquables .liste {
display: flex;
flex-wrap: wrap;
}
body.page-template-immanquables .bloc {
min-height: 530px;
height: auto;
box-shadow: none;
background-color: transparent;
width: calc(100% / 3);
margin: 0;
padding: 40px;
display: inline-block;
}
body.page-template-immanquables .bloc>div {
background-color: #FFF;
position: relative;
height: 100%;
}
body.page-template-immanquables .bloc .titre {
padding: 20px 40px;
background-color: #fff;
display: block;
color: #f54a00 !important;
text-align: center;
min-height: 90px;
font-family: 'Dosis', sans-serif;
font-weight: bold;
font-size: 24px;
}
body.page-template-immanquables .bloc .image {
margin-top: 0;
margin-left: 0;
min-height: 200px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
body.page-template-immanquables .bloc .contenu.ev {
font-size: 20px;
color: #6b6b6b;
padding: 10px 5px;
text-align: center;
font-family: 'Dosis', sans-serif;
font-weight: normal;
}
body.page-template-immanquables .bloc .savoir_button {
width: 150px;
position: absolute;
bottom: 20px;
left: calc((100% - 150px) / 2);
font-size: 17px;
font-weight: normal !important;
padding: 1px 6px 2px !important;
border: none !important;
}
body.page-template-immanquables .calque {
bottom: auto;
min-height: 400px;
max-height: calc(100vh - 140px);
top: 70px;
overflow: auto !important;
}
body.page-template-carnet section.hebergement .container>h2>span:before {
content: "";
position: absolute;
width: 80px;
height: 65px;
top: 0;
right: 0;
background-image: url("images/picto-malocation.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
body.page-template-carnet section.hebergement .photos_equipes {
padding: 10px 0;
display: flex;
flex-wrap: wrap;
}
body.page-template-carnet section.hebergement .mamosaique {
width: 60%;
display: flex;
height: 300px;
}
body.page-template-carnet section.hebergement .mamosaique>div {
width: 50%;
font-size: 0 !important;
}
body.page-template-carnet section.hebergement .mamosaique>div:nth-child(2)>div {
width: calc(100% / 2 - 5px);
height: calc(100%/2);
display: inline-block;
vertical-align: top;
}
body.page-template-carnet section.hebergement .equipements {
display: flex;
flex-wrap: wrap;
width: 40%;
height: auto;
}
body.page-template-carnet section.hebergement .equipements label {
padding: 0 0 10px;
display: block;
font-weight: normal;
text-transform: none;
font-size: 20px !important;
color: #6b6b6b;
font-family: 'Rubik', sans-serif;
width: 100%;
}
body.page-template-carnet section.hebergement .equipements>label {
font-weight: bold;
text-transform: uppercase;
font-size: 20px !important;
}
body.page-template-carnet section.hebergement .equipements ul {
width: 50%;
}
body.page-template-carnet section.hebergement .equipements ul li {
font-size: 15px !important;
font-family: 'Rubik', sans-serif;
line-height: 17px;
}
body.page-template-carnet section.hebergement .infos_description {
display: inline-block;
width: 100%;
color: #000;
font-family: 'Rubik', sans-serif;
font-size: 15px;
}
body.page-template-carnet section.hebergement h3 {
position: relative;
width: 100%;
color: #6b6b6b;
font-family: 'Rubik', sans-serif;
font-size: 20px;
padding: 10px 0 40px 60px;
}
body.page-template-carnet section.hebergement .infos_description h3:before {
content: "";
position: absolute;
width: 70px;
height: 70px;
left: 0;
top: 0;
background-image: url("images/picto-votreproprietaire.png");
background-repeat: no-repeat;
}
body.page-template-carnet section.hebergement .infos_description>div {
display: flex;
font-family: 'Rubik', sans-serif;
font-size: 15px;
}
body.page-template-carnet section.hebergement .infos_description .proprietaire {
width: 30%;
}
body.page-template-carnet section.hebergement .infos_description>div>div span {
width: 100%;
display: inline-block;
padding: 0 0 5px;
}
body.page-template-carnet section.hebergement .infos_description .proprietaire span.tel {
font-weight: bold;
}
body.page-template-carnet section.hebergement .infos_description .proprietaire span.photo {
background-size: contain;
width: 100%;
height: 135px;
background-position: 0 0;
}
body.page-template-carnet section.hebergement .infos_description .description {
width: 70%;
}
body.page-template-carnet section.hebergement .infos_description .description .extrait {
display: inline-block;
width: 100%;
}
body.page-template-carnet section.hebergement .infos_description .description .descr_all {
display: none;
width: 100%;
}
body.page-template-carnet section.hebergement .infos_description .description .lire_suite {
color: #f54a00;
display: inline-block;
padding: 0 0 0 10px;
}
body.page-template-carnet section.hebergement .infos_description .description .lire_suite.masquer {
float: right;
padding: 10px 0
}
body.page-template-carnet section.hebergement .infos_description a {
text-decoration: underline;
}
body.page-template-carnet section.hebergement .itineraire {
padding: 20px 0 0;
font-size: 15px;
}
body.page-template-carnet section.hebergement .itineraire h3:before {
content: "";
position: absolute;
width: 70px;
height: 70px;
left: 0;
top: 0;
background-image: url("images/picto-rejoindre.png");
background-repeat: no-repeat;
}
body.page-template-carnet section.hebergement .itineraire>div {
display: flex;
font-family: 'Rubik', sans-serif;
font-size: 15px;
}
body.page-template-carnet section.hebergement .faire_itineraire {
width: 30%;
}
body.page-template-carnet section.hebergement .itineraire .plan_access {
width: 70%;
}
body.page-template-carnet section.hebergement .faire_itineraire a {
width: auto;
color: #FFF !important;
background-color: #f54a00;
padding: 10px 20px;
text-transform: uppercase;
display: inline-block;
}
body.page-template-carnet section.hebergement #carte {
width: 100%;
min-height: 500px;
}
body.page-template-carnet section.hebergement #carte #infos_trajet {
position: absolute;
top: 0;
z-index: 100000;
background-color: #FFF;
padding: 10px;
}
body.page-template-carnet section.hebergement #ico_trajet_ok {
position: relative;
width: auto !important;
background-color: #FFF;
padding: 0 20px 0 50px;
display: inline-block;
line-height: 39px;
height: 40px;
color: #686868;
border-radius: 5px;
}
body.page-template-carnet section.hebergement #ico_trajet_ok:before {
content: "";
background-image: url('images/icon-car.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
left: 8px;
top: 6px;
}
body.page-template-carnet section.hebergement #ico_trajet_goto {
position: relative;
width: auto !important;
background-color: #FFF;
padding: 0 20px 0 50px;
display: inline-block;
line-height: 39px;
height: 40px;
color: #686868;
border-radius: 5px;
}
body.page-template-carnet section.hebergement #ico_trajet_goto:before {
content: "";
background-image: url('images/goto2.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
left: 8px;
top: 6px;
}
body.page-template-carnet section.hebergement #cadre_trajet {
display: none;
width: 100%;
background-color: #EFEFEF;
padding: 10px;
}
body.page-template-carnet section.hebergement #cadre_trajet h3 {
display: inline-block;
height: auto;
width: 100%;
}
body.page-template-carnet section.hebergement #cadre_trajet ul li {
margin: 5px 0;
}
body.page-template-carnet section.hebergement #cadre_trajet ul li label {
width: 100px;
display: inline-block;
}
body.page-template-carnet section.hebergement #cadre_trajet ul li input {
display: inline-block;
padding: 5px 10px;
}
body.page-template-carnet section.hebergement #cadre_trajet #trajet_dest {
border: none;
background-color: transparent;
text-align: left;
padding: 0;
cursor: default;
}
body.page-template-carnet section.decouvrir {
background-color: #b4dedc;
}
body.page-template-carnet section.decouvrir .container>h2>span {
background-color: #b4dedc;
}
body.page-template-carnet section.decouvrir .container>h2>span:before {
content: "";
position: absolute;
width: 80px;
height: 65px;
top: 0;
right: 0;
background-image: url("images/picto-laregion.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
body.page-template-carnet section.decouvrir .container>h2:after {
background-image: url("images/fd-section-decouvrir.png");
}
body.page-template-carnet section.decouvrir div[id^="wonderpluginslider-container-"] {
margin: 0 !important;
}
body.page-template-carnet section.decouvrir div[class^="amazingslider-text-wrapper"] {
margin: 0 !important;
padding: 0;
}
body.page-template-carnet section.decouvrir div[class^="amazingslider-title-"] {
font-family: 'Rubik', sans-serif;
font-size: 24px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
background-color: transparent;
}
body.page-template-carnet section.decouvrir .container .col_section .decouvrez {
position: absolute;
top: 0;
right: 0;
font-size: 15px;
width: 354px;
margin-top: 66px;
min-height: 470px;
background-color: #b4dedc;
padding: 20px 16px;
}
body.page-template-carnet section.decouvrir .container .col_section .decouvrez .titre {
font-family: 'Dosis', sans-serif;
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
padding: 0 0 20px;
}
body.page-template-carnet section.decouvrir .container .col_section .decouvrez .titre span {
color: #f54a00
}
body.page-template-carnet section.decouvrir .container .col_section .decouvrez .sous_titre {
color: #000;
font-family: 'Rubik', sans-serif;
font-size: 15px !important;
font-weight: bold;
padding: 0 0 10px;
}
body.page-template-carnet section.decouvrir .container .col_section .decouvrez .descriptif {
max-height: 350px;
overflow: auto;
color: #000;
font-family: 'Rubik', sans-serif;
font-size: 15px !important;
font-weight: normal;
}
body.page-template-carnet section.decouvrir div[class^="amazingslider-arrow-left"] {
background: rgba(0, 0, 0, 0) url("images/fleche-left.png") no-repeat scroll left top !important;
min-width: 60px;
min-height: 70px;
}
body.page-template-carnet section.decouvrir div[class^="amazingslider-arrow-right-"] {
margin-right: 110px;
background: rgba(0, 0, 0, 0) url("images/fleche-right.png") no-repeat scroll left top !important;
min-width: 60px;
min-height: 70px
}
body.page-template-carnet section.infos {
background-color: #FFF;
}
body.page-template-carnet section.infos .container>h2>span {
background-color: #FFF;
}
body.page-template-carnet section.infos .container>h2>span:before {
content: "";
position: absolute;
width: 80px;
height: 65px;
top: 0;
right: 0;
background-image: url("images/picto-infospratiques.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
body.page-template-carnet section.infos .container>h2:after {
background-image: url("images/fd-section.png");
}
body.page-template-carnet section.infos .cols.col_section {
background: transparent;
}
body.page-template-carnet section.infos #map_interets {
max-width: 900px;
min-height: 600px;
background: transparent;
display: block;
position: relative;
}
body.page-template-carnet section.infos .map_ban {
height: auto;
}
body.page-template-carnet section.infos .container .col_section .map_options {
position: absolute !important;
top: 0;
right: 0;
font-size: 15px;
width: 354px;
margin-top: 66px;
min-height: 350px;
background-color: #FFF;
padding: 20px 16px;
}
body.page-template-carnet section.infos .container .col_section .map_options .titre {
background-color: #FFF;
line-height: 34px;
font-family: 'Dosis', sans-serif;
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
padding: 0 0 20px;
color: #000
}
body.page-template-carnet section.infos .container .col_section .map_options .titre span {
color: #f54a00;
display: block;
background-color: #FFF;
}
body.page-template-carnet section.infos .container .col_section .map_options .scrollable {
padding: 0;
}
body.page-template-carnet section.infos .container .col_section .map_options .categories>a {
color: #000 !important;
font-family: 'Rubik', sans-serif;
font-size: 15px;
font-weight: normal !important;
}
body.page-template-carnet section.infos .container .col_section .map_options .categories>a.actif {
color: #3fb8e9 !important;
font-weight: bold !important;
}
body.page-template-carnet section.infos .container .col_section .map_options .categories a[categorie="bonne adresse"] {
color: #ffc23f !important;
font-weight: bold !important;
}
body.page-template-carnet section.partenaires {
background-color: #006a94;
}
body.page-template-carnet section.partenaires .container>h2>span {
background-color: #006a94;
color: #FFF;
padding: 20px 86px 34px 5px;
}
body.page-template-carnet section.partenaires .container>h2>span:before {
content: "";
position: absolute;
width: 80px;
height: 65px;
top: 0;
right: 0;
background-image: url("images/picto-carteprivi.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
body.page-template-carnet section.partenaires .container>h2:after {
background-image: url("images/fd-section.png");
}
body.page-template-carnet section.partenaires .cols.col_section {
background: transparent;
overflow: hidden;
z-index: 1
}
body.page-template-carnet section.partenaires .cols.col_section .slides {
padding: 0
}
body.page-template-carnet section.partenaires .cols.col_section .slides>div {
overflow: hidden;
}
body.page-template-carnet section.partenaires .slides>div>.bande>.bloc {
height: auto;
box-shadow: none;
background-color: transparent;
width: calc((1200px - 60px) / 3);
margin: 0;
padding: 0 20px;
display: inline-block;
}
body.page-template-carnet section.partenaires .slides>div>.bande>.bloc:first-child {
padding: 0 20px 0 0;
}
body.page-template-carnet section.partenaires .bloc .image {
margin-top: 0;
margin-left: 0;
min-height: 200px;
}
body.page-template-carnet section.partenaires .bloc>div {
min-height: 450px;
background-color: #f6f6f6;
padding: 0;
font-family: 'Dosis', sans-serif;
font-weight: bold;
font-size: 24px;
}
body.page-template-carnet section.partenaires .bloc>div .titre {
padding: 20px 40px;
background-color: #fff;
display: block;
color: #f54a00 !important;
text-align: center;
min-height: 90px;
}
body.page-template-carnet section.partenaires .bloc>div .titre a {
color: #f54a00
}
body.page-template-carnet section.partenaires .slides>a.nav_prec {
left: -30px !important;
}
body.page-template-carnet section.partenaires .slides>a.nav_suiv {
right: -30px !important;
}
body.page-template-carnet section.partenaires .slides.events {
max-height: 550px;
}
body.page-template-carnet section.partenaires .contenu.all {
display: none;
}
body.page-template-carnet section.partenaires .contenu.ev {
font-size: 20px;
color: #6b6b6b;
padding: 10px 5px;
text-align: center;
font-weight: normal;
}
body.page-template-carnet section.partenaires .savoir_button.cdt {
width: 150px;
position: absolute;
bottom: 20px;
left: calc((100% - 180px) / 2);
font-size: 17px;
font-weight: normal !important;
padding: 1px 6px 2px !important;
border: none !important
}
body.page-template-carnet section.partenaires .calque .contenu.ev {
padding-left: 350px;
padding-right: 30px;
padding-top: 20px;
text-align: left;
}
body.page-template-carnet section.partenaires .slides>a.nav_prec::before,
body.page-template-carnet section.partenaires .slides>a.nav_suiv::before {
border-left: solid 2px #FFF;
border-top: solid 2px #FFF;
}
body.page-template-carnet section.partenaires .item-content {
padding: 10px;
font-family: 'Rubik', sans-serif;
font-weight: normal !important;
font-size: 18px !important;
text-align: center;
color: #6b6b6b;
min-height: 95px;
}
body.page-template-carnet section.partenaires .savoir_button {
background: #ff9c00;
color: #FFF !important;
padding: 1px 6px 2px;
border: none;
cursor: pointer;
min-width: 100px;
display: block;
box-sizing: border-box;
border-radius: 4px;
outline: none;
margin: 5px 20px 0;
width: 100px;
float: right;
text-align: center;
}
body.page-template-carnet section.partenaires .savoir_button:hover {
background: #50B8B8;
}
body.page-template-carnet section.partenaires #voir_toutes_offres {
color: #FFF !important;
margin: 0 20px 0 0;
}
body.page-template-carnet section.evenements {
background-color: #FFF;
}
body.page-template-carnet section.evenements .container>h2>span {
background-color: #FFF;
color: #000;
}
body.page-template-carnet section.evenements .container>h2>span:before {
content: "";
position: absolute;
width: 80px;
height: 65px;
top: 0;
right: 0;
background-image: url("images/picto-evenements.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
body.page-template-carnet section.evenements .container>h2:after {
background-image: url("images/fd-section.png");
}
body.page-template-carnet section.evenements .cols.col_section {
background: transparent;
overflow: hidden;
z-index: 1
}
body.page-template-carnet section.evenements .cols.col_section .slides {
padding: 0
}
body.page-template-carnet section.evenements .cols.col_section .slides>div {
overflow: hidden;
}
body.page-template-carnet section.evenements .slides>div>.bande>.bloc {
height: auto;
box-shadow: none;
background-color: transparent;
width: calc((1200px - 60px) / 3);
margin: 0;
padding: 0 20px;
display: inline-block;
}
body.page-template-carnet section.evenements .slides>div>.bande>.bloc:first-child {
padding: 0 20px 0 0;
}
body.page-template-carnet section.evenements .bloc .image {
margin-top: 0;
margin-left: 0;
}
body.page-template-carnet section.evenements .bloc>div {
min-height: 520px;
background-color: #f6f6f6;
padding: 0;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 18px;
position: relative;
}
body.page-template-carnet section.evenements .bloc>div .titre {
padding: 15px 15px 5px;
background-color: #f6f6f6;
display: block;
color: #6b6b6b;
font-size: 21px;
font-family: 'Dosis', sans-sherif;
}
body.page-template-carnet section.evenements .bloc>div .date {
font-size: 21px;
font-family: 'Dosis', sans-sherif;
background-color: #f6f6f6;
display: block;
padding: 0 15px;
color: #6b6b6b;
}
body.page-template-carnet section.evenements .bloc>div .contenu {
color: #ff9c00;
padding: 10px 15px;
;
font-size: 20px;
font-family: 'Dosis', sans-sherif;
}
body.page-template-carnet section.evenements .bloc>div .signature {
position: absolute;
bottom: 15px;
text-align: center;
width: 100%;
}
body.page-template-carnet section.evenements .slides>a.nav_prec {
left: -30px !important;
}
body.page-template-carnet section.evenements .slides>a.nav_suiv {
right: -30px !important;
}
body.page-template-carnet section.evenements .bloc .image {
min-height: 266px;
}
body.page-template-carnet section.evenements .section .slides>div>.calque {
box-shadow: 0 0 0 2000px rgba(0, 0, 0, .5)
}
body.page-template-carnet section.evenements .contenu.ev {
font-size: 18px;
color: #000;
}
body.page-template-carnet section.evenements .savoir_button.cdt {
font-family: 'Dosis', sans-herif;
font-size: 17px;
font-weight: normal !important;
padding: 1px 6px 2px !important;
border: none !important
}
body.page-template-carnet section.evenements .savoir_button.cdt:hover {
background: #50B8B8;
}
body.page-template-carnet section.evenements #voir_toutes_offres {
margin-right: 20px;
}
body.page-template-carnet section.immanquables {
background-color: #f54a00;
}
body.page-template-carnet section.immanquables .container>h2>span {
background-color: #f54a00;
color: #FFF;
}
body.page-template-carnet section.immanquables .container>h2>span:before {
content: "";
position: absolute;
width: 80px;
height: 65px;
top: 0;
right: 0;
background-image: url("images/picto-immanquables.png");
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
body.page-template-carnet section.immanquables .container>h2:after {
background-image: url("images/fd-section.png");
}
body.page-template-carnet section.immanquables .cols.col_section {
background: transparent;
overflow: hidden;
z-index: 1
}
body.page-template-carnet section.immanquables .cols.col_section .slides {
padding: 0
}
body.page-template-carnet section.immanquables .cols.col_section .slides>div {
overflow: hidden;
}
body.page-template-carnet section.immanquables .slides>div>.bande>.bloc {
height: auto;
box-shadow: none;
background-color: transparent;
width: calc((1200px - 60px) / 3);
margin: 0;
padding: 0 20px;
display: inline-block;
}
body.page-template-carnet section.immanquables .slides>div>.bande>.bloc:first-child {
padding: 0 20px 0 0;
}
body.page-template-carnet section.immanquables .bloc .image {
margin-top: 0;
margin-left: 0;
}
body.page-template-carnet section.immanquables .bloc>div {
min-height: 450px;
background-color: #f6f6f6;
padding: 0;
font-family: 'Dosis', sans-serif;
font-weight: bold;
font-size: 24px;
}
body.page-template-carnet section.immanquables .bloc>div .titre {
padding: 20px 40px;
background-color: #f6f6f6;
display: block;
text-align: center;
color: #ff9c00;
}
body.page-template-carnet section.immanquables .slides>a.nav_prec {
left: -30px !important;
}
body.page-template-carnet section.immanquables .slides>a.nav_suiv {
right: -30px !important;
}
body.page-template-carnet section.immanquables .bloc>div {
min-height: 500px;
}
body.page-template-carnet section.immanquables .bloc .image {
min-height: 266px;
}
body.page-template-carnet section.immanquables .contenu.all {
display: none;
}
body.page-template-carnet section.immanquables .contenu.ev {
font-size: 20px;
color: #6b6b6b;
padding: 10px 5px;
text-align: center;
font-family: 'Dosis', sans-serif;
font-weight: normal;
}
body.page-template-carnet section.immanquables .savoir_button.cdt {
position: absolute;
bottom: 10px;
left: calc((100% - 168px) / 2);
font-size: 17px;
font-weight: normal !important;
padding: 1px 6px 2px !important;
border: none !important
}
body.page-template-carnet section.immanquables .calque .contenu.ev {
padding-left: 350px;
padding-right: 30px;
padding-top: 10px;
text-align: left;
}
body.page-template-carnet .mini_article>.widgets {
height: 100%;
width: 100%;
}
body.page-template-carnet .mini_article {
width: 200px;
height: 200px;
margin: 0 auto;
display: block;
overflow: hidden
}
body.page-template-carnet .mini_article>.image {
background: #ececec;
position: relative;
height: 295px;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
body.page-template-carnet .mini_article>.widgets>.meteo .bloc,
body.page-template-carnet .mini_article>.widgets .marees .bloc {
width: 200px;
box-sizing: border-box;
padding: 0;
min-width: 0;
margin: 0;
box-shadow: none;
height: 100% !important;
background-color: #006a94;
}
body.page-template-carnet .mini_article>.widgets .marees .bloc {
background-color: #000638;
}
body.page-template-carnet .mini_article>.widgets>.marees .slides>a.nav_prec::before,
body.page-template-carnet .mini_article>.widgets>.marees .slides>a.nav_suiv::before {
max-width: 40px;
color: #FFF;
}
body.page-template-carnet .mini_article>.widgets>.marees .nav {
max-width: 40px;
}
body.page-template-carnet .mini_article>.widgets>.marees .nav.nav_suiv {
max-width: 50px;
}
body.page-template-carnet .mini_article>.widgets>.marees .nav::before {
border-left: solid 2px #FFF;
border-top: solid 2px #FFF;
margin-left: 0;
}
@-webkit-keyframes defilterMeteo {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
10% {
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
opacity: 1;
}
90% {
-webkit-transform: translateX(80px);
transform: translateX(80px);
opacity: 1;
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
}
@keyframes defilterMeteo {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
10% {
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
opacity: 1;
}
90% {
-webkit-transform: translateX(80px);
transform: translateX(80px);
opacity: 1;
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
}
@-webkit-keyframes defilterMeteo2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0;
}
10% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 1;
}
90% {
-webkit-transform: translateY(90px);
transform: translateY(90px);
opacity: 1;
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
}
@keyframes defilterMeteo2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0;
}
10% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 1;
}
90% {
-webkit-transform: translateY(90px);
transform: translateY(90px);
opacity: 1;
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
}
}
body.page-template-carnet .mini_article>.widgets>.meteo .nom {
display: inline-block;
width: 100%;
color: #FFF;
vertical-align: top;
font-family: 'Rubik', sans-serif;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
text-align: center;
}
body.page-template-carnet .mini_article>.widgets>.meteo .temp {
display: inline-block;
width: 100%;
color: #FFF;
vertical-align: top;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 24px;
text-align: center;
}
body.page-template-carnet .mini_article>.widgets>.meteo .date {
display: inline-block;
width: 100%;
height: 16px;
color: #FFF;
vertical-align: top;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 12px;
text-align: center;
}
body.page-template-carnet .mini_article>.widgets>.meteo .content_meteo {
display: flex;
justify-content: center;
flex-direction: row;
height: auto;
flex-wrap: wrap;
}
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image {
height: 87px;
position: relative;
overflow: hidden;
margin: 10px auto;
display: block;
}
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.fog:before {
content: "\e01b";
font-family: 'Climacons-Font';
font-size: 110px;
line-height: 84px;
width: 100%;
text-align: center;
display: block;
color: #FFF
}
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.sun:before,
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.sunny:before {
content: "\e028";
font-family: 'Climacons-Font';
font-size: 110px;
line-height: 84px;
width: 100%;
text-align: center;
display: block;
color: #fec601
}
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.cloudy:before,
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.mostly:before,
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.mostly_cloudy:before,
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.mostly_sunny:before {
content: "\e001";
font-family: 'Climacons-Font';
font-size: 84px;
line-height: 100px;
width: 100%;
text-align: center;
display: block;
color: #FFF
}
body.page-template-carnet .mini_article>.widgets>.meteo .bloc .image.mist:before {
content: "\e01f";
font-family: 'Climacons-Font';
font-size: 84px;
line-height: 100px;
width: 100%;
text-align: center;
display: block;
color: #FFF
}
body.page-template-carnet .mini_article>.widgets>.meteo {
height: 100%;
position: relative;
}
body.page-template-carnet .mini_article>.widgets>.meteo:before {
content: "";
background-color: #006a94;
position: absolute;
top: 0;
left: 0;
height: 75px;
width: 40px;
background-image: url('images/picto-lib-meteo.png');
background-repeat: no-repeat;
background-position: 0;
z-index: 1000
}
body.page-template-carnet .mini_article>.widgets>.marees .content_marees {
display: flex;
justify-content: center;
flex-direction: row;
height: auto;
flex-wrap: wrap;
}
body.page-template-carnet .mini_article>.widgets>.marees .bloc .image {
background-image: url('images/picto-maree.png');
background-repeat: no-repeat;
background-size: auto;
height: 90px;
}
body.page-template-carnet .mini_article>.widgets>.marees:before {
content: "";
background-color: #000638;
position: absolute;
top: 0;
left: 0;
height: 75px;
width: 40px;
background-image: url('images/picto-lib-marees.png');
background-repeat: no-repeat;
background-position: 0;
z-index: 1000
}
body.page-template-carnet .mini_article>.widgets>.marees .bloc .nom {
display: inline-block;
width: 100%;
color: #FFF;
vertical-align: top;
font-family: 'Rubik', sans-serif;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
text-align: center;
}
body.page-template-carnet .mini_article>.widgets>.marees .bloc .bm {
display: inline-block;
width: 100%;
color: #FFF;
vertical-align: top;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
text-align: center;
}
body.page-template-carnet .mini_article>.widgets>.marees .bloc .pm {
display: inline-block;
width: 100%;
color: #FFF;
vertical-align: top;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 18px;
text-transform: uppercase;
text-align: center;
}
body.page-template-carnet .mini_article>.widgets>.marees .bloc .coeff {
display: inline-block;
width: 100%;
color: #FFF;
vertical-align: top;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
text-align: center;
}
body.page-template-carnet .mini_article>.widgets>*:last-child {
margin-right: 0;
}
body.page-template-carnet .mini_article>.widgets>* {
font-size: 14px;
display: block;
vertical-align: top;
width: 100%;
box-sizing: border-box;
padding: 0;
height: 200px;
}
body.page-template-carnet .mini_articles .slides {
padding: 0;
}
body.page-template-carnet .mini_articles .slides>a:before {
border-color: white !important;
width: 16px !important;
height: 16px !important;
margin-top: -8px !important;
}
body.page-template-carnet .mini_articles .slides>a {
top: 100%;
margin-top: -74px;
background: #cb6896;
border-radius: 50%;
height: 40px;
box-sizing: border-box;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}
body.page-template-carnet .mini_articles .slides>div>.bande>.bloc {
padding: 0;
box-shadow: none;
width: calc(740px / 2 - 15px);
margin: 0;
}
body.page-template-carnet .mini_articles .slides>div>.bande>.bloc:not(:nth-child(2n)) {
margin-right: 30px;
}
body.page-template-carnet .mini_articles .slides>div>.bande>.bloc:first-child {
margin-left: 0;
}
body.page-template-carnet .mini_articles .slides>div>.bande>.bloc:last-child {
margin-right: 0;
}
body.page-template-carnet .mini_articles .widgets>.slides>a.nav {
top: -3px;
margin-top: 0;
}
body.page-template-carnet .mini_articles>.slides>a.nav_suiv {
right: -15px;
}
body.page-template-carnet .mini_articles .widgets>.slides>a.nav_prec {
left: 0;
width: 40px;
}
.loader {
display: none;
z-index: 1000;
}
.lds-dual-ring {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .5;
background-color: #fff
}
.lds-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #000;
margin: auto;
margin-top: 14% !important;
border-color: #000 transparent #000 transparent;
animation: lds-dual-ring 1.2s linear infinite
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
._wnd:before {
content: "";
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle
}
._wnd>div.box>a:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
._wnd>div.box>a:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
._wnd>div.box>a:before,
._wnd>div.box>a:after {
content: "";
position: absolute;
left: 4px;
right: 4px;
top: 50%;
margin-top: -1px;
height: 2px;
background: #363636
}
._wnd>div.box>a.close:hover:before,
._wnd>div.box>a.close:hover:after {
background: red;
}
._wnd>div.box>a.close {
position: absolute;
right: 2px;
top: 2px;
height: 32px;
width: 32px;
cursor: pointer;
z-index: 10
}
._wnd>div.box>h3:empty+a.close:before,
._wnd>div.box>h3:empty+a.close:after {
background: white;
}
._wnd>div.box>h3:empty {
display: none;
}
._wnd>div.box>h3 {
padding: 8px 51px 8px 15px;
box-sizing: border-box;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #131313;
margin: 0;
cursor: default
}
._wnd.welcome>div.box>div>.bas .bouton {
margin-bottom: 10px;
}
._wnd.welcome>div.box>div>.bas {
padding: 15px;
display: flex
}
._wnd.welcome>div.box>div>.bas>div {
flex: .5
}
._wnd.welcome>div.box>div>.haut>h1,
._wnd.welcome>div.box>div>.haut>h2,
._wnd.welcome>div.box>div>.haut>h3 {
font-weight: normal
}
._wnd.welcome>div.box>div>.haut {
color: white;
background: #7ea112;
padding: 1px 15px
}
._wnd.welcome>div.box>div {
padding: 0
}
._wnd>div.box>div {
box-sizing: border-box;
font-size: 16px;
line-height: 18px;
padding: 15px;
max-height: calc(100vh - 96px);
overflow: auto;
cursor: default;
white-space: pre-wrap;
font-weight: 300
}
@-webkit-keyframes afficherWnd {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes afficherWnd {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
._wnd>div.dim {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0
}
._wnd.bottom>div.box,
._wnd.bottom:before {
vertical-align: bottom;
}
._wnd.top>div.box,
._wnd.top:before {
vertical-align: top;
margin-top: 20px;
}
._wnd>div.box a {
cursor: pointer;
}
._wnd>div.box a.bouton2 {
display: inline-block;
color: white;
background: #7ea112;
font-size: 16px;
padding: 8px 14px
}
._wnd>div.box {
box-sizing: border-box;
max-width: 90%;
max-width: calc(100% - 30px);
text-align: left;
background: white;
box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
display: inline-block;
vertical-align: middle;
position: relative;
max-height: 90%;
max-height: calc(100% - 30px);
z-index: 10;
-webkit-animation: afficherWnd .5s cubic-bezier(.68, -.55, .27, 1.55);
animation: afficherWnd .5s cubic-bezier(.68, -.55, .27, 1.55);
border: solid 4px #7ea112;
border-radius: 4px
}
body>._wnd.ouvert:not(.nodim):first-child+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*:not(._wnd),
body>._wnd.ouvert:not(.nodim):first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*+*:not(._wnd) {
pointer-events: none
}
._wnd.ouvert {
display: block
}
body>._wnd:not(.nodim):first-child {
background: rgba(0, 0, 0, .4)
}
._wnd {
display: none;
text-align: center;
font-size: 0;
position: fixed;
z-index: 100000;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}
.section .map_ban>.map_options {
position: absolute;
z-index: 20;
right: 30px;
top: 15px;
width: 200px;
-webkit-transition: .5s;
transition: .5s
}
.section .map_ban .map_options>h4 {
font-family: 'Open Sans Condensed', 'Open Sans', Arial;
color: #7ea112;
font-size: 24px;
line-height: 47px;
height: 47px;
font-weight: 300;
text-align: center;
padding: 0 10px;
width: 100%;
box-sizing: border-box;
margin-bottom: 2px;
background: rgba(255, 255, 255, 1)
}
.section .map_ban .map_options .categories>a.actif:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.section .map_ban .map_options .categories>a.actif:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.section .map_ban .map_options .categories>a.actif:before,
.section .map_ban .map_options .categories>a.actif:after {
content: "";
position: absolute;
right: 4px;
top: 50%;
height: 2px;
width: 16px;
margin-top: -1px;
background: #990000
}
.section .map_ban .map_options .categories>a.actif {
color: #7ea112
}
.section .map_ban .map_options .categories>a {
display: block;
color: #333333;
font-size: 15px;
padding: 8px 10px 8px 0;
cursor: pointer;
position: relative;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none
}
.section .map_ban .map_options>div {
font-family: 'Open Sans', Arial;
color: #7ea112;
font-size: 15px;
line-height: 18px;
padding: 10px;
width: 100%;
max-height: calc(100% - 49px);
box-sizing: border-box;
background: rgba(255, 255, 255, .8)
}
.section .map_ban>.bulle_ouverte+.map_options {
transform: translateX(230px)
}
.section .map_ban .map_options {
position: absolute;
z-index: 20;
right: 30px;
top: 15px;
width: 200px;
-webkit-transition: .5s;
transition: .5s
}
.section .map_ban>.map_container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.section .map_ban {
width: 100%;
position: relative;
height: 492px;
background-color: #a4c7ff;
z-index: 0;
overflow: hidden
}
@-webkit-keyframes activationLien {
0% {
opacity: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
90% {
opacity: 0;
}
100% {
left: -15px;
top: -15px;
right: -15px;
bottom: -15px;
}
}
@keyframes activationLien {
0% {
opacity: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
90% {
opacity: 0;
}
100% {
left: -15px;
top: -15px;
right: -15px;
bottom: -15px;
}
}
.mamosaique .image:nth-child(2n-1) {
background-color: #efefef
}
.mamosaique .image:nth-child(3n) {
background-color: #efefef
}
.mamosaique .image:nth-child(2n) {
background-color: #efefef
}
.mamosaique .image:nth-child(4n) {
background-color: #efefef
}
.mamosaique>div>div:nth-child(2)>.image:nth-child(2n),
.mamosaique>div:nth-child(2n)>div:first-child>.image {
border-right: 0
}
.mamosaique>div>div:nth-child(2)>.image {
width: 50%;
height: 170px
}
.mamosaique>div:nth-child(2n)>div:last-child {
float: left
}
.mamosaique>div>div {
font-size: 0
}
.mamosaique .image,
.mamosaique>div:nth-child(2n)>div:last-child>.image:nth-child(2n) {
border-right: solid 8px white
}
.mamosaique .image.ImageLoaderLoaded,
.bloc .image.ImageLoaderLoaded {
animation: ResultBlocLoadedImage2 .3s;
}
.mamosaique .image {
display: inline-block;
vertical-align: top;
background-color: #dedede;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
border-bottom: solid 8px white;
box-sizing: border-box;
cursor: pointer;
position: relative;
overflow: hidden
}
.mamosaique .image[titre]:hover:after {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.mamosaique .image[titre=""]:after {
display: none;
}
.mamosaique .image[titre]:after {
content: attr(titre);
position: absolute;
left: 0;
right: 0;
bottom: 0;
font-size: 12px;
color: white;
background: rgba(0, 0, 0, .7);
z-index: 10;
text-align: center;
padding: 8px 15px;
line-height: 16px;
height: 32px;
box-sizing: border-box;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: translateY(32px);
transform: translateY(32px)
}
.mamosaique {
overflow: hidden
}
@-webkit-keyframes tourner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes tourner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes tourner2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes tourner2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
body.page-template-connexion loading {
display: block;
}
loading {
-webkit-animation: tourner 1s infinite linear;
animation: tourner 1s infinite linear;
position: relative;
display: none;
width: 64px;
height: 64px;
border-radius: 50%;
border: 1px solid #646464;
margin: 20px auto
}
loading::before {
width: 32px;
height: 32px;
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDMwLjIzOSAzMC4yMzkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwLjIzOSAzMC4yMzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjAuMTk0LDMuNDZjLTQuNjEzLTQuNjEzLTEyLjEyMS00LjYxMy0xNi43MzQsMGMtNC42MTIsNC42MTQtNC42MTIsMTIuMTIxLDAsMTYuNzM1ICAgYzQuMTA4LDQuMTA3LDEwLjUwNiw0LjU0NywxNS4xMTYsMS4zNGMwLjA5NywwLjQ1OSwwLjMxOSwwLjg5NywwLjY3NiwxLjI1NGw2LjcxOCw2LjcxOGMwLjk3OSwwLjk3NywyLjU2MSwwLjk3NywzLjUzNSwwICAgYzAuOTc4LTAuOTc4LDAuOTc4LTIuNTYsMC0zLjUzNWwtNi43MTgtNi43MmMtMC4zNTUtMC4zNTQtMC43OTQtMC41NzctMS4yNTMtMC42NzRDMjQuNzQzLDEzLjk2NywyNC4zMDMsNy41NywyMC4xOTQsMy40NnogICAgTTE4LjA3MywxOC4wNzRjLTMuNDQ0LDMuNDQ0LTkuMDQ5LDMuNDQ0LTEyLjQ5MiwwYy0zLjQ0Mi0zLjQ0NC0zLjQ0Mi05LjA0OCwwLTEyLjQ5MmMzLjQ0My0zLjQ0Myw5LjA0OC0zLjQ0MywxMi40OTIsMCAgIEMyMS41MTcsOS4wMjYsMjEuNTE3LDE0LjYzLDE4LjA3MywxOC4wNzR6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) center center no-repeat;
-webkit-transform-origin: 50% 20px;
transform-origin: 50% 20px;
-webkit-animation: tourner2 1s infinite linear;
animation: tourner2 1s infinite linear
}
loading::after {
width: 8px;
height: 8px;
background: #313131;
border-radius: 50%
}
loading::after,
loading::before {
position: absolute;
top: -6px;
left: 50%;
margin-left: -4px;
content: ""
}
.item-detail-share.clearfix.recents @keyframes ResultBlocLoadedImage2 {
from {
opacity: 0;
}
}
*[data-background-image]:not(.ImageLoaderLoaded):not([data-background-image='']),
.is_loading {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcmluZyI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgbmctYXR0ci1yPSJ7e2NvbmZpZy5yYWRpdXN9fSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmJhc2V9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIGZpbGw9Im5vbmUiIHI9IjMwIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMTAiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlPSJ7e2NvbmZpZy5zdHJva2V9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLmlubmVyV2lkdGh9fSIgbmctYXR0ci1zdHJva2UtbGluZWNhcD0ie3tjb25maWcubGluZWNhcH19IiBmaWxsPSJub25lIiByPSIzMCIgc3Ryb2tlPSIjY2I2ODk2IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHRyYW5zZm9ybT0icm90YXRlKDE0Ni42NjcgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzE4MCA1MCA1MDs3MjAgNTAgNTAiIGtleVRpbWVzPSIwOzAuNTsxIiBkdXI9IjEuOHMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaGFycmF5IiBjYWxjTW9kZT0ibGluZWFyIiB2YWx1ZXM9IjE4Ljg0OTU1NTkyMTUzODc2IDE2OS42NDYwMDMyOTM4NDg4Mjs5NC4yNDc3Nzk2MDc2OTM4IDk0LjI0Nzc3OTYwNzY5Mzc3OzE4Ljg0OTU1NTkyMTUzODc2IDE2OS42NDYwMDMyOTM4NDg4MiIga2V5VGltZXM9IjA7MC41OzEiIGR1cj0iMS44IiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+PC9jaXJjbGU+PC9zdmc+") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 50% !important
}
.ImageLoaderSetting {
opacity: 0 !important;
}
.ImageLoaderSetting.ImageLoaderPostSetting {
transition: opacity .5s !important;
opacity: 1 !important;
}
.cols {
font-size: 0
}
.cols.deux>* {
width: 50%
}
@-webkit-keyframes afficherFondCalque {
0% {
background: rgba(0, 0, 0, 0);
}
100% {
background: rgba(0, 0, 0, 1);
}
}
@keyframes afficherFondCalque {
0% {
background: rgba(0, 0, 0, 0);
}
100% {
background: rgba(0, 0, 0, 1);
}
}
body>.calque:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
body>.calque>div {
position: relative;
display: inline-block
}
body>.calque>div>.img {
max-width: 100%;
max-height: 100%;
display: inline-block
}
body>.calque>div>a {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 48px;
background: rgba(0, 0, 0, .7)
}
body>.calque>.img {
max-width: calc(100% - 50px);
max-height: calc(100% - 50px);
position: relative;
z-index: 5;
display: inline-block;
vertical-align: middle
}
@-webkit-keyframes afficherFondCalque2 {
0% {
opacity: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes afficherFondCalque2 {
0% {
opacity: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
body.transit_calque #main .section {
-webkit-transition: 1s;
transition: 1s
}
body.have_calque #main .section {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
body>.calque>fond {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: white;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: .2;
transform: translateX(0%);
-webkit-filter: blur(5px);
-moz-filer: blur(5px);
-ms-filer: blur(5px);
filer: blur(5px);
filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='5'%20/></filter></svg>#blur")
}
body>.calque>a {
position: absolute;
z-index: 10;
left: 50%;
bottom: 20px;
width: 200px;
background: #7ea112;
color: white;
margin-left: -100px;
cursor: pointer;
padding: 12px 5px;
text-align: center;
font-size: 14px
}
body.have_calque>.calque {
-webkit-transition: 1s;
transition: 1s;
-webkit-animation: afficherFondCalque2 1s;
animation: afficherFondCalque2 1s;
pointer-events: initial;
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1
}
body.have_calque>.calque[contenu=""]:after {
display: none;
}
body.have_calque>.calque[contenu]:after {
content: attr(contenu);
position: absolute;
left: 50%;
width: 600px;
background: rgba(0, 0, 0, .54);
color: white;
z-index: 15;
font-size: 18px;
margin-left: -300px;
padding: 10px 15px;
box-sizing: border-box;
top: 50px
}
body>.calque {
position: fixed;
left: 0;
top: 55px;
right: 0;
bottom: 0;
z-index: 10;
background: white;
text-align: center;
font-size: 0;
-webkit-transition: .5s;
transition: .5s;
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
pointer-events: none
}
.bulle_map .contenu {
font-size: 14px;
line-height: 14px;
margin-top: 10px;
color: #585858;
font-family: 'Open Sans', Arial
}
.bulle_map.bloc_partenaire .contenu {
padding-right: 20px;
}
.bulle_map h2 {
font-size: 16px;
line-height: 16px;
padding: 0;
margin: 0;
margin-bottom: 4px;
font-family: 'Open Sans', Arial;
font-weight: 400
}
.bulle_map h1 {
font-size: 20px !important;
line-height: 20px;
padding: 0;
margin: 0;
margin-bottom: 4px;
font-family: 'Open Sans', Arial !important;
text-align: left !important;
font-weight: 400
}
.bulle_map.photo>.droite {
float: left;
max-width: calc(100% - 110px)
}
.bulle_map.photo>.photo {
float: left;
width: 100px;
height: 100px;
background-size: cover;
background-position: center 5px;
margin-right: 10px;
background-repeat: no-repeat
}
.bulle_map .infoplus {
margin-top: 20px;
}
.bulle_map {
min-width: 200px;
overflow: hidden;
max-width: 400px
}
.section.pad>.container>* {
position: relative;
z-index: 0
}
.slides.events {
height: 580px
}
.slides:not(.overflow)>a {
opacity: 0 !important
}
.slides>a {
position: absolute;
top: 50%;
width: 80px;
height: 37px;
margin-top: -30px;
z-index: 100;
cursor: pointer;
-webkit-transition: opacity .3s;
transition: opacity .3s;
-webkit-transform: rotateY(40deg);
transform: rotateY(40deg)
}
.slides>div>.bande {
width: 1000000px;
height: 100%;
transition: transform .5s;
font-size: 0
}
.slides>div>.bande>.bloc:last-child {
margin-right: 0
}
.section.actif .slides>div>.bande>.bloc:nth-child(3n-1) {
-webkit-transition-delay: .2s;
transition-delay: .2s
}
.section.actif .slides>div>.bande>.bloc:nth-child(3n) {
-webkit-transition-delay: .4s;
transition-delay: .4s
}
.section.actif .slides>div>.bande>.bloc {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
@-webkit-keyframes afficherCalque {
0% {
background: rgba(255, 255, 255, 0);
}
100% {
background: rgba(255, 255, 255, 1);
}
}
@keyframes afficherCalque {
0% {
background: rgba(255, 255, 255, 0);
}
100% {
background: rgba(255, 255, 255, 1);
}
}
.calque>a:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.calque>a:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.calque>a:before,
.calque>a:after {
content: "";
position: absolute;
left: 5px;
right: 5px;
top: 50%;
height: 2px;
background: #333;
margin-top: -1px
}
.section.preview .calque>a {
display: none;
}
.calque.montrer>a {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.calque>a {
position: absolute;
right: 10px;
top: 10px;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s
}
.calque.montrer>.carte {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.calque>.carte {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 180px;
-webkit-transform: translateY(180px);
transform: translateY(180px);
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s
}
.calque .image {
-webkit-transition: .5s;
transition: .5s;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.calque>.titre {
color: #7ea112;
font-size: 24px;
display: block;
font-weight: 600
}
.calque.montrer>.sous_titre,
.calque.montrer>.date {
color: #000;
font-size: 18px;
display: block;
font-weight: 600;
padding-top: 5px
}
.calque.montrer>.titre,
.calque.montrer>.sous_titre,
.calque.montrer>.date,
.calque.montrer>.contenu {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
.calque>.contenu>.info {
color: #7ea112
}
.calque>.contenu>.info>span {
color: #333
}
.calque>.contenu {
position: absolute;
height: 282px;
overflow: auto
}
.calque>.sous_titre,
.calque>.date {
padding-left: 350px;
padding-right: 30px;
padding-top: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
-webkit-transition: opacity .5s, -webkit-transform .5s;
transition: opacity .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s, -webkit-transform .5s
}
#evenements .calque>.image {
top: 40px !important;
}
.montrer_evenement {
overflow: visible !important;
height: auto !important;
background-color: #FFF !important
}
.calque>.titre,
.calque>.contenu {
padding-left: 350px;
padding-right: 30px;
padding-top: 20px;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
-webkit-transition: opacity .5s, -webkit-transform .5s;
transition: opacity .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s, -webkit-transform .5s
}
.calque>.titre {
-webkit-transition-delay: .5s;
transition-delay: .5s
}
.calque>.contenu {
-webkit-transition-delay: .6s;
transition-delay: .6s
}
.calque {
background: white;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
-webkit-animation: afficherCalque .5s;
animation: afficherCalque .5s;
overflow: hidden;
padding: 20px;
box-sizing: border-box;
box-shadow: 0 0 0 100000px rgba(0, 0, 0, .5);
z-index: 1000
}
.section .slides>div>.bande>.bloc[onclick] {
cursor: pointer
}
.section .slides>div>.bande>.bloc>a.btn {
color: #7ea112
}
.section .slides>div>.bande>.bloc {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .5s;
transition: .5s;
font-size: 15px
}
.slides>a.nav_suiv {
right: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
opacity: 1
}
.slides>a.nav_prec {
left: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
opacity: 1
}
.slides>a.nav_prec::before,
.slides>a.nav_suiv::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-left: solid 2px #292929;
border-top: solid 2px #292929;
top: 50%;
margin-top: -9px;
left: 50%;
margin-left: 7px
}
.slides>a.nav_suiv::before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.slides>a.nav_prec::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: 0
}
.slides>div>.bande>.bloc {
display: inline-block;
vertical-align: top;
width: calc((900px - 60px) / 3);
max-width: calc((100vw - 60px) / 3);
min-width: 200px;
margin-right: 10px;
margin-left: 10px;
background: white;
box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
height: 99%;
padding: 10px 18px;
box-sizing: border-box;
position: relative
}
.slides>div {
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
padding-bottom: 0;
z-index: 5
}
.slides.events {
height: 580px
}
.slides {
position: relative;
width: 100%;
padding: 0 50px;
box-sizing: border-box;
height: 565px
}
.slides>div>.bande>.bloc>.signature>.contenu>span {
color: #333333;
display: block
}
.slides>div>.bande>.bloc>.signature>.contenu {
width: calc(100% - 60px);
font-size: 13px;
padding-left: 15px
}
.slides>div>.bande>.bloc>.signature>.image {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #efefef;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-image: url(images/avatar.svg)
}
.slides>div>.bande>.bloc>.signature>* {
display: inline-block;
vertical-align: middle;
box-sizing: border-box
}
.bloc>.signature>a.btn_savoir_plus {
background: url(images/location.png) no-repeat 10px center;
padding: 0 10px 0 30px;
color: #7ea112
}
a.btn_addtolist>span:after {
content: "";
position: absolute;
right: 7px;
top: 100%;
border-style: solid;
width: 0;
height: 0;
border-width: 8px 8px 0;
border-color: #e91e63 transparent
}
a.btn_addtolist>span {
position: absolute;
right: 0;
bottom: 100%;
background: #e91e63;
white-space: pre;
color: #ffffff;
padding: 10px 15px;
line-height: 1em;
margin-bottom: 10px;
display: none;
pointer-events: none
}
a.btn_addtolist:before {
transform: rotate(90deg)
}
a.btn_addtolist:before,
a.btn_addtolist:after {
content: "";
position: absolute;
left: 10px;
right: 10px;
height: 2px;
top: 50%;
margin-top: -1px;
background: #fff
}
a.btn_addtolist:hover>span {
display: block;
}
a.btn_addtolist:hover {
background: #e91e63
}
a.btn_addtolist {
width: 32px;
height: 32px;
background: #7ea112;
border-radius: 50%;
position: relative;
display: none;
cursor: pointer
}
.bloc>.signature>a {
font-size: 15px;
color: #fff;
line-height: 35px;
padding: 0 10px 0 10px;
position: relative;
cursor: pointer;
text-decoration: none
}
.bloc>.signature {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-top: none;
background: #f2f4f6;
padding-left: 20px;
padding-right: 20px;
padding-top: 0;
font-size: 15px;
width: 100%;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box
}
.bloc .event-service {
position: absolute;
right: 10px;
left: 10px;
text-align: right;
top: 166px;
font-size: .8em;
color: #a9a9a9;
min-height: 0;
font-weight: normal
}
.bloc.cdt>.signature:before {
display: block;
line-height: 60px;
font-weight: bold;
text-align: center
}
.slides>div>.bande>.bloc>.signature {
border-top: solid 1px #e5e9ed;
background: #FFF !important;
padding-top: 12px;
font-size: 0;
position: absolute;
left: 20px;
right: 20px;
bottom: 20px
}
.slides>div>.bande>.bloc>.contenu>p {
margin: 0
}
.slides>div>.bande>.bloc>.contenu_long {
display: none
}
.bloc>.contenu {
height: 170px
}
.slides>div>.bande>.bloc>.contenu {
color: #333333;
font-size: 15px;
line-height: 24px;
text-align: justify;
height: 195px;
overflow: hidden
}
.slides>div>.bande>.bloc>span.soustitre,
.slides>div>.bande>.bloc>span.date {
color: #131313;
font-size: 14px;
margin-bottom: 0
}
.slides>div>.bande>.bloc>span {
color: #7ea112;
font-size: 18px;
display: block;
font-weight: 600;
margin-bottom: 0;
min-height: 48px;
margin-top: 10px
}
.calque>.image {
position: absolute;
z-index: 100;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 50%
}
.bloc .image {
height: 175px;
width: 100%;
margin-top: -10px;
margin-left: -18px;
padding-left: 36px;
background-color: #efefef;
border-radius: 0
}
.slides>div>.bande>.bloc .image {
/* width: 140px; */
height: 140px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
/* border-radius: 50%; */
/* margin: 0 auto 5px auto */
}
.cb-slideshow {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0
}
.cb-slideshow li {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: transparent;
background-size: cover;
background-position: 50% 0;
background-repeat: none;
opacity: 0;
transition: opacity 1s;
z-index: 0
}
.cb-slideshow li.current {
opacity: 1
}
.cb-slideshow .navig_gr {
display: block;
width: 100%;
height: 60px;
position: absolute;
top: calc((100% - 60px) / 2);
left: 0;
opacity: 0;
transition: opacity 1s;
}
.cb-slideshow .navig_gr:hover {
opacity: 1;
}
.cb-slideshow .navig_gr .prec_gr {
display: block;
width: 60px;
height: 60px;
position: absolute;
left: 0;
cursor: pointer;
}
.cb-slideshow .navig_gr .suiv_gr {
display: block;
width: 60px;
height: 60px;
position: absolute;
right: 0;
cursor: pointer;
}
.cb-slideshow .navig_gr .suiv_gr:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
border-right: 1px solid rgb(255, 255, 255);
border-top: 1px solid #FFF;
margin-left: -6px;
margin-top: -6px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.cb-slideshow .navig_gr .prec_gr:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
border-right: 1px solid rgb(255, 255, 255);
border-top: 1px solid #FFF;
margin-left: -6px;
margin-top: -6px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg)
}
body.page-template-carnet footer .li-mention,
body.page-template-partenaires footer .li-mention {
display: none !important
}
.reservations-nav {
display: flex;
flex-wrap: wrap;
max-width: 870px;
margin: auto;
margin-bottom: 30px;
align-items: flex-start;
gap: 15px;
padding: 0 15px
}
html body.page-template-carnet .reservations-nav>h3 {
flex: 1 1 300px;
line-height: 1.2em;
font-size: 16px;
margin: 0;
padding: 10px 0 0 0
}
.reservations-nav>.reservations-inner {
flex: 2 1 500px;
display: flex;
flex-wrap: wrap;
gap: 5px
}
.reservations-nav>.reservations-inner>a {
background: #f1f1f1;
color: #000 !important;
font-size: 14px;
flex: 1 1 200px;
padding: 15px;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
font-weight: normal !important;
border: solid 2px #f1f1f1
}
.reservations-nav>.reservations-inner>a>.ref {
color: #FF9C00;
font-size: 20px;
font-weight: bold
}
.reservations-nav>.reservations-inner>a>.ville {
font-size: 16px;
color: #006a94
}
.reservations-nav>.reservations-inner>a>.periode {
font-size: 12px
}
.reservations-nav>.reservations-inner>a:hover {
background: #c3e5f3
}
.reservations-nav>.reservations-inner>a.current {
border-color: #000638;
pointer-events: none
}
body.page-template-carnet .carnet-infos {
margin-top: 30px;
>div {
display: flex;
flex-direction: column;
gap: 15px;
>div {
>h2 {
font-size: 16px;
font-weight: 500;
margin: 0;
color: #000638;
>span {
padding: 0 !important
}
:before {
content: ">"
}
}
>div {
padding-left: 12px
}
}
}
}
.mulish-regular {
font-family: "Mulish", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal
}
.noto-serif-regular {
font-family: "Noto Serif", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "wdth" 100
}
body .reservations-nav {
margin: -1px 0 15px;
padding: 0
}
body .reservations-nav>.reservations-inner>a {
background: #fff;
border: none
}
body .reservations-nav>.reservations-inner>a:hover {
background: #d9ede5
}
body .reservations-nav>.reservations-inner>a>.ville {
color: #222;
font-weight: 700
}
body .reservations-nav>.reservations-inner>a>.ref {
color: #f26643;
font-size: 20px;
font-weight: bold
}
body .infos_gite span {
position: relative;
width: 100%;
color: #222;
font-family: "Mulish", sans-serif;
font-weight: 500;
font-size: 20px;
padding: 10px 0 40px 50px
}
body .infos_gite span:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
left: 0;
top: 0;
background-image: url("images/picto-pin.svg");
background-repeat: no-repeat;
background-size: contain !important
}
body span.infos {
display: inline-block;
width: 100%;
padding: 0 0 3px;
color: #000
}
body .infos span {
display: inline-block;
width: 100%;
padding: 0 0 3px;
color: #000
}
body .titre_promo {
color: #FF9C00 !important;
font-weight: bold;
margin: 15px 0 0;
font-size: 18px
}
body {
font-family: "Noto Serif", serif;
color: #000
}
body #primary,
body #content {
width: 100%;
padding: 0
}
body * {
box-sizing: border-box
}
body .top {
position: relative;
font-family: "Mulish", sans-serif !important;
font-size: 18px;
width: 100%;
display: inline-block;
text-align: right;
color: #FFF
}
body .top .top-meteo-marees {
position: absolute;
bottom: -100px;
left: 0;
font-family: "Mulish", sans-serif;
font-size: 15px;
width: 100%;
display: inline-block;
text-align: left !important;
background-color: transparent !important;
color: #FFF
}
body .top .top-meteo-marees .mini_article {
display: inline-block;
vertical-align: top;
float: right;
margin: 0 100px 0 0
}
body .top .top-meteo-marees .mini_article.widget-meteo {
margin: 0 10px 0 0
}
body #logo {
position: absolute;
right: 50px;
top: 50px
}
body .top .top-infos {
min-height: 30px;
padding: 5px 10px;
background-color: #222;
font-size: 15px;
font-family: "Mulish", sans-serif
}
body .top .top-infos a {
color: #FFF;
font-size: 15px;
text-decoration: underline
}
body .top .top-infos a[href*="logout"] {
background: #fff;
color: #000;
padding: 3px 13px;
border-radius: 20px;
text-decoration: none;
border: 2px solid #000;
transition: all .3s ease-in
}
body .top .top-infos a[href*="logout"]:hover {
background: #000;
color: #fff;
border: 2px solid #fff
}
body .top .top-infos a.retour_carnet {
text-decoration: none;
color: #333;
font-size: 12px;
float: left;
background-color: #FFF;
padding: 0 10px;
border-radius: 2px
}
body .top .top-infos>span {}
body #logo img {
max-width: 100px
}
body .top .top-map {
min-height: calc((100vw / 1920)*630);
width: 100%;
position: relative;
background-size: cover;
background-position: center center
}
body .top .top-logo {
position: absolute;
left: 50%;
margin-left: -210px;
top: 100px;
width: 420px;
height: 130px;
background-repeat: no-repeat;
background-image: none;
display:none!important;
}
body .top .top-menu {
position: absolute;
left: 0;
top: 0;
z-index: 1000000
}
body .top .top-menu .menu {
margin: 80px 0 0 50px;
background-color: #FFF;
border-radius: 30px;
padding: 0;
width: 0;
height: 0;
overflow: hidden;
-webkit-transition: all .4s;
transition: all .4s
}
body .top .top-menu .menu.on {
padding: 20px;
height: 310px;
width: 290px
}
body .top .top-menu .menu li {
text-align: left;
border-bottom: 1px dotted #000;
margin: 0 0 20px
}
body .top .top-menu .menu li a {
color: #000
}
body .top .top-menu .menu li a:hover {
color: #f26643
}
body .top .top-menu .menu li:last-child {
margin: 0
}
body .top .top-menu .btn {
cursor: pointer;
position: absolute;
left: 50px;
top: 14px;
width: 60px;
height: 60px;
display: none;
background-color: #fff;
color: #222;
border: 2px solid #222;
border-radius: 50%;
padding: 10px 0 0
}
body .top .top-menu .btn span {
width: 34px;
display: block;
background-color: #222;
height: 5px;
margin: 6px auto;
position: relative;
border-radius: 0
}
body section {
height: auto;
display: inline-block;
width: 100%;
margin: 0;
padding: 30px 0;
position: relative
}
body section .container {
max-width: 1366px;
margin: 0 auto;
display: block;
padding: 0 15px
}
body section .container .col_section {
padding: 30px;
margin: 0 auto;
width: 1200px;
max-width: 100%
}
body .container>h2 {
display: inline-block;
margin: 0;
padding: 0 20px 0 0;
line-height: 1.2;
background-color: transparent;
background-image: linear-gradient(180deg, #f2664300 65%, var(--accent,#f26643) 65%);
background-repeat: no-repeat;
background-size: 100% 100%;
transition:background-size 0.3s 0.2s;
}
body .container>h2:not(.visible) {
background-size: 0% 100%;
}
body .container>h2>span {
font-family: "Noto Serif", serif;
font-size: 30px;
font-weight: bold;
color: #000
}
body section .container .col_section>div {
position: relative
}
body section .fd_transpa {
box-shadow: 0 0 0 100000px rgba(0, 0, 0, .5);
display: none;
z-index: 0
}
body section.hebergement {
background: #f8f5ef
}
body section.hebergement .photos_equipes {
padding: 10px 0;
display: flex;
flex-wrap: wrap
}
body section.hebergement .mamosaique .principale {
cursor: default;
}
body section.hebergement .mamosaique {
width: 100%;
display: flex;
aspect-ratio: 1 / .35;
}
body section.hebergement .mamosaique>div {
width: 50%;
font-size: 0 !important
}
body section.hebergement .mamosaique>div:nth-child(2)>div {
width: calc(100% / 2 - 5px);
height: calc(100%/2);
display: inline-block;
vertical-align: top
}
body section.hebergement .equipements {
display: flex;
flex-wrap: wrap;
width: 40%;
height: auto
}
body section.hebergement .equipements label {
padding: 0 0 10px;
display: block;
font-weight: normal;
text-transform: none;
font-size: 20px !important;
color: #6b6b6b;
font-family: "Mulish", sans-serif;
width: 100%
}
body section.hebergement .equipements>label {
font-weight: bold;
text-transform: uppercase;
font-size: 20px !important
}
body section.hebergement .equipements ul {
width: 50%
}
body section.hebergement .equipements ul li {
font-size: 15px !important;
font-family: "Mulish", sans-serif;
line-height: 17px
}
body section.hebergement .infos_description {
display: inline-block;
width: 100%;
color: #000;
font-family: "Mulish", sans-serif;
font-size: 15px
}
body section.hebergement h3 {
position: relative;
width: 100%;
color: #222;
font-family: "Mulish", sans-serif;
font-weight: 500;
font-size: 20px;
padding: 10px 0 40px 50px
}
body section.hebergement .infos_description h3.infos:before {
background-image: url(images/picto-info.svg);
}
body section.hebergement .infos_description h3:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
left: 0;
top: 0;
background-image: url("images/picto-user.svg");
background-repeat: no-repeat;
background-size: contain !important
}
body section.hebergement .infos_description>div {
display: flex;
font-family: "Mulish", sans-serif;
font-size: 15px
}
body section.hebergement .infos_description .proprietaire {
width: 30%
}
body section.hebergement .infos_description>div>div span {
width: 100%;
display: inline-block;
padding: 0 0 5px
}
body section.hebergement .infos_description .proprietaire span.tel {
font-weight: bold;
display: flex;
align-items: center
}
body section.hebergement .infos_description .proprietaire span.tel:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
margin-right: 4px;
background-image: url("images/picto-phone.svg");
background-repeat: no-repeat;
background-size: contain !important
}
body section.hebergement .infos_description .proprietaire span.photo {
background-size: cover;
width: 135px;
border-radius: 50%;
height: 135px;
background-position: 0 0;
aspect-ratio: 1 / 1
}
body section.hebergement .infos_description>div>div span.nom {
font-weight: 700
}
body section.hebergement .infos_description .description {
width: 70%
}
body section.hebergement .infos_description .description .extrait {
display: inline-block;
width: 100%
}
body section.hebergement .infos_description .description .descr {
background-color: #fff;
border-radius: 30px;
border: 2px solid #000;
padding: 30px 30px 10px 30px
}
body section.hebergement .infos_description .description .descr_all {
display: none;
width: 100%
}
body section.hebergement .infos_description .description .descr .lire_suite {
color: #fff !important;
font-weight: 400 !important;
background: #f26643;
text-decoration: none;
display: inline-block;
padding: 5px 15px;
border-radius: 20px;
float: right;
margin-top: 10px
}
body section.hebergement .infos_description .description .lire_suite.masquer {}
body .intro {
padding: 30px 30px;
font-size: 18px;
line-height: 1.2
}
/* body .liste-carnet-infos {
padding: 0 30px;
} */
body section.hebergement h3:not(:first-child) {
margin-top: 30px;
padding-bottom: 0;
}
body section.hebergement .infos_description .carnet-infos .intro {
padding: 0 0 30px;
}
body .liste-carnet-infos>div:first-child {
padding-top: 0
}
body .liste-carnet-infos>div {
position: relative;
width: 100%;
line-height: 1;
padding: 20px;
border-bottom: 1px solid #222
}
body .liste-carnet-infos>div:last-child {
border-bottom: none
}
body .liste-carnet-infos>div:before {
content: "";
position: absolute;
width: 12px;
height: 15px;
left: 0;
top: 20px;
background-image: url("images/picto-liste.svg");
background-repeat: no-repeat;
background-size: cover !important
}
body .liste-carnet-infos div span.h2 {
font-weight: 600
}
body .carnet-infos div.docs {
margin-top: 20px
}
body .carnet-infos div.docs span.h2 {
position: relative;
width: 100%;
color: #222;
font-family: "Mulish", sans-serif;
font-weight: 500;
font-size: 20px;
padding: 10px 0 15px 50px
}
body .carnet-infos div.docs span.h2:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
left: 0;
top: 0;
background-image: url("images/picto-doc.svg");
background-repeat: no-repeat;
background-size: contain !important
}
body .carnet-infos div.docs div {
padding-left: 50px
}
body .carnet-infos div.docs a {
background: #fff;
display: inline-flex;
color: #222 !important;
text-decoration: none !important;
border-radius: 20px;
position: relative;
padding: 2px 10px 0;
transition: all .3s ease-in
}
body .carnet-infos div.docs a:hover {
background: #f26643
}
body .carnet-infos div.docs a:before {
content: '';
width: 35px;
height: 30px;
margin-right: 5px;
background-image: url("images/picto-dl.svg");
background-repeat: no-repeat;
background-size: contain !important
}
body .carnet-infos div.docs a span {
padding: 0 !important
}
body section.hebergement .infos_description a {
text-decoration: underline
}
body section.hebergement .itineraire {
padding: 20px 0 0;
font-size: 15px;
width: 70%;
margin-left: 30%
}
body section.hebergement .itineraire h3 {
padding: 10px 0 15px 50px
}
body section.hebergement .itineraire h3:before {
content: "";
position: absolute;
width: 40px;
height: 40px;
left: 0;
top: 0;
background-image: url("images/picto-itineraire.svg");
background-repeat: no-repeat
}
body section.hebergement .itineraire>div {
display: flex;
font-family: "Mulish", sans-serif;
font-size: 15px
}
body section.hebergement .faire_itineraire {
width: 100%;
padding-left: 50px
}
body section.hebergement .itineraire .plan_access {
width: 70%
}
body section.hebergement .faire_itineraire a {
width: auto;
color: #FFF !important;
background-color: #f26643;
border-radius: 20px;
position: relative;
display: inline-block;
padding: 5px 15px;
transition: all .3s ease-in
}
body section.hebergement .faire_itineraire a:hover {
background: #fff;
color: #f26643 !important
}
body section.hebergement #carte {
width: 100%;
min-height: 500px
}
body section.hebergement #carte #infos_trajet {
position: absolute;
top: 0;
z-index: 100000;
background-color: #FFF;
padding: 10px
}
body section.hebergement #ico_trajet_ok {
position: relative;
width: auto !important;
background-color: #FFF;
padding: 0 20px 0 50px;
display: inline-block;
line-height: 39px;
height: 40px;
color: #686868;
border-radius: 5px
}
body section.hebergement #ico_trajet_ok:before {
content: "";
background-image: url('images/icon-car.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
left: 8px;
top: 6px
}
body section.hebergement #ico_trajet_goto {
position: relative;
width: auto !important;
background-color: #FFF;
padding: 0 20px 0 50px;
display: inline-block;
line-height: 39px;
height: 40px;
color: #686868;
border-radius: 5px
}
body section.hebergement #ico_trajet_goto:before {
content: "";
background-image: url('images/goto2.png');
background-repeat: no-repeat;
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
left: 8px;
top: 6px
}
body section.hebergement #cadre_trajet {
display: none;
width: 100%;
background-color: #EFEFEF;
padding: 10px
}
body section.hebergement #cadre_trajet h3 {
display: inline-block;
height: auto;
width: 100%
}
body section.hebergement #cadre_trajet ul li {
margin: 5px 0
}
body section.hebergement #cadre_trajet ul li label {
width: 100px;
display: inline-block
}
body section.hebergement #cadre_trajet ul li input {
display: inline-block;
padding: 5px 10px
}
body section.hebergement #cadre_trajet #trajet_dest {
border: none;
background-color: transparent;
text-align: left;
padding: 0;
cursor: default
}
body section.decouvrir {
background-color: #3ab484;
padding: 100px 0
}
body section.decouvrir .container>h2 {
background-color: transparent;
background-image: linear-gradient(180deg, #ffde3d00 65%, #ffde3d 65%)
}
body section.decouvrir div[id^="wonderpluginslider-container-"] {
margin: 0 !important;
box-shadow: 20px 20px #ffde3d
}
body section.decouvrir div[class^="amazingslider-text-wrapper"] {
margin: 0 !important;
padding: 0
}
body section.decouvrir div[class^="amazingslider-title-"] {
font-family: "Mulish", sans-serif;
font-size: 24px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
background-color: transparent
}
body section.decouvrir .container .col_section .decouvrez {
position: absolute;
top: 0;
right: 0;
font-size: 15px;
width: 354px;
margin-top: 66px;
min-height: 470px;
background-color: #fff;
padding: 40px;
border: 2px solid #000;
border-radius: 60px
}
body section.decouvrir .container .col_section .decouvrez .titre {
font-family: "Mulish", sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 0 0 20px
}
body section.decouvrir .container .col_section .decouvrez .titre span {}
body section.decouvrir .container .col_section .decouvrez .sous_titre {
color: #000;
font-family: "Mulish", sans-serif;
font-size: 15px !important;
font-weight: bold;
padding: 0 0 10px
}
body section.decouvrir .container .col_section .decouvrez .descriptif {
max-height: 350px;
overflow: auto;
color: #000;
font-family: "Mulish", sans-serif;
font-size: 15px !important;
font-weight: normal
}
body section.decouvrir div[class^="amazingslider-arrow-left"] {
background: rgba(0, 0, 0, 0) url("images/fleche-left.png") no-repeat scroll left top !important;
min-width: 60px;
min-height: 70px
}
body section.decouvrir div[class^="amazingslider-arrow-right-"] {
margin-right: 110px;
background: rgba(0, 0, 0, 0) url("images/fleche-right.png") no-repeat scroll left top !important;
min-width: 60px;
min-height: 70px
}
body section.infos {
background-color: #f7dec0;
padding: 100px 0
}
body section.infos .container>h2>span {}
body section.infos .cols.col_section {
background: transparent
}
body section.infos #map_interets {
max-width: 900px;
min-height: 600px;
background: transparent;
display: block;
position: relative;
box-shadow: 20px 20px #f26643
}
body section.infos .map_ban {
height: auto
}
body section.infos .container .col_section .map_options {
position: absolute !important;
top: 0;
right: 0;
font-size: 15px;
width: 354px;
margin-top: 66px;
min-height: 350px;
background-color: #FFF;
background-color: #fff;
padding: 40px;
border: 2px solid #000;
border-radius: 60px
}
body section.infos .container .col_section .map_options .titre {
color: #000;
font-family: "Mulish", sans-serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 0 0 20px;
line-height: 1.2
}
body section.infos .container .col_section .map_options .titre span {}
body section.infos .container .col_section .map_options .scrollable {
padding: 0
}
body section.infos .container .col_section .map_options .categories>a {
color: #000 !important;
font-family: "Mulish", sans-serif;
font-size: 15px;
font-weight: normal !important;
display: flex;
align-items: center
}
body section.infos .container .col_section .map_options .categories>a.actif {
color: #3fb8e9 !important;
font-weight: bold !important
}
body section.infos .container .col_section .map_options .categories>a:before {
content: "";
display: inline-block;
width: 12px;
margin-right: 5px;
height: 15px;
background-image: url("images/picto-liste.svg");
background-repeat: no-repeat;
background-size: cover !important
}
body section.infos .container .col_section .map_options .categories a[categorie="bonne adresse"] {
color: #ffc23f !important;
font-weight: bold !important
}
.slides>div>.bande {
display: flex
}
body section.partenaires {
background-color: #d9ede5;
padding: 80px 0
}
body section.partenaires .container>h2>span {
color: #000
}
body section.partenaires .container .intro-partenaires {
padding: 30px 20px 20px 40px;
max-width: 450px;
text-align: justify
}
body section.partenaires .cols.col_section {
background: transparent;
overflow: hidden;
z-index: 1
}
body section.partenaires .cols.col_section .slides {
padding: 0
}
body section.partenaires .cols.col_section .slides>div {
overflow: hidden
}
body section.partenaires .slides>div>.bande>.bloc {
height: auto;
box-shadow: none;
background-color: transparent;
width: calc((1200px - 60px) / 3);
margin: 0;
padding: 0 20px;
display: inline-block
}
body section.partenaires .slides>div>.bande>.bloc:first-child {
padding: 0 20px 0 0
}
body section.partenaires .bloc .image {
min-height: 200px;
margin: 0
}
body section.partenaires .bloc>div {
/* min-height: 450px; */
background-color: transparent;
padding: 0;
font-family: "Noto Serif", serif;
font-weight: bold;
font-size: 24px
}
body section.partenaires .bloc>div .titre {
padding: 20px 40px;
background-color: #fff;
display: block;
color: #f26643 !important;
text-align: center;
min-height: 90px;
border-radius: 30px 30px 0 0;
font-family: "Noto Serif", serif
}
body section.partenaires .bloc>div .bas-bloc {
background: #fff;
display: flex;
width: 100%;
position: relative;
height: 60px;
border-radius: 0 0 30px 30px;
justify-content: center;
padding-bottom: 20px;
}
body section.partenaires .bloc>div .titre a {
color: #f26643 !important
}
body section.partenaires .slides>a.nav_prec {
left: -30px !important
}
body section.partenaires .slides>a.nav_suiv {
right: -30px !important
}
body section.partenaires .slides.events {
max-height: 480px
}
body section.partenaires .contenu.all {
display: none
}
body section.partenaires .contenu.ev {
color: #222;
padding: 15px;
text-align: center;
font-weight: normal;
background: #fff;
font-family: "Mulish", sans-serif;
font-size: 15px
}
body section.partenaires .savoir_button.cdt {
width: auto;
color: #FFF !important;
background-color: #f26643;
border: 2px solid #f26643;
border-radius: 20px;
position: relative;
display: inline-block;
padding: 3px 13px;
transition: all .3s ease-in;
font-family: "Mulish", sans-serif;
font-size: 15px
}
body section.partenaires .calque .contenu.ev {
padding-left: 350px;
padding-right: 30px;
padding-top: 20px;
text-align: left
}
body section.partenaires .slides>a.nav_prec::before,
body section.partenaires .slides>a.nav_suiv::before {
border-left: solid 2px #f26643;
border-top: solid 2px #f26643
}
body section.partenaires .item-content {
padding: 10px;
font-family: "Mulish", sans-serif;
font-weight: normal !important;
font-size: 18px !important;
text-align: center;
color: #6b6b6b;
min-height: 95px
}
body section.partenaires .savoir_button {
background: #f26643;
color: #FFF !important;
padding: 1px 6px 2px;
border: none;
cursor: pointer;
min-width: 100px;
display: block;
box-sizing: border-box;
border-radius: 4px;
outline: none;
margin: 5px 20px 0;
width: 100px;
text-align: center
}
body section.partenaires .savoir_button:hover {
background: #fff;
color: #f26643 !important
}
#voir_toutes_offres:before {
content: none !important;
margin: 0 !important
}
.entour-btn-tout {
width: 100%;
text-align: center
}
body section.partenaires #voir_toutes_offres {
width: auto;
color: #FFF !important;
background-color: #f26643;
border: 2px solid #f26643;
border-radius: 20px;
position: relative;
display: inline-block;
padding: 3px 13px;
transition: all .3s ease-in;
font-family: "Mulish", sans-serif;
font-size: 15px;
float: none
}
body section.partenaires #voir_toutes_offres:hover {
background: #fff;
color: #f26643 !important
}
body section.evenements {
background-color: #FFF;
padding: 80px 0
}
body section.evenements .container>h2 {
background-color: transparent;
background-image: linear-gradient(180deg, #3AB48400 65%, #3AB484 65%)
}
body section.evenements .cols.col_section {
background: transparent;
overflow: hidden;
z-index: 1;
margin-top: 50px
}
body section.evenements .cols.col_section .slides {
padding: 0
}
body section.evenements .cols.col_section .slides>div {
overflow: hidden
}
body section.evenements .slides>div>.bande>.bloc {
height: auto;
box-shadow: none;
background-color: transparent;
width: calc((1200px - 60px) / 3);
margin: 0;
padding: 0 20px;
display: flex;
max-height: 520px
}
body section.evenements .slides>div>.bande>.bloc:first-child {
padding: 0 20px 0 0
}
body section.evenements .bloc .image {
margin-top: 0;
margin-left: 0;
margin-bottom: 0
}
body section.evenements .bloc>div {
background-color: #D9EDE5;
padding: 0;
font-family: "Mulish", sans-serif;
font-weight: normal;
font-size: 15px;
position: relative;
border-radius: 30px;
display: grid
}
body section.evenements .bloc>div .titre {
padding: 15px 15px 5px;
background-color: #D9EDE5;
display: block;
color: #3AB484;
font-size: 24px;
font-family: "Noto Serif", serif;
font-weight: bold
}
body section.evenements .bloc>div .date {
font-size: 15px;
font-weight: bold;
font-family: "Mulish", sans-serif;
background-color: #D9EDE5;
display: block;
padding: 0 15px;
color: #222
}
body section.evenements .bloc>div .contenu {
color: #222;
padding: 15px;
font-size: 15px;
font-family: "Mulish", sans-serif;
background-color: #D9EDE5
}
body section.evenements .bloc>div .signature {
background: #D9EDE5;
display: flex;
width: 100%;
position: relative;
height: 60px;
border-radius: 0 0 30px 30px;
justify-content: center;
padding-bottom: 20px;
align-self: flex-end
}
body section.evenements .slides>a.nav_prec {
left: -30px !important
}
body section.evenements .slides>a.nav_suiv {
right: -30px !important
}
body section.evenements .bloc .image {
min-height: 266px;
border-radius: 30px 30px 0 0;
background-color: #D9EDE5
}
body section.evenements .section .slides>div>.calque {
box-shadow: 0 0 0 2000px rgba(0, 0, 0, .5)
}
body section.evenements .contenu.ev {
font-size: 18px;
color: #000
}
body section.evenements .savoir_button.cdt {
width: auto;
color: #FFF !important;
background-color: #3ab484;
border: 2px solid #3ab484;
border-radius: 20px;
position: relative;
display: inline-block;
padding: 3px 13px;
transition: all .3s ease-in;
font-family: "Mulish", sans-serif;
font-size: 15px;
margin: 5px 20px 0
}
body section.evenements .savoir_button.cdt:hover {
background: #fff;
color: #3ab484 !important
}
body section.evenements #voir_toutes_offres {
width: auto;
color: #FFF !important;
background-color: #3AB484;
border: 2px solid #3AB484;
border-radius: 20px;
position: relative;
display: inline-block;
padding: 3px 13px;
transition: all .3s ease-in;
font-family: "Mulish", sans-serif;
font-size: 15px;
float: none
}
body section.evenements #voir_toutes_offres:hover {
background: #fff;
color: #3AB484 !important
}
body section.immanquables {
background-color: #f26643
}
body section.immanquables .container>h2>span {
background-color: #f26643;
color: #FFF
}
body section.immanquables .cols.col_section {
background: transparent;
overflow: hidden;
z-index: 1
}
body section.immanquables .cols.col_section .slides {
padding: 0
}
body section.immanquables .cols.col_section .slides>div {
overflow: hidden
}
body section.immanquables .slides>div>.bande>.bloc {
height: auto;
box-shadow: none;
background-color: transparent;
width: calc((1200px - 60px) / 3);
margin: 0;
padding: 0 20px;
display: inline-block
}
body section.immanquables .slides>div>.bande>.bloc:first-child {
padding: 0 20px 0 0
}
body section.immanquables .bloc .image {
margin-top: 0;
margin-left: 0
}
body section.immanquables .bloc>div {
min-height: 450px;
background-color: #f6f6f6;
padding: 0;
font-family: "Noto Serif", serif;
font-weight: bold;
font-size: 24px
}
body section.immanquables .bloc>div .titre {
padding: 20px 40px;
background-color: #f6f6f6;
display: block;
text-align: center;
color: #ff9c00
}
body section.immanquables .slides>a.nav_prec {
left: -30px !important
}
body section.immanquables .slides>a.nav_suiv {
right: -30px !important
}
body section.immanquables .bloc>div {
min-height: 500px
}
body section.immanquables .bloc .image {
min-height: 266px
}
body section.immanquables .contenu.all {
display: none
}
body section.immanquables .contenu.ev {
font-size: 20px;
color: #6b6b6b;
padding: 10px 5px;
text-align: center;
font-family: "Noto Serif", serif;
font-weight: normal
}
body section.immanquables .savoir_button.cdt {
position: absolute;
bottom: 10px;
left: calc((100% - 168px) / 2);
font-size: 17px;
font-weight: normal !important;
padding: 1px 6px 2px !important;
border: none !important
}
body section.immanquables .calque .contenu.ev {
padding-left: 350px;
padding-right: 30px;
padding-top: 10px;
text-align: left
}
body footer#colophon {
background-color: #222;
color: #fff;
font-family: "Mulish", sans-serif;
font-weight: normal;
font-size: 15px;
padding: 38px 0
}
body footer#colophon .bottom {
display: block;
margin: 0 auto;
text-align: center
}
body footer#colophon .bottom li {
display: inline-block;
margin: 0;
padding: 0;
text-align: center;
color: #fff !important
}
body footer#colophon .bottom li span {
color: #fff !important
}
body footer#colophon a {
text-decoration: underline;
color: #fff !important
}
body footer#colophon .bottom li.rea a {
color: #f26643 !important
}
body footer#colophon .copy span {
text-transform: uppercase
}
body .mini_article>.widgets {
height: 100%;
width: 100%
}
body .mini_article {
width: 160px;
height: 160px;
margin: 0 auto;
display: block;
overflow: hidden
}
body .mini_article>.image {
background: #ececec;
position: relative;
height: 295px;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
body .mini_article>.widgets>.meteo .bloc,
body .mini_article>.widgets .marees .bloc {
width: 160px;
box-sizing: border-box;
padding: 0;
min-width: 0;
margin: 0;
box-shadow: none;
height: 100% !important;
background-color: #fff;
border-radius: 30px;
border: 2px solid #000
}
body .mini_article>.widgets .marees .bloc {
background-color: #fff
}
body .mini_article>.widgets>.marees .slides>a.nav_prec::before,
body .mini_article>.widgets>.marees .slides>a.nav_suiv::before {
max-width: 40px;
color: #000
}
body .mini_article>.widgets>.marees .nav {
max-width: 40px;
top:50px;
}
body .mini_article>.widgets>.marees .nav.nav_suiv {
max-width: 50px
}
body .mini_article>.widgets>.marees .nav::before {
border-left: solid 2px #000;
border-top: solid 2px #000;
margin-left: 0
}
@-webkit-keyframes defilterMeteo {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
10% {
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
opacity: 1
}
90% {
-webkit-transform: translateX(80px);
transform: translateX(80px);
opacity: 1
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
}
@keyframes defilterMeteo {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0
}
10% {
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
opacity: 1
}
90% {
-webkit-transform: translateX(80px);
transform: translateX(80px);
opacity: 1
}
100% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0
}
}
@-webkit-keyframes defilterMeteo2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0
}
10% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 1
}
90% {
-webkit-transform: translateY(90px);
transform: translateY(90px);
opacity: 1
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
@keyframes defilterMeteo2 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 0
}
10% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 1
}
90% {
-webkit-transform: translateY(90px);
transform: translateY(90px);
opacity: 1
}
100% {
-webkit-transform: translateY(100px);
transform: translateY(100px);
opacity: 0
}
}
body .mini_article>.widgets>.meteo .nom {
display: inline-block;
width: 100%;
color: #000;
vertical-align: top;
font-family: "Mulish", sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
text-align: center
}
body .mini_article>.widgets>.meteo .temp {
display: inline-block;
width: 100%;
color: #000;
vertical-align: top;
font-family: "Mulish", sans-serif;
font-weight: normal;
font-size: 20px;
text-align: center
}
body .mini_article>.widgets>.meteo .date {
display: inline-block;
width: 100%;
height: 16px;
color: #000;
vertical-align: top;
font-family: "Mulish", sans-serif;
font-weight: normal;
font-size: 12px;
text-align: center
}
body .mini_article>.widgets>.meteo .content_meteo {
display: flex;
justify-content: center;
flex-direction: row;
height: auto;
flex-wrap: wrap
}
body .mini_article>.widgets>.meteo .bloc .image {
height: 50px;
position: relative;
overflow: hidden;
margin: 10px auto;
display: block;
background-color: transparent;
padding: 0;
}
body .mini_article>.widgets>.meteo .bloc .image.fog:before {
content: "\e01b";
font-family: 'Climacons-Font';
font-size: 65px;
line-height: 65px;
width: 100%;
text-align: center;
display: block;
color: #000
}
body .mini_article>.widgets>.meteo .bloc .image.sun:before,
body .mini_article>.widgets>.meteo .bloc .image.sunny:before {
content: "\e028";
font-family: 'Climacons-Font';
font-size: 65px;
line-height: 65px;
width: 100%;
text-align: center;
display: block;
color: #fec601
}
body .mini_article>.widgets>.meteo .bloc .image.cloudy:before,
body .mini_article>.widgets>.meteo .bloc .image.mostly:before,
body .mini_article>.widgets>.meteo .bloc .image.mostly_cloudy:before,
body .mini_article>.widgets>.meteo .bloc .image.mostly_sunny:before {
content: "\e001";
font-family: 'Climacons-Font';
font-size: 65px;
line-height: 65px;
width: 100%;
text-align: center;
display: block;
color: #000
}
body .mini_article>.widgets>.meteo .bloc .image.mist:before {
content: "\e01f";
font-family: 'Climacons-Font';
font-size: 65px;
line-height: 65px;
width: 100%;
text-align: center;
display: block;
color: #000
}
body .mini_article>.widgets>.meteo {
height: 100%;
position: relative
}
body .mini_article>.widgets>.meteo:before {
background-color: #006a94;
position: absolute;
top: 0;
left: 0;
height: 75px;
width: 40px;
background-image: url('images/picto-lib-meteo.png');
background-repeat: no-repeat;
background-position: 0;
z-index: 1000
}
body .mini_article>.widgets>.marees .content_marees {
display: flex;
justify-content: center;
flex-direction: row;
height: auto;
flex-wrap: wrap
}
body .mini_article>.widgets>.marees .bloc .image {
background-image: url('images/picto-maree.png');
background-repeat: no-repeat;
background-size: contain;
height: 50px;
margin: 10px auto;
background-color: transparent;
padding:0
}
body .mini_article>.widgets>.marees:before {
background-color: #000638;
position: absolute;
top: 0;
left: 0;
height: 75px;
width: 40px;
background-image: url('images/picto-lib-marees.png');
background-repeat: no-repeat;
background-position: 0;
z-index: 1000
}
body .mini_article>.widgets>.marees .bloc .nom {
display: inline-block;
width: 100%;
color: #000;
vertical-align: top;
font-family: "Mulish", sans-serif;
font-weight: bold;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
text-align: center
}
body .mini_article>.widgets>.marees .bloc .bm {
display: inline-block;
width: 100%;
color: #000;
vertical-align: top;
font-family: "Mulish", sans-serif;
font-weight: normal;
line-height: normal;
font-size: 16px;
text-transform: uppercase;
text-align: center
}
body .mini_article>.widgets>.marees .bloc .pm {
display: inline-block;
width: 100%;
color: #000;
vertical-align: top;
font-family: "Mulish", sans-serif;
font-weight: normal;
line-height: normal;
font-size: 16px;
text-transform: uppercase;
text-align: center
}
body .mini_article>.widgets>.marees .bloc .coeff {
display: inline-block;
width: 100%;
color: #000;
vertical-align: top;
font-family: "Mulish", sans-serif;
font-weight: normal;
line-height: normal;
font-size: 12px;
text-transform: uppercase;
text-align: center
}
body .mini_article>.widgets>*:last-child {
margin-right: 0
}
body .mini_article>.widgets>* {
font-size: 14px;
display: block;
vertical-align: top;
width: 100%;
box-sizing: border-box;
padding: 0;
height: 160px;
overflow: hidden;
max-width: calc((100vw - 60px) / 3);
}
body .mini_articles .slides {
padding: 0
}
body .mini_articles .slides>a:before {
border-color: white !important;
width: 16px !important;
height: 16px !important;
margin-top: -8px !important
}
body .mini_articles .slides>a {
top: 100%;
margin-top: -74px;
background: #cb6896;
border-radius: 50%;
height: 40px;
box-sizing: border-box;
box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
}
body .mini_articles .slides>div>.bande>.bloc {
padding: 0;
box-shadow: none;
width: calc(740px / 2 - 15px);
margin: 0
}
body .mini_articles .slides>div>.bande>.bloc:not(:nth-child(2n)) {
margin-right: 30px
}
body .mini_articles .slides>div>.bande>.bloc:first-child {
margin-left: 0
}
body .mini_articles .slides>div>.bande>.bloc:last-child {
margin-right: 0
}
body .mini_articles .widgets>.slides>a.nav {
top: -3px;
margin-top: 0
}
body .mini_articles>.slides>a.nav_suiv {
right: -15px
}
body .mini_articles .widgets>.slides>a.nav_prec {
left: 0;
width: 40px
}
body footer .li-mention {
display: none !important
}
html body .reservations-nav>h3 {
flex: 1 1 300px;
line-height: 1.2em;
font-size: 16px;
margin: 0;
padding: 10px 0 0 0
}
.cb-slideshow li {
background-position: center center!important;
}
.new-calque {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 10000000;
overflow: hidden;
display: flex;
align-items: safe center;
justify-content: safe center;
}
@keyframes displayBgNC{
from{transform:translateY(100%)}
}
.new-calque:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
animation:displayBgNC 0.3s;
background: #d9ede58a;
backdrop-filter: grayscale(1);
}
.new-calque>.nc-inner {
position: relative;
z-index: 5;
margin: 0 30px;
max-width: 940px;
font-family: "open sans";
display: flex;
align-items: flex-start;
gap: 0;
}
@keyframes displayNCContent{
from{transform:scale(0);opacity:1}
}
.new-calque>.nc-inner>.nc-content {
overflow: auto;
max-height: calc(100vh - 120px);
background: #fff;
box-shadow: 20px 20px var(--accent,#f26643);
padding: 30px;
animation:displayNCContent 0.3s;
}
@keyframes displayNCImage{
to{
transform:scale(1) rotate(-5deg);
opacity:1;
}
}
.new-calque>.nc-inner>.nc-image {
animation:displayNCImage 0.3s 0.2s forwards;
aspect-ratio: 1/1;
width: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
opacity:0;
transform: scale(1.5) rotate(-15deg);
margin-left: -30px;
z-index: 10;
/* box-shadow: 20px 20px #d6f243; */
background-color: #fff;
margin-top: -20px;
border: solid 8px #fff;
border-radius: 8px;
}
.new-calque>.nc-inner>.nc-content .date {
font-weight: 600;
}
.new-calque>.nc-inner>.nc-image+.nc-content {
margin-left: 160px;
}
.new-calque>.nc-inner>.nc-content>h2 {
font-size: 24px;
color: #000;
display: inline;
}
.new-calque>.nc-inner>.nc-content>h2>a {
color: #000;
}
.new-calque>.nc-inner>.nc-close {
position: absolute;
right: -20px;
top: -20px;
width: 48px;
height: 48px;
filter: drop-shadow(2px 2px 0 #f26643);
cursor:pointer;
}
@keyframes displayNCClose{
from{opacity:0;transform:scale(1.5)}
to{opacity:1;}
}
.new-calque>.nc-inner>.nc-close:before,.new-calque>.nc-inner>.nc-close:after {
content: "";
position: absolute;
left: 8px;
right: 8px;
height: 4px;
background: #000000;
margin-top: -2px;
top: 50%;
opacity:0;
animation:displayNCClose 0.3s 0.3s forwards;
}
.new-calque>.nc-inner>.nc-close:before {
transform: rotate(45deg);
}
.new-calque>.nc-inner>.nc-close:after {
transform: rotate(-45deg);
animation-delay:0.4s;
}
.mainpage h3, .entry-content h3, .page-footer h3{
font-family: "Noto Serif", serif;
font-weight: 600;
}
body section.hebergement h3:not(:first-child) {
margin-top: 30px;
padding-bottom: 0;
}