/* Theme Name: Vitrine Author: Cédric Bouchardy Author URI: https://www.toutfeutoutflammes.fr Description: Version: 1.0 Tags: Text Domain: vitrine */ /***************************************************************************************************************** RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} body{line-height:1;} ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} table{border-collapse:separate;border-spacing:0;} strong{font-weight:700;} em{font-style:italic;} sup{position:relative;font-size:75%;line-height:0;top:-0.5em;} sub{position:relative;font-size:75%;line-height:0;bottom:-0.25em;} abbr{border-bottom:1px dotted inherit;cursor:help;} a{color:inherit;text-decoration:underline;cursor:pointer;} a:hover{text-decoration:none;} input[type="text"], input[type="submit"], button, select, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'Poppins', sans-serif;} *, *:before, *:after{outline:0 !important; box-sizing:border-box !important;} .fancybox-iframe { display: block; width: 100% !important; height: 100% !important; overflow: hidden !important; background: #000; } /***************************************************************************************************************** HTML BODY */ html{-webkit-text-size-adjust:100%;} html, body{width:100%;font-size:15px;font-weight:400;line-height:1;font-family:'Poppins', sans-serif;background:#fff;color:#444;} @media only screen and (min-width: 1020px) {body.open2{overflow-y:auto}} @media only screen and (min-width: 1240px) {html, body{font-size:16px;}body.open{overflow-y:auto}} /***************************************************************************************************************** WRAPPER */ .wrapper{position:relative;display:block;margin:0 auto;padding:0 15px;max-width:100%;} @media only screen and (min-width: 400px) {.wrapper{max-width:360px;padding:0;}} @media only screen and (min-width: 480px) {.wrapper{max-width:440px;}} @media only screen and (min-width: 640px) {.wrapper{max-width:600px;}} @media only screen and (min-width: 820px) {.wrapper{max-width:780px;}} @media only screen and (min-width: 1020px) {.wrapper{max-width:980px;}} @media only screen and (min-width: 1240px) {.wrapper{max-width:1200px;}} /***************************************************************************************************************** SITE */ #site{position:relative;display:block;margin:0 auto;padding:0;width:100%;} .clear{clear:both;} .tarteaucitronOpenPanel{color:#ff7800;cursor:pointer;text-decoration:underline;} .tarteaucitronOpenPanel:hover{text-decoration:none;} .no-items{color:#f00;} .fancybox-title{text-align:center;width:100%;display:block;} /***************************************************************************************************************** HEADER */ #header{position:absolute;top:0;left:0;display:block;margin:0;padding:0;width:100%;z-index:120;} #header .wrapper{max-width:100%;} #logo{display:inline-block;margin:25px 0 0 0;} #logo a{display:block;text-decoration:none;} #logo img{display:block;width:60%;height:auto;vertical-align:bottom;} #navicon{display:block;position:absolute;right:15px;top:25px;} #navicon a{display:block;width:50px;height:50px;font-size:20px;line-height:52px;background:#048bd9;border-radius:50%;color:#fff;text-align:center;} #navicon.scrolled{position:fixed;right:15px;top:15px;} #navicon.scrolled a{box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);} #overlay{display:none;} body.open #overlay, body.open2 #overlay{content:'';position:fixed;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);z-index:190;} #nav-primary{position:fixed;right:-340px;top:0;bottom:0;display:block;width:100%;max-width:320px;padding:20px 10px 20px 20px;background:#fff;transition:all ease 0.3s;z-index:200;} body.open #nav-primary{right:0;} #nav-primary #closeicon{position:absolute;right:20px;top:20px;display:block;margin:0 0 20px 0;z-index:10;} #nav-primary #closeicon a{display:block;padding:0;width:50px;height:50px;line-height:50px;font-size:24px;background:#048bd9;border-radius:50%;color:#fff;text-align:center;} #nav-primary > ul{margin:0;padding:0 0 20px 0;height:100%;overflow-y:scroll;} #nav-primary > ul > li{position:relative;margin:0 20px 0 0;} #nav-primary > ul > li:before{content:'';position:absolute;left:0;top:19px;display:block;margin:0;width:12px;height:12px;background:#fed700;border-radius:100%;} #nav-primary > ul > li > a{display:block;padding:15px 0 15px 25px;color:#048bd9;font-size:20px;font-weight:700;line-height:20px;text-transform:uppercase;text-decoration:none;} #nav-primary > ul > li:hover > a{color:#048bd9;} #nav-primary > ul > li > ul{display:block;margin:0 0 0 25px;} #nav-primary > ul > li > ul > li{display:block;border-bottom:1px solid #eee;} #nav-primary > ul > li > ul li.current-page-ancestor a, #nav-primary > ul > li > ul li.current-menu-item a{color:#ff7800;} #nav-primary > ul > li > ul > li:last-of-type{border-bottom:0;} #nav-primary > ul > li > ul > li > a{display:block;padding:10px 0;text-decoration:none;transition:all ease 0.3s;} #nav-primary > ul > li:hover > ul{display:block;} #nav-primary > ul > li > ul > li > a:hover{color:#ff7800;} #nav-primary > ul > li > ul > li > ul{display:none;} #searchicon{display:block;position:absolute;right:76px;top:32px;} #searchicon a{display:block;width:40px;height:40px;font-size:18px;line-height:40px;background:#fff;border-radius:50%;color:#048bd9;text-align:center;} #search{display:block;padding:20px;background:#e3f1fa;position:fixed;left:0;right:0;top:-200px;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);transition:all ease 0.3s;z-index:200;} body.open2 #search{top:0;} #search input[type="text"]{padding:10px 0 10px 20px;width:80%;background:#fff;border:0;border-radius:30px 0 0 30px;font-size:16px;} #search button{padding:10px 20px;background:#fff;color:#048bd9;border:0;border-radius:0 30px 30px 0;font-size:16px;cursor:pointer;} #fb{display:none;} #intramuros{display:none;} @media only screen and (min-width: 400px) { #header{} #header .wrapper{max-width:360px;} #navicon{right:0;} #searchicon{right:62px;} } @media only screen and (min-width: 480px) { #header{} #header .wrapper{max-width:440px;} #searchicon{right:162px;} #fb{position:absolute;display:block;right:112px;top:32px;} #fb img{display:block;width:40px;height:auto;vertical-align:bottom;} #intramuros{position:absolute;display:block;right:62px;top:32px;} #intramuros img{display:block;width:40px;height:auto;vertical-align:bottom;} } @media only screen and (min-width: 640px) { #header{} #header .wrapper{max-width:600px;} #logo{margin:30px 0 0 0;} #logo img{width:76%;} #navicon{top:40px;} #navicon a{width:60px;height:60px;font-size:24px;line-height:62px;} #searchicon{right:195px;top:50px;} #fb{right:135px;top:48px;} #fb img{width:45px;} #intramuros{right:75px;top:48px;} #intramuros img{width:45px;} } @media only screen and (min-width: 820px) { #header{} #header .wrapper{max-width:780px;} #logo img{width:84%;} } @media only screen and (min-width: 1020px) { #header{} #header .wrapper{max-width:980px;} body.open2 #overlay{display:none;} #searchicon{display:none;} #search{display:block;position:absolute;left:auto;right:195px;top:48px;padding:0;background:transparent;box-shadow:none;z-index:100;} body.open2 #search{top:48px;} #search input[type="text"]{width:300px;font-size:15px;} #search button{font-size:15px;} } @media only screen and (min-width: 1240px) { #header{} #header .wrapper{max-width:1200px;} body.open #overlay{display:none;} #logo{margin:60px 0 0 0;} #logo img{width:100%;} #navicon{display:none;} #nav-primary{position:absolute;right:0;top:100px;bottom:auto;display:block;width:auto;max-width:none;padding:0 10px;background:#fff;border-radius:10px;z-index:200;} body.open #nav-primary{right:0;} #nav-primary #closeicon{display:none;} #nav-primary > ul{margin:0;padding:0;height:auto;overflow-y:inherit;} #nav-primary > ul > li{float:left;position:relative;margin:0 25px;} #nav-primary > ul > li:before{content:'';position:absolute;left:-31px;top:29px;display:block;margin:0;width:12px;height:12px;background:#fed700;border-radius:100%;} #nav-primary > ul > li:first-of-type:before{display:none;} #nav-primary > ul > li > a{display:block;padding:25px 0;color:#048bd9;font-size:18px;font-weight:700;line-height:20px;text-transform:uppercase;text-decoration:none;transition:all ease 0.3s;} #nav-primary > ul > li > a span{} #nav-primary > ul > li > ul{position:absolute;left:-20px;top:100%;display:none;margin:0;padding:10px;width:300px;background:#fff;border-top:6px solid #fed700;border-radius:0 0 10px 10px;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);} #nav-primary > ul > li:last-of-type > ul{left:auto;right:-20px;} #nav-primary > ul > li > ul > li{display:block;border-bottom:1px solid #eee;} #nav-primary > ul > li > ul > li:last-of-type{border-bottom:0;} #nav-primary > ul > li > ul > li > a{display:block;padding:15px 10px;text-decoration:none;transition:all ease 0.3s;} #nav-primary > ul > li:hover > ul{display:block;margin:0;} #nav-primary > ul > li:hover > ul:before{content:'';position:absolute;left:20px;top:-16px;display:inline-block;height:0;width:0;border-right:10px solid transparent;border-bottom:10px solid #fed700;border-left:10px solid transparent;} #nav-primary > ul > li:last-of-type:hover > ul:before{left:auto;right:20px;} #nav-primary > ul > li > ul > li > a:hover{padding:15px 10px 15px 20px;color:#ff7800;} #nav-primary > ul > li > ul > li > ul{display:none;margin:0 10px 10px 10px;padding:0 0 0 10px;} #nav-primary > ul > li > ul > li > ul > li{display:block;border-bottom:1px solid #eee;} #nav-primary > ul > li > ul > li > ul > li:last-of-type{border-bottom:0;} #nav-primary > ul > li > ul > li > ul > li > a{display:block;padding:10px 0;font-size:14px;text-decoration:none;transition:all ease 0.3s;} #nav-primary > ul > li > ul > li > ul > li > a:hover{padding:10px;color:#ff7800;} #search{right:130px;top:28px;} body.open2 #search{top:28px;} #search input[type="text"]{width:400px;font-size:16px;} #search button{font-size:16px;} #fb{right:65px;top:28px;} #intramuros{right:0;top:28px;} } /***************************************************************************************************************** MAIN */ #main{position:relative;display:block;margin:0;padding:140px 0 0 0;width:100%;background:linear-gradient(180deg, #e3f1fa 0, #fff 200px);} .home #main{padding:0;background:#fff;} @media only screen and (min-width: 820px) { #main{background:linear-gradient(180deg, #e3f1fa 0, #fff 300px);} } /***************************************************************************************************************** HOME */ #cover{position:relative;display:block;margin:0;padding:0;width:100%;} #cover .hero-video{position:relative;display:block;margin:0;padding:0;width:100%;height:400px;background:#000;text-align:center;overflow:hidden;} #cover .hero-video iframe{box-sizing:border-box;height:56.25vw;left:50%;min-height:100%;min-width:100%;transform:translate(-50%, -50%); position:absolute;top:50%;width:177.77777778vh;} #cover .hero-video:after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:90%; background:linear-gradient( 170deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 50% );} #cover .hero-video .video-placeholder { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; z-index: 2; transition: opacity 0.6s ease; } #cover .slides{display:block;margin:0;width:100%;height:400px;background:#ddd;overflow:hidden;} #cover .slides .slick-list{height:100%;} #cover .slides .slick-track{height:100%;} #cover .slides .slide{position:relative;display:block;margin:0;height:100%;background:#fff none scroll 50% 50%;background-size:cover;} #cover .slides .slide a{text-decoration:none;} #cover .slides:after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:90%;background:linear-gradient( 170deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 50% );} #cover .cover-dots{position:absolute;left:0;bottom:30px;display:block;width:100%;font-size:0;text-align:center;} #cover .cover-dots ul{display:block;width:100%;margin:0;padding:0;list-style:none;} #cover .cover-dots li{display:inline-block;margin:0 6px;padding:0;} #cover .cover-dots li button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin:0;padding:0;width:18px;height:18px;background:rgba(255, 255, 255, 0.5);border:0;border-radius:50%;text-indent:-5000px;cursor:pointer;} #cover .cover-dots li:hover button{background:#fff;} #cover .cover-dots li.slick-active button{background:#fed700;} #cover .hero{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:3;} #cover .hero .wrapper{display:block;width:100%;height:100%;} #cover .hero .wrapper .welcome{position:absolute;left:10%;bottom:26%;display:block;} #cover .hero .wrapper .welcome span:first-of-type{float:left;margin:0 0 -12px 5px;padding:5px 10px;color:#fff;font-size:24px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.75);} #cover .hero .wrapper .welcome span:last-of-type{clear:both;float:left;padding:5px 15px;color:#fff;font-size:48px;font-weight:700;text-shadow:2px 6px 10px rgba(0, 0, 0, 0.35);} .section h2{margin:0 0 25px 0;font-size:18px;} .section h2:before{content:'';float:left;display:block;margin:0 5px 0 0;width:12px;height:12px;background:#fed700;border-radius:100%;} .section h2 span{display:block;margin:5px 0 0 0;font-size:32px;font-weight:700;color:#048bd9;} .section .bt{position:relative;display:inline-block;width:100%;margin:60px 0 0 0;padding:12px 20px;font-size:16px;font-weight:700;line-height:20px;background:#fed700;color:#000;text-transform:uppercase;text-align:center;text-decoration:none;border:6px solid #fed700;border-radius:10px;transition:all ease 0.3s;} .section .bt:before{content:'\f061';font-family:'FontAwesome';font-size:20px;font-weight:normal;line-height:20px;position:absolute;right:10px;top:10px;display:block;opacity:0;transition:all ease 0.3s;} .section .bt:hover{padding-right:60px;} .section .bt:hover:before{right:25px;opacity:1;} #news{position:relative;display:block;margin:0;padding:40px 0 60px 0;width:100%;/*background:transparent url('images/points.svg') repeat-x scroll 50% 60%;*/} #news .news-ticker{display:grid;grid-template-columns:1fr;gap:30px;margin:0;padding:0;} #news .news-ticker .news-ticker-highlight{position:relative;margin:0;} #news .news-ticker .news-ticker-highlight a{position:relative;display:block;width:100%;height:auto;margin:0 0 30px 0;padding:0;text-decoration:none;background:#e3f1fa;border-radius:10px;overflow:hidden;} #news .news-ticker .news-ticker-highlight a.open{display:block;} #news .news-ticker .news-ticker-highlight a img{margin:0;width:100%;height:auto;vertical-align:bottom;object-fit:cover;transition:all ease 0.3s;} #news .news-ticker .news-ticker-highlight a:last-of-type{margin:0;} #news .news-ticker .news-ticker-highlight a .caption{position:relative;display:block;width:100%;padding:20px;background:rgba(4, 139, 217, 1);} #news .news-ticker .news-ticker-highlight a .caption .meta{display:inline-block;margin:0 0 15px 0;padding:6px 10px 5px 10px;background:#fff;border-radius:5px;font-weight:700;} #news .news-ticker .news-ticker-highlight a .caption .meta time{color:#ff7800;} #news .news-ticker .news-ticker-highlight a .caption .meta span{color:#048bd9;} #news .news-ticker .news-ticker-highlight a .caption h3{margin:0 0 10px 0;font-size:20px;font-weight:700;line-height:1.2;color:#fff;} #news .news-ticker .news-ticker-highlight a .caption p{line-height:1.2;color:#fff;} #news .news-ticker .news-ticker-highlight a .caption:after{content:'\f054';font-family:FontAwesome;font-size:20px;font-weight:normal;position:absolute;right:20px;bottom:20px;display:none;padding:0 0 0 3px;width:50px;height:50px;background:rgba(255, 255, 255, 0.25);border-radius:10px;text-align:center;line-height:52px;color:#fff;transition:all ease 0.3s;} #news .news-ticker .news-ticker-highlight a:hover img{transform:scale(1.1);} #news .news-ticker .news-ticker-highlight a:hover .caption:after{background:#fff;color:#048bd6;} #news .news-ticker .news-ticker-list{position:relative;display:none;width:100%;height:auto;margin:0;padding:0;} #news .news-ticker .news-ticker-list a{display:grid;grid-template-columns:100px 1fr;margin:0 0 20px 0;padding:0;line-height:1.2;border-radius:10px;overflow:hidden;text-decoration:none;transition:all ease 0.3s;} #news .news-ticker .news-ticker-list a .image{margin:0;height:100px;overflow:hidden;} #news .news-ticker .news-ticker-list a .image img{width:100%;height:100%;vertical-align:bottom;object-fit:cover;transition:all ease 0.3s;} #news .news-ticker .news-ticker-list a .caption{display:block;width:100%;padding:15px;background:#e3f1fa;transition:all ease 0.3s;} #news .news-ticker .news-ticker-list a .caption .meta{display:inline-block;margin:0 0 10px 0;padding:4px 8px 3px 8px;background:#fff;border-radius:5px;font-size:0.875em;font-weight:700;} #news .news-ticker .news-ticker-list a .caption .meta time{color:#ff7800;} #news .news-ticker .news-ticker-list a .caption .meta span{color:#048bd9;} #news .news-ticker .news-ticker-list a .caption h3{margin:0;font-size:0.925em;line-height:1.2;transition:all ease 0.3s;} #news .news-ticker .news-ticker-list a.open .caption, #news .news-ticker .news-ticker-list a:hover .caption{background:#048bd9;} #news .news-ticker .news-ticker-list a.open .caption h3, #news .news-ticker .news-ticker-list a:hover .caption h3{color:#fff;} #news .news-ticker .news-ticker-list a.open img, #news .news-ticker .news-ticker-list a:hover img{transform:scale(1.1);} #news .news-ticker .news-ticker-list a:last-of-type{margin-bottom:0;} #news .intercommunaute-news{display:grid;grid-template-columns:1fr;gap:30px;margin:0;padding:0;} #news .intercommunaute-news a{display:block;margin:0 0 20px 0;padding:0;line-height:1.2;border-radius:10px;overflow:hidden;text-decoration:none;transition:all ease 0.3s;} #news .intercommunaute-news a .image{margin:0;width:100%;height:auto;overflow:hidden;} #news .intercommunaute-news a .image img{width:100%;height:100%;vertical-align:bottom;object-fit:cover;transition:all ease 0.3s;} #news .intercommunaute-news a .caption{display:block;width:100%;padding:20px;background:#048bd9;transition:all ease 0.3s;} #news .intercommunaute-news a .caption .meta{display:inline-block;margin:0 0 15px 0;padding:6px 10px 5px 10px;background:#fff;border-radius:5px;font-size:0.875em;font-weight:700;} #news .intercommunaute-news a .caption .meta time{color:#ff7800;} #news .intercommunaute-news a .caption .meta span{color:#048bd9;} #news .intercommunaute-news a .caption h3{margin:0 0 10px 0;font-size:20px;font-weight:700;line-height:1.2;color:#fff;} #news .intercommunaute-news a .caption p{line-height:1.2;color:#fff;} #news .intercommunaute-news a.open .caption, #news .intercommunaute-news a:hover .caption{background:#048bd9;} #news .intercommunaute-news a:hover .caption h3{color:#fff;} #news .intercommunaute-news a:hover .caption p{color:#fff;} #news .intercommunaute-news a:hover img{transform:scale(1.1);} #practical{position:relative;display:block;margin:0;padding:40px 0 60px 0;width:100%;background:#e3f1fa;} #practical .gb-ql{display:grid;grid-template-columns:1fr;gap:40px;margin:0;padding:0;} /* #guidebook{} #guidebook .item{position:relative;display:inline-block;margin:0;padding:0;transition:all ease 0.3s;} #guidebook .item .guide{display:block;border:6px solid #fff;border-radius:10px;text-decoration:none;background:#fff;color:#444;overflow:hidden;transition:all ease 0.3s;} #guidebook .item .guide img{display:block;margin:0;width:100%;height:auto;} #guidebook .item .guide span{position:absolute;left:10px;bottom:10px;display:block;margin:0;padding:0 10px;background:rgba(0, 0, 0, 0.5);color:#fff;font-size:14px;line-height:24px;border-radius:5px;} #guidebook .item .guide:hover{border:6px solid #fed700;} */ #guidebook .item{position:relative;display:inline-block;border:6px solid #fff;border-radius:6px;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);overflow:hidden;cursor:pointer;transition:all ease 0.3s;} #guidebook .item:hover{border:6px solid #fed700;} #guidebook .item img{margin:0;width:100%;height:auto;vertical-align:bottom;} #guidebook .item .item-hover{display:none;position:absolute;left:0;top:0;padding:20px;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);text-align:center;} #guidebook .item .item-hover span{display:block;margin:0 auto 20px auto;font-size:1em;font-weight:700;line-height:1.2;color:#fff;} #guidebook .item .item-hover a{display:block;margin:0 auto 10px auto;padding:10px 5px;background:#fff;color:#000;font-weight:700;border-radius:6px;text-decoration:none;text-transform:uppercase;transition:all ease 0.3s;} #guidebook .item .item-hover a:hover{background:#fed700;} #quicklinks{} #quicklinks .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;} #quicklinks .grid a{display:block;padding:15px 10px 10px 10px;text-align:center;background:#fff;border:6px solid #fff;border-radius:10px;text-decoration:none;transition:all ease 0.3s;} #quicklinks .grid a img{display:inline-block;margin:0 0 15px 0;} #quicklinks .grid a span{display:block;transition:all ease 0.3s;} #quicklinks .grid a:hover{border:6px solid #fed700;} #quicklinks .grid a:hover span{display:block;color:#ff7800;} #events{position:relative;display:block;margin:0;padding:40px 0 60px 0;width:100%;/*background:transparent url('images/points.svg') repeat-x scroll 50% 65%;*/} #events .slides{display:grid;grid-template-columns:1fr;gap:30px;margin:0;} #events .slides .slide{position:relative;margin:0;background:#048bd9;border-radius:10px;} #events .slides .slide a{display:grid;grid-template-columns:1fr;margin:0;padding:15px;background:#048bd9;color:#fff;border-radius:10px;overflow:hidden;text-decoration:none;transition:all ease 0.3s;} #events .slides .slide a .image{margin:0;padding:0;overflow:hidden;} #events .slides .slide a .image img{display:block;width:100%;height:auto;vertical-align:bottom;object-fit:cover;transition:all ease 0.3s;} #events .slides .slide a .desc{display:block;margin:0;padding:20px 0;} #events .slides .slide a .desc time{display:inline-block;margin:0 0 15px 0;padding:10px 15px;font-size:26px;font-weight:700;background:#fff;color:#ff7800;border-radius:5px;text-transform:uppercase;} #events .slides .slide a .desc h3{margin:0 0 10px 0;font-size:24px;font-weight:700;color:#fff;transition:all ease 0.3s;} #events .slides .slide a .desc p{margin:0 0 10px 0;line-height:1.4;} #events .slides .slide a .desc:after{content:'\f054';font-family:FontAwesome;font-size:20px;font-weight:normal;position:absolute;right:20px;bottom:20px;display:none;padding:0 0 0 3px;width:50px;height:50px;background:rgba(255, 255, 255, 0.25);border-radius:10px;text-align:center;line-height:52px;color:#fff;transition:all ease 0.3s;} #events .slides .slide a:hover .image img{transform:scale(1.1);} #events .slides .slide a:hover .desc h3{color:#fff;} #events .slides .slide a:hover .desc:after{background:#fff;color:#048bd6;} #events .slides .slide a .expired{position:absolute;left:50%;top:20px;display:none;padding:10px 20px;background:#fff;color:#ff7800;font-weight:700;text-align:center;border-radius:20px;transform:translateX(-50%);} #events .slides .slick-prev{position:absolute;left:-40px;top:50%;transform:translateY(-50%);display:block;width:40px;height:40px;background:#fff;color:#048bd9;border-radius:50%;font-size:30px;line-height:40px;text-align:center;cursor:pointer;z-index:10;transition:all ease 0.3s;} #events .slides .slick-prev i{padding:0 4px 0 0;} #events .slides .slick-prev:hover{background:#048bd9;color:#fff;} #events .slides .slick-next{position:absolute;right:-40px;top:50%;transform:translateY(-50%);display:block;width:40px;height:40px;background:#fff;color:#048bd9;border-radius:50%;font-size:30px;line-height:40px;text-align:center;cursor:pointer;z-index:10;transition:all ease 0.3s;} #events .slides .slick-next i{padding:0 0 0 4px;} #events .slides .slick-next:hover{background:#048bd9;color:#fff;} @media only screen and (min-width: 480px) { #quicklinks .grid{gap:15px;} } @media only screen and (min-width: 640px) { #cover .hero .wrapper .welcome{left:12%;bottom:26%;} #cover .hero .wrapper .welcome span:first-of-type{font-size:26px;} #cover .hero .wrapper .welcome span:last-of-type{font-size:60px;} #guidebook .item .guide img, #guidebook .item img{width:220px;} #quicklinks .grid{grid-template-columns:1fr 1fr 1fr;gap:20px;} #quicklinks .grid a{padding:20px 15px 15px 15px} #events .slides .slide a{grid-template-columns:180px 1fr;} #events .slides .slide a .desc{margin:0 0 0 20px;} #events .slides .slide a .desc time{margin:0 0 25px 0;font-size:30px;} #events .slides .slide a .desc h3{margin:0 0 20px 0;font-size:26px;} #events .slides .slide a .desc p{margin:0 0 20px 0;} #events .slides .slide a .desc:after{display:inline-block;} } @media only screen and (min-width: 820px) { #cover .hero-video{height:400px;} #cover .slides{height:400px;} #cover .hero .wrapper .welcome{left:16%;bottom:24%;} #cover .hero .wrapper .welcome span:first-of-type{font-size:28px;} #cover .hero .wrapper .welcome span:last-of-type{font-size:66px;} .section h2{margin:0 0 30px 0;font-size:18px;} .section h2:before{margin:2px 6px 2px 0;} .section h2 span{font-size:32px;} .section .bt{position:absolute;right:0;top:0;width:auto;margin:0;padding:10px 30px;} .section .bt:before{top:8px;} #practical .gb-ql{grid-template-columns:0.5fr 1fr;gap:20px;} #guidebook .item .guide img, #guidebook .item img{width:210px;} #quicklinks .grid a{padding:15px 15px 10px 15px;} #quicklinks .grid a img{margin:0 0 15px 0;} #events .slides{grid-template-columns:1fr 1fr;gap:20px;} #events .slides .slide a{grid-template-columns:140px 1fr;} #events .slides .slide a .desc{} #events .slides .slide a .desc time{margin:0 0 15px 0;padding:5px 10px;font-size:22px;} #events .slides .slide a .desc h3{margin:0 0 10px 0;font-size:20px;} #events .slides .slide a .desc p{margin:0 0 20px 0;line-height:1.2;} #events .slides .slide a .desc:after{right:15px;bottom:15px;} } @media only screen and (min-width: 1020px) { #cover .hero-video{height:460px;} #cover .slides{height:460px;} #cover .hero .wrapper .welcome{left:20%;bottom:26%;} #cover .hero .wrapper .welcome span:first-of-type{font-size:30px;} #cover .hero .wrapper .welcome span:last-of-type{font-size:72px;} #news .news-ticker{grid-template-columns:1fr 0.6fr;gap:20px;} #news .news-ticker .news-ticker-highlight a{display:none;margin:0;height:100%;} #news .news-ticker .news-ticker-highlight a.open{display:block;} #news .news-ticker .news-ticker-highlight a img{height:530px;} #news .news-ticker .news-ticker-highlight a .caption{position:absolute;left:0;bottom:0;padding:20px 90px 20px 20px;} #news .news-ticker .news-ticker-highlight a .caption h3{font-size:24px;} #news .news-ticker .news-ticker-highlight a .caption:after{display:inline-block;} #news .news-ticker .news-ticker-list{display:block;} #news .news-ticker .news-ticker-list a{grid-template-columns:90px 1fr;} #news .news-ticker .news-ticker-list a .image{height:90px;} #news .news-ticker .news-ticker-list a .caption{padding:10px;} #news .intercommunaute-news{grid-template-columns:1fr 1fr;} #news .intercommunaute-news a{display:grid;grid-template-columns:180px 1fr;} #news .intercommunaute-news a .image{height:180px;} #news .intercommunaute-news a .caption{padding:20px;background:#e3f1fa;} #news .intercommunaute-news a .caption h3{color:#048bd9;} #news .intercommunaute-news a .caption p{color:#444;} #guidebook .item .guide img, #guidebook .item img{} #quicklinks .grid{gap:20px;} #quicklinks .grid a{padding:20px 10px 15px 10px;} #quicklinks .grid a img{margin:0 0 20px 0;} #events .slides{gap:30px;} #events .slides .slide a{grid-template-columns:180px 1fr;padding:20px} #events .slides .slide a .desc{} #events .slides .slide a .desc time{margin:0 0 20px 0;padding:10px 15px;font-size:26px;} #events .slides .slide a .desc h3{margin:0 0 15px 0;font-size:24px;} #events .slides .slide a .desc p{line-height:1.4;} #events .slides .slide a .desc:after{right:20px;bottom:20px;} } @media only screen and (min-width: 1240px) { #cover .hero-video{height:560px;} #cover .slides{height:560px;} #cover .hero .wrapper .welcome{left:16%;bottom:28%;} #cover .hero .wrapper .welcome span:first-of-type{font-size:30px;} #cover .hero .wrapper .welcome span:last-of-type{font-size:90px;} #news .news-ticker{grid-template-columns:1fr 0.5fr;gap:30px;} #news .news-ticker .news-ticker-highlight a img{height:580px;} #news .news-ticker .news-ticker-list a{grid-template-columns:100px 1fr;} #news .news-ticker .news-ticker-list a .image{height:100px;} #news .news-ticker .news-ticker-list a .caption{padding:15px;} #news .news-ticker .news-ticker-highlight a .caption h3{font-size:30px;} .section h2{margin:0 0 40px 0;font-size:20px;} .section h2:before{margin:4px 8px 4px 0;} .section h2 span{font-size:36px;} #guidebook .item .guide img, #guidebook .item img{width:240px;} #quicklinks .grid{gap:25px;} #quicklinks .grid a{padding:25px 10px 20px 10px;} #quicklinks .grid a img{margin:0 0 30px 0;} #events .slides .slide a{grid-template-columns:210px 1fr;} #events .slides .slide a .desc time{margin:0 0 25px 0;font-size:32px;} #events .slides .slide a .desc h3{margin:0 0 20px 0;font-size:30px;} } @media only screen and (min-width: 1420px) { #cover .hero-video{height:640px;} #cover .slides{height:640px;} .section h2{margin:0 0 40px 0;font-size:22px;} .section h2:before{margin:4px 12px 4px 0;} .section h2 span{font-size:42px;} .section .bt{padding:10px 30px;} #guidebook .item .guide img, #guidebook .item img{width:260px;} #quicklinks .grid{gap:30px;} #quicklinks .grid a{padding:30px 15px 25px 15px;} } /***************************************************************************************************************** PAGE */ .hentry{position:relative;margin:0;padding:0 0 30px 0;} .entry-breadcrumbs{position:relative;display:block;margin:0 0 10px 0;padding:0;width:100%;} .entry-breadcrumbs{padding:0;} .entry-breadcrumbs nav{display:block;padding:0;font-size:14px;line-height:1.4;} .entry-breadcrumbs nav p{} .entry-breadcrumbs nav a{text-decoration:none;} .entry-breadcrumbs nav a:hover{color:#ff7800;} .entry-breadcrumbs nav .separator{display:inline-block;background:#fed700;border-radius:50%;line-height:12px;width:12px;height:12px;margin:0 10px 0 10px;text-align:center;vertical-align:middle;} .entry-featured{position:relative;display:block;float:right;margin:0 0 40px 30px;width:100%;z-index:10;} .entry-featured img{width:100%;height:auto;vertical-align:bottom;border-radius:10px;} .entry-header{position:relative;display:block;margin:0/* 0 20px 0*/;padding:40px 0 /*20px*/0 0;width:100%;border-top:6px solid #e3f1fa;} .entry-header .entry-title{margin:0;padding:0;font-size:28px;font-weight:bold;line-height:1.2;color:#048bd9;} .entry-content{position:relative;padding:0;color:#444;} .entry-content h1{margin:30px 0;font-size:24px;font-weight:700;line-height:1.2;} .entry-content h2{margin:30px 0;font-size:20px;font-weight:700;line-height:1.2;color:#048bd9;} .entry-content h3{margin:30px 0;font-size:18px;font-weight:700;line-height:1.2;color:#048bd9;} .entry-content h4{margin:30px 0;font-weight:700;line-height:1.2;} .entry-content h5{margin:30px 0;font-weight:700;line-height:1.2;} .entry-content h6{margin:30px 0;font-weight:700;line-height:1.2;} .entry-content p{margin:30px 0;line-height:1.4;} .entry-content blockquote{display:block;margin:0;padding:15px 20px;background:#e3f1fa;} .entry-content blockquote p{display:block;margin:0 0 30px 0;padding:0;color:#444;} .entry-content blockquote :first-child{margin-top:0;} .entry-content blockquote :last-child{margin-bottom:0;} .entry-content pre{display:block;margin:30px 0;padding:20px;white-space:pre-wrap;line-height:1.6;} .entry-content > ul{margin:30px 0 30px 40px;list-style:outside disc;} .entry-content > ul li{position:relative;margin:0;line-height:1.4;} .entry-content > ul ul{margin:10px 0 10px 30px;list-style:outside disc;} .entry-content > ul ul > li{position:relative;margin:0;line-height:1.4;} .entry-content > ol{margin:30px 0 30px 40px;list-style:outside decimal;} .entry-content > ol li{margin:0 0 5px 0;line-height:1.4;} .entry-content > ol ol{margin:10px 0 10px 30px;list-style:outside decimal;} .entry-content a{color:#ff7800;} .entry-content img{display:block;margin:30px 0;width:100%;max-width:100%;height:auto;vertical-align:bottom;} /*.entry-content > :first-child{margin-top:0 !important;}*/ .entry-content > :first-child img{margin-top:0 !important;} .entry-content .wait{display:block;margin:0;padding:30px 40px;background:#fff;border-radius:20px;border:6px solid #fed700;text-align:center;} .entry-content .wait h2{margin-top:0;color:#ff7800;} .entry-content .wait p{margin-bottom:0;} .entry-content .alignnone{clear:both;} .entry-content .alignleft{float:left;margin:30px 30px 40px 0;max-width:50%;} .entry-content .alignright{float:right;margin:30px 0 40px 30px;max-width:50%;} .entry-content .aligncenter{clear:both;margin:30px auto 40px auto;text-align:center;} .entry-content .entry-coords{margin:30px 0;} .entry-content .entry-coords-grid{display:grid;grid-template-columns:1fr;gap:15px;} .entry-content .entry-coords-grid p{margin:0;padding:15px;border:6px solid #fed700;border-radius:10px;} .entry-content .wp-caption img{margin-bottom:10px;} .entry-content .wp-caption .wp-caption-text{margin:0 0 30px 0;text-align:center;} .entry-content .entry-child-pages{position:relative;display:block;margin:60px 0 0 0;} .entry-content .entry-child-pages .toggle-items{position:absolute;right:0;top:-30px;font-size:13px;color:#444;} .entry-content .entry-child-pages .items{display:grid;grid-template-columns:1fr;gap:15px;} .entry-content .entry-child-pages .items .item{position:relative;background:#fff;border-radius:10px;overflow:hidden;} .entry-content .entry-child-pages .items .item .item-tab{position:relative;display:block;cursor:pointer;} .entry-content .entry-child-pages .items .item .item-tab > span{display:block;padding:15px 70px 15px 15px;background:#e3f1fa;font-size:18px;font-weight:700;color:#048bd9;border-radius:10px;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background-color ease 0.2s;} .entry-content .entry-child-pages .items .item .item-tab > span span{display:block;margin:10px 0 0 0;font-size:0.75em;line-height:1.2;font-weight:400;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .entry-content .entry-child-pages .items .item .item-tab:hover > span{background:#048bd9;color:#fff;} .entry-content .entry-child-pages .items .item .item-tab:hover > span span{color:#fff;} .entry-content .entry-child-pages .items .item .item-tab .bt{font-size:18px;font-weight:normal;position:absolute;right:15px;top:15px;display:block;padding:0 0 0 1px;width:45px;height:45px;background:#fff;border-radius:5px;text-align:center;line-height:46px;color:#048bd9;cursor:pointer;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item.open .item-tab > span{border-radius:10px 10px 0 0;background:#048bd9;color:#fff;} .entry-content .entry-child-pages .items .item.open .item-tab > span span{display:none;color:#fff;} .entry-content .entry-child-pages .items .item.open .item-tab .bt{font-size:15px;font-weight:normal;position:absolute;right:10px;top:10px;display:block;padding:0 0 0 1px;width:30px;height:30px;background:#fff;border-radius:5px;text-align:center;line-height:30px;color:#048bd9;cursor:pointer;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item .item-tab .bt:hover{background:#fed700;color:#444;} .entry-content .entry-child-pages .items .item .item-content{display:none;padding:15px;background:#e3f1fa;border-radius:0 0 10px 10px;} .entry-content .entry-child-pages .items .item .item-content .image{width:100%;margin:0 0 15px 0;padding:0;overflow:hidden;} .entry-content .entry-child-pages .items .item .item-content .image img{display:block;margin:0;width:100%;height:auto;vertical-align:bottom;object-fit:cover;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item .item-content p{margin:0 0 10px 0;font-size:0.875em;line-height:1.4;} .entry-content .entry-child-pages .items .item .item-content .address{display:block;margin:0 0 10px 0;font-size:0.875em;line-height:1.4;} .entry-content .entry-child-pages .items .item .item-content .phone{display:block;margin:0 0 10px 0;font-size:0.875em;line-height:1.4;} .entry-content .entry-child-pages .items .item .item-content .email-address{display:block;margin:0 0 15px 0;font-size:0.875em;line-height:1.4;} .entry-content .entry-child-pages .items .item .item-content .email{display:inline-block;margin:0 10px 15px 0;width:40px;height:40px;line-height:42px;font-size:20px;text-align:center;border-radius:50%;background:#fff;color:#048bd9;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item .item-content .site{display:inline-block;margin:0 10px 15px 0;width:40px;height:40px;line-height:42px;font-size:20px;text-align:center;border-radius:50%;background:#fff;color:#048bd9;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item .item-content .fb{display:inline-block;margin:0 10px 15px 0;width:40px;height:40px;line-height:42px;font-size:20px;text-align:center;border-radius:50%;background:#fff;color:#048bd9;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item .item-content .more{display:block;} .entry-content .entry-child-pages .items .item .item-content .more a{position:relative;display:inline-block;margin:0;padding:12px 15px;font-weight:700;background:#fff;color:#048bd9;border-radius:5px;text-decoration:none;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item .item-content .more a:before{content:'\f061';font-family:'FontAwesome';font-size:16px;font-weight:normal;line-height:20px;position:absolute;right:0;top:9px;display:block;color:#000;opacity:0;transition:all ease 0.3s;} .entry-content .entry-child-pages .items .item .item-content .email:hover{background:#048bd9;color:#fff;} .entry-content .entry-child-pages .items .item .item-content .site:hover{background:#048bd9;color:#fff;} .entry-content .entry-child-pages .items .item .item-content .fb:hover{background:#048bd9;color:#fff;} .entry-content .entry-child-pages .items .item .item-content .more a:hover{padding-right:35px;background:#fed700;color:#000;} .entry-content .entry-child-pages .items .item .item-content .more a:hover:before{right:15px;opacity:1;} .entry-sisters{display:block;margin:60px 0 0 0;padding:30px 0;border-top:6px solid #e3f1fa;} .entry-sisters > h3{display:block;font-size:20px;font-weight:700;line-height:1.4;color:#048bd9;} .entry-sisters > h3:before{content:'';float:left;display:block;margin:8px 10px 10px 0;width:12px;height:12px;background:#fed700;border-radius:100%;} .entry-sisters > h3 a{color:#ff7800;text-decoration:underline;} .entry-sisters > h3 a:hover{text-decoration:none;} .entry-sisters .entry-sisters-pages{display:grid;grid-template-columns:1fr;gap:0;margin:10px 0 0 0;padding:10px 20px 20px 20px;border-top:6px solid #fed700;border-radius:0 0 10px 10px;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);} .entry-sisters .entry-sisters-pages .item{position:relative;display:block;margin:0 15px 0 0;padding:10px 0;font-size:15px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-bottom:1px solid #eee;text-decoration:none;transition:all ease 0.3s;} .entry-sisters .entry-sisters-pages .item:hover{padding-left:10px;color:#ff7800;} .entry-sisters .entry-sisters-pages .item.active{color:#ff7800;} .entry-content .pdfemb-viewer{border:0;} .entry-content .bt-pdf{display:block;margin:20px 0 0 0;text-align:center;} .entry-content .bt-pdf a{display:inline-block;margin:10px;padding:12px 40px;font-size:16px;font-weight:700;line-height:20px;background:#fed700;color:#000;text-transform:uppercase;text-decoration:none;border:6px solid #fed700;border-radius:10px;transition:all ease 0.3s;} .entry-content .bt-pdf a:hover{box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);} .entry-content .box-pdf{display:block;margin:0 0 10px 0;} .entry-content .box-pdf a{display:block;padding:10px;background:#ffe4cc;color:#ff7800;border-radius:5px;font-weight:700;line-height:1.4;text-decoration:none;transition:all ease 0.3s;} .entry-content .box-pdf span{float:right;display:inline-block;margin:0;padding:2px 6px 0 6px;font-size:0.875em;font-weight:400;background:#fff;color:#444;border-radius:4px;} .entry-content .box-pdf:hover a{background:#ff7800;color:#fff;} .entry-content .box-pdf:hover span{color:#444;} .entry-content .box-pdf-image{display:block;max-width:280px;background:#fff;} .entry-content .box-pdf-image a{display:block;border:6px solid #fff;border-radius:10px;text-decoration:none;background:#fff;color:#444;overflow:hidden;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);transition:all ease 0.3s;} .entry-content .box-pdf-image a img{display:block;margin:0;width:100%;height:auto;vertical-align:bottom;} .entry-content .box-pdf-image a span{position:absolute;left:10px;bottom:10px;display:block;margin:0;padding:0 10px;background:rgba(0, 0, 0, 0.5);color:#fff;font-size:14px;line-height:24px;border-radius:5px;} .entry-content .box-pdf-image a:hover{border:6px solid #fed700;} .entry-content a.bt-back{position:relative;display:inline-block;margin:30px 0 0 0;padding:12px 20px;font-size:16px;font-weight:700;line-height:20px;background:#fed700;color:#000;text-transform:uppercase;text-align:center;text-decoration:none;border:6px solid #fed700;border-radius:10px;transition:all ease 0.3s;} .entry-content a.bt-back:before{content:'\f060';font-family:'FontAwesome';font-size:20px;font-weight:normal;line-height:20px;position:absolute;left:10px;top:10px;display:block;opacity:0;transition:all ease 0.3s;} .entry-content a.bt-back:hover{padding-left:60px;} .entry-content a.bt-back:hover:before{left:25px;opacity:1;} .entry-content .entry-date{display:inline-block;margin:30px 0 0 0;} .entry-content .entry-date a{font-weight:700;text-decoration:none;} .entry-content .entry-date a:hover{text-decoration:underline;} .entry-content .entry-infos{display:inline-block;margin:0 0 30px 0;background:#fff;border-radius:20px;} .entry-content .entry-infos p{position:relative;padding:0 0 0 24px;font-size:20px;color:#048bd9;} .entry-content .entry-infos p:before{content:'';position:absolute;left:0;top:10px;display:block;margin:0;width:12px;height:12px;background:#fed700;border-radius:100%;} .entry-content .entry-infos ul{margin:0;list-style:none;} .entry-content .entry-infos ul li{position:relative;margin:0 0 5px 0;line-height:1.6;} .entry-content .entry-infos ul li:last-of-type{margin:0;} .entry-content .entry-infos ul li i{margin:0 10px 0 0;} .entry-content .entry-infos span.expired{display:block;margin:20px 0 0 0;color:#ff7800;} .entry-content .gallery{display:grid;grid-gap:15px;align-items:center;margin:0 0 40px 0;padding:0;} .gallery-columns-1{grid-template-columns:1fr;} .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9{grid-template-columns:1fr 1fr;} .entry-content .gallery .item{position:relative;display:block;margin:0;padding:0;width:100%;height:100%;border-radius:10px;overflow:hidden;} .entry-content .gallery .item a{display:block;padding:0;width:100%;height:100%;text-align:center;text-decoration:none;color:#444;cursor:zoom-in;} .entry-content .gallery .item a .image{display:block;width:100%;height:100%;border:0;} .entry-content .gallery .item a .image img{display:inline-block;margin:0;width:100%;height:100%;vertical-align:bottom;object-fit:cover;transition:all ease 0.3s;} .entry-content .gallery .item a .caption{position:absolute;left:0;bottom:0;display:block;margin:10px 0 0 0;padding:10px;width:100%;font-size:0.875em;line-height:1.2;background:#048bd9;color:#fff;} .entry-content .gallery .item a .caption span{} .entry-content .gallery .item a:hover .image img{transform:scale(1.1);} .entry-content .results{display:block;margin:30px 0;} .entry-content .results ul{} .entry-content .results ul li{display:block;margin:0 0 20px 0;padding:0;} .entry-content .results ul li:last-of-type{margin:0;} .entry-content .results ul li a{display:block;padding:10px 20px;background:#fff;color:#444;border:6px solid #fff;border-radius:20px;text-decoration:none;transition:all ease 0.3s;} .entry-content .results ul li a:hover{border:6px solid #fed700;} .entry-content .results ul li h3{position:relative;margin:0 0 10px 0;padding:0 0 0 24px;color:#048bd9;} .entry-content .results ul li h3:before{content:'';position:absolute;left:0;top:7px;display:block;margin:0;width:12px;height:12px;background:#fed700;border-radius:100%;} .entry-content .results ul li p{margin:0;} .entry-content .agenda{display:block;margin:30px 0;} .entry-content .agenda ul{display:grid;grid-template-columns:1fr;gap:20px;} .entry-content .agenda ul li{position:relative;margin:0;background:#048bd9;border-radius:10px;} .entry-content .agenda ul li a{display:grid;grid-template-columns:1fr;margin:0;padding:15px;background:#048bd9;color:#fff;border-radius:10px;overflow:hidden;text-decoration:none;transition:all ease 0.3s;} .entry-content .agenda ul li a .image{margin:0;padding:0;overflow:hidden;} .entry-content .agenda ul li a .image img{display:block;margin:0;width:100%;height:auto;vertical-align:bottom;object-fit:cover;transition:all ease 0.3s;} .entry-content .agenda ul li a .desc{display:block;margin:0;padding:20px 0;} .entry-content .agenda ul li a .desc time{display:inline-block;margin:0 0 15px 0;padding:10px 15px;font-size:26px;font-weight:700;background:#fff;color:#ff7800;border-radius:5px;text-transform:uppercase;} .entry-content .agenda ul li a .desc h3{margin:0 0 10px 0;font-size:24px;font-weight:700;color:#fff;transition:all ease 0.3s;} .entry-content .agenda ul li a .desc p{margin:0 0 10px 0;line-height:1.4;} .entry-content .agenda ul li a .desc:after{content:'\f054';font-family:FontAwesome;font-size:20px;font-weight:normal;position:absolute;right:20px;bottom:20px;display:none;padding:0 0 0 3px;width:50px;height:50px;background:rgba(255, 255, 255, 0.25);border-radius:10px;text-align:center;line-height:52px;color:#fff;transition:all ease 0.3s;} .entry-content .agenda ul li a:hover .image img{transform:scale(1.1);} .entry-content .agenda ul li a:hover .desc h3{color:#fff;} .entry-content .agenda ul li a:hover .desc:after{background:#fff;color:#048bd6;} .entry-content .agenda ul li.ended{/*opacity:0.5;*/} .entry-content .actualites{display:block;margin:30px 0;} .entry-content .actualites ul{display:grid;grid-template-columns:1fr;gap:20px;} .entry-content .actualites ul li{position:relative;display:block;background:#e3f1fa;border-radius:10px;overflow:hidden;} .entry-content .actualites ul li > a{display:block;text-decoration:none;overflow:hidden;} .entry-content .actualites ul li > a img{display:block;margin:0;width:100%;height:200px;object-fit:cover;border-radius:0;box-shadow:none;transition:all ease 0.3s;} .entry-content .actualites ul li:hover a img{transform:scale(1.1);} .entry-content .actualites ul li .desc{display:block;padding:15px 15px 20px 15px;} .entry-content .actualites ul li .desc span{display:inline-block;margin:0 0 15px 0;padding:6px 10px 5px 10px;font-size:14px;line-height:1.2;background:#fff;border-radius:5px;} .entry-content .actualites ul li .desc span time{font-weight:700;color:#ff7800;} .entry-content .actualites ul li .desc span a{font-weight:700;color:#048bd9;text-decoration:none;} .entry-content .actualites ul li .desc span a:hover{text-decoration:underline;} .entry-content .actualites ul li .desc h3{display:block;margin:0 0 10px 0;padding:0;font-size:20px;line-height:1.2;font-weight:700;} .entry-content .actualites ul li .desc h3 a{color:#048bd9;text-decoration:none;} .entry-content .actualites ul li .desc h3 a:hover{text-decoration:underline;} .entry-content .actualites ul li .desc h3:before{display:none;} .entry-content .actualites ul li .desc p{margin:0;padding:0;font-size:0.925em;line-height:1.4;color:#444;} .entry-content select#category-select{display:block;margin:0 0 20px 0;padding:15px 20px;font-size:16px;line-height:20px;background-size:16px 16px;border:0;border-radius:10px;background:#e3f1fa url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 15px top 55%;cursor:pointer;} /* .entry-content .publications{display:block;margin:30px 0 60px 0;} .entry-content .publications .items{display:grid;grid-template-columns:1fr;gap:30px;} .entry-content .publications .items .item:first-child{position:relative;display:block;} .entry-content .publications .items .item:first-child h3{margin:0 0 15px 0;font-size:18px;color:#048bd9;} .entry-content .publications .items .item:first-child a{position:relative;display:block;border:6px solid #fff;border-radius:10px;text-decoration:none;background:#fff;color:#444;overflow:hidden;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);transition:all ease 0.3s;} .entry-content .publications .items .item:first-child a img{display:block;margin:0;width:100%;height:auto;vertical-align:bottom;} .entry-content .publications .items .item:first-child a span{position:absolute;left:10px;bottom:10px;display:block;margin:0;padding:0 10px;background:rgba(0, 0, 0, 0.5);color:#fff;font-size:14px;line-height:24px;border-radius:5px;} .entry-content .publications .items .item:first-child a:hover{border:6px solid #fed700;} .entry-content .publications .items .item:last-child{} .entry-content .publications .items .item:last-child h3{margin:0 0 15px 0;font-size:18px;color:#048bd9;} .entry-content .publications .items .item:last-child ul{} .entry-content .publications .items .item:last-child ul li{margin:0 0 5px 0;} .entry-content .publications .items .item:last-child ul li a{display:block;padding:10px 15px;background:#ffe4cc;color:#ff7800;font-weight:700;line-height:1.4;border-radius:5px;text-decoration:none;transition:all ease 0.3s;} .entry-content .publications .items .item:last-child ul li a:hover{background:#ff7800;color:#fff;} .entry-content .publications .items .item:last-child ul li a span{float:right;display:inline-block;margin:0;padding:2px 6px 0 6px;font-size:0.875em;font-weight:400;background:#fff;color:#444;border-radius:4px;} */ .entry-content .publications{display:block;margin:30px 0 60px 0;} .entry-content .publications .items{display:grid;grid-template-columns:1fr 1fr;gap:15px;} .entry-content .publications .items .item{position:relative;display:block;border:6px solid #fff;border-radius:6px;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);overflow:hidden;cursor:pointer;transition:all ease 0.3s;} .entry-content .publications .items .item:hover{border:6px solid #fed700;} .entry-content .publications .items .item img{margin:0;} .entry-content .publications .items .item .item-hover{display:none;position:absolute;left:0;top:0;padding:20px;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);text-align:center;} .entry-content .publications .items .item .item-hover span{display:block;margin:0 auto 20px auto;font-size:1em;font-weight:700;line-height:1.2;color:#fff;} .entry-content .publications .items .item .item-hover a{display:block;margin:0 auto 10px auto;padding:10px 5px;background:#fff;color:#000;font-weight:700;border-radius:6px;text-decoration:none;text-transform:uppercase;transition:all ease 0.3s;} .entry-content .publications .items .item .item-hover a:hover{background:#fed700;} .entry-content .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} .entry-content .video-container iframe, .entry-content .video-container object, .entry-content .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed{max-width:100%;} .entry-pagination{position:relative;margin:60px 0 0 0;padding:20px 0 0 0;border-top:6px solid #e3f1fa;font-size:0;} .entry-pagination .nav-previous{display:block;margin:0 0 10px 0;width:100%;font-size:12px;} .entry-pagination .nav-previous a{display:inline-block;margin:0;padding:0;line-height:1.4;color:#048bd9;text-decoration:none;} .entry-pagination .nav-previous a:hover{color:#ff7800;} .entry-pagination .nav-next{display:block;margin:0;width:100%;font-size:12px;text-align:right;} .entry-pagination .nav-next a{display:inline-block;margin:0;padding:0;line-height:1.4;color:#048bd9;text-decoration:none;} .entry-pagination .nav-next a:hover{color:#ff7800;} .entry-pagination-archive{position:relative;padding:60px 0 0 0;text-align:center;} .entry-pagination-archive .nav-previous{display:inline-block;margin:0;line-height:1.4;} .entry-pagination-archive .nav-previous a{display:inline-block;margin:0 2px;width:40px;height:40px;background:#fff;color:#444;border-radius:100%;line-height:40px;text-decoration:none;transition:all ease 0.3s;} .entry-pagination-archive .nav-previous a:hover{background:#ff7800;color:#fff;} .entry-pagination-archive .nav-numbers{display:inline-block;margin:0;text-align:center;} .entry-pagination-archive .nav-numbers .page-numbers{display:inline-block;margin:0 2px;width:40px;height:40px;background:#048bd9;color:#fff;border-radius:100%;line-height:40px;} .entry-pagination-archive .nav-numbers a.page-numbers{display:inline-block;margin:0 2px;width:40px;height:40px;background:#fff;color:#444;border-radius:100%;line-height:40px;text-decoration:none;transition:all ease 0.3s;} .entry-pagination-archive .nav-numbers a.page-numbers:hover{background:#ff7800;color:#fff;} .entry-pagination-archive .nav-numbers .dots{display:inline-block;margin:0 2px;width:40px;height:40px;background:#fff;color:#444;border-radius:100%;line-height:40px;} .entry-pagination-archive .nav-next{display:inline-block;margin:0;line-height:1.4;} .entry-pagination-archive .nav-next a{display:inline-block;margin:0 2px;width:40px;height:40px;background:#fff;color:#444;border-radius:100%;line-height:40px;text-decoration:none;transition:all ease 0.3s;} .entry-pagination-archive .nav-next a:hover{background:#ff7800;color:#fff;} #contact_form{display:block;margin:50px 0 30px 0;padding:20px;background:#e3f1fa;border-radius:10px;} .form_field{clear:both;display:block;margin:0 0 12px 0;} .form_field:after{content:'';display:table;clear:both;} .form_field_text label{display:block;padding:0 0 20px 0;font-weight:700;} .form_field_text input{display:block;width:100%;margin:0 0 20px 0;padding:15px 20px;font-size:16px;line-height:20px;border:0;border-radius:0;background:#fff;} .form_field_file label{display:block;padding:0 0 20px 0;font-weight:700;;} .form_field_file input{display:block;width:100%;margin:0 0 20px 0;padding:15px 20px;font-size:16px;line-height:20px;border:0;border-radius:0;background:#fff;} .form_field_select label{display:block;padding:0 0 20px 0;font-weight:700;} .form_field_select select{display:block;width:100%;margin:0 0 20px 0;padding:15px 20px;font-size:16px;line-height:20px;background-size:16px 16px;border:0;border-radius:0;background:#fff;} .form_field_textarea label{display:block;padding:0 0 20px 0;font-weight:700;} .form_field_textarea textarea{display:block;width:100%;margin:0 0 20px 0;padding:15px 20px;font-size:16px;line-height:20px;border:0;border-radius:0;background:#fff;} .form_field_checkbox{padding:0;} .form_field_checkbox span{line-height:24px;} .form_field_submit{margin:0;} .form_field_submit label{display:block;padding:20px 0 10px 0;font-weight:700;} .form_field_submit input{position:relative;display:block;width:auto;padding:16px 40px;font-size:20px;font-weight:700;line-height:20px;background:#fed700;color:#000;text-transform:uppercase;text-decoration:none;border:6px solid #fed700;border-radius:10px;cursor:pointer;text-align:center;transition:all ease 0.3s;} .form_field_submit input:hover{box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);} .form_field_submit input:disabled{opacity:0.4;cursor:not-allowed;} .required{color:#e46f09;} .entry-content p.sublabel{display:block;margin:0;padding:0 0 20px 0;font-size:0.875em;} .form_spinner{display:none;margin:20px 0 0 0;} .form_alert{display:none;margin:30px 0 0 0;line-height:1.6;} .entry-content p.form_info{margin-bottom:0;line-height:1.6;} .error{display:block;padding:20px 30px;background:#f44336;color:#fff;border-radius:10px;} .success{display:block;padding:20px 30px;background:#4caf50;color:#fff;border-radius:10px;} @media only screen and (min-width: 400px) { } @media only screen and (min-width: 480px) { .entry-content .entry-child-pages .items .item .item-content .image{float:left;width:150px;margin:0 15px 0 0;} } @media only screen and (min-width: 640px) { .entry-featured{width:200px;} .entry-header .wrapper{padding:0 15px;} .entry-header .entry-title{font-size:30px;} .entry-sisters .entry-sisters-pages{grid-template-columns:1fr 1fr;} .gallery-columns-1{grid-template-columns:1fr;} .gallery-columns-2{grid-template-columns:1fr 1fr;} .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9{grid-template-columns:1fr 1fr 1fr;} .entry-content .entry-coords-grid{grid-template-columns:1fr 1fr;} .entry-content .entry-infos{max-width:50%;} .entry-content .agenda ul li a{grid-template-columns:180px 1fr;} .entry-content .agenda ul li a .desc{margin:0 0 0 20px;} .entry-content .agenda ul li a .desc time{margin:0 0 25px 0;font-size:30px;} .entry-content .agenda ul li a .desc h3{margin:0 0 20px 0;font-size:26px;} .entry-content .agenda ul li a .desc p{margin:0 0 20px 0;} .entry-content .agenda ul li a .desc:after{display:inline-block;} .entry-breadcrumbs .wrapper{padding:0 15px;} .entry-content .publications .items{grid-template-columns:1fr 1fr 1fr;gap:20px;} /*.entry-content .publications .items{grid-template-columns:180px 1fr;gap:15px;}*/ } @media only screen and (min-width: 820px) { .entry-content .publications .items{grid-template-columns:1fr 1fr 1fr 1fr;gap:25px;} /*.entry-content .publications .items{grid-template-columns:280px 1fr;gap:30px;}*/ .entry-content .entry-child-pages .items .item .item-content .image{width:200px;} #main{padding-top:160px;} .entry-header .wrapper{max-width:800px;} .entry-breadcrumbs .wrapper nav{font-size:14px;} .entry-breadcrumbs nav p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .entry-header .entry-same{position:relative;float:right;margin:-10px 0 20px 40px;width:320px;} .entry-header .entry-same > span{padding:15px 20px;font-size:16px;border-radius:10px;} .entry-header .entry-same > span:before{top:15px;} .entry-header .entry-same .submenu > a{font-size:16px;} .entry-content{} .entry-content h1{margin:20px 0;font-size:32px;} .entry-content h2{margin:20px 0;font-size:26px;} .entry-content h3{margin:20px 0;font-size:20px;} .entry-content h4{margin:20px 0;} .entry-content h5{margin:20px 0;} .entry-content h6{margin:20px 0;} .entry-content p{margin:20px 0;line-height:1.6;} .entry-content blockquote{padding:20px 30px;} .entry-content blockquote p{margin:0 0 20px 0;} .entry-content pre{margin:20px 0;padding:15px;} .entry-content > ul{margin:20px 0 20px 30px;} .entry-content > ul ul{margin:10px 0 10px 20px;} .entry-content > ol{margin:20px 0 20px 30px;} .entry-content > ol ol{margin:10px 0 10px 20px;} .entry-content img{margin-bottom:30px;width:auto;} .entry-content .wait{padding:20px 30px;} .entry-content .alignleft{margin:20px 20px 30px 0;} .entry-content .alignright{margin:20px 0 30px 20px;} .entry-content .aligncenter{margin:20px auto 30px auto;} .entry-content .entry-date{margin:20px 0 0 0;} .entry-content .entry-coords{margin:20px 0 0 0;} .entry-content .entry-coords-grid{grid-template-columns:1fr 1fr 1fr;} .entry-content .bt-pdf a{padding:10px 30px;} .entry-content .bt-back a{padding:10px 30px;} .gallery-columns-1{grid-template-columns:1fr;} .gallery-columns-2{grid-template-columns:1fr 1fr;} .gallery-columns-3{grid-template-columns:1fr 1fr 1fr;} .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9{grid-template-columns:1fr 1fr 1fr 1fr;} .entry-content .results{margin:30px 0;} .entry-content .results ul li a{padding:15px 20px;} .entry-content .agenda ul{grid-template-columns:1fr 1fr;gap:20px;} .entry-content .agenda ul li a{grid-template-columns:140px 1fr;} .entry-content .agenda ul li a .desc{} .entry-content .agenda ul li a .desc time{margin:0 0 15px 0;padding:5px 10px;font-size:22px;} .entry-content .agenda ul li a .desc h3{margin:0 0 10px 0;font-size:20px;} .entry-content .agenda ul li a .desc p{margin:0 0 20px 0;line-height:1.2;} .entry-content .agenda ul li a .desc:after{right:15px;bottom:15px;} .entry-content .actualites{margin:30px 0;} .entry-content .actualites ul{display:grid;grid-template-columns:1fr 1fr;} .entry-content .actualites ul li > a img{height:200px;} .entry-content .actualites ul li h3{font-size:18px;} .entry-pagination-archive{padding:20px 0 0 0;} .entry-pagination .nav-previous{float:left;display:block;margin:0;width:50%;} .entry-pagination .nav-next{float:right;display:block;width:50%;} #contact_form{margin:20px 0;} .form_field_submit input{padding:6px 20px;font-size:16px;} } @media only screen and (min-width: 1020px) { #main{padding-top:180px;} .entry-header .wrapper{padding:0 15px;max-width:1000px;} .entry-header .entry-title{font-size:32px;} .entry-content{} .entry-content h1{margin:20px 0;font-size:32px;} .entry-content h2{margin:20px 0;font-size:26px;} .entry-content h3{margin:20px 0;font-size:20px;} .entry-content h4{margin:20px 0;} .entry-content h5{margin:20px 0;} .entry-content h6{margin:20px 0;} .entry-content p{margin:20px 0;} .entry-content blockquote{padding:20px 30px;} .entry-content blockquote p{margin:0 0 20px 0;} .entry-content pre{margin:20px 0;padding:15px;} .entry-content > ul{margin:20px 0 20px 30px;} .entry-content > ul ul{margin:10px 0 10px 20px;} .entry-content > ol{margin:20px 0 20px 30px;} .entry-content > ol ol{margin:10px 0 10px 20px;} .entry-content img{margin-bottom:30px;} .entry-content .wait{padding:20px 30px;} .entry-content .alignleft{margin:20px 20px 30px 0;} .entry-content .alignright{margin:20px 0 30px 20px;} .entry-content .aligncenter{margin:20px auto 30px auto;} .entry-content .entry-date{margin:20px 0 0 0;} .entry-content .entry-coords{margin:20px 0 0 0;} .entry-content .entry-child-pages .items{grid-template-columns:1fr 1fr;} .entry-sisters .entry-sisters-pages{grid-template-columns:1fr 1fr 1fr;} .entry-content .bt-pdf a{padding:10px 30px;} .entry-content .bt-back a{padding:10px 30px;} .gallery-columns-1{grid-template-columns:1fr;} .gallery-columns-2{grid-template-columns:1fr 1fr;} .gallery-columns-3{grid-template-columns:1fr 1fr 1fr;} .gallery-columns-4{grid-template-columns:1fr 1fr 1fr 1fr;} .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9{grid-template-columns:1fr 1fr 1fr 1fr 1fr;} .entry-content .results{margin:30px 0;} .entry-content .results ul li a{padding:15px 20px;} .entry-content .agenda ul li a{grid-template-columns:180px 1fr;padding:20px} .entry-content .agenda ul li a .desc{} .entry-content .agenda ul li a .desc time{margin:0 0 20px 0;padding:10px 15px;font-size:26px;} .entry-content .agenda ul li a .desc h3{margin:0 0 15px 0;font-size:24px;} .entry-content .agenda ul li a .desc p{line-height:1.4;} .entry-content .agenda ul li a .desc:after{right:20px;bottom:20px;} .entry-content .actualites{margin:30px 0;} .entry-content .actualites ul{display:grid;grid-template-columns:1fr 1fr;} .entry-content .actualites ul li > a img{height:240px;} .entry-content .actualites ul li h3{font-size:20px;} .entry-pagination-archive{padding:20px 0 0 0;} #contact_form{margin:30px 0;} .form_field_submit input{padding:12px 30px;font-size:16px;} .entry-content .publications .items{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:30px;} } @media only screen and (min-width: 1240px) { #main{padding-top:240px;} .entry-header .wrapper{padding:0 15px;max-width:1200px;} .entry-header .entry-title{font-size:36px;} .entry-content .results{margin:40px 0 30px 0;} .entry-content .agenda ul li a{grid-template-columns:210px 1fr;} .entry-content .agenda ul li a .desc time{margin:0 0 25px 0;font-size:32px;} .entry-content .agenda ul li a .desc h3{margin:0 0 20px 0;font-size:30px;} .entry-content .actualites{margin:40px 0 30px 0;} .entry-content .actualites ul{grid-template-columns:1fr 1fr 1fr;} .entry-content .actualites ul li > a img{height:200px;} .entry-content .actualites ul li h3{font-size:18px;} #contact_form{margin:40px 0 30px 0;} .form_field_submit input{font-size:18px;} } @media only screen and (min-width: 1420px) { .entry-header .entry-title{font-size:40px;} .entry-content h1{margin:30px 0;font-size:32px;} .entry-content h2{margin:30px 0;font-size:28px;} .entry-content h3{margin:30px 0;font-size:24px;} .entry-content h4{margin:30px 0;} .entry-content h5{margin:30px 0;} .entry-content h6{margin:30px 0;} .entry-content p{margin:30px 0;} .entry-content blockquote{padding:30px 40px;} .entry-content blockquote p{margin:0 0 30px 0;} .entry-content pre{margin:30px 0;padding:20px;} .entry-content > ul{margin:30px 0 30px 40px;} .entry-content > ul ul{margin:10px 0 10px 30px;} .entry-content > ol{margin:30px 0 30px 40px;} .entry-content > ol ol{margin:10px 0 10px 30px;} .entry-content img{margin-bottom:40px;} .entry-content .wait{padding:30px 40px;} .entry-content .alignleft{margin:30px 30px 40px 0;} .entry-content .alignright{margin:30px 0 40px 30px;} .entry-content .aligncenter{margin:30px auto 40px auto;} .entry-content .entry-coords{margin:30px 0 0 0;} .entry-content .entry-date{margin:30px 0 0 0;} .entry-content .bt-pdf a{padding:12px 40px;} .entry-content .bt-back a{padding:12px 40px;} .entry-content .results{margin:50px 0 30px 0;} .entry-content .results ul li a{padding:20px 30px;} .entry-content .actualites{margin:50px 0 30px 0;} .entry-content .actualites ul li > a img{height:240px;} .entry-content .actualites ul li h3{font-size:20px;} .entry-pagination-archive{padding:40px 0 0 0;} #contact_form{margin:50px 0 30px 0;} .form_field_submit input{padding:16px 40px;font-size:20px;} } .baseocom-breadcrumbs{margin:1em 0 3em 0;} /***************************************************************************************************************** FOOTER */ #footer{position:relative;display:block;margin:0;padding:60px 0 30px 0;width:100%;background:#e3f1fa;} #footer .wrapper > img{float:left;margin:0 30px 30px 0;} #footer #address{float:left;margin:0 30px 30px 0;} #footer #address h3{margin:0 0 20px 0;font-size:18px;font-weight:700;color:#048bd9;} #footer #address p{margin:0;line-height:1.4;} #footer #open-hours{clear:both;margin:0 0 30px 0;} #footer #open-hours h3{margin:0 0 20px 0;font-size:18px;font-weight:700;color:#048bd9;} #footer #open-hours p{margin:0;line-height:1.4;} #footer .bt{position:relative;display:inline-block;margin:0 0 20px 0;padding:12px 20px;width:100%;font-size:16px;font-weight:700;line-height:20px;background:#fed700;color:#000;text-transform:uppercase;text-decoration:none;text-align:center;border:6px solid #fed700;border-radius:10px;transition:all ease 0.3s;} #footer .bt:before{content:'\f061';font-family:'FontAwesome';font-size:20px;font-weight:normal;line-height:20px;position:absolute;right:10px;top:10px;display:block;opacity:0;transition:all ease 0.3s;} #footer .bt:hover{padding-right:60px;} #footer .bt:hover:before{right:25px;opacity:1;} #footer #socials{margin:0 0 30px 0;} #footer #socials h3{float:left;display:block;font-size:16px;line-height:46px;} #footer #socials #fb2{float:left;display:block;margin:0 0 0 20px;} #footer #socials #fb2 img{display:block;width:45px;height:auto;vertical-align:bottom;} #footer #socials #intramuros2{float:left;display:block;margin:0 0 0 15px;} #footer #socials #intramuros2 img{display:block;width:45px;height:auto;vertical-align:bottom;} #footer #nav-footer{float:none;margin:0 auto 20px auto;font-size:14px;} #footer #nav-footer ul{} #footer #nav-footer ul li{position:relative;display:block;margin:0 0 5px 30px;} #footer #nav-footer ul li:before{content:'';position:absolute;left:-28px;top:1px;display:block;margin:0;width:12px;height:12px;background:#fed700;border-radius:100%;} #footer #nav-footer ul li a{text-decoration:none;} #footer #nav-footer ul li a:hover{color:#ff7800;} #footer #copyright{margin:0;font-size:11px;text-align:center;} @media only screen and (min-width: 640px) { #footer #open-hours{clear:none;} #footer #nav-footer{text-align:center;} #footer #nav-footer ul li{display:inline-block;margin:0 0 0 30px;} #footer #nav-footer ul li:before{left:-23px;} #footer #nav-footer ul li:first-of-type{margin:0;} #footer #nav-footer ul li:first-of-type:before{display:none;} #footer #copyright{font-size:12px;} } @media only screen and (min-width: 820px) { #footer .wrapper > img{margin:0 30px 30px 0;} #footer #address{margin:0 30px 20px 0;} #footer #address h3{font-size:18px;} #footer #open-hours{float:left;margin:0 0 20px 0;} #footer #open-hours h3{font-size:18px;} #footer .bt{clear:both;float:none;display:block;width:auto;margin:0 auto 30px auto;padding:10px 30px;} #footer .bt:before{top:5px;} #footer #socials{position:absolute;right:0;top:0;margin:0;} #footer #socials h3{display:none;} #footer #nav-footer ul li{margin:0 0 0 40px;} #footer #nav-footer ul li:before{left:-28px;} #footer #nav-footer ul li:first-of-type{margin:0 0 0 40px;} #footer #copyright{font-size:14px;} } @media only screen and (min-width: 1020px) { #footer .wrapper > img{margin:0 40px 30px 0;} #footer #address{margin:0 40px 30px 0;} #footer #address h3{font-size:18px;} #footer #open-hours{margin:0 0 30px 0;} #footer #open-hours h3{font-size:18px;} #footer .bt{clear:none;float:right;margin:-10px 0 20px 0;padding:10px 30px;text-align:left;} #footer .bt:before{top:8px;} #footer #socials{top:60px;} #footer #socials h3{display:block;} #footer #nav-footer{float:none;margin:0 auto 20px auto;text-align:center;} #footer #copyright{} } @media only screen and (min-width: 1240px) { #footer .wrapper > img{margin:0 50px 50px 0;} #footer #address{margin:0 90px 50px 0;} #footer #address h3{font-size:18px;} #footer #open-hours{margin:0 0 50px 0;} #footer #open-hours h3{font-size:18px;} #footer #nav-footer{float:right;margin:0;text-align:left;} #footer #copyright{float:left;text-align:left;} } @media only screen and (min-width: 1420px) { #footer #address h3{font-size:20px;} #footer #open-hours h3{font-size:20px;} #footer .bt{padding:10px 30px;} } /***************************************************************************************************************** GOTOTOP */ #gototop{position:fixed;right:15px;bottom:30px;display:none;} #gototop a{display:block;width:30px;height:30px;font-size:20px;line-height:28px;border-radius:50%;text-align:center;background:#048bd9;color:#fff;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2);} /***************************************************************************************************************** COOKIES */ body div#tarteaucitronRoot.tarteaucitronBeforeVisible:before{background:rgba(0, 0, 0, 0.75) !important;opacity:1;z-index:2000 !important;} body #tarteaucitronRoot div#tarteaucitronAlertBig{background:#fff !important;border-radius:4px !important;box-shadow:none !important;padding:20px !important;width:90% !important;max-width:680px;text-align:left;} body #tarteaucitronRoot div#tarteaucitronAlertBig.tarteaucitronAlertBigBottom{bottom:auto;top:50%;left:50%;transform:translate(-50%, -50%);} body #tarteaucitronRoot div#tarteaucitronAlertBig:before{display:none;} body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert{display:block;margin:0 0 10px 0;padding:0;color:#444;font:400 16px/normal 'Poppins', sans-serif !important;text-align:left;} body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert span{display:block;margin:0 0 15px 0;font:700 30px/1.2 'Poppins' !important;color:#048bd9;} body #tarteaucitronRoot #tarteaucitronAlertBig button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:15px 15px 0 0;width:100%;border:0;outline:none;border-radius:4px;color:#fff;font:700 18px/normal 'Poppins', sans-serif !important;} body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2{padding:10px 30px;background:#048bd9;background-size:300% 100%;font:700 20px/normal 'Poppins', sans-serif !important;} body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2{padding:10px 20px;background:#048bd9;background-size:300% 100%;} body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert{padding:10px 20px;background:#eee;color:#666;} body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl{font-size:16px !important;font-weight:normal !important;color:#ccc;} .tarteaucitronOpenPanel{color:#f1592a;text-decoration:underline;cursor:pointer;} .tarteaucitronOpenPanel:hover{text-decoration:none;} @media only screen and (min-width: 1240px) { body #tarteaucitronRoot div#tarteaucitronAlertBig{padding:40px !important;} }