html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, a.button a:hover, input.button a:hover, button.btn a:hover, ul.js-pager__items .button a:hover, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 1rem; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a, a.button a:hover, input.button a:hover, button.btn a:hover, ul.js-pager__items .button a:hover, a:link, a.button a:link:hover, input.button a:link:hover, button.btn a:link:hover, ul.js-pager__items .button a:link:hover, a:visited, a.button a:visited:hover, input.button a:visited:hover, button.btn a:visited:hover, ul.js-pager__items .button a:visited:hover { text-decoration: none; } a:focus, a.button a:focus:hover, input.button a:focus:hover, button.btn a:focus:hover, ul.js-pager__items .button a:focus:hover, textarea:focus, input:focus { outline: 1px dotted black; } img { vertical-align: middle; max-width: 100%; height: auto !important; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Lato-Regular, verdana, Arial, sans-serif; color: #010D26 !important; } tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background: none; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } blockquote { border-left: 5px solid #1758B1; padding-left: 20px; } #drupal-live-announce { height: 0; } #forward-form #edit-subject, #forward-form #edit-body, .ajax-progress-throbber, .search-result__info { display: none; } .site-logo { width: 425px; } #site-branding #logo a { display: block; } .search-results li { margin: 0 0 15px 0; } /*.search-form { .form-item input { height: 25px; } input.button { padding: 5px 10px; border: none; } }*/ @font-face { font-family: Lato-Bold; src: url("./../fonts/Lato-Bold.eot"); src: url("./../fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("./../fonts/Lato-Bold.woff") format("woff"), url("./../fonts/Lato-Bold.ttf") format("truetype"), url("./../fonts/Lato-Bold.svg#Lato-Bold") format("svg"); } @font-face { font-family: Lato-Regular; src: url("./../fonts/Lato-Regular.eot"); src: url("./../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("./../fonts/Lato-Regular.woff") format("woff"), url("./../fonts/Lato-Regular.ttf") format("truetype"), url("./../fonts/Lato-Regular.svg#Lato-Regular") format("svg"); } h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-family: Lato-Bold; } h1 { font-size: 2.8rem; line-height: 1.3; } h2 { font-size: 1.4rem; } h3 { line-height: 1.2; font-size: 1.3rem; } h4 { font-size: 1.2rem; } h5 { font-size: 1.1rem; } h6 { font-size: 1rem; } h4.label { color: #010D26; margin-right: 5px; } .page-title { margin: 0 0 20px 0; text-align: left; } .panel-title { margin-bottom: 10px; line-height: 1.2; } .panel-title a, .panel-title a.button a:hover, a.button .panel-title a:hover, .panel-title input.button a:hover, input.button .panel-title a:hover, .panel-title button.btn a:hover, button.btn .panel-title a:hover, .panel-title ul.js-pager__items .button a:hover, ul.js-pager__items .button .panel-title a:hover { color: #010D26; } .panel-title a:hover { color: #1758B1; } b, strong { font-family: Lato-Bold; } i, em { font-style: italic; } p { font-size: 1em; line-height: 1.5; margin-bottom: 6px; } a:hover, a.button a:hover, input.button a:hover, button.btn a:hover, ul.js-pager__items .button a:hover, a:link, a.button a:link:hover, input.button a:link:hover, button.btn a:link:hover, ul.js-pager__items .button a:link:hover { text-decoration: none; } .view a, .view a.button a:hover, a.button .view a:hover, .view input.button a:hover, input.button .view a:hover, .view button.btn a:hover, button.btn .view a:hover, .view ul.js-pager__items .button a:hover, ul.js-pager__items .button .view a:hover { font-size: 1em; } @media (max-width: 979px) { .view a, .view a.button a:hover, a.button .view a:hover, .view input.button a:hover, input.button .view a:hover, .view button.btn a:hover, button.btn .view a:hover, .view ul.js-pager__items .button a:hover, ul.js-pager__items .button .view a:hover { font-size: 1em; } } #page-wrapper li { font-size: 1em; line-height: 1.5; } ol li p, ul li p { display: inline; } .eu-cookie-compliance-message p { font-weight: normal !important; } .eu-cookie-compliance-message p, .eu-cookie-compliance-message a, .eu-cookie-compliance-message a.button a:hover, a.button .eu-cookie-compliance-message a:hover, .eu-cookie-compliance-message input.button a:hover, input.button .eu-cookie-compliance-message a:hover, .eu-cookie-compliance-message button.btn a:hover, button.btn .eu-cookie-compliance-message a:hover, .eu-cookie-compliance-message ul.js-pager__items .button a:hover, ul.js-pager__items .button .eu-cookie-compliance-message a:hover { font-size: .9em !important; line-height: 1.5 !important; } .visually-hidden-focusable { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 50; background: #444; background: rgba(0, 0, 0, 0.6); font-size: 0.94em; line-height: 1.7em; padding: 1px 10px 2px; border-radius: 0 0 10px 10px; border-bottom-width: 0; outline: 0; position: absolute !important; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; word-wrap: normal; } .sliding-popup-bottom { opacity: .8; } #content-outer-wrapper { z-index: 1; position: relative; padding-bottom: 40px; padding-top: 80px; } #site-branding { margin-top: 0; } #site-branding #logo { margin-right: 0; max-width: initial; } .group-address .field--name-field-code-postal, .group-address .field--name-field-commune, .group-address .field--name-field-ville { display: inline; } .group-address .field--name-field-code-postal .field__items, .group-address .field--name-field-code-postal .field__item, .group-address .field--name-field-commune .field__items, .group-address .field--name-field-commune .field__item, .group-address .field--name-field-ville .field__items, .group-address .field--name-field-ville .field__item { display: inline; } .views-field-name, .field--name-node-title, .views-field-title, .field--name-field-title { font-size: 1.2em; line-height: 1.4; margin-bottom: 15px; } .views-field-name a, .views-field-name a.button a:hover, a.button .views-field-name a:hover, .views-field-name input.button a:hover, input.button .views-field-name a:hover, .views-field-name button.btn a:hover, button.btn .views-field-name a:hover, .views-field-name ul.js-pager__items .button a:hover, ul.js-pager__items .button .views-field-name a:hover, .field--name-node-title a, .field--name-node-title a.button a:hover, a.button .field--name-node-title a:hover, .field--name-node-title input.button a:hover, input.button .field--name-node-title a:hover, .field--name-node-title button.btn a:hover, button.btn .field--name-node-title a:hover, .field--name-node-title ul.js-pager__items .button a:hover, ul.js-pager__items .button .field--name-node-title a:hover, .views-field-title a, .views-field-title a.button a:hover, a.button .views-field-title a:hover, .views-field-title input.button a:hover, input.button .views-field-title a:hover, .views-field-title button.btn a:hover, button.btn .views-field-title a:hover, .views-field-title ul.js-pager__items .button a:hover, ul.js-pager__items .button .views-field-title a:hover, .field--name-field-title a, .field--name-field-title a.button a:hover, a.button .field--name-field-title a:hover, .field--name-field-title input.button a:hover, input.button .field--name-field-title a:hover, .field--name-field-title button.btn a:hover, button.btn .field--name-field-title a:hover, .field--name-field-title ul.js-pager__items .button a:hover, ul.js-pager__items .button .field--name-field-title a:hover { color: #010D26; font-family: Lato-Bold; } .views-field-name a:hover, .field--name-node-title a:hover, .views-field-title a:hover, .field--name-field-title a:hover { color: #1758B1; } .views-field-name h2, .views-field-name h2.pane-title, .field--name-node-title h2, .field--name-node-title h2.pane-title, .views-field-title h2, .views-field-title h2.pane-title, .field--name-field-title h2, .field--name-field-title h2.pane-title { font-size: 1.1em; line-height: 1.3; font-family: inherit; } .field--name-field-galerie-photos { overflow: hidden; } .field--name-field-galerie-photos .field__item { margin: 0 10px 10px 0; } .print__wrapper--pdf { margin-right: 0; margin-left: 0; margin-bottom: 20px; margin-top: 6px; float: right; } .print__wrapper--pdf a, .print__wrapper--pdf a.button a:hover, a.button .print__wrapper--pdf a:hover, .print__wrapper--pdf input.button a:hover, input.button .print__wrapper--pdf a:hover, .print__wrapper--pdf button.btn a:hover, button.btn .print__wrapper--pdf a:hover, .print__wrapper--pdf ul.js-pager__items .button a:hover, ul.js-pager__items .button .print__wrapper--pdf a:hover { display: block; width: 40px; height: 40px; background-image: url("./../images/pdf-contenu.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #010D26; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .print__wrapper--pdf a:hover { background-color: #F7C046; } .se-block { float: right; height: 40px; min-width: 250px; } .se-block .block-content { overflow: hidden; } .se-block .block-content .se-container .se-trigger { display: none; width: 40px; height: 40px; } .se-block .block-content .se-container .se-trigger img { padding: 20px; } .se-block .block-content .se-links-container ul li { float: left; margin-right: 15px; } .se-block .block-content .se-links-container ul li a { display: block; width: 40px; height: 40px; background-image: url("./../images/blank.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #010D26; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .se-block .block-content .se-links-container ul li a:hover { background-color: #F7C046; } .se-block .block-content .se-links-container ul li.facebook_share { position: relative; } .se-block .block-content .se-links-container ul li.facebook_share a { background-image: url("./../images/facebook-contenu.svg"); position: relative; } .se-block .block-content .se-links-container ul li.facebook_share a:before { content: ''; width: 40px; height: 40px; position: absolute; top: 0; right: 55px; bottom: 0; left: auto; background-image: url("./../images/partage.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; pointer-events: none; } .se-block .block-content .se-links-container ul li.twitter a { background-image: url("./../images/X-twitter-02.svg"); } .se-block .block-content .se-links-container ul li.linkedin a { background-image: url("./../images/linked-in-contenu.svg"); } .se-block .block-content .se-links-container ul li:before { display: none; } .se-block.se-align-left .block-content .se-container .se-links-container { height: 100px; margin-top: 0; float: right; } .se-block #se-trigger-node88 { display: none; } .field--name-forward-form { display: inline-block; vertical-align: top; margin-top: 16px; float: right; margin-left: 15px; } .field--name-forward-form [role="button"] { font-size: 0; width: 40px; height: 40px; background-image: url("./../images/forward.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #010D26; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .field--name-forward-form [role="button"]:hover { background-color: #F7C046; } .group-operations { background: none !important; padding: 0 !important; } #cookiesjsr ul { padding-left: 0; } #cookiesjsr .cookiesjsr-banner { background: white; color: #010D26; box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.2); } #cookiesjsr .cookiesjsr-banner a { color: #1758B1; } #cookiesjsr .cookiesjsr-links.links--row li:before { background: #1758B1; } #cookiesjsr .cookiesjsr-btn { border: 1px solid #1758B1; background: #1758B1; padding: 0 10px; color: white; } #cookiesjsr .cookiesjsr-btn:hover, #cookiesjsr .cookiesjsr-btn.important { color: #1758B1; background: white; } @media (min-width: 768px) { #cookiesjsr .cookiesjsr-banner--info { width: 75%; } } /*@import 'helpers/colors';*/ a.button, input.button, button.btn, ul.js-pager__items .button, a.button a, input.button a, button.btn a, ul.js-pager__items .button a, a.button a:hover, input.button a:hover, button.btn a:hover { text-transform: none; text-shadow: none; font-weight: normal; background: none; border: none; margin: 0; padding: 0; font-size: 1rem; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } a.button, input.button, button.btn, ul.js-pager__items .button { padding: 0; line-height: 1.5; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .form-type-date textarea, .form-type-date input, .form-type-textfield textarea, .form-type-textfield input, .form-type-email textarea, .form-type-email input, .form-type-textarea textarea, .form-type-textarea input, .field--type-entity-reference textarea, .field--type-entity-reference input, .chosen-container-single .chosen-single, select { line-height: 1.5; padding: 7px 15px; color: black; background: #F5F5F5; font-size: 1rem; border: none; width: 100%; max-width: 100%; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 5px 6px -4px rgba(0, 0, 0, 0.3); } .form-type-date textarea + .description, .form-type-date input + .description, .form-type-textfield textarea + .description, .form-type-textfield input + .description, .form-type-email textarea + .description, .form-type-email input + .description, .form-type-textarea textarea + .description, .form-type-textarea input + .description, .field--type-entity-reference textarea + .description, .field--type-entity-reference input + .description, .chosen-container-single .chosen-single + .description, select + .description { margin-top: 0.5em; color: #8d8d8d; } @media all and (min-width: 40em) { .form-type-date textarea, .form-type-date input, .form-type-textfield textarea, .form-type-textfield input, .form-type-email textarea, .form-type-email input, .form-type-textarea textarea, .form-type-textarea input, .field--type-entity-reference textarea, .field--type-entity-reference input, .chosen-container-single .chosen-single, select { max-width: 400px; } } .view-carrousel-accueil, .view-video.view-display-id-block_actus_video, .view-fil-infos { position: relative; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section, .view-video.view-display-id-block_actus_video .views_slideshow_cycle_teaser_section, .view-fil-infos .views_slideshow_cycle_teaser_section { width: 100% !important; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide, .view-video.view-display-id-block_actus_video .views_slideshow_cycle_teaser_section .views_slideshow_slide, .view-fil-infos .views_slideshow_cycle_teaser_section .views_slideshow_slide { width: 100% !important; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide img, .view-video.view-display-id-block_actus_video .views_slideshow_cycle_teaser_section .views_slideshow_slide img, .view-fil-infos .views_slideshow_cycle_teaser_section .views_slideshow_slide img { width: 100%; } header .region-top-header, .bloc-timer, footer.site-footer .container, .view-carrousel-accueil .views-field-nothing, .view-carrousel-accueil .views-field-title, .path-frontpage .layout__region--bottom .block-region-bottom .bloc-images, .path-frontpage .layout__region--bottom .block-region-bottom .front-agenda, .path-frontpage .layout__region--bottom .block-region-second-below .bloc-images, .path-frontpage .layout__region--bottom .block-region-second-below .front-agenda, .path-frontpage .layout__region--second-below .block-region-bottom .bloc-images, .path-frontpage .layout__region--second-below .block-region-bottom .front-agenda, .path-frontpage .layout__region--second-below .block-region-second-below .bloc-images, .path-frontpage .layout__region--second-below .block-region-second-below .front-agenda, .path-frontpage .layout__region--first-above, .path-frontpage .block-region-first-below, .path-frontpage .block-region-middle, .path-frontpage .block-region-second-above, .path-frontpage .block-views-blockacces-directs-block-acces-directs, .not-front nav.tabs, .not-front #block-bootstrap-barrio-subtheme-filsdariane, .not-front #block-bootstrap-barrio-subtheme-page-title, .not-front #block-bootstrap-barrio-subtheme-content, .not-front #block-omegabasic-breadcrumbs, .not-front #block-omegabasic-local-tasks, .node--type-rue > .field--name-node-title, .path-votre-ville > .field--name-node-title, .node--type-rue .field--name-field-secteur-collecte > .field__label, .node--type-rue .field--name-field-secteur-collecte > .field__item, .path-votre-ville .field--name-field-secteur-collecte > .field__label, .path-votre-ville .field--name-field-secteur-collecte > .field__item { max-width: 1360px; margin: 0 auto; width: 95%; } .print__wrapper--pdf a, .print__wrapper--pdf a.button a:hover, a.button .print__wrapper--pdf a:hover, .print__wrapper--pdf input.button a:hover, input.button .print__wrapper--pdf a:hover, .print__wrapper--pdf button.btn a:hover, button.btn .print__wrapper--pdf a:hover, .print__wrapper--pdf ul.js-pager__items .button a:hover, ul.js-pager__items .button .print__wrapper--pdf a:hover, .se-block .block-content .se-links-container ul li a, .block-views-exposed-filter-blockrecherche-globale-page-search .form-actions button, #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form .form-actions button, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li > a, .views-table tbody .views-field-edit-webform-submission a { color: transparent; font-size: 0; text-indent: -9999px; } .field--name-field-galerie-photos .field__item, .print__wrapper--pdf, .se-block, .view-seance-conseils > ul.nav > li, .view-seance-conseils .views-row, .block-views-exposed-filter-blockrecherche-globale-page-search .form-actions button, .form--inline .form-item, .form--inline .form-actions, .view-acces-directs .views-row, .node--type-rue .field--name-field-bureau-vote, .node--type-rue .field--name-field-secteur-scolaire, .path-votre-ville .field--name-field-bureau-vote, .path-votre-ville .field--name-field-secteur-scolaire, #user-login-form .js-form-item, #user-pass .js-form-item { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search, .block-menumobile .navbar-we-mega-menu .span12:nth-child(2), .block-menumobile .navbar-we-mega-menu .span12:nth-child(3), .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li, .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li .views-field-field-taxonomie-image a, .view-acces-directs .views-field-field-taxonomie-image a, .node--type-rue .field--name-field-bureau-vote > .field__item, .path-votre-ville .field--name-field-bureau-vote > .field__item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search, .block-menumobile .navbar-we-mega-menu .span12:nth-child(2), .block-menumobile .navbar-we-mega-menu .span12:nth-child(3), .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li, .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li .views-field-field-taxonomie-image a, .view-acces-directs .views-field-field-taxonomie-image a, .node--type-rue .field--name-field-bureau-vote > .field__item, .path-votre-ville .field--name-field-bureau-vote > .field__item, .view-seance-conseils .field__items, .view-seance-conseils > ul.nav, .view-seance-conseils .views-send-selection-form > form, .view-seance-conseils .views-infinite-scroll-content-wrapper, .view-seance-conseils .view-content, footer.site-footer .region-footer-first, footer.site-footer #block-bootstrap-barrio-subtheme-logosfooter .footer-logo, .block-views-blockacces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel-container-horizontal, .node-evenement-form details[open=""] .details-wrapper #edit-enfant-date-naissance, .node-evenement-form details[open="open"] .details-wrapper #edit-enfant-date-naissance, .webform-submission-form details[open=""] .details-wrapper #edit-enfant-date-naissance, .webform-submission-form details[open="open"] .details-wrapper #edit-enfant-date-naissance, .view-filters .views-exposed-form .row, .view-video.view-display-id-page_videos .view-content, .view-docutheque .view-content, .view-display-id-block_equipement_ecole .view-content, .view-offres-emploi .view-content, .view-services-municipaux .view-content, .view-entreprise .view-content, .view-associations .view-content, .view-elus .view-content, .view-termes-de-taxonomie .view-content, .view-display-id-block_en_images_rubrique .view-content, .view-display-id-block_publications_rubrique .view-content, .view-display-id-page_en_images .view-content, .view-panneaux-accroche .view-content, .view-display-id-page_publications .view-content, .not-front .view-agenda .view-content, .view-display-id-block_agenda_rubrique .view-content, .view-display-id-page_actualites .view-content, .view-agenda .view-header, .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images, .node--view-mode-full .group-left .field--name-field-galerie-images, .autre-type-contenu .group-left .field--name-field-galerie-images, .path-connexion .layout { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .view-numeros-utiles .ui-accordion .ui-accordion-header { padding: 15px 55px 15px 10px; margin: 0; border: none; position: relative; font-size: 1.2em; color: #010D26; font-family: Lato-Bold; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: white; } .view-numeros-utiles .ui-accordion .ui-accordion-header .ui-icon { margin-top: 0; width: 55px; height: 100%; background-image: url("./../images/fleche-blue-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; position: absolute; top: 0; right: 0; bottom: 0; left: auto; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 1; } .view-numeros-utiles .ui-accordion .ui-accordion-header:after { content: ""; width: 55px; height: 100%; background: #DDDDDD; position: absolute; top: 0; right: 0; bottom: 0; left: auto; } .view-numeros-utiles .ui-accordion .ui-accordion-header:focus { outline: none; } .view-numeros-utiles .ui-accordion .ui-accordion-header.ui-state-active { margin-bottom: 0; } .view-numeros-utiles .ui-accordion .ui-accordion-header.ui-state-active .ui-icon { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .view-numeros-utiles .ui-accordion .ui-accordion-content { padding: 20px; border: 0; background: #DDDDDD; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .view-numeros-utiles .ui-accordion .ui-accordion-content.ui-accordion-content-active { margin-bottom: 0; } .view-numeros-utiles .ui-accordion .ui-accordion-content p { margin-bottom: 10px; } .view-docutheque .views-row, .view-offres-emploi .views-row, .view-services-municipaux .views-row, .view-entreprise .views-row, .view-associations .views-row, .view-elus .views-row, .view-termes-de-taxonomie .views-row, .view-display-id-block_en_images_rubrique .views-row, .view-display-id-block_publications_rubrique .views-row, .view-display-id-page_en_images .views-row, .view-panneaux-accroche .views-row, .view-display-id-page_publications .views-row, .not-front .view-agenda .views-row, .view-display-id-block_agenda_rubrique .views-row, .view-display-id-page_actualites .views-row { width: 100%; margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 480px) { .view-docutheque .views-row, .view-offres-emploi .views-row, .view-services-municipaux .views-row, .view-entreprise .views-row, .view-associations .views-row, .view-elus .views-row, .view-termes-de-taxonomie .views-row, .view-display-id-block_en_images_rubrique .views-row, .view-display-id-block_publications_rubrique .views-row, .view-display-id-page_en_images .views-row, .view-panneaux-accroche .views-row, .view-display-id-page_publications .views-row, .not-front .view-agenda .views-row, .view-display-id-block_agenda_rubrique .views-row, .view-display-id-page_actualites .views-row { width: 43%; margin-right: 30px; } } @media (min-width: 980px) { .view-docutheque .views-row, .view-offres-emploi .views-row, .view-services-municipaux .views-row, .view-entreprise .views-row, .view-associations .views-row, .view-elus .views-row, .view-termes-de-taxonomie .views-row, .view-display-id-block_en_images_rubrique .views-row, .view-display-id-block_publications_rubrique .views-row, .view-display-id-page_en_images .views-row, .view-panneaux-accroche .views-row, .view-display-id-page_publications .views-row, .not-front .view-agenda .views-row, .view-display-id-block_agenda_rubrique .views-row, .view-display-id-page_actualites .views-row { width: 29%; margin-right: 30px; } } @media (min-width: 1220px) { .view-docutheque .views-row, .view-offres-emploi .views-row, .view-services-municipaux .views-row, .view-entreprise .views-row, .view-associations .views-row, .view-elus .views-row, .view-termes-de-taxonomie .views-row, .view-display-id-block_en_images_rubrique .views-row, .view-display-id-block_publications_rubrique .views-row, .view-display-id-page_en_images .views-row, .view-panneaux-accroche .views-row, .view-display-id-page_publications .views-row, .not-front .view-agenda .views-row, .view-display-id-block_agenda_rubrique .views-row, .view-display-id-page_actualites .views-row { width: 22%; margin-right: 30px; } } @media (max-width: 479px) { .view-seance-conseils > ul.nav > li, .view-seance-conseils .views-row { max-width: 250px; margin-left: auto; margin-right: auto; } } .view-seance-conseils > ul.nav > li, .view-seance-conseils .views-row { width: 100%; } .view-seance-conseils .views-send-selection-form { width: 100%; } .view-seance-conseils .field__items, .view-seance-conseils > ul.nav, .view-seance-conseils .views-send-selection-form > form, .view-seance-conseils .views-infinite-scroll-content-wrapper, .view-seance-conseils .view-content { letter-spacing: -0.31em; width: auto; min-width: 100%; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: left; -ms-flex-pack: left; -webkit-justify-content: left; -moz-justify-content: left; justify-content: left; } .view-seance-conseils .field__items:before, .view-seance-conseils .field__items:after, .view-seance-conseils > ul.nav:before, .view-seance-conseils > ul.nav:after, .view-seance-conseils .views-send-selection-form > form:before, .view-seance-conseils .views-send-selection-form > form:after, .view-seance-conseils .views-infinite-scroll-content-wrapper:before, .view-seance-conseils .views-infinite-scroll-content-wrapper:after, .view-seance-conseils .view-content:before, .view-seance-conseils .view-content:after { display: none; } .view-seance-conseils .field__items > h3, .view-seance-conseils > ul.nav > h3, .view-seance-conseils .views-send-selection-form > form > h3, .view-seance-conseils .views-infinite-scroll-content-wrapper > h3, .view-seance-conseils .view-content > h3 { width: 100%; margin-bottom: 10px !important; } .view-seance-conseils .field__items *, .view-seance-conseils > ul.nav *, .view-seance-conseils .views-send-selection-form > form *, .view-seance-conseils .views-infinite-scroll-content-wrapper *, .view-seance-conseils .view-content * { letter-spacing: normal; } @media (min-width: 480px) { .view-seance-conseils .field__items, .view-seance-conseils > ul.nav, .view-seance-conseils .views-send-selection-form > form, .view-seance-conseils .views-infinite-scroll-content-wrapper, .view-seance-conseils .view-content { margin-left: -1.5%; margin-right: -1.5%; } .view-seance-conseils .field__items > h3, .view-seance-conseils .field__items > div, .view-seance-conseils > ul.nav > h3, .view-seance-conseils > ul.nav > div, .view-seance-conseils .views-send-selection-form > form > h3, .view-seance-conseils .views-send-selection-form > form > div, .view-seance-conseils .views-infinite-scroll-content-wrapper > h3, .view-seance-conseils .views-infinite-scroll-content-wrapper > div, .view-seance-conseils .view-content > h3, .view-seance-conseils .view-content > div { margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 2.25%; } } @media (min-width: 768px) { .view-seance-conseils .views-row { width: 100%; } } @media (min-width: 900px) { .view-seance-conseils .views-row { width: 47%; } } #user-login-form, #user-pass, #user-login-form ~ .item-list, #user-pass ~ .item-list { padding: 40px; max-width: 640px; margin: 20px auto; background: white; border: 1px solid #DDDDDD; } @media (max-width: 767px) { #user-login-form, #user-pass, #user-login-form ~ .item-list, #user-pass ~ .item-list { max-width: 400px; } } @media (max-width: 479px) { #user-login-form, #user-pass, #user-login-form ~ .item-list, #user-pass ~ .item-list { max-width: 300px; } } a.button, input.button, button.btn, ul.js-pager__items .button { color: white; border: none; text-transform: initial; } .not-front header, .block-views-exposed-filter-blockrecherche-globale-page-search .js-form-item input, body.scrolled header #navbar-top, .view-carrousel-accueil .views-slideshow-controls-bottom li, .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom li, .path-node .node-evenement-form .form-url, .path-node .node-evenement-form .form-email, .path-node .node-evenement-form .form-text, .path-node .node-evenement-form .form-time, .view-docutheque .views-row, .view-entreprise .views-row, .view-associations .views-row, .view-elus .views-row { border: 1px solid #DDDDDD; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); } /*@mixin formBefore($color){ &:before{ content: ""; @include absolute(0,auto,auto,-20px); width: 0; height: 0; border-style: solid; border-width: 0 0 40px 20px; border-color: transparent transparent $color transparent; @include transition; } } @mixin formAfter($color){ &:after{ content: ""; @include absolute(0,-20px,auto,auto); width: 0; height: 0; border-style: solid; border-width: 40px 20px 0 0; border-color: $color transparent transparent transparent; @include transition; } } */ .to_top { position: fixed; bottom: 10px; right: 0; opacity: 1; background-image: url("./../images/remonter.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #F7C046; font-size: 0px; font-size: 0rem; width: 40px; height: 40px; z-index: 600; display: none; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .to_top:hover { transform: translate(0, -5px); -o-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -webkit-transform: translate(0, -5px); } .not-front header { margin-bottom: 10px; } header { z-index: 2; } header #navbar-top { background: white; min-height: 65px; padding: 0; margin: 0; } header .region-top-header { display: block; position: static; } header #navbar-main { display: block; background: white; padding: 0; margin: 0; min-height: auto; } header #navbar-main:before, header #navbar-main:after { display: none; } header .block-simplenews { margin-left: 20px; margin-top: 0; float: right; } header .block-simplenews .form-group { margin: 0; } header .block-simplenews .field--name-mail { float: left; } header .block-simplenews .field--name-mail .description, header .block-simplenews .field--name-mail label { display: none; } header .block-simplenews .field--name-mail input { max-width: 200px; padding: 0 10px; font-size: .9em; height: 40px; } header .block-simplenews .form-type-email, header .block-simplenews .form-actions, header .block-simplenews #edit-actions, header .block-simplenews .form-email { margin: 0; } header .block-simplenews .form-actions, header .block-simplenews #edit-actions { float: left; } header .block-simplenews .form-actions button, header .block-simplenews #edit-actions button { text-transform: uppercase; font-size: .9em; height: 40px; background-color: #F7C046; border-color: #F7C046; color: #010D26; padding-left: 30px; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: url("./../images/newsletter.svg"); background-repeat: no-repeat; background-position: left 3px center; background-size: 22px 22px; background-color: #F7C046; } header .block-simplenews .form-actions button:hover, header .block-simplenews #edit-actions button:hover { background-color: #010D26; color: #F7C046; } .navbar-brand { float: left; margin-top: 20px; margin-left: 0; display: block; width: 425px; } .menu--reseaux-sociaux { margin-top: 12px; float: right; opacity: 1; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .region-top-header > .block-superfishmenu-principal { margin-top: 20px; clear: right; float: right; width: initial; } .block-views-exposed-filter-blockrecherche-globale-page-search { float: right; margin: 15px 20px 0 0; background: transparent; position: relative; /*@media screen and (min-width: 1100px) and (max-width: 1220px) { margin-top: 19px; margin-right: 10px; .js-form-item input, .form-actions button { width: 25px; height: 25px; } .form-actions button { background-size: 25px 25px; } }*/ } .block-views-exposed-filter-blockrecherche-globale-page-search .element-invisible { display: none; } .block-views-exposed-filter-blockrecherche-globale-page-search .js-form-item input { color: transparent; z-index: 1; height: 40px; width: 260px; padding: 0 40px 0 15px; background: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; top: 0; right: 0; bottom: auto; left: auto; } .block-views-exposed-filter-blockrecherche-globale-page-search .form-actions { margin-top: 0; margin-bottom: 0; } .block-views-exposed-filter-blockrecherche-globale-page-search .form-actions button { position: relative; float: right; border: none !important; width: 40px; height: 40px; cursor: pointer; padding: 0; z-index: 10; margin-right: 0; margin-top: 0; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; z-index: 2; background-image: url("./../images/rechercher-accueil.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; } .block-views-exposed-filter-blockrecherche-globale-page-search .form-actions button:hover { transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); } .block-views-exposed-filter-blockrecherche-globale-page-search:hover .js-form-item input { width: 260px; color: #010D26; background: #F5F5F5; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .block-views-exposed-filter-blockrecherche-globale-page-search label { display: none !important; } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search { position: absolute; top: 230px; right: auto; bottom: auto; left: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form { width: 400px; position: relative; } @media (max-width: 479px) { #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form { width: 300px; } } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form .flex-wrap { width: 100%; margin: 0; } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form .flex-wrap input { width: 100%; height: 70px; padding: 0 20px 0 70px; background: #F5F5F5; opacity: .9; border: 1px solid #F5F5F5 !important; font-family: Lato-Bold; font-size: 1.2em; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; max-width: none; } @media (max-width: 1023px) { #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form .flex-wrap input { height: 50px; } } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form .flex-wrap label { display: none; } #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form .form-actions button { width: 70px; height: 70px; padding: 0; border: 0; position: absolute; top: 0; right: auto; bottom: auto; left: 0; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: url("./../images/rechercher-accueil.svg"); background-repeat: no-repeat; background-position: left 10px center; background-size: initial; background-color: transparent; } @media (max-width: 1023px) { #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search form .form-actions button { height: 50px; width: 50px; top: 0; } } @media (max-width: 1279px) { #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search { top: 150px; } } @media (max-width: 1099px) { #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search { top: 100px; } } @media (max-width: 767px) { #navbar-main > .block-views-exposed-filter-blockrecherche-globale-page-search { position: relative; top: 20px; right: 0; bottom: 0; left: 0; } } .block-menumobile { display: none; } body.scrolled .to_top { display: block; } body.scrolled header #navbar-top { height: 68px; width: 100%; background: white; position: fixed; z-index: 500; border: 1px solid #F5F5F5; } body.scrolled .region-top-header > .block-simplenews, body.scrolled .region-top-header > .block-views-exposed-filter-blockrecherche-globale-page-search, body.scrolled .region-top-header > .menu--reseaux-sociaux { visibility: hidden; opacity: 0; display: none; } body.scrolled .region-top-header > .block-superfishmenu-principal ul.sf-menu > li > a { padding: 8px 40px; } body.scrolled .navbar-brand { width: 250px; margin-top: 5px; } @media (max-width: 1220px) { .navbar-brand { width: 250px; margin-top: 5px; } .region-top-header > .menu--menu-principal { float: right; } .region-top-header > .menu--menu-principal ul.nav > li > a { padding: 16px 25px; } } @media (max-width: 1099px) { .region-top-header > .block-views-exposed-filter-blockrecherche-globale-page-search, .region-top-header > .menu--reseaux-sociaux, .region-top-header > .block-simplenews, .region-top-header > .block-superfishmenu-principal { display: none; } .block-menumobile { display: block; } #block-omegabasic-branding { margin-top: 5px; float: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .block-menumobile .block-views-exposed-filter-blockrecherche-globale-page-search { margin-right: 0; } .block-menumobile .block-views-exposed-filter-blockrecherche-globale-page-search form { width: 300px; height: 40px; background: #DDDDDD; } .block-menumobile .block-views-exposed-filter-blockrecherche-globale-page-search .js-form-item input { background: #DDDDDD; width: 300px; max-width: 300px; z-index: 500; padding: 0 20px 0 50px; color: #010D26; } .block-menumobile .block-views-exposed-filter-blockrecherche-globale-page-search .form-actions button { z-index: 501; position: absolute; top: 0; right: auto; bottom: 0; left: 5px; } .block-menumobile .block-views-exposed-filter-blockrecherche-globale-page-search:hover .js-form-item input { width: 300px; } .menu--reseaux-sociaux { float: none; margin-top: 10px; } .menu--reseaux-sociaux ul.nav { width: 360px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .menu--reseaux-sociaux ul.nav a { border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } } @media screen and (min-width: 700px) and (max-width: 1100px) { #block-omegabasic-branding { float: left; } .block-menumobile { float: right; margin-top: 15px; } #core-outer-wrapper { padding-top: 68px; } #header-outer-wrapper.fixNav { height: 68px; } } .bloc-timer { z-index: 5; margin-bottom: 20px; /*@include diminuerMQ($wideWidth) { position: relative; border-top: 1px solid $textColor;; border-bottom: 1px solid $textColor;; background: white; .countWeeks { border-left: 0; } .countSecs{ border-right: 0; } .countWeeks, .countDays, .countHrs, .countMins, .countSecs { border-top: 0; } }*/ } .bloc-timer #jquery-countdown-timer-note, .bloc-timer .countDiv { display: none; } .bloc-timer .countWeeks, .bloc-timer .countDays, .bloc-timer .countHrs, .bloc-timer .countMins, .bloc-timer .countSecs { background: white; padding: 30px 40px; display: inline-block; border-top: 1px solid #010D26; position: relative; border-bottom: 1px solid #010D26; /* @include diminuerMQ($tabletXWidth) { padding: 30px 50px; }*/ } .bloc-timer .countWeeks:after, .bloc-timer .countDays:after, .bloc-timer .countHrs:after, .bloc-timer .countMins:after, .bloc-timer .countSecs:after { content: ""; width: 100%; position: absolute; top: auto; right: 0; bottom: 30px; left: 0; font-size: .55em; color: #1758B1; text-align: center; } @media (max-width: 479px) { .bloc-timer .countWeeks:after, .bloc-timer .countDays:after, .bloc-timer .countHrs:after, .bloc-timer .countMins:after, .bloc-timer .countSecs:after { font-size: .5em; } } @media (max-width: 767px) { .bloc-timer .countWeeks, .bloc-timer .countDays, .bloc-timer .countHrs, .bloc-timer .countMins, .bloc-timer .countSecs { padding: 20px; } } .bloc-timer .countWeeks { border-left: 1px solid #010D26; } .bloc-timer .countSecs { border-right: 1px solid #010D26; } .bloc-timer .countWeeks:before, .bloc-timer .countDays:before, .bloc-timer .countHrs:before, .bloc-timer .countMins:before { content: ""; border: 1px solid #010D26; position: absolute; top: 40px; right: 0; bottom: 40px; left: auto; } .bloc-timer .position { width: 20px; } @media (max-width: 767px) { .bloc-timer .position { height: 60px; } } .bloc-timer .digit { position: relative; width: 100%; background: transparent; color: #010D26; background: none; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; font-family: Lato-Bold; } .bloc-timer .countWeeks:after { content: "semaines"; } .bloc-timer .countDays:after { content: "jours"; } .bloc-timer .countHrs:after { content: "heures"; } .bloc-timer .countMins:after { content: "minutes"; } .bloc-timer .countSecs:after { content: "secondes"; } @media (max-width: 479px) { .bloc-timer .digit { font-size: .8em; } .bloc-timer .position { width: 12px; height: 50px; } } footer.site-footer { background: #52A176; position: relative; z-index: 300; font-family: Lato-Regular; } footer.site-footer:before { content: ""; background: #52A176; width: 100%; height: 200px; z-index: 1; position: absolute; top: -40px; right: 0; bottom: auto; left: 0; transform: skew(0, -2deg); -moz-transform: skew(0, -2deg); -ms-transform: skew(0, -2deg); -o-transform: skew(0, -2deg); -webkit-transform: skew(0, -2deg); } footer.site-footer:after { content: ""; background: #F7C046; width: 100%; height: 100px; z-index: 0; position: absolute; top: -40px; right: 0; bottom: auto; left: 0; transform: skew(0, 2deg); -moz-transform: skew(0, 2deg); -ms-transform: skew(0, 2deg); -o-transform: skew(0, 2deg); -webkit-transform: skew(0, 2deg); } footer.site-footer .block { margin: 0; padding: 0; border: 0; } footer.site-footer .content { font-size: 1em; } footer.site-footer .container { max-width: 100%; padding: 0; position: relative; z-index: 2; } footer.site-footer .container h2, footer.site-footer .container p { color: white; } footer.site-footer .region-footer-first { margin: 0; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } footer.site-footer .region-footer-first:after, footer.site-footer .region-footer-first:before { display: none; } footer.site-footer #block-bootstrap-barrio-subtheme-logosfooter { width: 300px; } footer.site-footer #block-bootstrap-barrio-subtheme-logosfooter .footer-logo { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees { width: 580px; padding-right: 40px; font-family: Lato-Regular; } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees h2 { font-family: Lato-Bold; font-size: 1.8em; text-transform: initial; min-height: 48px; padding-left: 60px; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background-image: url("./../images/mairie.svg"); background-repeat: no-repeat; background-position: left center; background-size: initial; background-color: transparent; } @media (max-width: 1199px) { footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees h2 { font-size: 1.4em; } } @media (max-width: 999px) { footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees h2 { font-size: 1.2em; } } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-adresse { float: left; width: 40%; margin-bottom: 10px; } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-horraire { float: left; width: 55%; } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-logo { float: right; width: 35%; text-align: right; } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-logo a { padding: 0 20px; } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-logo img { margin-bottom: 20px; } @media (max-width: 979px) { footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-adresse, footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-horraire, footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-logo { width: 100%; float: left; } footer.site-footer #block-bootstrap-barrio-subtheme-accueilfootercoordonnees .footer-logo { margin-top: 30px; text-align: left; } } footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage { margin-top: 20px; clear: both; width: 100%; } @media (max-width: 1099px) { footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage { margin-top: 10px; } } footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage ul.nav { margin: 0; display: block; } footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage ul.nav li { margin: 0 50px 10px 0; float: left; } @media (max-width: 1099px) { footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage ul.nav li { margin-right: 10px; } } footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage ul.nav a { color: white; text-transform: uppercase; font-family: Lato-Bold; padding: 0; } footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage ul.nav a:hover { color: #F7C046; background: transparent; } footer.site-footer #block-masquerade { clear: right; float: right; margin-top: 10px; } footer.site-footer #block-masquerade .form-item { margin: 0 -5px 0 0; } footer.site-footer #block-masquerade input.form-text { margin-bottom: 10px; } footer.site-footer .block-simplenews { overflow: hidden; max-width: 320px; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } footer.site-footer .block-simplenews h2 { font-size: 1.1em; text-transform: initial; padding-left: 0; border: 0; margin-bottom: 10px; } footer.site-footer .block-simplenews .form-item-message { margin-top: 0; margin-bottom: 0; color: white; } footer.site-footer .block-simplenews .field--type-email, footer.site-footer .block-simplenews #edit-mail-wrapper { float: left; margin-top: 1em; } footer.site-footer .block-simplenews .field--type-email label, footer.site-footer .block-simplenews .field--type-email .description, footer.site-footer .block-simplenews #edit-mail-wrapper label, footer.site-footer .block-simplenews #edit-mail-wrapper .description { display: none; } footer.site-footer .block-simplenews .field--type-email input, footer.site-footer .block-simplenews #edit-mail-wrapper input { max-width: 180px; height: 40px; } footer.site-footer .block-simplenews .form-type-email { margin-bottom: 0; } footer.site-footer .block-simplenews .form-email { margin: 0; } footer.site-footer .block-simplenews .form-actions { float: left; margin: 1em 0; } footer.site-footer .block-simplenews .form-actions button { text-transform: uppercase; font-size: .9em; height: 40px; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: #F7C046; border-color: #F7C046; color: #010D26; font-family: Lato-Bold; } footer.site-footer .block-simplenews .form-actions button:hover { background: #010D26; color: #F7C046; } @media (max-width: 1219px) { footer.site-footer #block-bootstrap-barrio-subtheme-logosfooter { margin-top: 20px; } } @media (max-width: 999px) { footer.site-footer .block-simplenews { margin-top: 20px; } } @media (max-width: 799px) { footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage { margin-top: 20px; } footer.site-footer #block-bootstrap-barrio-subtheme-pieddepage ul.menu li { display: block; margin-right: 0; } } .field-group-tabs-wrapper { clear: both; } .field-group-tabs-wrapper .vertical-tabs { font-size: 1em; border: none; border-top: none; } .field-group-tabs-wrapper .vertical-tabs__menu { border-top: none; } .field-group-tabs-wrapper .vertical-tabs__menu-item { border: none; border-top: 0; margin-bottom: 3px; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: transparent; } .field-group-tabs-wrapper .vertical-tabs__menu-item a { color: #010D26; padding: 8px 25px; font-size: 1.1em; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .field-group-tabs-wrapper .vertical-tabs__menu-item a:focus, .field-group-tabs-wrapper .vertical-tabs__menu-item a:hover { color: white !important; background: #1758B1; outline: none; } .field-group-tabs-wrapper .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title, .field-group-tabs-wrapper .vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title { text-decoration: none; } .field-group-tabs-wrapper .vertical-tabs__menu-item.is-selected { background: #1758B1; } .field-group-tabs-wrapper .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title { color: white; } .field-group-tabs-wrapper .vertical-tabs__menu-item.is-selected:after { right: -1px; left: auto; } .field-group-tabs-wrapper details { padding: 0; border: none; margin-top: 0; margin-bottom: 0; } .field-group-tabs-wrapper details summary { background: none; padding: 8px 15px; color: #010D26; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .field-group-tabs-wrapper details summary:focus { outline: none; } .field-group-tabs-wrapper details summary:hover { color: white; background-color: #1758B1; } .field-group-tabs-wrapper details summary::-webkit-details-marker { display: none; } .field-group-tabs-wrapper details[open] summary { color: white; background-color: #1758B1; } .field-group-tabs-wrapper details > .details-wrapper { clear: none; padding: 0 30px; } .field-group-tabs-wrapper details > .details-wrapper > .field { margin-bottom: 20px; } @media (max-width: 767px) { .field-group-tabs-wrapper .vertical-tabs { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .field-group-tabs-wrapper .vertical-tabs__menu { width: auto; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } .field-group-tabs-wrapper .vertical-tabs__menu-item { margin-right: 3px; } .field-group-tabs-wrapper .col-sm-8 { max-width: 100%; } .field-group-tabs-wrapper details > .details-wrapper { padding: 30px 0; } } a.button, a.button a.button:hover, input.button a.button:hover, button.btn a.button:hover, ul.js-pager__items .button a.button:hover, input.button, button.btn, ul.js-pager__items .button { position: relative; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; padding: 9px 20px 12px 20px; font-family: Lato-Bold; color: #010D26; border: 1px solid #010D26; background: white; text-transform: uppercase; font-size: 1.1em; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; } a.button:hover, input.button:hover, button.btn:hover, ul.js-pager__items .button:hover { color: white; background: #010D26; } button.btn { height: 40px; } .button-noir a, .button-noir a.button a:hover, a.button .button-noir a:hover, .button-noir input.button a:hover, input.button .button-noir a:hover, .button-noir button.btn a:hover, button.btn .button-noir a:hover, .button-noir ul.js-pager__items .button a:hover, ul.js-pager__items .button .button-noir a:hover, .more-link a, .more-link a.button a:hover, a.button .more-link a:hover, .more-link input.button a:hover, input.button .more-link a:hover, .more-link button.btn a:hover, button.btn .more-link a:hover, .more-link ul.js-pager__items .button a:hover, ul.js-pager__items .button .more-link a:hover { position: relative; display: block; height: 42px; padding: 10px; font-family: Lato-Bold; color: #010D26; text-transform: uppercase; font-size: 1.2em; text-align: center; background: #F7C046; z-index: 1; border: none; /* &:before { z-index: -1; content: ""; @include absolute(0,0,0,0); width: 100%; height: 100%; background: transparent; @include skew(-10deg,0); //border: 1px solid $textColor; @include transition; }*/ } .button-noir a:hover, .more-link a:hover { background: #010D26; color: #F7C046; } @media (max-width: 349px) { .button-noir a, .button-noir a.button a:hover, a.button .button-noir a:hover, .button-noir input.button a:hover, input.button .button-noir a:hover, .button-noir button.btn a:hover, button.btn .button-noir a:hover, .button-noir ul.js-pager__items .button a:hover, ul.js-pager__items .button .button-noir a:hover, .more-link a, .more-link a.button a:hover, a.button .more-link a:hover, .more-link input.button a:hover, input.button .more-link a:hover, .more-link button.btn a:hover, button.btn .more-link a:hover, .more-link ul.js-pager__items .button a:hover, ul.js-pager__items .button .more-link a:hover { font-size: 1em; } } .more-link a, .more-link a.button a:hover, a.button .more-link a:hover, .more-link input.button a:hover, input.button .more-link a:hover, .more-link button.btn a:hover, button.btn .more-link a:hover, .more-link ul.js-pager__items .button a:hover, ul.js-pager__items .button .more-link a:hover { color: #010D26; background: #F7C046; } .more-link a:hover { background: #010D26; color: #F7C046; } .button-noir, .bloc-images .more-link a { color: #F7C046; background: #010D26; border: 1px solid #010D26; } .button-noir:hover, .bloc-images .more-link a:hover { background: transparent; color: #010D26; } #block-nicemenus-menu-principal ul.nice-menu > li ul li a[href="/vos-services/vos-demarches"] { background: transparent; color: white; font-size: 1em; max-width: 220px; padding-left: 20px; padding-right: 20px; } #block-nicemenus-menu-principal ul.nice-menu > li ul li a[href="/vos-services/vos-demarches"]:before { background: #010D26; } #block-nicemenus-menu-principal ul.nice-menu > li ul li a[href="/vos-services/vos-demarches"]:hover { color: #010D26; } #block-nicemenus-menu-principal ul.nice-menu > li ul li a[href="/vos-services/vos-demarches"]:hover:before { background: white; } .more-link:hover a { color: white; } .more-link:hover a:before { background: #010D26; } input.button { border: 1px solid #010D26; } /*.pager { padding: 10px 0; margin: 30px 0; .pager__items .pager__item { @include pager($siteColor,white,50%,none); a{ @extend %inlineBlock; width: 40px; height: 40px; line-height: 35px; margin-bottom: 10px; color: $siteColor !important; } a:hover, &.is-active a { color: white !important; } } } */ .path-taxonomy .field--name-description ol, .node ol { margin: 6px 0 6px 17px; list-style: decimal inside; } .path-taxonomy .field--name-description ul, .node ul { margin: 6px 0 6px 17px; } .path-taxonomy .field--name-description ul li:before, .node ul li:before { content: ''; width: 5px; height: 5px; background: #F7C046; border: none; margin: 0 15px 0 0; border-radius: 0; display: inline-block; } .path-taxonomy .field--name-description ul li li:before, .node ul li li:before { content: ''; width: 5px; height: 5px; background: transparent; border: 1px solid #F7C046; margin: 0 15px 0 0; border-radius: 0; display: inline-block; } .view .item-list li { margin-left: 0; } .view .item-list li:before { content: ''; width: 4px; height: 4px; background: #1758B1; border: none; margin: 0 15px 3px 0; border-radius: 50%; display: inline-block; } .js .dropbutton-wrapper { text-align: center; } .js .dropbutton-wrapper.dropbutton-multiple .dropbutton { border-right: none; } .js .dropbutton-wrapper .dropbutton-widget { border-color: #1758B1; border-radius: 3px; background-color: white; } .js .dropbutton-wrapper .dropbutton-widget a { color: #1758B1; text-transform: uppercase; padding: 5px .5em; } .js .dropbutton-wrapper .dropbutton-widget a:hover { color: white; background: #1758B1; } .js .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle .dropbutton-arrow { border-top-color: #1758B1; } .js .dropbutton-wrapper .dropbutton-widget:hover { border-color: #1758B1; } .js .dropbutton-wrapper .dropbutton-widget .dropbutton .secondary-action { border-top: none; } .js .dropbutton-wrapper.open .dropbutton-widget .dropbutton-toggle .dropbutton-arrow { border-bottom-color: #1758B1; border-top-color: transparent; } .views-field-dropbutton { vertical-align: middle; } .block-menumobile { float: right; position: relative; z-index: 101; } .block-menumobile h2 { display: none; } .block-menumobile .region-we-mega-menu { background: none; padding: 0; margin: 0; } .block-menumobile .navbar-toggle { display: none; } .block-menumobile .menu-mobile { padding: 0; } .block-menumobile .navbar-we-mega-menu.navbar { background: none !important; margin: 0 auto; width: 100%; display: block; } .block-menumobile .we-mega-menu-row { display: block; } .block-menumobile .container-fluid, .block-menumobile .we-mega-menu-ul { display: block; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li { display: block; border: none; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li > a { padding: 0; display: block; width: 40px; height: 40px; background-image: url("./../images/Menu.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; border: none !important; padding: 15px; margin: 10px auto 0 auto; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li > a:before { display: none; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li:hover > a, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li:focus > a { background-color: transparent; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu { width: 100% !important; background: #52A176; position: fixed; padding: 20px 0; top: auto; right: -100%; left: auto; bottom: auto; display: block; height: 450px !important; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-submenu-inner { height: 100% !important; overflow-y: scroll; overflow-x: hidden; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .type-of-block { display: block; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .view-bienvenue .views-field-name a { font-family: Lato-Bold; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal { margin-bottom: 20px; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul { display: block; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li { display: block; margin: 0; border: 0; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li .open { border-bottom: none; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li a { padding: 0 20px; font-size: 1.4em; display: block; font-family: Lato-Bold; padding: 20px; color: white; text-align: center; text-transform: uppercase; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li a.open, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li a:hover { background-color: unset; color: white; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul { padding: 10px 30px; background: #F5F5F5; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul a { color: #1758B1; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul a:hover { color: #010D26; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul li { margin: 0; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul a { padding: 5px 0; font-family: inherit; font-size: 1.2em; border: none; line-height: 1.3; text-transform: initial; color: #010D26; text-align: left; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul a:before { content: ''; width: 5px; height: 5px; background: #F7C046; border: none; margin: 0 15px 0 0; border-radius: 0; display: inline-block; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul a:after { display: none; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul a.open, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul a:hover { background-color: transparent; color: #1758B1; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal .menu-item--expanded { position: relative; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal .menu-item--expanded > a, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal a.button .menu-item--expanded > a:hover, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal input.button .menu-item--expanded > a:hover, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal button.btn .menu-item--expanded > a:hover, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul.js-pager__items .button .menu-item--expanded > a:hover { position: relative; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal .menu-item--expanded .rubrique-button { width: 30px; position: absolute; top: 0; right: 0; bottom: 0; left: auto; background-image: url("./../images/puce-enroule.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal .menu-item--expanded .open .rubrique-button { background-image: url("./../images/puce-deroule.png"); } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal .menu-item--expanded ul { display: none; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li a.clicked { background-image: url("./../images/Croix.svg"); z-index: 56; } .block-menumobile .we-mega-menu-ul > .we-mega-menu-li a.clicked + .we-mega-menu-submenu, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li a.button a.clicked:hover + .we-mega-menu-submenu, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li input.button a.clicked:hover + .we-mega-menu-submenu, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li button.btn a.clicked:hover + .we-mega-menu-submenu, .block-menumobile .we-mega-menu-ul > .we-mega-menu-li ul.js-pager__items .button a.clicked:hover + .we-mega-menu-submenu { right: 0; opacity: 1; visibility: visible; } .region-top-header > .block-superfishmenu-principal { position: static; } .region-top-header > .block-superfishmenu-principal ul.sf-menu { position: static; float: right; } .region-top-header > .block-superfishmenu-principal ul.sf-menu:after { display: none; } .region-top-header > .block-superfishmenu-principal ul.sf-menu .sf-sub-indicator { display: none; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li { position: static; border: none; background: transparent; background-image: none; list-style-image: none; list-style-type: none; font-size: 1.3em !important; padding: 0; z-index: 56; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li > a { text-transform: uppercase; margin: 0; color: #010D26; padding: 14px 40px; font-family: Lato-Bold; font-size: 1em; text-align: center; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; pointer-events: none; position: relative; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li.sf-no-children > a { pointer-events: auto; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li > a:before { content: ""; height: 20px; width: 2px; background: #F7C046; position: absolute; top: 0; right: auto; bottom: 0; left: 0; margin: auto 0; } @media (max-width: 1033px) { .region-top-header > .block-superfishmenu-principal ul.sf-menu > li > a { padding: 14px 30px; } } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li > a + ul { position: absolute !important; top: auto; left: 0; right: auto; font-size: .9em; background: #F5F5F5; padding: 30px; width: 100% !important; border-top: 1px solid #DDDDDD; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li:last-child > a:after { content: ""; height: 20px; width: 2px; background: #F7C046; position: absolute; top: 0; right: 0; bottom: 0; left: auto; margin: auto 0; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li.sfHover { z-index: 56; background-color: #F5F5F5; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li.sfHover > a:after, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li.sfHover > a:before { background: #F5F5F5; height: 100%; z-index: -1; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li.sfHover + li > a:before { background: #F5F5F5; height: 100%; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li.sfHover > a + ul { visibility: visible !important; opacity: 1; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li .sf-multicolumn-wrapper > ol { width: 100% !important; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li .sf-depth-2 + ol, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li .sf-depth-2 div { width: 100% !important; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ul { visibility: hidden !important; opacity: 0; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ul li { width: 100% !important; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ul li a { color: #010D26; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ul li a:hover { color: #1758B1; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ul { visibility: hidden !important; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li { float: left; clear: none; width: 25% !important; position: relative; margin: 0 0 30px 0; padding: 0; background: #F5F5F5; border: none; position: relative; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li.menu-item--expanded > a, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol a.button li.menu-item--expanded > a:hover, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol input.button li.menu-item--expanded > a:hover, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol button.btn li.menu-item--expanded > a:hover, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ul.js-pager__items .button li.menu-item--expanded > a:hover { padding-left: 20px; display: block; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li.menu-item--expanded > a:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol a.button li.menu-item--expanded > a:hover:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol input.button li.menu-item--expanded > a:hover:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol button.btn li.menu-item--expanded > a:hover:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ul.js-pager__items .button li.menu-item--expanded > a:hover:before { content: ""; width: 24px; height: 24px; position: absolute; top: 10px; right: auto; bottom: auto; left: -12px; background-image: url("./../images/Croix-accordion.svg"); background-repeat: no-repeat; background-position: left center; background-size: initial; background-color: transparent; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li.menu-item--expanded > a + ul { overflow: hidden !important; display: none !important; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li.menu-item--expanded.accordion > a:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol a.button li.menu-item--expanded.accordion > a:hover:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol input.button li.menu-item--expanded.accordion > a:hover:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol button.btn li.menu-item--expanded.accordion > a:hover:before, .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ul.js-pager__items .button li.menu-item--expanded.accordion > a:hover:before { transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); top: 7px; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li.menu-item--expanded.accordion > a + ul { visibility: visible !important; display: block !important; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li a { color: #010D26; display: block; z-index: 55; margin-left: 0 !important; padding-left: 0; font-size: 1em; font-family: Lato-Bold; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol li a:hover { color: #1758B1; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ol { /*font-size: .85em; position: static; background: none !important; padding: 0 20px 0px 0; margin: 10px 0 15px 0; box-shadow: none; border: none; @include transition;*/ } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ol li { float: none !important; width: 100% !important; font-size: 1em !important; background: none !important; margin: 0 !important; border: none; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ol li:after { display: none; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ol li:before { top: 13px; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ol li a { display: block; font-weight: normal; padding: 0; padding-bottom: 5px; color: #010D26; font-size: .9em; font-family: Lato-Regular; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ol li a:before { content: ''; width: 6px; height: 6px; background: #010D26; border: none; margin: 0 15px 3px 0; border-radius: 0; display: inline-block; } .region-top-header > .block-superfishmenu-principal ul.sf-menu > li ol ol li a:hover { transform: translate(5px, 0); -o-transform: translate(5px, 0); -ms-transform: translate(5px, 0); -moz-transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } #block-nicemenus-menu-principal { transition: padding 0.5s ease; -o-transition: padding 0.5s ease; -ms-transition: padding 0.5s ease; -moz-transition: padding 0.5s ease; -webkit-transition: padding 0.5s ease; } #block-nicemenus-menu-principal ul.nice-menu > li ul ul { overflow: hidden !important; display: none !important; } #block-nicemenus-menu-principal ul.nice-menu > li ul ul.show { display: block !important; overflow: visible !important; visibility: visible !important; } #block-nicemenus-menu-principal ul.nice-menu > li ul li.over ul { display: none !important; overflow: hidden !important; visibility: hidden !important; } #block-nicemenus-menu-principal ul.nice-menu > li ul li.over.accordion ul { display: block !important; overflow: visible !important; visibility: visible !important; } @media not all and (min-resolution: 0.001dpcm) { #block-nicemenus-menu-principal ul.nice-menu > li > ul { max-height: 440px !important; overflow-y: scroll !important; overflow-x: hidden !important; } #block-nicemenus-menu-principal ul.nice-menu > li ul li.menuparent > a, #block-nicemenus-menu-principal ul.nice-menu > li ul a.button li.menuparent > a:hover, #block-nicemenus-menu-principal ul.nice-menu > li ul input.button li.menuparent > a:hover, #block-nicemenus-menu-principal ul.nice-menu > li ul button.btn li.menuparent > a:hover, #block-nicemenus-menu-principal ul.nice-menu > li ul.js-pager__items .button li.menuparent > a:hover { pointer-events: none; padding-left: 0; } #block-nicemenus-menu-principal ul.nice-menu > li ul li.menuparent > a:before, #block-nicemenus-menu-principal ul.nice-menu > li ul a.button li.menuparent > a:hover:before, #block-nicemenus-menu-principal ul.nice-menu > li ul input.button li.menuparent > a:hover:before, #block-nicemenus-menu-principal ul.nice-menu > li ul button.btn li.menuparent > a:hover:before, #block-nicemenus-menu-principal ul.nice-menu > li ul.js-pager__items .button li.menuparent > a:hover:before { display: none; } #block-nicemenus-menu-principal ul.nice-menu > li ul li.over ul { display: block !important; overflow: visible !important; visibility: visible !important; } #block-nicemenus-menu-principal ul.nice-menu > li ul li ul { display: block !important; overflow: visible !important; visibility: visible !important; } } .block-views-blockacces-directs-block-acces-directs { position: relative; z-index: 1; } .block-views-blockacces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default { border: none; height: auto; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; } .block-views-blockacces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { height: auto; width: 175px; margin: 20px; } .block-views-blockacces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 1290px; } .block-views-blockacces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 20px 0 20px; } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-next, .block-views-blockacces-directs-block-acces-directs .jcarousel-control-prev { width: 40px; height: 40px; top: 23%; background: none; box-shadow: none; font-size: 0px; font-size: 0rem; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; text-shadow: none !important; } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-next:after, .block-views-blockacces-directs-block-acces-directs .jcarousel-control-prev:after { display: none; } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-next:before, .block-views-blockacces-directs-block-acces-directs .jcarousel-control-prev:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transform: skew(-10deg, 0); -moz-transform: skew(-10deg, 0); -ms-transform: skew(-10deg, 0); -o-transform: skew(-10deg, 0); -webkit-transform: skew(-10deg, 0); } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-next { right: -20px; margin-right: 10px; } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-next:before { background-image: url("./../images/droite.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #010D26; } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-next:hover { transform: translate(3px, 0); -o-transform: translate(3px, 0); -ms-transform: translate(3px, 0); -moz-transform: translate(3px, 0); -webkit-transform: translate(3px, 0); } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-prev { left: -20px; margin-left: 10px; } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-prev:before { background-image: url("./../images/gauche.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #010D26; } .block-views-blockacces-directs-block-acces-directs .jcarousel-control-prev:hover { transform: translate(-3px, 0); -o-transform: translate(-3px, 0); -ms-transform: translate(-3px, 0); -moz-transform: translate(-3px, 0); -webkit-transform: translate(-3px, 0); } .block-views-blockacces-directs-block-acces-directs .view-content .views-field-name { font-size: 1em; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel { padding: 0; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel-wrapper { background-color: transparent; z-index: 56; box-sizing: unset; -o-box-sizing: unset; -ms-box-sizing: unset; -moz-box-sizing: unset; -webkit-box-sizing: unset; position: relative; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel-wrapper .jcarousel-control-prev, .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel-wrapper .jcarousel-control-next { z-index: 57; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel ul { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li .views-field-name a { display: block; height: 100%; color: #52A176; font-family: Lato-Bold; text-transform: uppercase; padding-top: 30px; font-size: 1em; position: relative; text-align: center; line-height: 1.3; letter-spacing: 0.01em; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li .views-field-field-taxonomie-image a { position: relative; width: 100px; height: 100px; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li .views-field-field-taxonomie-image a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; margin: 0 auto; box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.16); transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: -1; } .block-views-blockacces-directs-block-acces-directs .view-content .jcarousel li:hover a { color: #010D26; } #block-enteteconnecte, #block-entete { padding: 10px 20px; border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #block-enteteconnecte ul.menu li, #block-entete ul.menu li { margin: 0; } #block-enteteconnecte ul.menu li a, #block-entete ul.menu li a { color: white; font-family: Lato-Bold; padding: 5px 20px; } #block-enteteconnecte ul.menu li a:hover, #block-entete ul.menu li a:hover { color: #010D26; } #block-enteteconnecte ul.menu li:first-child a, #block-entete ul.menu li:first-child a { border-right: 1px solid white; padding-left: 45px; background-image: url("./../images/Personne.svg"); background-repeat: no-repeat; background-position: left center; background-size: initial; background-color: transparent; } #block-enteteconnecte ul.menu li:first-child a:hover, #block-entete ul.menu li:first-child a:hover { background-image: url("./../images/Personne-black-hover.svg"); } #block-enteteconnecte ul.menu li:last-child, #block-entete ul.menu li:last-child { margin-left: -4px; } .menu--reseaux-sociaux ul.nav li { display: inline-block !important; margin: 3px 5px; } .menu--reseaux-sociaux ul.nav a { font-size: 0px; font-size: 0rem; display: block; width: 40px; height: 40px; background-image: url("./../images/blank.svg"); background-repeat: no-repeat; background-position: center center; background-size: 35px 35px; background-color: transparent; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; /*@media screen and (min-width: 1100px) and (max-width: 1220px) { width: 25px; height: 25px; background-size: 20px 20px; }*/ } .menu--reseaux-sociaux ul.nav a[title^="Facebook"] { background-image: url("./../images/facebook-footer.svg"); } .menu--reseaux-sociaux ul.nav a[title^="Twitter"] { background-image: url("./../images/X-twitter.svg"); } .menu--reseaux-sociaux ul.nav a[title^="Youtube"] { background-image: url("./../images/youtube-footer.svg"); } .menu--reseaux-sociaux ul.nav a[title^="Instagram"] { background-image: url("./../images/instagram-footer.svg"); } .menu--reseaux-sociaux ul.nav a[title^="Application Mobile"] { background-image: url("./../images/app.svg"); } .menu--reseaux-sociaux ul.nav a[title^="TikTok"] { background-image: url("./../images/tik-tok-footer.svg"); } .menu--reseaux-sociaux ul.nav a[title^="Newsletter"] { background-image: url("./../images/newsletter.svg"); background-color: #F7C046; } .menu--reseaux-sociaux ul.nav a[title^="LinkedIn"] { background-image: url("./../images/linkedin-footer.svg"); } @media (max-width: 979px) { .menu--reseaux-sociaux ul.nav li { margin: 10px; } } .view-carrousel-accueil, .view-video.view-display-id-block_actus_video { position: relative; } .view-carrousel-accueil .views-row, .view-carrousel-accueil .skin-default, .view-carrousel-accueil .views_slideshow_cycle_slide, .view-video.view-display-id-block_actus_video .views-row, .view-video.view-display-id-block_actus_video .skin-default, .view-video.view-display-id-block_actus_video .views_slideshow_cycle_slide { width: 100% !important; padding: 0; } .view-carrousel-accueil { overflow: hidden; } .view-carrousel-accueil .views-slideshow-controls-bottom { z-index: 50; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; width: auto; position: absolute; top: auto; right: 0; bottom: 20px; left: 0; } .view-carrousel-accueil .views-slideshow-controls-bottom .item-list ul { margin-bottom: 0; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .view-carrousel-accueil .views-slideshow-controls-bottom li { width: 16px; height: 16px; border-radius: 50%; background: white; cursor: pointer; margin: auto 5px; display: inline-block; border: 1px solid #010D26; } .view-carrousel-accueil .views-slideshow-controls-bottom li.active, .view-carrousel-accueil .views-slideshow-controls-bottom li:hover { background: #010D26; } .view-carrousel-accueil .views-slideshow-controls-bottom { z-index: 50; width: auto; position: absolute; top: auto; right: 0; bottom: 20px; left: 0; } .view-carrousel-accueil .views-slideshow-controls-bottom .views_slideshow_controls_text { position: relative; } .view-carrousel-accueil .views-slideshow-controls-bottom span { display: block; cursor: pointer; width: 16px; height: 16px; font-size: 0px; font-size: 0rem; background-image: url("./../images/blank.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .view-carrousel-accueil .views-slideshow-controls-bottom .views-slideshow-controls-text-status-play { background-image: url("./../images/pause.svg"); } .view-carrousel-accueil .views-slideshow-controls-bottom .views-slideshow-controls-text-status-pause { background-image: url("./../images/play.svg"); } .view-carrousel-accueil .views-slideshow-controls-bottom .views_slideshow_controls_text_previous { background-image: url("./../images/none.svg"); display: none; } .view-carrousel-accueil .views-slideshow-controls-bottom .views_slideshow_controls_text_next { background-image: url("./../images/none.svg"); display: none; } .view-carrousel-accueil:after { content: ""; width: 230px; height: 350px; position: absolute; top: 0; right: 0; bottom: auto; left: auto; background-image: url("./../images/motif-carrousel-blanc.png"); background-repeat: no-repeat; background-position: center top; background-size: initial; background-color: transparent; z-index: 3; } .view-carrousel-accueil .row > div { padding-left: 0; padding-right: 0; } .view-carrousel-accueil .views-slideshow-controls-bottom { width: 90%; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } .view-carrousel-accueil .views-slideshow-controls-bottom li { border-color: #010D26; } .view-carrousel-accueil .views-field-nothing, .view-carrousel-accueil .views-field-title { margin: auto; max-height: 50%; z-index: 51; position: absolute; top: 0; right: 0; bottom: 0; left: 0; top: auto; bottom: 0; margin: 0 auto; color: #010D26; padding: 12px 12px 8px 12px; box-sizing: content-box; width: 100%; background-color: white; background-color: rgba(255, 255, 255, 0.8); filter: alpha(opacity=80); } .view-carrousel-accueil .views-field-nothing .field-content, .view-carrousel-accueil .views-field-title .field-content { display: block; } .view-carrousel-accueil .views-field-nothing a, .view-carrousel-accueil .views-field-title a { display: block; font-family: Lato-Bold; padding-bottom: 10px; border-bottom: 1px solid #010D26; } .view-carrousel-accueil .more-link { position: absolute; top: auto; right: 0; bottom: -40px; left: 0; margin: 0 auto; } @media (max-width: 991px) { .view-carrousel-accueil { padding-bottom: 40px; overflow: auto; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.05); } .view-carrousel-accueil:after { display: none; } .view-carrousel-accueil .view-content { overflow: hidden; } } @media (min-width: 992px) { .view-carrousel-accueil .views-field-nothing, .view-carrousel-accueil .views-field-title { font-size: 1.4em; padding: 30px 40px 10px 40px; bottom: 0; width: 370px; border-bottom: 50px solid transparent; } .view-carrousel-accueil .views-slideshow-controls-bottom { padding-bottom: 20px; bottom: 0; width: 415px; } } @media (min-width: 1440px) { .view-carrousel-accueil .views-field-nothing, .view-carrousel-accueil .views-field-title { font-size: 1.5em; width: 440px; } .view-carrousel-accueil .views-slideshow-controls-bottom { width: 485px; } } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom { z-index: 50; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; width: auto; position: absolute; top: 0; right: auto; bottom: 0; left: 20px; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom .item-list ul { margin-bottom: 0; -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom li { width: 16px; height: 16px; border-radius: 50%; background: white; cursor: pointer; margin: auto 5px; display: inline-block; border: 1px solid #010D26; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom li.active, .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom li:hover { background: #010D26; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom { z-index: 50; width: auto; position: absolute; top: auto; right: 40px; bottom: 40px; left: auto; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom .views_slideshow_controls_text { position: relative; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom span { display: block; cursor: pointer; width: 16px; height: 16px; font-size: 0px; font-size: 0rem; background-image: url("./../images/blank.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom .views-slideshow-controls-text-status-play { background-image: url("./../images/pause.svg"); } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom .views-slideshow-controls-text-status-pause { background-image: url("./../images/play.svg"); } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom .views_slideshow_controls_text_previous { background-image: url("./../images/none.svg"); display: none; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom .views_slideshow_controls_text_next { background-image: url("./../images/none.svg"); display: none; } .view-video.view-display-id-block_actus_video .view-content { position: relative; max-width: 100%; margin: 0 auto; } @media (max-width: 767px) { .view-video.view-display-id-block_actus_video .view-content { margin-top: 80px; } } .view-video.view-display-id-block_actus_video .views-field-title { font-size: 2.2em; line-height: 1.3; padding-bottom: 20px; } .view-video.view-display-id-block_actus_video .resume { font-size: 1.2em; } .view-video.view-display-id-block_actus_video .views-field-nothing { position: relative; background: white; z-index: 7; } @media (max-width: 1279px) { .view-video.view-display-id-block_actus_video .views-field-nothing { margin-left: 0; left: 0; } } .view-video.view-display-id-block_actus_video .more-link { position: absolute; top: -70px; right: 0; bottom: auto; left: auto; } @media (max-width: 767px) { .view-video.view-display-id-block_actus_video .more-link { top: -60px; left: 0; right: auto; } } @media (max-width: 1279px) { .view-video.view-display-id-block_actus_video .view-content { max-width: 850px; } .view-video.view-display-id-block_actus_video .views-field-nothing { background: white; margin: 0; padding: 40px; } .view-video.view-display-id-block_actus_video .views-field-field-video { max-height: 490px; } .view-video.view-display-id-block_actus_video .views-field-field-video iframe { width: 100%; } .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom .item-list ul, .view-video.view-display-id-block_actus_video .views-slideshow-controls-bottom { -webkit-flex-flow: row; -moz-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } } @media (min-width: 1280px) { .view-video.view-display-id-block_actus_video { padding: 0; } .view-video.view-display-id-block_actus_video .skin-default { height: 490px; overflow: hidden; } .view-video.view-display-id-block_actus_video .views-row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; position: relative; } .view-video.view-display-id-block_actus_video .views-field-field-video { position: relative; width: 850px; z-index: 5; background: white; } .view-video.view-display-id-block_actus_video .views-field-nothing { padding: 100px 40px; width: 508px; } } @media (max-width: 991px) { .view-video.view-display-id-block_actus_video .views-field-title { font-size: 1.4em; } } .view-fil-infos { position: relative; } .view-fil-infos .views-row, .view-fil-infos .skin-default, .view-fil-infos .views_slideshow_cycle_slide { width: 100% !important; padding: 0; } .view-fil-infos .view-content { margin-left: 40px; } .view-fil-infos .views-field-field-resume a { color: #010D26; } @media (max-width: 1199px) { .view-fil-infos .view-content { margin-left: 0; margin-top: 5px; } } .slick--view--en-images .slick__slide { margin: 0 20px; } .slick--view--en-images .slick__arrow { margin-top: 0; } .slick--view--en-images .slick-prev { left: 100px; } .slick--view--en-images .slick-next { right: 100px; } .slick--view--acces-directs { margin: 50px 0 0 0; } .slick--view--acces-directs .slick__slide { margin: 0 20px; } .slick--view--acces-directs .slick__arrow { margin-top: -5%; } .slick--view--acces-directs .slick-prev { left: 0; } .slick--view--acces-directs .slick-next { right: 0; } .slick--view--en-images .slick-arrow, .slick--view--acces-directs .slick-arrow { width: 40px; height: 40px; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-image: url("./../images/blank.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #010D26; } .slick--view--en-images .slick-arrow::before, .slick--view--acces-directs .slick-arrow::before { display: none; } .slick--view--en-images .slick-prev, .slick--view--acces-directs .slick-prev { background-image: url("./../images/gauche.svg"); } .slick--view--en-images .slick-next, .slick--view--acces-directs .slick-next { background-image: url("./../images/droite.svg"); } @media (max-width: 767px) { .slick--view--en-images .slick-prev, .slick--view--acces-directs .slick-prev { left: 0; } .slick--view--en-images .slick-next, .slick--view--acces-directs .slick-next { right: 0; } } .label { font-size: 1em; } .form-type-date label, .form-type-textfield label, .form-type-email label, .form-type-textarea label, .form-type-managed-file label, .field--type-entity-reference label { font-size: 1em; margin-bottom: 0.25em; color: black; display: block; text-align: left; font-weight: normal; } .form-type-date textarea, .form-type-date input, .form-type-textfield textarea, .form-type-textfield input, .form-type-email textarea, .form-type-email input, .form-type-textarea textarea, .form-type-textarea input, .field--type-entity-reference textarea, .field--type-entity-reference input { color: #010D26; margin-bottom: 20px; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; } .form-type-date textarea:focus, .form-type-date input:focus, .form-type-textfield textarea:focus, .form-type-textfield input:focus, .form-type-email textarea:focus, .form-type-email input:focus, .form-type-textarea textarea:focus, .form-type-textarea input:focus, .field--type-entity-reference textarea:focus, .field--type-entity-reference input:focus { border: 1px solid #F5F5F5; } @media (max-width: 379px) { .form-type-date textarea, .form-type-date input, .form-type-textfield textarea, .form-type-textfield input, .form-type-email textarea, .form-type-email input, .form-type-textarea textarea, .form-type-textarea input, .field--type-entity-reference textarea, .field--type-entity-reference input { max-width: 280px; } } .form-type-date textarea, .form-type-textfield textarea, .form-type-email textarea, .form-type-textarea textarea, .field--type-entity-reference textarea { min-height: 35px; max-width: 100%; } .search-form .form-item input { height: 40px; border: 1px solid rgba(20, 18, 21, 0.1); margin-bottom: 15px; padding: 0 10px; margin-right: 10px; background: white; } form fieldset .fieldset-wrapper { margin: 20px; } form label { font-weight: normal; } form label.option, form input { height: 40px; } form input[type="file"] { height: auto; } form input.form-checkbox, form input.form-radio, form input#edit-fichier-upload { height: initial; } form input.form-date, form input.form-text, form input.form-email, form textarea.form-textarea { background: #F5F5F5; margin-bottom: 0; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #DDDDDD; padding: 0 20px; } form select { background: white; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; background-image: url("./../images/fleche-down.svg"); background-repeat: no-repeat; background-position: right 10px center; background-size: initial; background-color: white; appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #F5F5F5; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .form--inline .form-item, .form--inline .form-actions { margin-top: 5px; margin-bottom: 5px; } .form--inline .form-item { float: none; width: 100%; margin-right: 0; vertical-align: middle; } .ui-datepicker { z-index: 60 !important; } .chosen-container { font-size: 1rem; width: 150px !important; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: white; } .chosen-container .chosen-drop { width: auto !important; } .chosen-container-single .chosen-single { border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #F5F5F5; background: transparent; } .chosen-container-single .chosen-single div { padding-top: 8px; width: 15px; } .chosen-container-single .chosen-single, select { height: 44px; } .chosen-with-drop .chosen-single { border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } input.form-autocomplete { background-color: #F5F5F5; } .node-evenement-form, .webform-submission-form { padding: 20px; } .node-evenement-form .webform-flexbox, .webform-submission-form .webform-flexbox { margin: .6em -.5em; } .node-evenement-form fieldset.webform-type-fieldset, .webform-submission-form fieldset.webform-type-fieldset { padding: 10px 5% 15px 5%; border: 1px solid #1758B1; } .node-evenement-form fieldset legend, .webform-submission-form fieldset legend { margin: 0 !important; width: auto; padding: 0 0 5px 0; } .node-evenement-form fieldset legend span.fieldset-legend, .webform-submission-form fieldset legend span.fieldset-legend { font-weight: normal; font-size: 1.6em; font-family: inherit; color: #010D26; text-transform: uppercase; padding: 0 10px; } .node-evenement-form fieldset legend span.fieldset-legend:before, .webform-submission-form fieldset legend span.fieldset-legend:before { display: none; } .node-evenement-form fieldset .fieldset-wrapper, .webform-submission-form fieldset .fieldset-wrapper { margin: 0; } .node-evenement-form .webform-flex--container, .webform-submission-form .webform-flex--container { margin-right: 20px; } .node-evenement-form input, .webform-submission-form input { margin-bottom: 5px; } .node-evenement-form textarea, .webform-submission-form textarea { min-height: 150px; } .node-evenement-form textarea.form-textarea, .node-evenement-form input.form-text, .node-evenement-form input.form-email, .webform-submission-form textarea.form-textarea, .webform-submission-form input.form-text, .webform-submission-form input.form-email { border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: unset; margin-bottom: 5px; font-size: 14px; height: 30px; border: 1px solid; padding: 0 5px; border-color: #848484 #c1c1c1 #e1e1e1; } .node-evenement-form .form-item label, .node-evenement-form .form-item-fichier label, .webform-submission-form .form-item label, .webform-submission-form .form-item-fichier label { color: #010D26; margin-bottom: 0.25em; } .node-evenement-form label.option, .webform-submission-form label.option { font-size: 1em; margin-left: 5px; color: #000; } .node-evenement-form input.form-file, .webform-submission-form input.form-file { font-size: 0.85em; } .node-evenement-form .form-radios, .node-evenement-form .form-checkboxes, .webform-submission-form .form-radios, .webform-submission-form .form-checkboxes { margin-bottom: 10px; } .node-evenement-form #edit-actions, .webform-submission-form #edit-actions { margin-top: 40px; } .node-evenement-form fieldset.webform-type-radios, .node-evenement-form fieldset.webform-checkboxes-other, .node-evenement-form fieldset.webform-type-checkboxes, .node-evenement-form fieldset.webform-radios-other, .webform-submission-form fieldset.webform-type-radios, .webform-submission-form fieldset.webform-checkboxes-other, .webform-submission-form fieldset.webform-type-checkboxes, .webform-submission-form fieldset.webform-radios-other { border: 0; margin: 5px 0 0 0; } .node-evenement-form fieldset.webform-type-radios legend span.fieldset-legend, .node-evenement-form fieldset.webform-checkboxes-other legend span.fieldset-legend, .node-evenement-form fieldset.webform-type-checkboxes legend span.fieldset-legend, .node-evenement-form fieldset.webform-radios-other legend span.fieldset-legend, .webform-submission-form fieldset.webform-type-radios legend span.fieldset-legend, .webform-submission-form fieldset.webform-checkboxes-other legend span.fieldset-legend, .webform-submission-form fieldset.webform-type-checkboxes legend span.fieldset-legend, .webform-submission-form fieldset.webform-radios-other legend span.fieldset-legend { font-size: 1.1em !important; padding-left: 0 !important; color: #010D26 !important; text-transform: initial !important; font-family: Lato-Regular !important; background-image: none !important; } .node-evenement-form fieldset.webform-type-radios legend span.fieldset-legend:before, .node-evenement-form fieldset.webform-checkboxes-other legend span.fieldset-legend:before, .node-evenement-form fieldset.webform-type-checkboxes legend span.fieldset-legend:before, .node-evenement-form fieldset.webform-radios-other legend span.fieldset-legend:before, .webform-submission-form fieldset.webform-type-radios legend span.fieldset-legend:before, .webform-submission-form fieldset.webform-checkboxes-other legend span.fieldset-legend:before, .webform-submission-form fieldset.webform-type-checkboxes legend span.fieldset-legend:before, .webform-submission-form fieldset.webform-radios-other legend span.fieldset-legend:before { display: none; } .node-evenement-form details, .webform-submission-form details { margin-top: 25px; position: relative; padding: 10px 5% 15px 5%; border-top: 1px solid #1758B1; transition: height 0.5s ease; -o-transition: height 0.5s ease; -ms-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -webkit-transition: height 0.5s ease; } .node-evenement-form details summary, .webform-submission-form details summary { font-size: 1.6em; color: #010D26; padding: 0 15px; display: initial; z-index: 1; background: white; position: relative; text-transform: uppercase; top: -25px; } .node-evenement-form details summary:before, .webform-submission-form details summary:before { content: ''; width: 20px; height: 20px; background-image: url("./../images/ui-legend.png"); background-repeat: no-repeat; background-position: -32px -16px; background-size: initial; background-color: transparent; position: absolute; top: 17px; right: 0; bottom: 0; left: 0; } .node-evenement-form details[open=""], .node-evenement-form details[open="open"], .webform-submission-form details[open=""], .webform-submission-form details[open="open"] { border: 1px solid #010D26; padding: 10px 5% 15px 5%; margin-bottom: 40px; height: auto; } .node-evenement-form details[open=""]#edit-rl1, .node-evenement-form details[open=""]#edit-rl2, .node-evenement-form details[open=""]#edit-aap, .node-evenement-form details[open="open"]#edit-rl1, .node-evenement-form details[open="open"]#edit-rl2, .node-evenement-form details[open="open"]#edit-aap, .webform-submission-form details[open=""]#edit-rl1, .webform-submission-form details[open=""]#edit-rl2, .webform-submission-form details[open=""]#edit-aap, .webform-submission-form details[open="open"]#edit-rl1, .webform-submission-form details[open="open"]#edit-rl2, .webform-submission-form details[open="open"]#edit-aap { border: 1px solid #1758B1; } .node-evenement-form details[open=""] summary:before, .node-evenement-form details[open="open"] summary:before, .webform-submission-form details[open=""] summary:before, .webform-submission-form details[open="open"] summary:before { background-position: -64px -16px; } .node-evenement-form details[open=""] .details-wrapper, .node-evenement-form details[open="open"] .details-wrapper, .webform-submission-form details[open=""] .details-wrapper, .webform-submission-form details[open="open"] .details-wrapper { padding: 0; margin-top: -15px; } .node-evenement-form details[open=""] .details-wrapper .form-item, .node-evenement-form details[open="open"] .details-wrapper .form-item, .webform-submission-form details[open=""] .details-wrapper .form-item, .webform-submission-form details[open="open"] .details-wrapper .form-item { margin: 0; } .node-evenement-form details[open=""] .details-wrapper p, .node-evenement-form details[open="open"] .details-wrapper p, .webform-submission-form details[open=""] .details-wrapper p, .webform-submission-form details[open="open"] .details-wrapper p { font-size: 0.85em; margin-bottom: 5px; } .node-evenement-form details[open=""] .details-wrapper .description, .node-evenement-form details[open=""] .details-wrapper .details-description, .node-evenement-form details[open=""] .details-wrapper #edit-vaccins-upload--description, .node-evenement-form details[open="open"] .details-wrapper .description, .node-evenement-form details[open="open"] .details-wrapper .details-description, .node-evenement-form details[open="open"] .details-wrapper #edit-vaccins-upload--description, .webform-submission-form details[open=""] .details-wrapper .description, .webform-submission-form details[open=""] .details-wrapper .details-description, .webform-submission-form details[open=""] .details-wrapper #edit-vaccins-upload--description, .webform-submission-form details[open="open"] .details-wrapper .description, .webform-submission-form details[open="open"] .details-wrapper .details-description, .webform-submission-form details[open="open"] .details-wrapper #edit-vaccins-upload--description { font-size: 0.85em; color: #666; margin: 5px 0; } .node-evenement-form details[open=""] .details-wrapper a.chosen-single, .node-evenement-form details[open="open"] .details-wrapper a.chosen-single, .webform-submission-form details[open=""] .details-wrapper a.chosen-single, .webform-submission-form details[open="open"] .details-wrapper a.chosen-single { background: white; } .node-evenement-form details[open=""] .details-wrapper a.chosen-single > div, .node-evenement-form details[open=""] .details-wrapper a.button a.chosen-single:hover > div, .node-evenement-form details[open=""] .details-wrapper input.button a.chosen-single:hover > div, .node-evenement-form details[open=""] .details-wrapper button.btn a.chosen-single:hover > div, .node-evenement-form details[open=""] .details-wrapper ul.js-pager__items .button a.chosen-single:hover > div, .node-evenement-form details[open="open"] .details-wrapper a.chosen-single > div, .node-evenement-form details[open="open"] .details-wrapper a.button a.chosen-single:hover > div, .node-evenement-form details[open="open"] .details-wrapper input.button a.chosen-single:hover > div, .node-evenement-form details[open="open"] .details-wrapper button.btn a.chosen-single:hover > div, .node-evenement-form details[open="open"] .details-wrapper ul.js-pager__items .button a.chosen-single:hover > div, .webform-submission-form details[open=""] .details-wrapper a.chosen-single > div, .webform-submission-form details[open=""] .details-wrapper a.button a.chosen-single:hover > div, .webform-submission-form details[open=""] .details-wrapper input.button a.chosen-single:hover > div, .webform-submission-form details[open=""] .details-wrapper button.btn a.chosen-single:hover > div, .webform-submission-form details[open=""] .details-wrapper ul.js-pager__items .button a.chosen-single:hover > div, .webform-submission-form details[open="open"] .details-wrapper a.chosen-single > div, .webform-submission-form details[open="open"] .details-wrapper a.button a.chosen-single:hover > div, .webform-submission-form details[open="open"] .details-wrapper input.button a.chosen-single:hover > div, .webform-submission-form details[open="open"] .details-wrapper button.btn a.chosen-single:hover > div, .webform-submission-form details[open="open"] .details-wrapper ul.js-pager__items .button a.chosen-single:hover > div { background: #F5F5F5; } .node-evenement-form details[open=""] .details-wrapper #edit-enfant-date-naissance, .node-evenement-form details[open="open"] .details-wrapper #edit-enfant-date-naissance, .webform-submission-form details[open=""] .details-wrapper #edit-enfant-date-naissance, .webform-submission-form details[open="open"] .details-wrapper #edit-enfant-date-naissance { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 10px; } @media (max-width: 1023px) { .node-evenement-form details[open=""] .details-wrapper #edit-enfant-date-naissance, .node-evenement-form details[open="open"] .details-wrapper #edit-enfant-date-naissance, .webform-submission-form details[open=""] .details-wrapper #edit-enfant-date-naissance, .webform-submission-form details[open="open"] .details-wrapper #edit-enfant-date-naissance { -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } } .node-evenement-form details[open=""] .details-wrapper #edit-enfant-date-naissance .form-item, .node-evenement-form details[open="open"] .details-wrapper #edit-enfant-date-naissance .form-item, .webform-submission-form details[open=""] .details-wrapper #edit-enfant-date-naissance .form-item, .webform-submission-form details[open="open"] .details-wrapper #edit-enfant-date-naissance .form-item { margin-right: 5px; min-width: 150px; } @media (max-width: 1023px) { .node-evenement-form details[open=""] .details-wrapper #edit-enfant-date-naissance .form-item, .node-evenement-form details[open="open"] .details-wrapper #edit-enfant-date-naissance .form-item, .webform-submission-form details[open=""] .details-wrapper #edit-enfant-date-naissance .form-item, .webform-submission-form details[open="open"] .details-wrapper #edit-enfant-date-naissance .form-item { margin-bottom: 10px; } } .node-evenement-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"], .node-evenement-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"], .node-evenement-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"], .node-evenement-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"], .webform-submission-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"], .webform-submission-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"], .webform-submission-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"], .webform-submission-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"] { position: relative; } .node-evenement-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"]:after, .node-evenement-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"]:after, .node-evenement-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"]:after, .node-evenement-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"]:after, .webform-submission-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"]:after, .webform-submission-form details[open=""] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"]:after, .webform-submission-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-1"]:after, .webform-submission-form details[open="open"] .details-wrapper fieldset[data-drupal-selector="edit-personne-a-contacter-2"]:after { content: ''; height: 1px; width: 100%; position: absolute; } .node-evenement-form details[open=""] .details-wrapper table, .node-evenement-form details[open="open"] .details-wrapper table, .webform-submission-form details[open=""] .details-wrapper table, .webform-submission-form details[open="open"] .details-wrapper table { margin-bottom: 10px; } .node-evenement-form details[open=""] .details-wrapper table td.checkboxes-field-title, .node-evenement-form details[open="open"] .details-wrapper table td.checkboxes-field-title, .webform-submission-form details[open=""] .details-wrapper table td.checkboxes-field-title, .webform-submission-form details[open="open"] .details-wrapper table td.checkboxes-field-title { background: #1758B1; } .node-evenement-form details[open=""] .details-wrapper table td.checkboxes-field-title label, .node-evenement-form details[open="open"] .details-wrapper table td.checkboxes-field-title label, .webform-submission-form details[open=""] .details-wrapper table td.checkboxes-field-title label, .webform-submission-form details[open="open"] .details-wrapper table td.checkboxes-field-title label { color: white; } .node-evenement-form details[open=""] .details-wrapper #edit-restauration-precisions > legend, .node-evenement-form details[open=""] .details-wrapper #edit-etude-precisions > legend, .node-evenement-form details[open=""] .details-wrapper #edit-aller > legend, .node-evenement-form details[open=""] .details-wrapper #edit-retour > legend, .node-evenement-form details[open=""] .details-wrapper #edit-olivier-metra-nap > legend, .node-evenement-form details[open=""] .details-wrapper #edit-les-viarons-nap > legend, .node-evenement-form details[open="open"] .details-wrapper #edit-restauration-precisions > legend, .node-evenement-form details[open="open"] .details-wrapper #edit-etude-precisions > legend, .node-evenement-form details[open="open"] .details-wrapper #edit-aller > legend, .node-evenement-form details[open="open"] .details-wrapper #edit-retour > legend, .node-evenement-form details[open="open"] .details-wrapper #edit-olivier-metra-nap > legend, .node-evenement-form details[open="open"] .details-wrapper #edit-les-viarons-nap > legend, .webform-submission-form details[open=""] .details-wrapper #edit-restauration-precisions > legend, .webform-submission-form details[open=""] .details-wrapper #edit-etude-precisions > legend, .webform-submission-form details[open=""] .details-wrapper #edit-aller > legend, .webform-submission-form details[open=""] .details-wrapper #edit-retour > legend, .webform-submission-form details[open=""] .details-wrapper #edit-olivier-metra-nap > legend, .webform-submission-form details[open=""] .details-wrapper #edit-les-viarons-nap > legend, .webform-submission-form details[open="open"] .details-wrapper #edit-restauration-precisions > legend, .webform-submission-form details[open="open"] .details-wrapper #edit-etude-precisions > legend, .webform-submission-form details[open="open"] .details-wrapper #edit-aller > legend, .webform-submission-form details[open="open"] .details-wrapper #edit-retour > legend, .webform-submission-form details[open="open"] .details-wrapper #edit-olivier-metra-nap > legend, .webform-submission-form details[open="open"] .details-wrapper #edit-les-viarons-nap > legend { padding: 5px 10px; margin-bottom: 5px; background-color: #4c4c4a; } .node-evenement-form details[open=""] .details-wrapper #edit-restauration-precisions > legend > .fieldset-legend, .node-evenement-form details[open=""] .details-wrapper #edit-etude-precisions > legend > .fieldset-legend, .node-evenement-form details[open=""] .details-wrapper #edit-aller > legend > .fieldset-legend, .node-evenement-form details[open=""] .details-wrapper #edit-retour > legend > .fieldset-legend, .node-evenement-form details[open=""] .details-wrapper #edit-olivier-metra-nap > legend > .fieldset-legend, .node-evenement-form details[open=""] .details-wrapper #edit-les-viarons-nap > legend > .fieldset-legend, .node-evenement-form details[open="open"] .details-wrapper #edit-restauration-precisions > legend > .fieldset-legend, .node-evenement-form details[open="open"] .details-wrapper #edit-etude-precisions > legend > .fieldset-legend, .node-evenement-form details[open="open"] .details-wrapper #edit-aller > legend > .fieldset-legend, .node-evenement-form details[open="open"] .details-wrapper #edit-retour > legend > .fieldset-legend, .node-evenement-form details[open="open"] .details-wrapper #edit-olivier-metra-nap > legend > .fieldset-legend, .node-evenement-form details[open="open"] .details-wrapper #edit-les-viarons-nap > legend > .fieldset-legend, .webform-submission-form details[open=""] .details-wrapper #edit-restauration-precisions > legend > .fieldset-legend, .webform-submission-form details[open=""] .details-wrapper #edit-etude-precisions > legend > .fieldset-legend, .webform-submission-form details[open=""] .details-wrapper #edit-aller > legend > .fieldset-legend, .webform-submission-form details[open=""] .details-wrapper #edit-retour > legend > .fieldset-legend, .webform-submission-form details[open=""] .details-wrapper #edit-olivier-metra-nap > legend > .fieldset-legend, .webform-submission-form details[open=""] .details-wrapper #edit-les-viarons-nap > legend > .fieldset-legend, .webform-submission-form details[open="open"] .details-wrapper #edit-restauration-precisions > legend > .fieldset-legend, .webform-submission-form details[open="open"] .details-wrapper #edit-etude-precisions > legend > .fieldset-legend, .webform-submission-form details[open="open"] .details-wrapper #edit-aller > legend > .fieldset-legend, .webform-submission-form details[open="open"] .details-wrapper #edit-retour > legend > .fieldset-legend, .webform-submission-form details[open="open"] .details-wrapper #edit-olivier-metra-nap > legend > .fieldset-legend, .webform-submission-form details[open="open"] .details-wrapper #edit-les-viarons-nap > legend > .fieldset-legend { color: white; } .node-evenement-form details[open=""] .details-wrapper #edit-restauration-precisions .fieldset-wrapper fieldset, .node-evenement-form details[open=""] .details-wrapper #edit-etude-precisions .fieldset-wrapper fieldset, .node-evenement-form details[open=""] .details-wrapper #edit-aller .fieldset-wrapper fieldset, .node-evenement-form details[open=""] .details-wrapper #edit-retour .fieldset-wrapper fieldset, .node-evenement-form details[open=""] .details-wrapper #edit-olivier-metra-nap .fieldset-wrapper fieldset, .node-evenement-form details[open=""] .details-wrapper #edit-les-viarons-nap .fieldset-wrapper fieldset, .node-evenement-form details[open="open"] .details-wrapper #edit-restauration-precisions .fieldset-wrapper fieldset, .node-evenement-form details[open="open"] .details-wrapper #edit-etude-precisions .fieldset-wrapper fieldset, .node-evenement-form details[open="open"] .details-wrapper #edit-aller .fieldset-wrapper fieldset, .node-evenement-form details[open="open"] .details-wrapper #edit-retour .fieldset-wrapper fieldset, .node-evenement-form details[open="open"] .details-wrapper #edit-olivier-metra-nap .fieldset-wrapper fieldset, .node-evenement-form details[open="open"] .details-wrapper #edit-les-viarons-nap .fieldset-wrapper fieldset, .webform-submission-form details[open=""] .details-wrapper #edit-restauration-precisions .fieldset-wrapper fieldset, .webform-submission-form details[open=""] .details-wrapper #edit-etude-precisions .fieldset-wrapper fieldset, .webform-submission-form details[open=""] .details-wrapper #edit-aller .fieldset-wrapper fieldset, .webform-submission-form details[open=""] .details-wrapper #edit-retour .fieldset-wrapper fieldset, .webform-submission-form details[open=""] .details-wrapper #edit-olivier-metra-nap .fieldset-wrapper fieldset, .webform-submission-form details[open=""] .details-wrapper #edit-les-viarons-nap .fieldset-wrapper fieldset, .webform-submission-form details[open="open"] .details-wrapper #edit-restauration-precisions .fieldset-wrapper fieldset, .webform-submission-form details[open="open"] .details-wrapper #edit-etude-precisions .fieldset-wrapper fieldset, .webform-submission-form details[open="open"] .details-wrapper #edit-aller .fieldset-wrapper fieldset, .webform-submission-form details[open="open"] .details-wrapper #edit-retour .fieldset-wrapper fieldset, .webform-submission-form details[open="open"] .details-wrapper #edit-olivier-metra-nap .fieldset-wrapper fieldset, .webform-submission-form details[open="open"] .details-wrapper #edit-les-viarons-nap .fieldset-wrapper fieldset { margin: 10px 0 0 10px; } .node-evenement-form details[open=""] .details-wrapper #edit-restauration-precisions .description, .node-evenement-form details[open=""] .details-wrapper #edit-etude-precisions .description, .node-evenement-form details[open=""] .details-wrapper #edit-aller .description, .node-evenement-form details[open=""] .details-wrapper #edit-retour .description, .node-evenement-form details[open=""] .details-wrapper #edit-olivier-metra-nap .description, .node-evenement-form details[open=""] .details-wrapper #edit-les-viarons-nap .description, .node-evenement-form details[open="open"] .details-wrapper #edit-restauration-precisions .description, .node-evenement-form details[open="open"] .details-wrapper #edit-etude-precisions .description, .node-evenement-form details[open="open"] .details-wrapper #edit-aller .description, .node-evenement-form details[open="open"] .details-wrapper #edit-retour .description, .node-evenement-form details[open="open"] .details-wrapper #edit-olivier-metra-nap .description, .node-evenement-form details[open="open"] .details-wrapper #edit-les-viarons-nap .description, .webform-submission-form details[open=""] .details-wrapper #edit-restauration-precisions .description, .webform-submission-form details[open=""] .details-wrapper #edit-etude-precisions .description, .webform-submission-form details[open=""] .details-wrapper #edit-aller .description, .webform-submission-form details[open=""] .details-wrapper #edit-retour .description, .webform-submission-form details[open=""] .details-wrapper #edit-olivier-metra-nap .description, .webform-submission-form details[open=""] .details-wrapper #edit-les-viarons-nap .description, .webform-submission-form details[open="open"] .details-wrapper #edit-restauration-precisions .description, .webform-submission-form details[open="open"] .details-wrapper #edit-etude-precisions .description, .webform-submission-form details[open="open"] .details-wrapper #edit-aller .description, .webform-submission-form details[open="open"] .details-wrapper #edit-retour .description, .webform-submission-form details[open="open"] .details-wrapper #edit-olivier-metra-nap .description, .webform-submission-form details[open="open"] .details-wrapper #edit-les-viarons-nap .description { margin-left: 10px; } .node-evenement-form details[open=""] .details-wrapper .form-type-checkbox .description, .node-evenement-form details[open=""] .details-wrapper .webform-type-radios .description, .node-evenement-form details[open="open"] .details-wrapper .form-type-checkbox .description, .node-evenement-form details[open="open"] .details-wrapper .webform-type-radios .description, .webform-submission-form details[open=""] .details-wrapper .form-type-checkbox .description, .webform-submission-form details[open=""] .details-wrapper .webform-type-radios .description, .webform-submission-form details[open="open"] .details-wrapper .form-type-checkbox .description, .webform-submission-form details[open="open"] .details-wrapper .webform-type-radios .description { margin-left: 22px; } .node-evenement-form details[open=""] .details-wrapper button.tabledrag-toggle-weight, .node-evenement-form details[open=""] .details-wrapper button.webform-multiple-tabledrag-toggle-weight, .node-evenement-form details[open="open"] .details-wrapper button.tabledrag-toggle-weight, .node-evenement-form details[open="open"] .details-wrapper button.webform-multiple-tabledrag-toggle-weight, .webform-submission-form details[open=""] .details-wrapper button.tabledrag-toggle-weight, .webform-submission-form details[open=""] .details-wrapper button.webform-multiple-tabledrag-toggle-weight, .webform-submission-form details[open="open"] .details-wrapper button.tabledrag-toggle-weight, .webform-submission-form details[open="open"] .details-wrapper button.webform-multiple-tabledrag-toggle-weight { display: none; } .node-evenement-form details[open=""] .details-wrapper table#edit-rl1-telephone-items, .node-evenement-form details[open=""] .details-wrapper table#edit-aap-telephone-items, .node-evenement-form details[open=""] .details-wrapper table#edit-rl2-telephone-items, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items, .node-evenement-form details[open="open"] .details-wrapper table#edit-aap-telephone-items, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items, .webform-submission-form details[open=""] .details-wrapper table#edit-rl1-telephone-items, .webform-submission-form details[open=""] .details-wrapper table#edit-aap-telephone-items, .webform-submission-form details[open=""] .details-wrapper table#edit-rl2-telephone-items, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items, .webform-submission-form details[open="open"] .details-wrapper table#edit-aap-telephone-items, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items { border: none; } .node-evenement-form details[open=""] .details-wrapper table#edit-rl1-telephone-items th, .node-evenement-form details[open=""] .details-wrapper table#edit-aap-telephone-items th, .node-evenement-form details[open=""] .details-wrapper table#edit-rl2-telephone-items th, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items th, .node-evenement-form details[open="open"] .details-wrapper table#edit-aap-telephone-items th, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items th, .webform-submission-form details[open=""] .details-wrapper table#edit-rl1-telephone-items th, .webform-submission-form details[open=""] .details-wrapper table#edit-aap-telephone-items th, .webform-submission-form details[open=""] .details-wrapper table#edit-rl2-telephone-items th, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items th, .webform-submission-form details[open="open"] .details-wrapper table#edit-aap-telephone-items th, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items th { display: none; } .node-evenement-form details[open=""] .details-wrapper table#edit-rl1-telephone-items td, .node-evenement-form details[open=""] .details-wrapper table#edit-aap-telephone-items td, .node-evenement-form details[open=""] .details-wrapper table#edit-rl2-telephone-items td, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items td, .node-evenement-form details[open="open"] .details-wrapper table#edit-aap-telephone-items td, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items td, .webform-submission-form details[open=""] .details-wrapper table#edit-rl1-telephone-items td, .webform-submission-form details[open=""] .details-wrapper table#edit-aap-telephone-items td, .webform-submission-form details[open=""] .details-wrapper table#edit-rl2-telephone-items td, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items td, .webform-submission-form details[open="open"] .details-wrapper table#edit-aap-telephone-items td, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items td { border: none; padding: 0; } .node-evenement-form details[open=""] .details-wrapper table#edit-rl1-telephone-items td.webform-multiple-table--handle, .node-evenement-form details[open=""] .details-wrapper table#edit-aap-telephone-items td.webform-multiple-table--handle, .node-evenement-form details[open=""] .details-wrapper table#edit-rl2-telephone-items td.webform-multiple-table--handle, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items td.webform-multiple-table--handle, .node-evenement-form details[open="open"] .details-wrapper table#edit-aap-telephone-items td.webform-multiple-table--handle, .node-evenement-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items td.webform-multiple-table--handle, .webform-submission-form details[open=""] .details-wrapper table#edit-rl1-telephone-items td.webform-multiple-table--handle, .webform-submission-form details[open=""] .details-wrapper table#edit-aap-telephone-items td.webform-multiple-table--handle, .webform-submission-form details[open=""] .details-wrapper table#edit-rl2-telephone-items td.webform-multiple-table--handle, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl1-telephone-items td.webform-multiple-table--handle, .webform-submission-form details[open="open"] .details-wrapper table#edit-aap-telephone-items td.webform-multiple-table--handle, .webform-submission-form details[open="open"] .details-wrapper table#edit-rl2-telephone-items td.webform-multiple-table--handle { display: none; } @media (max-width: 767px) { .node-evenement-form .webform-flexbox, .webform-submission-form .webform-flexbox { margin: .6em 0; } } .details-wrapper textarea.form-textarea, .details-wrapper input.form-text, .details-wrapper input.form-email { border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin-bottom: 5px; } .path-node .node-evenement-form details, .path-node .node-evenement-form > div { max-width: 804px; } .path-node .node-evenement-form input.form-date { margin-bottom: 0; } .path-node .node-evenement-form .label { font-weight: normal; } .path-node .node-evenement-form input.button { width: auto; } .path-node .node-evenement-form .form-url, .path-node .node-evenement-form .form-email, .path-node .node-evenement-form .form-text { height: 40px; padding: 7px 15px; max-width: 400px; display: block; } .path-node .node-evenement-form span.fieldset-legend { font-size: 1.1em; color: #1758B1; text-transform: initial; } .path-node .node-evenement-form .form-item { margin: 10px 0; } .path-node .node-evenement-form .field--name-field-date-debut { display: block; } .path-node .node-evenement-form .field--name-field-categorie-evenement { padding-left: 0; } .path-node .node-evenement-form .field--name-field-categorie-evenement:before { display: none; } .path-node .node-evenement-form .form-time { background: white; } .path-node .node-evenement-form #edit-body-wrapper #edit-body-0-format { display: none; } .path-node .node-evenement-form #edit-field-liens-utiles-wrapper { margin: 20px 0; } .path-node .node-evenement-form #edit-field-liens-utiles-wrapper table#field-liens-utiles-values th { padding-left: 10px; } .path-node .node-evenement-form #edit-field-liens-utiles-wrapper .tabledrag-toggle-weight { display: none; } .path-node .node-evenement-form #edit-field-liens-utiles-wrapper a.tabledrag-handle .handle { height: 27px; width: 26px; } .path-node .node-evenement-form #edit-field-liens-utiles-wrapper .clearfix { margin-top: 5px; } .path-node .node-evenement-form .field--name-field-image-media { text-align: left; } .path-node .node-evenement-form #edit-actions .dropbutton-widget { border: 0; } .layout-container #edit-inline-entity-form-revision-log-message-wrapper, .layout-container #block-omegabasic-breadcrumbs, .layout-container #block-omegabasic-page-title { display: none; } .layout-container .form-file { height: auto; } .layout-container .form-text { margin-bottom: 10px; } .field--name-field-formulaire summary { border: none !important; font-family: inherit !important; text-transform: initial !important; } .field--name-field-formulaire summary:hover, .field--name-field-formulaire summary[aria-expanded="true"] { background: white !important; } .field--name-field-donnees-personnelles, .field--name-field-duree-conservation, .field--name-field-role-traitement { margin-bottom: 20px !important; } .field--name-field-donnees-personnelles .field__label, .field--name-field-duree-conservation .field__label, .field--name-field-role-traitement .field__label { font-weight: normal; font-size: 1.1em; margin-bottom: 5px; font-family: Lato-Bold; } .field--name-field-donnees-personnelles .field__item, .field--name-field-duree-conservation .field__item, .field--name-field-role-traitement .field__item { display: inline; margin: 0 6px; position: relative; } .field--name-field-donnees-personnelles .field__item:after, .field--name-field-duree-conservation .field__item:after, .field--name-field-role-traitement .field__item:after { content: "-"; position: absolute; top: 0; right: -8px; bottom: auto; left: auto; width: 3px; height: 1px; } .field--name-field-donnees-personnelles .field__item:last-child:after, .field--name-field-duree-conservation .field__item:last-child:after, .field--name-field-role-traitement .field__item:last-child:after { display: none; } @media (max-width: 479px) { .webform-submission-form, .field-group-tabs-wrapper .details-wrapper { padding: 0; } } .field__label { font-family: Lato-Bold; } .simplenews-subscriber-form .form-actions a, .simplenews-subscriber-form #edit-manage { display: none; } .radio label { padding: 0; } .view-filters { margin-bottom: 40px; padding: 0; color: #010D26; } .view-filters .views-exposed-form .row { -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -moz-justify-content: start; justify-content: start; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } @media (max-width: 767px) { .view-filters .views-exposed-form .row .form-actions { margin-top: 10px; } } .view-filters .views-exposed-form .js-form-item { margin-right: 20px; } .view-filters .views-exposed-form .js-form-item label { display: block; text-align: left; font-size: 1em; margin-bottom: 5px; } .view-filters .views-exposed-form .js-form-item select, .view-filters .views-exposed-form .js-form-item input { color: black; font-size: .9em; margin: 0 !important; border: 1px solid rgba(20, 18, 21, 0.1); } .view-filters .views-exposed-form .js-form-item input.form-text { padding-left: 35px; background-image: url("./../images/rechercher-filtre.svg"); background-repeat: no-repeat; background-position: left 5px center; background-size: initial; background-color: white; } .view-filters .views-exposed-form .form-no-label { margin-top: 33px; } .view-filters .views-exposed-form input, .view-filters .views-exposed-form select { height: 42px; box-shadow: 0 0 0 0 black; -moz-box-shadow: 0 0 0 0 black; -webkit-box-shadow: 0 0 0 0 black; margin-right: 20px; } .view-display-id-block_equipement_ecole .view-content, .view-offres-emploi .view-content, .view-services-municipaux .view-content, .view-termes-de-taxonomie .view-content, .view-display-id-block_en_images_rubrique .view-content, .view-display-id-page_en_images .view-content, .view-panneaux-accroche .view-content, .view-publications .view-content, .view-actualites .view-content, .view-agenda .view-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .view-display-id-block_equipement_ecole .views-row .views-field-field-galerie-images, .view-display-id-block_equipement_ecole .views-row .views-field-field-image, .view-offres-emploi .views-row .views-field-field-galerie-images, .view-offres-emploi .views-row .views-field-field-image, .view-services-municipaux .views-row .views-field-field-galerie-images, .view-services-municipaux .views-row .views-field-field-image, .view-termes-de-taxonomie .views-row .views-field-field-galerie-images, .view-termes-de-taxonomie .views-row .views-field-field-image, .view-display-id-block_en_images_rubrique .views-row .views-field-field-galerie-images, .view-display-id-block_en_images_rubrique .views-row .views-field-field-image, .view-display-id-page_en_images .views-row .views-field-field-galerie-images, .view-display-id-page_en_images .views-row .views-field-field-image, .view-panneaux-accroche .views-row .views-field-field-galerie-images, .view-panneaux-accroche .views-row .views-field-field-image, .view-publications .views-row .views-field-field-galerie-images, .view-publications .views-row .views-field-field-image, .view-actualites .views-row .views-field-field-galerie-images, .view-actualites .views-row .views-field-field-image, .view-agenda .views-row .views-field-field-galerie-images, .view-agenda .views-row .views-field-field-image { overflow: hidden; } .view-display-id-block_equipement_ecole .views-row .views-field-field-galerie-images img, .view-display-id-block_equipement_ecole .views-row .views-field-field-image img, .view-offres-emploi .views-row .views-field-field-galerie-images img, .view-offres-emploi .views-row .views-field-field-image img, .view-services-municipaux .views-row .views-field-field-galerie-images img, .view-services-municipaux .views-row .views-field-field-image img, .view-termes-de-taxonomie .views-row .views-field-field-galerie-images img, .view-termes-de-taxonomie .views-row .views-field-field-image img, .view-display-id-block_en_images_rubrique .views-row .views-field-field-galerie-images img, .view-display-id-block_en_images_rubrique .views-row .views-field-field-image img, .view-display-id-page_en_images .views-row .views-field-field-galerie-images img, .view-display-id-page_en_images .views-row .views-field-field-image img, .view-panneaux-accroche .views-row .views-field-field-galerie-images img, .view-panneaux-accroche .views-row .views-field-field-image img, .view-publications .views-row .views-field-field-galerie-images img, .view-publications .views-row .views-field-field-image img, .view-actualites .views-row .views-field-field-galerie-images img, .view-actualites .views-row .views-field-field-image img, .view-agenda .views-row .views-field-field-galerie-images img, .view-agenda .views-row .views-field-field-image img { transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .view-display-id-block_equipement_ecole .views-row .views-field-field-galerie-images:hover img, .view-display-id-block_equipement_ecole .views-row .views-field-field-image:hover img, .view-offres-emploi .views-row .views-field-field-galerie-images:hover img, .view-offres-emploi .views-row .views-field-field-image:hover img, .view-services-municipaux .views-row .views-field-field-galerie-images:hover img, .view-services-municipaux .views-row .views-field-field-image:hover img, .view-termes-de-taxonomie .views-row .views-field-field-galerie-images:hover img, .view-termes-de-taxonomie .views-row .views-field-field-image:hover img, .view-display-id-block_en_images_rubrique .views-row .views-field-field-galerie-images:hover img, .view-display-id-block_en_images_rubrique .views-row .views-field-field-image:hover img, .view-display-id-page_en_images .views-row .views-field-field-galerie-images:hover img, .view-display-id-page_en_images .views-row .views-field-field-image:hover img, .view-panneaux-accroche .views-row .views-field-field-galerie-images:hover img, .view-panneaux-accroche .views-row .views-field-field-image:hover img, .view-publications .views-row .views-field-field-galerie-images:hover img, .view-publications .views-row .views-field-field-image:hover img, .view-actualites .views-row .views-field-field-galerie-images:hover img, .view-actualites .views-row .views-field-field-image:hover img, .view-agenda .views-row .views-field-field-galerie-images:hover img, .view-agenda .views-row .views-field-field-image:hover img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .view-display-id-block_en_images_rubrique .views-field-field-galerie-images, .view-display-id-block_en_images_rubrique .views-field-field-image { margin: -20px -20px 20px -20px; } /*.vocabulary-acces-directs { .layout__region--content { @include flexBox; @include flexFlow(wrap); @include justifyContent(flex-start); @include diminuerMQ(480px) { @include justifyContent(center); } > div { .field--name-field-image { overflow: hidden; img { @include transition; } &:hover { img { @include scale(1.1); } } } } } } */ .view-video.view-display-id-page_videos .view-content, .view-docutheque .view-content, .view-display-id-block_equipement_ecole .view-content, .view-offres-emploi .view-content, .view-services-municipaux .view-content, .view-entreprise .view-content, .view-associations .view-content, .view-elus .view-content, .view-termes-de-taxonomie .view-content, .view-display-id-block_en_images_rubrique .view-content, .view-display-id-block_publications_rubrique .view-content, .view-display-id-page_en_images .view-content, .view-panneaux-accroche .view-content, .view-display-id-page_publications .view-content, .not-front .view-agenda .view-content, .view-display-id-block_agenda_rubrique .view-content, .view-display-id-page_actualites .view-content { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } @media (max-width: 479px) { .view-video.view-display-id-page_videos .view-content, .view-docutheque .view-content, .view-display-id-block_equipement_ecole .view-content, .view-offres-emploi .view-content, .view-services-municipaux .view-content, .view-entreprise .view-content, .view-associations .view-content, .view-elus .view-content, .view-termes-de-taxonomie .view-content, .view-display-id-block_en_images_rubrique .view-content, .view-display-id-block_publications_rubrique .view-content, .view-display-id-page_en_images .view-content, .view-panneaux-accroche .view-content, .view-display-id-page_publications .view-content, .not-front .view-agenda .view-content, .view-display-id-block_agenda_rubrique .view-content, .view-display-id-page_actualites .view-content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .view-video.view-display-id-page_videos .views-row, .view-display-id-block_equipement_ecole .views-row { width: 100%; margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 480px) { .view-video.view-display-id-page_videos .views-row, .view-display-id-block_equipement_ecole .views-row { width: 43%; margin-right: 30px; } } @media (min-width: 980px) { .view-video.view-display-id-page_videos .views-row, .view-display-id-block_equipement_ecole .views-row { width: 27%; margin-right: 30px; } } .view-video.view-display-id-page_videos .views-row { border: none; } /*.vocabulary-acces-directs .layout__region--content { > div { @extend %views4Bloc; } }*/ .view-display-id-block_equipement_ecole .views-row, .view-display-id-block_en_images_rubrique .views-row, .view-display-id-page_en_images .views-row, .view-publications .views-row { text-align: center; } .view-display-id-block_equipement_ecole .views-field-title, .view-display-id-block_en_images_rubrique .views-field-title, .view-display-id-page_en_images .views-field-title, .view-publications .views-field-title { margin-top: 20px; margin-bottom: 0; } .view-display-id-block_equipement_ecole .views-field-title a, .view-display-id-block_en_images_rubrique .views-field-title a, .view-display-id-page_en_images .views-field-title a, .view-publications .views-field-title a { color: #010D26; } .view-display-id-block_equipement_ecole .views-field-title a:hover, .view-display-id-block_en_images_rubrique .views-field-title a:hover, .view-display-id-page_en_images .views-field-title a:hover, .view-publications .views-field-title a:hover { color: #1758B1; } .view-display-id-block_equipement_ecole .views-row, .view-display-id-block_en_images_rubrique .views-row, .view-display-id-block_publications_rubrique .views-row, .view-display-id-page_en_images .views-row, .view-display-id-page_publications .views-row { padding: 20px; background: white; max-width: 360px; } .view-actualites .views-row { position: relative; max-width: 370px; } .view-actualites .views-field-title { position: absolute; top: auto; right: 0; bottom: 0; left: 0; padding: 60px 20px 20px 20px; margin-bottom: 0; background: rgba(0, 0, 0, 0.88); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.88), transparent); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.88), transparent); background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.88), transparent); background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.88), transparent); background: linear-gradient(0deg, rgba(0, 0, 0, 0.88), transparent); } .view-actualites .views-field-title a { color: white; } .view-actualites .views-field-title a:hover { color: white; } /*.view-actualites { .views-row { max-width: 280px; position: relative; background: $bg; padding: 30px; border: 1px solid $bg2; &:after { content: ""; @include skew(0,-3deg); @include absolute(auto, 0,-8px,-1px); background: $bg; border-bottom: 1px solid $bg2; width: 100%; height: 20px; border-left: 1px solid $bg2; } } .views-field-nothing { .title { font-size: 1.2em; a { color: $blue; font-family: $fontTitle; &:hover {color: $textColor; } } @include diminuerMQ(1280px) { font-size: 1em; } } .resume { margin-top: 20px; } } .views-field-field-image ~ .views-field-nothing { border-top: 0; } .views-field-field-image { margin: -30px -30px 20px -30px; img { } } } .view-display-id-page_actualites { .views-row { background: white; &:after { background: white; } } }*/ .view-agenda .view-header { background: white; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; text-align: center; padding: 20px 40px; margin-bottom: 30px; color: rgba(20, 18, 21, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); } .view-agenda .view-header a { color: #1758B1; } .view-agenda .view-header a:hover { color: #010D26; } .view-agenda .view-header a { text-transform: uppercase; font-family: Lato-Bold; } .view-agenda .views-row { overflow: hidden; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); max-width: 280px; } .view-agenda .views-field-field-date-smart-value, .view-agenda .views-field-field-date { position: absolute; top: 30px; right: auto; bottom: auto; left: 0; background: #1758B1; padding: 10px 15px; color: white; text-transform: uppercase; font-family: Lato-Bold; } .view-agenda .views-field-field-date-smart-value time:nth-child(2), .view-agenda .views-field-field-date time:nth-child(2) { display: none; } .view-agenda .views-field-nothing { position: absolute; top: auto; right: 0; bottom: 0; left: 0; padding: 30px; background: black; background: -webkit-linear-gradient(180deg, black, transparent); background: -moz-linear-gradient(180deg, black, transparent); background: -ms-linear-gradient(180deg, black, transparent); background: -o-linear-gradient(180deg, black, transparent); background: linear-gradient(0deg, black, transparent); transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } @media (max-width: 1279px) { .view-agenda .views-field-nothing { padding: 20px; } } .view-agenda .titre { font-size: 1.2em; } .view-agenda .titre a { color: white !important; font-family: Lato-Bold; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .view-agenda .titre a:hover { color: #F7C046 !important; } @media (max-width: 1279px) { .view-agenda .titre { font-size: 1em; } } .view-agenda .lieu { margin-top: 10px; color: white; padding-left: 20px; background-image: url("./../images/Lieu.svg"); background-repeat: no-repeat; background-position: left top 3px; background-size: initial; background-color: transparent; } .views-table { width: 100%; } .views-table tbody .views-field-edit-webform-submission { position: relative; min-width: 60px; } .views-table tbody .views-field-edit-webform-submission a { display: block; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; top: 0; right: -1px; bottom: 0; left: -1px; background-image: url("./../images/stylo.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #1758B1; } .views-table tbody .views-field-edit-webform-submission:hover a { background-color: #010D26; } .view-offres-emploi .views-field-title, .view-offres-emploi .views-field-name, .view-offres-emploi .field--name-node-title, .view-services-municipaux .views-field-title, .view-services-municipaux .views-field-name, .view-services-municipaux .field--name-node-title, .view-termes-de-taxonomie .views-field-title, .view-termes-de-taxonomie .views-field-name, .view-termes-de-taxonomie .field--name-node-title, .view-panneaux-accroche .views-field-title, .view-panneaux-accroche .views-field-name, .view-panneaux-accroche .field--name-node-title { padding: 30px; background: white; position: relative; border: 1px solid #DDDDDD; margin-bottom: 0; } .view-offres-emploi .views-field-title h2, .view-offres-emploi .views-field-name h2, .view-offres-emploi .field--name-node-title h2, .view-services-municipaux .views-field-title h2, .view-services-municipaux .views-field-name h2, .view-services-municipaux .field--name-node-title h2, .view-termes-de-taxonomie .views-field-title h2, .view-termes-de-taxonomie .views-field-name h2, .view-termes-de-taxonomie .field--name-node-title h2, .view-panneaux-accroche .views-field-title h2, .view-panneaux-accroche .views-field-name h2, .view-panneaux-accroche .field--name-node-title h2 { margin-bottom: 0; font-size: 1em; } .view-offres-emploi .views-field-title a, .view-offres-emploi .views-field-name a, .view-offres-emploi .field--name-node-title a, .view-services-municipaux .views-field-title a, .view-services-municipaux .views-field-name a, .view-services-municipaux .field--name-node-title a, .view-termes-de-taxonomie .views-field-title a, .view-termes-de-taxonomie .views-field-name a, .view-termes-de-taxonomie .field--name-node-title a, .view-panneaux-accroche .views-field-title a, .view-panneaux-accroche .views-field-name a, .view-panneaux-accroche .field--name-node-title a { color: #1758B1; } .view-offres-emploi .views-field-title a:hover, .view-offres-emploi .views-field-name a:hover, .view-offres-emploi .field--name-node-title a:hover, .view-services-municipaux .views-field-title a:hover, .view-services-municipaux .views-field-name a:hover, .view-services-municipaux .field--name-node-title a:hover, .view-termes-de-taxonomie .views-field-title a:hover, .view-termes-de-taxonomie .views-field-name a:hover, .view-termes-de-taxonomie .field--name-node-title a:hover, .view-panneaux-accroche .views-field-title a:hover, .view-panneaux-accroche .views-field-name a:hover, .view-panneaux-accroche .field--name-node-title a:hover { color: #010D26; } .view-offres-emploi .field--name-field-image ~ .field--name-node-title, .view-services-municipaux .field--name-field-image ~ .field--name-node-title, .view-termes-de-taxonomie .field--name-field-image ~ .field--name-node-title, .view-panneaux-accroche .field--name-field-image ~ .field--name-node-title { border-top: 0; } .view-offres-emploi .field--name-field-image, .view-services-municipaux .field--name-field-image, .view-termes-de-taxonomie .field--name-field-image, .view-panneaux-accroche .field--name-field-image { overflow: hidden; } .view-offres-emploi .field--name-field-image img, .view-services-municipaux .field--name-field-image img, .view-termes-de-taxonomie .field--name-field-image img, .view-panneaux-accroche .field--name-field-image img { transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .view-offres-emploi .field--name-field-image:hover img, .view-services-municipaux .field--name-field-image:hover img, .view-termes-de-taxonomie .field--name-field-image:hover img, .view-panneaux-accroche .field--name-field-image:hover img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .view-offres-emploi .views-row, .view-services-municipaux .views-row, .view-termes-de-taxonomie .views-row, .view-panneaux-accroche .views-row { border: none; max-width: 370px; } .view-offres-emploi .views-row:nth-child(even) .views-field-title, .view-offres-emploi .views-row:nth-child(even) .views-field-name, .view-offres-emploi .views-row:nth-child(even) .field--name-node-title, .view-services-municipaux .views-row:nth-child(even) .views-field-title, .view-services-municipaux .views-row:nth-child(even) .views-field-name, .view-services-municipaux .views-row:nth-child(even) .field--name-node-title, .view-termes-de-taxonomie .views-row:nth-child(even) .views-field-title, .view-termes-de-taxonomie .views-row:nth-child(even) .views-field-name, .view-termes-de-taxonomie .views-row:nth-child(even) .field--name-node-title, .view-panneaux-accroche .views-row:nth-child(even) .views-field-title, .view-panneaux-accroche .views-row:nth-child(even) .views-field-name, .view-panneaux-accroche .views-row:nth-child(even) .field--name-node-title { border-bottom: 5px solid #52A176; } .view-offres-emploi .views-row:nth-child(odd) .views-field-title, .view-offres-emploi .views-row:nth-child(odd) .views-field-name, .view-offres-emploi .views-row:nth-child(odd) .field--name-node-title, .view-services-municipaux .views-row:nth-child(odd) .views-field-title, .view-services-municipaux .views-row:nth-child(odd) .views-field-name, .view-services-municipaux .views-row:nth-child(odd) .field--name-node-title, .view-termes-de-taxonomie .views-row:nth-child(odd) .views-field-title, .view-termes-de-taxonomie .views-row:nth-child(odd) .views-field-name, .view-termes-de-taxonomie .views-row:nth-child(odd) .field--name-node-title, .view-panneaux-accroche .views-row:nth-child(odd) .views-field-title, .view-panneaux-accroche .views-row:nth-child(odd) .views-field-name, .view-panneaux-accroche .views-row:nth-child(odd) .field--name-node-title { border-bottom: 5px solid #F7C046; } /*.vocabulary-acces-directs .layout__region--content { > div { border: none; max-width: 370px; &:nth-child(even) { .views-field-title, .views-field-name, .field--name-node-title { border-bottom: 5px solid $green; } } &:nth-child(odd) { .views-field-title, .views-field-name, .field--name-node-title { border-bottom: 5px solid $orange; } } } }*/ .view-docutheque .view-content, .view-entreprise .view-content, .view-associations .view-content, .view-elus .view-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .view-docutheque h3, .view-entreprise h3, .view-associations h3, .view-elus h3 { width: 100%; margin-bottom: 20px; margin-top: 40px; } .view-docutheque h3:first-child, .view-entreprise h3:first-child, .view-associations h3:first-child, .view-elus h3:first-child { margin-top: 0; } .view-docutheque .views-row, .view-entreprise .views-row, .view-associations .views-row, .view-elus .views-row { margin: 0 10px 20px 10px; padding: 20px; border: 1px solid #DDDDDD; background: white; } .view-docutheque .views-field-field-image, .view-entreprise .views-field-field-image, .view-associations .views-field-field-image, .view-elus .views-field-field-image { margin: -20px -20px 20px -20px; } .view-docutheque .views-field-field-telephone a, .view-docutheque .views-field-field-courriel a, .view-entreprise .views-field-field-telephone a, .view-entreprise .views-field-field-courriel a, .view-associations .views-field-field-telephone a, .view-associations .views-field-field-courriel a, .view-elus .views-field-field-telephone a, .view-elus .views-field-field-courriel a { font-family: Lato-Bold; color: #1758B1; } .view-docutheque .views-field-field-telephone a:hover, .view-docutheque .views-field-field-courriel a:hover, .view-entreprise .views-field-field-telephone a:hover, .view-entreprise .views-field-field-courriel a:hover, .view-associations .views-field-field-telephone a:hover, .view-associations .views-field-field-courriel a:hover, .view-elus .views-field-field-telephone a:hover, .view-elus .views-field-field-courriel a:hover { color: #010D26; } .view-docutheque .views-field-field-document-thematiques, .view-entreprise .views-field-field-document-thematiques, .view-associations .views-field-field-document-thematiques, .view-elus .views-field-field-document-thematiques { color: #6f8295; font-size: 1.1em; margin-bottom: 10px; } .view-elus .views-row { max-width: 250px; } .view-entreprise .view-header a { color: #1758B1; } .view-entreprise .view-header a:hover { color: #010D26; } .view-equipements .field { font-size: 1.1em; } .view-equipements h2 { margin-bottom: 10px; } .view-equipements .field--name-field-courriel a, .view-equipements .field--name-field-telephone a { color: #1758B1; font-family: Lato-Bold; } .view-equipements .field--name-field-courriel a:hover, .view-equipements .field--name-field-telephone a:hover { color: #010D26; } .view-equipements .wrapper-adresse { background: transparent !important; color: #010D26 !important; padding: 0 !important; margin-bottom: 0 !important; } .view .leaflet-container { min-width: 100% !important; } .view-recherche-globale .views-row { background: white; padding: 20px; border: 1px solid rgba(20, 18, 21, 0.1); margin-bottom: 30px; } .view-recherche-globale .views-field-name { margin-bottom: 0; } .view-recherche-globale .views-field-title a { color: #1758B1; } .view-recherche-globale .views-field-title a:hover { color: #010D26; } .view-numeros-utiles .views-row { border: 1px solid rgba(20, 18, 21, 0.1); margin-bottom: 20px; } .view-numeros-utiles .faqfield-answer a { font-family: Lato-Bold; } .view-demarches-ligne .view-content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; align-items: baseline; } @media (max-width: 479px) { .view-demarches-ligne .view-content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .view-demarches-ligne .views-row { background: #F5F5F5; margin-bottom: 30px; width: 100%; } @media (min-width: 600px) { .view-demarches-ligne .views-row { width: 48%; margin-right: 30px; margin-bottom: 30px; } } @media (min-width: 980px) { .view-demarches-ligne .views-row { width: 30%; margin-right: 30px; margin-bottom: 30px; } } .view-demarches-ligne .views-row a { color: #1758B1; } .view-demarches-ligne .views-row a:hover { color: #010D26; } .view-demarches-ligne .views-row li a { font-weight: normal; font-family: Lato-Bold; } .view-demarches-ligne .views-row .field--name-field-faq h3 { border: none; padding: 15px; font-size: 1.1em; position: relative; padding-left: 50px; background: white; margin-top: 0; background-image: url("./../images/blank.svg"); background-repeat: no-repeat; background-position: left 10px center; background-size: initial; background-color: white; } .view-demarches-ligne .views-row .field--name-field-faq h3:hover, .view-demarches-ligne .views-row .field--name-field-faq h3:active, .view-demarches-ligne .views-row .field--name-field-faq h3:visited { background-color: #F5F5F5; color: #1758B1; } .view-demarches-ligne .views-row .field--name-field-faq h3:focus { outline: none; } .view-demarches-ligne .views-row .field--name-field-faq .ui-accordion { border: 1px solid rgba(20, 18, 21, 0.1); } .view-demarches-ligne .views-row .field--name-field-faq .ui-accordion .ui-accordion-content { border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; } .view-demarches-ligne .views-row .field--name-field-faq .ui-accordion .ui-accordion-content li:before { content: ''; width: 5px; height: 5px; background: #F7C046; border: none; margin: 0 15px 0 0; border-radius: 0; display: inline-block; } .view-demarches-ligne .views-row .field--name-field-faq .ui-accordion .ui-accordion-header .ui-icon { width: 30px; height: 30px; position: absolute; top: 10px; right: 10px; bottom: auto; left: auto; background-image: url("./../images/fleche-blue-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: transparent; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-top: 0; } .view-demarches-ligne .views-row .field--name-field-faq .ui-state-active { background-color: #F5F5F5; color: #1758B1; } .view-demarches-ligne .views-row .field--name-field-faq .ui-state-active .ui-icon { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .view-demarches-ligne .views-row .field--name-field-faq #faqfield_field_faq_block_content_30 .faqfield-question { background-image: url("./../images/contact-demarches.svg"); } .view-demarches-ligne .views-row .field--name-field-faq #faqfield_field_faq_block_content_31 .faqfield-question { background-image: url("./../images/emploi-demarches.svg"); } .view-demarches-ligne .views-row .field--name-field-faq #faqfield_field_faq_block_content_32 .faqfield-question { background-image: url("./../images/communication-demarches.svg"); } .view-demarches-ligne .views-row .field--name-field-faq #faqfield_field_faq_block_content_33 .faqfield-question { background-image: url("./../images/pole-technique-demarches.svg"); } .view-seance-conseils { max-width: 1200px; width: 95%; margin: 0 auto; } .view-seance-conseils .views-row { background: white; padding: 20px; border: 1px solid #DDDDDD; } .field--name-field-paragraphe-documents .field--name-field-media-file a, .field--name-field-paragraphe-documents .views-field-field-documents a, .field--name-field-paragraphe-documents .views-field-view-node a, .view-seance-conseils .field--name-field-media-file a, .view-seance-conseils .views-field-field-documents a, .view-seance-conseils .views-field-view-node a { color: #1758B1; } .field--name-field-paragraphe-documents .field--name-field-media-file a:hover, .field--name-field-paragraphe-documents .views-field-field-documents a:hover, .field--name-field-paragraphe-documents .views-field-view-node a:hover, .view-seance-conseils .field--name-field-media-file a:hover, .view-seance-conseils .views-field-field-documents a:hover, .view-seance-conseils .views-field-view-node a:hover { color: #010D26; } .field--name-field-paragraphe-documents .field--name-field-media-file a, .field--name-field-paragraphe-documents .views-field-field-documents a, .field--name-field-paragraphe-documents .views-field-view-node a, .view-seance-conseils .field--name-field-media-file a, .view-seance-conseils .views-field-field-documents a, .view-seance-conseils .views-field-view-node a { font-family: Lato-Bold; } .field--name-field-paragraphe-documents .views-field-field-documents, .view-seance-conseils .views-field-field-documents { margin-bottom: 10px; } .field--name-field-paragraphe-documents .views-field-view-node, .view-seance-conseils .views-field-view-node { margin-top: 10px; } .field--name-field-paragraphe-documents .views-field-view-node a, .view-seance-conseils .views-field-view-node a { text-decoration: none; } .field--name-field-paragraphe-documents .field--name-field-documents, .view-seance-conseils .field--name-field-documents { margin: 0; display: block; } .field--name-field-paragraphe-documents .field--name-field-media-file span.file, .view-seance-conseils .field--name-field-media-file span.file { background-image: none; padding-left: 0; margin-bottom: 5px; } .field--name-field-paragraphe-documents .field--name-field-media-file span.file:before, .view-seance-conseils .field--name-field-media-file span.file:before { content: ''; width: 6px; height: 6px; background: #F7C046; border: none; margin: 0 7px 0px 0; border-radius: 0; display: inline-block; } /*.ui-accordion, .field--name-field-faq { .ui-accordion-header { background: white !important; border: 1px solid $siteColor; } .ui-accordion-header-active { background: $siteColor !important; color: white !important; } .ui-accordion-content { padding-top: 10px; padding-left: 0; ul li::before { margin-right: 10px; } } .ui-accordion-content-active { padding: 10px; border: 1px solid $siteColor; } }*/ .list-group-item { border: none; } .view-panneaux-complet .views-row { width: 100%; } .view-panneaux-accroche .field--name-field-image { margin: 0; } .view-panneaux-accroche .field--name-field-image img, .view-panneaux-accroche .field--name-field-image .field--type-image { margin: 0; } .view-acces-directs .views-row { text-align: center; } .view-acces-directs .views-field-name { font-size: 1em; } .view-acces-directs .views-field-name a { display: block; height: 100%; color: #52A176; font-family: Lato-Bold; text-transform: uppercase; padding-top: 30px; position: relative; text-align: center; line-height: 1.3; letter-spacing: 0.01em; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .view-acces-directs .views-field-field-taxonomie-image a { position: relative; width: 100px; height: 100px; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .view-acces-directs .views-field-field-taxonomie-image a:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; margin: 0 auto; box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.16); background: #52A176; transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: -1; border: 1px solid #52A176; } .view-acces-directs .views-field-field-taxonomie-image a:hover { transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); } .breadcrumb { padding: 0; margin: 10px 0; color: #010D26; background-color: transparent; font-size: 1em !important; } .breadcrumb li.active { color: #010D26; } .breadcrumb li a, .breadcrumb li a.button a:hover, a.button .breadcrumb li a:hover, .breadcrumb li input.button a:hover, input.button .breadcrumb li a:hover, .breadcrumb li button.btn a:hover, button.btn .breadcrumb li a:hover, .breadcrumb li ul.js-pager__items .button a:hover, ul.js-pager__items .button .breadcrumb li a:hover { color: #1758B1; } .breadcrumb li a:hover { color: #010D26; } .breadcrumb li { margin: 0 5px; font-family: Lato-Bold; } .breadcrumb li:first-child { margin-left: 0; } .breadcrumb li:last-child { font-family: Lato-Regular; } .breadcrumb li:before { content: ">" !important; color: #7c7b7b; font-size: 1em; left: 0; position: relative; } .breadcrumb li:first-child:before { display: none; } .breadcrumb li a, .breadcrumb li a.button a:hover, a.button .breadcrumb li a:hover, .breadcrumb li input.button a:hover, input.button .breadcrumb li a:hover, .breadcrumb li button.btn a:hover, button.btn .breadcrumb li a:hover, .breadcrumb li ul.js-pager__items .button a:hover, ul.js-pager__items .button .breadcrumb li a:hover { transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } /* .node--type-article { .breadcrumb { @include breadcrumb(white,white); text-shadow: 0 0 50px black; li { &:before { color: $gray; } } } } */ table { border: 1px solid #1758B1; text-align: left; margin: 10px 0 30px 0; width: 100% !important; } table a, table a.button a:hover, a.button table a:hover, table input.button a:hover, input.button table a:hover, table button.btn a:hover, button.btn table a:hover, table ul.js-pager__items .button a:hover, ul.js-pager__items .button table a:hover { color: #1758B1; } table caption { text-align: left; background-position: 0 center; font-size: 1.4em; margin: 20px 0 10px 0; color: #1758B1; } table th { border-color: #1758B1; background: white; } table thead tr th { background: #1758B1; color: white; padding: 10px; } table thead tr th a, table thead tr th a.button a:hover, a.button table thead tr th a:hover, table thead tr th input.button a:hover, input.button table thead tr th a:hover, table thead tr th button.btn a:hover, button.btn table thead tr th a:hover, table thead tr th ul.js-pager__items .button a:hover, ul.js-pager__items .button table thead tr th a:hover { color: white !important; } table d th td, table d th .views-row-last, table th td, table th .views-row-last, table tbody td, table tbody .views-row-last { border: 1px solid #1758B1; } table d th tr td, table th tr td, table tbody tr td { vertical-align: top; padding: 5px 10px; font-size: 16px; color: #010D26; background: white; } table d th .views-field-title, table th .views-field-title, table tbody .views-field-title { font-size: 1rem; } table .views-field-view-node { position: static; } table .views-field-view-node a, table .views-field-view-node a.button a:hover, a.button table .views-field-view-node a:hover, table .views-field-view-node input.button a:hover, input.button table .views-field-view-node a:hover, table .views-field-view-node button.btn a:hover, button.btn table .views-field-view-node a:hover, table .views-field-view-node ul.js-pager__items .button a:hover, ul.js-pager__items .button table .views-field-view-node a:hover { margin: 0; } table tr:hover td, table tr.even:hover td.active, table tr.odd:hover td.active, table tr.even td { background: white; } table thead tr th { padding: 5px 10px; font-size: 1.2em !important; } table thead tr th { color: white !important; } table thead tr th h3, table thead tr th h4 { color: white !important; } table td.views-field-title { line-height: initial; } table tr:hover td.views-field-edit-webform-submission { background: #DDDDDD !important; } table td.views-field-edit-webform-submission { background: #DDDDDD; position: relative; min-width: 60px; } table td.views-field-edit-webform-submission:hover { background: #DDDDDD; } table td.views-field-edit-webform-submission a, table td.views-field-edit-webform-submission a.button a:hover, a.button table td.views-field-edit-webform-submission a:hover, table td.views-field-edit-webform-submission input.button a:hover, input.button table td.views-field-edit-webform-submission a:hover, table td.views-field-edit-webform-submission button.btn a:hover, button.btn table td.views-field-edit-webform-submission a:hover, table td.views-field-edit-webform-submission ul.js-pager__items .button a:hover, ul.js-pager__items .button table td.views-field-edit-webform-submission a:hover { font-size: 0px; font-size: 0rem; background-image: url("./../images/stylo.png"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: #DDDDDD; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .more-link a, .more-link a.button a:hover, a.button .more-link a:hover, .more-link input.button a:hover, input.button .more-link a:hover, .more-link button.btn a:hover, button.btn .more-link a:hover, .more-link ul.js-pager__items .button a:hover, ul.js-pager__items .button .more-link a:hover, .geolocation, .site-logo, #block-entete, #block-omegabasic-search, #block-reseauxsociaux, #block-nicemenus-menu-principal, #header-outer-wrapper, #header-layout #block-menumobile .we-mega-menu-ul > .we-mega-menu-li, #block-menubutton .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .navigation ul li a { transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .row { margin: 0; } .view .view-content:before, .view .view-content:after, .ds-1col:before, .ds-1col:after { display: none; } .path-frontpage { background-image: url("./../images/fond-site.svg"); background-repeat: repeat; background-position: center center; background-size: initial; background-color: transparent; background-attachment: fixed; /*.title-actus { @extend %bloContent; h2 { @include background(actu, transparent,no-repeat,left,center,svg); float: left; margin-bottom: 0; } .more-link { float: right; margin-right: 20px; } }*/ /*.bloc-facebook, .bloc-twitter, .bloc-youtube, .bloc-instagram { border: 0; width: 100%; margin-bottom: 30px; text-align: center; @include agrandirMQ(768px) { width: 43%; margin: 0 15px 30px 15px; } @include agrandirMQ(1220px) { width: 22%; margin: 0 15px 30px 15px; } #instawidget_instagram, iframe { border: 1px solid $bg2 !important; background: white; height: 382px !important; max-width: 280px; overflow-x: hidden; overflow-y: scroll; } h2 { font-size: 1.4em; padding-left: 60px; min-height: 48px; max-width: 280px; margin-bottom: 30px; margin-left: auto; margin-right: auto; @extend %flexBox; @include alignItems(center); @include background(blank, transparent,no-repeat,left,center,svg); } #instawidget_instagram { // margin: 0; } } #instawidget_instagram.insta_col_4 #insta_images .insta_item { width: 50% !important; padding: inherit !important; margin: 0 !important; text-decoration: none; @extend %inlineBlock; } .bloc-facebook { h2 { @include imgUrl(facebook-iframe, svg); } } .bloc-twitter { h2 { @include imgUrl(twitter-iframe, svg); } } .bloc-youtube { h2 { @include imgUrl(youtube-iframe, svg); } } .bloc-instagram { h2 { @include imgUrl(insta-iframe, svg); } }*/ /*.bloc-rues, .bloc-quartiers, .bloc-appli, .bloc-publications { h2 { font-size: 2em; padding-left: 70px; @include background(blank, transparent,no-repeat,left,center,svg); } } .bloc-appli, .bloc-publications { @extend %inlineBlock; } .bloc-quartiers { width: 69%; float: left; h2 { color: white; @include imgUrl(quartier, svg); @include diminuerMQ { font-size: 1.6em; } } li a { @include puce(none, white, 6px, 0, 12px, 3px);; color: white; font-size: 1.2em; font-family: $fontTitle; &:hover {color: $siteColor; } } .ds-2col-fluid > .group-left { width: 40%; } .ds-2col-fluid > .group-right { width: 60%; .field--name-field-image-svg { background: transparent; @include skew(0); border: none; max-width: none; &:after { display: none; } } } } .bloc-rues { width: 30%; float: right; margin-bottom: 20px; h2 { color: white; @include imgUrl(rue, svg); } p { color: white; font-family: $fontTitle; } } .bloc-formulaire { width: 30%; float: right; .form-item { margin: 0; width: 100%; } .form-actions { margin: 0; text-align: center; width: 100%; } label { display: none; } input.form-text { padding-left: 40px; padding-right: 20px; color: $gray2; border: 1px solid $bg2; width: 100%; @include background(rechercher-filtre, white,no-repeat,left 5px ,center,svg); } input.form-submit { border: 1px solid white; background: transparent; color: white; text-align: center; width: 100%; height: 42px; padding: 7px 20px; &:hover { background-color: $textColor; border-color: $textColor; } } }*/ /*.bloc-appli { width: 30%; h2 { @include imgUrl(appli, svg); } .field--name-body { background: white; padding: 40px; border: 1px solid $bg2; font-family: $fontTitle; } .more-link { display: block; width: 87%; margin: 20px auto 0 auto; @include diminuerMQ(480px) { width: 100%; } } }*/ } .path-frontpage #page-wrapper, .path-frontpage #main-wrapper, .path-frontpage #page { background-color: transparent !important; } .path-frontpage #content-outer-wrapper { padding-top: 0; } .path-frontpage #preface-outer-wrapper { background: white; } .path-frontpage .layout__region--top { background: transparent; padding-top: 50px; } .path-frontpage main { padding: 0; } .path-frontpage #main-wrapper #main { padding: 0; margin: 0; max-width: 100%; } .path-frontpage #block-bootstrap-barrio-subtheme-page-title { display: none; } .path-frontpage .layout__region--second-above { position: relative; padding-bottom: 60px; } .path-frontpage .layout__region--second-above .block-region-second-above { z-index: 3; position: relative; } .path-frontpage .layout__region--second-above:before { content: ""; background: #F5F5F5; width: 100%; height: 200px; z-index: 1; position: absolute; top: -40px; right: 0; bottom: auto; left: 0; transform: skew(0, -2deg); -moz-transform: skew(0, -2deg); -ms-transform: skew(0, -2deg); -o-transform: skew(0, -2deg); -webkit-transform: skew(0, -2deg); } .path-frontpage .layout__region--second-above:after { content: ""; background: #F7C046; width: 100%; height: 100px; z-index: 0; position: absolute; top: -40px; right: 0; bottom: auto; left: 0; transform: skew(0, 2deg); -moz-transform: skew(0, 2deg); -ms-transform: skew(0, 2deg); -o-transform: skew(0, 2deg); -webkit-transform: skew(0, 2deg); } @media (max-width: 769px) { .path-frontpage .layout__region--second-above { padding-bottom: 120px; } } .path-frontpage .layout__region--first-above { padding-bottom: 80px; } .path-frontpage .layout__region--middle { margin-top: -40px; position: relative; z-index: 10; clear: both; background: #52A176; padding: 40px 0; margin: 100px 0 40px 0; transform: skew(0, -2deg); -moz-transform: skew(0, -2deg); -ms-transform: skew(0, -2deg); -o-transform: skew(0, -2deg); -webkit-transform: skew(0, -2deg); } .path-frontpage .layout__region--middle:before { content: ""; background: #52A176; width: 100%; height: 400px; z-index: 0; position: absolute; top: -30px; right: 0; bottom: auto; left: 0; transform: skew(0, -2deg); -moz-transform: skew(0, -2deg); -ms-transform: skew(0, -2deg); -o-transform: skew(0, -2deg); -webkit-transform: skew(0, -2deg); z-index: 3; display: block !important; } .path-frontpage .layout__region--middle:after { content: ""; background: #F7C046; width: 100%; height: 100px; z-index: 0; position: absolute; top: 30px; right: 0; bottom: auto; left: 0; transform: skew(0, 4deg); -moz-transform: skew(0, 4deg); -ms-transform: skew(0, 4deg); -o-transform: skew(0, 4deg); -webkit-transform: skew(0, 4deg); z-index: 2; display: block !important; } .path-frontpage .layout__region--middle .block-region-middle { transform: skew(0, 2deg); -moz-transform: skew(0, 2deg); -ms-transform: skew(0, 2deg); -o-transform: skew(0, 2deg); -webkit-transform: skew(0, 2deg); padding: 40px 0; position: relative; z-index: 4; } .path-frontpage .layout__region--first-below { position: relative; z-index: 5; } .path-frontpage .layout__region--first-below:before { content: ""; background: #F7C046; width: 100%; height: 100px; z-index: -1; position: absolute; top: -100px; right: 0; bottom: auto; left: 0; transform: skew(0, 2deg); -moz-transform: skew(0, 2deg); -ms-transform: skew(0, 2deg); -o-transform: skew(0, 2deg); -webkit-transform: skew(0, 2deg); } .path-frontpage .layout__region--bottom, .path-frontpage .layout__region--second-below { position: relative; z-index: 5; /*&:before { @include formSkew($orange,100%, 100px,-1); @include absolute(-220px,0,auto, 0); @include skew(0,5deg); display: block; }*/ } .path-frontpage .layout__region--bottom .block-region-bottom, .path-frontpage .layout__region--bottom .block-region-second-below, .path-frontpage .layout__region--second-below .block-region-bottom, .path-frontpage .layout__region--second-below .block-region-second-below { padding: 50px 0; transform: skew(0, -2deg); -moz-transform: skew(0, -2deg); -ms-transform: skew(0, -2deg); -o-transform: skew(0, -2deg); -webkit-transform: skew(0, -2deg); } .path-frontpage .layout__region--bottom .block-region-bottom .bloc-images, .path-frontpage .layout__region--bottom .block-region-bottom .front-agenda, .path-frontpage .layout__region--bottom .block-region-second-below .bloc-images, .path-frontpage .layout__region--bottom .block-region-second-below .front-agenda, .path-frontpage .layout__region--second-below .block-region-bottom .bloc-images, .path-frontpage .layout__region--second-below .block-region-bottom .front-agenda, .path-frontpage .layout__region--second-below .block-region-second-below .bloc-images, .path-frontpage .layout__region--second-below .block-region-second-below .front-agenda { transform: skew(0, 2deg); -moz-transform: skew(0, 2deg); -ms-transform: skew(0, 2deg); -o-transform: skew(0, 2deg); -webkit-transform: skew(0, 2deg); } .path-frontpage .layout__region--bottom .block-region-bottom, .path-frontpage .layout__region--second-below .block-region-bottom { background: #F7C046; } .path-frontpage .layout__region--bottom .block-region-second-below, .path-frontpage .layout__region--second-below .block-region-second-below { background: #DDDDDD; } .path-frontpage .layout__region--bottom { margin-bottom: 100px; } .path-frontpage h2 { text-transform: uppercase; letter-spacing: .1em; font-size: 2.5em; padding-left: 70px; background-image: url("./../images/blank.svg"); background-repeat: no-repeat; background-position: left center; background-size: initial; background-color: transparent; } @media (max-width: 767px) { .path-frontpage h2 { font-size: 1.8em; } } .path-frontpage .bloc-titre-actus .more-link { margin: 20px auto 0 auto; text-align: center; } .path-frontpage .bloc-titre-actus .more-link a { display: inline-block; } .path-frontpage .bloc-fil-infos { background: #F5F5F5; margin: 40px auto; padding: 13px 20px; border: 1px solid rgba(0, 0, 0, 0.1); } .path-frontpage .bloc-fil-infos h2 { font-size: 1.2em; padding-left: 0; margin-bottom: 0; text-transform: uppercase; } .path-frontpage .bloc-fil-infos h2, .path-frontpage .bloc-fil-infos > div:not(.contextual) { display: inline-block; vertical-align: middle; } .path-frontpage .bloc-fil-infos > div:not(.contextual) { width: 90%; } .path-frontpage .bloc-actus { width: 50%; margin-bottom: 25px; float: left; } .path-frontpage .bloc-actus .view-actualites .view-content { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media (max-width: 979px) { .path-frontpage .bloc-actus .view-actualites .view-content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .path-frontpage .bloc-actus .view-actualites .views-row { width: 100%; margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 1024px) { .path-frontpage .bloc-actus .view-actualites .views-row { width: 43%; margin-right: 30px; } } .path-frontpage .block-views-blockactualites-block-video { float: right; width: 50%; overflow: hidden; } .path-frontpage .block-views-blockactualites-block-video .views-row { overflow: hidden; max-width: 100%; margin-bottom: 10px; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .path-frontpage .block-views-blockactualites-block-video-petite { clear: right; float: right; width: 50%; overflow: hidden; } .path-frontpage .block-views-blockactualites-block-video-petite .view-content { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .path-frontpage .block-views-blockactualites-block-video-petite .views-row { width: 49%; max-width: 350px; margin-bottom: 30px; border: 1px solid #010D26; overflow: hidden; } .path-frontpage .layout__region--first-above { max-width: 1200px; } .path-frontpage .layout__region--first-below, .path-frontpage .layout__region--first-below, .path-frontpage .layout__region--first-above { background: transparent; } .path-frontpage .layout__region--second-below, .path-frontpage .layout__region--first-above, .path-frontpage .layout__region--second-above, .path-frontpage .layout__region--first-below { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -moz-box-flex: 0; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .path-frontpage .layout__region--second-above { background: #F5F5F5; } .path-frontpage .layout__region--second-below, .path-frontpage .layout__region--bottom { padding: 40px 0; } .path-frontpage .layout__region--first-below { padding: 60px 0; } .path-frontpage .block-region-bottom, .path-frontpage .layout__region--bottom { background: transparent; } .path-frontpage .block-views-blockacces-directs-block-acces-directs { padding: 40px 0 0 0; } .path-frontpage .front-agenda h2 { background-image: url("./../images/agenda.svg"); } .path-frontpage .front-agenda .view-agenda { position: relative; } .path-frontpage .front-agenda .view-agenda .view-content { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media (max-width: 979px) { .path-frontpage .front-agenda .view-agenda .view-content { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .path-frontpage .front-agenda .view-agenda .views-row { width: 90%; margin-bottom: 30px; max-width: 320px; overflow: hidden; } @media (min-width: 480px) { .path-frontpage .front-agenda .view-agenda .views-row { width: 40%; margin: 0 30px 30px 0; } } @media (min-width: 992px) { .path-frontpage .front-agenda .view-agenda .views-row { width: 23.3%; margin: 0 0 30px 0; } } .path-frontpage .front-agenda .more-link, .path-frontpage .bloc-publications .more-link { position: absolute; top: -66px; right: 0; bottom: auto; left: auto; /*a:before { border-bottom-color: $bg; } &:after { border-top-color: $bg;; } &:hover { a:before { border-bottom-color: $textColor; } &:after { border-top-color: $textColor; } }*/ } .path-frontpage .block-region-first-below { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .path-frontpage .bloc-publications { width: 100%; margin-right: 0; } .path-frontpage .bloc-publications h2 { background-image: url("./../images/publications.svg"); } .path-frontpage .bloc-publications .view-publications { position: relative; } .path-frontpage .bloc-publications .view-publications .view-content { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media (max-width: 979px) { .path-frontpage .bloc-publications .view-publications .view-content { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; } } .path-frontpage .bloc-publications .view-publications .views-row { width: 90%; margin-bottom: 30px; max-width: 320px; overflow: hidden; } @media (min-width: 480px) { .path-frontpage .bloc-publications .view-publications .views-row { width: 40%; margin: 0 30px 30px 0; } } @media (min-width: 992px) { .path-frontpage .bloc-publications .view-publications .views-row { width: 23.3%; margin: 0 0 30px 0; } } .path-frontpage .bloc-publications .view-publications .views-field-field-image { border: 1px solid rgba(0, 0, 0, 0.1); } .path-frontpage .bloc-images { position: relative; } .path-frontpage .bloc-images h2 { background-image: url("./../images/Photo-noir.svg"); } .path-frontpage .bloc-images .view-en-images { position: relative; } .path-frontpage .bloc-images .view-en-images .view-content { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .path-frontpage .bloc-images .view-en-images .view-content .views-row { width: 31.5%; max-width: 450px; } .path-frontpage .bloc-images .views-field-field-galerie-images img { border: 1px solid rgba(0, 0, 0, 0.1); } .path-frontpage .bloc-images .more-link { position: absolute; top: -66px; right: 0; bottom: auto; left: auto; } @media (max-width: 849px) { .path-frontpage .bloc-images .more-link { top: 0; right: auto; left: 0; } .path-frontpage .bloc-images .view-content { position: relative; top: 50px; } } .path-frontpage ul.ui-autocomplete.ui-front a { background: transparent; display: block; border: none; color: #010D26; } .path-frontpage ul.ui-autocomplete.ui-front a:hover { color: #1758B1; background: #DDDDDD; } @media (max-width: 1219px) { .path-frontpage .bloc-appli, .path-frontpage .bloc-publications { width: 100%; } .path-frontpage .bloc-publications .more-link { top: 0; left: 0; right: auto; } .path-frontpage .bloc-publications .view-publications .view-content { position: relative; top: 70px; } .path-frontpage .bloc-quartiers svg { width: 320px; } } @media (max-width: 1023px) { .path-frontpage .view-en-images .view-content, .path-frontpage .bloc-publications .view-publications .view-content { overflow: scroll; -webkit-flex-flow: nowrap row; -moz-flex-flow: nowrap row; -ms-flex-flow: nowrap row; flex-flow: nowrap row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: strech; -ms-flex-align: strech; -webkit-align-items: strech; -moz-align-items: strech; align-items: strech; } .path-frontpage .view-en-images .views-row, .path-frontpage .bloc-publications .view-publications .views-row { min-width: 320px; -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; margin: 0 20px 30px 20px; } } @media (max-width: 979px) { .path-frontpage .bloc-formulaire, .path-frontpage .bloc-quartiers, .path-frontpage .bloc-rues { width: 100%; float: left; } .path-frontpage .bloc-quartiers .ds-2col-fluid > .group-left .field--name-body, .path-frontpage .bloc-quartiers .ds-2col-fluid > .group-right .field--name-field-image-svg { margin-bottom: 0; } .path-frontpage .bloc-formulaire .form-actions { max-width: 200px; } } @media (max-width: 849px) { .path-frontpage .layout__region--bottom { padding-bottom: 80px; } } @media (max-width: 767px) { .path-frontpage .layout__region--top { padding-top: 60px; } .path-frontpage .bloc-formulaire { width: 100%; float: left; } .path-frontpage .title-actus h2 { float: none; margin-bottom: 20px; } .path-frontpage .title-actus .more-link { float: left; } .path-frontpage .bloc-fil-infos { margin: 30px auto; } .path-frontpage .front-agenda .more-link { top: 0; left: 0; right: auto; } .path-frontpage .front-agenda .view-content { position: relative; top: 70px; } .path-frontpage .bloc-appli, .path-frontpage .bloc-publications { width: 100%; } .path-frontpage .bloc-publications { margin-right: 0; margin-bottom: 60px; } .path-frontpage .view-carrousel { display: none; } } @media (max-width: 649px) { .path-frontpage .bloc-quartiers .ds-2col-fluid svg { width: 290px; } .path-frontpage .bloc-quartiers .ds-2col-fluid > .group-right, .path-frontpage .bloc-quartiers .ds-2col-fluid > .group-left { float: none; width: 100%; margin-bottom: 0; } .path-frontpage .bloc-quartiers .ds-2col-fluid > .group-right .field--name-field-image-svg { padding: 0; margin-bottom: 20px; } } @media (max-width: 1279px) { .path-frontpage .block-views-blockactualites-block-video, .path-frontpage .block-views-blockactualites-block-video-petite, .path-frontpage .bloc-actus { width: 100%; max-width: 700px; margin: 0 auto; float: none; } .path-frontpage .bloc-actus .view-actualites .views-row { max-width: 335px; } } @media (max-width: 479px) { .path-frontpage .block-views-blockactualites-block-video-petite .views-row { margin: 0 auto 20px auto; width: 350px; } .path-frontpage .block-views-blockactualites-block-video .views-row { margin: 0 auto 20px auto; width: 350px; } .path-frontpage .block-views-blockactualites-block-video .views-row iframe { width: 100%; } } .path-frontpage .block-views-blockvideo-block-actus-video { background: #52A176; margin: 0; } .path-frontpage .block-views-blockvideo-block-actus-video h2 { background-image: url("./../images/youtube-iframe.svg"); } #main-layout { width: 100%; max-width: 100%; margin: 0; } .not-front #main-wrapper { padding-bottom: 100px; background-image: url("./../images/fond-site.svg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: white; background-attachment: fixed; } .not-front #content, .not-front #main { padding: 0; max-width: 100%; } .not-front #core-outer-wrapper { background: #F5F5F5; } .not-front .region--content { width: 100% !important; margin: 0 !important; } .not-front #block-filsdariane { padding: 0; margin-bottom: 20px; } .not-front .field--name-field-commune, .not-front .field--name-field-code-postal, .not-front .field--name-field-ville { display: inline-block; } .not-front .field--name-field-image img { border: 1px solid rgba(20, 18, 21, 0.1); } .path-node .node a { color: #1758B1; font-family: Lato-Bold; } .path-node .node a:hover { color: #010D26; } .node--view-mode-complet-sans-titre .field--name-field-date-fin-travaux, .node--view-mode-complet-sans-titre .field--name-field-date-travaux, .node--view-mode-complet-sans-titre .field--name-field-date-evenement, .node--view-mode-full .field--name-field-date-fin-travaux, .node--view-mode-full .field--name-field-date-travaux, .node--view-mode-full .field--name-field-date-evenement, .path-node .field--name-field-date-fin-travaux, .path-node .field--name-field-date-travaux, .path-node .field--name-field-date-evenement, .autre-type-contenu .field--name-field-date-fin-travaux, .autre-type-contenu .field--name-field-date-travaux, .autre-type-contenu .field--name-field-date-evenement { color: #52A176; padding-left: 35px; font-size: 1.4em; background-image: url("./../images/date.svg"); background-repeat: no-repeat; background-position: left center; background-size: initial; background-color: transparent; margin-bottom: 20px; } @media (max-width: 767px) { .node--view-mode-complet-sans-titre .field--name-field-date-fin-travaux, .node--view-mode-complet-sans-titre .field--name-field-date-travaux, .node--view-mode-complet-sans-titre .field--name-field-date-evenement, .node--view-mode-full .field--name-field-date-fin-travaux, .node--view-mode-full .field--name-field-date-travaux, .node--view-mode-full .field--name-field-date-evenement, .path-node .field--name-field-date-fin-travaux, .path-node .field--name-field-date-travaux, .path-node .field--name-field-date-evenement, .autre-type-contenu .field--name-field-date-fin-travaux, .autre-type-contenu .field--name-field-date-travaux, .autre-type-contenu .field--name-field-date-evenement { font-size: 1.1em; } } .node--view-mode-complet-sans-titre .field--name-field-date-travaux, .node--view-mode-full .field--name-field-date-travaux, .path-node .field--name-field-date-travaux, .autre-type-contenu .field--name-field-date-travaux { margin-bottom: 10px; } .node--view-mode-complet-sans-titre .field--name-field-resume p, .node--view-mode-complet-sans-titre .field--name-field-resume li, .node--view-mode-complet-sans-titre .field--name-field-resume a, .node--view-mode-full .field--name-field-resume p, .node--view-mode-full .field--name-field-resume li, .node--view-mode-full .field--name-field-resume a, .path-node .field--name-field-resume p, .path-node .field--name-field-resume li, .path-node .field--name-field-resume a, .autre-type-contenu .field--name-field-resume p, .autre-type-contenu .field--name-field-resume li, .autre-type-contenu .field--name-field-resume a { font-size: 1.2em; } .node--view-mode-complet-sans-titre .group-left > .field, .node--view-mode-full .group-left > .field, .autre-type-contenu .group-left > .field { margin-bottom: 40px; } .node--view-mode-complet-sans-titre .group-left > .field.field--name-node-post-date, .node--view-mode-complet-sans-titre .group-left > .field.field--name-node-changed-date, .node--view-mode-full .group-left > .field.field--name-node-post-date, .node--view-mode-full .group-left > .field.field--name-node-changed-date, .autre-type-contenu .group-left > .field.field--name-node-post-date, .autre-type-contenu .group-left > .field.field--name-node-changed-date { margin-bottom: 10px; font-size: .95em; } .node--view-mode-complet-sans-titre .group-left h2, .node--view-mode-full .group-left h2, .autre-type-contenu .group-left h2 { position: relative; } .node--view-mode-complet-sans-titre .group-left h2:after, .node--view-mode-full .group-left h2:after, .autre-type-contenu .group-left h2:after { content: ""; position: absolute; top: auto; right: auto; bottom: -5px; left: 0; width: 100%; height: 1px; background: #010D26; } .node--view-mode-complet-sans-titre .group-left h3, .node--view-mode-full .group-left h3, .autre-type-contenu .group-left h3 { color: #52A176; } .node--view-mode-complet-sans-titre .group-left p, .node--view-mode-complet-sans-titre .group-left ul, .node--view-mode-complet-sans-titre .group-left ol, .node--view-mode-full .group-left p, .node--view-mode-full .group-left ul, .node--view-mode-full .group-left ol, .autre-type-contenu .group-left p, .autre-type-contenu .group-left ul, .autre-type-contenu .group-left ol { margin-bottom: 20px; } .node--view-mode-complet-sans-titre .group-left li, .node--view-mode-full .group-left li, .autre-type-contenu .group-left li { margin-bottom: 4px; } .node--view-mode-complet-sans-titre .group-left p ~ ul, .node--view-mode-full .group-left p ~ ul, .autre-type-contenu .group-left p ~ ul { margin-top: -15px; } .node--view-mode-complet-sans-titre .group-left .field--name-field-video iframe, .node--view-mode-full .group-left .field--name-field-video iframe, .autre-type-contenu .group-left .field--name-field-video iframe { width: 100%; } @media (max-width: 479px) { .node--view-mode-complet-sans-titre .group-left .field--name-field-video iframe, .node--view-mode-full .group-left .field--name-field-video iframe, .autre-type-contenu .group-left .field--name-field-video iframe { max-height: 200px; } } .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images, .node--view-mode-full .group-left .field--name-field-galerie-images, .autre-type-contenu .group-left .field--name-field-galerie-images { margin-bottom: 10px; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media (max-width: 479px) { .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images, .node--view-mode-full .group-left .field--name-field-galerie-images, .autre-type-contenu .group-left .field--name-field-galerie-images { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } } .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images .field__item, .node--view-mode-full .group-left .field--name-field-galerie-images .field__item, .autre-type-contenu .group-left .field--name-field-galerie-images .field__item { width: 28%; max-width: 220px; border: 1px solid rgba(20, 18, 21, 0.1); margin-bottom: 30px; margin-right: 30px; overflow: hidden; } @media (max-width: 979px) { .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images .field__item, .node--view-mode-full .group-left .field--name-field-galerie-images .field__item, .autre-type-contenu .group-left .field--name-field-galerie-images .field__item { width: 22%; margin-right: 30px; } } @media (max-width: 767px) { .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images .field__item, .node--view-mode-full .group-left .field--name-field-galerie-images .field__item, .autre-type-contenu .group-left .field--name-field-galerie-images .field__item { width: 28%; margin-right: 30px; } } @media (max-width: 599px) { .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images .field__item, .node--view-mode-full .group-left .field--name-field-galerie-images .field__item, .autre-type-contenu .group-left .field--name-field-galerie-images .field__item { width: 42%; margin-right: 30px; } } @media (max-width: 479px) { .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images .field__item, .node--view-mode-full .group-left .field--name-field-galerie-images .field__item, .autre-type-contenu .group-left .field--name-field-galerie-images .field__item { width: 90%; text-align: center; } } .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images .field__item img, .node--view-mode-full .group-left .field--name-field-galerie-images .field__item img, .autre-type-contenu .group-left .field--name-field-galerie-images .field__item img { transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin: 0; } .node--view-mode-complet-sans-titre .group-left .field--name-field-galerie-images .field__item:hover img, .node--view-mode-full .group-left .field--name-field-galerie-images .field__item:hover img, .autre-type-contenu .group-left .field--name-field-galerie-images .field__item:hover img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .node--view-mode-complet-sans-titre .group-right .wrapper-adresse, .node--view-mode-full .group-right .wrapper-adresse, .autre-type-contenu .group-right .wrapper-adresse { margin-bottom: 40px; padding: 20px; border: 1px solid #DDDDDD; } .node--view-mode-complet-sans-titre .group-right .wrapper-adresse h3, .node--view-mode-full .group-right .wrapper-adresse h3, .autre-type-contenu .group-right .wrapper-adresse h3 { color: #010D26; padding-left: 40px; background-image: url("./../images/map.svg"); background-repeat: no-repeat; background-position: left center; background-size: initial; background-color: transparent; } .node--view-mode-complet-sans-titre .group-right .wrapper-adresse .field, .node--view-mode-full .group-right .wrapper-adresse .field, .autre-type-contenu .group-right .wrapper-adresse .field { line-height: 1.4; } .node--view-mode-complet-sans-titre .group-right .wrapper-adresse .field--name-field-geofield, .node--view-mode-full .group-right .wrapper-adresse .field--name-field-geofield, .autre-type-contenu .group-right .wrapper-adresse .field--name-field-geofield { margin-top: 20px; } .node--view-mode-complet-sans-titre .group-right > .field, .node--view-mode-full .group-right > .field, .autre-type-contenu .group-right > .field { padding: 40px; background: white; border: 1px solid rgba(20, 18, 21, 0.1); margin-bottom: 40px; position: relative; max-width: 430px; } .node--view-mode-complet-sans-titre .group-right > .field:after, .node--view-mode-full .group-right > .field:after, .autre-type-contenu .group-right > .field:after { content: ""; display: block; transform: skew(0, -3deg); -moz-transform: skew(0, -3deg); -ms-transform: skew(0, -3deg); -o-transform: skew(0, -3deg); -webkit-transform: skew(0, -3deg); position: absolute; top: auto; right: 0; bottom: -11px; left: -1px; background: white; border-bottom: 1px solid rgba(20, 18, 21, 0.1); width: -moz-calc(100% + 1px); width: -webkit-calc(100% + 1px); width: calc(100% + 1px); height: 25px; border-left: 1px solid rgba(20, 18, 21, 0.1); display: block; } .node--view-mode-complet-sans-titre .group-right > .field:before, .node--view-mode-full .group-right > .field:before, .autre-type-contenu .group-right > .field:before { content: ""; transform: skew(0, -3deg); -moz-transform: skew(0, -3deg); -ms-transform: skew(0, -3deg); -o-transform: skew(0, -3deg); -webkit-transform: skew(0, -3deg); position: absolute; top: -11px; right: -1px; bottom: auto; left: 0; background: white; border-top: 1px solid rgba(20, 18, 21, 0.1); width: 100%; width: -moz-calc(100% + 1px); width: -webkit-calc(100% + 1px); width: calc(100% + 1px); width: -webkit-calc(100% + 2px); height: 25px; border-right: 1px solid rgba(20, 18, 21, 0.1); display: block; } .node--view-mode-complet-sans-titre .group-right > .field .field__label, .node--view-mode-full .group-right > .field .field__label, .autre-type-contenu .group-right > .field .field__label { font-family: Lato-Bold; font-size: 1.2em; padding: 5px 0 5px 40px; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 20px; font-weight: normal; background-image: url("./../images/blank.png"); background-repeat: no-repeat; background-position: left top; background-size: initial; background-color: transparent; } .node--view-mode-complet-sans-titre .group-right .field--name-field-infos-pratiques .field__label, .node--view-mode-full .group-right .field--name-field-infos-pratiques .field__label, .autre-type-contenu .group-right .field--name-field-infos-pratiques .field__label { background-image: url("./../images/infos.svg"); } .node--view-mode-complet-sans-titre .group-right .field--name-field-contact, .node--view-mode-full .group-right .field--name-field-contact, .autre-type-contenu .group-right .field--name-field-contact { /*background: $green; &:before { background: $green; } &:after {display: none; }*/ /*p { color: white; margin-bottom: 10px; line-height: 1.5; } a { color: white; }*/ } .node--view-mode-complet-sans-titre .group-right .field--name-field-contact .field__label, .node--view-mode-full .group-right .field--name-field-contact .field__label, .autre-type-contenu .group-right .field--name-field-contact .field__label { background-image: url("./../images/telephone.svg"); } .node--view-mode-complet-sans-titre .group-right .field--name-field-documents .field__label, .node--view-mode-full .group-right .field--name-field-documents .field__label, .autre-type-contenu .group-right .field--name-field-documents .field__label { background-image: url("./../images/documents.svg"); } .node--view-mode-complet-sans-titre .group-right .field--name-field-documents .field__item span.file, .node--view-mode-full .group-right .field--name-field-documents .field__item span.file, .autre-type-contenu .group-right .field--name-field-documents .field__item span.file { background-image: none; padding-left: 0; margin-bottom: 10px; } .node--view-mode-complet-sans-titre .group-right .field--name-field-documents .field__item span.file:before, .node--view-mode-full .group-right .field--name-field-documents .field__item span.file:before, .autre-type-contenu .group-right .field--name-field-documents .field__item span.file:before { content: ''; width: 6px; height: 6px; background: #F7C046; border: none; margin: 0 15px 0px 0; border-radius: 0; display: inline-block; } .node--view-mode-complet-sans-titre .group-right .field--name-field-lien-utiles .field__label, .node--view-mode-full .group-right .field--name-field-lien-utiles .field__label, .autre-type-contenu .group-right .field--name-field-lien-utiles .field__label { background-image: url("./../images/liens.svg"); } .node--view-mode-complet-sans-titre .group-right .field--name-field-lien-utiles .field__item, .node--view-mode-full .group-right .field--name-field-lien-utiles .field__item, .autre-type-contenu .group-right .field--name-field-lien-utiles .field__item { margin-bottom: 10px; } .node--view-mode-complet-sans-titre .group-right .field--name-field-lien-utiles .field__item:before, .node--view-mode-full .group-right .field--name-field-lien-utiles .field__item:before, .autre-type-contenu .group-right .field--name-field-lien-utiles .field__item:before { content: ''; width: 6px; height: 6px; background: #F7C046; border: none; margin: 0 15px 0 0; border-radius: 0; display: inline-block; } .node--view-mode-complet-sans-titre .group-right > .field:first-child:before, .node--view-mode-full .group-right > .field:first-child:before, .autre-type-contenu .group-right > .field:first-child:before { display: none; } .node--view-mode-complet-sans-titre.ds-2col > .group-left, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-left, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-left, .node--view-mode-full.ds-2col > .group-left, .node--view-mode-full.ds-2col-stacked-fluid > .group-left, .node--view-mode-full.ds-2col-fluid > .group-left { width: 65.66%; } .node--view-mode-complet-sans-titre.ds-2col > .group-left > .field, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-left > .field, .node--view-mode-full.ds-2col > .group-left > .field, .node--view-mode-full.ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-full.ds-2col-fluid > .group-left > .field { margin-bottom: 40px; } .node--view-mode-complet-sans-titre.ds-2col > .group-left > .field--name-node-post-date, .node--view-mode-complet-sans-titre.ds-2col > .group-left > .field--name-node-changed-date, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-left > .field--name-node-post-date, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-left > .field--name-node-changed-date, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-left > .field--name-node-post-date, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-left > .field--name-node-changed-date, .node--view-mode-full.ds-2col > .group-left > .field--name-node-post-date, .node--view-mode-full.ds-2col > .group-left > .field--name-node-changed-date, .node--view-mode-full.ds-2col-stacked-fluid > .group-left > .field--name-node-post-date, .node--view-mode-full.ds-2col-stacked-fluid > .group-left > .field--name-node-changed-date, .node--view-mode-full.ds-2col-fluid > .group-left > .field--name-node-post-date, .node--view-mode-full.ds-2col-fluid > .group-left > .field--name-node-changed-date { margin-bottom: 10px; } @media (max-width: 1099px) { .node--view-mode-complet-sans-titre.ds-2col > .group-left > .field, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-left > .field, .node--view-mode-full.ds-2col > .group-left > .field, .node--view-mode-full.ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-full.ds-2col-fluid > .group-left > .field { margin-bottom: 20px; } } .node--view-mode-complet-sans-titre.ds-2col > .group-right, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-right, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-right, .node--view-mode-full.ds-2col > .group-right, .node--view-mode-full.ds-2col-stacked-fluid > .group-right, .node--view-mode-full.ds-2col-fluid > .group-right { width: 31.33%; float: right; } @media (max-width: 1099px) { .node--view-mode-complet-sans-titre.ds-2col > .group-left, .node--view-mode-complet-sans-titre.ds-2col > .group-right, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-left, .node--view-mode-complet-sans-titre.ds-2col-stacked-fluid > .group-right, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-left, .node--view-mode-complet-sans-titre.ds-2col-fluid > .group-right, .node--view-mode-full.ds-2col > .group-left, .node--view-mode-full.ds-2col > .group-right, .node--view-mode-full.ds-2col-stacked-fluid > .group-left, .node--view-mode-full.ds-2col-stacked-fluid > .group-right, .node--view-mode-full.ds-2col-fluid > .group-left, .node--view-mode-full.ds-2col-fluid > .group-right { width: 100%; } } .node--view-mode-complet-sans-titre .ds-2col > .group-left, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-left, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-left, .node--view-mode-full .ds-2col > .group-left, .node--view-mode-full .ds-2col-stacked-fluid > .group-left, .node--view-mode-full .ds-2col-fluid > .group-left, .node--type-article .ds-2col > .group-left, .node--type-article .ds-2col-stacked-fluid > .group-left, .node--type-article .ds-2col-fluid > .group-left, .autre-type-contenu .ds-2col > .group-left, .autre-type-contenu .ds-2col-stacked-fluid > .group-left, .autre-type-contenu .ds-2col-fluid > .group-left { width: 65.66%; } .node--view-mode-complet-sans-titre .ds-2col > .group-left > .field, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-left > .field, .node--view-mode-full .ds-2col > .group-left > .field, .node--view-mode-full .ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-full .ds-2col-fluid > .group-left > .field, .node--type-article .ds-2col > .group-left > .field, .node--type-article .ds-2col-stacked-fluid > .group-left > .field, .node--type-article .ds-2col-fluid > .group-left > .field, .autre-type-contenu .ds-2col > .group-left > .field, .autre-type-contenu .ds-2col-stacked-fluid > .group-left > .field, .autre-type-contenu .ds-2col-fluid > .group-left > .field { margin-bottom: 40px; } .node--view-mode-complet-sans-titre .ds-2col > .group-left > .field--name-node-post-date, .node--view-mode-complet-sans-titre .ds-2col > .group-left > .field--name-node-changed-date, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-left > .field--name-node-post-date, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-left > .field--name-node-changed-date, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-left > .field--name-node-post-date, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-left > .field--name-node-changed-date, .node--view-mode-full .ds-2col > .group-left > .field--name-node-post-date, .node--view-mode-full .ds-2col > .group-left > .field--name-node-changed-date, .node--view-mode-full .ds-2col-stacked-fluid > .group-left > .field--name-node-post-date, .node--view-mode-full .ds-2col-stacked-fluid > .group-left > .field--name-node-changed-date, .node--view-mode-full .ds-2col-fluid > .group-left > .field--name-node-post-date, .node--view-mode-full .ds-2col-fluid > .group-left > .field--name-node-changed-date, .node--type-article .ds-2col > .group-left > .field--name-node-post-date, .node--type-article .ds-2col > .group-left > .field--name-node-changed-date, .node--type-article .ds-2col-stacked-fluid > .group-left > .field--name-node-post-date, .node--type-article .ds-2col-stacked-fluid > .group-left > .field--name-node-changed-date, .node--type-article .ds-2col-fluid > .group-left > .field--name-node-post-date, .node--type-article .ds-2col-fluid > .group-left > .field--name-node-changed-date, .autre-type-contenu .ds-2col > .group-left > .field--name-node-post-date, .autre-type-contenu .ds-2col > .group-left > .field--name-node-changed-date, .autre-type-contenu .ds-2col-stacked-fluid > .group-left > .field--name-node-post-date, .autre-type-contenu .ds-2col-stacked-fluid > .group-left > .field--name-node-changed-date, .autre-type-contenu .ds-2col-fluid > .group-left > .field--name-node-post-date, .autre-type-contenu .ds-2col-fluid > .group-left > .field--name-node-changed-date { margin-bottom: 10px; } @media (max-width: 1099px) { .node--view-mode-complet-sans-titre .ds-2col > .group-left > .field, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-left > .field, .node--view-mode-full .ds-2col > .group-left > .field, .node--view-mode-full .ds-2col-stacked-fluid > .group-left > .field, .node--view-mode-full .ds-2col-fluid > .group-left > .field, .node--type-article .ds-2col > .group-left > .field, .node--type-article .ds-2col-stacked-fluid > .group-left > .field, .node--type-article .ds-2col-fluid > .group-left > .field, .autre-type-contenu .ds-2col > .group-left > .field, .autre-type-contenu .ds-2col-stacked-fluid > .group-left > .field, .autre-type-contenu .ds-2col-fluid > .group-left > .field { margin-bottom: 20px; } } .node--view-mode-complet-sans-titre .ds-2col > .group-right, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-right, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-right, .node--view-mode-full .ds-2col > .group-right, .node--view-mode-full .ds-2col-stacked-fluid > .group-right, .node--view-mode-full .ds-2col-fluid > .group-right, .node--type-article .ds-2col > .group-right, .node--type-article .ds-2col-stacked-fluid > .group-right, .node--type-article .ds-2col-fluid > .group-right, .autre-type-contenu .ds-2col > .group-right, .autre-type-contenu .ds-2col-stacked-fluid > .group-right, .autre-type-contenu .ds-2col-fluid > .group-right { width: 31.33%; float: right; } @media (max-width: 1099px) { .node--view-mode-complet-sans-titre .ds-2col > .group-left, .node--view-mode-complet-sans-titre .ds-2col > .group-right, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-left, .node--view-mode-complet-sans-titre .ds-2col-stacked-fluid > .group-right, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-left, .node--view-mode-complet-sans-titre .ds-2col-fluid > .group-right, .node--view-mode-full .ds-2col > .group-left, .node--view-mode-full .ds-2col > .group-right, .node--view-mode-full .ds-2col-stacked-fluid > .group-left, .node--view-mode-full .ds-2col-stacked-fluid > .group-right, .node--view-mode-full .ds-2col-fluid > .group-left, .node--view-mode-full .ds-2col-fluid > .group-right, .node--type-article .ds-2col > .group-left, .node--type-article .ds-2col > .group-right, .node--type-article .ds-2col-stacked-fluid > .group-left, .node--type-article .ds-2col-stacked-fluid > .group-right, .node--type-article .ds-2col-fluid > .group-left, .node--type-article .ds-2col-fluid > .group-right, .autre-type-contenu .ds-2col > .group-left, .autre-type-contenu .ds-2col > .group-right, .autre-type-contenu .ds-2col-stacked-fluid > .group-left, .autre-type-contenu .ds-2col-stacked-fluid > .group-right, .autre-type-contenu .ds-2col-fluid > .group-left, .autre-type-contenu .ds-2col-fluid > .group-right { width: 100%; } } .node--view-mode-complet-sans-titre .group-left .field--name-field-image, .node--view-mode-full .group-left .field--name-field-image, .node--type-article .group-left .field--name-field-image, .autre-type-contenu .group-left .field--name-field-image { text-align: center; } .node--view-mode-complet-sans-titre .group-left > .field.field--name-field-resume, .node--view-mode-full .group-left > .field.field--name-field-resume, .node--type-article .group-left > .field.field--name-field-resume, .autre-type-contenu .group-left > .field.field--name-field-resume { margin-bottom: 10px; } /* .autre-type-contenu .node--type-equipement, .autre-type-contenu .node--type-evenement, .node--type-equipement, .node--type-evenement { .group-header { clear: none; float: left; width: 65.66% ; margin-bottom: 40px; @include diminuerMQ(1100px){ width: 100%; float: none; margin-bottom: 20px; } .field--name-field-resume { background: white; padding: 40px; } } .ds-2col-stacked-fluid.group-one-column > .group-left, .group-left { clear: none; float: right; width: 31.33%; margin-bottom: 40px; @include diminuerMQ(1100px){ width: 100%; float: none; margin-bottom: 20px; } .field--name-field-image { border: 0; text-align: center; img { border: 1px solid $bg3; @include diminuerMQ(1100px) { height: 300px !important; width: auto !important; } } } } .ds-2col-stacked-fluid.group-one-column > .group-right, .group-right { clear: none; float: left ; width: 65.66% ; margin-bottom: 40px; @include diminuerMQ(1100px){ width: 100%; float: none; margin-bottom: 20px; } > .field { margin-bottom: 40px !important; max-width: 100% !important; background: transparent; border: 0; padding: 0; &:before, &:after { display: none; } } } .group-footer { clear: right; float: right; width: 31.33%; @include diminuerMQ(1100px){ width: 100%; clear: both; margin-bottom: 20px; } } }*/ .node--type-rue #block-bootstrap-barrio-subtheme-content, .path-votre-ville #block-bootstrap-barrio-subtheme-content { width: 100%; } .node--type-rue #content-outer-wrapper, .path-votre-ville #content-outer-wrapper { padding-bottom: 0; } .node--type-rue > .field--name-node-title h2, .path-votre-ville > .field--name-node-title h2 { font-size: 2.5rem; font-family: Lato-Bold; } @media (max-width: 767px) { .node--type-rue > .field--name-node-title h2, .path-votre-ville > .field--name-node-title h2 { font-size: 1.8rem; } } .node--type-rue .field__label, .path-votre-ville .field__label { font-weight: normal; font-family: Lato-Bold; } .node--type-rue .field--name-field-secteur-collecte > .field__label, .node--type-rue .field--name-field-bureau-vote > .field__label, .node--type-rue .field--name-field-secteur-scolaire > .field__label, .path-votre-ville .field--name-field-secteur-collecte > .field__label, .path-votre-ville .field--name-field-bureau-vote > .field__label, .path-votre-ville .field--name-field-secteur-scolaire > .field__label { font-size: 1.6em; font-family: Lato-Bold; margin-bottom: 30px; } .node--type-rue .field--name-field-bureau-vote, .node--type-rue .field--name-field-secteur-scolaire, .path-votre-ville .field--name-field-bureau-vote, .path-votre-ville .field--name-field-secteur-scolaire { width: 582.9px; height: 308px; background: white; margin-bottom: 100px; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .node--type-rue .field--name-field-secteur-scolaire, .path-votre-ville .field--name-field-secteur-scolaire { margin-left: -moz-calc(50% - 600px); margin-left: -webkit-calc(50% - 600px); margin-left: calc(50% - 600px); margin-right: 30px; } .node--type-rue .field--name-field-secteur-scolaire .field--name-field-image, .path-votre-ville .field--name-field-secteur-scolaire .field--name-field-image { margin-bottom: 20px; overflow: hidden; text-align: center; } .node--type-rue .field--name-field-secteur-scolaire .field--name-field-image img, .path-votre-ville .field--name-field-secteur-scolaire .field--name-field-image img { border: 1px solid rgba(0, 0, 0, 0.1); } .node--type-rue .field--name-field-secteur-scolaire .field--name-node-title, .path-votre-ville .field--name-field-secteur-scolaire .field--name-node-title { text-align: center; } .node--type-rue .field--name-field-secteur-scolaire .field--name-node-title h2, .path-votre-ville .field--name-field-secteur-scolaire .field--name-node-title h2 { font-size: 1.1em; } .node--type-rue .field--name-field-bureau-vote, .path-votre-ville .field--name-field-bureau-vote { margin-right: -moz-calc(50% - 600px); margin-right: -webkit-calc(50% - 600px); margin-right: calc(50% - 600px); background-image: url("./../images/vote.jpg"); background-repeat: no-repeat; background-position: center center; background-size: initial; background-color: white; position: relative; } .node--type-rue .field--name-field-bureau-vote > .field__item, .path-votre-ville .field--name-field-bureau-vote > .field__item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .node--type-rue .field--name-field-bureau-vote .wrapper-adresse, .path-votre-ville .field--name-field-bureau-vote .wrapper-adresse { color: white; font-size: 1.2em; font-family: Lato-Bold; } .node--type-rue .field--name-field-bureau-vote .wrapper-adresse .field, .path-votre-ville .field--name-field-bureau-vote .wrapper-adresse .field { text-shadow: 0 0 5px rgba(0, 0, 0, 0.9); } .node--type-rue .field--name-field-secteur-collecte, .path-votre-ville .field--name-field-secteur-collecte { background: white; padding: 40px 0 100px 0; position: relative; } .node--type-rue .field--name-field-secteur-collecte:before, .path-votre-ville .field--name-field-secteur-collecte:before { content: ""; position: absolute; top: -20px; right: 0; bottom: auto; left: auto; width: 50%; height: 100px; background: #F7C046; transform: skew(0, -4deg); -moz-transform: skew(0, -4deg); -ms-transform: skew(0, -4deg); -o-transform: skew(0, -4deg); -webkit-transform: skew(0, -4deg); z-index: -1; } .node--type-rue .field--name-field-secteur-collecte:after, .path-votre-ville .field--name-field-secteur-collecte:after { content: ""; position: absolute; top: -25px; right: auto; bottom: auto; left: 0; width: 100%; height: 100px; background: white; transform: skew(0, 2deg); -moz-transform: skew(0, 2deg); -ms-transform: skew(0, 2deg); -o-transform: skew(0, 2deg); -webkit-transform: skew(0, 2deg); z-index: -1; } @media (max-width: 1199px) { .node--type-rue .field--name-field-bureau-vote, .node--type-rue .field--name-field-secteur-scolaire, .path-votre-ville .field--name-field-bureau-vote, .path-votre-ville .field--name-field-secteur-scolaire { width: 90%; margin: 0 5%; } .node--type-rue .field--name-field-bureau-vote, .path-votre-ville .field--name-field-bureau-vote { margin-bottom: 100px; } .node--type-rue .field--name-field-secteur-scolaire, .path-votre-ville .field--name-field-secteur-scolaire { margin-bottom: 30px; height: auto; } } .autre-type-contenu .node--type-secteur-de-collecte, .path-node .node--type-secteur-de-collecte { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } .autre-type-contenu .node--type-secteur-de-collecte > .field, .path-node .node--type-secteur-de-collecte > .field { width: 100%; margin-bottom: 30px; background: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 5px solid #DDDDDD; padding: 20px; } @media (min-width: 500px) { .autre-type-contenu .node--type-secteur-de-collecte > .field, .path-node .node--type-secteur-de-collecte > .field { width: 43%; margin: 0 30px 30px 0; } } @media (min-width: 768px) { .autre-type-contenu .node--type-secteur-de-collecte > .field, .path-node .node--type-secteur-de-collecte > .field { width: 28%; margin: 0 30px 30px 0; } } @media (min-width: 980px) { .autre-type-contenu .node--type-secteur-de-collecte > .field, .path-node .node--type-secteur-de-collecte > .field { width: 21%; margin: 0 30px 30px 0; } } @media (min-width: 1200px) { .autre-type-contenu .node--type-secteur-de-collecte > .field, .path-node .node--type-secteur-de-collecte > .field { width: 17%; margin: 0 30px 30px 0; } } .autre-type-contenu .node--type-secteur-de-collecte > .field .field__label, .path-node .node--type-secteur-de-collecte > .field .field__label { font-size: 1.2em; margin-bottom: 10px; } .autre-type-contenu .node--type-secteur-de-collecte > .field ul, .path-node .node--type-secteur-de-collecte > .field ul { margin-left: 0; } .autre-type-contenu .node--type-secteur-de-collecte > .field ul li:before, .path-node .node--type-secteur-de-collecte > .field ul li:before { margin-right: 10px; } .autre-type-contenu .node--type-secteur-de-collecte .field--name-field-dechets-residuels, .path-node .node--type-secteur-de-collecte .field--name-field-dechets-residuels { border-bottom-color: #010D26; } .autre-type-contenu .node--type-secteur-de-collecte .field--name-field-emballages-et-papiers, .path-node .node--type-secteur-de-collecte .field--name-field-emballages-et-papiers { border-bottom-color: #F7C046; } .autre-type-contenu .node--type-secteur-de-collecte .field--name-field-dechets-verts, .path-node .node--type-secteur-de-collecte .field--name-field-dechets-verts { border-bottom-color: #52A176; } .autre-type-contenu .node--type-secteur-de-collecte .field--name-field-date-sans-fin-sans-h-multi, .path-node .node--type-secteur-de-collecte .field--name-field-date-sans-fin-sans-h-multi { border-bottom-color: #1758B1; } #user-login-form .js-form-item, #user-pass .js-form-item { width: 46%; margin-left: 0; margin-right: 0; } @media (max-width: 767px) { #user-login-form .js-form-item, #user-pass .js-form-item { width: 100%; } } #user-login-form .form-type-textfield, #user-pass .form-type-textfield { margin-right: 40px; } #user-login-form .form-actions, #user-pass .form-actions { text-align: right; } #user-login-form input.form-text, #user-pass input.form-text { margin-bottom: 10px; width: 100%; display: block; padding-left: 40px; background-image: url("./../images/blank.png"); background-repeat: no-repeat; background-position: left 10px center; background-size: initial; background-color: #F5F5F5; } #user-login-form input.form-text#edit-name, #user-pass input.form-text#edit-name { background-image: url("./../images/id.png"); } #user-login-form input.form-text#edit-pass, #user-pass input.form-text#edit-pass { background-image: url("./../images/mdp.png"); } #user-login-form label, #user-pass label { margin-bottom: 15px; display: block; min-height: 23px; } #user-login-form ~ .item-list, #user-pass ~ .item-list { padding-top: 0; margin-top: -40px; border-top: 0; } #user-login-form ~ .item-list a, #user-pass ~ .item-list a { color: #1758B1; font-family: Lato-Bold; } #user-login-form ~ .item-list a:hover, #user-pass ~ .item-list a:hover { color: #010D26; } #user-login-form ~ .item-list li, #user-pass ~ .item-list li { border: none; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content { padding: 20px; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul li { display: block; width: 100%; background-image: url("./../images/none.png"); background-repeat: no-repeat; background-position: left 6px; background-size: initial; background-color: transparent; margin-left: 0; padding-bottom: 10px; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul li a { font-size: 1.4em; color: #010D26; text-transform: uppercase; font-family: Lato-Bold; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul li a:hover { color: #1758B1; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul { margin: 10px 0 20px 20px; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul a { color: #1758B1; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul a:hover { color: #010D26; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul li { background: none; padding-left: 0; font-size: 1em; margin-bottom: 5px; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul li a { color: #1758B1; text-transform: initial; font-size: 1.1em; font-family: Lato-Bold; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul li a:before { content: ''; width: 5px; height: 5px; background: #F7C046; border: none; margin: 0 10px 3px 0; border-radius: 0; display: inline-block; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul ul li { position: relative; margin-bottom: 5px; padding-bottom: 0; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul ul li:before { margin-bottom: 1px !important; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul ul li a { font-size: 1em; color: #010D26; font-family: inherit; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul ul li a:before { content: ''; width: 5px; height: 5px; background: transparent; border: 1px solid #F7C046; margin: 0 10px 3px 0; border-radius: 0; display: inline-block; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul ul li a:hover { color: #1758B1; } @media (max-width: 479px) { .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul li a { font-size: 1.2em; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul li a { font-size: 1em; } .path-plan-du-site #block-bootstrap-barrio-subtheme-content nav.menu--menu-principal ul ul li a:before { margin-right: 15px; } } .node--type-fiche-association .form-wrapper { margin-bottom: 40px; } .node--type-fiche-association legend { font-size: 1.6em; font-family: Lato-Bold; margin-bottom: 10px; } .node--type-fiche-association fieldset { margin-top: 0; } .node--type-fiche-association .ds-2col-stacked-fluid > .group-left .field--name-body { margin-bottom: 5px; } .node--type-elu .ds-2col-stacked-fluid > .group-left > .field { margin-bottom: 20px; } .node--type-elu .ds-2col-stacked-fluid > .group-left .field--name-field-image { text-align: left; } .node--type-elu .ds-2col-stacked-fluid > .group-left .field--name-field-commission .field__label { font-weight: normal; font-family: Lato-Bold; font-size: 1.4em; } .node--type-elu .ds-2col-stacked-fluid > .group-left .field--name-field-commission .field__item:before { content: ''; width: 5px; height: 5px; background: #F7C046; border: none; margin: 0 15px 0 0; border-radius: 0; display: inline-block; } .node--type-commission-syndicat .ds-2col-stacked-fluid > .group-left > .field .field__label, .node--type-offre-d-emploi .ds-2col-stacked-fluid > .group-left > .field .field__label { font-family: Lato-Bold; font-weight: normal; } .node--type-commission-syndicat .ds-2col-stacked-fluid > .group-left > .field:not(.field--name-field-date-parution-offre) .field__label, .node--type-offre-d-emploi .ds-2col-stacked-fluid > .group-left > .field:not(.field--name-field-date-parution-offre) .field__label { font-size: 1.6em; color: #52A176; margin-bottom: 20px; } .node--type-offre-d-emploi .ds-2col-stacked-fluid > .group-left .field--name-field-date-parution-offre { margin-bottom: 20px; } .node--type-offre-d-emploi .ds-2col-stacked-fluid > .group-left .field--name-field-date-parution-offre .field__label:after { content: " :"; } .node--type-offre-d-emploi .ds-2col-stacked-fluid > .group-left .field--name-field-date-parution-offre .field__label, .node--type-offre-d-emploi .ds-2col-stacked-fluid > .group-left .field--name-field-date-parution-offre .field__item { display: inline-block; margin-right: 5px; margin-bottom: 10px; } .node--type-offre-d-emploi .ds-2col-stacked-fluid > .group-left > .field { margin-bottom: 0; } .node--type-commission-syndicat .field--name-field-membres a { display: block; margin-bottom: 4px; } .node--type-commission-syndicat .field--name-field-membres a:before { content: ''; width: 5px; height: 5px; background: #F7C046; border: none; margin: 0 15px 0 0; border-radius: 0; display: inline-block; } .node--type-commission-syndicat .ds-2col-stacked-fluid > .group-left .field--name-body { margin-bottom: 0; } .path-connexion #block-bootstrap-barrio-subtheme-content a { font-family: Lato-Bold; color: #1758B1; } .path-connexion #block-bootstrap-barrio-subtheme-content a:hover { color: #010D26; } .path-connexion .vertical-tabs { font-size: 1em; } .path-connexion .layout__region--first, .path-connexion .layout__region--second { background: white; padding: 20px; margin-right: 30px; margin-bottom: 30px; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } @media (max-width: 479px) { .path-connexion .layout__region--first, .path-connexion .layout__region--second { margin-left: 0; } } .path-connexion .layout__region--first li:before, .path-connexion .layout__region--second li:before { content: ''; width: 5px; height: 5px; background: #F7C046; border: none; margin: 0 10px 0 0; border-radius: 0; display: inline-block; } .path-node.node--type-webform .group-right .print__wrapper--pdf, .path-node.node--type-webform .group-right .se-align-left { display: none; } .path-node.node--type-webform .webform-submission-form input.form-email { height: 40px; } .path-node.node--type-webform .webform-submission-form #edit-actions { margin: 0; } .path-node.node--type-webform .webform-submission-form #edit-actions input { text-transform: uppercase; font-size: .9em; height: 40px; background: #F7C046; border-color: #F7C046; } .path-node.node--type-webform .webform-submission-form #edit-actions input:hover { background: #010D26; color: #F7C046; } .path-node.node--type-seance-cm .field--name-body, .path-node.node--type-seance-cm .field--name-field-date-heure { margin-bottom: 10px !important; } .path-node.node--type-seance-cm .field--name-field-paragraphe-documents > .field__label { font-family: Lato-Bold; font-weight: normal; font-size: 1.2em; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 10px; } .ds-2col-stacked-fluid.group-one-column > .group-left { padding-left: 0; } .ds-2col-stacked-fluid.group-one-column > .group-right { padding-right: 0; } .path-node .layout--twocol-bricks .group-header, .node.node--view-mode-default .group-header, .node.node--view-mode-full .group-header { margin-bottom: 20px; overflow: hidden; } .path-node .layout--twocol-bricks .group-header:after, .node.node--view-mode-default .group-header:after, .node.node--view-mode-full .group-header:after { display: block; clear: both; content: ""; } .path-node .layout--twocol-bricks .field--name-field-image, .node.node--view-mode-default .field--name-field-image, .node.node--view-mode-full .field--name-field-image { text-align: center; margin-bottom: 40px; padding: 0; border: 0; } .path-node .layout--twocol-bricks .field--name-field-image:after, .node.node--view-mode-default .field--name-field-image:after, .node.node--view-mode-full .field--name-field-image:after { display: none; } .path-node .layout--twocol-bricks .field--name-field-image img, .node.node--view-mode-default .field--name-field-image img, .node.node--view-mode-full .field--name-field-image img { margin-bottom: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } .path-node .layout--twocol-bricks .field--name-field-image .media--type-image, .node.node--view-mode-default .field--name-field-image .media--type-image, .node.node--view-mode-full .field--name-field-image .media--type-image { display: block; } .path-node .layout--twocol-bricks .field--name-field-image .field--name-field-copyright, .node.node--view-mode-default .field--name-field-image .field--name-field-copyright, .node.node--view-mode-full .field--name-field-image .field--name-field-copyright { text-align: center; font-size: .9em; } .path-node .layout--twocol-bricks .field--name-field-image .field--type-image, .node.node--view-mode-default .field--name-field-image .field--type-image, .node.node--view-mode-full .field--name-field-image .field--type-image { margin: auto; } @media (max-width: 1279px) { .path-node .layout--twocol-bricks .field--name-field-image .field--type-image, .node.node--view-mode-default .field--name-field-image .field--type-image, .node.node--view-mode-full .field--name-field-image .field--type-image { max-width: 500px; } } .path-node .layout--twocol-bricks .field--name-field-resume, .node.node--view-mode-default .field--name-field-resume, .node.node--view-mode-full .field--name-field-resume { font-size: 1.2em; margin-bottom: 0; color: #010D26; display: table; } .path-node .layout--twocol-bricks .field--name-field-media-oembed-video iframe, .node.node--view-mode-default .field--name-field-media-oembed-video iframe, .node.node--view-mode-full .field--name-field-media-oembed-video iframe { margin: auto; } .path-node .layout--twocol-bricks .field--name-field-video iframe, .node.node--view-mode-default .field--name-field-video iframe, .node.node--view-mode-full .field--name-field-video iframe { width: 100%; } @media (max-width: 479px) { .path-node .layout--twocol-bricks .field--name-field-video iframe, .node.node--view-mode-default .field--name-field-video iframe, .node.node--view-mode-full .field--name-field-video iframe { height: 200px !important; } } .path-node .layout--twocol-bricks .field--name-field-video .field__item, .node.node--view-mode-default .field--name-field-video .field__item, .node.node--view-mode-full .field--name-field-video .field__item { margin-bottom: 10px; } .path-taxonomy .field--name-description { padding: 20px; background: white; margin-bottom: 10px; } .path-taxonomy .taxonomy-term a { color: #1758B1; } .path-taxonomy .taxonomy-term a:hover { color: #010D26; } .path-taxonomy .vocabulary-acces-directs > h2 { display: none; } legend { text-align: center; } .fieldset-legend { text-transform: uppercase; color: #1758B1; font-size: 2em; margin: 0 20px; } .view-simplenews-newsletters .views-row { width: 100%; } .node.node--type-simplenews-issue { width: 95%; max-width: 600px; margin: 0 auto; background: white; border: 1px solid #DDDDDD; } .node.node--type-simplenews-issue a { color: #1758B1; } .node.node--type-simplenews-issue a:hover { color: #010D26; } .node.node--type-simplenews-issue > .field--name-node-title { text-align: center; margin: 0 40px; text-transform: uppercase; font-size: 1.2em; border-bottom: 1px solid #F5F5F5; } .node.node--type-simplenews-issue > .field--name-node-title h2 { color: #010D26; } .node.node--type-simplenews-issue > .field--name-body { font-size: 1.1em; padding: 0 30px; margin-bottom: 30px; } .node.node--type-simplenews-issue .field--name-field-newsletter-contenus { padding: 0 30px 0 30px; margin-bottom: 30px; } .node.node--type-simplenews-issue .field--name-field-newsletter-contenus > .field__label { font-size: 1.4em; margin-bottom: 20px; } .node.node--type-simplenews-issue .field--name-field-newsletter-contenus > .field__item { border-bottom: 1px solid #F5F5F5; margin-bottom: 30px; min-height: 280px; } .node.node--type-simplenews-issue .field--name-field-newsletter-contenus > .field__item > .node { margin-bottom: 30px; } .node.node--type-simplenews-issue .field--name-field-newsletter-contenus > .field__items > .field__item { margin-bottom: 20px; } .node.node--type-simplenews-issue .field--name-field-image { max-width: 250px; float: left; margin: 0 30px 30px 0; } .node.node--type-simplenews-issue .field--name-field-resume { margin-bottom: 10px; display: table; font-size: 1em; } .node.node--type-simplenews-issue .contenu-newsletter .field--name-node-title { float: left; width: 260px; margin-bottom: 5px; margin-top: 20px; } .node.node--type-simplenews-issue .contenu-newsletter .field--name-node-title h2 { margin-bottom: 0; } .node.node--type-simplenews-issue .field--name-node-link a { background: #F5F5F5; color: #010D26; display: inline-block; padding: 6px 15px; } .node.node--type-simplenews-issue .field--name-field-newsletter-footer { padding: 0 30px 30px 30px; margin-bottom: 0; } .node.node--type-simplenews-issue .field--name-field-newsletter-footer h2 { text-transform: uppercase; } .node.node--type-simplenews-issue .field--name-field-newsletter-footer p:first-child { margin: 0 -30px 20px -30px; padding: 15px 30px; background: black; color: white; } .node.node--type-simplenews-issue .field--name-field-newsletter-footer p:last-child a { color: #010D26; } @media (max-width: 1499px) { .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 1100px; } .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 60px 0 60px; } } @media (max-width: 1023px) { .view-agenda .view-header { display: block; } .app-map .geolocation-common-map .geolocation-common-map-locations .geolocation { padding: 10px; } } @media (max-width: 1279px) { .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 880px; } .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 60px 0 60px; } .path-frontpage .bloc-images .jcarousel-wrapper.jcarousel-skin-default { width: 780px; } .path-frontpage .bloc-images .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 40px 0 40px; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 950px; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 20px 0 20px; } } @media (max-width: 1099px) { .path-frontpage .bloc-images .jcarousel-wrapper.jcarousel-skin-default { width: 520px; } .path-frontpage .bloc-images .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 40px 0 40px; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 760px; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 20px 0 20px; } } @media (max-width: 767px) { .path-frontpage .bloc-images .jcarousel-wrapper.jcarousel-skin-default { width: 220px; } .path-frontpage .bloc-images .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 20px 0 20px; } } @media (max-width: 979px) { .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 660px; } .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 60px 0 60px; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 570px; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 20px 0 20px; } } @media (max-width: 767px) { h1 { font-size: 1.8rem; } h2 { font-size: 1.4rem; } h3 { font-size: 1.2rem; } h4 { font-size: 1.2rem; } h5 { font-size: 1.1rem; } h6 { font-size: 1rem; } #block-omegabasic-menubouton .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .we-mega-menu-row { clear: both; } .block-views-blockacces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 400px; } .block-views-blockacces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 20px 0 20px; } .ds-2col-stacked-fluid.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph, .ds-2col-stacked-fluid.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph, .ds-2col-stacked.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph, .ds-2col-stacked.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph, .ds-2col.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph, .ds-2col.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph, .ds-2col-fluid.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph, .ds-2col-fluid.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph { display: block; text-align: center; } #block-blocfooter { margin-bottom: 20px; } .menu--footer .menu li a { margin-right: 10px; } .app-map .geolocation-common-map { -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .app-map .geolocation-common-map .geolocation-common-map-container { height: 300px !important; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .app-map .geolocation-common-map .geolocation-common-map-locations { height: 300px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .app-map .geolocation-common-map .geolocation-common-map-locations .geolocation { width: 30%; font-size: .7em; margin-bottom: 10px; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section { height: 256px !important; width: auto !important; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide { height: 100% !important; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-row { height: 100%; position: relative; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-field-field-carrousel { height: 100%; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-field-field-carrousel .field-content { height: 100%; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-field-field-carrousel a { height: 100%; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-field-field-carrousel img { max-width: none; width: auto; height: 100% !important; } } @media (max-width: 479px) { h1 { font-size: 1.6rem; } h2 { font-size: 1.3rem; } h3 { font-size: 1.2rem; } h4 { font-size: 1.1rem; } h5 { font-size: 1.1rem; } h6 { font-size: 1rem; } .app-map .geolocation-common-map .geolocation-common-map-locations .geolocation { width: 47%; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 190px; } #block-views-block-acces-directs-block-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 20px 0 20px; } .path-frontpage .block-region-bottom .block-publication .jcarousel-control-next { right: -10px; } .path-frontpage .block-region-bottom .block-publication .jcarousel-control-prev { left: -10px; } .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default { width: 220px; } .bloc-acces-directs .jcarousel-wrapper.jcarousel-skin-default .jcarousel li { margin: 20px 60px 0 60px; } } @media (min-width: 991px) { .we-mega-menu-col { min-height: 0; margin-top: 0; margin-bottom: 0; } } @media (max-width: 990px) { #page { right: auto; position: static; transition: none 0.5s ease; -o-transition: none 0.5s ease; -ms-transition: none 0.5s ease; -moz-transition: none 0.5s ease; -webkit-transition: none 0.5s ease; } .navbar-we-mega-menu.navbar { position: relative; width: auto; right: auto; top: auto; border: none; overflow-y: visible; } .navbar-we-mega-menu.navbar .we-mega-menu-row { display: -webkit-flex; display: flex; } .navbar-we-mega-menu.navbar ul a.is-active { background-color: transparent; } .navbar-we-mega-menu.navbar ul > li ul { padding: 0; } .navbar-we-mega-menu.navbar ul > li ul a:hover, .navbar-we-mega-menu.navbar ul > li ul a:focus { border-top: none; } #menu-toggle { display: none; } #block-menuhamburger .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu { min-width: 360px; } #block-menuhamburger .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal .menu-item--expanded > a, #block-menuhamburger .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal a.button .menu-item--expanded > a:hover, #block-menuhamburger .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal input.button .menu-item--expanded > a:hover, #block-menuhamburger .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal button.btn .menu-item--expanded > a:hover, #block-menuhamburger .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul.js-pager__items .button .menu-item--expanded > a:hover { margin: 0 20px; } #block-menuhamburger .we-mega-menu-ul > .we-mega-menu-li .we-mega-menu-submenu .menu--menu-principal ul li ul ul li a { padding: 10px 20px; } } @media (min-width: 480px) { .view-agenda .views-row { display: inline-block; vertical-align: top; } } @media (min-width: 320px) { .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 300px !important; } } @media (min-width: 40em) { .path-connexion #content-outer-wrapper .layout--twocol .layout__region--top > div { max-width: 1020px; margin: 0 auto; } .form--inline .form-item { width: auto; margin-right: 10px; } } @media (min-width: 768px) { h1 { font-size: 2.2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } h4 { font-size: 1.2rem; } h5 { font-size: 1.1rem; } .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 450px !important; } .app-map .geolocation-common-map-locations { height: 500px; float: left; width: 55%; } .app-map .geolocation-common-map-locations .geolocation { width: 47%; } .app-map .geolocation-common-map-container { float: right; width: 45% !important; } .path-taxonomy #block-omegabasic-content nav.navigation ul.menu li { width: 47%; margin-right: 2%; } .ds-2col-stacked-fluid.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-left, .ds-2col-stacked-fluid.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-left, .ds-2col-stacked.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-left, .ds-2col-stacked.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-left, .ds-2col.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-left, .ds-2col.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-left, .ds-2col-fluid.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-left, .ds-2col-fluid.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-left { width: 40%; } .ds-2col-stacked-fluid.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-right, .ds-2col-stacked-fluid.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-right, .ds-2col-stacked.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-right, .ds-2col-stacked.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-right, .ds-2col.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-right, .ds-2col.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-right, .ds-2col-fluid.node--view-mode-default > .group-footer .field--name-field-bloc-exergue .paragraph .group-right, .ds-2col-fluid.node--view-mode-full > .group-footer .field--name-field-bloc-exergue .paragraph .group-right { width: 60%; } #block-omegabasic-footer { float: right; } #block-coordonnees { float: left; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section, .view-carrousel-accueil .views_slideshow_cycle_slide { height: 300px !important; } } @media (min-width: 992px) { .view-carrousel-accueil .views_slideshow_cycle_teaser_section, .view-carrousel-accueil .views_slideshow_cycle_slide { height: 387.5px !important; } } @media (min-width: 980px) { .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 550px !important; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section, .view-carrousel-accueil .views_slideshow_cycle_slide { height: 382.8125px !important; } } @media (min-width: 1024px) { h1 { font-size: 2.8rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.4rem; } h4 { font-size: 1.2rem; } h5 { font-size: 1.2rem; } h6 { font-size: 1.1rem; } .wrapper_address { float: left; width: 30%; } .wrapper_address + .field--name-field-geolocalisation { float: right; width: 68%; margin-top: 40px; } .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 450px !important; } } @media (min-width: 1280px) { h1 { font-size: 2.8rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.6rem; } h4 { font-size: 1.3rem; } h5 { font-size: 1.3rem; } h6 { font-size: 1.2rem; } .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 450px !important; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section, .view-carrousel-accueil .views_slideshow_cycle_slide { height: 433.33333px !important; } } @media (min-width: 1440px) { .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 500px !important; } .app-map .geolocation-common-map-container { width: 60% !important; } .app-map .geolocation-common-map-locations { width: 40%; } .view-carrousel-accueil .views_slideshow_cycle_teaser_section, .view-carrousel-accueil .views_slideshow_cycle_slide { height: 487.5px !important; } } @media (min-width: 1600px) { .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 550px !important; } } @media (min-width: 1800px) { .view-carrousel .views_slideshow_cycle_teaser_section, .view-carrousel .views_slideshow_cycle_slide { height: 600px !important; } } .view-numeros-utiles .row { margin: 0; display: inline; } .checkbox, .radio { position: relative; display: block; margin-top: 6px; margin-bottom: 6px; }