/* Theme Name: krea3-bosgouet Theme URI: https://www.bosgouet.fr/ Description: Theme de la ville de Bosgouet Version: 1.0 Author: Krea3 Author URI: http://www.krea3.fr Text Domain: krea3 Template: krea3 */ /* =defaut ---------------------------------------------------------------------------------------------*/ html, body {width:100%;} html{scroll-behavior: smooth;} *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; } body {margin:0;padding:0;font-family: "Montserrat", Arial, Helvetica, sans-serif;font-size:15px; color:#333;background:#fff;} main{width:100%;padding:0;background: #fff;} 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;} /* =header ---------------------------------------------------------------------------------------------*/ header{padding:0;margin:0;position:relative;z-index:1001;top:0;width:100%;font-family: 'Montserrat', sans-serif;background-color:#FFF;} #logo-site{display:block;position:absolute;z-index:1001;top:10px;left:0;margin:0 0 0 15px;padding:0;width:207px;height:44px;text-align:center;vertical-align:middle;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} header.entry-header{position:relative;z-index:0;} #top-header{display:block;height:95px;position:absolute;z-index:1;right:0;padding: 20px 0 20px 0;} #lien-carto-header{display:inline-block;vertical-align:middle;border-right:1px solid rgba(0,0,0,0.1);padding:0 10px 0 0;margin:0 6px 0 0;} /* =Outil taille du texte ---------------------------------------------------------------------------------------------*/ #taille_texte{float:left;display:block;position:relative;z-index:1000; /*pour passer par dessus diapo accueil*/ width:auto;background:#fff;text-align:right;} #taille_texte span{color:#333;font-weight:500 !important;display:inline-block;padding-top:5px;} .jfontsize-button {display:inline-block;width:45px !important;height:30px !important;float:none !important;margin:0;border:none !important;vertical-align:top !important;padding: 3px 0;} #jfontsize-d span {padding: 8px 0 0 0 !important;} #jfontsize-m span {padding: 11px 0 0 0 !important;} .jfontsize-button:hover {border:none;} /* =Moteur de recherche ---------------------------------------------------------------------------------------------*/ #recherche-top{display:block;background-color:#fff;float:left;} #recherche-top ul#recherche_site label {display: inline-block !important;vertical-align:top;} .screen-reader-text{display: none !important;} #recherche-top ul#recherche_site {list-style-type: none;margin: 0 20px 0 0;padding: 6px 10px;display: inline-block;} #recherche-top .search-field{border: rgba(0,0,0,0);height: 40px;display: block;float: left;margin: 0 10px 0 0;padding: 0 10px 0 10px;width: 180px;color: #3f4142;font-size: 1em;background:rgba(255,255,255,0.5);border:1px solid #2C7F6B;} .search-form input[type="submit"] {border: none;color: #333;font-weight: normal;font-size: 0px;text-indent: -5000px;display: inline-block;height: 0px;width: 0px;margin: 0;padding: 0;vertical-align:top;} .search-field {border: rgba(0,0,0,0);height: 40px;display: block;float: left;margin: 0 10px 0 0;padding: 0 10px 0 10px;width: 280px;color: #3f4142;font-size: 1em;background: rgb(249, 246, 242);} /* =ligne menu principal ---------------------------------------------------------------------------------------------*/ nav#menu-principal{text-align:left;position:relative;width:100%;font-size:0.75em;} .submenu-toggle{display:none;} #menu li.page-item-0{display:none;}/*pour cacher accueil du menu grands écrans*/ #menu li.page-item-0{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} #menu{display:block;position:relative;width:100%;height:95px;padding:20px 0 20px 0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} /* =Menu réduit -------------------------------------------------*/ @media screen and (min-width:1024px){ header.menu-reduit{border-bottom:1px solid rgba(0,0,0,0.1);position:fixed;} header.menu-reduit #logo-site{top:0px;left:80px;margin:2px 0 0 0;padding:0;width:130px;height:28px;} header.menu-reduit #menu{height:55px;padding:0;} header.menu-reduit #top-header{height:55px;border-top:none;border-bottom:none;padding-top:3px;} header.menu-reduit #taille_texte{display:none;} header.menu-reduit #recherche-top{height:50px;} } /* =Page d'accueil ---------------------------------------------------------------------------------------------*/ /* =Diaporama accueil --------------------------------------------*/ #diapo-accueil-wrapper{border-bottom:3px solid #1f202e;} #diapo-accueil{margin:0;padding:0;position:relative;z-index:0;display:block;} #logo-diapo{position:absolute;z-index:10;top: 50%;left: 50%; /* à 50%/50% du parent référent */transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */width:17%;max-width:350px;} #logo-diapo img{display:block;width:100%;height:auto;} .slideshow .cycle-slide{max-height:520px;} /* =Acces rapides ---------------------------------------------------------------------------------------------*/ ul#acces-rapides{display:block;width:100%;margin:40px auto;padding:0;list-style-type:none;text-align:center;} ul#acces-rapides li{display: inline-block;width: auto;vertical-align: top;margin: 0;padding: 0;text-align: center;min-width: 25%;} ul#acces-rapides li a{color:#333;font-size:0.9em;text-decoration:none;font-weight:600;} ul#acces-rapides li a span.icon-acces{display:inline-block;border:2px solid #2C7F6B;border-radius:50%;width:90px;height:90px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} ul#acces-rapides li a:hover span.icon-acces{border:5px solid #1f202e;background-color:#FFF;} ul#acces-rapides li a span.icon-acces > span{display:inline-block;margin:5px 0 0 0;width:80px;height:80px;} ul#acces-rapides li a span#icon-acces1 > span{background:url(assets/images/icon-acces1.png) no-repeat;} ul#acces-rapides li a span#icon-acces2 > span{background:url(assets/images/icon-acces2.png) no-repeat;} ul#acces-rapides li a span#icon-acces3 > span{background:url(assets/images/icon-acces3.png) no-repeat;} ul#acces-rapides li a span.intitule-acces{display:block;margin-top:20px;} ul#acces-rapides li a span.intitule-acces > span{display:block;} /* =ligne1 --------------------------------------------*/ #ligne1.container-fluid{width:92% !important;max-width:1200px !important;margin-top:0px;z-index: 100;position: relative;background: #fff;} @media screen and (max-width: 1024px){ #ligne1.container-fluid{margin-top:0;border:none;} } .titre-ligne1{display:block;height:auto;padding:50px 0;color:#192535;font-family: 'Montserrat', cursive;width:100%;text-align:left;clear: both;} .titre-ligne1 h2{ font-size: 2.5em !important; margin: 0; display: inline-block; position: relative; padding: 0; vertical-align: middle; } .lien-voir-tout { text-decoration: none !important; display: inline-block; width: auto; color: #192535; padding: 0 0 0 50px; margin: 0px 55px 0 0; font-family: 'Lato', sans-serif; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; vertical-align: middle; background:rgba(183,199,189,0); } .lien-voir-tout:hover span{ color:#2C7F6B; } .lien-voir-tout span{ padding:5px; border-bottom:3px solid #2C7F6B; } /* .lien-voir-tout::after { display: block; content: ">"; color: #b7c7bd; font-family: 'Montserrat', cursive; font-weight: 700; position: absolute; font-size: 2em; bottom: -10px; left: 15px; z-index: 5; } */ .content-1actu img{ display:block; width:100%; height:auto; margin:0 auto; position:relative; z-index:0; } #les-actus-accueil{ display: block; width: auto; background: #fff; padding: 0; color:#192535 !important; } .actu-content{ width:100%; display:block; padding:0 0 10px 0; } .actu-content img{ width: 220px; height: auto; display: block; position: absolute; top: -30px; left: 0; } .content-1actu{ display: block; width: auto; height: auto; background: #fff; font-family: 'Montserrat', cursive; padding: 20px 30px; margin: 30px 0px 0px 180px; position: relative; z-index: 5; border-right: 1px solid #2C7F6B; border-bottom: 1px solid #2C7F6B; } .actu-content a:hover .content-1actu{ border:1px solid #eee; border:none; background:#1f202e; color:#fff; } .titre-actu{ display: block; width: auto; height: auto; color: #2C7F6B; font-family: 'Montserrat', cursive; font-size: 1.3em; font-weight:700; position:relative; padding: 0 0 20px 0; margin: 0 0 10px 0; } .titre-actu::after { display: block; content: ""; background: #1f202e; position: absolute; bottom: 0; left: 0; width: 20px; height: 5px; z-index: 5; } .actu-content a:hover .content-1actu .titre-actu{ color:#fff; } #les-actus-accueil a{ text-decoration: none !important; color:#192535 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position:relative; } #content-agenda{ display:block; width:100%; } .date-manif{ display:block; font-family: 'Lato', sans-serif; font-weight:900; margin:0 0 20px 0; background:#2C7F6B; position:absolute; right:20px; top:-20px; padding:10px; z-index:10; } .jour_date{ color:#fff; display:block; font-size:1.5em; } .au_date{ color:#eee; display:inline-block; font-size:1.9em; padding:0 10px; } .content-manif{ display: inline-block; width: auto; height: auto; background: #fff; color: #fff; font-family: 'Montserrat', cursive; padding: 20px 30px; margin: -40px 0px 20px 40px; position: relative; z-index: 5; border:1px solid #fff; } .titre-manif{ display: block; width: auto; height: auto; color: #2C7F6B; font-family: 'Montserrat', cursive; font-size: 1.6em; font-weight:700; position:relative; padding: 0 0 30px 0; margin: 0 0 10px 0; } .titre-manif::after { display: block; content: ""; background: #b7c7bd; position: absolute; bottom: 0; left: 0; width: 30px; height: 12px; z-index: 5; } .resume-manif{ display: block; color: #192535; padding: 10px 0px; } .editorial-post-content{ background:#1f202e; /*background:#2991B9;*/ padding:40px; } .gazette-post-tag { font-size: 14px; font-weight: 700; background-color: #2C7F6B; color: #fff; text-transform: uppercase; padding: 10px 20px; line-height: 1; letter-spacing: 1px; margin-bottom: 15px; display: inline-block; } .editorial-post-content h2 { margin:0; } .editorial-post-thumb img { max-height: 400px; } .editorial-post-content h2 a { color: #fff; font-size: 1em; display: block; text-decoration: none; } .editorial-post-content p { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1em; text-align: justify; } .editorial-post-content p.editorial-post-date { color: #fff; font-style: italic; font-family: 'Lato', sans-serif; font-size: 1.2em; text-align: left; } .post-continue-btn a { height: 54px; border: 1px solid #fff; display: inline-block; padding: 0 20px; line-height: 54px; color: #fff; text-transform: uppercase; font-size: 0.8em; text-decoration: none; margin-top: 10px; } .post-continue-btn a svg { padding-left: 15px; color: #fff !important; right: 0; top: 10px; } .post-continue-btn a:hover { border: 1px solid #2C7F6B; background: #2C7F6B; color: #fff; } .post-continue-btn a:hover svg { color: #fff; } a.lien-agenda-accueil { display: inline-block; color: #FFF; border: 1px solid #FFF; text-decoration: none; font-size: 1.1em; font-weight: 700; padding: 10px; margin: 5px; -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.lien-agenda-accueil:hover { background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); } /************************Fin Ligne1**********************/ /******************fin ligne1***********************************/ /* =Langues ---------------------------------------------------------------------------------------------*/ /**********************ligne2***********************************/ #fond-ligne2{ position:relative; margin:70px 0 100px 0; display:block; clear:both; width:100%; padding: 0; } @media screen and (max-width:780px){ #fond-ligne2{ margin:70px 0 50px 0; } } #ligne2{ position:relative; font-family: 'Montserrat', sans-serif; display:block; width:100%; padding:0 40px; } @media screen and (min-width:1400px){ #gauche-ligne3{ height:540px; } #ligne2 h2 { font-size: 1.9em; } } @media screen and (max-width:1400px){ #gauche-ligne2{ height:480px; } #ligne2 h2 { font-size: 2.5em; } } #gauche-ligne2{ display:inline-block; float:left; width:60%; position:relative; z-index:0; padding:0px 80px 0 0; } #ligne3 h2{ text-transform:uppercase; display:inline-block; position:relative; padding:0 0 25px 0; font-weight:400; vertical-align:middle; } #ligne2 h2 span{ color:#333; text-transform: none; font-size:0.8em; font-weight:300; display:block; clear:both; } #gauche-ligne2 h2{ color:#2C7F6B; margin:0; } #gauche-ligne2 .lire-article{ text-decoration:none; background:#dbcbb5; color:#000; padding:8px 12px; display:table; margin:30px auto; } /******************fin ligne2***********************************/ /*********************FIn page accueil*******************/ /* #ligne-outils{margin:0 0 10px 0;padding:0 0 10px 0;font-family: 'Montserrat', sans-serif;position:relative;} */ #ligne-outils{ margin: 0 0 10px 0; padding: 0 0 10px 0; font-family: 'Montserrat', sans-serif; position: absolute; bottom: -30px; left: 200px; } /*********Fil d'ariane***********/ #fil_ariane{margin:0 0 0 0;padding:5px;text-align:left;color:#fff;font-size:0.75em;font-family: 'Montserrat', sans-serif;font-weight:500;text-transform:uppercase;float:left;background: rgba(0,0,0,0.5);} #fil_ariane a{color:#fff;font-weight:500;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 3px;float:right;height:32px;} #outils ul li a{display:block;height:32px;padding:5px 0 0 32px;margin:0;color:#1f202e;text-decoration:none;font-weight:700;} 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 0 0 0;} #share_buttons a{display:inline-block;width:32px;height:32px;margin:0 0 0 3px;padding:8px;background: #fff;color: #2C7F6B;border-radius: 50%;text-align:center !important;} /******Fin Boutons de partage facebook, twitter, g+ *****/ #image-header-page{width:100%;max-width:2200px;height:300px;position:relative;margin:0 auto;display:block;} #image-header-page img{display:block;width:100%;height:auto;} #la-page{position:relative;padding:120px 0 40px 0;} #content{float:left;width:75%;height:auto !important;min-height:400px;background-color:rgba(255,255,255,0);font-size:1em;font-weight:300;font-family: 'Montserrat', sans-serif;color:#727272;padding:0 0 0 40px;margin: 0px 0 0 0;} #content_large{clear:both;width:100%;padding:0 30px 60px 30px;margin: -80px 0 0 0;color:#727272;background-color:rgba(255,255,255,0);font-weight:300;position:relative;font-size:1em;font-family: 'Montserrat', 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 30px 0 0;margin:0 0 20px 0;border-right:3px solid #2C7F6B;} /****************************Menu page**********************************/ .sidebar{background-color:#fff;margin:0;padding:0px 0 0 20px;} /*bouton filtrer pour les petits écrans*/ #bt-filtrer{display:none;} .sidebar ul#menu_pages,.sidebar ul#menu_annuaire{margin:0 0 30px 0;padding:0px 0 30px 0;height:auto !important;height:40px;min-height:40px; font-size:1em;} .sidebar ul .pagenav{font-weight:600;color:#333;padding:15px 0 0 0;margin:0 0 0 0;font-size:1.2em;font-family: 'Montserrat', sans-serif;max-width:300px; /*= la largeur des liens img*/} .sidebar ul#menu_pages .pagenav{color:#333;} .sidebar ul#menu_annuaire .pagenav{color:#333;} .sidebar ul .pagenav ul{text-transform:none;text-align:left;margin-top:10px;} /*Les pages (niveau3)*/ .sidebar ul .pagenav ul ul{margin-top:0;padding:0 0 30px 0;font-size:0.8em;} .sidebar ul li{list-style-type:none;} .sidebar ul#menu_pages a:hover{font-weight:bold;} .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 ul ul a{font-size:1em !important;} .sidebar ul ul ul li:first-child {padding-top: 0 !important;} .sidebar ul#menu_pages a{color:#484a4b; font-weight:400;} .sidebar ul#menu_annuaire a{color:#333; 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; margin:0;} .sidebar ul li.has_children ul{margin:0 0 0 10px;} .sidebar ul li.has_children a{margin:0;} .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#menu_pages li.current_page_item > a, .sidebar ul#menu_annuaire li.current_page_item > a{font-weight:600;color:#2C7F6B;} .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, .sidebar ul li.pagenav ul li.current_page_item ul, .sidebar ul li.pagenav ul li.current_page_parent ul, .sidebar ul li.pagenav ul li.current_page_ancestor ul{display:block;} /****************Fin Menu déroulant gauche**************/ /**************Sidebar carto***********************/ #sidebar-carto{margin:0;padding:40px 30px 40px 0;font-family: 'Montserrat', sans-serif;font-size:1em;} .filtres-carte{margin:0;padding:0 0 0 20px;} .filtres-carte #titre-filtrer{color:#333;font-weight: 700;text-transform:uppercase;font-size: 1.2em;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 > div > a{display:table-cell;vertical-align:middle;margin:0;padding:0 50px 0 0;color:#484a4b;font-size:1em;font-weight:300;position:relative;} /*:after ou before pour appeler l'icone*/ .filtres-carte > ul > li > div > a:after {display: none;font-family: "Font Awesome 5 Solid";content: "\f078";} /*c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/ .filtres-carte > ul > li > div > a > .svg-inline--fa {position: absolute;width: 40px;top:20px;right: 0;-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";} /* 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;} /*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;cursor: pointer;padding:10px 50px 10px 20px;font-size:0.8em;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);} #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;padding-right:0 !important;position:relative;} .filtres-carte > ul > li.show li span{display:block;position:relative;width:100%;padding-right:40px;} /*La case à cocher / C'est sur :after ou before pour appeler l'icone*/ .filtres-carte > ul > li > ul > li > span:after, .filtres-carte ul.children > li > span:after {font-family: "Font Awesome 5 Solid";display:none; /* masquer le :after pour le svg */content: "\f192"; } /*La case à cocher mode "cochée"*/ .filtres-carte > ul > li > ul > li.show > span:after, .filtres-carte ul.children > li.show > span:after {content: "\f111";display:none; } /*Positionnement et couleur case à cocher FontAwesome 5 / c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/ .filtres-carte > ul > li > ul > li > span > svg{position: absolute !important;width: 40px;right: 0;bottom:3px;color: #2C7F6B;font-size:1.1em;-webkit-transition: left .4s ease;-moz-transition: left .4s ease;-o-transition: left .4s ease;transition: left .4s ease;} /***********Fin sidebar carto***********************/ /************************Fin Menu page**********************************/ /************************Fin gauche**********************************/ /*Styles à dupliquer dans tinymce.css*/ h1{margin:0;padding:20px 0 20px 0;color:#333;font-weight:700;font-size:3.2em;line-height:1em;font-family: 'Montserrat', sans-serif;} h2{margin:40px 0 20px 0;padding:5px 0 5px 0;font-size:1.9em;line-height:1em;color:#2C7F6B;font-weight:400;font-family: 'Montserrat', sans-serif; } h3{margin:40px 0 20px 0;padding:0;font-size:1.5em !important;line-height:1em;color:#1f202e;font-weight:500;font-family: 'Montserrat', sans-serif;} h4{margin:10px 0 0 0;padding:0;font-size:1.2em;color:#5e5e5e;font-weight:700;} h5{margin:8px 0 0 0;padding:0;font-size:1.1em;color:#666;font-weight:700;} p{padding:0;margin:7px 0 0 0;font-size:1em !important;} ol,ul{list-style-position:inside;} ul{list-style-type:square;} ol li {color:#727272;} li {color:#727272;} a{color:#2C7F6B;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::before{content: '“';display: block;color: #2C7F6B;font-size: 8em;position: absolute;top: 0;left: -20%;} blockquote{ margin:40px 20% 40px 20%; padding:50px; /*background:url(assets/images/hachures.png) #FFF;*/ border-top:3px solid #f4ede4; border-bottom:3px solid #f4ede4; height:auto; /*background-image: url(assets/images/blockquote1.png), url(assets/images/blockquote2.png); background-position: top left, left bottom; background-repeat: no-repeat;*/ color:#666; font-weight:500; font-style: italic; position:relative; } blockquote p{text-align:left;font-size:1.2em;line-height:1.3em;padding:0;margin:0;color:#666;font-family: 'Montserrat', sans-serif;font-weight:500;font-style: italic;} 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.2em;border: none;columns:3 auto;column-rule:1px solid rgba(0,0,0,0);} ul.liens_enfants li{display:inline-block;width:100%;padding:0;margin:5px;background:#fff;border:2px solid #eee;} ul.liens_enfants li a{display:block;padding:10px;margin:0;color:#333;text-decoration:none;font-family: 'Montserrat', sans-serif; font-weight:400;border-bottom:1px solid rgba(0,0,0,0.1);-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:hover{background:#f4ede4;} ul.liens_enfants li:hover a{color:#000;border-bottom:1px solid rgba(0,0,0,0.1);} @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;margin: 50px auto;} .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:50px 30px;border:3px solid #f4ede4;background-color:#fff;} label[for="rgpd"] {border: none;background-color: rgb(249, 246, 242,0.25);} .krea3_formulaire fieldset legend.obligatoire{padding: 0 10px;font-size: 0.9em;margin-left: 35%;color: #2C7F6B;font-weight: 600;} .krea3_formulaire .phrase_form_contact_rgpd {text-align: center;border-top: 1px solid #f4ede4;border-bottom: 1px solid #f4ede4;} label[for="rgpd"] {width: 100% !important;text-align: center !important;background: rgb(249, 246, 242, 0.3);border-radius: 5px;padding: 20px !important;margin: 20px auto 5px auto !important;} label[for="rgpd"] input#rgpd {width: 20px;} @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: 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%;border: #EBEBEB 1px solid;font-size: 1.1em;font-family: 'Montserrat', sans-serif;padding: 5px;} .krea3_formulaire input[type="submit"]{font-family: 'Montserrat', sans-serif; text-transform:uppercase;width:auto; height:auto; border:none;background-color:#2C7F6B;color:#FFF;font-weight:400;padding:10px 20px 10px 20px;font-size:1.2em;font-weight:normal;text-align:center;border-radius:5px;} @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:#1f202e;cursor:pointer;} /*********************************** Fin Formulaire***********************************************/ /*****************************moteur recherche site***********************************************/ ul#recherche_site{list-style-type:none;margin:0 0 0 0;padding:4px 0 0 0;display:inline-block;} ul#recherche_site label{display:none;} #searchform input[type="text"]{border:rgba(0,0,0,0.1);height:40px;display:block;float:left;margin:0 10px 0 0;padding:0 10px 0 10px; width:180px;color:#3f4142;font-size:1em;} #searchform input[type="submit"]{ border:1px solid #ecf0f3; color:#333; 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-herouvillette.png) no-repeat; background-position:0 -225px; margin:0; padding:0; } #searchform input[type="submit"]:hover{/*background-color: #433e38;*/cursor:pointer;} #content #searchform input[type="text"]{border:2px solid #eee;} /***************************Page de résultats ******************************/ /*Le formulaire quand aucun résultat*/ #la-page #searchform{background-color:#F0F0F0;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.1) none repeat scroll 0 0;border: medium none !important;color: #333 !important;font-family: 'Montserrat', sans-serif;font-size: 1.6em !important;font-weight: 300 !important;height: 40px !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 #F0F0F0;background-color:#F0F0F0;} 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:#2C7F6B;text-decoration:none;font-weight:600;} h3.entry-title a:hover{text-decoration:underline;color:#1f202e;} /*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{margin:30px 0 0 0;padding:20px;background:#fff;} #krea3_plan_site ul ul{margin:0 !important;} /*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;font-family: 'Montserrat', sans-serif; } #krea3_plan_site > li{padding:30px 4% 30px 4%;} #krea3_plan_site li a{text-decoration:none;text-transform:uppercase;color:#2C7F6B;font-weight:700;display:block;padding:0;margin:0;} #krea3_plan_site li a:hover{text-decoration:underline;} /*niveau 2*/ #krea3_plan_site ul li{border-bottom:1px solid rgba(0,0,0,0.1);padding:5px 20px;margin:2px 0px 2px 0;font-size:0.9em;text-transform: none;} #krea3_plan_site ul li a{font-weight:normal;color:#2C7F6B;text-transform:none;padding:0;border-bottom:none;margin:0;} /*niveau 3*/ #krea3_plan_site ul li ul li{border:none;font-size:0.9em;margin-left:10px;padding:0;} #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**********************************/ /****************Footer*************************************************/ footer{font-family: 'Montserrat', sans-serif;background:#fff;font-weight:300;color:#333;text-align:left;position:relative;padding:40px 0 0 0;margin:80px 0 0 0;} /*****************Coordonnees***********************/ #top-footer{padding:0 0 20px 0;display:table;width:auto;font-size:1em;} #logo-client-footer{display:table-cell;vertical-align:top;padding:0 40px;margin:0;text-align:center;} .coordonnees{display:table-cell;vertical-align:middle;padding:0 40px;margin:0;} #droite-footer{display:table-cell;vertical-align:middle;padding:0 40px;margin:0;border-left:2px solid #fff;} #acces-rapides-footer{display:table-cell;vertical-align:middle;padding:20px 40px 20px 40px;margin:0;border-left:1px solid rgba(0,0,0,0.1);} .adresse-postale{padding:0;margin:0;font-weight:300;} .adresse-postale h3{margin:0;padding:0;font-weight:700;color:#666;font-size:1.2em;} .adresse-postale div{padding:0;font-size:0.9em;} a.tel-footer{display:block;margin:15px 0 0 0;padding:0;font-size:1.1em;color:#666;text-decoration:none;font-weight:500;} a.tel-footer:hover{text-decoration:underline;} #fax-footer{display:block;font-size:0.9em;} .contact-footer{display:inline-block;margin:5px 0 0 0;padding:5px 10px 5px 10px;color:#fff;font-weight:300;text-decoration:none;font-size:0.95em;background-color:#2C7F6B;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .contact-footer:hover{background-color:#1f202e;} /*lien facebook*/ a#lien-facebook-footer{color:#1f202e;display:block;margin:10px 0 0 0;font-weight:400;font-size:0.9em;text-decoration:none;} a#lien-facebook-footer span{display:inline-block;vertical-align:middle;padding:0 5px 0 0;} a#lien-facebook-footer svg{display:inline-block;font-size:0.5em;width:40px;height:40px;padding:7px;background-color:transparent;border:2px solid #1f202e;border-radius:50%;vertical-align:middle;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} a#lien-facebook-footer:hover svg{background-color:#FFF;} /*Fin lien facebook*/ #acces-rapides-footer ul{margin:0;padding:0;list-style-type:none;font-size:0.9em;} #acces-rapides-footer ul li{margin:0;padding:0;} #acces-rapides-footer ul li a{display:block;margin:0;padding:5px 0 5px 0;font-weight:300;color:#1f202e;text-decoration:none;} #acces-rapides-footer ul li a:hover{text-decoration:underline;} /*************Fin Coordonnees***********************/ #bottom-footer{text-align:center;background-color:#1f202e;} ul#menu_footer{display:table;font-family: 'Montserrat', sans-serif;padding:10px 10px 10px 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:block;vertical-align: middle;margin:0;padding:10px;/*border-left:1px solid rgba(0,0,0,0.2);*/} ul#menu_footer li a{display:inline-block;color:#2C7F6B;text-decoration:none;padding:0;font-weight:500;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;} ul#menu_footer li:last-child a:hover{text-decoration:none;} ul#menu_footer li:last-child a:hover span{text-decoration:underline;} ul#partenaires-footer{width:100%;margin:0;text-align:center;padding:20px 10px 10px 10px;list-style-type:none;} ul#partenaires-footer li{display:inline-block;padding:0 40px 0 40px;height:90px;} ul#partenaires-footer li img{display:block;height:70px;width:auto;} /**********************Fin Footer***************************************/ /****************************************/ /*Ci-dessous style des annuaires / agenda / actus / navigation / carto /***************************************/ /*************Page Listing des ACTUS*********************/ /*Listing*/ .extrait_actu_page{border-bottom: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:#2C7F6B;font-size:1.6em;} .extrait_actu_page h2 a{text-decoration:none;font-weight:400;color:#2C7F6B;} .agenda .extrait_actu_page h2 a{color:#333;} .extrait_actu_page h2 a:hover{text-decoration:underline;} .extrait_actu_page small{display:block;margin:15px 0 0 0;color:#194b5e;font-weight:700;text-transform:uppercase;font-size:0.7em;font-family: 'Montserrat', sans-serif;color:#333;} .agenda .extrait_actu_page small{color:#2C7F6B !important;font-size:1.3em;} .extrait_actu_page .vignette{width:30%;max-width:150px;height:auto;float:left;border:1px solid #eee;margin:0 20px 10px 0;padding:0;} .extrait_actu_page .vignette.no-img{width:0%;display:none;} .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:#2C7F6B;border-radius:3px;color:#FFF;font-size:0.9em;margin:10px 0 0 0;padding:5px 20px 5px 20px;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:#333;} .agenda .extrait_actu_page a.lire_actu{background-color:#2C7F6B;color:#fff;margin:10px auto 0 auto; float: none;display: inline-block;font-weight: 500;} /*fin listing*/ #date_publication_article_single{display:block;font-family: 'Montserrat', sans-serif;text-align:right;margin:20px 0 0 0;color:#194b5e;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:#f8f8f8;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: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;} /*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 */appearance:none;} /* 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;} /*:after ou before pour appeler l'icone*/ .select-wrapper:after {display: none;font-family: "Font Awesome 5 Solid";content: "\f107";} /*c'est sur le svg qu'on stylise l'icone car font awesome mettra un svg*/ .select-wrapper > .svg-inline--fa {position: absolute;top: 0;right: 0;bottom: 0;font-size:2.45em;padding:0 7px 0 7px;line-height:35px;background-color:#dbdbdb;color: #FFF; pointer-events:none;} .no-pointer-events .select-wrapper:after {content: none;} /*Bouton Réinitialiser*/ a#reset_recherche_agenda{background-color:#333;border:1px solid #333;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:#333;border:1px solid #333;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;} /*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:#194b5e;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:#333;border:1px solid #333;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:#333;font-weight:bold;text-decoration:underline;font-size:0.8em;} /*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:#194b5e;} li.bloc-de-filtres ul{font-size:0.9em;} li.bloc-de-filtres ul input[type="checkbox"]{margin-right:7px;} /****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; } } /*********************/ /* 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:1110px;} #content_large .listing ul{width:1480px;} /* Un bloc */ .listing li.un-bloc-listing{display:block;float:left;margin:8px;padding:0;background-color:#fff;border:1px solid rgba(0,0,0,0.1);} /* 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:0;left: 50%; /* poussé de la moitié de hauteur du référent */transform: translateX(-50%); /* tiré de la moitié de sa propre hauteur */font-weight:700;display:block;padding-bottom:5px;margin-bottom:10px;font-size:1em;background-color:#2C7F6B;border-bottom-left-radius:10px;border-bottom-right-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 span.jour_mois{color:#FFF;font-size:1em;} .date-manif-listing .saut-ligne-date{display:block;} /* Fin de la date */ /*la ville*/ span.ville-listing-agenda{display:inline-block;background-color:#2C7F6B;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;} /*la catégorie*/ span.categorie-listing-agenda{font-weight:400;display:inline-block;background-color:#15a8a6;text-transform:uppercase;padding:7px 7px 5px 7px;margin:0 0 15px 0;text-shadow:none;font-size:0.7em;color:#FFF;border-radius:15px;font-weight:200;} /* Le tel (Annuaire) asso*/ .tel-annuaire-listing{position:relative;transform: translateX(0%); /* tiré de la moitié de sa propre hauteur */font-weight:400;display:inline-block;padding-bottom:5px;margin:10px auto;font-size:0.9em;background-color:#fff;border-radius:5px;padding:0;color:#000;z-index:1;top:auto !important;left:auto !important;} .tel-annuaire-listing p{font-weight:100;display:block;margin:0;font-size:1em;background-color:#fff;padding:10px;color:#000;z-index:2;} .tel-annuaire-listing p{text-transform: uppercase;} /*le numéro */ .tel-annuaire-listing p a{color:#333;text-decoration:none;font-weight:400;} .tel-annuaire-listing p a:hover{text-decoration:underline;} /*l'icone tel */ .tel-annuaire-listing p > span{padding-right:10px;} /* Fin de tel */ /* La distance rando */ .km-rando-listing{width:100px;position: absolute;bottom: 40%;left:calc(50% - 50px);text-align:center;display:table;} .km-rando-listing p{display:table-cell;vertical-align:middle;width:100px;height:100px;padding:10px;color:#fff;font-weight:bold;font-size:1.5em;line-height:1em;background-color:rgba(195, 27, 74, 0.8);border-radius:50px;} /* 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:#333;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(255,255,255,1);bottom:0%;} /* Le titre */ .listing .listing-item a h3{margin:0;display:table;width:100%;height:66.66%;position:relative;color:#333;font-weight:700;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(255,255,255,0.9);padding:20px;height:auto;min-height:88px;} /*la ville annuaire randos*/ .listing .listing-item a h3 span span.ville-rando{margin-top:10px;font-size:0.7em;text-transform:uppercase;} /*icon ville annuaire randos*/ .listing .listing-item a h3 span span.ville-rando svg{margin-right:5px;} /* 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:1280px) and (max-width:1550px){ #content_large .listing ul{width:1110px;}#content .listing ul{width:740px;} } @media screen and (min-width:1024px) and (max-width:1279px){ #content_large .listing ul,#content .listing ul{width:740px;} } @media screen and (min-width:430px) and (max-width:1023px){ #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;} } /*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 #333;color: #333;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 #333;} /*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;} /*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*****/ #colonne1-agenda, #colonne1-annuaire{display:block;float:left;width:66%;padding:0;} #colonne1-agenda-large, #colonne1-annuaire-large{display:block;float:none;width:100%;padding: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;border:5px solid #2C7F6B;padding:10px;margin:0 10px 10px 0;color:#333;font-size:1.3em;font-weight:700;} /* Fin date de la manif*/ /**Icon + infos : Famille / chiens acceptés / Groupes / Mobilité réduite, etc.**/ #colonne1-agenda p.btn,#colonne1-agenda-large p.btn,#colonne1-annuaire p.btn,#colonne1-annuaire-large p.btn{display:inline-block;border:1px solid rgba(0,0,0,0.1);padding:5px 10px 5px 5px;border-radius:2px;} /*Icones fontawesome / ne pas mettre le style sur i qui se retrouve commenté mais sur la balise svg*/ #colonne1-agenda p.btn svg,#colonne1-agenda-large p.btn svg,#colonne1-annuaire p.btn svg,#colonne1-annuaire-large p.btn svg{margin:0 10px 0 10px;} #annuaire-taxonomies,#commerce-taxonomies,#entreprise-taxonomies,#association-taxonomies,#hebergement-taxonomies,#agenda-taxonomies{clear:both;padding:0;margin:10px 0 20px 0;font-family: 'Source Sans Pro', sans-serif;font-weight:300;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);} #annuaire-taxonomies span.taxo,#commerce-taxonomies span.taxo,#entreprise-taxonomies span.taxo,#association-taxonomies span.taxo,#hebergement-taxonomies span.taxo,#agenda-taxonomies span.taxo{font-weight:600;color:#333;} .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: 'Source Sans Pro', sans-serif;color: #565859;font-weight:300;} .bloc-fiche{border-top:1px solid rgba(0,0,0,0.1);padding:20px 0 20px 0;margin:20px 0 20px 0;} #description-fiche{padding:20px;margin:20px 0 20px 0;background-color:#fff;border-top:2px solid #f4ede4;border-bottom:2px solid #f4ede4;} #description-fiche p{font-size:1.1em;} .bloc-fiche h2, #description-fiche h2{font-size:2.2em;margin:0;padding:20px 0 10px 0;} /****************Fiche rando**********************/ .options-annuaire.options-rando{background-color:#4f4464;color:#FFF;border-radius:10px;padding:20px;margin:20px 0 20px 0;} .options-annuaire.options-rando h3{color:#FFF;text-align:center;margin:0;padding:20px 0 20px 0;} .options-annuaire.options-rando ul{list-style-type:none;color:#FFF;margin:0;padding:0;} .options-annuaire.options-rando ul li{color:#FFF;border-bottom:1px solid rgba(0,0,0,0.2);padding:5px 0 5px 0;} .options-annuaire.options-rando ul li:first-child{border-top:1px solid rgba(0,0,0,0.2);} .options-annuaire.options-rando ul li svg{display:inline-block;vertical-align: middle;margin-right:10px;} /*************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;} #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;} #content #colonne2-agenda, #content #colonne2-annuaire{margin-top:20px;} } /*************** Le bloc Coordonnées ****************/ #coordonnees-fiche{position:relative;display:block;clear:both;color:#666;} /*L'organisateur*/ #organisateur-agenda > span{display:inline-block;color:#333;font-weight:600;} #organisateur-agenda p{display:inline-block;margin:0;padding:0;} /* L'adresse */ #coordonnees-fiche .adresse-fiche{padding:10px 0 10px 0;margin:0 0 10px 0;} #coordonnees-fiche .adresse-fiche > span{display:inline-block;background-color:rgba(0,0,0,0.3);border-radius:5px;padding:5px;font-size:1.4em;margin-bottom:10px;} /*masquer le span gps de la div.adresse-fiche dans les coordonnées de la fiche annuaire*/ #coordonnees-fiche .adresse-fiche > span[itemprop="geo"]{display: none;} /*masquer la tranche de prix car nécessaire pour SEO mais pas intéressant sur les fiches*/ span.hidden[itemprop="priceRange"]{display:none;} #coordonnees-fiche p.btn{display:inline-block;border:5px solid #2C7F6B;padding:10px 15px 10px 15px;border-radius:2px;color:#15a8a6;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} #coordonnees-fiche p.btn:hover{border:5px solid #2C7F6B;background-color:rgba(0,0,0,0.03);} #coordonnees-fiche p.btn a{color:#333;font-weight:600;text-decoration:none;} #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*/ #coordonnees-fiche p.btn svg, #coordonnees-fiche p.btn svg{margin:0 10px 0 10px;} #coordonnees-fiche ul{list-style-type: none;} /******************Les tarifs*********/ #tarifs-fiche{padding-bottom:10px;} /*L'intitulé de tarif*/ /*Pas le même code html selons les différents annuaires agenda, parfois un p parfois un span*/ #tarifs-fiche span.tarif, #tarifs-fiche p.tarif{display:block;float:left;margin:0 10px 10px 0;padding:0 10px 0 0;border-right:1px solid #15a8a6;color:#333;font-weight:600;} /*Le prix*/ #tarifs-fiche span.tarif > span, #tarifs-fiche p.tarif > span{font-size:1.5em;} /*******Periodes ouverture***********/ ul.les-periodes-ouverture{margin:0;padding:0;list-style-type:none;} /*Une période d'ouverture : Du ... au ...*/ ul.les-periodes-ouverture > li{margin:0 0 20px 0;color:#333;font-weight:600;font-size:1.2em;} ul.les-periodes-ouverture > li:last-child{margin-bottom:0;} /*Ensemble de ligne horaire d'une période Lundi : de 9h00 à 20h00 Mardi : de 9h00 à 20h00 etc. */ ul.les-periodes-ouverture > li ul{margin:10px 0 0 0;padding:0 0 0 20px;list-style-type:none;font-weight:300;font-size:0.8em;} /*Complement horaire */ ul.les-periodes-ouverture > li ul li.complement_horaires{padding:5px 0 0 0;color:#4a6a92;font-weight:400;font-size:1.1em;} /*Jour de fermeture */ ul.les-periodes-ouverture > li ul li.jour_fermeture_horaires{padding:5px 0 0 0;color:#333;font-weight:400;font-size:1.1em;} /**********Adresse / Carte / calcul itinéraire********/ /*Le lieu / Adresse*/ .adresse-fiche > span:first-child{display:none; /*on cache le texte "Lieu" car on l'a mis en h2 avant*/} /*L'adresse*/ /*Rq pas le même code html selon annuaire !?! */ .adresse-fiche .address, .adresse-fiche > p{color:#333;font-weight:600;padding-bottom:20px;font-size:1.1em;} #carte-fiche{display:block;clear:both;} /*Le lien Itinéraire*/ a.btn_itineraire{display:block;text-align:center;padding:20px;background-color:#FFF;border:5px solid #15a8a6;color:#333;text-decoration:none;font-size:1.1em;margin-top:20px;border-radius:2px;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.btn_itineraire:hover{background-color:#F4F3F2;border:5px solid #2C7F6B;color:#2C7F6B;} a.btn_itineraire svg{margin-right:10px;font-size:1.4em;vertical-align:middle;} /****** Fin Adresse / Carte / calcul itinéraire********/ /**********Form contact prestataire******************/ .krea3_formulaire input#submit-contact-prestataire{margin-left:0;margin-top:20px;} /****** Fin Form contact prestataire******************/ /***************Offres associées / Suggestions********/ #content_large #listing-offres-associees ul{width:100%;} #listing-offres-associees{padding-top:10px;} /*espace entre les blocs offres associées*/ #listing-offres-associees li.un-bloc-listing{margin:4px;} #listing-offres-associees .listing-item{width:300px;height:300px;} @media screen and (min-width:1280px) and (max-width:1365px){ #listing-offres-associees .listing-item{width:280px;height:280px;} } @media screen and (min-width:768px) and (max-width:1279px){ #content_large #listing-offres-associees ul{width:730px;} #listing-offres-associees .listing-item{width:350px;height:350px;} } @media screen and (min-width:640px) and (max-width:767px){ #content_large #listing-offres-associees ul{width:580px;} #listing-offres-associees .listing-item{width:280px;height:280px;} } @media screen and (max-width:639px){ #content_large #listing-offres-associees ul{width:100%;max-width:310px;} #listing-offres-associees .listing-item{width:300px;height:300px;} } /*************** Le bloc réservation ****************/ #sticky-bloc-fiche{padding:20px;border:none;background-color:#FFF;border:1px solid rgba(0,0,0,0.1);position:relative;display:block;clear:both;text-align:center;color:#333;margin:0 0 30px 0;} #sticky-bloc-fiche h2{margin:0;padding:10px 0 15px 0;color:#333;font-weight:400;font-family: 'Source Sans Pro', sans-serif;} /* L'adresse */ #sticky-bloc-fiche .adresse-fiche{padding:15px 0 0 0;margin:20px 0 20px 0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);} #sticky-bloc-fiche .adresse-fiche p{color:#15a8a6;} /* Les liens tel, fax*/ #sticky-bloc-fiche p.btn a{color:#333;font-weight:400;font-size:1.2em;text-decoration:none;} #sticky-bloc-fiche p.btn a:hover, #sticky-bloc-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, #sticky-bloc-fiche p.btn svg{margin:0 10px 0 10px;color:#2C7F6B;} /*Liens mail et site*/ #sticky-bloc-fiche p.btn_site, #sticky-bloc-fiche p.btn_mail{border-top:1px solid rgba(0,0,0,0.1);padding:15px 0 0 0;margin:20px 0 0 0;} #sticky-bloc-fiche p.btn_site{border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:20px;} #sticky-bloc-fiche p.btn_site a, #sticky-bloc-fiche p.btn_mail a{display:block;overflow-wrap:break-word;font-weight:200;font-size:1em;} /*************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 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:#333;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;padding-right:10px;display:table-cell;vertical-align:middle;text-align:right;min-width:100px;} .nav-actus{width:200px;} /*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;} /* les icones retour précédent suivant */ .nav-actus .svg-inline--fa{width: 30px;height: 30px;} /*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*/ .nav-results li a{color:#333 !important;background-color:#f4ede4 !important;} .nav-results li a:hover{color:#333 !important;background-color:#2C7F6B !important;} /*Un bouton de navigation*/ .nav li a{display:table;color:#FFF;text-decoration:none;font-weight:normal;background-color:#2C7F6B;-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;} /*Couleur bouton au survol*/ .nav li a:hover{background-color: #2C7F6B;} /*Pour les boutons mode liste et mode carte*/ .nav li a.cbp-vm-selected{background-color: #2C7F6B;} /*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-carte a{margin-right:10px;} .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.nav-retour-annuaire a{background-color:transparent; color:#2C7F6B; margin-right:15px;} .nav li.nav-retour-annuaire a:hover{color:#2C7F6B;} .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: "Font Awesome 5 Solid";display: none;} /*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...)****/ /*************************************************************************/ /* Flèche retour en haut de page */ #scroll{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);border-radius: 4px;bottom: 0;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;} .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:#2C7F6B;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;} #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 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: "Montserrat","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: #2C7F6B;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: #2C7F6B;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: #2C7F6B;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: #2C7F6B;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;margin:40px auto;} @media screen and (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;} /* =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;} .cookies-video{background:#eee;width:100%;padding:20px;height:auto;margin:0 auto;max-width:1000px;border-radius:5px;text-align:center;} .cookies-video svg{color:#fff !important;text-align:center;} .cookies-video .fa {font-size: 2em !important;color: #fff;margin: 15px auto;} .icon-cookies-youtube{background:red;width:80px;height:60px;border-radius:15px;margin:100px auto 0 auto;text-align:center;} .cookies-video span{text-align:center;font-size:1.1em;font-weight:bold;display:block;margin:30px auto 100px auto;} .remodal {background: url(assets/images/logo-site.png) #FFF no-repeat scroll top center !important;} .remodal-close:after{content:'X';} /*pour cacher accueil, carte, contact, mentions légales, plan du site du menu grands écrans #menu li.page-item-6, #menu li.page-item-7, #menu li.page-item-8, #menu li.page-item-9{display:none;}*/ .listing li.un-bloc-listing {border: none!important;width: 100%;} p span.term {background-color: #f4ede4 !important;border:none !important;} .krea3-editorial-navbar-inner{list-style-type:none;} .krea3-editorial-navbar-inner li{padding:8px;border-top:1px solid #eee;} .krea3-editorial-navbar-inner a{text-decoration:none;color:#666;font-weight:500;font-size:0.8em;} .krea3-editorial-navbar-inner a.active {font-weight: 700;} /* =responsive --------------------------------------------------------------------------------------------------*/ @media screen and (max-width: 1280px){ #nav > li span.submenu-toggle {display: none !important;} #nav > li.hover > ul {columns: auto !important;width: 90% !important;} #nav > li.hover > ul {margin: 0 0 20px 20px !important;padding: 10px 20px 0 0px;} #nav li > .parent {background-image: url(assets/css/images/downArrow.png) !important;} #nav li li.hover ul {margin: 0 0 10px 0 !important;} #nav li li li a {padding: 5px !important;font-size: 1.1em !important;} #nav > li > ul > li, #nav > li > ul > li > ul > li {border-bottom: 1px solid rgba(0,0,0,0.1);} #nav > li > ul {border-top: 3px solid #2C7F6B !important;} } /* =CSS Tiny -----------------------------------*/ @media screen and (max-width: 350px){ #recherche-top ul#recherche_site label{width: 70% !important;} } @media screen and (max-width: 480px){ body{font-size:15px;} main.largeur92{width:100%;} #conteneur{width:100%;margin:0 auto 0 auto;z-index:0;} h1 {font-size: 2em !important;} h2 {font-size: 1.6em !important;} #content, #content_large {float: none !important;width: 100% !important;padding: 0 20px !important;margin: -110px 0 0 0 !important;} .nav-actus {width: 100%;} blockquote {margin: 40px 8% !important;padding: 20px !important;} .krea3_formulaire fieldset {padding: 20px 20px !important;} .krea3_formulaire label {font-size: 0.9em !important;width: 100% !important;text-align:left !important;} .krea3_formulaire input, .krea3_formulaire select, .krea3_formulaire textarea {font-size: 0.9em !important;width: 100% !important;} /* =header -----------------------------------*/ header{border-bottom:none;position:relative;height:90px;} #logo-site{top: 5px;width: 140px;height: 36px;margin: 0 0 0 100px;position: relative;z-index: 1001;} #recherche-top .search-field {margin: 0 !important;} #taille_texte{display:none !important;} nav#menu-principal{width:100%;text-align:left;margin:0;padding-left:0;position:absolute;top:0;left:0;z-index:1000; /* Pour passer par dessus diapo accueil*/} #menu{height:auto;padding:0;} #top-header{height:auto;position:relative;z-index:1001;bottom:0;padding:5px 0 0 0;margin:0 0 0 100px;border-top:none;border-bottom:none;background-color:#FFF;} #recherche-top ul#recherche_site {padding: 3px 8px !important;} #recherche-top {margin-top: 0px !important;} #searchform input[type="text"]{width:105px;border:1px solid rgba(0,0,0,0.1);} #searchform input[type="submit"]{border:1px solid #FFF;} #outils{clear:both;} #diapo-accueil{margin:0;padding:0;position:relative;z-index:0;display:block;height:auto !important;} /* =ligne1 -----------------------------------*/ #ligne1{display:block;width:100%;padding:0 20px !important;} #gauche-ligne1{display:block;width:100%;padding:0;min-width:100% !important;} #droite-ligne1{display:block;width:100%;padding:0;} ul#acces-rapides li a span.icon-acces {width: 60px !important;height: 60px !important;} ul#acces-rapides li a span.icon-acces > span {width: 60px;height: 60px;background-size: 55px auto !important;margin:0 !important;} ul#acces-rapides li {width: 32%;} ul#acces-rapides li a span.intitule-acces {margin-top: 0px !important;} ul#acces-rapides li a {font-size: 0.75em !important;} #horaires-mairie, #horaires-poste{display:block;width:100%;} #horaires-mairie{padding:0 0 20px 0;} #horaires-poste {border-left: none !important;border-top: 1px solid #eee;padding:20px 0 0 0; } #coordonnees-top {margin: 20px 0 0 0;padding: 20px;color: #FFF;width: 100% !important; float: none !important;} #coordonnees-top h2 {font-size: 1.3em !important;} /* =ligne2 -----------------------------------*/ #ligne2{display:block;width:100%;padding:40px 40px 0 40px !important;} #gauche-ligne2, #droite-ligne2{display:block;width:100%;padding:0;float:none !important;height:auto !important;} #gauche-ligne2{padding:0;} #droite-ligne2{padding:0 20px;} #droite-ligne2 h2 {position: relative !important;top: 0 !important;} a.lien-actu-accueil {float:none !important;margin: 0 !important;} #actu-accueil .visuel-actu, .actu-diapo.accueil .metas-content-block .metas-content-block-inner {display: block !important;width: 100% !important;} .agenda.accueil{font-size: 0.9em !important;} a.lien-agenda-accueil {float:none !important;margin: 15px 0 0 0 !important;} #agenda-accueil {margin: 20px auto 30px auto !important;} .agenda span.meta-date{display:block !important;width:100% !important;} .agenda .content-agenda{display:block !important;width:100% !important;text-align:center;} .agenda h3.meta-titre{border-left: none;border-top: 1px solid #f2f2f2;margin:0 !important;} #nav-actus-accueil {bottom: 5px !important;right: 0 !important;} #liste-agenda-accueil, .caroufredsel_wrapper {width:100% !important;} /* =footer -----------------------------------*/ footer {font-family: 'Montserrat', sans-serif;background: #fff;font-weight: 300;color: #333;text-align: left;position: relative;padding: 0 !important;margin: 40px 0 0 0;} #top-footer {display: block !important;width: 100% !important;padding:20px !important;} #logo-client-footer {display: block !important;padding: 0 !important;} .coordonnees {display: block !important;text-align: center !important;padding: 0 0 20px 0 !important;} #droite-footer {display: block !important;text-align: center !important;padding: 20px 0 0 0 !important;border-left: none !important;border-top: 2px solid #fff;} ul#partenaires-footer {padding: 20px 10px 40px 10px !important;} ul#partenaires-footer li {padding: 0 10px !important;height: 60px !important;} ul#menu_footer li {padding: 5px !important;} } /* =CSS Small ---------------------------------------------------------------------------------------*/ @media screen and (min-width:481px) and (max-width:768px){ .agenda.accueil{font-size: 0.9em !important;} } @media screen and (min-width:481px) and (max-width:810px){ body{font-size:15px;} main.largeur92{width:100%;} #conteneur{width:100%;margin:0 auto 0 auto;z-index:0;} h1 {font-size: 2em !important;} h2 {font-size: 1.6em !important;} #content, #content_large {float: none !important;width: 100% !important;padding: 0 20px !important;margin: -110px 0 0 0 !important;} .nav-actus {width: 100%;} /* =header -----------------------------------*/ header{border-bottom:none;position:relative;height:70px;} #logo-site {top: 5px;width: 180px;height: auto;margin: 0 0 0 100px;position: relative;z-index: 1001;} #taille_texte{display:none !important;} nav#menu-principal{width:100%;text-align:left;margin:0;padding-left:0;position:absolute;top:0;left:0;z-index:1000; /* Pour passer par dessus diapo accueil*/} #top-header {width: auto !important;margin: 0 !important;top:0;} #menu{height:auto;padding:0;} #outils{clear:both;} /*Le diaporama*/ #diapo-accueil{margin:0;padding:0;position:relative;z-index:0;display:block;height:auto !important;} /* =ligne1 -----------------------------------*/ #ligne1{display:block;width:100%;padding:0 20px !important;} #gauche-ligne1{display:block;width:100%;padding:0;min-width:100% !important;} #droite-ligne1{display:block;width:100%;padding:0;} ul#acces-rapides li a span.icon-acces {width: 60px !important;height: 60px !important;} ul#acces-rapides li a span.icon-acces > span {width: 60px;height: 60px;background-size: 55px auto !important;margin:0 !important;} ul#acces-rapides li {width: 32%;} ul#acces-rapides li a span.intitule-acces {margin-top: 0px !important;} ul#acces-rapides li a {font-size: 0.85em !important;} #coordonnees-top {margin: 20px 0 0 0;padding: 20px;color: #FFF;width: 50% !important; float: left !important;} #coordonnees-top h2 {font-size: 1.3em !important;} #ligne1 h2 {text-align: left !important;font-size:1.3em !important;} #gauche-ligne1 img{width: 50% !important; float: right !important;margin: 40px 0 0 0;} /* =ligne 2 -----------------------------------*/ #ligne2{display:block;width:100%;padding:40px 20px 0 20px !important;} #gauche-ligne2, #droite-ligne2{display:block;width:100%;padding:0;float:none !important;height:auto !important;} #gauche-ligne2 {padding: 0 0 50px 0;} #droite-ligne2{padding:0 20px;} /*#agenda-accueil {margin: 20px auto 30px auto !important;} #nav-actus-accueil {bottom: 5px !important;right: 0 !important;} .agenda.accueil {max-width: 100% !important;} #liste-agenda-accueil{width: 100% !important;} #actu-accueil .visuel-actu {display: table-cell;position: relative;width: auto;vertical-align: middle;border-right: 8px solid #fff;} #actu-accueil h3 {font-size: 1em !important;line-height: 1.3em !important;} .caroufredsel_wrapper{width: 100% !important;} #liste-agenda-accueil{width: 100% !important;margin:0 auto !important;text-align:center !important;} .actu-diapo .item-inner img {padding: 0 !important;} .actu-diapo.accueil .metas-content-block .metas-content-block-inner{width:50% !important;} */ /* =footer -----------------------------------*/ footer {font-family: 'Montserrat', sans-serif;background: #fff;font-weight: 300;color: #333;text-align: left;position: relative;padding: 0 !important;margin: 30px 0 0 0;} #top-footer {display: block !important;width: 100% !important;padding:20px !important;} #logo-client-footer {display: block !important;padding: 0 !important;} ul#partenaires-footer {padding: 10px 10px 45px 10px !important;} ul#partenaires-footer li {padding: 0 10px !important;height: 70px !important;} ul#menu_footer li {padding: 5px !important;} } /* =Tablettes ---------------------------------------------------------------------------------------------*/ @media screen and (min-width:811px) and (max-width:890px){ body{font-size:15px;} main.largeur92{width:100%;} #conteneur{width:100%;margin:0 auto 0 auto;z-index:0;} h1 {font-size: 2em !important;} h2 {font-size: 1.6em !important;} #content, #content_large {float: none !important;width: 100% !important;padding: 0 20px !important;margin: -110px 0 0 0 !important;} .nav-actus {width: 100%;} /* =header -----------------------------------*/ header{border-bottom:none;position:relative;height:70px;} #logo-site {top: 5px;width: 180px;height: auto;margin: 0 0 0 100px;position: relative;z-index: 1001;} #taille_texte{display:none !important;} nav#menu-principal{width:100%;text-align:left;margin:0;padding-left:0;position:absolute;top:0;left:0;z-index:1000; } #top-header {width: auto !important;margin: 0 !important;top:0;} #menu{height:auto;padding:0;} #outils{clear:both;} /*Le diaporama*/ #diapo-accueil{margin:0;padding:0;position:relative;z-index:0;display:block;height:auto !important;} /* =ligne1 -----------------------------------*/ #ligne1{display:block;width:100%;padding:0 20px !important;} #gauche-ligne1{display:block;width:100%;padding:0;min-width:100% !important;} #droite-ligne1{display:block;width:100%;padding:0;} ul#acces-rapides li a span.icon-acces {width: 60px !important;height: 60px !important;} ul#acces-rapides li a span.icon-acces > span {width: 60px;height: 60px;background-size: 55px auto !important;margin:0 !important;} ul#acces-rapides li {width: 32%;} ul#acces-rapides li a span.intitule-acces {margin-top: 0px !important;} ul#acces-rapides li a {font-size: 0.85em !important;} #coordonnees-top {margin: 20px 0 0 0;padding: 20px;color: #FFF;width: 50% !important; float: left !important;} #coordonnees-top h2 {font-size: 1.3em !important;} #ligne1 h2 {text-align: left !important;font-size:1.3em !important;} #gauche-ligne1 img{width: 50% !important; float: right !important;margin: 40px 0 0 0;} /* =ligne2 -----------------------------------*/ #gauche-ligne2 {width: 50% !important;padding: 0px 40px 0 0 !important;} #droite-ligne2 {width: 50% !important;padding: 0px 20px !important;} /* #actu-accueil .visuel-actu, .actu-diapo.accueil .metas-content-block .metas-content-block-inner {display: block;width: 100% !important;} a.lien-actu-accueil, a.lien-agenda-accueil {margin: 5px 0 0 0 !important;float: none !important;} */ #droite-ligne2 h2 {position: relative !important;top: 0 !important;display:inline-block;} /* =Footer -----------------------------------*/ footer {font-family: 'Montserrat', sans-serif;background: #fff;font-weight: 300;color: #333;text-align: left;position: relative;padding: 0 !important;margin: 30px 0 0 0;} #top-footer {display: block !important;width: 100% !important;padding:20px !important;} #logo-client-footer {padding: 0 !important;margin: 0 !important;width: 170px !important;} ul#partenaires-footer {padding: 10px 10px 45px 10px !important;} ul#partenaires-footer li {padding: 0 10px !important;height: 70px !important;} ul#menu_footer li {padding: 5px !important;} } /* =CSS Big ---------------------------------------------------------------------------------------------*/ @media screen and (min-width:891px) and (max-width:1150px){ header {position: relative !important;} #logo-site {margin: 0 0 0 100px !important;} #top-header {width:auto !important;height: auto !important;} #horaires-poste, #horaires-mairie {display:block !important;width:100% !important;} #horaires-poste, #horaires-mairie {display: block !important;width: 100% !important;padding: 20px 0 0 0 !important;} #horaires-poste {border-left: none;border-top: 1px solid #eee;} #droite-ligne1 {padding: 0 20px 0 0 !important;} #gauche-ligne2 {padding: 0px 20px 0 0 !important;} #droite-ligne2 {padding: 0px 20px !important;} } @media screen and (max-width:1150px){ .page-resultats-recherche h1{padding-top:40px !important;} } .trombi h3, .trombi p{text-align: center !important;} .trombi .card .card-body {padding: 0rem 1rem !important;} /* =Impression page ---------------------------------------------------------------------------------------------*/ @media print { aside#sidebar,header[role="banner"],footer,#comments,#respond, #gauche {display: none;} #container, #content, #main, #content_large {width: 90%;margin: 0px;padding: 0px;} * {color: #000; background-color: #fff;box-shadow: none;text-shadow: none;} a:after {content: '( "attr(href)" )';} .no_print{display:none !important;} #taille_texte{display:none;} #shiftnav-toggle-main, .shiftnav{display:none;} #content, #contenu.agenda, #contenu{width:100%;} /*bannières Gutenberg*/ .wp-block-cover{display:none;} /*Paramètres de gestion de la confidentialité*/ .qc-cmp-persistent-link{display:none !important;} /*Pour agenda et annuaire*/ #controles, h2#titre-recherche, form#recherche, div#form-recherche, .listeBoutons, .attachment-vignette-annuaire, .voir_agenda a, .lien-abo-rss, a.lien-savoir{display:none;} #krea3_plan_site{clear:both;} #krea3_plan_site a{text-decoration:none;} a.flowplayer, ins>div{display:none;} .flowplayer, embed, object, .videoconteneur, iframe, .owl-carousel, .plusgallery, #scroll{display:none; display:none!important;} .flowplayer{height:0 !important;} .wp-caption{border:none; padding:0; float:right; margin-left:10px;} } .bloc-fiche .btn{display:block!important;} #sticky-bloc-fiche p.btn_site a, #sticky-bloc-fiche p.btn_mail a { background: #fff; }