/* Fonts ------------------------------------------------------------------------------------------------------------------------------------ */ /* General --------------------------------------------------------------------------------------------------------------------------------------- */ :root { --color1: #3a0a25; --color2: #850d50; --color3: #b06090; --color4: #e4c7d9; --color5: #fbbc46; --gris: #f7f6f6; --gris2: #ececec; --gris3: #808080; --blanc: #ffffff; --noir: #000000; --hheader: 50vh; --hopacity: .3; --font2: 'Barlow Semi Condensed',"Helvetica Neue",Helvetica,Arial,sans-serif; --font1: 'Urbanist',"Helvetica Neue",Helvetica,Arial,sans-serif; /*--font3: 'barlow_semi_condensedmedium',"Helvetica Neue",Helvetica,Arial,sans-serif; --font4: 'barlow_semi_condensedlight',"Helvetica Neue",Helvetica,Arial,sans-serif;*/ --delay: 0; --duration: 800ms; --iterations: 1; } body { animation: fadeInAnimation ease 3s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } body, button, input, select, textarea { font-family: var(--font2)!important; color: var(--noir); background-color: var(--blanc); /*overflow-x: hidden;*/ width: 100%;} p, li, span, div { font-family: var(--font2)!important; font-weight: 300} * { -webkit-box-shadow: none; box-shadow: none;} body a, body a:hover, img {-webkit-box-shadow: none!important; box-shadow: none!important;} .clearboth {clear:both} a, .ui-widget-content a { color: var(--color2);} a:focus { outline: none;} :focus { outline:none;} ::selection { background-color: var(--gris);} .page .entry-header .edit-link, .hidden {display:none} .nomargin-img {margin-bottom: 0!important} .grecaptcha-badge { visibility: hidden!important; } .small {font-size: small} th img { display: inline-block;} a.uagb-tabs-list { text-decoration: none;} .uagb-tabs__wrap { margin: 15px 0!important;} .wp-block-uagb-tabs-child { padding: 0 0 20px!important;} .uagb-tabs__wrap ul.uagb-tabs__panel .uagb-tabs__icon-position-left { width: 100%; justify-content: center!important;} .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item:focus, .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item:active { outline: none;} .dotted-bg {background: url(../img/dotted.svg) repeat-y; background-size:4px} .padding0 {padding: 0 inherit!important} .single .post-inner { max-width: 120rem; margin: 0 auto 4rem; padding-top: 0;} .post-inner p a, .post-inner li a, .sportsitem h5 a {position: relative; text-decoration: none} .post-inner p a:after, .post-inner li a:after, .sportsitem h5 a:after { content: ""!important; position: absolute; right: 0; bottom: 0; width: 0; border-bottom: 1px solid; transition: width 0.4s;} .post-inner p a:hover:after, .post-inner p a.active:after, .post-inner li a:hover:after, .post-inner li a.active:after, .sportsitem h5 a:hover:after, .sportsitem h5 a.active:after { width: 100%; left: 0;} .nohover a {text-decoration: none!important} .nohover a:after {display:none} .comingsoon {height: 100vh} .borderLeft {border-left: thin solid var(--noir)} .uagb-column__wrap { overflow: visible;} .fond-orange {background-size: 150px!important} #site-content { overflow: unset;} .search main > article, body:not(.singular) main > article:first-of-type { padding: 3em 2em; } /* Only render when in viewport */ /*img { content-visibility: auto; }*/ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; width: 100%;} .max80 {max-width: 80rem!important; margin: auto} .max100 {max-width: 100rem!important; margin: auto} @media (max-width: 40em) { .hidden-mob {display:none!important} .fond-photo.hidden-mob {display:none!important; width: 0!important} .wp-block-image img { width: 100%;} } @media only screen and (min-width: 40.063em) { .hidden-desk {display:none!important} .social .moveZoom {visibility: hidden} } @media (max-width: 700px) { .post-inner > .entry-content > section {width: 100%!important} } @media (max-width: 768px) { /*.post-inner > .entry-content > section { padding-left: 0!important; padding-right: 0!important; margin-left: auto!important; margin-right: auto!important;}*/ } @media (min-width: 1025px) { /*#cursor { height: 100px; width: 100px; background: #b2b2b2; opacity: .1; border-radius: 50%; position: absolute; display: none; transition: all 0.3s ease-in; transition-duration: .3s; transition-timing-function: ease-out; transform-property: scale, opacity, background; pointer-events: none;}*/ /*a:hover ~ #cursor { transform: scale(0.5);} .cursoranim { transform: scale(0.5);}*/ } @media only screen and (min-width: 40.063em) and (max-width: 63em) { .hidden-pad {display:none} } @media (max-width: 47.9375em) and (orientation: landscape) { #landscape-warning { position: fixed; top: 0; left: 0; z-index: 110; display: block!important; width: 100%; height: 100%; background-color:#1f1f1f} #landscape-warning>svg { position: absolute; top: 50%; left: 50%; width: 20%; height: auto; fill: rgba(236,244,244,.5); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} } /* Smooth scroll Lenis */ html.lenis { height: auto;} .lenis.lenis-smooth { scroll-behavior: auto;} .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;} .lenis.lenis-stopped { overflow: hidden;} .lenis.lenis-scrolling iframe { pointer-events: none;} /* Couleurs ---------------------------------------------------------------------------------------------------------------------------------- */ .color1 {color: var(--color1)} .color2 {color: var(--color2)} .color3 {color: var(--color3)} .color4 {color: var(--color4)} .color5 {color: var(--color5)} .noir {color: var(--noir)} .orange {color: var(--orange)} .blanc {color: var(--blanc)} .bleu {color: var(--bleu)} .vert {color: var(--vert)} .rouge {color: var(--rouge)} .orange-bg {color: var(--blanc); background-color: var(--orange)} .violet-bg {color: var(--blanc); background-color: var(--violet)} .color1-bg {color: var(--blanc); background-color: var(--color1)} .color2-bg {color: var(--blanc); background-color: var(--color2)} .noir-bg {color: var(--blanc); background-color: var(--noir)} .bleu-bg {color: var(--blanc); background-color: var(--bleu)} .rouge-bg {color: var(--blanc); background-color: var(--rouge)} .noir-bg {color: var(--blanc); background-color: var(--noir)} .blanc-bg { background-color: var(--blanc)} .gris-bg { background-color: var(--gris)!important} .gris3-bg { background-color: var(--gris3)} .color1-bg a, .color2-bg a {color: var(--blanc);} strong, .gras {font-weight:700} :root .has-accent-background-color { background-color: var(--noir);} .is-style-outline .wp-block-button__link:not(.has-text-color) { border-color: var(--noir); color: var(--gris2);} .wp-block-columns.tw-cols-card-gray>.wp-block-column { background-color: var(--gris);} :root .editor-styles-wrapper .has-orange-color, :root .has-orange-color { color: var(--orange);} :root .editor-styles-wrapper .has-bleu-color, :root .has-bleu-color { color: var(--bleu);} :root .editor-styles-wrapper .has-noir-color, :root .has-noir-color { color: var(--noir);} :root .editor-styles-wrapper .has-rouge-color, :root .has-rouge-color { color: var(--rouge);} :root .editor-styles-wrapper .has-vert-color, :root .has-vert-color { color: var(--vert);} :root .editor-styles-wrapper .has-violet-color, :root .has-violet-color { color: var(--violet);} :root .editor-styles-wrapper .has-noir-color, :root .has-noir-color { color: var(--noir);} :root .editor-styles-wrapper .has-gris3-color, :root .has-gris3-color { color: var(--gris3);} :root .editor-styles-wrapper .has-gris-color, :root .has-gris-color { color: var(--gris);} :root .editor-styles-wrapper .has-blanc-color, :root .has-blanc-color { color: var(--blanc);} :root .editor-styles-wrapper .has-orange-background-color, :root .has-orange-background-color { background-color: var(--orange);} :root .editor-styles-wrapper .has-bleu-background-color, :root .has-bleu-background-color { background-color: var(--bleu);} :root .editor-styles-wrapper .has-noir-background-color, :root .has-noir-background-color { background-color: var(--noir);} :root .editor-styles-wrapper .has-rouge-background-color, :root .has-rouge-background-color { background-color: var(--rouge);} :root .editor-styles-wrapper .has-vert-background-color, :root .has-vert-background-color { background-color: var(--vert);} :root .editor-styles-wrapper .has-violet-background-color, :root .has-violet-background-color { background-color: var(--violet);} :root .editor-styles-wrapper .has-noir-background-color, :root .has-noir-background-color { background-color: var(--noir);} :root .editor-styles-wrapper .has-gris3-background-color, :root .has-gris3-background-color { background-color: var(--gris3);} :root .editor-styles-wrapper .has-gris-background-color, :root .has-gris-background-color { background-color: var(--gris);} :root .editor-styles-wrapper .has-blanc-background-color, :root .has-blanc-background-color { background-color: var(--blanc);} /* headings ----------------------------------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5 { font-family: var(--font1)!important; padding:0; letter-spacing: normal; margin: 1.4em 0; letter-spacing: 0; /*font-variation-settings: 'wght' 700;*/} h1, .tw-h1-font-medium .entry-content h1:not([class*="-font-size"]) {} h1, h1.archive-title { --fluid-type-min: 1rem; --fluid-type-max: 4.6rem; --fluid-type-target: 5vw; text-align: center; color: var(--color2); margin-top: 1em!important; } h2 { --fluid-type-min: 3rem; --fluid-type-max: 4rem; color: var(--color1); } .home h2 { --fluid-type-min: 3rem; --fluid-type-max: 7rem; --fluid-type-target: 4vw; } h3 { --fluid-type-min: 2rem; --fluid-type-max: 3rem; } h4 { --fluid-type-min: 1.8rem; --fluid-type-max: 2rem; color: var(--color2); } h5 { --fluid-type-min: 1.4rem; --fluid-type-max: 1.8rem; } .chapo h2 { --fluid-type-min: 1.8rem; --fluid-type-max: 2rem; margin: 1.5rem auto; } h1, h2, h3, h4, h5, p, li { font-size: clamp( var(--fluid-type-min, 1.4rem), calc(1rem + var(--fluid-type-target, 3vw)), var(--fluid-type-max, 1.8rem) ); } @media (min-width: 700px){ .entry-content h1, .entry-content h2, .entry-content h3 { margin: 2rem auto 1rem;} } @media (min-width: 1220px){ } /* Boutons ------------------------------------------------------------------------------------------------------------------------------ */ a.btn, .button, #filter button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], a.btn:hover, .button:hover, .faux-button:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.btn:active, .button:active, .faux-button:active, .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover { text-decoration: none;} a.btn:hover:after {display: none} a.btn, .button, #filter button, .faux-button, button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 0.6em 1.2em; text-transform:uppercase; font-size: 1.4rem; text-align: center; border:none; margin:auto; color: var(--blanc); background-color: var(--color2); display: inline-block; -webkit-transition: 0.3s background-color linear, 0.3s color linear; -moz-transition: 0.3s background-color linear, 0.3s color linear; -o-transition: 0.3s background-color linear, 0.3s color linear; transition: 0.3s background-color linear, 0.3s color linear; border-radius: 50px; text-transform: none; font-weight: 400; font-family: var(--font1); } a.btn:hover, .button:hover, #filter button:hover, button:hover, .faux-button:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: var(--color3)!important;} button.search-toggle { background-color: var(--blanc)!important; } .rouge-bg a {color: var(--blanc); background-color: var(--rouge)} .violet-bg a {color: var(--blanc); background-color: var(--violet)} .bleu-bg a {color: var(--blanc); background-color: var(--bleu)} .bleu-bg a {color: var(--blanc); background-color: var(--bleu)} .noir-bg {color: var(--blanc); background-color: var(--noir)} .wp-block-file.offres { display: block; padding: 0;} .wp-block-file.offres a { display:none;} .wp-block-file.offres .wp-block-file__button { display: inline-block;} @media (max-width: 768px) { .wp-block-buttons.is-content-justification-right { justify-content: center;} } /* Languages */ /* The scroll progress container ------------------------------------------------------ */ .progress-container { position: relative; top: 0; z-index: 20;width: 100%; height: 4px; background: #ffffff00 } .home .progress-container { background: #ffffff00} /* The progress bar (scroll indicator) */ .progress-bar { height: 4px; background: var(--color3); width: 0%;} /* scroll indicator */ .to-the-content { height: 10rem;} .scroll-indicator { width: 20px; margin: 0 auto; position: relative; opacity: 0.5;} .scroll-indicator::before, .scroll-indicator::after { content: ""; display: block; margin-left: auto; margin-right: auto; } .scroll-indicator::before { width: 20px; height: 20px; border-radius: 10px; background-color: #fff; animation: dot 3s infinite ease-in-out; } .scroll-indicator::after { width: 7px; height: 7px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); animation: arrow 3s infinite ease-in-out; animation-delay: 0.75s; opacity: 0.25; } .scroll-indicator > div { display: block; } .scroll-indicator > div::before,.scroll-indicator > div::after { content: ""; display: block; margin: 5px auto; border-radius: 10px; background-color: #fff; animation: dot 3s infinite ease-in-out; } .scroll-indicator > div::before { width: 14px; height: 14px; animation-delay: 0.25s; } .scroll-indicator > div::after { width: 10px; height: 10px; animation-delay: 0.5s; } @keyframes dot { 0% { transform: scale(0.75); opacity: 0.25; } 25% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.75); opacity: 0.25; } } @keyframes arrow { 0% { transform: scale(0.75) rotate(45deg); opacity: 0.25; } 25% { transform: scale(1) rotate(45deg); opacity: 1; } 100% { transform: scale(0.75) rotate(45deg); opacity: 0.25; } } /* scroll progress header 2 */ .progress-container, .home .progress-container {position: -webkit-sticky; /* Safari */ position: sticky; background-color: var(--color1);} /* Top bar */ div#topbar { background-color: #d1d1d1; color: var(--color1); text-align: center; padding: .5em;} div#topbar a { color: var(--color1); text-decoration: none; /*text-transform: uppercase;*/ } div#topbar p { margin: 0; font-size: 1.4rem; margin-top: -4px;} /* header --------------------------------------------------------------------------------------- */ .tw-header-sticky #site-header.sticky { box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16);} .site-logo img { width:100%; max-width: 360px; min-height:91px} .search-toggle .toggle-icon, .search-toggle svg { height: 22px; width: auto; padding-top: 3px;} .page-template-templates #site-content header.entry-header .entry-header-inner, .page-template-default #site-content header.entry-header .entry-header-inner, .archive-header .archive-header-inner { position: absolute; padding: 0 1em; color: var(--blanc); top: 33%; left: 0; right: 0;} .logo_head {display: none} @media only screen and (min-width: 1025px) { .logo_head {left: 3%; background-color: var(--color2); width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; z-index: 1; padding: 20px; } .logo_head a, logo_head svg {width: 100%} } /* menu burger v2 */ @media only screen and (min-width: 1025px) { } @media only screen and (max-width: 1025px) { } @media (max-width: 699px) { .tw-header-sticky #site-header.sticky .site-logo .custom-logo-link img { width: 100px; padding-top: 10px;} } @media only screen and (min-width: 30.063em) { } @media (min-width: 700px){ } @media only screen and (min-width: 769px) { } @media (max-width: 1025px){ .header-inner { padding: 1rem 0;} } @media (min-width: 1026px){ .header-inner { padding: 10px 0; } .header-inner .toggle-wrapper::before { width: 0;} } @media (min-width: 1200px) { } /* Mega menu custom v3 --------------------------------------------------------------------------------------- */ /* Styles de base mobile-first -------------------------------------- */ .test-menu-wrapper { position: relative; } .menu-toggle-test { display: flex; flex-direction: column; align-items: center; justify-content: center; background: none; border: none; color: white; padding: 0; cursor: pointer; width: 52px; height: 52px; border-radius: 0; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; } .menu-toggle-test.desktop-only { display: none; /* Caché par défaut en mobile */ } /* Animation du burger identique ---------------------------------- */ .menu-toggle-test .burger-line { width: 28px; margin: 2px 0; height: 3px; background-color: var(--blanc); transition: 0.4s; display: block } .menu-toggle-test.change .burger-line:first-child { -webkit-transform: rotate(-45deg) translate(-3px, 6px); transform: rotate(-45deg) translate(-5px, 4px); width: 24px; } .menu-toggle-test.change .burger-line:nth-child(2) { opacity: 0; } .menu-toggle-test.change .burger-line:nth-child(3) { -webkit-transform: rotate(45deg) translate(-4px, -7px); transform: rotate(45deg) translate(-6px, -5px); width: 24px; } .menu-text { color: white; font-size: 12px; /* Plus petit sur mobile */ margin-top: 2px; font-weight: 600; } /* Structure mobile ----------------------------------------------- */ .mega-menu-panel-test { position: fixed; top: 54px; right: 0; width: 100%; height: calc(100vh - 54px); background: var(--color2); transition: transform 0.3s ease; overflow-y: auto; z-index: 999; padding: 0; transform: translateX(100%); } .mega-menu-panel-test.active { transform: translateX(0); } /* Menu principal version mobile */ .mega-menu-test { list-style: none; padding: 0; margin: 0; } .mega-menu-test > li { display: block; border-bottom: 1px solid rgba(255,255,255,0.1); } .mega-menu-test > li > a { color: white; text-decoration: none; font-size: 18px; padding: 15px 20px; display: block; opacity: 1; } /* Contenu mega menu version mobile ------------------------------- */ .mega-menu-content { display: none; background: var(--color2); padding: 0; } .mega-menu-content.active { display: block; } /* Reset de la grille sur mobile ------------------------------- */ .sub-menu-columns { list-style: none; padding: 0; margin: 0; } .sub-menu-columns > li { border-bottom: 1px solid rgba(255,255,255,0.1); padding: 0; } .sub-menu-columns > li > a { color: white; text-decoration: none; font-size: 14px; display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; } /* Sous-menus ------------------------------------------------------ */ .sub-menu { overflow: hidden; max-height: 0; opacity: 0; transition: all 0.3s ease; margin: 0; background: rgba(0,0,0,0.1); } .sub-menu.active { opacity: 1; max-height: 500px; padding: 10px 20px; } .sub-menu a { color: white; text-decoration: none; padding: 8px 0; display: block; font-size: 14px !important; opacity: 0.8; } /* Flèches communes -------------------------------------------------- */ .menu-item-has-children > a:after { content: ''; display: inline-block; width: 7px; height: 7px; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(45deg); transition: transform 0.3s; margin-left: auto; } .menu-item-has-children.active > a:after { transform: rotate(-135deg); } /* En mobile uniquement --------------------------------------------- */ @media screen and (max-width: 1024px) { body.menu-open { overflow: hidden; } .test-menu-wrapper { height: 50px; } .mega-menu-test a {font-family: var(--font1) !important;} .mega-menu-test .menu-item-has-children > a { display: flex; justify-content: space-between; align-items: center; } .mega-menu-test .menu-item-has-children > a:after { content: ''; display: inline-block; width: 7px; height: 7px; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(45deg); transition: transform 0.3s; margin-left: auto; margin-right: 0; } .mega-menu-test .menu-item-has-children.active > a:after { transform: rotate(-135deg); } .mega-menu-test .level1 { background-color: var(--color3); margin: 0; border-bottom: 1px solid var(--color1); padding-left: 0; } .mega-menu-test .level1 > a { color: var(--color1); } .mega-menu-test .level1.menu-item-has-children > a { color: var(--color1); text-transform: uppercase; font-weight: 600; font-size: 16px; } .mega-menu-test .level1.menu-item-has-children > a::after { border-right: 2px solid var(--color1); border-bottom: 2px solid var(--color1); } .sub-menu-columns > li { margin-left: 0; border-bottom: thin solid #ffffff36; margin: 0;} .sub-menu-columns > li a { font-size: 16px !important; } .sub-menu-columns > li .sub-menu li::marker { display:none; } .sub-menu-columns > li .sub-menu a{padding: 2px 0;} /* S'assurer que le contenu se ferme */ .mega-menu-test .menu-item-has-children .mega-menu-content, .mega-menu-test .menu-item-has-children .sub-menu { display: none; } .mega-menu-test .menu-item-has-children.active > .mega-menu-content, .mega-menu-test .menu-item-has-children.active > .sub-menu { display: block; background-color: var(--color1); list-style: none; } .acces-rapide { padding: 0; margin: 0;text-align: left !important; border-bottom: 0 !important;} .acces-rapide > a { p adding: 10px 15px !important; background-color: var(--color4); color: var(--color1)!important; font-size: 15px!important; text-transform: none; font-weight: normal; display: flex !important; align-items: center; } .acces-rapide > a:before {content:''; width: 30px; height: 30px; display: block; margin-right: 5px} .acces-rapide.demarches > a:before {background: url('/wp-content/uploads/2022/04/administratif.svg') no-repeat;} .acces-rapide.familles > a:before {background: url('/wp-content/uploads/2022/04/portail-familles.svg') no-repeat} .acces-rapide.commerces > a:before {background: url('/wp-content/uploads/2022/04/annuaire-commerces.svg') no-repeat} .acces-rapide.cantine > a:before {background: url('/wp-content/uploads/2022/04/menus-cantine.svg') no-repeat} .acces-rapide.dechets > a:before {background: url('/wp-content/uploads/2022/04/dechets.svg') no-repeat} .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; background: var(--color2); padding: 10px 16px; height: 54px; position: fixed; top: 0; left: 0; right: 0; z-index: 998; } .menu-toggle-test.desktop-only { display: none; } .header-blocks-center { display: flex;} .logo-block img { height: 34px; width: auto; } .mobile-menu-header .search-block { flex: 1; } .mobile-menu-header .search-form { display: flex; align-items: center; border-bottom: 1px solid white; margin: 0; } .mobile-menu-header .search-form input[type="text"] { background: none; border: none; color: white; width: 100%; padding: 5px; } .mobile-menu-header .search-form input[type="text"]::placeholder { color: white!important; opacity: 0.7; } .mobile-menu-header .search-form input[type="submit"] { display: none;} .mobile-menu-header .search-submit { background: none; border: none; padding: 0; width: 24px; height: 24px; cursor: pointer; } .mobile-menu-header .search-submit img { height: 20px; margin-top: 7px; } /* Ajuster la position du panel pour l'en-tête */ .mega-menu-panel-test { top: 54px; } } /* Version desktop --------------------------------------------------- */ @media screen and (min-width: 1025px) { .mobile-menu-header { display: none; } .menu-toggle-test { position: fixed; top: 63px; right: 16px; background: var(--color1); width: 62px; height: 62px; z-index: 1000 } .menu-toggle-test.desktop-only { display: block; } .menu-toggle-test.desktop-only .burger-line { width: 33px; margin: 5px auto; } .menu-toggle-test.desktop-only.change .burger-line:first-child { width: 29px; } .menu-toggle-test.desktop-only.change .burger-line:nth-child(3) { width: 29px; } .menu-text { font-size: 14px; } .mega-menu-panel-test { max-width: 768px; min-height: 500px; height: auto; transition: transform 0.3s ease; top: 14px; } /* Onglets de premier niveau ------------------------------------ */ .mega-menu-test { display: flex; width: 100%; background: var(--color1); } /* Cacher tous les éléments sauf Vie quotidienne et Vie citoyenne */ .mega-menu-test > li:not(#menu-item-12973):not(#menu-item-12974) { display: none; } /* Liens de niveau 1 ------------------------------------------- */ .mega-menu-test > li { padding-left: 0; margin: 0; } .mega-menu-test > li > a { font-size: 16px; padding: 20px; text-align: center; opacity: 0.7; } .mega-menu-test > li.active > a { opacity: 1; background: var(--color2); } /* Contenu du mega menu ----------------------------------------- */ .mega-menu-content { padding: 20px; width: 100%; position: absolute; left: 0; right: 0; background: var(--color2); transition: all 0.3s ease; } .sub-menu { padding: 0; /* Reset du padding mobile */ background: none; /* Reset du background mobile */ } .sub-menu a {padding: 2px 0} .sub-menu.active { padding: 10px 0; /* Spécifique desktop */ } /* Structure en colonnes ------------------------------------ */ .sub-menu-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; } .sub-menu-columns > li { padding: 0 10px; border-bottom: none; } .sub-menu-columns .sub-menu li { padding: 0; margin: 0; } .sub-menu-columns > li > a { padding: 8px 0; font-weight: 500; border-bottom: thin solid #ffffff4f; } .level1 > a { text-transform: uppercase; font-weight: 600; font-size: 14px !important; letter-spacing: .025em; padding: 14px !important; background-color: var(--color1); } .level1 > a:after { margin-left: 10px; margin-right: 0; } .level1.active { background-color: var(--color2); } /* États actifs et hovers ------------------------------- */ .level1.active > a { color: rgba(255,255,255,0.8); } /* Flèches spécifiques desktop ------------------------------- */ :not(.level1).menu-item-has-children > a:after { width: 7px; height: 7px; margin-left: auto; } .level1.active > a:after { margin-left: 10px; margin-top: -2px; opacity: .7; } } /* Cover templates - photo headers ----------------------------------------------------------------------------------------- */ .singular .entry-header { background-color: transparent; padding: 0;} header + .to-the-content-wrapper a { color: #fff;} .reduced-spacing .archive-header { padding-bottom: 0;} .page-template-templates #site-content header.entry-header, .page-template-default #site-content header.entry-header, .archive-header, .single #site-content header.entry-header { position: relative; overflow: hidden; min-height: 250px; padding: 0;} .home .page-template-templates #site-content header.entry-header { min-height: 50vh;} .page-template-templates #site-content header.entry-header:after, .page-template-default #site-content header.entry-header:after, .archive-header:after, .single #site-content header.entry-header:after { background-color: var(--noir); position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; opacity: var(--hopacity); } .page-template-templates #site-content header.entry-header .entry-header-inner, .page-template-default #site-content header.entry-header .entry-header-inner, .single #site-content header.entry-header .entry-header-inner, .archive-header .archive-header-inner { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; z-index: 1; flex-wrap: wrap; flex-direction: column;} .page-template-templates #site-content header.entry-header .entry-header-inner h1, .page-template-default #site-content header.entry-header .entry-header-inner, .archive-header .archive-header-inner h1, .single #site-content header.entry-header .entry-header-inner {padding: 0;color: var(--blanc);} .page-template-templates #site-content header.entry-header > img, .page-template-default #site-content header.entry-header > img, .archive-header > img, .single #site-content header.entry-header > img { width: 100%; max-width: 100%; height: 100%; min-height: 250px; -o-object-fit: cover; object-fit: cover; object-position: 50% 0; } header.entry-header { overflow: inherit;} @media (min-width: 1025px) { .page-template-templates #site-content header.entry-header, .page-template-default #site-content header.entry-header, .archive-header, .single #site-content header.entry-header {height: var(--hheader);} } @media (min-width: 700px) { .reduced-spacing .archive-header { padding-bottom: 0;} } /* Breadcrumb ------------------------------------------------------------------------------------------------------------------------------ */ .breadcrumbs {display:none;} @media screen and (min-width: 48em) { .breadcrumbs strong { font-weight: 300;} .breadcrumbs {display:block; text-align: center; color: var(--noir); font-size: 1.2rem; position: relative} .breadcrumbs > div { width:100%; font-size:1rem; max-width: 1200px; margin: auto; padding: 2em 0 1em; font-weight: 500;} .home .breadcrumbs {display:none;} .breadcrumbs a, .breadcrumbs span {color: var(--noir); text-decoration: none; font-size: 1.2rem; } .breadcrumbs .breadcrumbs__current {color: var(--noir); font-weight: 600;} .breadcrumbs a:hover span { color: var(--noir);} .breadcrumbs span.separator { vertical-align: middle;} .archives .breadcrumbs { text-align: center; color: var(--noir); font-size: 1.2rem; padding-top: 1em;} } @media screen and (min-width: 63em) { .breadcrumbs {padding-left: 0;} } /* Meteo */ #weather { position: absolute; background-color: var(--color3); top: 0; width: 120px; height: 100px; left: 0; z-index: 2; color: var(--blanc); font-size: 1.2rem; flex-direction: column; align-items: center; justify-content: center; display: none; } .weather-wind { display: flex; align-items: center; margin: 10px auto; width: 100%;} .weather-wind > div { flex-basis: 50%;} .weather-wind > div:first-child { border-right: thin solid var(--blanc);} .weather-wind > div > div { display: flex; align-items: center; flex-direction: column;} .weather-wind img { max-height: 36px; padding-bottom: 5px; filter: brightness(20); -webkit-filter: brightness(20);} .barometer { width: 100%;} .barometer > div { display: flex; align-items: center;justify-content: center;} .barometer img { margin-right: 5px; max-height: 16px;} #weather u {text-decoration: none!important;} #weather i {font-style: normal;} @media screen and (min-width: 600px) { #weather { left: 14%; width: 130px; height: 100px; display: flex; } } /* home ------------------------------------------------------------------------------------------------------------------------ */ .home h1 {text-transform: none!important;} .home h1:after { display:none;} .home .btn a {display: flex; text-decoration: none; align-items: flex-end;} .home .btn a > * {flex-basis: 50%;} .home .btn img { margin-right: 5px;} .home .btn span { font-size: .9em; font-family: var(--font1); color: var(--color2); line-height: 1; padding-bottom: 2px;} .home .btn span:after {content: ""; display: inline-block; background: url(../img/puce-d.svg) no-repeat center; background-size: 15px; width: 15px; height: 15px; margin-left: 7px; margin-bottom: -1px;} /* Home - Actus */ .blocsActus { max-width: 1200px; margin: 2em auto 5em;} .blocsActus .swiper {padding-bottom: 50px;} .blocsActus .swiper-pagination-bullet { font-size: 1rem;} .blocsActus .swiper-pagination-bullet:hover, .swiper-pagination-bullet:focus { background-color: transparent!important;} .blocsActus .swiper-pagination-bullet:hover:before, .swiper-pagination-bullet:focus:before { color: var(--color2)!important;} .blocsActus .swiper-button-next, .blocsActus .swiper-button-prev { color: #222;} .swiper-pagination-bullet-active, .swiper-pagination-bullet-active:focus { background: var(--color2)!important;} .swiper-pagination-bullet { height: 16px !important; width: 16px !important;} .blocsActus .swiper-slide a { display: flex!important; align-items: center; flex-direction: row; overflow: hidden; flex-wrap: wrap;} .blocsActus .swiper-slide img { width: 100%; max-width: 800px; height: 100%; object-fit: cover; max-height: 460px;} /* Cacher les flèches par défaut */ .blocsActus .swiper-button-next, .blocsActus .swiper-button-prev { display: none; } /* Afficher les flèches pour les écrans de 640px et plus */ @media (min-width: 640px) { .blocsActus .swiper-button-next, .blocsActus .swiper-button-prev { display: block; } } .blocsActus h2 { z-index: 2; position: relative; text-align: center;margin: 0.5em 0;} .actu_cont { background-color: var(--color2); color: var(--blanc); position: relative; width:100%; right: 0; padding: 2em; margin-top: 0} .actu_cont a, .actu_cont h3 { color: var(--blanc); } .actu_cont a { text-decoration: none; float: right; height: 30px; width: 30px; border: thin solid var(--blanc); border-radius: 50px; background: url(../img/arrow-db.svg) no-repeat center; transform: rotate(-90deg); background-size: 16px;} .actu_cont .cat { text-transform: uppercase; font-size: .7em} .actu_cont h3 { margin: 1em 0; text-transform: none;} .actu_cont p { font-size: .8em;} .blocsActus .btn { position: relative; max-width: 1000px; margin: 2em auto; display: flex; justify-content: center;} .blocsActus .btn a {max-width: 180px;} .blocsActus .btn a img {max-height: 36px; } .blocsActus .btn a > img { flex-basis: 25%;} .blocsActus .btn a > span { flex-basis: 75%;} @media screen and (min-width: 768px) { .blocsActus .swiper-slide img { padding-left: 50px; } .blocsActus .swiper-slide a { max-height: 460px;} .actu_cont { position: absolute; right: 100px; max-width: 380px; } .blocsActus .btn { margin: -80px auto 80px; justify-content: flex-end; z-index: 1000;} .blocsActus h2 { text-align: left; margin: .5em 0 0;} .blocsActus .btn a { max-width: none;} .blocsActus .btn a img { max-height: 44px; } } /* Home - Agenda */ .blocsSorties {background-color: var(--gris); padding:1em 0 3em} .blocAgenda { margin: auto; display: flex; flex-wrap: wrap; max-width: 1200px; justify-content: center;} .blocsSorties h2 {text-align: center} .agenda-item { width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .agenda-item .event_date { text-align: center; font-size: .8em; margin-bottom: 30px; color: #e3b8d2; width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .agenda-item .event_date:after { content: ""; width: 20px; height: 20px; background-color: #e3b8d2; display: block; margin: auto; border-radius: 50px; margin-top: -26px;} .agenda-item .ligne { display: block; background-color: var(--gris3); height: 1px; width: 100%; margin: 1em 0; } .agenda_cont { background-color: #e3b8d2; border-radius: 15px; margin: 10px; position: relative; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; overflow: hidden} .agenda_cont:before {content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #e3b9d2; position: absolute; margin-top: -14px; left: calc(50% - 15px); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .agenda_cont a { text-decoration: none } /*.agenda_cont:hover { box-shadow: 0 5px 10px 0px rgb(0 0 0 / 28%); transform: translateY(-5px);}*/ .agenda_cont .cat, .agenda_cont h3, .agenda_cont p, .agenda_cont .lieu { padding: 5px 20px; color: var(--blanc); display: block;} .agenda_cont .cat { text-transform: uppercase; font-size: .7em} .agenda_cont .imgcont{ overflow: hidden} .agenda_cont img { width: 100%; max-height: 186px; object-fit: cover;-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .agenda_cont h3 { margin: .5em 0 0; text-transform: none; --fluid-type-min: 1rem; --fluid-type-max: 1.6rem } .agenda_cont p { font-size: .8em; margin: 0;} .agenda_cont .lieu { font-size: .7em; padding-bottom: 20px} .agenda_cont .lieu:before { background: url(../img/pin_b.svg) no-repeat; background-size: 14px; width: 14px; height: 14px; margin-top: -2px; margin-right: 3px; display: inline-block; content:""; vertical-align: middle;} /*.agenda-item.today .event_date:after, .agenda-item.today .agenda_cont { background-color: var(--color2);} .agenda-item.today .agenda_cont:before {border-bottom-color: var(--color2);} .agenda-item.today .event_date {color: var(--color2)}*/ .agenda-item:hover .event_date:after, .agenda-item:hover .agenda_cont { background-color: var(--color2);} .agenda-item:hover .agenda_cont:before {border-bottom-color: var(--color2);} .agenda-item:hover .event_date {color: var(--color2)} .btn_more { position: relative; display: flex; flex-wrap: nowrap; max-width: 1000px; justify-content: center; margin: -100px auto 3em; margin: 2em auto 0;} .btn_more .btn { margin: 0 1%;} .blocsSorties .btn_more img {max-height: 38px} .blocsSorties .btn a > img { flex-basis: 25%;} .blocsSorties .btn a > span { flex-basis: 75%;} .caroussel2 .carousel__slide { flex-direction: column; padding: 0;} .caroussel2 { visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;} .caroussel2.slick-initialized { visibility: visible; opacity: 1; } .caroussel2 .slick-prev, .caroussel2 .slick-next { top: 32px;} .caroussel2 .slick-prev { left: -20px;} .caroussel2 .slick-next { right: -10px;} .caroussel2 .slick-next:before, .caroussel2 .slick-prev:before { color: #8c8c8c; position: absolute; top:-3px; opacity: 1;} .caroussel2 .slick-next:before { content: '>'!important;} .caroussel2 .slick-prev:before { content: '<'!important;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent!important;} .caroussel2 .slick-prev.slick-disabled:before, .caroussel2 .slick-next.slick-disabled:before { opacity: 0;} @media screen and (min-width: 40em){ .agenda-item { width: 48%;} } @media screen and (min-width: 64em){ .agenda_cont img:hover { transform: scale(1.1);} } @media screen and (min-width: 768px){ .agenda-item { width: 31%;} .blocsSorties {padding:1em} .blocsSorties h2 {text-align: left} .blocsSorties .btn_more { justify-content: flex-end; /*margin: -100px auto 3em;*/} .blocsSorties .btn_more img {max-height: 44px} } @media screen and (min-width: 968px){ .blocsSorties h2 {text-align: right; max-width: 1200px; margin: -64px auto 2em} } @media screen and (min-width: 1200px){ .agenda-item { width: 23%;} } /* Home Focus */ .blocFocus { margin: auto; max-width: 1200px;} .blocFocus .FocusImg {display:none} .blocFocus .FocusImgMob {display:block} .blocFocus .imgMob {width: 100%; } .blocFocus .imgMob img {width: 100%; object-fit: cover; object-position: center; min-height: 250px;} .blocFocus .bloc1 { padding: 3em; width:100%;} .blocFocus h2 { margin: 0;} .blocFocus h2 span { font-family: var(--font1)!important; font-weight: 800;} .blocFocus h3 { margin: 1em 0} .blocFocus h3 a { color: var(--blanc); text-decoration: none} .blocFocus .btn span {color: var(--blanc);} .blocFocus .btn span:after {display: none} @media screen and (min-width: 768px){ .blocFocus { padding: 3em 0;} .blocFocus .bloc1 { max-width: 360px; } .blocFocus .FocusImgMob {display: none} .blocFocus .FocusImg {display: flex; flex-wrap: nowrap;} .blocFocus > div {display: flex; background-size: cover; background-repeat: no-repeat; background-position: center right; } .blocFocus .hiddenbloc, .blocFocus .hiddenbloc a { width: 100%; display: block; height: 450px} } @media screen and (min-width: 1025px){ .blocFocus > div { background-size: 85%; padding: 4em 0;} } /* Home Shops */ .blocShops { margin: auto; max-width: 1200px;} .blocShops > div {display: flex;flex-direction: column;} .blocShops .bloc2, .blocShops .bloc1 { flex-basis: 50%; flex-grow: 1;} .blocShops .bloc2 img { height: 100%; width: 100%; object-fit: cover;} .blocShops .bloc1 { color: var(--blanc); padding: 2em;} .blocShops .btn a { max-width: 180px; margin: auto; align-items: center;} .blocShops .btn a span {color: var(--blanc); flex-basis: 65%; } .blocShops h2 {color: var(--blanc); font-size: 2em; line-height: 1; margin: 0 0 0.5em;} .blocShops .btn img {max-height: 38px; flex-basis: 35%;} @media screen and (min-width: 768px){ .blocShops { padding: 3em 0;} .blocShops > div {flex-direction: row;} .blocShops .bloc1 { padding: 3em;} .blocShops h2 {font-size: 2.7em; } .blocShops .btn {text-align: right} .blocShops .btn img {max-height: 44px} .blocShops .btn a { margin: initial; align-items: flex-end; width: 100%} } /* Home galerie */ .blocGalerie {background-image: linear-gradient(bottom, var(--gris), var(--gris) 90.5%, transparent 90.5%, transparent 100%); background-image: -webkit-linear-gradient(bottom, var(--gris), var(--gris) 90.5%, transparent 90.5%, transparent 100%); padding: 2em 0} .blocGalerie .galerie { display: block} .blocGalerie .galerie > .gallery-item { margin-bottom: 0; margin: 0; padding: 0; overflow: hidden;} .blocGalerie .galerie .gallery-item:nth-child(1) { align-self: center; grid-column: 1 / span 2; grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 1;} .blocGalerie .galerie .gallery-item:nth-child(2) {grid-column: 1 / span 1; grid-column-start: 3; grid-column-end: 3; grid-row-start: 2; grid-row-end: 2;} .blocGalerie .galerie .gallery-item:nth-child(3) { grid-column: 2 / span 1; grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 2;} .blocGalerie .galerie .gallery-item:nth-child(4) { grid-column: 2 / span 2; grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3;} .blocGalerie .galerie .gallery-item:nth-child(5) { grid-column: 1 / span 1;} .blocGalerie .galerie .gallery-item:nth-child(6) { grid-column: 2 / span 1;} .blocGalerie .galerie .gallery-item:nth-child(7) { grid-column: 3 / span 1;} .blocGalerie .galerie .gallery-item:nth-child(8) { grid-column: 4 / span 1;} .blocGalerie .galerie .gallery-item:nth-child(9) { grid-column: 1 / span 2; grid-column-start: 3; grid-column-end: 5; grid-row-start: 4; grid-row-end: 4;} .blocGalerie .galerie .gallery-item:nth-child(10) { grid-column: 3 / span 2; grid-column-start: 2; grid-column-end: 2; grid-row-start: 4; grid-row-end: 4;} .blocGalerie .galerie .gallery-item:nth-child(10) .btn { display: flex; justify-content: center; padding-top: 3em;} .blocGalerie .galerie .gallery-item video { width: 100%!important; object-fit: cover; height: 100%;} .blocGalerie img { object-fit: cover; height:100%; width: 100%; aspect-ratio: 4/3;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .blocGalerie img:hover { transform: scale(1.05);} .blocGalerie h2 { text-align: center; margin: 0;} .blocGalerie .btn img { max-height: 38px;} .blocGalerie .btn a {width: 100%;} .blocGalerie .btn a > img { flex-basis: 25%;} .blocGalerie .btn a > span { flex-basis: 75%;} .blocGalerie .btn img { object-fit: unset;} /* Styles pour les vidéos YouTube/Vimeo */ .blocGalerie .galerie .gallery-item .embed-container { position: relative; padding-bottom: 56.25%; /* Ratio 16:9 pour les vidéos */ height: 0; overflow: hidden; width: 100%; } .blocGalerie .galerie .gallery-item .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Style pour les vidéos en plein écran - sur 3 colonnes */ .blocGalerie .galerie .gallery-item.video-wide { grid-column: span 3 !important; } @media screen and (max-width: 1023px) { .blocGalerie .galerie .gallery-item.video-wide { width: 100% !important; } } /* Style pour les vidéos MP4 et images uniques */ .blocGalerie .galerie .gallery-item.video-wide video, .blocGalerie .galerie .gallery-item.video-wide img { width: 100% !important; height: auto !important; aspect-ratio: 16/9; object-fit: cover; } @media screen and (max-width: 680px){ .blocGalerie {background-image: linear-gradient(bottom, var(--gris), var(--gris) 100%, transparent 100%, transparent 100%); background-image: -webkit-linear-gradient(bottom, var(--gris), var(--gris) 100%, transparent 100%, transparent 100%); padding: 2em 0} } @media screen and (min-width: 200px){ .blocGalerie .galerie { display: flex; flex-wrap: wrap;} .blocGalerie .gallery-item {width: 50%;} } @media screen and (min-width: 1024px){ .blocGalerie .galerie { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 1em; grid-column-gap: 1em; max-width: 1200px; margin: auto} .blocGalerie .gallery-item {width: 100%;} .blocGalerie .btn img { max-height: 44px;} } /* Home Kiosque */ .blocMag > div { max-width: 1000px; margin: auto; display: flex; flex-direction: column; background-image: linear-gradient(bottom, var(--blanc), var(--blanc) 70%, transparent 70%, transparent 100%); background-image: -webkit-linear-gradient(bottom, var(--blanc), var(--blanc) 70%, transparent 70%, transparent 100%); align-items: center; padding: 1em;} .blocMag .bloc2 .btn { margin: 0.5em 0; } .blocMag .bloc2 .btn span:after { display:none } .blocMag .bloc2 .btn a { align-items: center;} .blocMag .bloc2 .btn img {max-height: 36px} .blocMag .bloc1 img {width: 100%; object-fit:cover; object-position: center; height: auto; max-height: 400px; aspect-ratio: 3/4;} .blocMag .bloc1 { color: var(--blanc);box-shadow: 0 3px 20px 0px rgb(0 0 0 / 16%);} .blocMag .bloc2 { padding: 1em;} .blocMag .bloc3 { padding: 0;} .blocMag .btn a { width: 200px; align-items: center; } .blocMag .btn img { max-height: 40px;} .blocMag .btn a > img { flex-basis: 35%;} .blocMag .btn a > span { flex-basis: 65%;} .blocMag h2 {color: var(--color2);font-size: 2.7em; line-height: 1; margin-top:0; margin: 0 0 .5em;} @media screen and (min-width: 768px){ .blocMag > div { max-width: 1000px; display: flex; flex-direction: row; background-image: linear-gradient(bottom, var(--blanc), var(--blanc) 70%, transparent 70%, transparent 100%); background-image: -webkit-linear-gradient(bottom, var(--blanc), var(--blanc) 70%, transparent 70%, transparent 100%); align-items: flex-end; padding: 3em;} .blocMag .bloc2, .blocMag .bloc1, .blocMag .bloc3 { flex-basis: 33%; flex-grow: 1;} .blocMag .bloc2, .blocMag .bloc3 { padding: 3em;} .blocMag h2 {margin:inherit; margin-top:0; } .blocMag .btn a { width: auto } .blocMag .btn img { max-height: 44px;} } @media screen and (min-width: 1025px){ .blocMag {/*margin-top: -7em*/; padding-bottom: 4rem;} } /* Home - Bloc actus */ @media screen and (min-width: 700px){ } @media screen and (min-width: 1024px){ } /* contenu divers ------------------------------------------------------------------------------------ */ .wp-block-image { margin-top: 0!important; margin-bottom: 0!important;} div.uagb-columns__wrap { margin-top: 0!important; margin-bottom: 0!important;} section.uagb-columns__wrap { padding: 0!important; margin: 0 auto!important;} section.uagb-columns__wrap .uagb-column__inner-wrap {padding-top: 1rem!important; padding-bottom: 1rem!important} blockquote.wp-block-quote { border-width: 0; margin: 4em auto; max-width: 768px!important; text-align: center; text-transform: uppercase; background: url(../img/chevron.svg) no-repeat center;} blockquote.wp-block-quote p { font-weight: 600;} li {padding-left: 10px;margin-left: 10px;} #site-content li::marker { content: ">";} .blocCont h3 { border-bottom: thin solid var(--gris3); padding-bottom: 1em;} .blocCont .tableau .uagb-columns__columns-2 > .uagb-column__wrap:first-child { width:10%;} .blocCont .tableau .uagb-columns__columns-2 > .uagb-column__wrap:nth-child(2) { width:90%;} .blocCont .tableau .uagb-columns__columns-2 > .uagb-column__wrap:first-child .uagb-column__inner-wrap { padding:0 .1em 0 0;} .blocCont .tableau .uagb-columns__columns-2 > .uagb-column__wrap:nth-child(2) .uagb-column__inner-wrap { padding: .1em 0 0;} .blocCont .picto img { max-width: 30px; height: auto;} .blocCont .tableau p, .blocCont .tableau li {font-size: 1.4rem} .partenaires > div { align-items: center;} .wp-block-table tbody tr { vertical-align: top;} .uagb-tabs__wrap .uagb-tabs__body-container{ padding: 10px 15px; display: none;} #cartesiframe {width: 100%!important; height:480px!important} .menus_cont div, .agenda_bloc div, .agenda_img div {background-color: transparent!important} .menus_cont h4 {color: var(--blanc); margin: 1rem auto 0.5rem;} .agenda_img img { width: 100%;} .bloc_bas { max-width: 768px; margin: 2em auto; background-color: var(--color1); color: var(--blanc); padding: 1.4em; } .tw-stretched-link p { position: absolute!important; left: 0; top: 0; right: 0; bottom: 0; height: 100%; } .tw-stretched-link a{ position: absolute!important; top: 0; bottom: 0; display: flex; align-items: center; } @media (min-width: 700px) { .agenda_img img { margin-bottom: 0; margin-top: 0;} } /* Savoir plus */ .savoirplus {padding: 10px 30px 20px 30px!important; background-color: var(--color2)} .savoirplus h3, .savoirplus p, .savoirplus li {color: var(--blanc)} .savoirplus a {font-weight: 500; color: var(--blanc)} @media (min-width: 48em){ .savoirplus, .stick {position: sticky; top:80px;} } /* Bouton pdf */ .wp-block-file { padding: 0.5em 1.5em; background-color: var(--gris); border-radius: 100px; } .wp-block-file a.wp-block-file__button { margin-right: 0; } /* Separateur */ .entry-content hr::after, hr.styled-separator::after, .entry-content hr::before, hr.styled-separator::before {display: none} .entry-content hr, hr.styled-separator { background: linear-gradient(to left, currentColor 100%, transparent 100%, transparent 100%, currentColor 100%);} @media (min-width: 700px) { } @media (max-width: 767px) { .tableau > div {flex-direction: row!important;} .blocCont .tableau .uagb-columns__columns-2 > .uagb-column__wrap:first-child { width:20%;} .blocCont .tableau .uagb-columns__columns-2 > .uagb-column__wrap:nth-child(2) { width:80%;} } @media screen and (min-width: 992px){ } /* Tabs - Getwid ----------------------------------------------------------------------------------- */ @media screen and (min-width: 63.063em) { } /* Accordeons -------------------------------------------------------------------------------------- */ .wp-block-pb-accordion-item > h2, .wp-block-pb-accordion-item > h3 { padding: .5em 0; border-bottom: thin solid var(--color1);} /* Social gutenberg block ------------------------------------------------------- */ /* Search ---------------------------------------------------------------------------- */ .bsearch {display:none} /* Styles pour les résultats de recherche */ .search-result { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #ddd; } .search-result .post-type { font-size: 0.9em; color: #666; margin: 0.5em 0; } .search-result .entry-title { margin-bottom: 0.5em; } .search-result .entry-excerpt { margin-top: 1em; } .no-results { text-align: center; padding: 2em 0; } @media (min-width: 1025px) { .bsearch { z-index: 2; position: absolute; bottom: 0; left: 0; right: 0; background-color: var(--blanc); max-width: 640px; margin: auto; display: block; } .bsearch .search-form { margin: 0;} .search .search-form { margin-bottom: 3em; } .search .search-form .search-submit { flex-shrink: initial; width: auto; } .search .search-form .search-field { border: thin solid; border-radius: 100px; } .bsearch input.search-submit { background-color: var(--blanc); background: url(../img/search.svg) no-repeat center; color: transparent; width: 50px; margin: 0;} .bsearch .search-form .search-submit:hover { background-color: var(--blanc)!important;} .bsearch input#search-form-1 { border-bottom: thin solid #bdbdbd;} .search .archive-header .archive-header-inner { flex-direction: column; color: var(--noir);} .search .breadcrumbs, .search article > .section-inner { display: none;} .search .archive-header .archive-header-inner h1, .search .archive-header .archive-header-inner h1 span {color: var(--blanc); font-size: 2.4rem;} .search h2.entry-title { font-size: 1.8rem; font-weight: 700;} .search hr { margin: 3rem auto;} body.search main > article > .post-inner { padding-top: 2rem!important;} .search .archive-subtitle { color: var(--blanc); margin-top: 1.4rem;} .search article header { text-align: left;} .search .post-meta-wrapper { display: none;} .search .ui-widget.ui-widget-content { border: 0!important; width: auto!important; max-width: 500px; right: 20px; overflow-y: scroll; font-size: 1.2rem; max-height: 250px; margin-top: 2px; background: var(--gris); padding: 20px; } .search .entry-categories, .search .prev span, .search .next span {display: none} .ui-widget.ui-widget-content li { font-size: 1.6rem; line-height: 2.6rem; } .search-results .archive-header-inner { flex-direction: column;} .search-results article, .search-results hr { max-width: 96rem; margin: auto; padding: 0 !important;} .search-results h3, .search-results .heading-size-3 { font-size: 2.5rem; margin: 2rem auto 0rem;} .search-results article p strong { color: var(--color3); } .search-results .post-meta-wrapper, .search-results .publications, .search-results .publications + hr, .search-results article p.Page, .search-results article p.Article { display: none;} .search-results #site-content { padding-bottom: 4rem; } } @media (min-width: 700px) { .search h2.entry-title { font-size: 2.3rem;} .search hr { margin: 3rem auto;} } @media only screen and (min-width: 40.063em){ body.search main > article > .post-inner { padding-top: 1rem!important;} body.search main > article > .post-inner p { width: 100%!important;} .search article header > div, .search .post-inner { max-width: 96rem!important; margin: auto;} } /* Accessibilité + logos ------------------------------------------------------------------ */ #pojo-a11y-toolbar { position: fixed!important;} #pojo-a11y-toolbar { z-index: 98!important;} #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover, pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus { -webkit-box-shadow: none !important; box-shadow: none !important;} #pojo-a11y-toolbar svg { width: 20px;} #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { border: 0 !important;} #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle, pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay { -webkit-box-shadow: none !important; box-shadow: none !important;} #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background-color: var(--bleu) !important; margin-right: 19px; width: 32px; height: 32px; border-radius: 100px; color: var(--blanc) !important; padding: 6px !important;} #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { right: 174px!important;} .pojo-a11y-toolbar-overlay { width: 160px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;} p.pojo-a11y-toolbar-title { line-height: 1.6 !important; text-align: center; text-transform: uppercase; font-size: 0.9rem !important;} #pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle { right: 160px !important;} span.pojo-a11y-toolbar-text { color: var(--noir);} @media screen and (min-width: 30.063em) { #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { margin-right: 25px; } } @media only screen and (min-width: 40.063em){ #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { right: 180px!important;} } /* Formulaires ---------------------------------------------------------------------------- */ input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select { border-top: 0; border-left: 0; border-right: 0; border-bottom-color: var(--gris2); background: none; padding: 1rem;} textarea { border-top: 0; border-bottom: 0; border-right: 0; border-left-color: var(--gris3); border:0; background: none;} select { padding: 1.1rem 1.8rem;} ::placeholder { color:rgba(0, 0, 0,.5); } ::-webkit-input-placeholder { /* WebKit browsers */ color:rgba(0, 0, 0,.5) !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:rgba(0, 0, 0,.5) !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:rgba(0, 0, 0,.5) !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color:rgba(0, 0, 0,.5) !important; } :focus::placeholder { color:rgba(0, 0, 0,0.2) !important; } :focus::-webkit-input-placeholder { color:rgba(0, 0, 0,0.2) !important; } :focus:-moz-placeholder { color:rgba(0, 0, 0,0.2) !important; } :focus::-moz-placeholder { color:rgba(0, 0, 0,0.2) !important; } :focus:-ms-input-placeholder { color:rgba(0, 0, 0,0.2) !important; } /*.wpcf7, .wpcf7 p {font-size: 1.6rem} .wpcf7 .message { margin-bottom: 2em;} .wpcf7-acceptance span { font-size: 1.2rem;} .wpcf7 form.sent .wpcf7-response-output { background-color: var(--vert); padding: .5em 1em; color: var(--blanc)!important; font-size: .9em;} .wpcf7 fieldset { border: 0.1rem solid var(--gris2); padding: 2rem 2rem 3rem; margin: 2em auto; background-color: #fdfdfd;} .wpcf7 legend { font-size: 1em;}*/ .formspace {height:10px} .titre_form p {font-size: 18px!important; color: var(--color3)!important; font-family: var(--font1)!important; border-bottom: 2px solid var(--color3)!important; margin-bottom: 2em!important; padding: 0.5em 0;} .forminator-icon-calendar { margin-left: 0!important;} button.forminator-step { text-align: left;} button.forminator-step:hover { background-color: transparent!important;} .forminator-break { display: none;} .forminator-calendar--material .ui-widget-header { border: 0; border-radius: 0!important; background: #cccccc;} .forminator-calendar--material .ui-datepicker-header .ui-corner-all {font-size: 10px!important;} .forminator-calendar--material .ui-datepicker-header .ui-datepicker-title select { background-color: #a25885!important; color: #fff!important;} .forminator-calendar--material .ui-datepicker-calendar thead tr th span { font-weight: bolder;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: #e6e6e6; text-align: center} .forminator-calendar--material .ui-datepicker-calendar tbody td.ui-state-disabled span { opacity: .4!important;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #b06090;} .forminator-calendar--material .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight { border-color: #000!important; background-color: #e6e6e6!important; color: #000!important; } .forminator-calendar--material .ui-datepicker-header .ui-corner-all.ui-datepicker-next:hover, .forminator-calendar--material .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:hover { background: transparent!important; border: 0!important;} .forminator-design--material .forminator-checkbox__label { font-weight: 300!important;} .forminator-response-message { border-radius: 0!important;} /* Inscription newsletter --------------------------------------------------------------------------------- */ .footer-inner .forminator-checkbox__wrapper { display: flex;} .footer-inner label.forminator-checkbox {} .footer-inner .forminator-checkbox__label { font-size: 1.2rem; margin-left: 10px;line-height: 2.3rem;} .footer-inner .forminator-checkbox__label a { font-size: 1.2rem;} .footer-inner button.forminator-button-submit { background-color: var(--color1); width: auto;} .footer-inner input[type="checkbox"] {border-radius: 3px; border-width: 0;} .footer-inner input#forminator-field-email-1 { border: 0; background-color: var(--blanc); border-radius: 50px;} .footer-inner .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) { margin-bottom: 10px!important;} .footer-inner ::placeholder { color:var(--color1)!important; } .footer-inner ::-webkit-input-placeholder { /* WebKit browsers */ color:var(--blanc) !important; } .footer-inner :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:var(--blanc) !important; } .footer-inner ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:var(--blanc) !important; } .footer-inner :-ms-input-placeholder { /* Internet Explorer 10+ */ color:var(--blanc) !important; } .forminator-edit-module { display: none;} @media screen and (min-width: 63.063em) { #forminator-module-13777 > div:nth-child(2) { float: left; min-width: 80%; padding-right: 1em;} #forminator-module-13777 > div:nth-child(3) { float: left;} .footer-inner .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) { margin-bottom: 10px!important; padding-top: 0.005em; padding-bottom: 0;} } /* FAQ -----------------------------------------------------------------------------------*/ .faq-items { width: 100%;} .faq-items h4 { border-bottom: thin solid #e0e0e0; margin: 1em 0; border-radius: 0;} .accordion dt { padding: .3em} .accordion dt a { color: var(--color1); text-decoration: none; background: url(../img/arrow-d.svg) no-repeat; background-position: center right; background-size: 20px} .accordion dd + dt { margin-top: 0; margin-left: 1.1em;} .accordion dt { margin: .75rem 0;} .accordion dt > a { display: block;} .accordion dd { font-size: 1em; margin-left: 0.65rem;} /* Archives articles ---------------------------------------------------------------------------------*/ .page-template-templates .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .archive .filter-posts {max-width: 140rem;width: 100%;margin: auto!important;} .filter-posts h2, .filter-posts main h3 {padding: 0 1em} .archive-subtitle h2 {text-align: center; padding: 0 1em} .filter-posts { margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; padding: 0;} .filter-posts.filtrescpt { display: block;} .filter-posts .entry-content { position: relative;} .filter-posts a {text-decoration: none} .filter-posts article { padding: 0; border: 1px solid var(--gris2); width: calc(100% - 2%); margin: 2%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .filter-posts article:hover { box-shadow: 0 3px 20px 0px rgb(0 0 0 / 16%); /*border-color: var(--blanc);*/ transform: translateY(-5px);} .filter-posts .post-inner {padding-top:0!important} .filter-posts .cat-name { margin: 0; padding: .3em .5em; position: absolute; z-index: 1; background-color: var(--color1); width: auto!important; color: var(--blanc); font-size: 1.1rem; text-transform: uppercase; font-family: var(--font1)!important; font-weight: 700; /*letter-spacing: -.5px;*/ } .filter-posts .cat-name span { font-family: var(--font1)!important;} .filter-posts .cat-titre.actualites, .filter-posts .cat-titre.agenda {display: none} .filter-posts .imgCont {height: 250px; margin:0; padding: 0; width: 100%!important; overflow: hidden} .filter-posts img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} .filter-posts h2 { font-size: 1.5rem; margin: 1em 0; color: var(--noir); font-weight: 700; text-transform: uppercase; padding: 0 1em;} .filter-posts .event_date { font-size: 1.2rem; text-transform: uppercase; font-weight: 700; padding: 0 1.25em;} .filter-posts p { color: var(--noir); padding: 0 .85em;} .filtrescpt .accordion dd p, .filtres_services .accordion dd p { padding: 0;} .pagination-single-inner span.title-inner { font-size: 1.4rem;} @media (min-width: 768px) { .filter-posts article { width: calc(48% - 2%);} .filter-posts .section-inner { width: 100%;} } @media (min-width: 992px) { .filter-posts { padding: 0 1em;} } @media (min-width: 1024px) { .filter-posts article { width: calc(31% - 2%);} } @media (min-width: 1200px) { } /* CPT results -----------------------------------------------------------------------------------*/ .page-template .post-inner { padding-top: 3rem;} section.publications, section.medias {padding: 0 0 4rem; margin: 0!important;} section.publications > div > p { padding: 1em;} #filter { background-color: var(--color2); color: var(--blanc); padding: 1em; margin: 2em auto 0;} #filter select, #filter input { border: 0; background-color: var(--blanc); border-radius: 50px; padding: 1rem 1.8rem; appearance: none;} #filter > .actions > button#valid { background-color: var(--color1);} #filter button {padding: .8em 1.2em} .filter-posts h4 { margin: 0; color: var(--color1); text-transform: none; padding: .2em 0 .5em; border-bottom: thin solid var(--noir);-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .filtrescpt h4, .filtres_services h4, .filtres_marches h4 { margin-top: 0} .filtrescpt .accordion, .filtres_services .accordion, .filtres_marches .accordion {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; margin-top: 20px;} /*.filtrescpt .assos .accordion { padding-top: 20px; margin-top: -50px; border-top-left-radius: 40px; border-top-right-radius: 40px; z-index: 7; background-color: var(--blanc);}*/ .filtrescpt .faq-item, .assos .accordion > div, .filtres_services .faq-item, .filtres_marches .faq-item { width: 100%; padding: 0.5em; border-left: 3px solid var(--blanc);} .filtrescpt .accordion dd, .filtres_services .accordion dd { margin-left: .75rem;} .filtrescpt .accordion dt, .filtres_services .accordion dt { margin: 0;} .filtrescpt .accordion dt a, .filtres_services .accordion dt a {background: none} .filtres_marches p { font-size: .8em; padding: 0} .filtres_services p { font-size: .8em; padding: 0 0.6em;} .filtres_marches dd > p:last-child { display: flex; align-items: center;} .filter-posts .faq-item, .filtrescpt .accordion > div { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; width:100%} .filtrescpt .faq-item:hover, .filtrescpt .accordion > div:hover, .filtres_services .faq-item:hover, .filtres_marches .faq-item:hover { border-left: 3px solid var(--color2); /*padding-left: 1em;*/ background: rgb(249,249,249); background: -moz-linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); background: -webkit-linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); background: linear-gradient(90deg, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f9f9f9",GradientType=1);} .filtrescpt .faq-item:hover h4 a, .filtrescpt .accordion > div:hover h4 a, .filtres_services .faq-item:hover h4 a, .filtres_marches .faq-item:hover h4 a { color: var(--color2);} .filtres_marches dd > p a { margin-left: 0; margin-right: 1em} .filtrescpt a.btn {text-transform: uppercase; font-size: 1.2rem; float: right; margin: -20px 0.3em 0.3em 0; font-family: var(--font2);} .filtrescpt .faq-items.assos {flex-direction: column-reverse;} .filtrescpt a.btn:hover {text-decoration: none} .filter-posts .savoirplus:before, .filter-posts .email:before, .post-inner .email:before, .filter-posts .web:before, .post-inner .web:before, .post-inner .web2:before, .filter-posts .calendrier:before, .filter-posts .pdf:before, .filter-posts .pdf2:before, .filter-posts .tel:before, .post-inner .tel:before, .filter-posts .localize:before, .post-inner .localize:before, .filter-posts .fax:before, .post-inner .fax:before, .agenda_bloc .pdf:before, .agenda_bloc .web:before {content: ""; display: inline-block; margin-right: 5px; vertical-align: middle;} .filter-posts .savoirplus:before { background: url(../img/plus2.svg) no-repeat center; width: 16px; height: 15px; margin-top: -4px;} .filter-posts .email:before, .post-inner .email:before { background: url(../img/email-n.svg) no-repeat center; width: 16px; height: 16px;} .filter-posts .web:before, .post-inner .web:before { background: url(../img/web.svg) no-repeat center; width: 16px; height: 16px;} .filter-posts .calendrier:before { background: url(../img/calendrier.svg) no-repeat center; width: 18px; height: 18px; margin-top: -7px;} .filter-posts .pdf:before, .post-inner .pdf:before { background: url(../img/pdf.svg) no-repeat center; width: 18px; height: 18px; margin-top: -7px;} .filter-posts .tel:before, .post-inner .tel:before { background: url(../img/tel.svg) no-repeat center; width: 16px; height: 16px;} .filter-posts .localize:before, .post-inner .localize:before { background: url(../img/pin.svg) no-repeat; width: 12px; height: 12px; margin-top: -4px;} .post-inner .localize:before { background: url(../img/pin.svg) no-repeat; width: 16px; height: 18px; margin-top: -3px;} .filter-posts .fax:before, .post-inner .fax:before { background: url(../img/print-n.svg) no-repeat center; width: 16px; height: 16px;} #loadmore-wrap button { border-radius: 0; background-color: #ececec; color: #3a0a25; } #loadmore-wrap button:hover { background-color: #3a0a25; color: #fff; border: 0; } #loadmore-wrap:hover { background: none; border: 0; } .agenda_bloc .pdf:before {background: url(../img/pdf2.svg) no-repeat center; width: 18px; height: 18px; margin-top: -6px; } .agenda_bloc .web:before {background: url(../img/web-b.svg) no-repeat center; width: 18px; height: 18px; margin-top: -7px; } .leaflet-container { z-index: 3;} .leaflet-popup-content-wrapper { text-align: center!important; border-radius: 0!important; box-shadow: 0 3px 4px rgb(0 0 0 / 40%)!important;} .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 0!important;} .leaflet-touch .leaflet-bar a:first-child, .leaflet-touch .leaflet-bar a:last-child { border-top-left-radius: 0!important; border-top-right-radius: 0!important;} .singlehover { border-left: 3px solid var(--color2)!important; padding-left: 1em!important;} .singlehover h4 a { color: var(--color3)!important;} .markerOver { padding: 6px; width: 40px!important; height: 48px!important; filter: hue-rotate(50deg) saturate(2);} .row.entete { justify-content: space-between; align-items: center; margin: 0 1%;} .row.entete p { padding: 1em 1.5em; margin: 0 auto;} .accordion.mapOff + div { display: none!important;} #activmode { display: none;} .assos > div:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .assos > div:nth-child(2) {/* display: none;*/ padding: 0} .assos #basicMap { height: 50vh; border-radius: 20px;} .assos #basicMap #map, #basicMap2 #map { z-index: 6; } .assos hr { margin: 0 20px 1.5em;} #basicMap .leaflet-marker-icon.idHover {filter: hue-rotate(50deg) saturate(2);} #basicMap .leaflet-tile-pane, #basicMap2 .leaflet-tile-pane, .colinfos .leaflet-tile-pane { filter: saturate(.7) brightness(1.05); } .single .colinfos .info {padding: 2em; margin-bottom: 1em} .single .colinfos .info img {margin: 0 auto 1em} .filtres_medias .galleries .gallery h4 { margin: .5em; text-align: center} .filtres_medias .galleries .gallery { margin: 0 0 2em; width: 100%;} .filtres_medias .galleries .gallery-item { width: 100%; flex: auto; margin: 1% 2% 1% 0; padding:0 } .filtres_medias .galleries .gallery-item video { width: 100%!important; object-fit: cover; height: 100%;} .embed-container { position: relative; padding-bottom: 56.25%; max-width: 100%; height: auto; width: 100%; min-width: 270px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .filtres_medias .galleries > h4 {margin: 0 0 1em; color: var(--color1); text-transform: uppercase; padding: .5em 0 .5em .5em; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; border-left: 3px solid var(--color3);border-bottom: 0 } .filtres_medias .pagination { margin: 1em auto; } .filtres_medias .pagination a { padding: .2em .5em; margin: 0 .1em; } .page-numbers:hover, .page-numbers.current { border: thin solid; } /* Demarches */ .demarches img {max-width: 50px; margin: 0 auto .5em;} .demarches { text-align: center;} .filtres_services .faq-item.demarches:hover { border-left: 3px solid var(--blanc); padding-left: 0.5em;} .filter-posts .demarches h4 {border-bottom: thin solid var(--gris2);} @media screen and (min-width: 768px) { .filtrescpt .faq-item, .accordion.mapOff > div {width: 31%; margin: 1%;} .filtres_services .faq-item {width: 48%; margin: 1%;} .filtres_medias .galleries .gallery .gallery-item, .filtres_marches .faq-item {width: 48%;} .assos > div:first-child { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .filtrescpt .accordion, .filtres_services .accordion, .filtres_marches .accordion { margin-top: 0;} .row.entete p { margin: 0;} #filter { margin: 2em auto;} } @media screen and (min-width: 992px) { .filtrescpt .assos .accordion { padding-top: 0; margin-top: 20px; border-top-left-radius: 0; border-top-right-radius: 0; z-index: 7; } .assos #basicMap { height: 90vh; margin-top: 10px;} .filtrescpt .faq-items.assos { flex-direction: row;} .assos > div:nth-child(2) { display: block; position: -webkit-sticky; position: sticky; top: 40px; align-self: flex-start; padding: 0 20px 24px 20px} } @media screen and (min-width: 63.063em) { #activmode { padding: 0 1em; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center;} .assos hr { margin: 0 0px 1.5em; } #activmode > span { font-size: .6em; text-transform: uppercase; margin-right: 0.5em; transition: all .3s ease; font-family: var(--font2); } #activmode button { width: 50px; height: 30px; background: var(--color2); position: relative; display: inline-block; border-radius: 20px; border: none; padding: 0; margin: 0; transition: all .3s ease; cursor: pointer; } #activmode button span { display: none; } #activmode button:after { content: ""; position: absolute; width: 26px; height: 26px; border-radius: 100%; left: 22px; top: 2px; background: #fff; transition: all .3s ease; z-index: 2;} .accordion.mapOff { -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #activmode.on button, #activmode button:hover { background: var(--gris2);} #activmode.on button:after { left: 2px;} .filtres_medias .galleries .gallery .gallery-item { width: 31%; flex-grow: 0} } @media screen and (min-width: 1200px) { .filtres_services .faq-item { width: 31%; flex-grow: 0;} .filtres_marches .faq-item {width: 48%;} .filtres_medias .galleries .gallery .gallery-item { width: 23%;} .filtrescpt .assos .accordion.mapOff > div {width: 31%; margin: 1%;} } /* Single */ .single h1 {margin-bottom: 2em} .single .row.card {max-width: 112rem!important;} .single .row.card:first-child {align-items: center;} .single .row.card > div:last-child { padding: 0;} .single .row.card .infoshop { padding: 2em;} .shopfooter {max-width: 768px!important; margin: 2em auto; align-items: center; padding: 1.5em 2em;} .shopfooter h3 { color: var(--blanc); font-weight: 600; margin: 0;} .shopfooter h4 { margin: 0.5em 0 0;} .shopfooter a { color: var(--blanc);} .shopfooter p { font-size: 1.4rem;} .single-associations .card > div:nth-child(2) { overflow: hidden;} .single-associations .card > div:nth-child(2) img { max-height: 300px; object-position: center; object-fit: cover;} @media (min-width: 700px) { .single-associations .post-inner { padding-top: 0; } .single-associations .card > div:nth-child(2) img { margin-top:0} } /* Publications ------------------------------------------------------------------------------- */ .publi-row { margin-bottom: 3rem;} div#cat_liste,#publi-cat,.no-more-tables { padding: 0 10px;} #cat_liste ul,#publi-cat ul { padding-left: 0 !important; margin: 2rem auto 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; } #cat_liste ul li,#publi-cat ul li { padding: 0.5rem 1.2rem 0.4rem !important; border-radius: 100px; margin: 0 0.2rem 1rem; background-color: var(--noir); color: var(--blanc); font-size: 1.4rem; cursor: pointer; list-style: none;} #publi-cat ul li.active { background-color: var(--vert); } #cat_liste ul li a,#publi-cat ul li a { color: var(--noir);} #cat_liste ul li:hover,#publi-cat ul li:hover { background-color: var(--noir); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} #cat_liste ul li:hover a,#publi-cat ul li:hover a { color: var(--blanc); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} body #cat_liste ul li:before,body #publi-cat ul li:before { content: "" !important; margin-left: 0; float: none; display: none;} .publi-icon { max-height: 12px;} #publi-results { justify-content: center; display: flex; flex-wrap: wrap; width: 100%;} #culture { display: block;} .publi-item { position: relative; flex-basis: 100%; margin: 2%; margin-bottom: 3em; text-align: center;} .publi-item img { transition: 0.3s ease;} .publi-item img {width: auto; margin: auto;} .publi-item .photo-couv { position: relative; margin-bottom: .5em;} .publi-item a { color: var(--noir); text-decoration: none;} .publi-item img.pdf_pub { position: absolute; max-width: 60px; top: 42%; left: 0; right: 0; margin: auto;} .publi-item .title-item { font-size: 1.5rem} .pdf-item img, .cala-item img { height: 22px; margin: 0 10px; display: inline-block; vertical-align: middle;} @media screen and (min-width: 40.063em) { .publi-item { flex-basis: 46%; } .publi-item .photo-couv img:first-child { height: 100%; object-fit: cover; border: thin solid var(--gris); } .publi-item .photo-couv { height: 410px; } } @media screen and (min-width: 768px) { .publi-item { flex-basis: 29%; } .publi-item .photo-couv { height: 300px; } } @media screen and (min-width: 48.063em) { .publi-item { flex-basis: 29%; } .publi-item .photo-couv { height: 300px; } } @media screen and (min-width: 63.063em) { .publi-item { flex-basis: 20%; } .publi-item .photo-couv { height: 320px; } } @media screen and (min-width: 90.063em) { } /* Social share ------------------------------------------------------------------------------- */ .social-box { position: relative; text-align: center; } .social-btn { display: inline-block;} .social-btn img { width: 32px; height: 32px; vertical-align: middle; padding: 7px 2px;} .social-btn.active { display: flex; float: left; text-align: center; height: 32px;} .social-btn a { display: inline-block; margin: 0 3px;} .social-btn img:hover { cursor: pointer;} a.sbtn.s-mail img { padding: 0px 4px;} .s-twitter img { width: auto; } @media screen and (min-width: 30em) { } /* ressources */ body .post-password-required .post-password-form {max-width: 600px!important; margin: 2em auto; text-align: center} .post-password-required .post-password-form label {margin: 2em 0; color: var(--gris2)} .post-password-required .post-password-form label input {max-width: 150px; margin: auto} /* Dans la meme rubrique ---------------------------------------------------------------------------------*/ .single .same-cat {display: none} .same-cat {border-left: 3px dotted var(--noir); margin-top: 4em;} .same-cat h2 { font-size: 1em; text-transform: uppercase; margin: 0; padding-left: 1em;} .same-cat ul { margin-top: 1em; padding-left: 1em; list-style: none;} .same-cat li { text-decoration: none; border-radius: 0; border: 0; padding: 1em 1.5em .85em; font-size: .6em; background-color: var(--noir); margin: .4rem .4rem .4rem 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .same-cat li a, .same-cat li a:hover { text-transform: uppercase; font-weight: 700; text-decoration: none; color: var(--noir); font-size: 1.2rem; letter-spacing: .05rem;} .same-cat li:hover { background-color: var(--vert);color: var(--blanc);} @media screen and (min-width: 30.063em) { .same-cat li { display: inline-block;} .same-cat ul {} } /* Popup ---------------------------------------------------------------------------------*/ .transition, .modal a.close-modal, .modal #modal-link a:hover { transition: 0.3s ease-in-out;} .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 9998; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.7); text-align: center; } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .modal { display: inline-block; vertical-align: middle; position: relative; z-index: 2; max-width: 800px; min-width: 30%; box-sizing: border-box; background: var(--blanc); padding: 2em; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 20px #484848; -moz-box-shadow: 0 0 20px #484848; -o-box-shadow: 0 0 20px #484848; -ms-box-shadow: 0 0 20px #484848; box-shadow: 0 0 20px #484848; } .modal a.close-modal { width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; font-size: 2em; font-weight: 300; top: 10px; right: 12px; text-decoration: none; color: var(--noir); } .modal a.close-modal:hover { opacity: 0.6; cursor: pointer;} .modal h3 {font-size: 1em; margin: 0; margin: .5em 0 1em;} .modal h2 { text-align: center; margin: 0 0 1.4em; padding-bottom: 1em; font-size: 1em; color: var(--noir); border-bottom: thin solid var(--noir);} .modal p {font-size: .9em; } .modal #modal-link a:hover { opacity: 0.7;} .modal.sombre {-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none;} .modal.clair {background-color: var(--blanc)} .modal.sombre {background-color: var(--color1)} .modal.clair h2 {color: var(--noir)} .modal.sombre h2 {color: var(--blanc); border-bottom: thin solid var(--blanc);} .modal.clair h3 {color: var(--color2)} .modal.sombre h3 {color: var(--color3)} .modal.clair p {color: var(--noir)} .modal.sombre p {color: var(--blanc)} .modal.clair .button {background-color: var(--color2)} .modal.sombre .button {background-color: var(--color3)} .modal.sombre a.close-modal { color: var(--color3);} @media screen and (min-width: 0px) and (max-width: 767px) { .modal { max-width: 100%; padding: 20px; } } /* Footer ---------------------------------------------------------------------------------- */ aside.footer-widgets-outer-wrapper { margin: auto;} .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer { border-top-width: 0;} .footer-inner.section-inner { width: 100%; background-color: var(--color2); position: absolute;} .tw-footer-widgets-row .footer-widgets .widget { margin-top: 0; padding: 1em!important; color: var(--blanc); text-align: center} .tw-footer-size-small .widget-title, .tw-footer-size-small .widget h2 { font-size: 1.6rem; margin-bottom: .5em; } .widget_text p, .tw-footer-widgets-row .widget li, .tw-footer-widgets-row .widget li a, .tw-footer-widgets-row .footer-widgets a:not[.noir-bg], .tw-footer-widgets-row .footer-widgets { color: var(--noir);} .tw-footer-widgets-row .widget li, .tw-footer-widgets-row .footer-widgets {line-height: 1.4;} .tw-footer-widgets-row .widget li a, .tw-footer-widgets-row .footer-widgets a { text-decoration:none; color: var(--blanc);} .tw-footer-widgets-row .widget li a:hover, .tw-footer-widgets-row .footer-widgets a:hover { color: var(--color3);} .tw-footer-widgets-row .footer-widgets.column-one { margin: 0;padding: 3rem 0;} .tw-footer-widgets-row .footer-widgets.column-two { padding: 0; border-top: 0; margin-top: 0; background-color: var(--color1); } .tw-footer-widgets-row .footer-widgets.column-two .widget { padding: 1rem!important;} .tw-footer-widgets-row .footer-widgets.column-two .widget ul li {display: inline-block; list-style: none; vertical-align: middle; margin-top: 1rem;} .footer-widgets .col1 img.alignnone {margin: 2em auto;} .tw-footer-widgets-row .footer-widgets.column-two .widget ul li, .tw-footer-widgets-row .footer-widgets.column-two .widget ul li a { font-size: 1.2rem;} .tw-footer-widgets-row .footer-widgets.column-one .widget:nth-child(2) .textwidget li, .tw-footer-widgets-row .footer-widgets.column-one .widget:nth-child(2) .textwidget li a { list-style: none; font-weight: 700;} .footer-nav-widgets-wrapper h2 {color: var(--blanc)} .footer-widgets a.wp-block-button__link { background-color: var(--blanc); color: var(--color2);} .footer-widgets a.wp-block-button__link:hover { background-color: var(--color1); color: var(--blanc);} .footer-widgets .wp-block-group__inner-container p { line-height: 1.3;} .footer-widgets .wp-block-group__inner-container { text-align: center;} .footer-widgets .wp-block-button { margin: auto!important;} .tw-footer-widgets-row .footer-widgets.column-two .widget:nth-child(2) { display: none;} .footer-widgets-outer-wrapper { border-bottom: 0;} .footer-top, .footer-widgets-outer-wrapper, #site-footer { padding: 3rem 0 0;} .footer-widgets.column-two p { font-size: .9em;} .footer-widgets.column-one h5 img { display: inline-block; vertical-align: middle; max-height: 36px;} .logofooter img { max-width: 160px;} @media (min-width: 700px){ .tw-footer-widgets-row .footer-widgets .widget { font-size: 1.4rem!important; padding: 3em 0!important} .footer-widgets-outer-wrapper { padding: 0;} .tw-footer-widgets-row .footer-widgets.column-two .widget {max-width: 100%} .tw-footer-widgets-row .footer-widgets.column-two .widget ul { text-align: center;} .footer-widgets .col1 img.alignnone { margin: 0;} .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 0;} .widget p, .tw-footer-widgets-row .widget li, .tw-footer-widgets-row .widget li a, .tw-footer-widgets-row .footer-widgets a, .tw-footer-widgets-row .footer-widgets { font-size: 1.2rem;} .column-two .widget p, .column-two .widget p a { font-size: 1.3rem; text-align: center;} .tw-footer-widgets-row .footer-widgets .widget { text-align: left;} } @media (min-width: 1000px){ .tw-footer-widgets-row .footer-widgets.column-one .widget { padding: 0 2em!important;} .tw-footer-widgets-row .footer-widgets.column-one .widget:nth-child(2) .textwidget { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0;} .col1, .col2 { grid-column: span 2; grid-row: span 3;} .col3 { grid-column: span 4; grid-row: span 1;} .col2 a { padding-bottom: .5em; display: block;} .footer-widgets.column-one .wp-block-group__inner-container { text-align: left;} .footer-widgets .wp-block-button { margin: 0!important;} .tw-footer-widgets-row .footer-widgets.column-one .widget { border-right: thin solid var(--blanc);} .tw-footer-widgets-row .footer-widgets.column-one .widget:last-child { border-right: 0;} .tw-footer-widgets-row .footer-widgets .widget { padding: 2em!important; } } /* Demarches comarquage*/ #comarquage h1, #comarquage h2, #comarquage h3, #comarquage h4, #comarquage h5, #comarquage h6, #comarquage p, #comarquage blockquote, #comarquage pre, #comarquage a, #comarquage abbr, #comarquage acronym, #comarquage address, #comarquage big, #comarquage cite, #comarquage code, #comarquage del, #comarquage dfn, #comarquage em, #comarquage img, #comarquage ins, #comarquage kbd, #comarquage q, #comarquage s, #comarquage samp, #comarquage small, #comarquage strike, #comarquage strong, #comarquage sub, #comarquage sup, #comarquage tt, #comarquage var, #comarquage b, #comarquage u, #comarquage i, #comarquage center, #comarquage dl, #comarquage dt, #comarquage dd, #comarquage ol, #comarquage ul, #comarquage li, #comarquage fieldset, #comarquage form, #comarquage label, #comarquage legend, #comarquage table, #comarquage caption, #comarquage tbody, #comarquage tfoot, #comarquage thead, #comarquage tr, #comarquage th, #comarquage td, #comarquage article, #comarquage aside, #comarquage canvas, #comarquage details, #comarquage embed, #comarquage figure, #comarquage figcaption, #comarquage footer, #comarquage header, #comarquage hgroup, #comarquage menu, #comarquage nav, #comarquage output, #comarquage ruby, #comarquage section, #comarquage summary, #comarquage time, #comarquage mark, #comarquage audio, #comarquage video, #comarquage button, #comarquage input, #comarquage :before, #comarquage :after { letter-spacing: 0;} #comarquage #co-page .co-row [class*='co-col-'] { padding: 15px;} #comarquage #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item ul { list-style-type: none; padding-left: 0;} #comarquage #co-page.comarquage-home .co-home-theme { margin-top: 40px;} #comarquage #co-page ul li, #comarquage #co-page ol li, #comarquage #co-page ul.list-arrow li, #comarquage #co-page ol.list-arrow li {list-style-image: none;} #comarquage #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item ul li:before, #comarquage .co-content ul li:before { content: ""; } #comarquage .co-content .sous-theme ul li:before { content: "-";} #comarquage #co-page ul.list-puce li, #comarquage #co-page ol.list-puce li {padding-left: 0;} #comarquage #co-page ul.list-puce li:before, #comarquage #co-page ol.list-puce li:before {top: 14px;} #comarquage #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item { border: 3px solid #fff; min-height: 300px; margin-right: -3px; background-color: #f7f7f7;} #comarquage #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item .home-item-icon svg { margin: auto;} #comarquage #co-page h2 { color: var(--color2)!important; margin-bottom: 20px!important; padding-bottom: 20px; text-align:center; font-size: 1.8rem; font-weight: 600;} /*#comarquage #co-page h1, #comarquage #co-page h2, #comarquage #co-page h2 span, #comarquage #co-page h3, #comarquage #co-page h3 span {text-transform:uppercase;}*/ #comarquage #co-page.comarquage-home h2 { color: var(--color2)!important;} #comarquage #co-page .co-panel {margin-bottom: 2rem; border: 3px solid #f2f2f2!important;} #comarquage {font-family: var(--font2)!important;} #comarquage h1 {font-family: var(--font1)!important; text-transform: none; font-weight: 600!important;} #comarquage h2, #comarquage h3, #comarquage h4, #comarquage li a {font-family: var(--font1)!important;} #comarquage #co-page .search-result .colorsearch { background-color: var(--color4)!important;} #comarquage.espace-part .co-btn.co-btn-slide.active { color: var(--color3)!important;} #comarquage.espace-part #co-page .tool-slide button:hover { background-color: transparent!important; color: var(--color2)!important;} #comarquage #co-page .co-panel.co-panel-gray { background-color: #fff;} #comarquage #co-page .fiche-bloc .fiche-item .fiche-item-title h2, #comarquage .co-btn.co-btn-slide.active { margin-bottom: 0!important;} #comarquage #co-page .co-annexe .fiche-bloc {border-top: 1px solid #ccc!important;} #comarquage .co-btn.co-btn-slide .chevron-down, #comarquage .co-btn.co-btn-slide .co-external-link, #comarquage.espace-pro .co-btn.co-btn-slide .chevron-down, #comarquage.espace-pro .co-btn.co-btn-slide .co-external-link {border: 0;} #comarquage #co-page .nav-tabs > li > span { border: 1px solid var(--color3)!important; border-color: var(--color3) var(--color3) transparent!important; background-color: var(--color3)!important; color: #fff!important;} #comarquage.espace-part .co-btn.co-btn-slide .chevron-down, #comarquage.espace-part .co-btn.co-btn-slide .co-external-link { border-color: var(--color2)!important;} #comarquage .co-btn.co-btn-slide:hover, #comarquage .co-btn.co-btn-slide:hover .chevron-down { background-color: transparent!important;} #comarquage .co-btn.co-btn-slide:hover .chevron-down svg { fill: var(--color3)!important;} #comarquage.espace-part #co-page .tabs .tab-content { border-color: var(--color2)!important;} #comarquage #co-page .nav-tabs>li>span:hover { background-color: var(--color2)!important; border: 1px solid var(--color2)!important; border-color: var(--color2)!important var(--color2)!important transparent!important;} #comarquage.espace-asso #co-bar #co-search input[type="submit"], #comarquage.espace-part #co-bar #co-search input[type="submit"], #comarquage.espace-pro #co-bar #co-search input[type="submit"] { background-color: var(--color2)!important;} div[id*="sousThemes"] .sous-theme { border: 3px solid #f2f2f2!important; padding: 2rem;} div[id*="sousThemes"] { border-right: 0!important; margin-bottom:2rem;} #comarquage #co-bar .co-search input[type=submit], #comarquage #co-page .nav-tabs>li.active>span, #comarquage .co-btn.co-btn-primary {background-color: var(--color2)!important;} #comarquage svg .color-10, #comarquage svg .color-3, #comarquage .co-btn.co-btn-slide .chevron-down svg, #comarquage .co-btn.co-btn-slide .co-external-link svg, #comarquage #co-page .bloc-attention .bloc-attention-title svg, #comarquage #co-page .bloc-asavoir .bloc-asavoir-title svg, #comarquage.espace-pro .co-btn.co-btn-slide .chevron-down svg, #comarquage.espace-pro .co-btn.co-btn-slide .co-external-link svg, #comarquage.espace-asso .co-btn.co-btn-slide .chevron-down svg, #comarquage.espace-asso .co-btn.co-btn-slide .co-external-link svg { fill: var(--color2)!important;} #comarquage .co-btn.co-btn-slide:hover .chevron-down svg, #comarquage .co-btn.co-btn-slide:hover .co-external-link svg {fill: #fff!important;} #comarquage #co-page.comarquage-home .co-panel-body p.link-all a, #comarquage #co-page h1, #comarquage #co-page h3, #comarquage #co-page a:hover, #comarquage li:before, #comarquage #co-page.comarquage-home .co-home-theme .home-theme-list .home-theme-list-item h3 a, #comarquage #co-page .co-breadcrumb a.last, #comarquage #co-page .bloc-asavoir .bloc-asavoir-title, #comarquage #co-page .bloc-attention .bloc-attention-title {color: var(--color2)!important;} #comarquage #co-page .bloc-attention, #comarquage #co-page .nav-tabs, #comarquage #co-page .bloc-asavoir { border-color: var(--color2)!important;} #comarquage #co-page .nav-tabs>li.active>span {border: 1px solid var(--color2)!important;} #comarquage #co-page p.service-button a { letter-spacing:0} #comarquage #co-page p.service-button a:hover { color: #00fce1!important; text-decoration:none} #comarquage #co-page .tool-slide button>div {display:none} #comarquage #co-bar .co-home svg:hover, #comarquage svg .color-27 { fill: var(--color2)!important;} #comarquage .co-btn.co-btn-slide:hover .chevron-down, #comarquage .co-btn.co-btn-slide:hover .co-external-link, #comarquage.espace-pro .co-btn.co-btn-slide:hover .chevron-down, #comarquage.espace-pro .co-btn.co-btn-slide:hover .co-external-link, #comarquage.espace-asso .co-btn.co-btn-slide:hover .chevron-down, #comarquage.espace-asso .co-btn.co-btn-slide:hover .co-external-link { background-color: var(--color2);} #comarquage #co-page .fiche-bloc .fiche-item-content .tabs .tab-content {border: 1px solid #00bdc8;} #comarquage .co-btn.co-btn-slide.active, #comarquage.espace-pro .co-btn.co-btn-slide.active, #comarquage.espace-asso .co-btn.co-btn-slide.active {color: #00bdc8;} #comarquage svg .color-17 { fill: #a53272;} /* New */ .baseo-comarquage-block { padding-top: 2em; padding-bottom: 4em; } .baseo-comarquage-block .baseocom-cards-theme div.baseocom-sommaire-card .baseocom-title p, .baseo-comarquage-block .baseocom-dropdown.baseocom-footer-top-dropdown-links .baseocom-content-in-dropdown .baseocom-footer-top-dropdown-link-item .baseocom-footer-top-dropdown-link-item-content a h3, .baseo-comarquage-block .baseocom-dropdown.baseocom-footer-top-dropdown-links .baseocom-content-in-dropdown .baseocom-footer-top-dropdown-link-item .baseocom-footer-top-dropdown-link-item-content a p, .baseo-comarquage-block .baseocom-where-to-contact .baseocom-where-to-contact-location .baseocom-can-help-me-dropdown.baseocom-dropdown .baseocom-btn.baseocom-dropdown-btn span, .baseo-comarquage-block .baseocom-dropdown.baseocom-footer-top-dropdown-links .baseocom-content-in-dropdown .baseocom-complement, .baseo-comarquage-block .baseocom-dropdown.baseocom-footer-top-dropdown-links .baseocom-content-in-dropdown .baseocom-source-block { font-size: 1.4rem!important;} .baseo-comarquage-block .baseocom-list-of-situations > ul li::marker { content: "" !important; } .baseo-comarquage-block .baseocom-list-of-situations .baseocom-introduction p, .baseo-comarquage-block p.baseocom-text, .baseo-comarquage-block .baseocom-text-base { font-size: .9em !important; padding-bottom: inherit !important; line-height: inherit !important; margin-bottom: inherit !important; margin-top: inherit !important; text-transform: inherit !important; } .baseo-comarquage-block .baseocom-list-of-situations > ul li button, .baseo-comarquage-block .baseocom-dropdown.baseocom-footer-top-dropdown-links .baseocom-btn.baseocom-dropdown-btn { font-size: .9em !important; padding: .65em!important; padding-bottom: 1em!important; } .baseo-comarquage-block .baseocom-verifcation-date-block { font-size: .75em !important; padding-bottom: .5em !important; border-bottom: thin solid!important; margin-bottom: 1em !important; line-height: inherit !important; } .baseo-comarquage-block .baseocom-breadcrumbs { font-size: .65em!important } .baseo-comarquage-block .baseocom-cards-theme div.baseocom-sommaire-card .baseocom-icon img { height: 8rem !important; width: 8rem !important; } .baseo-comarquage-block .baseocom-chapter-block button.baseocom-btn-fold-unfold:hover { color: var(--baseocom-white)!important; } .baseocom-content-item-list + div { padding: .6em!important; } .baseo-comarquage-block .baseocom-chapter-block .baseocom-dropdown.baseocom-chapter-item .baseocom-btn.baseocom-dropdown-btn .baseocom-arrow-text { align-items: center!important;} .baseocom-dropdown-btn { font-size: 2rem!important;} .baseo-comarquage-block .baseocom-dropdown.baseocom-footer-top-dropdown-links .baseocom-content-in-dropdown svg { height: 2rem!important; width: 2rem!important; } .baseo-comarquage-block .baseocom-chapter-block .baseocom-dropdown.baseocom-chapter-item .title-floating-block { margin-top: 1.5rem!important; } .baseo-comarquage-block .baseocom-chapter-block .baseocom-dropdown.baseocom-chapter-item .title-floating-block p { font-size: 1.8rem !important;} .baseo-comarquage-block .baseocom-chapter-block button.baseocom-btn-fold-unfold:hover { color: var(--baseocom-white !important); } .baseo-comarquage-block .baseocom-chapter-block button.baseocom-btn-fold-unfold { font-size: 1.8rem !important; } /* Sitemap ---------------------------------------------------------------------------------- */ .sitemap article { padding: 2em; margin: 0 auto!important; max-width: 100rem!important } .sitemap a { text-decoration: none; } article.pages-sitemap { padding: 2em; margin-bottom: 2em; padding-bottom: 0;} article.pages-sitemap h2, article.actus-sitemap h2 { padding: 1em 2em 2em; margin: 0 auto; text-align: center; } article.pages-sitemap ul.site_pages > li img { display:none } article.pages-sitemap ul.site_pages > li ul.children img { display:inline-block } article.pages-sitemap ul.site_pages > li > a { font-weight:700; } article.pages-sitemap ul.site_pages > li ul.children > li > a, article.pages-sitemap ul.site_pages > li ul.children > li > a strong { font-weight:400 } article.actus-sitemap { padding: 2em ; padding-bottom: 0;} article.actus-sitemap h2:after { right: 0; margin: 30px auto 0; } ul.site_posts { display: flex; flex-wrap: wrap;} article.actus-sitemap li { list-style: none; margin: 0; flex-basis: 50%;} article.actus-sitemap img { max-width: 15px; margin-right: .5em; } article.actus-sitemap img { vertical-align: middle;} .site_pages{ display: flex; flex-wrap: wrap; } .site_pages > li { flex-basis: 48%;} /* Maintenance ------------------------------------------------------------------------------- */ body#maintenance_page { height: 100vh; width: 100vw; display: flex; } body#maintenance_page #content { display: flex; flex-direction: column; align-items: center; max-width: 768px; margin: auto; text-align: center; } body#maintenance_page #content h1 { color: var(--noir); } /* RGPD --------------------------------------------------------------------------------------- */ .gdpr_lightbox { z-index: 100000!important} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt { display: none;} #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {border-top: 0!important; padding: 2rem 1rem; height: auto; min-height: 20vh;display: flex; flex-wrap: wrap; justify-content: center; align-content: center; z-index: 50000; background-color: var(--color1)!important;} .lity {z-index:51000!important} #moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden { bottom: -100%!important;} #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p { font-weight: 100!important; text-align: center;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder { padding-left: 0vw!important;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {font-weight: 300!important; border-radius: 0!important; text-transform: uppercase!important; border: 1px solid var(--color2)!important; background-color: var(--color2)!important; letter-spacing: .1rem!important; margin: 3rem 1rem!important;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button { background-color: var(--color3)!important; border: 1px solid var(--color3)!important; color: var(--blanc)!important; box-shadow: 0 0 black!important; opacity: 1!important;} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {border: 1px solid var(--gris2)!important; color:var(--gris2)!important; opacity:1!important} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {flex-direction: column; width: 100%;} .moove-gdpr-cookie-notice h5 span, .moove-gdpr-cookie-notice h5 { font-size: 1.8rem!important; text-align: center!important; margin-bottom: 0!important;} .acceptance-gdpr label {font-weight: 100; font-size: .8rem;} .acceptance-gdpr span { margin: 10px 0;} .page-id-1225 h2 {text-align:left; font-size: 2rem; margin-bottom: 40px!important;} .gdpr-framework-privacy-tools h2 {font-size: 1.4em; color: var(--noir); } button.mgbutton.moove-gdpr-modal-allow-all.button-visible { border-radius: 0!important; text-transform: uppercase!important; padding: .5rem 1rem!important; margin: auto!important;} a.moove-gdpr-modal-close { top: 0!important; right: 10px!important; display: block!important; width: 50px!important; height: 20px!important; line-height: 20px!important; text-align: center!important; border-radius: 0!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {border: 0!important; background-color: transparent!important; color: var(--noir)!important;} #moove_gdpr_cookie_modal .switch input:checked+.slider { background-color: var(--noir)!important;} #moove_gdpr_cookie_modal .switch input:checked+.slider:after, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon { color: var(--noir)!important} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {height: 80px!important} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before {bottom: 80px!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{ text-align:center!important;flex-wrap: nowrap!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { border-radius: 0!important; padding: .5rem 1rem!important;border: 0!important;} #moove_gdpr_save_popup_settings_button {height: 30px!important; border-radius: 50px;width: auto!important;} #moove_gdpr_save_popup_settings_button span.moove_gdpr_icon {line-height: 30px!important; font-size: 24px!important; min-width: 30px!important; margin-left: -1px!important; height: 30px!important} #moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg { height: 25px!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i {width: 50px!important; height: 50px!important; line-height: 50px!important; border-radius: 0!important; border: 0!important;} div.moove-gdpr-button-holder {text-align:center} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {border-top-left-radius: 0!important; border-bottom-left-radius: 0!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button { background-color: #e4c7d930!important; /* border-radius: 10px!important; */ } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button {border-radius: 0!important; background-color: #fff!important; border: 1px solid #fff!important;} #moove_gdpr_save_popup_settings_button span.moove_gdpr_icon span.gdpr-icon { top: -4px!important; left: 1px!important;} #moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider, #moove_gdpr_cookie_modal .cookie-switch input:checked+.slider, #moove_gdpr_cookie_modal .switch input:checked+.cookie-slider, #moove_gdpr_cookie_modal .switch input:checked+.slider { background-color: #b4e2c1!important;} #moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:after, #moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:after, #moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:after, #moove_gdpr_cookie_modal .switch input:checked+.slider:after { color: #b4e2c1!important;} #moove_gdpr_cookie_modal .cookie-switch .cookie-slider, #moove_gdpr_cookie_modal .cookie-switch .slider, #moove_gdpr_cookie_modal .switch .cookie-slider, #moove_gdpr_cookie_modal .switch .slider {background-color: var(--color5)!important;} #moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after, #moove_gdpr_cookie_modal .cookie-switch .slider:after, #moove_gdpr_cookie_modal .switch .cookie-slider:after, #moove_gdpr_cookie_modal .switch .slider:after {color: var(--color5)!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close { top:0!important; right: 0!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover { background-color: transparent!important} .gdpr-download-button, .gdpr-export-button { display: inline-block;} #moove_gdpr_save_popup_settings_button span.moove_gdpr_text { line-height: 30px!important;} @media screen and (max-width:768px){ #moove_gdpr_cookie_modal { margin-top: 20px!important;min-height: 100vh!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content { width: 90vw!important;} #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { height: calc(100vh)!important} #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder { justify-content: center} .moove-gdpr-button-holder button { margin: auto} #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; } } /* Print --------------------------------------------------------------------------------------- */ @media print { main header > img, .bsearch, footer, .breadcrumbs, .progress-container, .to-the-top, .slide-panel, .social-box, #moove_gdpr_save_popup_settings_button, #moove_gdpr_cookie_modal, #moove_gdpr_cookie_info_bar, #pojo-a11y-toolbar, nav, .same-cat, .page-template-templates #site-content header.entry-header img, .page-template-default #site-content header.entry-header img, .archive-header img, .single #site-content header.entry-header img { display: none !important; } p, li {transform: none!important; opacity:1!important; visibility: visible!important;} body:not(home) .site-content-contain .wrap { max-width: none; margin-top: 0;} .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {font-size: 2rem; margin-left: 0;} main header {height: 50px!important} /*img.alignleft { padding: 0 20px 20px 0; float: left;} img.alignright { padding: 0 0 20px 20px; float: right;} .page-template-templates #site-content header.entry-header .entry-header-inner h1, .page-template-default #site-content header.entry-header .entry-header-inner, .archive-header .archive-header-inner h1, .single #site-content header.entry-header .entry-header-inner {color: #000000; font-size: 4rem;} .post-inner { padding: 5rem!important;}*/ } /* Animations & survol --------------------------------------------------------------------------------------- */ .p-transition:hover { -webkit-backface-visibility: hidden; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } .p-transition2:hover { -webkit-backface-visibility: hidden; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .p-transition-d:hover { -webkit-backface-visibility: hidden; -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .p-transition-z:hover { -webkit-backface-visibility: hidden; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .p-transition-z2:hover { -webkit-backface-visibility: hidden; -webkit-transform: scale(1.05) translateY(-5px); -moz-transform: scale(1.05) translateY(-5px); -ms-transform: scale(1.05) translateY(-5px); -o-transform: scale(1.05) translateY(-5px); transform: scale(1.05) translateY(-5px); transform-origin: bottom center; } .p-transition-z3:hover { -webkit-backface-visibility: hidden; -webkit-transform: scale(.95) translateY(-5px); -moz-transform: scale(.95) translateY(-5px); -ms-transform: scale(.95) translateY(-5px); -o-transform: scale(.95) translateY(-5px); transform: scale(.95) translateY(-5px); transform-origin: bottom center; } .p-transition, .p-transition2, .p-transition-d, .p-transition-z, .p-transition-z2, .p-transition-z3 { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .lien-aide:hover { opacity: 0.5;} a.btn, .lien-aide { opacity: 1; transition: opacity 0.6s;} /* Responsive columns bootstrap --------------------------------------------------------------------------------------- */ .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .no-gutters { margin-right: 0; margin-left: 0;} .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;} .my-auto { margin-bottom: auto!important; margin-top: auto!important;} .mx-auto { margin-left: auto!important; margin-right: auto!important;} .align-items-center { -ms-flex-align: center!important; align-items: center!important;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 20px; padding-left: 20px;} .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%;} .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.566667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } }