@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Mairie de Rives en Seine
Theme URI: http://www.rives-en-seine.fr/
Description: Theme de la ville de Rives-en-Seine
Version: 1.0
Author: Krea3
Author URI: http://www.krea3.fr
Text Domain: krea3
*/
.krea3_formulaire .phrase_form_contact_rgpd {text-align: center;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
label[for="rgpd"] {width: 100% !important;text-align: center !important;background: #F2F2F2;border-radius: 5px;padding: 20px;margin: 0;}
label[for="rgpd"] input#rgpd {width: 20px;}
/* La description du champ*/
.descriptioncontact{display:block;font-size:0.75em;color:#333;margin: 5px 0 20px 0;padding-left: calc(35% + 15px);}
html, body {width:100%;}
html{
scroll-behavior: smooth;
}
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:100%; /*c'est la taille du navigateur par défaut*/
color:#666;
background:#fff;
}
main{
width:100%;
padding:0;
background-color:#eaeaea;
}
main#main-page{
/*background:linear-gradient(to right, #FFF 50%, #fafafa 50%);*/
}
main#main-accueil{
width:100%;
max-width:100%;
font-size:1em;
background-color:transparent;
background-image:none;
}
.largeur92{
display:block;
width:96%;
padding:0;
margin:0 auto 0 auto;
max-width:1500px;
font-size:0.75em;
}
/************Listing CENTRALE HEBERGEMENTS spécificités (carte et liste côte à côte)*************/
#centrale-dispo-container::after {clear: both;}
#centrale-dispo-container::before, #centrale-dispo-container::after {content: "";display: block;height: 0;overflow: hidden;}
/* Div qui contient la liste des hébergements dans listing de la centrale*/
#centrale-dispo-container article{float: left;width:750px;padding:0;}
/* Div qui contient la carte du listing de la centrale*/
#centrale-dispo-container aside.centrale-dispo {width: calc(100% - 750px);float: left;}
#centrale-dispo-container aside.centrale-dispo.sticky {top: 130px !important;}
/*Mise en avant d'un bloc listing quand sélectionné sur la carte*/
.listing li.un-bloc-listing.selected .texte-absolute-listing{background-color:#333;}
/*********Fin listing centrale spécificités*************/
/* conteneur de la pagination */
.listing-pagination{clear:both;text-transform: uppercase;display: block;padding:30px 0 0 0;}
/* un element contenant un numero de page */
.page-numbers{background:#f8f8f8 !important;border-radius: 4px;font-size: 12px;margin: 0 2px 1.5em !important;overflow: hidden;padding: 8px 14px !important;color: #333 !important;text-decoration: none;transition: all 0.3s ease 0s;}
/* passage de la souris sur un lien de la pagination */
a.page-numbers:focus, a.page-numbers:hover,
span.page-numbers.current{background-color: #333!important;color: #fff!important;}
/****PAGINATION listing*****/
/* passage de la souris sur un lien de la pagination */
a.page-numbers:focus, a.page-numbers:hover,
span.page-numbers.current{
background-color:#13354f !important;
color: #fff!important;
}
/*Bouton recherche centrale dispo*/
a#rechercher_hebergements,
a#plus_criteres_centrale,
a#reset_recherche_centrale,
a#afficher_tarifs,
.centrale.annuler-criteres,
.centrale.reset-criteres,
.centrale.appliquer-criteres{
background-color:#FFF;
border:1px solid rgba(0,0,0,0.1);
color:#666;
font-size:1em;
font-weight:300;
font-family:sans-serif;
text-decoration:none;
padding:10px;
margin:0 5px 0 5px;
display:inline-block;
}
a#plus_criteres_centrale,
a#afficher_tarifs{
color:#13354f;
}
a#rechercher_hebergements:hover,
a#plus_criteres_centrale:hover,
a#reset_recherche_centrale:hover,
a#afficher_tarifs:hover,
.centrale.annuler-criteres:hover,
.centrale.reset-criteres:hover{
border:1px solid rgba(0,0,0,0.3);
}
.centrale.appliquer-criteres{
color:#333;
border:2px solid #13354f;
font-weight:600;
}
.centrale.appliquer-criteres:hover{
color:#13354f;
}
/************************top************************/
/*.rotation-header{
transform: rotate(-2deg);
transform-origin:left center 0;
width:110%;
margin-left:-5%;
margin-top:50px;
padding:80px 30px 50px 30px;
background:blue;
}
.reverse-rotation-header{
transform: rotate(2deg);
padding:0 10px 0 10px;
margin:0 auto 0 auto;
width:83.5%;
max-width:1300px;
}*/
header{
padding:0;
margin:0;
/*position:fixed;*/
width:100%;
background-color:#FFF;
border-bottom:2px solid #13354f;
font-family: 'Montserrat', sans-serif;
position:relative;
}
#top-header{
padding:0 0 10px 0;
position:relative;
}
#site-officiel{
float:right;
margin:40px 0 0 0;
text-align:center;
font-size:1.4em;
font-weight:600;
color:#143853;
}
#site-officiel span{
display:block;
font-weight:800;
text-transform:uppercase;
font-size:1.4em;
color:#268ebd;
}
@media screen and (max-width:1279px){
#site-officiel{
display:none;
}
}
#logo-site{
display:block;
position:relative;
z-index:2001; /*pour passer par dessus #nav et être cliquable*/
margin:0;
padding:0;
float:left;
width:240px;
height:133px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
#barre-top-header{
float:left;
margin:0 0 0 20px;
padding:0 20px 0 20px;
background-color:#a3235d;
display:table;
}
#recherche-top{
display:table-cell;
vertical-align:middle;
padding:5px 20px 5px 0;
}
a#portail-famille{
display:table-cell;
background-color:#143853;
color:#D1D424;
text-decoration:none;
padding:5px 30px 5px 30px;
font-weight:300;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
a#portail-famille:hover{
background-color:#0c2232;
}
span#icon-portail{
/*display:block;
float:left;*/
display:inline-block;
width:28px;
height:43px;
background:url(assets/images/icons-rives-en-seine.png) no-repeat top left;
background-position:0 -558px;
margin:0 10px 0 0;
}
#intitule-portail{
display:inline-block;
}
#intitule-portail span{
color:#FFF;
display:block;
font-size:1.5em;
line-height:1em;
font-weight:600;
}
span#connexion-portail{
/***display:inline-block;***/
display:block;
font-size:0.9em;
color:#cfcfcf;
text-decoration:underline;
}
ul#liens-sociaux-top{
display:table-cell;
vertical-align:middle;
margin:0;
padding:8px 0 5px 20px;
list-style-type:none;
font-size:1.8em;
text-align:center;
}
ul#liens-sociaux-top li{
display:inline-block;
}
ul#liens-sociaux-top li a{
display:table;
width:40px;
height:40px;
border-radius:50%;
background-color:#801b49;
color:#FFF;
padding-top:5px;
}
/***Outil taille du texte***/
#taille_texte{
/*display:table-cell;
vertical-align:middle;
width:auto;
margin:0;
padding:0 20px 0 0;*/
display:block;
background:rgba(0,0,0,0.8);
border-bottom-left-radius:10px;
border-top-left-radius:10px;
position:fixed;
z-index:1000; /*pour passer par dessus diapo accueil*/
right:0;
top:150px;
width:45px;
}
#taille_texte span{
color:#615D59;
font-weight:700;
display:inline-block;
padding-top:5px;
display:none;
}
.jfontsize-button {
display:inline-block;
width:45px;
height:40px;
float:right;
margin:0;
border:none;
color: #fff;
background-color: #000;
}
.jfontsize-button img{
display:block;
}
.jfontsize-button:hover {
border:none;
}
.jfontsize-disabled, .jfontsize-disabled:hover {
}
/***Fin Outil taille du texte***/
/**********************ligne menu principal**********************/
nav#menu-principal{
text-align:left;
position:absolute;
width:100%;
bottom:0;
}
@media screen and (min-width:1024px){
nav#menu-principal ul#nav{
padding-left:300px;
}
}
#icon_home span{
display:none;
}
/*pour cacher accueil du menu grands écrans*/
#menu li.page-item-0,
#menu li.page-item-81,
#menu li.page-item-83,
#menu li.page-item-85,
#menu li.page-item-110,
#menu li.page-item-114,
#menu li.page-item-13883,
#menu li.page-item-13882
{
display:none;
}
#menu{
display:inline-block;
position:relative;
width:100%;
max-width:1500px;
}
/*body.home #menu{
max-width:1300px;
}*/
/******************fin ligne menu principal**********************/
/***************Menu réduit********************/
@media screen and (min-width:1024px){
header.menu-reduit{
position:fixed;
z-index:1000; /*pour passer par dessus diapo accueil*/
border-bottom:2px solid #13354f;
background-color:rgba(255,255,255,0.9);
}
header.menu-reduit #top-header{
padding-bottom:0;
}
header.menu-reduit #site-officiel{
display:none;
}
header.menu-reduit #logo-site{
width:120px;
height:67px;
}
header.menu-reduit nav#menu-principal{
z-index:1000;
}
header.menu-reduit #barre-top-header{
float:right;
position:relative;
z-index:1001; /*pour passer par dessus menu*/
}
header.menu-reduit nav#menu-principal ul#nav{
padding-left:150px;
}
}
@media screen and (min-width:1024px) and (max-width:1279px){
header.menu-reduit #top-header{
width:100%;
}
header.menu-reduit #logo-site{
margin-left:20px;
}
header.menu-reduit #barre-top-header{
padding-right:0;
}
header.menu-reduit #searchform input[type="text"]{
width:130px;
font-size:1em;
}
header.menu-reduit ul#liens-sociaux-top{
display:none;
}
}
/***********Fin Menu réduit********************/
/************************Page d'accueil**************************************/
#diapo-accueil{
margin:0;
padding:0;
}
.slideshow .cycle-slide .slide-body{
top:50%;
}
.slideshow .cycle-slide .slide-content {
width: 30%;
margin: 0 auto;
}
.slideshow .cycle-slide .slide-content .content-label {
position: relative;
display: inline-block;
padding: 15px 30px;
margin: 0;
background: #333;
color: #fff;
font-size: 1em;
font-weight: 700;
letter-spacing: 5px;
text-transform: uppercase;
color: #fff;
padding: 10px 15px 10px 15px;
display: inline-block;
background-color: rgba(0,0,0,0.4);
font-size: 1.5em;
line-height: 1.2em;
font-weight: 300;
font-family: 'Montserrat',sans-serif;
text-transform: none;
position: relative;
text-decoration: none;
cursor: hand;
position: relative;
z-index: 10;
text-shadow: 2px 2px 2px rgb(0 0 0 / 30%);
}
.slider-nav a {
background-color: rgba(163,35,93,0.9);
display: block;
vertical-align: middle;
visibility: hidden;
text-align: center;
text-decoration: none;
font-size: 2em;
padding-top: 7px;
font-weight: normal;
color: #FFF;
}
.slider-nav a.slide-prev {
position: absolute;
bottom: 50%;
left: 0;
width: 45px;
height: 45px;
padding-right: 10px;
z-index: 9;
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
}
.slider-nav a.slide-next {
position: absolute;
bottom: 50%;
right: 0;
width: 45px;
height: 45px;
padding-left: 10px;
z-index: 9;
border-bottom-left-radius: 30px;
border-top-left-radius: 30px;
}
/**********************ligne1***********************************/
#fond-ligne1{
position:relative;
padding:0;
background:linear-gradient(to right, #FFF 50%, #eaeaea 50%);
}
#ligne1{
position:relative;
font-family: 'Montserrat', sans-serif;
display:block;
background:linear-gradient(to right, #FFF 66.66%, #eaeaea 33.33%);
}
#gauche-ligne1{
float:left;
width:66.66%;
/*background-color:#FFF;*/
padding:60px 40px 80px 0;
}
#top-actus{
display:table;
width:100%;
margin:0 0 30px 0;
}
#top-actus h2{
display:table-cell;
vertical-align:bottom;
color:#268ebd;
font-weight:800;
text-transform:uppercase;
margin:0;
padding:0 20px 0 0;
font-size:3em;
}
#top-actus a#voir-liste-actus{
display:table-cell;
vertical-align:bottom;
text-transform:uppercase;
text-align:right;
color:#0C2333;
text-decoration:none;
font-weight:600;
font-size:1.3em;
}
#top-actus a#voir-liste-actus:hover{
text-decoration:underline;
}
#droite-ligne1{
/*display:table-cell;*/
float:left;
width:33.33%;
/*background-color:#eaeaea;*/
padding:60px 0 80px 40px;
}
#droite-ligne1 h2{
display:inline-block;
font-size:1.6em;
font-weight:400;
background-color:#D1D424;
color:#0D2638;
margin:0;
padding:20px;
text-transform:uppercase;
}
#droite-ligne1 h3{
color:#13354F;
font-weight:600;
font-size:2em;
}
#droite-ligne1 h4{
color:#A3235D;
font-weight:600;
}
#droite-ligne1 a{
color:#13354F;
font-size:1.1em;
}
#droite-ligne1 img{
max-width:50%;
height:auto;
}
/******************fin ligne1***********************************/
/******************acces rapides*********************/
#fond-acces-rapides{
position:relative;
padding:0;
background:linear-gradient(to right, #a3235d 50%, #13354f 50%);
}
#acces-rapides{
position:relative;
font-family: 'Montserrat', sans-serif;
display:table;
padding:0;
}
#gauche-acces-rapides{
display:table-cell;
vertical-align:top;
width:66.66%;
background-color:#a3235d;
padding:40px 40px 40px 0;
}
#gauche-acces-rapides h2{
margin:0;
padding:0;
text-transform: uppercase;
color:#FFF;
font-weight:200;
}
#gauche-acces-rapides h2 span{
display:block;
margin:15px 0 30px 0;
width:40px;
height:1px;
background-color:#FFF;
}
#gauche-acces-rapides ul{
margin:0 auto 0 auto;
padding:0;
list-style-type:none;
font-family: 'Montserrat', sans-serif;
}
#gauche-acces-rapides ul li{
display:block;
text-align:center;
/*width:16.66%;*/ /*A remettre quand on le lien vers clip du territoire sera visible*/
width:20%;
float:left;
margin:0 0 5px 0;
padding:0;
}
#gauche-acces-rapides ul li a{
font-weight:400;
font-size:1em;
padding:0;
color:#484a4b;
text-decoration:none;
}
#gauche-acces-rapides ul li a span{
}
#gauche-acces-rapides ul a span.intitule-acces{
display:block;
text-align:center;
width:100px;
margin:20px auto 0 auto;
color:#FFF;
}
#gauche-acces-rapides ul a span.intitule-acces span.span-saut{
display:block;
}
#gauche-acces-rapides ul li a span.icon-acces{
display:block;
width:93px;
height:93px;
margin:0 auto 0 auto;
background:url(assets/images/icons-rives-en-seine.png) no-repeat top left;
}
#gauche-acces-rapides ul li#acces1 a span.icon-acces{background-position:0 0;}
#gauche-acces-rapides ul li#acces2 a span.icon-acces{background-position:0 -93px;}
#gauche-acces-rapides ul li#acces3 a span.icon-acces{background-position:0 -186px;}
#gauche-acces-rapides ul li#acces4 a span.icon-acces{background-position:0 -279px;}
#gauche-acces-rapides ul li#acces5 a span.icon-acces{background-position:0 -372px;}
#gauche-acces-rapides ul li#acces6 a span.icon-acces{background-position:0 -465px;}
#gauche-acces-rapides ul li#acces7 a span.icon-acces{
background:url(assets/images/icons-rives-en-seine-agenda-fb.png) no-repeat top left;
}
/*NEWSLETTER*/
#droite-acces-rapides{
display:table-cell;
vertical-align:top;
width:33.33%;
background-color:#13354f;
padding:40px 0 40px 40px;
}
#droite-acces-rapides h2{
margin:0;
padding:0;
text-transform: uppercase;
color:#D1D424;
font-weight:200;
font-size:2.5em;
}
#droite-acces-rapides p{
color:#FFF;
margin:0;
padding:0;
}
/*********************Abonnement Newsletter************************************/
ul#inscription-newsletter{
margin:0;
padding:0;
list-style-type:none;
font-family: 'Montserrat', sans-serif;
color:#FFF;
}
ul#inscription-newsletter li{
margin:0;
padding:0;
}
ul#inscription-newsletter form.subscribe-form,
#mailjetSubscriptionForm{
text-align:left;
padding:50px 0 20px 0;
}
ul#inscription-newsletter form.subscribe-form input,
#mailjetSubscriptionForm input{
display:inline-block;
vertical-align: middle;
margin:0;
padding:0;
}
.mailjet-widget-form-group {
float:left;
}
ul#inscription-newsletter form.subscribe-form input[type="text"],
#mailjetSubscriptionForm input[type="email"]{
background-color: rgba(0,0,0,0.2);
border:none;
color: #fff;
font-size: 1.2em;
font-weight: 100;
height: 42px;
margin:0 10px 0 0;
text-align: center;
width:100%;
max-width:400px;
}
/*Couleur du placeholder "votre@email.com" Rq : ne pas les regrouper sinon ça ne fonctionne pas*/
ul#inscription-newsletter ::-webkit-input-placeholder,
.mailjet-widget-form-group ::-webkit-input-placeholder {
color: rgba(255,255,255,0.8);
}
ul#inscription-newsletter :-moz-placeholder,
.mailjet-widget-form-group :-moz-placeholder { /* Firefox 18- */
color: rgba(255,255,255,0.8);
}
ul#inscription-newsletter ::-moz-placeholder,
.mailjet-widget-form-group ::-moz-placeholder { /* Firefox 19+ */
color: rgba(255,255,255,0.8);
}
ul#inscription-newsletter :-ms-input-placeholder,
.mailjet-widget-form-group :-ms-input-placeholder {
color: rgba(255,255,255,0.8);
}
/*Fin couleur du placeholder*/
ul#inscription-newsletter form.subscribe-form input[type="submit"],
#mailjetSubscriptionForm input[type="submit"] {
border:1px solid #D1D424;
color:#0d2638;
font-size:1.2em;
font-weight:normal;
height:40px;
width:60px;
background-color:#D1D424;
margin:0;
padding:0;
border-radius:5px;
}
ul#inscription-newsletter p.success,
ul#inscription-newsletter div.response,
.mailjet_widget_form_message{
color:#FFF;
font-weight:600;
}
ul#inscription-newsletter p.success{
border:1px solid #D1D424 !important;
padding:10px;
margin:5px 0 5px 0;
}
/*********************Fin Abonnement Newsletter********************************/
/*****************fin acces rapides*****************/
/**********************ligne2***********************************/
#fond-ligne2{
position:relative;
padding:60px 0 120px 0;
background:url(assets/images/fond-agenda.jpg) no-repeat center center;
background-size: cover;
background-attachment: fixed;
}
#fond-ligne2 h2{
color:#FFF;
text-transform: uppercase;
font-weight:200;
font-size:3em;
text-align:center;
margin:0;
padding:40px 40px 40px 40px;
background: rgba(0,0,0,0.1);
}
#fond-ligne2 h2 span{
display:block;
margin:25px auto 0 auto;
width:120px;
height:1px;
background-color:#FFF;
}
#gauche-ligne2{
display:table-cell;
width:75%;
margin:0;
padding:0;
}
#droite-ligne2{
display:table-cell;
width:25%;
vertical-align: middle;
text-align:center;
margin:0 0 0 100px;
padding:0;
}
/*#agenda-accueil{
width:66.66%;
margin:0;
padding:0;
background-color:#04436a;
text-align:center;
}
#agenda-accueil h2{
clear:both;
text-align:center;
text-transform:uppercase;
color:#FFF;
font-size:3em;
padding:50px 0 30px 0;
border-bottom:1px solid rgba(255,255,255,0.3);
margin:0 0 30px 0;
}
*/
a#voir-agenda-complet{
display:inline-block;
color:#FFF;
margin:0 0 0 10px;
padding:40px;
text-decoration:none;
font-family: 'Montserrat', sans-serif;
font-size:1.7em;
font-weight:300;
text-transform:uppercase;
color:#FFF;
text-transform:uppercase;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background-color:#a3235d;
}
a#voir-agenda-complet:hover{background-color:rgba(0,0,0,0.2);}
a#voir-agenda-complet span{font-weight:700; display:block;}
/******************fin ligne2***********************************/
/*********************FIn page accueil*******************/
#ligne-outils{
margin:0 0 10px 0;
padding:0 0 10px 0;
font-family: 'Montserrat', sans-serif;
position:relative;
border-bottom:2px solid #143853;
}
/*********Fil d'ariane***********/
#fil_ariane{
margin:0 0 0 0;
padding:20px 10px 10px 0;
text-align:left;
color:#268ebd;
color:#666;
font-size:0.85em;
font-family: 'Montserrat', sans-serif;
font-weight:400;
text-transform:uppercase;
float:left;
}
#fil_ariane a{
color:#666;
font-weight:400;
text-decoration:none;
}
#fil_ariane a:hover{
text-decoration:underline;
}
/**********************Outils************/
#outils{
margin:0 0 0 0;
padding:0;
font-size:0.85em;
width:auto;
display:table;
float:right;
}
#outils ul{
display:table-cell;
vertical-align:middle;
list-style-type:none;
margin:0;
padding:0;
}
#outils ul li{
margin:0 0 0 0;
padding:0 0 0 7px;
float:right;
height:25px;
border-right:1px solid rgba(0,0,0,0.1);
}
#outils ul li a{
display:block;
height:25px;
padding:5px 0 0 40px;
margin:0;
color:#615D59;
text-decoration:none;
font-weight:700;
}
#outils ul li a:hover{
}
#outils li#krea3outils_print{border-left:1px solid rgba(0,0,0,0.1);}
li#krea3outils_selectpages a{background:url(assets/images/icons_outils_ajouter.png) no-repeat center left;}
li#krea3outils_print a{background:url(assets/images/icons_outils_print.png) no-repeat center left;}
li#krea3outils_friend a{background:url(assets/images/icons_outils_friend.png) no-repeat center left;}
#outils ul li a span{
display:none;
}
/**********Boutons de partage facebook, twitter, g+ *****/
#share_buttons{
display:table-cell;
vertical-align:middle;
text-align:right;
margin:0;
padding:5px 10px 0 0;
}
#share_buttons a{
display:inline-block;
width:32px;
height:32px;
margin:0 0 0 3px;
padding:0;
}
/******Fin Boutons de partage facebook, twitter, g+ *****/
/******************Fin Outils************/
#image-header-page{
width:100%;
max-width:2200px;
height:auto;
position:relative;
margin:0 auto 0 auto;
display:block;
}
#image-header-page img{
display:block;
width:100%;
height:auto;
}
#la-page{
/*background:linear-gradient(to right, #FFF calc(100% - 350px), #fafafa 350px);*/
position:relative;
padding:40px 0 40px 0;
}
#content{
float:left;
width:75%;
height:auto !important;
min-height:400px;
background-color:#FFF;
font-size:1.3em;
font-weight:300;
font-family: 'Open Sans', sans-serif;
color:#727272;
padding:30px;
}
#content_large{
clear:both;
width:100%;
padding:30px 30px 60px 30px;
margin:0;
color:#727272;
background-color:#FFF;
font-weight:300;
background-color:#FFF;
position:relative;
font-size:1.3em;
font-family: 'Open Sans', sans-serif;
}
#content img,
#content_large img{
max-width:100%;
height:auto;
}
#content strong,
#content_large strong{
font-weight:700;
}
/*************************************** Gauche ***************************************************/
#gauche{
display:block;
float:left;
width:25%;
padding:0;
margin:0 0 20px 0;
}
/****************************Menu page**********************************/
.sidebar{
margin:0;
padding:0;
}
/*bouton filtrer pour les petits écrans*/
#bt-filtrer{display:none;}
.sidebar ul#menu_pages,
.sidebar ul#menu_annuaire{
margin:0 0 30px 0;
padding:10px 0 30px 0;
height:auto !important;
height:40px;
min-height:40px;
font-size:1.5em;
}
.sidebar ul .pagenav{
font-size:1.2em;
font-weight:600;
color:#143853;
padding:15px 0 0 0;
margin:0 0 0 0;
text-transform:uppercase;
font-family: 'Montserrat', sans-serif;
max-width:300px; /*= la largeur des liens img*/
}
.sidebar ul#menu_pages .pagenav{color:#484a4b;}
.sidebar ul#menu_annuaire .pagenav{color:#565859;}
.sidebar ul .pagenav ul{
text-transform:none;
text-align:left;
margin-top:10px;
}
/*Les pages (niveau3)*/
.sidebar ul .pagenav ul ul{
margin-top:0px;
padding:0 0 30px 0;
font-size:0.9em;
}
.sidebar ul li{
list-style-type:none;
}
.sidebar ul a{
text-decoration:none;
padding:10px 10px 10px 10px;
display:block;
border-bottom:1px solid rgba(0,0,0,0.1);
font-size:0.8em;
}
.sidebar ul#menu_pages a{color:#484a4b; font-weight:400;}
.sidebar ul#menu_annuaire a{color:#565859; font-weight:300;}
/*mettre une majuscule aux mois dans les actus (demande Beuzeville) */
.sidebar ul#menu_pages.menu-actu a:first-letter{text-transform:uppercase;}
.sidebar ul ul li:first-child{
padding-top:15px;
}
.sidebar ul ul li ul li:first-child{
border-top:none;
}
.sidebar ul li.has_children{
padding:0 0 0 0;
margin:0;
}
.sidebar ul li.has_children ul{
margin:0 0 0 10px;
}
.sidebar ul li.has_children a{
padding:0 0 0 0 10px;
margin:0 0 0 0;
}
.sidebar ul li.has_children a:hover{
}
.sidebar ul ul{
padding:0;
margin:0;
}
.sidebar ul ul li{
margin:0;
padding:0;
}
.sidebar ul ul ul li{
padding-left:10px;
}
.sidebar ul li.has_no_children a{
padding-left:10px;
margin:0 0 0 0;
}
.sidebar ul li.has_no_children a:hover{
}
.sidebar ul#menu_pages li.current_page_item > a,
.sidebar ul#menu_annuaire li.current_page_item > a{
font-weight:600;
color:#268ebd;
color:#13354f;
}
.sidebar ul li.current_page_item.has_children a{
border-left:none;
}
/*****************Menu déroulant gauche****************/
.sidebar ul li.pagenav ul li.niv-2 ul{
display:none;
}
.sidebar ul li.pagenav ul li.niv-2.taxonomy_item.page_item.has_children ul{
display:block;
}
.sidebar ul li.pagenav ul li.current_page_item ul{
display:block;
}
.sidebar ul li.pagenav ul li.current_page_parent ul{
display:block
}
.sidebar ul li.pagenav ul li.current_page_ancestor ul{
display:block;
}
/****************Fin Menu déroulant gauche**************/
/**************Sidebar carto***********************/
#sidebar-carto{
margin:0;
padding:0 30px 0 0;
font-family: 'Montserrat', sans-serif;
}
.filtres-carte{
margin:0;
padding:0;
}
.filtres-carte #titre-filtrer{
color:#484a4b;
text-transform:uppercase;
font-weight: 700;
font-size: 1.6em;
display:block;
padding:0 0 15px 0;
margin-bottom:15px;
}
.filtres-carte > ul {
margin:0;
padding:0;
}
/** Les types ex: Agenda, Associations, Localisations... **/
.filtres-carte > ul > li {
display: block;
margin:0;
padding:0;
height:auto;
height: 60px;
overflow: hidden;
border-top:none;
}
.filtres-carte > ul > li > div{
height: 60px;
display:table;
width:100%;
}
.filtres-carte > ul > li[data-color="filtre-actif"].show div,
.filtres-carte > ul > li[data-color="filtre-actif"] div:hover {
/*background: rgba(0,0,0,0.1);*/
}
.filtres-carte > ul > li > div > a{
display:table-cell;
vertical-align:middle;
margin:0;
padding:0 50px 0 0;
color:#484a4b;
font-size:1.4em;
font-weight:300;
position:relative;
}
.filtres-carte > ul > li > div > a:after{
position: absolute;
width: 40px;
right: 0;
content: "\f078";
font-family: fontawesome;
font-size:0.8em;
color:rgba(0,0,0,0.2);
-webkit-transition: left .4s ease;
-moz-transition: left .4s ease;
-o-transition: left .4s ease;
transition: left .4s ease;
}
.filtres-carte > ul > li.show > div > a:after{
content: "\f00d";
}
/** Fin des types **/
/*.filtres-carte > ul > li.show div, .filtres-carte>ul>li div:hover {
background: #1988AF;
color: #fff;
cursor: pointer;
}*/
/* Les sous catégories qui apparaissent au clic*/
/*affichage du conteneur (bloc) des sous catégories quand on clique*/
.filtres-carte > ul > li.show,
.filtres-carte > ul > li > ul.children > li {
height: auto;
overflow: visible;
}
.filtres-carte > ul > li[data-cat="commerce"].show{
max-height: 420px;
overflow-y: scroll;
}
/*Une sous catégorie*/
.filtres-carte > ul > li ul li {
border-bottom: 1px solid rgba(0,0,0,0.2);
height:auto;
min-height: 42px;
/*line-height: 42px;*/
cursor: pointer;
padding:10px 50px 10px 20px;
font-size:1.2em;
color: #484a4b;
font-weight: 300;
opacity: 0;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translate3d(-20px, 0, 0);
-moz-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
-webkit-transition-property: -webkit-transform, opacity, -webkit-transform;
transition-property: -moz-transform, opacity, -webkit-transform;
transition-property: -o-transform, opacity, -webkit-transform;
transition-property: transform, opacity, -webkit-transform;
}
.filtres-carte > ul > li.show li > ul.children > li.children {
font-size: 0.8em;
width: calc(100% + 50px);
}
#sidebar-carto ul ul li:first-child {
border-top: none;
}
/*affichage des sous catégories (texte) quand on clique*/
.filtres-carte > ul > li.show li{
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
/*La case à cocher*/
.filtres-carte > ul > li > ul > li > span:after,
.filtres-carte ul.children > li > span:after {
position: absolute;
width: 40px;
right: 0;
content: "\f10c";
font-family: fontawesome;
font-size:1.1em;
color:#268ebd;
-webkit-transition: left .4s ease;
-moz-transition: left .4s ease;
-o-transition: left .4s ease;
transition: left .4s ease;
}
/*La case à cocher mode "cochée"*/
.filtres-carte > ul > li > ul > li.show > span:after,
.filtres-carte ul.children > li.show > span:after {
content: "\f192";
}
.filtres-carte > ul > li div span[class^="icon-"]{
position: absolute;
top: 0;
left: 0;
height: 75px;
line-height: 75px;
width: 70px;
text-align: center;
font-size: 28px;
font-size: 1.75rem;
}
.filtres-carte>ul>li ul li:nth-child(1) {
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
/***********Fin sidebar carto***********************/
/************************Fin Menu page**********************************/
/************************Fin gauche**********************************/
/*Styles à dupliquer dans tinymce.css*/
h1{
margin:0;
padding:50px 0 30px 0;
color:#143853;
font-weight:700;
font-size:3.2em;
line-height:1em;
font-family: 'Montserrat', sans-serif;
}
h2{
margin:50px 0 12px 0;
padding:5px 0 5px 0;
font-size:1.9em;
line-height:1em;
color:#a3235d;
font-weight:700;
font-family: 'Montserrat', sans-serif;
}
h3{
margin:20px 0 10px 0;
padding:0;
font-size:1.5em;
line-height:1em;
color:#268ebd;
font-weight:600;
font-family: 'Montserrat', sans-serif;
}
h4{
margin:10px 0 0 0;
padding:0;
font-size:1.2em;
color:#374d59;
font-weight:600;
}
h5{
margin:8px 0 0 0;
padding:0;
font-size:1.1em;
color:#666;
font-weight:800;
}
p{
padding:0;
margin:7px 0 0 0;
font-size: 1em;
color: #333;
}
ol,
ul{
list-style-position:inside;
}
ul{
list-style-type:square;
}
ol li {
color:#727272;
}
li {
color:#727272;
}
a{
color:#143853;
font-weight:bold;
}
a.fancybox{
text-decoration:none;
}
address{
color:#a8a8a8;
font-size:1.3em;
font-style:italic;
font-weight:300;
font-family: 'Montserrat', sans-serif;
}
blockquote{
margin:40px 7% 40px 7%;
padding:40px;
/*background:url(assets/images/blockquote2.png) no-repeat bottom left;*/
background-color:#fff;
border:2px solid #143853;
height:auto;
/*background-image: url(assets/images/blockquote1.png), url(assets/images/blockquote2.png);
background-position: top left, left bottom;
background-repeat: no-repeat;*/
}
blockquote p{
text-align:left;
font-size:1.2em;
line-height:1.3em;
padding:0;
margin:0;
color:#143853;
font-family: 'Montserrat', sans-serif;
font-weight:600;
}
img{
border:none;
max-width:100%;
}
/*fin des styles à dupliquer dans tinymce.css*/
.clearer{
display:block;
width:100%;
clear:both;
}
/******************************Liens Enfants / Menu page par défaut********************************/
ul.liens_enfants{
list-style-type:none;
margin:50px auto 50px auto;
padding:40px 5% 40px 5%;
display:block;
width:100%;
font-size:1.4em;
background-color:#13354f;
border:10px solid #a3235d;
columns:3 auto;
column-rule: 1px solid rgba(0,0,0,0.1);
}
ul.liens_enfants li{
display:inline-block;
width:100%;
padding:0 10px 0 0;
margin:10px;
}
ul.liens_enfants li a{
display:block;
padding:10px;
margin:0;
color:#FFF;
text-decoration:none;
font-family: 'Montserrat', sans-serif;
font-weight:300;
border-bottom:1px dashed rgba(255,255,255,0.3);
-webkit-transition: border-bottom 1s ease;
-moz-transition: border-bottom 1s ease;
-ms-transition: border-bottom 1s ease;
-o-transition: border-bottom 1s ease;
transition: border-bottom 1s ease;
}
ul.liens_enfants li a:hover{
border-bottom:1px dashed #FFF;
}
@media screen and (min-width:481px) and (max-width:1279px){
ul.liens_enfants{
font-size:1.1em;
columns:2 auto;
}
}
@media screen and (max-width:480px){
ul.liens_enfants{
font-size:1em;
columns:1 auto;
}
}
/****************************Fin Liens Enfants / fin menu page par défaut******************************/
/*/*********************************************Formulaire***************************/
.krea3_formulaire{
font-family: 'Montserrat', serif;
font-weight:300;
}
.krea3_formulaire p.obligatoire{
margin-left:30%;
padding:0 0 10px 0;
color:#be092c;
}
p.error{
text-align:center;
background-color:#fc4d60;
color:#FFF;
font-weight:300;
padding:10px;
margin:0 0 20px 0;
}
.krea3_formulaire p{
margin:2px 0 2px 0;
clear:both;
background-color:transparent;
}
.krea3_formulaire fieldset{
margin-bottom: 10px;
margin-top:0;
padding:20px 10px 20px 10px;
border:1px solid #eee;
background-color:#f8f8f8;
}
.krea3_formulaire fieldset legend.obligatoire{
padding: 0 10px;
font-size: 1.1em;
margin-left:35%;
color:#000;
}
@media screen and (max-width:890px){
.krea3_formulaire fieldset legend.obligatoire{
margin-left:0;
}
}
/* Label */
.krea3_formulaire label{
color:#000;
display: block;
width:35%; /*En % pour un meilleur rendu lors du changement de taille du texte*/
float: left;
padding-right: 5px;
text-align: right;
font-size:1em;
font-weight:600;
}
/* La description du champ*/
.descriptioncontact{
display:block;
font-size:0.75em;
margin:0 0 20px 0;
padding-left:calc(35% + 10px);
color:#333;
}
@media screen and (max-width:890px){
.descriptioncontact{
padding-left:0;
}
}
.krea3_formulaire input, .krea3_formulaire select,
.krea3_formulaire textarea{
margin-left: 1%;
width:45%; /*En % pour un meilleur rendu lors du changement de taille du texte*/
border: #EBEBEB 1px solid;
font-size: 1.2em;
font-family: 'Raleway', serif;
}
.krea3_formulaire input[type="submit"]{
font-family: 'Raleway', serif;
text-transform:uppercase;
width:auto;
height:auto;
border:none;
background-color:#13354f;
color:#FFF;
font-weight:400;
margin:0 0 0 calc(35% + 10px);
padding:10px;
font-size:1.2em;
font-weight:normal;
text-align:center;
border-radius:2px;
}
@media screen and (max-width:890px){
.krea3_formulaire input[type="submit"]{
margin-left:0;
}
}
.krea3_formulaire input[type="submit"]:hover,
.krea3_formulaire input[type="submit"]:focus{
background-color:#064162;
cursor:pointer;
}
/*********************************** Fin Formulaire***********************************************/
/*****************************moteur recherche site***********************************************/
ul#recherche_site{
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:right;
display:inline-block;
}
ul#recherche_site label{
/*display:none;*/
}
#searchform input[type="text"],
.search-form input[type="text"],
.search-form input[type="search"]{
border:1px solid #a3235d;
height:40px;
display:block;
float:left;
margin:0;
padding:0 10px 0 10px;
border-radius:5px;
width:180px;
color:#3f4142;
font-size:1.2em;
}
#searchform input[type="submit"],
.search-form input[type="submit"]{
width:auto;
height:auto;
border:1px solid #a3235d;
color:#fff;
font-weight:normal;
font-size:0px;/* pour cacher le texte*/
text-indent: -5000px;/* pour cacher le texte*/
display:block;
float:left;
height:40px;
width:40px;
background:url(assets/images/icons-rives-en-seine.png) #a3235d no-repeat top left;
background-position:0 -600px;
margin:0 0 0 5px;
padding:0;
border-radius:5px;
}
#searchform input[type="submit"]:hover,
.search-form input[type="submit"]:hover{
/*background-color: #433e38;*/
cursor:pointer;
}
#content #searchform input[type="text"],
#content .search-form input[type="text"],
#content .search-form input[type="search"]{
border:2px solid #eee;
}
#content #searchform input[type="submit"],
#content .search-form input[type="submit"]{
}
/***************************Page de résultats ******************************/
/*Le formulaire quand aucun résultat*/
#la-page #searchform{
background-color:#268ebd;
text-align:center;
padding:40px 30px 40px 30px;
}
#la-page #searchform div{
display:inline-block;
}
#la-page #searchform input[type="text"]{
background: rgba(0,0,0,0.2) none repeat scroll 0 0;
border: medium none !important;
color: #fff !important;
font-family: 'Montserrat', sans-serif;
font-size: 1.6em !important;
font-weight: 300 !important;
height: 42px !important;
margin: 0 10px 0 0 !important;
text-align: center;
width:70% !important;
max-width:400px!important;
}
#la-page #searchform input[type="submit"]{
border:1px solid #268ebd;
background-color:#268ebd;
}
label.screen-reader-text{display:none;} /*Pour cacher le "Recherche pour" des résultats de recherche*/
.page-resultats-recherche div.hentry{
display:block;
padding:0 0 20px 0;
margin:20px 0 20px 0;
border-bottom:1px solid #eee;
}
/*Le titre lien d'un résultat*/
h3.entry-title a{
color:#268ebd;
text-decoration:none;
font-weight:400;
}
h3.entry-title a:hover{
text-decoration:underline;
}
/*Résultats suivants / précédents*/
#nav-above,
#nav-below{clear:both;}
#nav-above{margin:0 0 20px 0;}
#nav-below{margin:30px 0 0 0;}
/***********************Fin Page de résultats de recherche***********************/
/*************************Fin moteur recherche site***********************************************/
/****************************Plan du site**********************************/
#krea3_plan_site{
margin:0;
padding:0;
}
#krea3_plan_site ul{
font-family: Arial, Helvetica, sans-serif;
margin:0 0 0 0;
padding:0 5px 10px 0;
}
/*niveau 1*/
#krea3_plan_site li{
list-style-type:none;
margin:10px 0 40px 0;
padding:0 4% 0 4%;
font-size:1.3em;
font-weight:700;
background-color:#FFF;
font-family: 'Montserrat', sans-serif;
}
#krea3_plan_site > li{
background-color:#fafafa;
padding:30px 4% 30px 4%;
}
#krea3_plan_site li a{
text-decoration:none;
text-transform:uppercase;
color:#a3235d;
font-weight:700;
display:block;
padding:10px 0 20px 0;
/*border-bottom:5px solid #a7a7a7;*/
margin:0 0 30px 0;
}
#krea3_plan_site li a:hover{
text-decoration:underline;
}
/*niveau 2*/
#krea3_plan_site ul li{
border-bottom:1px solid #FAF3F3;
padding:5px 4% 5px 4%;
margin:2px 10px 2px 0;
font-size:0.8em;
text-transform: none;
}
#krea3_plan_site ul li a{
font-weight:normal;
color:#333;
text-transform:none;
padding:0;
border-bottom:none;
margin:0;
}
#krea3_plan_site ul li a:hover{
}
/*niveau 3*/
#krea3_plan_site ul li ul li{
border:none;
font-size:0.9em;
margin-left:10px;
padding:0 0 0 2%;
}
#krea3_plan_site ul li ul li a{
color:#666;
}
/*niveau 4*/
#krea3_plan_site ul li ul li ul li{
padding:0 10px 0 10px;
}
/************************Fin Plan du site**********************************/
/**********************Abonnez-vous***************************************/
#fond-abonnez-vous{
border-top:1px solid #eee;
border-bottom:1px solid #eee;
margin-top:40px;
font-family: 'Montserrat', sans-serif;
}
#abonnez-vous{
padding:0;
display:table;
margin-top:40px;
margin-bottom:40px;
}
#abonnez-vous a#bloc-newsletter,
#abonnez-vous a#bloc-sms{
display:table-cell;
width:50%;
text-decoration:none;
font-weight:400;
text-align:center;
}
#abonnez-vous a#bloc-newsletter{border-right:1px solid #eee; padding-right:20px;}
#abonnez-vous a#bloc-sms{padding-left:20px;}
#abonnez-vous a div{
padding:20px;
height:auto;
min-height:150px;
}
#abonnez-vous h2{
font-size:1.8em;
font-weight:300;
color:#FFF;
margin:0 0 15px 0;
padding:20px;
text-transform:uppercase;
display:inline-block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#abonnez-vous a#bloc-newsletter h2{background-color:#268ebd;}
#abonnez-vous a#bloc-sms h2{background-color:#04436a;}
#abonnez-vous a#bloc-newsletter h2:hover,
#abonnez-vous a#bloc-sms h2:hover{
background-color:#484A4B;
}
#abonnez-vous h2 span{
font-weight:700;
}
#abonnez-vous p{
font-size:1.1em;
}
#abonnez-vous p:hover{
text-decoration:underline;
}
/*****************Fin Abonnez-vous***************************************/
/***********************************************************************/
/****************Footer*************************************************/
footer{
font-family: 'Montserrat', sans-serif;
background-color:#eaeaea;
color:#565455;
font-weight:300;
text-align:left;
position:relative;
padding:40px 0 40px 0;
}
/*****************Coordonnees***********************/
#mairies-footer{
padding:0;
border-top:1px solid #b5b5b5;
border-bottom:1px solid #b5b5b5;
display:table;
}
#titre-mairies-footer{
display:table-cell;
vertical-align:middle;
padding:40px 20px 40px 20px;
margin:0;
width:25%;
text-align:center;
}
#logo-footer{
display:inline-block;
margin-bottom:10px;
}
#titre-mairies-footer h2{
margin:0;
padding:0;
font-weight:600;
color:#a3235d;
font-size:1.5em;
}
#titre-mairies-footer h2 span{
display:block;
color:#565455;
font-weight:200;
}
.coordonnees{
display:table-cell;
vertical-align: top;
padding:40px 20px 40px 20px;
margin:0;
width:25%;
}
.adresse-postale{
padding:0;
margin:0;
font-weight:400;
}
.adresse-postale h3{
margin:0;
padding:0;
color:#a3235d;
font-weight:600;
font-size:1.2em;
}
a.tel-footer{
display:block;
margin:15px 0 0 0;
padding:0;
font-size:1.1em;
color:#565455;
text-decoration:none;
}
a.tel-footer:hover{
text-decoration:underline;
}
.contact-footer{
display:block;
margin:15px 0 0 0;
padding:0;
color:#a3235d;
text-decoration:none;
font-size:0.95em;
}
.contact-footer:hover{
text-decoration:underline;
}
/*************Fin Coordonnees***********************/
#bottom-footer{
text-align:center;
}
ul#menu_footer{
display:table;
font-family: 'Raleway', serif;
padding:30px 10px 0 10px;
margin:0 auto 0 auto;
font-size:0.9em;
}
ul#menu_footer li:last-child{
border-right:1px solid rgba(0,0,0,0.2);
padding-right:10px;
}
ul#menu_footer li{
display:table-cell;
vertical-align: middle;
margin:0;
padding:0 10px 0 10px;
border-left:1px solid rgba(0,0,0,0.2);
}
ul#menu_footer li a{
display:inline-block;
color:rgba(0,0,0,0.7);
text-decoration:none;
padding:0;
font-weight:400;
border:none;
}
ul#menu_footer li a img,
ul#menu_footer li a span{
display:inline-block;
vertical-align:middle;
}
ul#menu_footer li a:hover{
text-decoration:underline;
}
#fond-bas-footer{
background-color:#FFF;
}
#bas-footer{
}
ul#partenaires-footer{
width:100%;
margin:0;
text-align:center;
padding:30px 10px 20px 10px;
list-style-type:none;
}
ul#partenaires-footer li{
display:inline-block;
padding:10px 40px 10px 40px;
height:70px;
}
ul#partenaires-footer li img{
display:block;
height:100%;
width:auto;
}
/***********************************************************************/
/**********************Fin Footer***************************************/
/***********************************************************************/
.cookiebanner{
background:rgba(0,0,0,0.8) !important;
width:300px;
bottom:20px !important;
right:20px !important;
left:auto !important;
max-width:100%;
z-index:200;
padding:30px !important;
}
.cookiebanner a{
color:#FFF;
}
.cookiebanner-close{
background-color:#FFF !important;
padding:2px 4px 2px 4px !important;
margin-left:10px;
border-radius:5px;
}
/***********************Page carto*********************/
/******************************************************/
/***Partie gauche***/
.page_carto #filtres{
max-width: 100%;
width: 300px;
display: block;
float: left;
padding: 0;
}
.page_carto #filtres form.recherche-listing {
background-color: #f4f4f4;
margin: 0;
padding: 0 5px;
background-color:#F4F4F4;
padding:8px 5px 8px 5px;
margin:0 0 20px 0;
text-align:left;
}
/*.page_carto #filtres form.recherche-listing fieldset,
.page_carto #filtres form.recherche-listing p{
display:inline-block;
vertical-align:middle;
}
form.recherche-listing p{
margin:5px;
}*/
form.recherche-listing fieldset{
padding:0;
border:none;
}
/*
form.recherche-listing input{
border:1px solid #FFF;
padding:10px;
}
form.recherche-listing input[type="button"]{
background-color:#33AA6E;
border:1px solid #33AA6E;
color:#FFF;
text-transform:uppercase;
}
form.recherche-listing input[type="button"]:hover{
opacity:0.7;
}*/
.page_carto #header_filtres {
background-color: #f0f0f0;
padding: 5px 5px 15px;
margin:10px 0 0 0;
}
.page_carto #nb_result{
background: transparent none repeat scroll 0 0 !important;
font-family: 'Montserrat', sans-serif;
color: #268ebd;
font-size: 2.2em;
font-weight:700;
margin: 15px 0 12px;
padding: 5px 0;
}
.page_carto #nb_result #label{
font-size:0.75em;
}
.page_carto #recherche-cartographie fieldset {
display: block;
margin: 0 auto;
width: 95%;
}
.page_carto span.titre_filtre {
font-size: 1em;
color: #666666;
display: block;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
.page_carto input#nouvelle_recherche_agenda {
background: #567898;
border: 1px solid #567898;
font-size: 1.2em;
height: auto;
text-transform: uppercase;
transition: all 0.5s ease-in 0s;
width: 90%;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-size:0.8em;
padding:10px;
margin:0 5px 0 5px;
}
.page_carto #reset_recherche_carto {
border: 1px solid #666;
color: #666 !important;
display: block;
font-size: 0.75em;
font-style: italic;
margin:10px 0 0 0;
max-width: 100%;
padding:7px;
text-decoration: none;
text-transform: none;
transition: all 0.5s ease-in 0s;
cursor:pointer;
text-align:center;
width:115px;
}
.page_carto ul{
list-style-type:none;
padding-left:0;
text-align:left;
}
.page_carto ul li{
margin-left:0;
}
.page_carto #filtres .filtre {
padding: 10px;
}
.page_carto #filtres .filtre h4{
cursor: pointer;
}
.page_carto #filtres .filtre h4::before {
content: "\f078";
font-family: FontAwesome;
margin-right: 10px;
}
.page_carto #filtres .filtre h4.active::before {
content: "\f077";
font-family: FontAwesome;
}
/***FIN Partie gauche***/
/***Partie droite***/
.page_carto #cbp-vm.card {
width: calc(100% - 330px);
margin:10px 0;
}
.page_carto .cbp-vm-switcher {
float: right;
padding: 0;
}
.page_carto #map_canvas{
border:none;
}
/*infos bulle*/
.info-windows {
border-radius: 5px;
background:#fff;
padding: 10px;
min-width:300px;
}
.info-windows .lien-itineraire{
background-color: #eee;
border: medium none;
border-radius: 3px;
color: #333;
display: inline-block;
float: left;
clear: both;
font-weight: bold;
margin: 0 10px 5px 0;
padding: 10px;
text-align: center;
width: auto;
font-size: 1em;
text-decoration: none;
}
.i-box i{
margin:0 10px 0 0;
}
.i-box h3 {
border-bottom: 1px solid #eee;
font-family: "Montserrat",sans-serif;
margin: 0 0 15px;
padding: 0 0 10px;
}
#map_canvas img, #carte img{
max-width: none;
}
.info-windows .i-box img.wp-post-image {
display: block;
float: left;
margin: 0 20px 20px 0;
max-width: 110px;
width: 110px;
height:auto;
}
.i-box p {
display: block;
margin: 20px 0 15px 20px;
}
/*Boutons*/
.i-box #show-itineraire {
background-color: #eee;
border: medium none;
border-radius: 3px;
color: #333;
display: inline-block;
/*float: left;*/
font-weight: bold;
margin: 0 0 5px 0;
padding: 10px;
text-align: center;
width: auto;
cursor:pointer;
font-size:1em;
}
.i-box .lien-savoir-bulle {
background-color: #666;
border: medium none;
border-radius: 3px;
color: #fff;
display: inline-block;
/*float: left;*/
clear:both;
font-weight: bold;
margin: 0 0 5px 0;
padding: 10px;
text-align: center;
width: auto;
font-size:1em;
text-decoration:none;
}
/*Fin Boutons*/
/*infos bulle*/
/*Itineraire*/
.page_carto #titre_calcul_itineraire {
/*color: #6f984f;
font-size: 1.8em;
font-weight: 600;
margin: 45px 0 20px;
padding: 0;
text-transform: uppercase;*/
font-weight:300;
font-size:2em;
}
.page_carto #wrapper_input_calcul_itineraire input {
background: #ededed none repeat scroll 0 0;
border: medium none;
color: #333;
font-family: "Lato",sans-serif;
font-size: 1.8em;
font-weight: 300;
height: 50px;
margin: 0 auto 20px;
text-align: center;
width: 50%;
}
.page_carto .adp{
width:100%;
}
/***FIN Partie droite***/
/***************RESPONSIVE******************/
@media screen and (max-width:770px) {
.page_carto #filtres{
width: 100%;
clear:both;
float:none;
margin:0 !important;
}
.page_carto #cbp-vm.card {
width: 100%;
}
/***itinéraire***/
.page_carto #wrapper_itineraire{
padding:0;
width:100%;
}
.page_carto #wrapper_input_calcul_itineraire input{
width:100%;
}
.page_carto .adp table{
width:100%;
}
/***fin itinéraire***/
}
/********************Fin page carto*********************/
/******************************************************/
/****************************************/
/*Ci-dessous style des annuaires / agenda / actus / navigation / carto
/***************************************/
/* =Agenda accueil
----------------------------------------------- */
/*conteneur carré*/
.agenda.accueil{
width:33.33%;
float:left;
font-size: 1.2em;
border:none;
margin:0;
padding:0 10px 0 10px;
overflow: visible;
font-family: 'Raleway', serif;
font-weight:400;
}
/***********************************/
/* Réglage d'1 carré*/
.agenda.accueil .item-inner {
margin: 0;
padding: 0 !important;
box-shadow: none !important;
}
#conteneur-agenda-accueil .agenda.accueil .item-inner img{
display:block;
width: 100%;
max-width:300px;
height: auto;
margin:0 auto 0 auto;
border:1px solid #faf9fa;
}
.agenda.hover-effect .item-inner {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
margin: 0;
padding: 0;
position: relative;
background-color:rgba(0,0,0,0.2);
}
/* Fin Réglage d'1 carré*/
/***********************************/
/* texte sur carré de couleur au survol*/
.agenda.hover-effect a {
display: block;
line-height: 1;
text-align: center;
font-weight:400;
text-decoration:none;
}
/*carré de couleur au survol*/
.agenda.hover-effect .bloc-au-survol {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:#268ebd;
color: #FFF;
opacity: 0;
-webkit-transition: 1.3s opacity;
-moz-transition: 1.3s opacity;
transition: 1.3s opacity;
padding:10px;
}
.agenda.hover-effect .inner-bloc-au-survol{
position: absolute;
padding:20px;
right:0;
left:0;
top: 50%; /* poussé de la moitié de hauteur du référent */
transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}
/*position du carré de couleur au survol*/
.agenda.accueil.hover-effect .item-inner .bloc-au-survol {
/*top: 5px;
left: 5px;
right: 5px;
bottom: 5px;*/
}
/* + sur carré de couleur */
.agenda .bloc-au-survol span.icon-agenda:after {
content:"Lire la suite";
font-weight:100;
display: inline-block;
font-size:0.9em;
margin:20px 0 20px 0;
padding:10px 20px 10px 20px;
background-color:rgba(0,0,0,0.7);
color:#FFF;
-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
}
.agenda .bloc-au-survol span.icon-agenda:hover::after {
background-color:rgba(0,0,0,1);
}
.agenda a:hover .bloc-au-survol, a:focus .bloc-au-survol {
opacity:1;
}
.agenda a:hover .metas-content-block, a:focus .metas-content-block-inner {
opacity: 0;
}
/* Titre "Aujourd'hui" / "Cette semaine" / "Ce mois ci" / "Cette année"*/
.agenda .agenda_widget_libelle {
/*background: #222a41;
border-radius: 0px;
color: #fff;
font-family: 'Raleway', serif;
text-transform:uppercase;
font-weight:300;
display: block;
left: 5px;
padding: 5px 10px;
position: absolute;
top: 5px;
z-index: 30;*/
display:none;
}
.agenda .agenda_widget_libelle a{
font-weight:300;
}
/*Texte sur l'image*/
.agenda.accueil .metas-content-block {
color: #FFF;
font-size: 1.2em;
padding:20px;
text-align: center;
z-index:0;
}
.agenda.accueil .metas-content-block .metas-content-block-inner {
margin:0;
padding:0 10px 0 10px;
}
/*Texte sur l'image : ville*/
.agenda span.meta-ville{
font-weight:300;
display:inline-block;
padding:5px 10px 5px 10px;
margin:0 0 15px 0;
text-shadow:none;
font-size:0.6em;
color:#FFF;
background-color:#268ebd;
background-color:transparent;
border-radius:10px;
text-transform:uppercase;
}
/*Texte sur l'image : titre*/
.agenda h3.meta-titre{
display:block;
margin: 0;
padding:0 0 15px 0;
color:#FFF;
font-size:1.2em;
font-weight:400;
color:#FFF;
}
/*Texte sur l'image : date*/
.agenda span.meta-date{
font-weight:200;
display:inline-block;
padding:30px 0 15px 0;
margin-bottom:10px;
text-shadow:none;
font-size:0.9em;
color:#FFF;
}
.agenda span.meta-date .agenda_jour_texte,
.agenda span.meta-date .du-au{
}
.agenda span.meta-date .saut-ligne-date{
display:block;
}
.calendar_wrapper .custom-header h3{display:none;}
/*Les boutons contrôle quand défilement*/
.owl-theme .owl-controls .owl-page span{
background-color:#ccc;
opacity:1;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
background-color:#f6ac64;
opacity: 1;
}
/*Responsive agenda accueil*/
@media screen and (min-width:769px) and (max-width:1279px){
.agenda .item-inner img {
}
.bloc-au-survol .inner-bloc-au-survol {
font-size:0.9em;
}
.agenda.accueil .metas-content-block .metas-content-block-inner {
font-size:0.7em;
}
.agenda span.meta-ville{
font-size:1.1em;
}
}
@media screen and (max-width:768px){
.agenda.accueil{
width:100%;
float:none;
margin:0 0 20px 0;
}
.bloc-au-survol .inner-bloc-au-survol {
font-size:1.3em;
}
.agenda.accueil .metas-content-block .metas-content-block-inner {
font-size:1.3em;
}
.agenda span.meta-ville{
font-size:0.8em;
padding:10px;
}
}
/*fin agenda accueil*/
/* =Diapo actu accueil
----------------------------------------------- */
#owl-actu{
background-color:#268ebd;
}
/*conteneur carré*/
.actu-diapo.accueil {
font-size: 1.2em;
width:100%;
border:none;
margin:0;
overflow: visible;
font-family: 'Montserrat', sans-serif;
font-weight:200;
}
/***********************************/
/* Réglage d'1 carré*/
.actu-diapo.accueil .item-inner {
margin: 0px;
padding: 0px !important;
box-shadow: none !important;
}
.actu-diapo .item-inner img {
float:left;
width: 50%;
padding-right:20px;
height: auto;
}
.actu-diapo.hover-effect .item-inner {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
margin: 0;
padding: 0;
position: relative;
}
/* Fin Réglage d'1 carré*/
/***********************************/
/* texte sur carré de couleur au survol*/
.actu-diapo.hover-effect a {
display: block;
line-height: 1;
text-align: center;
font-weight:300;
text-decoration:none;
}
/*carré de couleur au survol*/
.actu-diapo.hover-effect .bloc-au-survol {
position: absolute;
bottom:0;
background-color:#1d6d91;
color: #FFF;
opacity: 0;
/*-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;*/
padding:40px;
font-size:1.2em;
font-weight:300;
}
/*position du carré de couleur au survol*/
.actu-diapo.accueil.hover-effect .item-inner .bloc-au-survol {
top:0;
left:0;
right:0;
bottom:0;
display:flex;
}
/*pour centrer dans la div le contenu du carré de couleur au survol*/
.actu-diapo.hover-effect .bloc-au-survol .inner-bloc-au-survol{
margin:auto;
}
.actu-diapo .bloc-au-survol span.titre-article-a-lire{
display:block;
font-weight:700;
font-size:1.6em;
}
/* + sur carré de couleur */
.actu-diapo .bloc-au-survol span.icon-actu:after {
content:"+";
font-weight:300;
display: inline-block;
font-size:0.9em;
text-transform: uppercase;
margin:20px 0 20px 0;
padding:10px 15px 10px 15px;
background-color:#268ebd;
-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-ms-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
}
.actu-diapo .bloc-au-survol span.icon-actu:hover::after {
background-color:#268ebd;
}
.actu-diapo a:hover .bloc-au-survol, a:focus .bloc-au-survol {
opacity: 0.95;
}
.actu-diapo a:hover .metas-content-block, a:focus .metas-content-block-inner {
opacity: 0.1;
}
.actu-diapo .agenda_widget_libelle a{
font-weight:300;
}
/*Texte sur l'image*/
.actu-diapo .metas-content-block {
background-color:#268ebd;
background-color:#13354f;
color:#FFF;
font-size:1em;
line-height:1.8em;
padding:40px;
text-align:left;
width:100%;
margin:0;
z-index:0;
}
.actu-diapo.accueil .metas-content-block .metas-content-block-inner {margin:0;}
/*Texte sur l'image : titre*/
.actu-diapo h3.meta-titre{
display:block;
margin: 0 0 30px 0;
padding:0;
color:#fff;
font-size:2.4em;
line-height:1em;
font-weight:400;
/*text-shadow: 0px 0px 5px rgba(0,0,0,0.3);
background-color:rgba(0,0,0,0.4);*/
}
/*Les boutons contrôle quand défilement*/
/*sur page intérieure*/
#main .owl-theme .owl-controls{
}
/*Les boutons contrôle quand défilement*/
/*sur page accueil*/
#main-accueil .owl-theme .owl-controls{
position:absolute;
bottom:5px;
right:20px;
}
.owl-theme .owl-controls .owl-page span{
background-color:rgba(0,0,0,0.3);
opacity:1;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
background-color:#FFF;
opacity: 1;
}
/*RESPONSIVE*/
@media screen and (max-width:639px){
.actu-diapo .metas-content-block {
padding:10px 10px 30px 10px;
font-size:1em;
}
.actu-diapo.hover-effect .bloc-au-survol {
padding-top:10%;
font-size:0.8em;
}
.actu-diapo .item-inner img {
float:none;
width: 100%;
max-width:400px;
height:auto;
margin:0 auto 0 auto;
padding:0 0 20px 0;
}
.actu-diapo h3.meta-titre{
}
}
/*fin diapo actu sur accueil*/
/*************Page Listing des ACTUS*********************/
/*Listing*/
.extrait_actu_page{
border:1px solid #eee;
margin:0 0 20px 0;
padding:20px;
clear:both;
font-size:0.9em;
}
.extrait_actu_page h2{
margin:0;
padding:0 0 10px 0;
color:#268ebd;
font-size:1.6em;
}
.extrait_actu_page h2 a{
text-decoration:none;
font-weight:400;
color:#268ebd;
}
.extrait_actu_page h2 a:hover{
text-decoration:underline;
}
.extrait_actu_page small{
color:#268ebd;
font-weight:700;
text-transform:uppercase;
font-size:0.7em;
font-family: 'Montserrat', sans-serif;
color:#333;
}
.extrait_actu_page .vignette{
width:150px;
height:auto;
float:left;
border:1px solid #eee;
margin:0 20px 10px 0;
padding:0;
}
.extrait_actu_page .vignette img{
display:block;
width:100%;
height:auto;
}
.extrait_actu_page a.lire_actu{
display:block;
float:right;
text-decoration:none;
background-color:#565859;
color:#FFF;
font-size:0.8em;
margin:10px 0 0 0;
padding:5px 10px 5px 10px;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
font-weight:300;
-webkit-transition: background-color 3s ease;
-moz-transition: background-color 3s ease;
-ms-transition: background-color 3s ease;
-o-transition: background-color 3s ease;
transition: background-color 3s ease;
}
.extrait_actu_page a.lire_actu:hover{
background-color:#268ebd;
}
/*fin listing*/
#date_publication_article_single{
display:block;
font-family: 'Montserrat', sans-serif;
text-align:right;
margin:20px 0 0 0;
color:#143853;
font-weight:400;
text-transform:uppercase;
font-size:0.7em;
}
/***************Fin page listing ACTUS***************************/
/********************************************************************************/
/******Page Listing des AGENDA / ANNUAIRES *****/
/*********************/
/*Formulaire de recherche agenda*/
form.recherche-listing{
background-color:#eaeaea;
padding:8px 5px 8px 5px;
margin:0 auto 20px auto;
width:100%;
max-width:1090px;
text-align:center;
}
form.recherche-listing fieldset,
form.recherche-listing p{
display:block;
}
form.recherche-listing p{
margin:5px;
}
form.recherche-listing fieldset{
padding:0;
border:none;
width:100%;
}
form.recherche-listing input{
border:1px solid #FFF;
padding:10px;
}
form.recherche-listing input[type="button"]{
background-color:#33AA6E;
border:1px solid #33AA6E;
color:#FFF;
text-transform:uppercase;
}
form.recherche-listing input[type="button"]:hover{
opacity:0.7;
}
/*le select*/
span.select-wrapper {
position: relative;
display: inline-block;
background-color:#FFF;
}
.select-wrapper select {
color:#666;
display: inline-block;
border: 1px solid #fff;
background-color:#FFF;
padding:8px 20px 8px 8px;
margin: 0;
font: inherit;
outline:none; /* remove focus ring from Webkit */
line-height: 1.2;
-webkit-appearance:none; /* remove the strong OSX influence from Webkit */
}
/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.select-wrapper select {
padding-right:30px;
}
}
/* Since we removed the default focus styles, we have to add our own */
.select-wrapper select:focus {
-webkit-box-shadow: 0 0 3px 1px #eee;
-moz-box-shadow: 0 0 3px 1px #eee;
box-shadow: 0 0 3px 1px #eee;
}
/* Style de la flèche */
/* .select-wrapper:after {
font-family: FontAwesome;
content:"\f107";
position: absolute;
top: 0;
right: 0;
bottom: 0;
font-size:1.6em;
padding:0 7px 0 7px;
line-height:35px;
background-color:#dbdbdb;
color: #FFF;
pointer-events:none;
}
.no-pointer-events .select-wrapper:after {
content: none;
}*/
/*Fin select*/
/*Bouton Réinitialiser*/
a#reset_recherche_agenda{
background-color:#565859;
border:1px solid #565859;
color:#FFF;
font-weight:normal;
font-family: 'Montserrat', sans-serif;
font-size:0.8em;
text-decoration:none;
padding:10px;
margin:0 5px 0 5px;
display:inline-block;
}
/*Bouton Rechercher quand javascript désactivé*/
input#nouvelle_recherche_agenda{
background-color:#565859;
border:1px solid #565859;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-size:0.8em;
padding:10px;
margin:0 5px 0 5px;
}
/*Image loading (chargement des résultats)*/
#spinner{
text-align:center;
}
/* masquer un élément quand js activé */
.listing-hidden{display:none; visibility:hidden;}
/* afficher un élément quand js désactivé */
.listing-visible{display:block; visibility:visible;}
/*Fin Formulaire de recherche agenda*/
/*********************/
/*********************/
/*Formulaire de recherche annuaire*/
#filtres-annuaires{
display:block;
float:left;
width:22%;
padding:10px 0 10px 0;
margin:0 0 20px 0;
}
#filtres-annuaires form fieldset{
border:none;
padding:0;
}
ul#la-recherche-annuaire{
list-style-type:none;
margin:0;
padding:20px;
background-color:#F8F8F8;
}
/*Blocs "Afficher les résultats" et "Affinez..." */
ul#la-recherche-annuaire li.bloc-recherche{
margin:0;
padding:0;
border-bottom:1px solid rgba(0,0,0,0.05);
}
/*Bloc "Afficher" */
ul#la-recherche-annuaire li.bloc-recherche1{
border-top:1px solid rgba(0,0,0,0.05);
padding:0 0 20px 0;
}
/*Titre "Afficher les résultats" et "Affinez..."*/
.titre-recherche-annuaire{
display:block;
margin:20px 0 0 0;
font-size:1.2em;
font-weight:bold;
color:#333;
}
li.bloc-recherche ul{
list-style-type:none;
margin:10px 0 0 0;
padding:0 0 20px 0;
}
/*Les liens de catégorie ou type*/
li.bloc-recherche li a{
text-decoration:none;
color:#666;
font-weight:normal;
}
.bloc-recherche li.current_page_item a{
color:#268ebd;
font-weight:bold;
}
/*Boutons nouvelle recherche et réinitialiser*/
.bloc-recherche li.bouton-recherche-annuaire{
margin:0;
padding:0;
}
li.bouton-recherche-annuaire input#nouvelle_recherche_annuaire{
font-size:0.8em;
padding:3px 10px 3px 10px;
color:#FFF;
background-color:#565859;
border:1px solid #565859;
font-weight:normal;
margin:0 0 10px 0;
}
input#nouvelle_recherche_annuaire:hover{
background-color:transparent;
}
/*Ce lien s'affiche quand js désactivé*/
li.bouton-recherche-annuaire a{
color:#565859;
font-weight:bold;
text-decoration:underline;
font-size:0.8em;
}
/*Fin Boutons nouvelle recherche et réinitialiser*/
/*Les filtres dans Affinez votre recherche*/
li.bloc-de-filtres{
margin:20px 0 0 0;
padding:0;
}
/*L'intitulé du bloc de filtre ex : Localisation*/
span.type-de-filtre{
font-weight:bold;
color:#268ebd;
}
li.bloc-de-filtres ul{
font-size:0.9em;
}
li.bloc-de-filtres ul input[type="checkbox"]{
margin-right:7px;
}
/*Fin des filtres dans Affinez votre recherche*/
/*Fin Formulaire de recherche annuaire*/
/*********************/
/*********************/
/*Conteneur Listing*/
/*#conteneur-listing-annuaire{
margin:0;
float:right;
padding:30px 0 30px 0;
width:73%;
}*/
/*Fin Formulaire de recherche annuaire*/
/*********************/
/****PAGINATION listing*****/
/* conteneur de la pagination */
.listing-pagination{
clear:both;
text-transform: uppercase;
display: block;
padding:30px 0 0 0;
}
/* un element contenant un numero de page */
.page-numbers{
background:#f8f8f8;
border-radius: 4px;
font-size: 12px;
margin: 0 0 1.5em;
overflow: hidden;
padding: 8px 14px;
color: #333;
text-decoration: none;
transition: all 0.3s ease 0s;
}
/* passage de la souris sur un lien de la pagination */
a.page-numbers:focus, a.page-numbers:hover{
color: #666;
background:#fff;
}
/* icone pages precedentes */
/*a.page-numbers.prev::before{
font-family:"FontAwesome";
content: "\f053";
}*/
/* icone pages suivantes */
/*
a.page-numbers.next::after{
font-family:"FontAwesome";
content: "\f054";
}
/*= Pagination loader - ajout François*/
#pagination-loader {
width: 40px;
height: 40px;
margin: 1.5em auto;
background: #ccc;
border-radius: 50%;
-webkit-animation: pulse 1s infinite alternate;
animation: pulse 1s infinite alternate;
display: none;
}
@-webkit-keyframes pulse {
from {
opacity: 1;
width: 40px;
height: 40px;
}
to {
opacity: 0.5;
width: 35px;
height: 35px;
}
}
@keyframes pulse {
from {
opacity: 1;
width: 40px;
height: 40px;
}
to {
opacity: 0.5;
width: 35px;
height: 35px;
}
}
/******FIN PAGINATION listing*****/
/*********************/
/* Le listing annuaire / agenda */
/* Le wrapper du listing : une div > une section > un ul */
.listing{
margin:0;
padding:0;
text-align:center;
font-family: 'Montserrat', sans-serif;
}
.listing ul{
display:block;
margin:0 auto 0 auto;
text-align:center;
list-style-type:none;
padding:0;
}
/*
#content .listing ul{width:740px;}
#content_large .listing ul{width:1110px;}*/
/* Fin wrapper du listing*/
/* Un bloc */
.listing li.un-bloc-listing{
display:block;
float:left;
margin:10px;
padding:0;
background-color:#143853;
}
/* Le contenu d'un bloc agenda*/
.listing .listing-item-agenda{
width:350px;
height:350px;
display:block;
position:relative;
overflow:hidden;
}
/* Le contenu d'un bloc annuaire*/
.listing .listing-item-annuaire{
width:350px;
height:350px;
display:block;
position:relative;
overflow:hidden;
}
/* L'image */
.listing .listing-item img{
display:block;
width:100%;
height:auto;
position:relative;
z-index:0;
}
/* La date (Agenda)*/
.date-manif-listing{
position:absolute;
top:10px;
right:10px;
font-weight:700;
display:block;
padding-bottom:5px;
margin-bottom:10px;
font-size:1em;
background-color:#a3235d;
border-radius:10px;
padding:10px;
color:#FFF;
z-index:2;
}
.date-manif-listing .agenda_jour_texte,
.date-manif-listing .du-au{
font-weight:400;
font-size:0.7em;
}
.date-manif-listing .saut-ligne-date{
display:block;
}
/* Fin de la date */
/*la ville*/
span.ville-listing-agenda{
font-weight:400;
display:inline-block;
background-color:#a3235d;
text-transform:uppercase;
padding:5px;
margin:0 0 15px 0;
text-shadow:none;
font-size:0.75em;
color:#FFF;
border-radius:5px;
font-weight:200;
}
/* Le tel (Annuaire)*/
.tel-annuaire-listing{
position:absolute;
top:0;
display:block;
margin-bottom:10px;
z-index:2;
}
.tel-annuaire-listing p{
font-weight:100;
display:block;
padding-bottom:5px;
margin:0;
font-size:1em;
background-color:#143853;
padding:10px;
color:#FFF;
z-index:2;
text-transform: uppercase;
}
/*le numéro */
.tel-annuaire-listing p a{
color:#FFF;
text-decoration:none;
font-weight:300;
}
.tel-annuaire-listing p a:hover{
text-decoration:underline;
}
/*l'icone tel */
.tel-annuaire-listing p > span{
padding-right:10px;
}
/* Fin de tel */
/* Le lien avec effet de survol contenant le titre et le résumé*/
.listing .listing-item > a{
display:block;
text-decoration:none;
font-weight:100;
color:#FFF;
width:100%;
height:150%;
position:absolute;
z-index:1;
bottom:-50%;
background-color:rgba(0,0,0,0.1);
-webkit-transition: background-color 1s ease, bottom 1s ease;
-moz-transition: background-color 1s ease, bottom 1s ease;
-ms-transition: background-color 1s ease, bottom 1s ease;
-o-transition: background-color 1s ease, bottom 1s ease;
transition: background-color 1s ease, bottom 1s ease;
}
.listing .listing-item > a:hover{
background-color:rgba(20,56,83,0.8);
bottom:0%;
}
/* Le titre */
.listing .listing-item a h3{
margin:0;
display:table;
width:100%;
height:66.66%;
position:relative;
color:#FFF;
font-weight:100;
font-size:1.2em;
padding-bottom:0;
}
/* span pour bien positionner le texte du titre*/
.listing .listing-item a h3 > span{
display:table-cell;
vertical-align:bottom;
width:100%;
text-align:center;
}
/* span pour styliser titre*/
.listing .listing-item a h3 span span.bordure-titre-agenda{
display:flex;
justify-content:center;
flex-direction: column;
background-color:rgba(20,56,83,1);
padding:20px;
height:auto;
min-height:88px;
}
/* le résumé (visible au survol) */
.listing .listing-item a p{
font-size:0.9em;
font-weight:100;
padding:20px 10px 10px 10px;
margin:0;
}
/*RESPONSIVE listing Annuaires Agenda*/
@media screen and (min-width:768px) and (max-width:1279px){
#content_large .listing ul{width:740px;}
#content .listing ul{width:370px;}
}
@media screen and (min-width:430px) and (max-width:767px){
#content_large .listing ul,
#content .listing ul{width:370px;}
}
@media screen and (max-width:429px){
#content_large .listing li.un-bloc-listing,
#content .listing li.un-bloc-listing{
margin:10px 0 10px 0;
}
#content_large .listing ul,
#content .listing ul{
width:280px;
}
#content_large .listing .listing-item,
#content .listing .listing-item{
width:280px;
height:280px;
display:block;
position: relative;
}
}
}
/* Fin listing annuaire / agenda */
/*Afficher sous catégories d'un annuaire préfiltré*/
#categories-annuaire-prefiltre{
margin:20px 0 10px 0;
padding:0;
}
#categories-annuaire-prefiltre #titre-filtrer{
display:inline-block;
background-color:#146E8D;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-weight:300;
font-size:0.7em;
text-transform:uppercase;
text-align:center;
padding:10px;
margin:0;
}
#categories-annuaire-prefiltre ul{
border:1px solid #eee;
margin:0;
padding:15px 20px 15px 20px;
font-family: 'Montserrat', sans-serif;
}
#categories-annuaire-prefiltre ul li{
border: 1px solid #565859;
color: #565859;
display: inline-block;
margin:5px;
padding:0;
}
#categories-annuaire-prefiltre ul li a{
color: #333;
font-weight:300;
font-size:0.85em;
text-decoration: none;
display:block;
border:2px solid #FFF;
padding: 3px 10px;
-webkit-transition: border 1s ease;
-moz-transition: border 1s ease;
-ms-transition: border 1s ease;
-o-transition: border 1s ease;
transition: border 1s ease;
}
#categories-annuaire-prefiltre ul li a:hover{
border:2px solid #565859;
}
/*Filtre actif*/
#categories-annuaire-prefiltre ul li.filtre-actif{
border:1px solid #146E8D;
}
#categories-annuaire-prefiltre ul li.filtre-actif a,
#categories-annuaire-prefiltre ul li.filtre-actif a:hover{
border:2px solid #146E8D;
color:#146E8D;
}
/*Fin afficher sous catégories d'un annuaire préfiltré*/
/*RESPONSIVE Annuaires*/
@media screen and (max-width:767px){
/*****************ANNUAIRES*******************/
#filtres-annuaires, #conteneur-listing-annuaire{
width:100%;
float:none;
clear:both;
margin:0;
}
#conteneur-listing-annuaire{
padding:0;
}
/*****************FIN ANNUAIRES*******************/
}
@media screen and (max-width:480px){
.description-annuaire-listing img{
margin:0 0 20px 0;
width:100%;
}
}
/**Fin Page Listing AGENDA ANNUAIRES*****/
/**********************************/
/**************************************************************/
/****** Entete titre + nav dans single annuaire/ agenda / actu*****/
#entete-fiche,
#entete-listing{
display:table;
width:100%;
margin:0 auto 20px auto;
}
#entete-fiche{
padding-bottom:0px;
margin-bottom:30px;
}
h1.titre-fiche{border-bottom:none;}
h1.titre-fiche,
h2.titre-fiche,
h1.titre-listing,
h2.titre-listing{
display:table-cell; /*h1 est dans un table-cell comme le bloc navigation */
vertical-align:middle;
}
/*Pour le style bloc navigation voir plus loin .nav-fiche .nav-actus*/
/***Fin Entete titre + nav single annuaire/ agenda / actu*****/
/************************************************************/
/******Page single d'un agenda/annuaire*****/
.conteneur_fiche_agenda,
.conteneur_fiche_annuaire{
/*border:1px solid red;*/
}
#carte-fiche{
display:block;
clear:both;
}
/*pour que les titres 2 des fiches soient bien alignés en haut*/
#colonne1-annuaire > div > h2:first-child,
#colonne1-agenda > div > h2:first-child{
margin-top:0;
}
#colonne1-agenda, #colonne1-annuaire{
display:block;
float:left;
width:66%;
padding:0 0 30px 0;
}
/* La date de la manif*/
ul#date-manif-fiche{
list-style-type:none;
margin:0 0 30px 0;
padding:0;
font-family: 'Montserrat', sans-serif;
}
ul#date-manif-fiche li{
display:inline-block;
background-color:#268ebd;
padding:10px;
margin:0 10px 10px 0;
color:#FFF;
font-size:1.5em;
font-weight:200;
border-radius:10px;
}
/* Fin date de la manif*/
#commerce-taxonomies,
#entreprise-taxonomies,
#association-taxonomies,
#hebergement-taxonomies,
#agenda-taxonomies{
clear:both;
padding:20px;
margin:30px 0 0 0;
font-family: 'Montserrat', sans-serif;
font-weight:300;
border:2px solid #F8F8F8;
}
#commerce-taxonomies span.taxo,
#entreprise-taxonomies span.taxo,
#association-taxonomies span.taxo,
#hebergement-taxonomies span.taxo,
#agenda-taxonomies span.taxo{
font-weight:600;
color:#143853;
}
.tranche-prix{
margin:20px 0 0 0;
font-style:italic;
color:#838383;
font-size:0.9em;
font-weight:200;
}
#colonne2-agenda, #colonne2-annuaire{
display:block;
width:30%;
float:right;
padding:0 0 30px 0;
font-family: 'Montserrat', sans-serif;
color: #565859;
font-weight:300;
}
/*************Responsive des fiches***************/
/*Quand page large*/
@media screen and (max-width:1023px){
#content_large #colonne1-agenda,
#content_large #colonne2-agenda,
#content_large #colonne1-annuaire,
#content_large #colonne2-annuaire{
width:100%;
display:block;
clear:both;
padding:0 0 10px 0;
}
#content_large #colonne2-agenda,
#content_large #colonne2-annuaire{
margin-top:20px;
}
}
/*Quand page avec menu de gauche (catégories annuaires)*/
@media screen and (max-width:1279px){
#content #colonne1-agenda,
#content #colonne2-agenda,
#content #colonne1-annuaire,
#content #colonne2-annuaire{
width:100%;
display:block;
clear:both;
padding:0 0 10px 0;
}
#content #colonne2-agenda,
#content #colonne2-annuaire{
margin-top:20px;
}
}
/**********Fin responsive des fiches***************/
/*****************************************************/
/*************** Le bloc Coordonnées ****************/
#sticky-bloc-fiche,
#coordonnees-fiche{
padding:20px;
border:none;
background-color:#a3235d;
position:relative;
display:block;
clear:both;
text-align:center;
color:#FFF;
border-radius:10px;
margin:0 0 30px 0;
}
#sticky-bloc-fiche h2,
#coordonnees-fiche h3{
margin:0;
padding:10px 0 30px 0;
color:#FFF;
}
/* L'adresse */
#sticky-bloc-fiche .adresse-fiche,
#coordonnees-fiche .adresse-fiche{
padding:0 0 10px 0;
margin:0 0 10px 0;
}
/* Les liens tel, fax*/
#sticky-bloc-fiche p.btn a,
#coordonnees-fiche p.btn a{
color:#FFF;
font-weight:200;
text-decoration:none;
}
#sticky-bloc-fiche p.btn a:hover,
#sticky-bloc-fiche p.btn a:active,
#coordonnees-fiche p.btn a:hover,
#coordonnees-fiche p.btn a:active{
text-decoration:underline;
}
/*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/
#sticky-bloc-fiche p.btn svg,
#coordonnees-fiche p.btn svg{
margin:0 10px 0 10px;
}
/*Liens mail et site*/
#sticky-bloc-fiche p.btn_mail,
#sticky-bloc-fiche p.btn_site,
#coordonnees-fiche p.btn_site,
#coordonnees-fiche p.btn_mail{
border-top:1px solid rgba(0,0,0,0.3);
padding:15px 0 0 0;
margin:20px 0 0 0;
}
#sticky-bloc-fiche p.btn_site,
#coordonnees-fiche p.btn_site{
border-bottom:1px solid rgba(0,0,0,0.3);
padding-bottom:20px;
}
#sticky-bloc-fiche p.btn_site a,
#sticky-bloc-fiche p.btn_mail a,
#coordonnees-fiche p.btn_site a,
#coordonnees-fiche p.btn_mail a{
display:block;
overflow-wrap:break-word;
}
span.term{
margin-right: 2px;
margin-left: 2px;
}
span.term:after{
content:' | ';
}
/*Le lien Itinéraire*/
a.btn_itineraire{
display:block;
padding:20px;
background-color:#a3235d;
color:#fff;
text-decoration:none;
font-size:1.1em;
margin-top:30px;
border-radius:5px;
font-weight:300;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
text-align:center;
}
a.btn_itineraire:hover{
/*background-color:rgba(0,0,0,0.5);*/
}
a.btn_itineraire svg{
margin-right:10px;
font-size:1.4em;
vertical-align:middle;
}
/*************** Fin bloc Coordonnées ****************/
/*****************************************************/
/*****************************************************/
/*************** Le bloc réservation ****************/
#reservation-fiche{
padding:20px;
border:none;
background-color:#268ebd;
position:relative;
display:block;
clear:both;
text-align:center;
color:#FFF;
border-radius:10px;
margin:0 0 30px 0;
}
#reservation-fiche h3{
margin:0;
padding:10px 0 30px 0;
color:#FFF;
}
/* L'adresse */
#reservation-fiche .adresse-fiche{
padding:0 0 10px 0;
margin:0 0 10px 0;
}
/* Les liens tel, fax*/
#reservation-fiche p.btn a{
color:#FFF;
font-weight:200;
text-decoration:none;
}
#reservation-fiche p.btn a:hover,
#reservation-fiche p.btn a:active{
text-decoration:underline;
}
/*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/
#reservation-fiche p.btn svg,
#reservation-fiche p.btn svg{
margin:0 10px 0 10px;
}
/*Liens mail et site*/
#reservation-fiche p.btn_site,
#reservation-fiche p.btn_mail{
border-top:1px solid rgba(0,0,0,0.3);
padding:15px 0 0 0;
margin:20px 0 0 0;
}
#reservation-fiche p.btn_site{
border-bottom:1px solid rgba(0,0,0,0.3);
padding-bottom:20px;
}
#reservation-fiche p.btn_site a,
#reservation-fiche p.btn_mail a{
display:block;
overflow-wrap:break-word;
}
/*************Fin du bloc réservation ****************/
/*****************************************************/
.ui-menu .ui-menu-item{
font-size:1.2em;
padding:5px;
}
.adp, .adp table {
margin: 0 auto;
width: 70%;
}
#carte-fiche .adp-directions, #carte-fiche .adp-summary{
color:#565859 !important;
font-size:1.3em;
}
#carte-fiche .adp-legal{
color:#565859;
}
#carte-fiche .adp-placemark {
background:#565859 none repeat scroll 0 0;
border: 1px solid #565859;
font-weight:600 !important;
color:#fff;
font-size:1.3em;
}
/*******Liens sociaux fiche*****/
ul#liens-sociaux-fiche{
margin:20px 0 20px 0;
padding:0;
list-style-type:none;
}
ul#liens-sociaux-fiche li{
}
ul#liens-sociaux-fiche li a{
display:table;
text-decoration:none;
font-weight:normal;
}
ul#liens-sociaux-fiche span.icon-social:before{
font-family: FontAwesome;
display:table-cell;
content: "\f09a";
vertical-align: middle;
padding:10px;
background-color:#268ebd;
color:#FFF;
border-radius:2px;
}
ul#liens-sociaux-fiche span.text-social{
display:table-cell;
vertical-align: middle;
display:none;
}
/*****Fin liens sociaux fiche **/
/*******HEBERGEMENT*********/
#barre-icones-entete{
list-style-type:none;
text-align:center;
padding:0;
margin:0;
}
#barre-icones-entete ul{
padding:0;
margin:0;
}
#barre-icones-entete li{
display:inline-block;
}
/*******FIN HEBERGEMENT*********/
/******Fin Page single d'un agenda*****/
/*********************FIN AGENDA ANNUAIRES********************/
/*************************************************************************/
/****La navigation interne (annuaires, agenda, actus, resultats recherche...)****/
/*Le bloc contenant les éléments de navigation*/
.nav{
list-style-type:none;
}
/*Cas 1 le bloc est dans annuaires / agenda / actu */
.nav-listing,
.nav-fiche,
.nav-actus{
margin:0;
padding-left:10px;
display:table-cell;
vertical-align:middle;
text-align:right;
}
.nav-fiche{/*largeur à ajouter selon le nombre de boutons de nav (varie selon site avec carnet de voyage, pdf, etc.)*/}
/*.nav-actus{width:130px;}*/
/*flèches de pagination actu en bas de page*/
#nav-bas-listing .nav-actus{min-width:none; width:100%; padding-left:0; float:right;}
.nav-listing li,
.nav-fiche li,
.nav-actus li{
display:inline-block;
margin:0;
padding:0;
}
/*Pour les fiches (page single)*/
@media screen and (max-width:1023px) {
#entete-fiche{
display:block;
}
h1.titre-fiche{
display:block;
}
.nav-fiche,
.nav-actus{
margin:0;
padding-left:0;
display:block;
}
}
/*Pour page listing annuaires / agenda */
@media screen and (max-width:480px) {
#entete-listing{
display:block;
}
h1.titre-listing{
display:block;
}
.nav-listing{
margin:0;
padding-left:0;
display:block;
}
}
/*Fin cas 1*/
/*Cas 2 le bloc est dans résultats de recherche */
.nav-results{
margin:0;
display:table;
width:100%;
}
.nav-results-top{padding:0 0 10px 0;}
.nav-results-bottom{padding:30px 0 10px 0;}
.nav-results li{
display:table-cell;
width:50%;
}
/*Positionnement des boutons résultats suivants et résultats précédents*/
.nav-results li.nav-precedent{padding-right:10px;}
.nav-results li.nav-suivant{padding-left:10px;}
.nav-results li.nav-precedent a{float:left;}
.nav-results li.nav-suivant a{float:right;}
/*Fin cas 2*/
/*Un bouton de navigation*/
.nav li a{
display:table;
color:#FFF;
text-decoration:none;
font-weight:normal;
background-color:#565859;
-webkit-transition: background-color 3s ease;
-moz-transition: background-color 3s ease;
-ms-transition: background-color 3s ease;
-o-transition: background-color 3s ease;
transition: background-color 3s ease;
padding: 10px 14px;
}
/*Couleur bouton au survol*/
.nav li a:hover{
background-color: #268ebd;
}
/*Pour les boutons mode liste et mode carte*/
.nav li a.cbp-vm-selected{
background-color: #268ebd;
}
/*Régler ici la couleur pour chaque bouton si besoin*/
.nav li.nav-mode-liste a,
.nav li.nav-mode-carte a{background-color:transparent; color:#bdbdbd;}
.nav li.nav-mode-liste a.cbp-vm-selected,
.nav li.nav-mode-carte a.cbp-vm-selected{background-color:transparent; color:#333;}
.nav li a span{
display:table-cell;
vertical-align:middle;
}
/* L'icone */
.nav li a span.icon-nav{
padding:15px;
}
/* Le texte */
.nav li a span.text-nav{padding:15px 15px 15px 0; font-family: 'Montserrat', sans-serif; font-weight:100;}
.nav li.nav-suivant span.text-nav{padding:15px 0 15px 15px;}
/*On cache le texte dans annuaires / agenda / actu*/
.nav-listing li a span.text-nav,
.nav-fiche li a span.text-nav,
.nav-actus li a span.text-nav{display:none;}
/*Sauf pour le carnet de voyage*/
.nav-fiche li.nav-ajout-carnet a span.text-nav, .nav-actus li.nav-ajout-carnet a span.text-nav,
.nav-fiche li.nav-suppression-carnet a span.text-nav, .nav-actus li.nav-suppression-carnet a span.text-nav{
display:table-cell;
}
/***Appel des img icones des liens de navigation****/
.nav li span.icon-nav:before{
font-family: FontAwesome;
}
/*Mode liste
.nav li.nav-mode-liste span.icon-nav:before{content: "\f00a";}
/*Mode carte
.nav li.nav-mode-carte span.icon-nav:before{content: "\f041";}
/* retour listing agenda
.nav li.nav-retour-agenda span.icon-nav:before{content: "\f053";}
/* retour listing annuaire
.nav li.nav-retour-annuaire span.icon-nav:before{content: "\f00a";}
/* fleches précédent / suivant
.nav li.nav-precedent span.icon-nav:before{content: "\f053";}
.nav li.nav-suivant span.icon-nav:before{content: "\f054";}
/*Ajout / suppression carnet de voyage
.nav li.nav-ajout-carnet span.icon-nav:before{content: "\f067";}
.nav li.nav-suppression-carnet span.icon-nav:before{content: "\f1f8";}
/*Générer un pdf
.nav li.nav-pdf span.icon-nav:before{content: "\f1c1";}
/*Fermer le wrapper itineraire
.nav li.nav-fermer-itineraire span.icon-nav:before{content: "\f00d";}
/*Ouvrir l'itineraire sur Google Maps
.nav li.nav-google-map span.icon-nav:before{content: "\f278";}
/****Fin navigation interne (annuaires, agenda, resultats recherche...)****/
/*************************************************************************/
/****************************************/
/*Ci-dessous styles ajoutés par Gaylord et François pour leurs outils, peaufinage possible / à conserver*/
/***************************************/
/* Flèche retour en haut de page */
#scroll{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
border-radius: 4px;
bottom: 4%;
color: #FFFFFF;
cursor: pointer;
font-size: 16px;
line-height: 40px;
position: fixed;
right: 20px;
text-align: center;
transition: background-color 0.3s linear 0s;
width: 40px;
z-index: 2000;
display: block;}
#scroll a{text-decoration:none; color:#FFF;}
/*fin flèche retour haut de page*/
/******************************************
* Align box
******************************************/
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/**
* css pour les légendes
*/
/*On style le bloc image*/
.wp-caption {border:1px solid #eee; padding:10px; max-width:100%; background-color:#FFF;}
/*Ajout d'espace pour aérer autour de l'image*/
.alignleft{margin-right:10px;}
.alignright{margin-left:10px;}
/*On centre l'image.*/
.wp-caption img {margin:0;padding:0;border:0 none; max-width:100%;}
/*Alignement, taille et couleur de la légende*/
.wp-caption p,.wp-caption-text {font-family: 'Montserrat', sans-serif;text-align:center;font-size:1em;line-height:1.4em;font-weight:bold; color:#333; padding:10px 0 0 0;margin:0; font-weight:400;}
/*Ajout des arrondis sur le caption*/
.wp-caption {-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px}
/*Ajout d'une ombre sous le caption*/
.wp-caption{/*-moz-box-shadow:0 3px 4px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 4px rgba(0,0,0,.5);box-shadow:0 3px 4px rgba(0,0,0,.5); */ -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; }
.resize {width: 160px;height : auto;}
.resize {width: auto;height : 120px;}
/*Ajout François pour ses outils */
.nav-previous a, .nav-next a{padding:10px 20px;}
/* =Cartographie annuaires + single
---------------------------------------------------------------------------------------------*/
#map_canvas{
box-shadow:none !important;
border:8px solid #fff;
}
.cbp-vm-switcher #map_canvas{
width: 100%;
}
h4#titre_calcul_itineraire{
color:#268ebd;
font-weight:400;
padding-bottom:10px;
}
#wrapper_itineraire{
padding:20px;
margin-bottom:20px;
text-align:center;
border:2px solid #E8E8E8;
}
#wrapper_input_calcul_itineraire{
margin:0;
}
#directionsPanel{
margin-top:2em;
}
#google_map_itineraire, #generer_itineraire_pdf{
/*margin-top:30px;*/
}
#fermer_itineraire{
margin:30px auto 0 auto;
float:none;
/*display:block;*/
clear:both;
max-width:100px;
}
.adp-summary, .adp-legal {
margin: 20px auto;
padding: 0 3px 3px;
text-align: center;
width: 50%;
}
#calcul-itineraire-fiche #carte {
height: 400px;
width: 100%;
}
.info-windows{
border-radius:5px;
padding:10px;
}
/*
.i-box #show-itineraire{
background-color: #eee !important;
border: medium none !important;
border-radius: 3px;
color: #333 !important;
display: block;
float: left;
font-weight: bold;
margin: 0;
padding: 10px;
text-align: center;
width: auto !important;
}
.i-box .lien-savoir-bulle{
background-color: #666 !important;
border: medium none !important;
border-radius: 3px;
color: #fff !important;
display: block;
float: left;
font-weight: bold;
margin: 0 0 0 10px;
padding: 10px;
text-align: center;
width: auto !important;
}*/
.i-box p{
display:block;
margin:20px 0 15px 20px;
}
.i-box h3{
font-family: 'Montserrat', sans-serif;
border-bottom:1px solid #eee;
padding:0 0 10px 0;
margin:0 0 15px 0;
}
.info-windows .i-box img.wp-post-image {
float: left;
max-width: 110px !important;
width: 110px !important;
margin:0 20px 20px 0;
display:block;
}
#map_canvas img { max-width: none; } /* résoudre le bug en Responsive Design */
#pano img { border: none !important; max-width: none !important;} /* résoudre le bug en Responsive Design */
#map img { max-width: none; } /* résoudre le bug en Responsive Design */
#carte img{max-width: none; }
/* =Listings
---------------------------------------------------------------------------------------------*/
/* masquer un élément */
.listing-hidden{display:none;visibility: hidden;}
/* afficher un élément */
.listing-visible{display: block;visibility: visible;}
/* une grille responsive simple */
.cbp-vm-switcher .row {width : 100%;}
.cbp-vm-switcher .row > div {margin : 0 0.5% 1%;float: left;min-height:370px;}
.cbp-vm-switcher .row > div h2 {font-size: 1.2em;}
.cbp-vm-switcher .row .w-1 { width : 7.3%; }
.cbp-vm-switcher .row .w-2 { width : 15.6%; }
.cbp-vm-switcher .row .w-3 { width : 24%; }
.cbp-vm-switcher .row .w-4 { width : 32.3%; }
.cbp-vm-switcher .row .w-5 { width : 40.6%; }
.cbp-vm-switcher .row .w-6 { width : 49%; }
.cbp-vm-switcher .row .w-7 { width : 57.3%; }
.cbp-vm-switcher .row .w-8 { width : 65.6%; }
.cbp-vm-switcher .row .w-9 { width : 74%; }
.cbp-vm-switcher .row .w-10 { width : 82.3%; }
.cbp-vm-switcher .row .w-11 { width : 90.6%; }
.cbp-vm-switcher .row .w-12 { width : 99%; }
@media only screen and (max-width:500px) {
.cbp-vm-switcher .row {width : 100%;}
.cbp-vm-switcher .row > div { margin : 0 1%;}
.w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11, .w-12 { width : 98%; float : none;}
}
/* =jQuery UI
--------------------------------------------------------------------------------------- */
/* Rechercher par nom */
.ui-autocomplete {
background-image: none;
background-color: #347491;
color: #fff;
text-decoration: none;
}
.ui-menu .ui-menu-item {
background-image: none !important;
background-color: #ffffff;
color: #666;
}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item.ui-state-focus {
background-image: none !important;
background-color: #333;
color: #ffffff;
/*font-size: 0.8em;*/
}
.ui-menu .ui-menu-item a {
color: #ffffff;
border: none !important;
font-size: 0.8em;
}
.ui-menu .ui-menu-item :hover {
background: #ffffff none;
color: #000000;
}
/* Titre accordeon ferme */
#infos-fiche h3.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
#infos-fiche h3.ui-helper-reset {
margin: 10px 0 0 0;
padding: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #f1f1f1;
background: #FBFBFB;
font-weight: normal;
color: #106470;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
color: #106470;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
font-weight: normal;
border: 1px solid #f1f1f1;
background: #ededed;
color: #666;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #666;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
border: 1px solid #f1f1f1;
background: #ffffff;
font-weight: normal;
color: #666;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
color: #666;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Partie qui s'ouvre */
.ui-widget-content {
border: 1px solid #f1f1f1;
background-color: #ffffff;
color: #666;
font-size: 0.8em;
z-index: 80 !important;
}
/*les span adresse, tel, email, etc.*/
.ui-widget-content span {
font-weight: bold;
}
/* Supprimer icone du carnet du ui dialog */
.ui-widget-header {
background: none;
background-color: #666;
color: #FFF;
}
/* Replacer le titre du ui dialog a gauche */
span#ui-id-1 {
padding: 0;
}
/* Slider */
.ui-slider .ui-slider-handle {
background-color: #666;
}
.ui-slider-range {
background-color: #333;
}
.ui-accordion .ui-accordion-header {
margin-bottom: 0;
margin-top: 2px;
font-size: 1em;
}
.ui-widget.ui-datepicker {
font-size: 90%;
padding: 0;
width: auto
}
/* partie haute du calendrier */
.ui-widget.ui-datepicker.ui-widget-content {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
background: #F4F4F4;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
z-index: 200 !important
}
.ui-widget.ui-datepicker.ui-widget-content span{
color: #fff;
}
.ui-widget.ui-datepicker .ui-datepicker-header {
border: none;
background: #666;
font-weight: normal;
font-size: 15px
}
.ui-widget.ui-datepicker .ui-datepicker-header .ui-state-hover {
background: transparent;
border-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
/* les textes */
.ui-widget.ui-datepicker .ui-datepicker-title {
margin-top: .4em;
margin-bottom: .3em;
color: #666;
}
.ui-widget.ui-datepicker .ui-datepicker-prev-hover,
.ui-widget.ui-datepicker .ui-datepicker-next-hover,
.ui-widget.ui-datepicker .ui-datepicker-next,
.ui-widget.ui-datepicker .ui-datepicker-prev{
top: .9em;
border: none
}
.ui-widget.ui-datepicker .ui-datepicker-prev-hover {
left: 2px
}
.ui-widget.ui-datepicker .ui-datepicker-next-hover {
right: 2px
}
.ui-widget.ui-datepicker .ui-datepicker-next span, .ui-widget.ui-datepicker .ui-datepicker-prev span
{
background-position: -32px 0;
margin-top: 0;
top: 0;
font-weight: normal
}
.ui-widget.ui-datepicker .ui-datepicker-prev span {
background-position: -96px 0
}
.ui-widget.ui-datepicker table {
margin: 0
}
.ui-widget.ui-datepicker thead {
background-color: #666;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.ui-widget.ui-datepicker th {
padding: 1em 0;
font-size: 13px;
font-weight: normal;
color: #333;
border: none;
}
/* couleur des cases du tableau */
.ui-widget.ui-datepicker td {
border: none;
padding: 0
background: #F1F1F1;
opacity: 1;
}
.ui-widget.ui-datepicker td .ui-state-default {
background: transparent;
border: none;
text-align: center;
padding: .5em;
margin: 0;
font-weight: normal;
font-size: 16px;
color: #333;
}
.ui-widget.ui-datepicker td .ui-state-active, .ui-widget.ui-datepicker td .ui-state-hover
{
background: #666;
color:#FFF;
}
.ui-widget.ui-datepicker .ui-state-disabled, .ui-widget.ui-datepicker .ui-widget-content .ui-state-disabled,
.ui-widget.ui-datepicker .ui-widget-header .ui-state-disabled {
opacity: 1;
filter: Alpha(Opacity = 100);
background-image: none
}
.ui-widget.ui-datepicker .ui-state-disabled .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-content .ui-state-disabled .ui-state-default,
.ui-widget.ui-datepicker .ui-widget-header .ui-state-disabled .ui-state-default
{
opacity: 0.5
}
.ui-datepicker-header.ui-widget-header {
border: none !important;
}
/* =Médias
--------------------------------------------------------------------------------------- */
/* couleur des bordures des vignettes des galeries */
.plusgallery a:hover {
background-color: #FFF !important;
}
/* intensité du masque de fond d'une galerie */
#pgzoomview {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}
/* couleur des liens de navigation (flèches) des galeries */
#pgzoomview a:hover {
background-color: #656565 !important;
}
/* =Réglages diaporamas
----------------------------------------------- */
.camera_thumbs_cont {
background: none!important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
overflow: hidden;
position: relative;
width: 100%;
clear: both!important;
}
.camera_thumbs_cont > div {
clear: both !important;
float: left;
height: 150px;
width: 100%;
}
.camera_thumbs_cont ul {
overflow: hidden;
padding: 3px 4px 8px;
position: relative;
text-align: center;
width: 100% !important;
}
/* contrainte pour le diapo dans les pages */
#owl-carousel{
width:100%;
max-width: 1300px;
}
@media screen (max-width: 768px){
#owl-carousel{max-width: 700px;}
}
/* =vidéos
----------------------------------------------- */
/* besoin d'un padding pour les vidéos mp4 */
.wp-video{
padding-bottom: 50px;
}
/* =Cartographie interactive
--------------------------------------------------------------------------------------- */
/* En mode carte, on affiche la carte et on masque la grille */
.cbp-vm-view-map #map_canvas {
display: block;
}
/* =Langues
---------------------------------------------------------------------------------------------*/
.fa.icone-langue{
height: 47px;
width: 70px;
margin-right:-20px;
}
.fa.icone-langue.algerien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/algerien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.allemand {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/allemand.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.americain {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/americain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.andorre {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Andorra.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.anglais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/anglais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.arabe {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/arabe.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.argentin {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/argentin.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.armenien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/armenien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.australien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/australien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.belge {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/belge.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.bresilien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/bresilien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.canadien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/canadien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.chinois {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/chinois.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.danois {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/danois.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.espagnol {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/espagnol.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.finlandais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Finland.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.francais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/francais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.greque {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/greque.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.hebreu {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/hebreu.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.indien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/indien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.irlandais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/irlandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.islandais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/islandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.israelien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/israel.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.italien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/italien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.japonais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/japonais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.luxembourgeois {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Luxembourg.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.madagascard {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Madagascard.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.maltais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Malta.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.marocain {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/marocain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.mexicain {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/mexicain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.monaco {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Monaco.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.neerlandais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/neerlandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.neo-zelandais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/neo-zelandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.nepalais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/nepalais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.nigerien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Niger.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.nigeria {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/Nigeria.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.norvegien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/norvegien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.peruvien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/peruvien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.polonais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/polonais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.portugais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/portugais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.roumain {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/roumain.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.russe {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/russe.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.senegalais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/senegalais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.suedois {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/suedois.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.suisse {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/suisse.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.thailandais {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/thailandais.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.tunisien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/tunisien.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.turc {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/turque.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.turque {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/turque.png") no-repeat scroll 100% 100% / 50% 50%;
}
.fa.icone-langue.vietnamien {
background: rgba(0, 0, 0, 0) url("images/pictos/flags/vietnamien.png") no-repeat scroll 100% 100% / 50% 50%;
}
/* =Table responsive pour les prix et les périodes
--------------------------------------------------------------------------------------- */
.footable {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-spacing: 0;
color: #444;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
width: 100%;
}
.footable.breakpoint > tbody > tr > td.expand {
background: url('images/footable/plus.png') no-repeat 5px center;
padding-left: 40px;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
background: url('images/footable/minus.png') no-repeat 5px center;
}
.footable.breakpoint > tbody > tr.footable-row-detail {
background: #58585a none repeat scroll 0 0;
color: #ffffff;
}
.footable > tbody > tr:hover {
background: #58585a;
color: #fff;
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
cursor: pointer;
}
.footable > tbody > tr > td, .footable > thead > tr > th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
text-align: left;
}
.footable > thead > tr > th, .footable > thead > tr > td {
background-color: #58585a;
color: #fff;
border-top: none;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
position: relative;
}
.footable > tbody img {
vertical-align:middle;
}
/* =Disponibilités hébergements
---------------------------------------------------------------------------------------------*/
form#recherche-dispo{
max-width:100%;
margin-bottom:0;
display: inline-block;
vertical-align: middle;
}
#centrale-dispo-container{
margin-top:20px;
}
#choix-dates-centrale,
#prix-filtres-effacer-centrale{
display:inline-block;
vertical-align: middle;
}
span.duree_sejour{
display: inline-block;
vertical-align: middle;
color: #4a6a92;
font-weight: 400;
}
/*Bouton recherche centrale dispo*/
a#rechercher_hebergements,
a#plus_criteres_centrale,
a#reset_recherche_centrale,
a#afficher_tarifs,
.centrale.annuler-criteres,
.centrale.reset-criteres,
.centrale.appliquer-criteres{
background-color:#FFF;
border:1px solid rgba(0,0,0,0.1);
color:#EC6D60;
color:#666;
font-size:1em;
font-weight:300;
font-family:sans-serif;
text-decoration:none;
padding:10px;
margin:0 5px 0 5px;
display:inline-block;
}
a#plus_criteres_centrale,
a#afficher_tarifs{
color:#003d88;
}
a#rechercher_hebergements:hover,
a#plus_criteres_centrale:hover,
a#reset_recherche_centrale:hover,
a#afficher_tarifs:hover,
.centrale.annuler-criteres:hover,
.centrale.reset-criteres:hover{
border:1px solid rgba(0,0,0,0.3);
}
.centrale.appliquer-criteres{
color:#333;
border:2px solid #EC6D60;
font-weight:600;
}
.centrale.appliquer-criteres:hover{
color:#003d88;
}
a#afficher_tarifs.active,
a#plus_criteres_centrale.active{
background-color:#003d88;
color:#FFF;
}
/* tarifs */
#wrapper-tarifs {
margin:20px 0 20px 0;
padding:20px;
background-color:#FFF;
border:1px solid rgba(0,0,0,0.1);
}
#tarifs-chiffres{
padding:0 0 10px 0;
color:#EC6D60;
}
#slider-tarif{
width: 100%;
max-width: 300px;
margin: 0 auto 0 auto;
}
#actions-tarif{
padding-top:5px;
}
button.bt-effacer-tarif,
button.bt-appliquer-tarif{
background-color:#FFF;
font-size:1em;
font-family:sans-serif;
text-decoration:none;
padding:10px;
margin:5px;
display:inline-block;
}
button.bt-effacer-tarif{
border:1px solid rgba(0,0,0,0.1);
color:#666;
font-weight:300;
}
button.bt-effacer-tarif:hover{
border:1px solid rgba(0,0,0,0.3);
}
button.bt-appliquer-tarif{
color:#333;
border:2px solid #EC6D60;
font-weight:600;
}
button.bt-appliquer-tarif:hover{
color:#EC6D60;
}
/* div plus_de_criteres*/
/*Les critères : s'ouvre au clic sur "Plus de critères"*/
.plus_de_criteres{
border:1px solid rgba(0,0,0,0.1);
/*overflow-y: scroll;*/
position: relative;
}
.plus_de_criteres .filtres.centrale.plus-de-criteres{
height: 350px;
padding:0 20px 20px 20px;
clear: both;
overflow: scroll;
}
.plus_de_criteres .filtres.centrale.plus-de-criteres div {
clear: both;
width:100%;
max-width:1000px;
margin:0 auto 0 auto;
}
.filtres.centrale.plus-de-criteres div p{
width: 100%;
border-bottom: 1px solid #f8f8f8;
text-align: left;
padding:20px 0 5px 0;
}
.plus_de_criteres span.titre-filtre {
color:#333;
font-weight:bold;
}
.plus_de_criteres ul {
list-style-type: none;
clear: both;
padding-left: 0;
padding-bottom: 20px;
}
.plus_de_criteres li {
width: 50%;
float: left;
margin-bottom: 8px;
cursor: pointer;
}
/*Annuler / Supprimer les filtres séléctionnés / Appliquer*/
.buttons.centrale.plus-de-criteres{
background-color:#FFF;
border-top:1px solid rgba(0,0,0,0.1);
/*position:absolute;*/
position:relative;
bottom:0;
left:0;
/*transform: translateY(100%);
width:calc(100% + 2px);*/
padding:15px 10px 15px 10px;
text-align: right;
}
.buttons.centrale.plus-de-criteres a{
margin:3px;
}
form.recherche-listing {
background-color: #f8f8f8;
padding: 8px 5px 8px 5px;
margin: 0 auto 0 auto;
width: 100%;
max-width: 1000%;
text-align: center;
}
form.recherche-listing fieldset{
color: #666;
font-size: 1em !important;
text-align: center;
box-sizing: border-box;
width: 100%;
display: inline-block;
vertical-align: middle;
padding: 0;
border: none;
}
form.recherche-listing p {
margin: 5px;
}
form.recherche-listing fieldset, form.recherche-listing p {
display: inline-block;
vertical-align: middle;
}
#choix-dates-centrale, #prix-filtres-effacer-centrale {
display: inline-block;
vertical-align: middle;
}
.listing-pagination {
float: right;
text-transform: uppercase;
display: block;
padding: 10px 0 0 0;
clear: both;
}
.page-numbers {
background: #143853;
border-radius: 0;
font-size: 1em;
margin: 0 0 1.5em;
overflow: hidden;
color: #fff;
text-decoration: none;
transition: all 0.3s ease 0s;
padding: 8px 14px !important;
margin: 0 4px 1.5em !important;
}
a.page-numbers:focus, a.page-numbers:hover, span.page-numbers.current {
background-color: #a3235d !important;
color: #fff!important;
}
/************Listing CENTRALE HEBERGEMENTS spécificités (carte et liste côte à côte)*************/
#centrale-dispo-container::after {
clear: both;
}
#centrale-dispo-container::before, #centrale-dispo-container::after {
content: "";
display: block;
height: 0;
overflow: hidden;
}
/* Div qui contient la liste des hébergements dans listing de la centrale*/
#centrale-dispo-container article{
float: left;
width:750px;
padding:0;
}
/* Div qui contient la carte du listing de la centrale*/
#centrale-dispo-container aside.centrale-dispo {
width: calc(100% - 750px);
float: left;
}
#centrale-dispo-container aside.centrale-dispo.sticky {
top: 130px !important;
}
/*Mise en avant d'un bloc listing quand sélectionné sur la carte*/
.listing li.un-bloc-listing.selected{
/*border:1px solid rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);*/
}
.listing li.un-bloc-listing.selected .texte-absolute-listing{
background-color:#F6A8A3;
}
@media screen and (min-width:1024px){
/*Pour que la liste ne dépasse pas de son conteneur (car pour les autres annuaires sans carte à côté on a des tailles fixes supérieures au 750px de #centrale-dispo-container article)*/
#centrale-dispo-container article ul.listing-centrale{
width:100%;
}
}
@media screen and (min-width:1024px) and (max-width:1279px){
/* Div qui contient la liste des hébergements dans listing de la centrale*/
#centrale-dispo-container article{width:600px;}
/* Div qui contient la carte du listing de la centrale*/
#centrale-dispo-container aside.centrale-dispo {width: calc(100% - 600px);}
.listing-centrale .listing-item-annuaire{
width:280px;
height:280px;
}
}
@media screen and (max-width:1023px){
/* Div qui contient la liste des hébergements dans listing de la centrale*/
#centrale-dispo-container article{
float:none;
width:100%;
}
/* Div qui contient la carte du listing de la centrale*/
#centrale-dispo-container aside.centrale-dispo {
float:none;
clear:both;
width:100%;
}
}
/*********Fin listing centrale spécificités*************/
/******************************************************/
.screen-reader-text{
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
color:#fff;
}
#content_large .mailjet_widget_front_container .mailjet_widget_form_message{
color:#333;
}