@font-face {
font-family: 'Belotta';
src: url(https://falaisesdarmor.bzh/wp-content/themes/OT_Leff/FONT/bellota/Bellota-Regular.otf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Belotta';
src: url(https://falaisesdarmor.bzh/wp-content/themes/OT_Leff/FONT/bellota/Bellota-Bold.otf);
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Cavalier';
src: url(https://falaisesdarmor.bzh/wp-content/themes/OT_Leff/FONT/bellota/Cavalier.ttf);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Cavalier';
src: url(https://falaisesdarmor.bzh/wp-content/themes/OT_Leff/FONT/bellota/Cavalier-Bold.ttf);
font-weight: bold;
font-style: normal;
} body.home, body.home .contentclass{
background:#000000;
}
html, body{
background: #00000;
min-height: 100%;
color:#FFFFFF;
}
h1{
color:#FFFFFF;
}
.majuscule{
text-transform : uppercase;
} .gt_switcher_wrapper{height:20px;}
.page-template{background:#000000;} .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
color: #00f100 !important;
}
.cmplz-message ul, .cmplz-message ol{
margin-bottom: 0;
} .headerclass{
background-color: transparent;
position: relative;
padding-bottom:218px;
background-image: url(//falaisesdarmor.bzh/wp-content/uploads/2023/02/Ble_et_mer_bandeau.jpg);
background-position: 50%;
background-size: cover;
height: 285px;
}
.home .headerclass{
padding-bottom:0px;
background-image: none;
height: 0px;
} .topbar_social .icon-phone{
margin-left: 10px;
}
.topbar_social .icon-phone::after{
content:"02 96 70 12 47";
font-family: arial;
margin-left: 5px;
margin-right: 50px;
}
.topclass {
position: fixed;
z-index: 1000 !important;
width: 100%;
border-bottom: 1px solid #CCCCCC;
}
#logo{
display:block;
position: relative;
z-index:5;
top:70px;
margin:0 auto;
}
.home #logo{
top:200px;
width: 920px;
padding:0;
margin:0 auto;
}
header #logo a.brand, .logofont{ font-weight: bold !important;
font-size: 6em !important;
color: #FFFFFF;
filter: drop-shadow(5px 1px 5px #000);
}
header #logo a.brand:before{
content: " ";
background-image: url(https://falaisesdarmor.bzh/wp-content/themes/OT_Leff/Hermine.svg);
background-repeat: no-repeat;
background-size: 100%;
width: 85px;
height: 155px;
display: block;
position: absolute;
left: -100px;
top: -6px;
}
.home header #logo a.brand:before{
top: -3px;
}
header #logo .kad_tagline{ font-weight: bold !important;
font-size: 3em !important;
line-height: 1em;
margin-top: 20px;
filter: drop-shadow(3px 0px 4px #000);
}
header #logo .kad_tagline{ text-align: center;
color:#FFFFFF;
}
header #logo .kad_tagline:after{
content:"Côtes d'Armor - Bretagne";
display: block;
font-size: 0.4em;
}
#nav-main{
position:absolute;
width: 100%;
top: 90px;
}
.home #nav-main{
display: none;
visibility: hidden;
}
.topbarmenu ul li a {
font-size: 16px;
}
.home-iconmenu a{
position: relative;
overflow:hidden;
height: 360px;
text-shadow: 1px 1px 2px #4e4e4e;
}
.home-iconmenu img{ text-align: center;
position: absolute;
top:0;
left:0;
z-index: 2;
object-fit: cover;
min-height: 100%;
min-width: 100%; }
.home-iconmenu a:hover{
background-color: #0097D0;
}
.home-iconmenu a:hover img{
opacity : 0.35;
}
.home-iconmenu a H4, .home-iconmenu a p{
position: relative;
z-index: 45;
}
.home-iconmenu a H4{
font-size: 3em;
padding-bottom: 2em;
}
.home-iconmenu a p{
position: absolute;
bottom: 5%;
width: 100%;
text-align: center;
font-size: 1.8em;
}
.home-iconmenu a p{
position: absolute;
bottom: 5%;
width: 100%;
text-align: center;
font-size: 1.8em;
}
.home-iconmenu:hover a p{
visibility: hidden;
}
.home-iconmenu:hover a p:before{
font-size: 1em;
position: absolute;
bottom: 5%;
left: 0;
width: 100%;
visibility: visible;
}
.homeitemcount1:hover a p:before{
content: "Par ici la fête, il va y avoir du bruit !";
}
.homeitemcount2:hover a p:before{
content: "Allons-y !";
}
.homeitemcount3:hover a p:before{
content: "Au lit !";
}
.homeitemcount4:hover a p:before{
content: "Pour les gourmets et les gourmands";
}
.homeitemcount5:hover a p:before{
content: "Les amis";
}
.homeitemcount6:hover a p:before{
content: "Bienvenue !";
}
.homeitemcount7:hover a p:before{
content: "Pour tous ceux qui sont perdus";
}
.homeitemcount8:hover a p:before{
content: "Tourisme vert-bleu !";
}   p#breadcrumbs{
background: #000000;
margin:0;
padding-bottom: 10px;
padding-left:1em;
color:#FFFFFF;
} #topbar .container{
width: 100%;
}
#nav-main{
display: none;
visibility:hidden;
}
.kad-topbar-right, .OT-Leff #topbar-search{
position:relative;
height: 100%;
font-size: 16px;
text-align: right;
height: 34px;
text-align: right;
}
.OT-Leff #topbar-search{
padding-top: 6px;
}
.OT-Leff #topbar-search::after{
font-family:'FontAwesome';
content: "\f0c9";
font-weight: bold;
font-size: 24px;
line-height: 24px;
color: #FFFFFF;
display: block;
padding-right: 2em;
}
.OT-Leff #topbar-search #menu-accueil{
top:34px;
overflow: hidden;
display:block;
text-align: left;
position: absolute;
z-index:1;
right: 0;
background:#000000; color: #FFFFFF;
padding-top: 1em;
padding-bottom: 1em;
padding-right:1em; border:1px solid #FFFFFF;
border-top: 0;
border-radius: 0 0 5px 5px;
height: 0px;
opacity:0;
transition: height 1.2s, opacity 1.2s;
}
.OT-Leff #topbar-search:hover #menu-accueil{
opacity: 0.90;
height: 610px;
}
.OT-Leff #topbar-search #menu-accueil li{
width: 100%;
display:block;
padding-right: 1em;
}
.OT-Leff #topbar-search #menu-accueil li a{
margin-left:1em;
color: #FFFFFF;
display:block;
width: 100%;
margin-right:1em;
padding: 2px;
position: relative;
}
.OT-Leff #topbar-search #menu-accueil li a span:before{
font-family:'FontAwesome';
content: "\f015";	
position: absolute;
left: -16px;
font-size:1em;
}
.OT-Leff #topbar-search #menu-accueil li li a span:before{
content: "\f061";	
left: -10px;
font-size:0.5em;
}
.OT-Leff #topbar-search #menu-accueil li li li a span:before{
content: "\f00c";
left: -10px;
font-size:0.5em;
}
.OT-Leff #topbar-search #menu-accueil li a:hover{
background: #0097d0;
color:#FFFFFF;
}
.OT-Leff #topbar-search #menu-accueil li a:hover span:before{
color:#0097d0;
} .carousel {
position: relative;
}
.carousel__item,
.carousel__item_zoom {
height: auto;
min-height: 300px;
padding: 1em;
font-family: "Quicksand", sans-serif;
font-weight: bold;
font-size: 2em;
color: #ffffff;
display: none;
justify-content: center;
}
.carousel__item_zoom img{
max-height: 800px;
}
.carousel__item--selected,
.carousel__item_zoom--selected {
display: flex;
justify-content: center;
}
.carousel img{
cursor: zoom-in;
}
.carousel__nav,
.carousel__nav_zoom {
width: 100%;
padding: 0px 0;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
}
.carousel__button,
.carousel__button_zoom {
width: 10px;
height: 10px;
display: inline-block;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}
.carousel__button--selected,
.carousel__button_zoom--selected {
background: rgba(108,39,105,1);
}
.carousel__next,
.carousel__before {
width: 35px;
height: 75px;
margin: -37px 0 0;
display: block;
background: url(//falaisesdarmor.bzh/wp-content/themes/virtue/assets/img/slide_direction.png) no-repeat 0 0;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.close {
width: 35px;
height: 35px;
display: block;
background: url(//falaisesdarmor.bzh/wp-content/themes/virtue/assets/img/close.png) no-repeat 0 0;
background-size: cover;
position: absolute;
top: 2%;
right: 2%;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.carousel__next:hover,
.carousel__before:hover {
opacity: 0.9;
}
.carousel__next {
background-position: 100% 0 !important;
right: 2px;
}  .contentclass{
padding-top: 0;
}
table{
background:#FFFFFF;
}
article h1{
text-align: center;
}
a:hover h2{ font-weight:bold;
}
article header .subhead{
display: none;
visibility: hidden;
}
.sidebar a {
color:#000000;
}     #menu-menu-principal{
font-size: 2em;
color:#FFFFFF;
text-shadow: 1px 1px 2px black;
}
#nav-main #menu-menu-principal li a{
border-radius: 10px;
transition: all 2s ease-out;
}
#nav-main #menu-menu-principal li.current-menu-item a, #nav-main #menu-menu-principal li a:hover{
background: #000000;
color: #FFFFFF;
}     figure{
position: relative;
}
figure a{
display: block;
position: relative;
z-index: 2;
}
.elementor-widget-container figure a img{
max-width: 100% !important; }
[class*=wp-image]{
margin:0;
}
figure a:hover:before{
content:" ";
display: block;
position: absolute;
top:0;
width: 100%;
height:100%;
background: #0097d0;
opacity: 0.35;
z-index: 10;
}
figure figcaption.wp-caption-text{
position: absolute;
top: 20px;
width: 100%;
text-align: center;
z-index: 15;
font-size: 2em;
text-shadow: 1px 1px 2px #4e4e4e;
}      .Page_menu_colonne  .wp-block-kadence-posts.grid-cols{
display: block;
width: inherit;
}
.Page_menu_colonne .wp-block-kadence-posts .loop-entry.content-bg{
width: 25%;
margin-right:5%;
margin-left:3%;
border: #FFFFFF 1px solid;
display:inline-block;
margin-bottom: 100px;
}
.Page_menu_colonne .wp-block-kadence-posts .loop-entry.content-bg:hover{
border: 1px solid #0097d0;	
}
.Page_menu_colonne .wp-block-kadence-posts .loop-entry .post-thumbnail{
height: 415px;
overflow: none;
padding-bottom: 0;
}
.Page_menu_colonne a.post-thumbnail div{
height: 415px;
width: 100%;
}
.Page_menu_colonne a.post-thumbnail img{
object-fit: cover;
min-height: 100%;
min-width: 100%;
}
.Page_menu_colonne a.post-thumbnail img:hover{
transform:scale(1.3);
transition:1s ease-in-out;
}
.Page_menu_colonne article H2 {
position: relative;
z-index: 0;
text-align: center;
margin-left:0;
padding: 0;
background: #000000;
color: #FFFFFF;
font-size: 18px;
border-left: 0;
}
.Page_menu_colonne article H2 a{
display: block;
width: 100%;
color: #FFFFFF;
max-height: 56px;
height: 56px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 7px 2px;
font-weight: bold;
}  
.Page_menu_colonne .wp-block-kadence-posts .loop-entry .entry-content-wrap{
padding:0px;
}
.Page_menu_colonne .wp-block-kadence-posts .entry-summary{
background: #FFFFFF;
color: #000000;
padding: 10px;
height: 116px;
overflow: hidden;
}
.Page_menu_colonne .wp-block-kadence-posts .entry-summary p{
margin: 0;
text-overflow: ellipsis;
}
.Page_menu_colonne article footer{
height: 46px;
text-align: center;
padding-top: 12px;
}
.Page_menu_colonne article footer a.post-more-link{
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
background: #FFFFFF;
color: #000000;
text-transform: none;
font-weight: normal;
border-radius: 4px;
}
.Page_menu_colonne article footer a.post-more-link:hover{
background: #FFFFFF;
color: #000000;
font-weight: bold;
}
.Page_menu_colonne li.kb-post-list-item{
display: inline;
} .Page_menu_colonne .kt-btn-wrap{
width: 100%;
padding: 0 10px;
}
.Page_menu_colonne .kt-btn-wrap .kt-button{
width: 100%;
background: #00A5D8;
color: #FFFFFF !important;
border-color: transparent !important;
} .wp-block-kadence-posts .loop-entry.content-bg{
background: transparent;
}
article H1, article H2, .elementor-widget-container H2 {
position: relative;
z-index: 0;
text-align: left;
padding-left:15px;
background: #632460; background: linear-gradient(220deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(108,39,105,1) 100%);
border-left: 1px solid #6C2769;
text-shadow: 2px 2px 2px #000000;
line-height: 40px;
}
article h3, .elementor-widget-container h3{
font-size:1.8em; }
article h3:after, .elementor-widget-container h3:after{
content: " ";
display: block;
width: 80%;
background: linear-gradient(220deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(108,39,105,1) 100%);
height: 2px;
}
.elementor-element.elementor-button-info .elementor-button{
background-color: #0097D0;
border: 1px solid #FFFFFF;
}
.elementor-element.elementor-button-info .elementor-button:hover{
border: 1px solid #0097D0;
}      .hovercard{
display: inline-block;
background:#0097D0;
width: 31%;
margin-right: 9%;
margin-left:9%;
margin-top: 2em;
margin-bottom: 2em;
position: relative;
z-index: 0;
border: 1px solid #FFFFFF;
}
.hovercard .avatar{
width: 100%;
height: 450px;
overflow:hidden;
background:#ffffff;
position:relative;
text-align: center;
}
.hovercard .avatar img{
object-fit: cover;
min-height: 100%;
min-width: 100%;
position:relative;
z-index:3;
}
.hovercard .avatar img:hover{
transform:scale(1.3);
transition:1s ease-in-out;
}
.hovercard .avatar img[src=""]{
display:none;
height: 1px;
z-index:1;
}
.hovercard .avatar:after {  
content: "\f070";
font-size: 4em;
line-height:415px;
font-family: FontAwesome;
color: #000000;
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.hovercard .card-head{
text-align: center;
font-size: 18px;
line-height:20px;
color: #ffffff;
background:#000000;
padding-top:8px;
padding-bottom: 8px;
height: 56px;
}
.hovercard .card-head hr{
margin:10px 0;
}
.hovercard a:hover .card-head{
color:#6c8dab;
}
.hovercard .card-body {
padding: 10px;
height: 120px;
background:#eeeeee;
}
.hovercard .card-body .title h2{
color:#000000;
font-size: 20px;
line-height: 20px;
height: 60px;
font-weight: bold;
margin-top:4px;
overflow: hidden;
text-overflow: ellipsis;
}
.hovercard .card-body .desc{
text-align: center;
height: 20px
}
.hovercard .card-footer{
background: #0097D0;
background: linear-gradient(150deg, rgba(0,0,0,0.5) 0%, rgba(0,151,208,0.8) 40%, rgba(0,151,208,1) 100%);
background: #000000;
text-align: center;
padding: 8px 0;
}
.hovercard .card-footer .btn-primary {
color: #0097D0;
color:#000000;
background-color: #ffffff;
border: 0;
}
.hovercard .card-footer .btn-primary:hover {
font-weight: bold;
}
.hovercard-zoom{
display: inline-block;
width: 100%;
}
.hovercard-zoom .avatar img{
max-height: 500px;
} #navbar_OT{
text-align: right;
}
#navbar_OT button{
background: #0097d0;
color: #FFFFFF;
border: 0;
padding: 5px 10px;
border-radius: 3px;
border: 1px solid #FFFFFF;
}
#navbar_OT button:hover{
border: 1px solid #0177AF;
} .page-template-page-pat-cult h2,
.page-template-page-part h2,
.page-template-page-act h2,
.page-template-page-rest h2
{
color:#FFFFFF;
font-size: 20px;
line-height: 20px;
height: 60px;
font-weight: bold;
margin-top:4px;
overflow: hidden;
text-overflow: ellipsis;
}
.page-template-page-pat-cult .description,
.page-template-page-part .description,
.page-template-page-act .description,
.page-template-page-rest .description{
color:#000000;
font-size: 14px;
line-height: 16px;
margin-top:4px;
overflow: hidden;
text-overflow: ellipsis;
height: 96%;
position: relative;
} .page-template-page-evt-zoom .page-header h1,
.page-template-page-hbgt-zoom .page-header h1,
.page-template-page-rest-zoom .page-header h1,
.page-template-page-pat-cult-zoom .page-header h1,
.page-template-page-act-zoom .page-header h1,
.page-template-page-part-zoom .page-header h1,
.page-template-page-deplacement .page-header h1{
display: none;
visibility: hidden;
}
.page-template-page-evt-zoom .avatar,
.page-template-page-hbgt-zoom .avatar,
.page-template-page-rest-zoom .avatar,
.page-template-page-pat-cult-zoom .avatar,
.page-template-page-act-zoom .avatar,
.page-template-page-part-zoom .avatar,
.page-template-page-deplacement .avatar{
text-align: center;
}
.page-template-page-evt-zoom .card-detail,
.page-template-page-hbgt-zoom .card-detail,
.page-template-page-rest-zoom .card-detail,
.page-template-page-pat-cult-zoom .card-detail,
.page-template-page-act-zoom .card-detail,
.page-template-page-part-zoom .card-detail,
.page-template-page-deplacement .card-detail{
background: #000;
color: #fff;
padding: 15px;
}
.page-template-page-evt-zoom h2,
.page-template-page-hbgt-zoom h2,
.page-template-page-rest-zoom h2,
.page-template-page-pat-cult-zoom h2,
.page-template-page-act-zoom h2,
.page-template-page-part-zoom h2,
.page-template-page-deplacement h2{
position: relative;
z-index: 0;
padding-left:15px;
background: #632460; background: linear-gradient(220deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(108,39,105,1) 100%);
border-left: 1px solid #6C2769;
text-shadow: 2px 2px 2px #000000;
width:101%;
}
.page-template-page-evt-zoom #map,
.page-template-page-hbgt-zoom #map,
.page-template-page-rest-zoom #map,
.page-template-page-pat-cult-zoom #map,
.page-template-page-act-zoom #map,
.page-template-page-part-zoom #map,
.page-template-page-deplacement #map{
width: 100%;
height: 400px;
}	
.page-template-page-evt-zoom .adresse_evt_zoom,
.page-template-page-hbgt-zoom .adresse_evt_zoom,
.page-template-page-pat-cult-zoom .adresse_evt_zoom,
.page-template-page-act-zoom .adresse_evt_zoom,
.page-template-page-part-zoom .adresse_evt_zoom,
.page-template-page-rest-zoom .adresse_evt_zoom{
border-bottom: 1px solid #6C2769;
}
.page-template-page-evt-zoom .code_postal,
.page-template-page-hbgt-zoom .code_postal,
.page-template-page-pat-cult-zoom .code_postal,
.page-template-page-act-zoom .code_postal,
.page-template-page-part-zoom .code_postal,
.page-template-page-rest-zoom .code_postal{
padding-right: 10px;
} .page-template-page-deplacement .carte object{
width: 100%;
height: auto;
} .page-template-page-deplacement .Detail_parcours{
text-align: center;
}
.page-template-page-deplacement #affichage_bouton{
display: none;
width: 80%;
max-width: 150px;
height: 2em;
margin: 0 auto;
margin-top: 1.5em;
}
.page-template-page-deplacement #affichage_bouton button{
width: 100%;
height: 100%;
border: 1px solid #FFF;
background: #0097d0;
border-radius: 3px;
color: #fff;
line-height:1.8em;
}
.page-template-page-deplacement #affichage_bouton button:hover{
border: 1px solid #0177AF;
}
.page-template-page-deplacement #affichage_bouton a{
display: block;
width: 100%;
height: 100%;
color: #fff;
}
.page-template-page-deplacement #affichage_bouton.Visible{
display: block;
}
.page-template-page-deplacement .Masquer{
visibility: hidden;
}
.page-template-page-deplacement img#carte_legende{
width: 100%;
height: auto;
max-width: 250px;
}
.page-template-page-deplacement .Carte_parcours{
margin-top: 8%; 
}
.page-template-page-deplacement #carto-min {
overflow: hidden;
padding:8px;
}
.page-template-page-deplacement #carto-min #velo-carte{
border: 1px solid #6C2769;
width: 100%;
height: 190px;
text-align: center;
position: relative;
cursor: none;
}
.page-template-page-deplacement #carto-min #loupe-carte{
border: solid 4px #6C2769;
border: solid 4px #FFF;
position: absolute;
box-shadow: 0 0 10px rgba(0,0,0,0.6); }
.page-template-page-deplacement .Zoom{
text-align: center;
}
.page-template-page-deplacement .Zoom #valeur_zoom{
display: inline-block;
padding: 0px 10px;
}
.page-template-page-deplacement .Zoom #valeur_zoom .Zloupe{
color: #FFF;
margin-right: 4px;
line-height: 24px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom1{
font-size: 8px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom2{
font-size: 10px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom3{
font-size: 12px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom4{
font-size: 14px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom5{
font-size: 16px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom6{
font-size: 18px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom7{
font-size: 20px;
}
.page-template-page-deplacement .Zoom #valeur_zoom #Zoom8{
font-size: 22px;
}
.page-template-page-deplacement .Zoom .Zoom1 #Zoom1, .page-template-page-deplacement .Zoom .Zoom2 #Zoom2, .page-template-page-deplacement .Zoom .Zoom3 #Zoom3,
.page-template-page-deplacement .Zoom .Zoom4 #Zoom4, .page-template-page-deplacement .Zoom .Zoom5 #Zoom5, .page-template-page-deplacement .Zoom .Zoom6 #Zoom6,
.page-template-page-deplacement .Zoom .Zoom7 #Zoom7, .page-template-page-deplacement .Zoom .Zoom8 #Zoom8{
color:#0097d0;
}
.page-template-page-deplacement .Zoom #Zoom_moins, .page-template-page-deplacement .Zoom #Zoom_plus{
display: inline-block;
border: 1px solid #FFF;
background: #0097d0;
border-radius: 3px;
color: #fff;
font-size: 16px;
line-height: 24px;
padding: 2px 4px;
}
.page-template-page-deplacement .Zoom #Zoom_moins:hover, .page-template-page-deplacement .Zoom #Zoom_plus:hover{
border: 1px solid #0177AF;
} .hovercard{
width: 25%;
margin-right:5%;
margin-left:3%;
position: relative;
}
.hovercard:hover{
border: 1px solid #0097d0;	
}
.hovercard .avatar{
height: 415px;
}
.hovercard .mise_avant{
display: none;
visibility: hidden;
}
.filtre_legende{
text-align: center;
}
.hovercard .Mea .mise_avant, .filtre_legende .mise_avant{
display: block;
visibility: visible;
position: absolute;
font-family:'FontAwesome';
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #F4F4F4;
background-color: #FFFFFF;
top: -30px;
left: -30px;
z-index:15;
}
.hovercard .Ot .mise_avant, .filtre_legende .Ot .mise_avant{
background-image: url(//falaisesdarmor.bzh/wp-content/uploads/2022/10/logo_FA.png);
background-size: 24px;
background-position: left+18px top+6px;
background-repeat: no-repeat;
transform: rotate(-30deg);
}
.hovercard .Part .mise_avant:before, .filtre_legende .Part .mise_avant:before{
display: block;
content: "\f004";
font-weight: bold;
color: #6C2769;
margin-top: 8px;
margin-left: 10px;
font-size: 38px;
line-height: 40px;
text-shadow: 0px 0px 8px #6C2769;
transform: rotate(-20deg);
} #map{
height: 300px;
width: 600px;
} .page-template .daterangepicker{
background:#ffffff;
color:#000000;
}
.page-template .daterangepicker .ranges li:hover {
background-color: #000000;
color: #FFFFFF;
}
.page-template .daterangepicker td.off{
background-color: #fff;
border-color: transparent;
color: #555;
font-style: italic;
}
.page-template .daterangepicker td.available:hover, .page-template .daterangepicker th.available:hover {
background-color: #000000;
border-color: transparent;
color: #ffffff;
}
.page-template .daterangepicker td.active, .page-template .daterangepicker td.active:hover, .page-template .daterangepicker td.active.off{
color: #000000;
background-color: #eee;
border-color: transparent;
}
.entry-content .ics-calendar table{
width: 100%;
margin-bottom: 0;
}
.ics-calendar{
margin-bottom: 0px;
}
.ics-calendar .ics-calendar-month-grid th{
background: #FFFFFF;
text-align: center;
}
.ics-calendar .ics-calendar-month-grid td {
height: auto;
}
.ics-calendar .ics-calendar-month-grid th[data-dow]{
visibility: hidden;
text-align: center;
}
.ics-calendar .ics-calendar-month-grid th[data-dow]::before{
visibility: visible;
}
.ics-calendar .ics-calendar-month-grid th[data-dow="1"]::before{
content:"Lun";
}
.ics-calendar .ics-calendar-month-grid th[data-dow="2"]::before{
content:"Mar";
}
.ics-calendar .ics-calendar-month-grid th[data-dow="3"]::before{
content:"Mer";
}
.ics-calendar .ics-calendar-month-grid th[data-dow="4"]::before{
content:"Jeu";
}
.ics-calendar .ics-calendar-month-grid th[data-dow="5"]::before{
content:"Ven";
}
.ics-calendar .ics-calendar-month-grid th[data-dow="6"]::before{
content:"Sam";
background: #f8f8f8;
}
.ics-calendar .ics-calendar-month-grid th[data-dow="0"]::before{
content:"Dim";
background: #f8f8f8;
}
.ics-calendar-month-grid .off, .ics-calendar-month-grid .day{
background:transparent;
color: #000000;
text-align: center;
}
.ics-calendar .ics-calendar-month-grid th[data-dow="6"], .ics-calendar .ics-calendar-month-grid th[data-dow="0"],
.ics-calendar .ics-calendar-month-grid td[data-dow="6"], .ics-calendar .ics-calendar-month-grid td[data-dow="0"]{
background: #f8f8f8;
}
.ics-calendar-month-grid ul.events {
display: none;
}
.ics-calendar  .day, .legend_calendar .day{
border-radius: 50%;
opacity: 0.8;
}
.ics-calendar .has_events .day, .legend_calendar .has_events .day{
background: #6C2769;
color:#FFFFFF;
border: 1px solid #6C2769;
font-weight: 700;
}
.ics-calendar .empty .day, .legend_calendar .empty .day{
background: #FFFFFF;
border: 1px solid #F3EDF2;
color: #000000;
font-weight: 700;
}
.ics-calendar .past .day{
background: #FFFFFF;
border: 1px solid #FFFFFF;
color: #e4e4e4;
}
.ics-calendar .today .day{
border: 1px solid #0f0f0f;
text-decoration: underline;
}
.ics-calendar-month-grid .today .day *{
color: inherit;
}
.legend_calendar{
font-size: 0.8em;
border-top: 1px solid #000000;
}
.legend_calendar .sslegend_calendar{
background:#FFFFFF;
color: #000000;
padding: 0.5em;
}
.legend_calendar .sslegend_calendar div{
display: inline-block;
}
.legend_calendar .sslegend_calendar > div{
width: 35%;
}
.legend_calendar .sslegend_calendar div.titre{
display: inline-block;
width:20%;
}
.legend_calendar .sslegend_calendar .day{
margin: 0 5px;
padding: 0 5px;
width: auto
}     .filtre {
border-left: 1px solid #0097d0; margin-bottom: 2em;
padding-bottom: 1em;
padding-top: 1em;
padding-left: 1em;
background: linear-gradient(195deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,151,208,1) 100%);
background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 15%, rgba(0,151,208,1) 100%);
}
.filtre .champs_filtre{
padding-bottom: 0;
display: inline-block;
margin-left: 8%;
margin-bottom:1em;
}
.filtre .champs_filtre .radio-date-choix{
display: inline-block;
margin-right: 1.5em;
}
.filtre .champs_filtre .radio-date input[type=radio]{
visibility: hidden;
display: none;
}
.filtre .champs_filtre .radio-date input[type=radio] + label::before {
content: '\f111';
font-family:'FontAwesome';
border-radius: 50%;
font-size: 1.2em;
line-height: 1em;
margin-right: 0.2em;
}
.filtre .champs_filtre .radio-date input[type=radio]:checked + label::before {
content: '\f111';
color: #0097d0;
font-weight: 400;
}
.filtre .champs_filtre .radio-date label{
display: inline-block;
margin-left: 0.4em;
}
.filtre .champs_filtre .champs_labelDyn{
display: inline-block;
width: 2em;
}
.filtre .champs_filtre input{
border-radius: 3px;
border: 1px solid #FFFFFF;
}
.filtre .champs_filtre input:hover{
border: 1px solid #0177AF;
background: #0097d0;
}
.filtre_legende > div{
position: relative;
display: inline-block;
padding-bottom: 14px;
width: 200px;
} .filtre_legende .mise_avant{
width: 30px;
height: 30px;
top: -5px;
left: -15px;
}
.filtre_legende .Ot .mise_avant{
background-size: 12px;
background-position: left+8px top+2px;
}
.filtre_legende .Part .mise_avant:before{
margin-top: 0px;
margin-left: 2px;
font-size: 20px;
line-height: 28px;
}
.filtre_legende .label_filtre{
font-size: 0.8em;
font-style: italic
}
.legende_filtre{
margin-bottom: 2em;
}
.legende_filtre fieldset{
width:50%;
margin:auto;
border: 1px solid #FFFFFF;
padding-bottom:1em;
border-radius: 3px;
}
.legende_filtre fieldset legend{
color: #FFFFFF;
border: 0;
font-size: 0.8em;
padding: 0 1em;
margin-left: 2em;
width: auto;
margin-bottom: 1em;
}
.filtrecarte{
text-align:center;
}
.filtrecarte #map{
height: 400px;
width: 100%;
margin: 2px auto;
border-radius: 5px;
border: 2px solid #FFFFFF;
} .TypeRecherche .filtre .champs_filtre{
display: block;
padding-bottom: 0;
margin-left: 8%;
margin-bottom:3.2em;
text-align: center;
}
.TypeRecherche .filtre .dernierFiltre{
margin-bottom:1em;
}
.TypeRecherche .leaflet-popup-content-wrapper{
width: 150px;
padding:0;
text-align:center;
border-radius:0;
border: 1px solid #FFFFFF;
}
.TypeRecherche .leaflet-popup-content{
margin: 0px;
width: 100% !important;
}
.TypeRecherche .leaflet-container a.leaflet-popup-close-button{
width: 20px;
height: 20px;
top:-6px;
right:-6px;
padding:2px 1px 0px 0px;
border-radius:10px;
color: #FFFFFF;
background: #0097d0;
z-index:5;
}
.ChoixRecherche{
text-align:center;
padding-bottom: 1em;
}
.AffichResult{
padding: 1em;
display:inline-block;
background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 15%, rgba(0,151,208,1) 100%);
text-align: center;
border-radius:2px;
}
.AffichResult .NbResult{
font-size: 2em;
font-style: italic;
}
.TypeRecherche .leaflet-popup-content .visuel{
height: 150px;
overflow:hidden;
position: relative;
}
.TypeRecherche .leaflet-popup-content .visuel img{
object-fit: cover;
min-height: 100%;
min-width: 100%;
position:relative;
z-index:3;
}
.TypeRecherche .leaflet-popup-content .visuel img[src="/"]{
display:none;
height: 1px;
z-index:1;
}
.TypeRecherche .leaflet-popup-content .visuel:after {  
content: "\f070";
font-size: 4em;
line-height:150px;
font-family: FontAwesome;
color: #0097d0;
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.TypeRecherche .leaflet-popup-content a.LienCarte{
text-align: center;
}
.TypeRecherche .leaflet-popup-content .LienCarte .Titre,.TypeRecherche .leaflet-popup-content .LienCarte .Localite{
text-align:center;
color: #FFFFFF;
background: #0097d0;
padding:4px 0;
}
.TypeRecherche .leaflet-popup-content .LienCarte .Capacite{
padding: 4px 0;
}
.TypeRecherche .leaflet-popup-content .LienCarte .Localite .btnLocalite{
padding: 2px 4px;
color: #0097d0;
background: #FFFFFF;
border-radius: 3px;
}
.TypeRecherche .leaflet-popup-content .LienCarte .Localite .btnLocalite i{
padding: 0px 2px;
}     #page_Cirkwi .col-md-12{
padding:0;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb_ign_content {
margin: 0;
}
#page_Cirkwi .mb-columns-2 {
max-width: 100%;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb-ign-liste div.mb-columns{
text-align: left;
}
#page_Cirkwi .mb-columns > .mb-columns-item {
min-width: 0%;
max-width: 100%;
}
#page_Cirkwi .mb-columns-2 > .mb-columns-item {
width: 25%;
margin-right:5%;
margin-left:3%;
margin-bottom: 100px;
}
#page_Cirkwi div#mb_module.mb-css.mb_module div.mb-ign-liste div.mb-columns div.cdf_Objet {
margin: 0;
width: 100%;
position: relative;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb-responsive-small .cdf_VignetteCircuitPhotoBloc {
height: 415px;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitInfoBloc {
padding:0;
background: #FFFFFF;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitInfoBloc a{
display: block;
padding: 0 2px !important;
background: #000000;
text-align: center;
max-height: 40px;
height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitInfoBloc a:hover{
background: #000000 !important;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb-responsive-small .cdf_VignetteCircuitInfoBloc h2.cdf_VignetteCircuitTitre,
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitInfoBloc a h2.cdf_VignetteInfoBlocCircuitTitre{
color: #FFFFFF !important;
font-size: 18px !important;
width: 100%;
font-family: inherit !important;
font-weight: normal !important;
text-align: center !important;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb-responsive-small .cdf_VignetteCircuitInfoBloc h2.cdf_VignetteCircuitTitre{
margin-top: 6px !important;
margin-bottom: 0px !important;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_Objet p.cdf_VignetteCircuitDescription{
padding: 10px;
height: 100px;
max-height: 100px;
background: #FFFFFF;
color: #000000 !important;
display: block;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuit div.cdf_VignetteCircuitLoisirs:before {
content: '...';
text-align: left;
display: block;
height: 16px;
position: absolute;
z-index: 15;
top: -20px;
right:5px;
background: #FFFFFF;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuit div.cdf_VignetteCircuitLoisirs{
padding: 0;
margin: 0;
text-align: center;
height: 26px;
position:relative;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb_VignetteCircuitInfosParcours{
padding: 0;
margin: 0;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb_VignetteCircuitInfosParcours{
margin-top: 0;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_address{
display: none;
visibility: hidden;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuit div.cdf_VignetteCircuitLoisirs:after {
content: '';
text-align: left;
display: block;
height: 1px;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb-responsive-small .cdf_outsideCircle{
top: -440px;
left: -28px;
}
#page_Cirkwi div#mb_module.mb-css.mb_module button.cdf_MapButton,
#page_Cirkwi div#mb_module.mb-css.mb_module div.cdf_Objet div.cdf_insideCircle,
#page_Cirkwi div#mb_module.mb-css.mb_module .mb_ign_bouton_rechercher,
#page_Cirkwi div#mb_module.mb-css.mb_module .mb_ign_filtrer>button {
background-color: #0097d0 !important;
}
#page_Cirkwi .mb_ign_recherche button{
color: #0097d0 !important;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb-responsive-small .cdf_VignetteCircuitFooterBloc{
display: block;
visibility: visible;
height: 36px;
text-align: center;
background: #000000;
padding-top: 6px;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitFooterBloc .cdf_author{
display: inline;
color: #000000;
background: #FFFFFF;
padding: 3px 3px;
border-radius: 3px;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .mb-responsive-small .cdf_clone{
visibility: hidden;
}
#page_Cirkwi .mb_cgu{
display: none;
visibility: hidden;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitLoisirs .mb_VignetteCircuitDifficulty .difficultyColorBlock.very-easy-difficulty-color
{
background-color: #269bc4;
}
#page_Cirkwi #filter-difficultes-very-easy-label,#page_Cirkwi div#mb_module.mb-css.mb_module .mb-cirkwi-filter-input #filter-difficultes-very-easy+.label-cloud-tags{
color:#269bc4;
border-color:#269bc4;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitLoisirs .mb_VignetteCircuitDifficulty .difficultyColorBlock.easy-difficulty-color
{
background-color: #00C800;
}
#page_Cirkwi #filter-difficultes-easy-label,#page_Cirkwi div#mb_module.mb-css.mb_module .mb-cirkwi-filter-input #filter-difficultes-easy+.label-cloud-tags{
color:#00C800;
border-color:#00C800;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitLoisirs .mb_VignetteCircuitDifficulty .difficultyColorBlock.medium-difficulty-color{
background-color: #C89600;
}
#page_Cirkwi #filter-difficultes-medium-label,#page_Cirkwi div#mb_module.mb-css.mb_module .mb-cirkwi-filter-input #filter-difficultes-medium+.label-cloud-tags{
color:#C89600;
border-color:#C89600;
}
#page_Cirkwi div#mb_module.mb-css.mb_module .cdf_VignetteCircuitLoisirs .mb_VignetteCircuitDifficulty .difficultyColorBlock.hard-difficulty-color{
background-color: #C80000;
}
#page_Cirkwi #filter-difficultes-hard-label,#page_Cirkwi div#mb_module.mb-css.mb_module .mb-cirkwi-filter-input #filter-difficultes-hard+.label-cloud-tags{
color:#C80000;
border-color:#C80000;
}     footer .container{
width: 100%!important;
}
footer#containerfooter.footerclass{
background: #000000;
color: #FFFFFF;
border-top: 1px solid #FFFFFF;
padding-top: 0;
}
footer#containerfooter h2, footer#containerfooter h3, footer#containerfooter h4, footer#containerfooter p,
footer#containerfooter a{
color: #FFFFFF;
}
footer#containerfooter h3{
font-size: 1.5em;
line-height: 1.5em;
}
.footercol1 .widget-2 figure img{
width: 150px !important;
}
.footercol1, .footercol2, .footercol3, .footercol4, .footercol5 {
min-height: 180px;
}
.footercol1 img{
width: 160px;
}
.footercol5 img{
width: 160px;
}
.footercol5 ul{
margin:0;
} footer#containerfooter .row > div:nth-child(3), footer#containerfooter .row > div:nth-child(4), footer#containerfooter .row > div:nth-child(5){
border-left: 1px solid #c9c9c9;
}
footer#containerfooter  #block-25 img{
height: 100%;
width: 25%;
margin: 0 37.4%
}
footer#containerfooter .menu li a{
width: auto;
max-width: 100%;
}
footer#containerfooter a{
width: auto;
max-width: 100%;
padding: 2px 0px;
display: block;
}
footer#containerfooter a:hover{
background: #0098D1;
}
footer#containerfooter .virtue_social_widget a {
padding: 10px;
}
footer#containerfooter .virtue_social_widget a i{
font-size: 2em;
} .Erreur404 .Sileff_centrage{
text-align: center;
}
.Erreur404 .Sileff-button{
background-color: #0097D0;
font-size: 16px;
padding: 15px 30px;
margin-top: 2em;
margin-bottom: 4em;
border-radius: 4px; 
color: #fff;  
width: auto;
text-decoration: none;
display: inline-block;
line-height: 1;
fill: #fff;
text-align: center;
transition: all .3s;
}     @media (max-width: 1199px) and (min-width: 650px){ 
.hovercard, .Page_menu_colonne .wp-block-kadence-posts .loop-entry.content-bg, #page_Cirkwi .mb-columns-2 > .mb-columns-item {
margin-right: 5%;
margin-left:5%;
width: 38%;
}
}
@media (max-width: 650px){ 
.hovercard, .Page_menu_colonne .wp-block-kadence-posts .loop-entry.content-bg, #page_Cirkwi .mb-columns-2 > .mb-columns-item {
margin-right: 8%;
margin-left:8%;
width: 81%;
}
.topbar_social .icon-phone{
margin-left: 80px;
}
.topbar_social .icon-phone::after, #topbar-search{
display: none;
}
header #logo a.brand, .logofont{
font-size: 3em !important;
}
header #logo .kad_tagline{
font-size: 2em !important;
}
header #logo a.brand:before {
width: 45px;
height: 80px;
left: -45px;
top: 0px;
}
h1{
font-size: 2em !important;
}
.home #logo{
width: 100% !important;
top: 100px;
}
.sliderclass, .kt-flex-fullslide{
height: 250px !important;
}
.home header #logo .kad_tagline{
padding-left: 0px;
}
.footercol1, .footercol2, .footercol3, .footercol4 {
min-height: auto;
} footer#containerfooter .row > div:nth-child(3), footer#containerfooter .row > div:nth-child(4){
border-left: 1px solid #FFFFFF;
} }
@media (max-width: 450px){ 
header #logo a.brand, .logofont{
font-size: 2.5em !important;
}
header #logo .kad_tagline{
font-size: 1.5em !important;
}
header #logo a.brand:before {
width: 45px;
height: 80px;
left: -45px;
top: 0px;
}
}
@media (max-width: 1558px) and (min-width: 1454px){ 
#nav-main {
width: 90%;
left: 50%;
margin-left: -45%;
}
}
@media (max-width: 1454px) and (min-width: 1332px){ 
#nav-main {
width: 80%;
left: 50%;
margin-left: -40%;
}
}
@media (max-width: 1332px) and (min-width: 1068px){ 
#nav-main {
width: 70%;
left: 50%;
margin-left: -35%;
}
}
@media (max-width: 1068px) and (min-width: 980px){ 
#nav-main {
width: 60%;
left: 50%;
margin-left: -30%;
}
}
@media (max-width: 991px){
.banner .nav-trigger .nav-trigger-case {
position: absolute;
display: block;
width: 7%;
top: 0;
left: 0;
margin-left: 43%;
margin-top: -9px;
color: #fff;
}
.headerclass::after{
background-size: 160px 120px, 65px 162px;
background-position: left+8px top+8px, right top;
}
#mobile-nav-trigger .kad-menu-name{
display:none;
}
#kad-mobile-nav{
text-align: center;
z-index: 1000000;
position: relative;
}
#menu-menu-principal-1 {
background: #fff;
width: 50%;
margin-left: 22%;
padding: 0;
margin-top:32px;
}
.kad-topbar-right{
display:none;
}
}
@media (min-width: 992px){
.home .container {
width: 90%;
}
}
@media (min-width: 1200px){
.home .container, .page-template-page-deplacement .container {
width: 90%;
}
}
@media (min-width: 650px){
.page-template-page-evt-zoom .card-body{
margin-top: 15px;
}
}