/*--------FONTES---------*/ @import url("https://fonts.googleapis.com/css2?family=Lato:wght@700;900&family=Open+Sans:wght@300;400;600;800&family=Poppins:wght@100;300;400;500;700;900&family=Raleway:wght@100;300;400;500;700&display=swap"); /*--------VARIABLES--------*/ :root { --univers-couleur: #e6332a; --envt-border-radius: 6px; --anchor-scroll-top-size: 40px; } @media (max-width: 768px) { h2.titre { font-size: 24px; } } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', serif; } p, span, div, a { font-family: 'Raleway', sans-serif; color: #000000; } /*--------GENERAL-------*/ a.main-scroll-to-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; right: 30px; bottom: 30px; z-index: 1000; background: var(--univers-couleur); width: var(--anchor-scroll-top-size); height: var(--anchor-scroll-top-size); color: #fff; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); font-size: 18px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s linear, background-color .3s linear, color .3s linear; transition: visibility 0s .3s, opacity .3s linear, background-color .3s linear, color .3s linear; } a.main-scroll-to-top.show { pointer-events: all; visibility: visible; opacity: 1; -webkit-transition: opacity .3s linear, background-color .3s linear, color .3s linear; transition: opacity .3s linear, background-color .3s linear, color .3s linear; } a.main-scroll-to-top:hover { color: var(--univers-couleur); background: #fff; text-decoration: none; } img { vertical-align: bottom; } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #main hr, hr.divider, .texte-style hr { position: relative; width: 100%; border: 0; height: 1px; margin: 30px 0; } #main hr:before, hr.divider:before, .texte-style hr:before { content: ''; position: absolute; height: 1px; width: 100%; top: -1px; left: 0; z-index: 0; background-color: #b6b6b6; } #main hr:after, hr.divider:after, .texte-style hr:after { content: ''; position: absolute; height: 1px; width: 30px; top: -1px; right: 0; z-index: 1; background-color: #e6332a; background-color: var(--univers-couleur); } #main hr.hr-mini, hr.divider.hr-mini, .texte-style hr.hr-mini { width: 50%; margin-left: auto; margin-right: auto; } #main hr.hr-mini:before, hr.divider.hr-mini:before, .texte-style hr.hr-mini:before { background-color: #e6332a; background-color: var(--univers-couleur); } #main hr.hr-mini:after, hr.divider.hr-mini:after, .texte-style hr.hr-mini:after { display: none; } .texte-style hr { -webkit-transform: translateX(-20px); transform: translateX(-20px); } .texte-style hr:before { width: 60%; } .texte-style hr:after { left: 0; right: unset; } .vertical-border { position: relative; height: 100%; border-right: 1px solid #b6b6b6; } .vertical-border:after { content: ''; position: absolute; height: 10px; width: 1px; right: -1px; top: 0; background-color: #e6332a; } p.encadre-visuel { position: relative; } a.encadre-visuel { display: inline-block; } .encadre-visuel { position: relative; width: auto !important; max-width: 100%; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); overflow: hidden; } .encadre-visuel:before { content: ''; position: absolute; margin: 20px; border: 1px solid #ffffff; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; pointer-events: none; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .encadre-visuel:hover:before { padding: 20px; } .encadre-visuel.wp-caption { margin-bottom: 2em; } .encadre-visuel.wp-caption .wp-caption-text { position: absolute; top: 100%; left: 0; right: 0; } .container { margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media (max-width: 479px) { .container { max-width: 100%; overflow: hidden; } } @media (min-width: 480px) { .container { max-width: 450px; } } @media (min-width: 768px) { .container { max-width: 752px; } } @media (min-width: 992px) { .container { max-width: 970px; } } @media (min-width: 1250px) { .container { max-width: 1180px; } } @media (min-width: 1200px) { .container.container-mini { max-width: 980px; } } @media (min-width: 1349px) { .container.container-mini { max-width: 980px; } } @media (min-width: 1549px) { .container.container-mini { max-width: 1140px; } } .container-1300 { margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media (max-width: 479px) { .container-1300 { max-width: 100%; overflow: hidden; } } @media (min-width: 480px) { .container-1300 { max-width: 450px; } } @media (min-width: 768px) { .container-1300 { max-width: 750px; } } @media (min-width: 992px) { .container-1300 { max-width: 970px; } } @media (min-width: 1250px) { .container-1300 { max-width: 1180px; } } @media (min-width: 1349px) { .container-1300 { max-width: 1270px; } } .container-1400 { margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media (max-width: 479px) { .container-1400 { max-width: 100%; overflow: hidden; } } @media (min-width: 480px) { .container-1400 { max-width: 450px; } } @media (min-width: 768px) { .container-1400 { max-width: 750px; } } @media (min-width: 992px) { .container-1400 { max-width: 970px; } } @media (min-width: 1250px) { .container-1400 { max-width: 1180px; } } @media (min-width: 1400px) { .container-1400 { max-width: 1370px; } } @media (min-width: 1020px) { .container-1400.container-custom-archive-articles { max-width: 999px; } } @media (min-width: 1349px) { .container-1400.container-custom-archive-articles { max-width: 1323px; } } .container-1500 { margin: 0 auto; padding-right: 15px; padding-left: 15px; } @media (max-width: 479px) { .container-1500 { max-width: 100%; overflow: hidden; } } @media (min-width: 480px) { .container-1500 { max-width: 450px; } } @media (min-width: 768px) { .container-1500 { max-width: 750px; } } @media (min-width: 992px) { .container-1500 { max-width: 970px; } } @media (min-width: 1250px) { .container-1500 { max-width: 1180px; } } @media (min-width: 1549px) { .container-1500 { max-width: 1470px; } } @media (min-width: 1200px) { .container-1500.container-custom-pi { max-width: 1180px; } } @media (min-width: 1349px) { .container-1500.container-custom-pi { max-width: 1270px; } } @media (min-width: 1549px) { .container-1500.container-custom-pi { max-width: 1470px; } } /*------------KEYFRAMES-----------*/ /** * ---------------------------------------- * animation scale-in-center * ---------------------------------------- */ @-webkit-keyframes fadeSimple { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeSimpleLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; background: radial-gradient(rgba(255, 255, 255, 0) 17%, transparent 60%, transparent 100%); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; background: radial-gradient(rgba(255, 255, 255, 0.78) 17%, transparent 60%, transparent 100%); } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; background: radial-gradient(rgba(255, 255, 255, 0) 17%, transparent 60%, transparent 100%); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; background: radial-gradient(rgba(255, 255, 255, 0.78) 17%, transparent 60%, transparent 100%); } } @-webkit-keyframes menuIN { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px); visible: visible; } 50% { visible: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); visible: visible; } } @keyframes menuIN { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px); visible: visible; } 50% { visible: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); visible: visible; } } @-webkit-keyframes menuOUT { 0% { -webkit-transform: translateX(0); transform: translateX(0); visible: visible; } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); visible: visible; } 100% { visible: hidden; display: none; } } @keyframes menuOUT { 0% { -webkit-transform: translateX(0); transform: translateX(0); visible: visible; } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); visible: visible; } 100% { visible: hidden; display: none; } } /*------------MIXINS-----------*/ .actualite.sans-visuel .square { height: 329px; width: 300px; } .actualite.sans-visuel .square .texte { text-shadow: none !important; } #bandeau-actualites .slider-actus--mobile .slick-slide img { padding: 0; } #bandeau-actualites .slider-actus--mobile .slick-dots { margin-top: 15px; } /*--------LOGO et MENU PRINCIPAL---------*/ #header { position: absolute; top: 50px; width: 100%; background: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; z-index: 10; } @media (max-width: 1200px) { #header { top: 25px; } } @media (max-width: 768px) { #header { padding-top: 2px; padding-bottom: 4px; } } @media (max-width: 450px) { #header { top: 5px; } } #header .line-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; } @media (min-width: 993px) { #header #menu-secondaire-zone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; right: 0; background-color: #ececec; } #header #menu-secondaire-zone, #header #menu-secondaire-zone [class^="menu-menu-secondaire-"][class$="container"] { width: 100%; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 3px 10px; width: 100%; list-style: none; margin-bottom: 0; padding: 0; } } @media (min-width: 993px) and (max-width: 992px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100%; max-width: 100%; overflow: initial; } } @media (min-width: 993px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li { padding: 0; text-transform: uppercase; border-left: 1px solid #d8d8d8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color { position: relative; z-index: 3; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:before { content: ""; background-color: var(--univers-couleur, #e6332a); -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:hover a { color: #ffffff; text-decoration: none; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:hover:before { -webkit-transform: scale(1); transform: scale(1); } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:nth-child(1) { --univers-couleur: #961157; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:nth-child(2) { --univers-couleur: #52c6c2; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:nth-child(3) { --univers-couleur: #a2c617; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:nth-child(4) { --univers-couleur: #f4770f; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.hover-color:nth-child(5) { --univers-couleur: #00a0de; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li:not(.hover-color):not(.search-lng) { -webkit-flex-basis: 160px; -ms-flex-preferred-size: 160px; flex-basis: 160px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.search-lng { -webkit-flex-basis: 70px; -ms-flex-preferred-size: 70px; flex-basis: 70px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li:last-child { border-right: 1px solid #d8d8d8; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li p, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li span, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li strong, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li i { color: #444444; font-size: 14px; font-weight: 600; line-height: unset; vertical-align: text-bottom; display: inline-block; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li span { font-family: "Open Sans", sans-serif; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a { font-size: 11px; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 8px 10px; display: block; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a:hover { text-decoration: none; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li:not(.urgences) { line-height: 1rem; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences { padding: 8px 20px 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .label-urgences-num { display: block; width: 100%; font-weight: 800; font-size: 10px; line-height: 1; color: #e6332a; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .tel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } @media (min-width: 993px) and (min-width: 993px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .tel { max-width: 125px; } } @media (min-width: 993px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .tel i { font-weight: 500; -webkit-transform: translateY(-1px) rotate(-40deg); transform: translateY(-1px) rotate(-40deg); font-size: 16px; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .tel .num { font-size: 0.97rem; font-family: 'Lato', 'Open Sans', sans-serif; font-weight: 700; padding: 0; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.order-fin-menu { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li .fa-search { font-weight: initial; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] > li { position: relative; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] > li > .sub-menu { position: absolute; top: 100%; left: 0; width: 100%; display: block; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s linear; transition: visibility 0s .3s, opacity .3s linear; background: var(--univers-couleur); color: #fff; padding: 0; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] > li > .sub-menu li { border: 0; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] > li:hover > .sub-menu { pointer-events: all; visibility: visible; opacity: 1; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; -webkit-border-bottom-left-radius: var(--envt-border-radius); border-bottom-left-radius: var(--envt-border-radius); -webkit-border-bottom-right-radius: var(--envt-border-radius); border-bottom-right-radius: var(--envt-border-radius); overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] > li:hover > .sub-menu li { border-top: 1px solid rgba(255, 255, 255, 0.4); display: block; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] > li:hover > .sub-menu li a { -webkit-transition: all .3s ease; transition: all .3s ease; display: block; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] > li:hover > .sub-menu li a:hover { color: var(--univers-couleur); background: #fff; } #header #menu-secondaire-zone #menu-menu-secondaire-en { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 1550px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a { padding: 8px 20px; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li:not(.hover-color):not(.search-lng) { -webkit-flex-basis: 180px; -ms-flex-preferred-size: 180px; flex-basis: 180px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.search-lng { -webkit-flex-basis: 95px; -ms-flex-preferred-size: 95px; flex-basis: 95px; min-width: 85px; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a { font-size: 14px; } } @media (min-width: 1600px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a { padding: 8px 20px; } } @media (max-width: 993px) { #header #menu-secondaire-zone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; right: 0; background-color: #ececec; } #header #menu-secondaire-zone, #header #menu-secondaire-zone [class^="menu-menu-secondaire-"][class$="container"] { width: 100%; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 3px 10px; width: 100%; list-style: none; margin-bottom: 0; padding: 0; } } @media (max-width: 993px) and (max-width: 992px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100%; max-width: 100%; overflow: initial; } } @media (max-width: 993px) { #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li { padding: 8px 30px; text-transform: uppercase; border-left: unset; border-bottom: 1px solid #d8d8d8; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li:last-child { border-right: unset; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li p, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li span, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li strong, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li i { color: #444444; font-size: 14px; font-weight: 600; line-height: unset; vertical-align: text-bottom; display: inline-block; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a, #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li span { font-family: "Open Sans", sans-serif; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a { font-size: 12px; padding: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li a:hover { text-decoration: none; color: #e6332a; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li:not(.urgences) { line-height: 1rem; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences { padding-bottom: 3px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: 0 auto; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .label-urgences-num { display: block; width: 100%; font-size: 13px; line-height: 1; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .tel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .tel i { margin-right: 10px; font-weight: 500; -webkit-transform: translateY(-1px) rotate(-40deg); transform: translateY(-1px) rotate(-40deg); font-size: 1.25rem; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.urgences .tel .num { font-size: 1.25rem; font-family: 'Lato', 'Open Sans', sans-serif; font-weight: 900; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li.search-lng { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px; } #header #menu-secondaire-zone [id^="menu-menu-secondaire"] li .fa-search { font-weight: initial; } } #header .container-custom { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 0; padding-right: 0; } @media (min-width: 993px) and (max-width: 1000px) { #header .container-custom { padding-left: 10px; padding-right: 10px; } } @media (max-width: 992px) { #header .container-custom { max-width: 90%; left: 5%; margin: 0 auto; padding: 0; } } @media (max-width: 768px) { #header .container-custom { max-width: 90%; left: 5%; padding: 0; } } @media (max-width: 450px) { #header .container-custom { width: 100%; } } #header .container-custom .logos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 0; } #header .container-custom .logos .logo-rf { padding-right: 20px; margin-right: 20px; border-right: 1px solid #d8d8d8; } #header .container-custom .logos .logo-rf img { width: 100px; -webkit-transform: scale(1.3); transform: scale(1.3); } @media (min-width: 1340px) and (max-width: 1600px) { #header .container-custom .logos .logo-rf img { -webkit-transform: scale(0.9) translateY(-13%); transform: scale(0.9) translateY(-13%); } } @media (max-width: 1600px) { #header .container-custom .logos .logo-rf { padding-right: 18px; margin-right: 18px; } #header .container-custom .logos .logo-rf img { width: 96px; } } @media (max-width: 1250px) { #header .container-custom .logos .logo-rf { padding-right: 15px; margin-right: 15px; } #header .container-custom .logos .logo-rf img { width: 70px; } } @media (max-width: 1170px) { #header .container-custom .logos .logo-rf { padding-right: 15px; margin-right: 15px; } #header .container-custom .logos .logo-rf img { width: 59px; } } @media (max-width: 992px) { #header .container-custom .logos .logo-rf { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #header .container-custom .logos .logo-rf img { width: 52px; } } @media (max-width: 768px) { #header .container-custom .logos .logo-rf img { width: 45px; } } @media (max-width: 992px) { #header .container-custom .logos { padding: 2px 0; } } #header .container-custom #logo { width: 246px; -webkit-transition: 0.3s ease; transition: 0.3s ease; /*--Ajustement entre HP et PI (H1 HP)--*/ margin-top: 4px; margin-bottom: 4px; /*--Fin : Ajustement entre HP et PI (H1 HP)--*/ } #header .container-custom #logo h1 { margin: 0; } #header .container-custom #logo a, #header .container-custom #logo img { display: block; width: 100%; } #header .container-custom #logo img { -webkit-transform: scale(1.125); transform: scale(1.125); } @media (min-width: 1600px) { #header .container-custom #logo img { -webkit-transform: scale(1.32) translate(5%, 5%); transform: scale(1.32) translate(5%, 5%); } } @media (max-width: 1600px) { #header .container-custom #logo { width: 193px; } } @media (max-width: 1250px) { #header .container-custom #logo { width: 165px; } } @media (max-width: 1170px) { #header .container-custom #logo { width: 150px; } } @media (max-width: 992px) { #header .container-custom #logo { width: 168px; -webkit-transform: translateY(2px); transform: translateY(2px); } } @media (max-width: 768px) { #header .container-custom #logo { width: 123px; } } #header .container-custom #menu-principal { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; margin-left: 30px; /*.wpml-ls{ width: auto; display: inline-block; .js-wpml-ls-item-toggle{ background: transparent; border : 0; color : $blanc; padding: 0; font-size: 22px; span{ color : $blanc; } &:after{ border : 0; right: 0; margin-left: 10px; position: relative; content : '\f078'; font-family: "Font Awesome 5 Pro"; color : transparentize($blanc,0.5); font-size: 16px; transition : $trans; } &:hover{ text-decoration: none $i; &:after{ color : $blanc; } } } .wpml-ls-sub-menu{ width: 100%; border : 0; left: auto; padding-top: 10px; text-align: center; box-shadow : 0 10px 10px transparentize($noir,0.5); a{ border : 0; font-size: 22px; padding: 5px 10px; color : $texte; &:hover{ text-decoration: none $i; } } } }*/ } #header .container-custom #menu-principal .sub-menu.level-2:after { content: ''; height: 2px; width: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; top: 0; left: 0; } #header .container-custom #menu-principal .active .sub-menu.level-2:after { width: 110%; -webkit-transition-delay: 1s; transition-delay: 1s; } @media (max-width: 992px) { #header .container-custom #menu-principal { top: 72px; position: fixed; overflow: scroll; right: -100%; background: #f5f5f3; bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 5px 0 !important; -webkit-transition: 0.6s ease; transition: 0.6s ease; margin: 0; width: 100%; z-index: 100; } #header .container-custom #menu-principal .navbar-toggler { display: block; } } @media (max-width: 992px) and (max-width: 768px) { #header .container-custom #menu-principal { top: 56px; } } @media (max-width: 992px) { #header .container-custom #menu-principal.is-active { right: 0; } #header .container-custom #menu-principal .sub-menu.level-2:after { content: ''; height: 2px; width: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; top: 0; left: 0; } #header .container-custom #menu-principal .active .sub-menu.level-2:after { width: 110%; -webkit-transition-delay: 1s; transition-delay: 1s; } #header .container-custom #menu-principal [class^="menu-menu-principal-"][class$="container"] { width: 100%; } #header .container-custom #menu-principal .active > .navbar-toggler { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #header .container-custom #menu-principal .active .sub-menu.level-2:after { width: 100%; -webkit-transition-delay: 1s; transition-delay: 1s; } #header .container-custom #menu-principal .menu { padding: 0; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; } #header .container-custom #menu-principal .menu > li { height: auto; display: block; padding: 0 40px 0 10px; position: relative; border-bottom: 1px solid #e5e5e5; } #header .container-custom #menu-principal .menu > li > a, #header .container-custom #menu-principal .menu > li > a span.span-lvl2 { font-family: "Poppins", serif; color: #000000; font-size: 18px; display: inline-block; padding: 20px 0; font-weight: bold; text-transform: uppercase; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #header .container-custom #menu-principal .menu > li > a br, #header .container-custom #menu-principal .menu > li > a span.span-lvl2 br { display: none; } } @media (max-width: 992px) and (max-width: 580px) { #header .container-custom #menu-principal .menu > li > a, #header .container-custom #menu-principal .menu > li > a span.span-lvl2 { font-size: 16px; padding: 15px 0; } } @media (max-width: 992px) { #header .container-custom #menu-principal .menu > li.menu-item-has-children > .navbar-toggler { top: 22px; } } @media (max-width: 992px) and (max-width: 580px) { #header .container-custom #menu-principal .menu > li.menu-item-has-children > .navbar-toggler { top: 12px; } } @media (max-width: 992px) { #header .container-custom #menu-principal .menu > li .texte-descriptif { display: none; } #header .container-custom #menu-principal .menu > li .sub-menu { list-style: none; padding-left: 0; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 { position: relative; background: none; max-height: none; -webkit-box-shadow: none; box-shadow: none; top: auto; padding: 15px 0px 0; display: none; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li { margin-bottom: 20px; position: relative; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li a { text-transform: uppercase; font-size: 16px; font-weight: 600; color: #000000; padding: 5px 0; display: inline-block; -webkit-transition: 0.3s ease; transition: 0.3s ease; } } @media (max-width: 992px) and (max-width: 580px) { #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li a { font-size: 14px; } } @media (max-width: 992px) { #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li.menu-item-has-children > .navbar-toggler { top: 5px; } } @media (max-width: 992px) and (max-width: 580px) { #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li.menu-item-has-children > .navbar-toggler { top: 1px; } } @media (max-width: 992px) { #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li.item_theme_color a { padding-right: 50px; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li.item_theme_color a hr.m-separator { display: none; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li .level-3 { display: block; padding: 0 20px; margin-top: 10px; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li .level-3 li { margin: 0; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 li .level-3 li a { padding: 3px 0; text-transform: none; display: inline-block; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures li a, #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures li:hover, #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures .menu-item a, #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures .menu-item:hover { padding-left: 0 !important; padding-right: 0 !important; -webkit-transition: 0.3s ease; transition: 0.3s ease; overflow: hidden; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures li picture, #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures .menu-item picture { display: none; } #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures li img, #header .container-custom #menu-principal .menu > li .sub-menu.level-2 .conteneur.with-pictures .menu-item img { display: none; } #header .container-custom #menu-principal .menu > li.menu-item-has-children .navbar-toggler { margin-left: 30px; color: #000000; font-weight: 800; position: absolute; right: 10px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } } @media (min-width: 992px) { #header .container-custom .navbar-toggler { display: none; } #header .container-custom .menu { padding: 0; list-style-type: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; margin: 25px 0 0; } } @media (min-width: 992px) and (max-width: 1170px) { #header .container-custom .menu { margin: 20px 0 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 992px) { #header .container-custom .menu > .menu-item { padding: 0 25px; margin-bottom: -50px; text-align: center; cursor: pointer; } #header .container-custom .menu > .menu-item.menu-item-has-children > .sub-menu.level-2:after { content: ''; height: 2px; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; top: 0; left: 0; z-index: 10; } #header .container-custom .menu > .menu-item.menu-item-has-children:hover > .sub-menu.level-2:after { width: 100% !important; } } @media (min-width: 992px) and (max-width: 1580px) { #header .container-custom .menu > .menu-item { padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu > .menu-item { padding-left: 7px; padding-right: 7px; line-height: inherit; } } @media (min-width: 992px) { #header .container-custom .menu > .menu-item > a { font-family: "Poppins", serif; color: #000000; font-size: 16px; font-weight: 600; text-align: center; display: inline-block; -webkit-transition: 0.3s ease; transition: 0.3s ease; } } @media (min-width: 992px) and (max-width: 1600px) { #header .container-custom .menu > .menu-item > a { font-size: 14px; line-height: 1.25em; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu > .menu-item > a { font-size: 13px; } } @media (min-width: 992px) { #header .container-custom .menu > .menu-item:last-of-type { padding-right: 0; } #header .container-custom .menu > .menu-item > a { position: relative; text-transform: uppercase; letter-spacing: 0.1em; } #header .container-custom .menu > .menu-item:hover:after { content: ''; display: block; position: absolute; width: 120%; height: 40px; right: 0; z-index: 15; } } @media (min-width: 992px) and (max-width: 1600px) { #header .container-custom .menu > .menu-item:hover:after { width: 1270px; margin-top: -7px; } } @media (min-width: 992px) and (max-width: 1170px) { #header .container-custom .menu > .menu-item:hover:after { width: 134%; margin-top: -7px; } } @media (min-width: 992px) { #header .container-custom .menu > .menu-item:hover > a, #header .container-custom .menu > .menu-item .hover > a { color: #e6332a; text-decoration: none; } #header .container-custom .menu > .menu-item:hover > a:after, #header .container-custom .menu > .menu-item .hover > a:after { width: 100%; } #header .container-custom .menu .texte-descriptif, #header .container-custom .menu .sub-menu { visibility: hidden; overflow: hidden; position: absolute; display: none; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 { position: absolute; background: #ffffff; top: 60px; right: 0; list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; z-index: 10; text-align: left; width: 1265px; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); -webkit-border-bottom-left-radius: var(--envt-border-radius); border-bottom-left-radius: var(--envt-border-radius); -webkit-border-bottom-right-radius: var(--envt-border-radius); border-bottom-right-radius: var(--envt-border-radius); } } @media (min-width: 992px) and (min-width: 1601px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 { top: 63px; } } @media (min-width: 992px) and (max-width: 1600px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 { top: 58px; } } @media (min-width: 992px) and (max-width: 1400px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 { top: 58px; width: 1200px; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 { top: 49px; width: 1000px; } } @media (min-width: 992px) and (max-width: 1170px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 { top: 55px; width: 880px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur { background: #ffffff; width: 23%; display: none; opacity: 0; } } @media (min-width: 992px) and (max-width: 1400px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur { width: 30%; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li { padding: 25px 20px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li { padding: 15px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > a { width: 100%; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a { font-size: 13px; font-weight: 900; color: #000000; text-align: left; padding: 0; line-height: 1.25em; padding-right: 20px; text-decoration: none; } } @media (min-width: 992px) and (max-width: 1600px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a { font-size: 13px; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item a { font-size: 13px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 a { -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 300ms, opacity 300ms; transition: visibility 0s linear 300ms, opacity 300ms; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item > .sub-menu.level-3 a:hover { padding: 0 0 0 20px; color: #333333; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item.hover { background: #ffffff; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item.hover > .sub-menu.level-3 { position: absolute; visibility: visible; top: 0; right: 0; bottom: 0; z-index: 2; -webkit-box-shadow: none; box-shadow: none; min-height: 100%; padding: 0; list-style-type: none; display: inline-block; width: 77%; } } @media (min-width: 992px) and (max-width: 1400px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item.hover > .sub-menu.level-3 { width: 70%; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3 .conteneur, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item.hover > .sub-menu.level-3 .conteneur { background: #ffffff; width: 100%; min-height: 92%; } } @media (min-width: 992px) and (min-width: 1200px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3 .conteneur:not(.with-pictures), #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item.hover > .sub-menu.level-3 .conteneur:not(.with-pictures) { display: grid; grid-template-columns: auto auto auto auto; grid-gap: 10px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item:hover > .sub-menu.level-3 .conteneur a, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur li.menu-item.hover > .sub-menu.level-3 .conteneur a { visibility: visible; opacity: 1; -webkit-transition: visibility 0s linear 0s, opacity 300ms; transition: visibility 0s linear 0s, opacity 300ms; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: unset; -webkit-align-items: unset; -ms-flex-align: unset; align-items: unset; -webkit-box-pack: unset; -webkit-justify-content: unset; -ms-flex-pack: unset; justify-content: unset; width: 25%; height: auto; padding: 15px 0 18px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li a, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li:hover, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item a, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item:hover { padding-left: 0 !important; padding-right: 0 !important; -webkit-transition: 0.3s ease; transition: 0.3s ease; overflow: hidden; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item picture { overflow: hidden; max-height: 128px; margin-left: 2px; margin-right: 2px; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } } @media (min-width: 992px) and (max-width: 1400px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item picture { max-height: 110px; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item picture { max-height: 90px; } } @media (min-width: 992px) and (max-width: 1170px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item picture { max-height: 80px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li img, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item img { width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li .title-inside, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item .title-inside { display: block; text-align: center; margin-top: 15px; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; text-transform: uppercase; } } @media (min-width: 992px) and (max-width: 1070px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li .title-inside, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item .title-inside { font-size: 11px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures li:hover img, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures .menu-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems li, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems .menu-item { width: 33%; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems li a, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems .menu-item a { max-height: none; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems .menu-item picture { max-height: 220px; } } @media (min-width: 992px) and (max-width: 1400px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems .menu-item picture { max-height: 172px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems li img, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems .menu-item img { width: 100%; max-width: unset; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems li:hover img, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.minitems .menu-item:hover img { -webkit-transform: scale(1.09); transform: scale(1.09); } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems li, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems .menu-item { width: 19%; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems li a, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems .menu-item a { max-height: 131px; } } @media (min-width: 992px) and (max-width: 1400px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems .menu-item picture { max-height: 87px; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems .menu-item picture { max-height: 72px; } } @media (min-width: 992px) and (max-width: 1170px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems li picture, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems .menu-item picture { max-height: 63px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems li img, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems .menu-item img { width: 106%; max-width: unset; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems li:hover img, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .conteneur.with-pictures.maxitems .menu-item:hover img { -webkit-transform: scale(1.09); transform: scale(1.09); } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item { padding: 5px 20px 13px 25px; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item:first-of-type { padding: 25px 20px 13px 25px; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item > a { font-size: 13px !important; letter-spacing: 0.12em; font-weight: 600; text-transform: uppercase; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item > a { font-size: 12px !important; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.item_theme_color { padding-top: 20px !important; margin-top: 10px; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.item_theme_color a { position: relative; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.item_theme_color .m-separator { position: absolute; background-color: #e5e5e5; height: 1px; width: 50px; top: -18px; left: 0; margin: 0; border: none; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.item_theme_color a:before, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.item_theme_color a:after { display: none; visibility: hidden; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children > a { position: relative; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children > a:after, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children > a:before { content: ''; display: inline-block; height: 1px; position: absolute; z-index: 9; top: 50%; width: 0; right: -30px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children .span-lvl2 { background: #ffffff; position: relative; display: inline-block; z-index: 10; padding-right: 20px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:after, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:before, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:after, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:before { width: 83px; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:after, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:after { width: 100%; right: -37px; background-color: #000000; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:before, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:before { right: -58px; width: 61px; background-color: #ffffff; } } @media (min-width: 992px) and (max-width: 1400px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:after, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:after { right: -37px; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:before, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:before { right: -58px; width: 50px; } } @media (min-width: 992px) and (max-width: 1200px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:after, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:after { right: -38px; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > a:before, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > a:before { right: -55px; width: 61px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > .sub-menu, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > .sub-menu .with-pictures, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > .sub-menu, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > .sub-menu .with-pictures { overflow: inherit; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > .sub-menu .with-pictures:before, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > .sub-menu .with-pictures:before { content: ''; display: block; position: absolute; width: 50px; left: -50px; top: 0; bottom: 0; z-index: 15; overflow: inherit; } } @media (min-width: 992px) and (min-width: 1651px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:hover > .sub-menu .with-pictures:before, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children.hover > .sub-menu .with-pictures:before { width: 7%; left: -7%; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:not(:hover) > a:after, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 > .conteneur > li.menu-item.menu-item-has-children:not(:hover) > a:before { width: 0; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif { display: block; padding: 20px 30px; -webkit-flex-shrink: 99999; -ms-flex-negative: 99999; flex-shrink: 99999; position: relative; z-index: 1; } #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h2, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h4, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h5 { font-size: 22px; font-weight: 800; display: inline-block; line-height: 1.7em; } } @media (min-width: 992px) and (max-width: 1600px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h2, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h4, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h5 { font-size: 20px; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h2, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h3, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h4, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif h5 { font-size: 18px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p { font-size: 18px; line-height: 1.3em; } } @media (min-width: 992px) and (max-width: 1600px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p { font-size: 16px; line-height: 22px; } } @media (min-width: 992px) and (max-width: 1250px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p { font-size: 15px; line-height: 20px; } } @media (min-width: 992px) { #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2 .texte-descriptif p:last-of-type { margin-bottom: 0; } #header .container-custom .menu .menu-item-has-children:hover > .sub-menu.level-2, #header .container-custom .menu .menu-item-has-children.hover > .sub-menu.level-2, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2:hover { visibility: visible; } #header .container-custom .menu .menu-item-has-children:hover > .sub-menu.level-2 .conteneur, #header .container-custom .menu .menu-item-has-children.hover > .sub-menu.level-2 .conteneur, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2:hover .conteneur { opacity: 1; display: block; } #header .container-custom .menu .menu-item-has-children:hover > .sub-menu.level-2 .conteneur.with-pictures, #header .container-custom .menu .menu-item-has-children.hover > .sub-menu.level-2 .conteneur.with-pictures, #header .container-custom .menu .menu-item-has-children > .sub-menu.level-2:hover .conteneur.with-pictures { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } #header.sticky { position: fixed !important; top: 0; background: #ffffff; z-index: 10; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media (min-width: 993px) { #header.sticky { padding-top: 5px; padding-bottom: 5px; } #header.sticky .logos { padding: 1px 0; } #header.sticky .logos .logo-rf img { -webkit-transform: scale(1.1); transform: scale(1.1); } } @media (min-width: 993px) and (min-width: 1250px) { #header.sticky .logos .logo-rf img { max-width: 70px; -webkit-transform: scale(1.3); transform: scale(1.3); } } @media (min-width: 993px) { #header.sticky #logo { width: 166px; -webkit-transform: translateY(-2px); transform: translateY(-2px); } #header.sticky #menu-secondaire-zone { -webkit-transition: 0.3s ease; transition: 0.3s ease; height: 0; display: none; } #header.sticky #menu-principal { border-bottom: 0; margin-bottom: -5px; } #header.sticky #menu-principal .wpml-ls { visiblity: hidden; } } @media (min-width: 993px) and (min-width: 993px) { #header.sticky #menu-principal .line1 { opacity: 0; right: 50px; -webkit-transform: translateY(-50px); transform: translateY(-50px); position: absolute; display: inline-grid; } } @media (min-width: 993px) { #header.sticky #menu-principal .menu { border: 0; margin: 10px 0 0 30px; } } @media (min-width: 993px) and (max-width: 1250px) { #header.sticky #menu-principal .menu { margin: 10px 0 0 10px; } } @media (min-width: 993px) { #header.sticky #menu-principal .menu > li { padding-bottom: 10px; } #header.sticky #menu-principal .menu li:hover > a, #header.sticky #menu-principal .menu li.hover > a { color: #000000; } #header.sticky #menu-principal .menu li > a { font-size: 16px; } } @media (min-width: 993px) and (max-width: 1600px) { #header.sticky #menu-principal .menu li > a { font-size: 14px; } } @media (min-width: 993px) and (max-width: 1250px) { #header.sticky #menu-principal .menu li > a { font-size: 13px; } } @media (min-width: 993px) and (min-width: 993px) { #header.sticky #menu-principal .menu li .level-2 { top: 49px !important; } } @media (min-width: 993px) and (min-width: 1170px) { #header.sticky #menu-principal .menu li .level-2 { top: 45px !important; } } @media (min-width: 993px) { #header.sticky #menu-principal .menu li .level-2 li:hover a, #header.sticky #menu-principal .menu li .level-2 li.hover a { border-bottom: 0; } #header.sticky #menu-principal .menu li .level-2 a { font-size: 13px; padding-bottom: 0; } } #menu-mobile { outline: 0; padding: 0; -webkit-transform: translateY(4px); transform: translateY(4px); } #menu-mobile .hamburger-inner, #menu-mobile .hamburger-inner:after, #menu-mobile .hamburger-inner:before { background-color: #000000; opacity: 1; } @media (min-width: 992px) { #menu-mobile { display: none; } } /* ---- BARRE DE RECHERCHE ----- */ #searchform { position: relative; } #searchform input { -webkit-transition: 0.3s ease; transition: 0.3s ease; border-color: #6c757d; } #searchform button[type="submit"] { -webkit-transition: 0.3s ease; transition: 0.3s ease; } #searchform:hover input { padding: 8px 12px; } #searchform:hover button[type="submit"] i { color: #444444 !important; } #searchform:hover button[type="submit"]:hover i { color: #ffffff !important; } @media (max-width: 992px) { #searchform { padding-right: 30px; } #searchform button[type="submit"] i { padding-right: 0; } } @media (min-width: 993px) { #searchform { padding-right: 0; position: absolute; right: -34px; bottom: -67px; width: 233px; z-index: 3; } } #language-selector-area { position: relative; min-width: 33px; } #language-selector-area span, #language-selector-area button, #language-selector-area a { font-family: "Open Sans", sans-serif; color: #444444; font-size: 14px; font-weight: 600; line-height: unset; vertical-align: text-bottom; display: inline-block; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #language-selector-area button { border: none; padding: 0; background: transparent; } #language-selector-area button#l-selector-toggler { height: 18px; } #language-selector-area ul#language-selector { position: absolute; left: -10px; top: 31px; padding-left: 0; visibility: hidden; -webkit-transition: 0.3s ease; transition: 0.3s ease; opacity: 0; width: 52px; -webkit-transform: translateY(-1px); transform: translateY(-1px); background-color: #fff; z-index: 99999999; } #language-selector-area ul#language-selector.toggle-languages { visibility: visible; display: block; opacity: 1; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #language-selector-area ul#language-selector li { padding: 0 !important; border-right: 1px solid #d8d8d8; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #language-selector-area ul#language-selector li:hover { background-color: #efefef; } #language-selector-area ul#language-selector li button, #language-selector-area ul#language-selector li > a { padding: 5px 8px !important; width: 100%; } #language-selector-area ul#language-selector li:last-child { border-bottom: 1px solid #d8d8d8; } @media (min-width: 993px) { #searchbar-form-area { position: relative; z-index: -1; -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #searchbar-form-area.show-bar { visibility: visible; display: block; opacity: 1; z-index: 3; position: relative; -webkit-transform: translateY(0); transform: translateY(0); } } #searchbar-tablette { display: none; opacity: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; } @media (min-width: 993px) { #searchbar-tablette { border: 1px solid transparent; display: block; opacity: 1; position: relative; } #searchbar-tablette i.fa-search { font-size: 16px !important; } } .not-front #header { background: #ffffff; position: relative; top: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .not-front #header #menu-principal { border-bottom: 0; } .page #bandeau-principal.avec-visuel, .archive #bandeau-principal.avec-visuel, .not-front #bandeau-principal.avec-visuel { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 557px; position: relative; overflow: hidden; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; } .page #bandeau-principal.avec-visuel:after, .archive #bandeau-principal.avec-visuel:after, .not-front #bandeau-principal.avec-visuel:after { content: ""; background-color: rgba(0, 0, 0, 0.5); opacity: 0.4; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } @media (max-width: 1600px) { .page #bandeau-principal.avec-visuel, .archive #bandeau-principal.avec-visuel, .not-front #bandeau-principal.avec-visuel { height: 445px; } } @media (max-width: 1270px) { .page #bandeau-principal.avec-visuel, .archive #bandeau-principal.avec-visuel, .not-front #bandeau-principal.avec-visuel { height: 400px; } } @media (max-width: 1170px) { .page #bandeau-principal.avec-visuel, .archive #bandeau-principal.avec-visuel, .not-front #bandeau-principal.avec-visuel { height: 340px; } } @media (max-width: 992px) { .page #bandeau-principal.avec-visuel, .archive #bandeau-principal.avec-visuel, .not-front #bandeau-principal.avec-visuel { height: auto; min-height: 300px; } } @media (max-width: 768px) { .page #bandeau-principal.avec-visuel, .archive #bandeau-principal.avec-visuel, .not-front #bandeau-principal.avec-visuel { height: auto; min-height: 220px; } } @media (max-width: 480px) { .page #bandeau-principal.avec-visuel, .archive #bandeau-principal.avec-visuel, .not-front #bandeau-principal.avec-visuel { min-height: 260px; } } .page #bandeau-principal.avec-visuel picture, .archive #bandeau-principal.avec-visuel picture, .not-front #bandeau-principal.avec-visuel picture { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .page #bandeau-principal.avec-visuel picture img, .archive #bandeau-principal.avec-visuel picture img, .not-front #bandeau-principal.avec-visuel picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 992px) { .page #bandeau-principal.avec-visuel picture img.no-mobile-size, .archive #bandeau-principal.avec-visuel picture img.no-mobile-size, .not-front #bandeau-principal.avec-visuel picture img.no-mobile-size { width: 112%; max-width: unset; -webkit-transform: translateX(-5%); transform: translateX(-5%); } } @media (max-width: 768px) { .page #bandeau-principal.avec-visuel picture img.no-mobile-size, .archive #bandeau-principal.avec-visuel picture img.no-mobile-size, .not-front #bandeau-principal.avec-visuel picture img.no-mobile-size { width: 135%; max-width: unset; -webkit-transform: translateX(-8%); transform: translateX(-8%); } } .page #bandeau-principal.avec-visuel .video-background, .archive #bandeau-principal.avec-visuel .video-background, .not-front #bandeau-principal.avec-visuel .video-background { background: #000; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .page #bandeau-principal.avec-visuel .video-foreground, .page #bandeau-principal.avec-visuel .video-background iframe, .archive #bandeau-principal.avec-visuel .video-foreground, .archive #bandeau-principal.avec-visuel .video-background iframe, .not-front #bandeau-principal.avec-visuel .video-foreground, .not-front #bandeau-principal.avec-visuel .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-aspect-ratio: 16 / 9) { .page #bandeau-principal.avec-visuel .video-foreground, .archive #bandeau-principal.avec-visuel .video-foreground, .not-front #bandeau-principal.avec-visuel .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16 / 9) { .page #bandeau-principal.avec-visuel .video-foreground, .archive #bandeau-principal.avec-visuel .video-foreground, .not-front #bandeau-principal.avec-visuel .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .page #bandeau-principal.avec-visuel .vid-info, .archive #bandeau-principal.avec-visuel .vid-info, .not-front #bandeau-principal.avec-visuel .vid-info { width: 50%; padding: 0.5rem; } .page #bandeau-principal.avec-visuel .vid-info h1, .archive #bandeau-principal.avec-visuel .vid-info h1, .not-front #bandeau-principal.avec-visuel .vid-info h1 { margin-bottom: 0.2rem; } } @media all and (max-width: 500px) { .page #bandeau-principal.avec-visuel .vid-info .acronym, .archive #bandeau-principal.avec-visuel .vid-info .acronym, .not-front #bandeau-principal.avec-visuel .vid-info .acronym { display: none; } } .page #bandeau-principal.avec-visuel .media-video-container, .archive #bandeau-principal.avec-visuel .media-video-container, .not-front #bandeau-principal.avec-visuel .media-video-container { display: grid; justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: 100vw; height: 562px; overflow: hidden; } .page #bandeau-principal.avec-visuel .media-video-container #header-video, .archive #bandeau-principal.avec-visuel .media-video-container #header-video, .not-front #bandeau-principal.avec-visuel .media-video-container #header-video { position: absolute; z-index: 1; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .page #bandeau-principal.avec-visuel #header:not(.sticky), .archive #bandeau-principal.avec-visuel #header:not(.sticky), .not-front #bandeau-principal.avec-visuel #header:not(.sticky) { background: transparent; top: 30px; position: absolute; width: 100%; } .page #bandeau-principal.avec-visuel #header:not(.sticky) #menu-principal, .archive #bandeau-principal.avec-visuel #header:not(.sticky) #menu-principal, .not-front #bandeau-principal.avec-visuel #header:not(.sticky) #menu-principal { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .page #bandeau-principal.avec-visuel .titre, .archive #bandeau-principal.avec-visuel .titre, .not-front #bandeau-principal.avec-visuel .titre { position: absolute; top: 50%; text-align: center; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .page #bandeau-principal.avec-visuel .titre .custom-divider, .archive #bandeau-principal.avec-visuel .titre .custom-divider, .not-front #bandeau-principal.avec-visuel .titre .custom-divider { position: relative; /*&:before, &:after { content: ''; position: absolute; height: 1px; bottom: 0; } &:before { left: 50%; transform: translateX(-50%); width: 150px; z-index: 1; background-color: #b6b6b6; } &:after { margin-top: 0; left: 50%; transform: translateX(-50%); width: 50px; z-index: 1; background-color: $corail; }*/ } .page #bandeau-principal.avec-visuel .titre h1, .archive #bandeau-principal.avec-visuel .titre h1, .not-front #bandeau-principal.avec-visuel .titre h1 { color: #ffffff; font-weight: 300; font-size: 36px; text-align: left; line-height: normal; text-shadow: 1px 1px 3px black; } @media (max-width: 1600px) { .page #bandeau-principal.avec-visuel .titre h1, .archive #bandeau-principal.avec-visuel .titre h1, .not-front #bandeau-principal.avec-visuel .titre h1 { font-size: 32px; } } @media (max-width: 1200px) { .page #bandeau-principal.avec-visuel .titre h1, .archive #bandeau-principal.avec-visuel .titre h1, .not-front #bandeau-principal.avec-visuel .titre h1 { font-size: 24px; } } @media (max-width: 992px) { .page #bandeau-principal.avec-visuel .titre h1, .archive #bandeau-principal.avec-visuel .titre h1, .not-front #bandeau-principal.avec-visuel .titre h1 { font-size: 20px; } } @media (max-width: 768px) { .page #bandeau-principal.avec-visuel .titre h1, .archive #bandeau-principal.avec-visuel .titre h1, .not-front #bandeau-principal.avec-visuel .titre h1 { font-size: 16px; line-height: 1.25rem; } } @media (max-width: 480px) { .page #bandeau-principal.avec-visuel .titre h1, .archive #bandeau-principal.avec-visuel .titre h1, .not-front #bandeau-principal.avec-visuel .titre h1 { font-size: 16px; } } .page #bandeau-principal.avec-visuel .titre h1 .grand, .archive #bandeau-principal.avec-visuel .titre h1 .grand, .not-front #bandeau-principal.avec-visuel .titre h1 .grand { color: #ffffff; font-size: 52px; font-weight: 700; } @media (max-width: 1600px) { .page #bandeau-principal.avec-visuel .titre h1 .grand, .archive #bandeau-principal.avec-visuel .titre h1 .grand, .not-front #bandeau-principal.avec-visuel .titre h1 .grand { font-size: 42px; } } @media (max-width: 1200px) { .page #bandeau-principal.avec-visuel .titre h1 .grand, .archive #bandeau-principal.avec-visuel .titre h1 .grand, .not-front #bandeau-principal.avec-visuel .titre h1 .grand { font-size: 36px; } } @media (max-width: 992px) { .page #bandeau-principal.avec-visuel .titre h1 .grand, .archive #bandeau-principal.avec-visuel .titre h1 .grand, .not-front #bandeau-principal.avec-visuel .titre h1 .grand { font-size: 28px; } } @media (max-width: 768px) { .page #bandeau-principal.avec-visuel .titre h1 .grand, .archive #bandeau-principal.avec-visuel .titre h1 .grand, .not-front #bandeau-principal.avec-visuel .titre h1 .grand { font-size: 28px; line-height: 1.8rem; margin-bottom: 9px; } } @media (max-width: 480px) { .page #bandeau-principal.avec-visuel .titre h1 .grand, .archive #bandeau-principal.avec-visuel .titre h1 .grand, .not-front #bandeau-principal.avec-visuel .titre h1 .grand { font-size: 23px; } } /*-----------------ACCUEIL----------------*/ .home #header { position: relative; top: 0; } .home #bandeau-principal { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; overflow: hidden; max-height: -webkit-calc(100vh - 165px); max-height: calc(100vh - 165px); height: -webkit-calc(100vh - 165px); height: calc(100vh - 165px); /*.encadre{ position: absolute; bottom: 30px; right: 30px; display: flex; flex-direction: column; color : $blanc; align-items: center; font-size: 18px; @media(max-width:1700px){ right: auto; width: 100%; left: 50%; transform : translateX(-50%); } @media(max-width:1200px){ font-size: 16px; bottom: 15px; } @media(max-width:992px){ font-size: 14px; flex-wrap: wrap; right: 10%; } .logos{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; img{ margin: 10px 5px 0; @media(max-width:1200px){ margin: 5px 5px 0; } @media(max-width:992px){ max-width: 33%; } @media(max-width:768px){ max-width: 50%; } @media(max-width:450px){ max-width: 40%; } } } }*/ /*#scrolldown{ position: absolute; bottom: 12%; left: 50%; transform : translateX(-50%); transition : $trans; &:hover{ bottom: 11%; } @media(max-width:1700px){ bottom: 20%; &:hover{ bottom: 19%; } } @media(max-width:1200px){ bottom: 10%; width: 47px; &:hover{ bottom: 9%; } } @media(max-width:992px){ display: none; } }*/ } @media (max-width: 1600px) { .home #bandeau-principal { max-height: -webkit-calc(100vh - 135px); max-height: calc(100vh - 135px); height: -webkit-calc(100vh - 135px); height: calc(100vh - 135px); } } @media (max-width: 1200px) { .home #bandeau-principal { max-height: -webkit-calc(100vh - 130px); max-height: calc(100vh - 130px); height: -webkit-calc(100vh - 130px); height: calc(100vh - 130px); } } @media (max-width: 992px) { .home #bandeau-principal { overflow: hidden; margin: 0; } .home #bandeau-principal:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.25); } } @media (max-width: 768px) { .home #bandeau-principal { height: auto; } .home #bandeau-principal.bg-video { min-height: 400px; height: 500px; } } @media (max-width: 450px) { .home #bandeau-principal { height: 400px; background-position-x: -330px; } } .home #bandeau-principal.with-slider { max-height: -webkit-calc(100vh - 165px); max-height: calc(100vh - 165px); } @media (max-width: 1600px) { .home #bandeau-principal.with-slider { max-height: -webkit-calc(100vh - 135px); max-height: calc(100vh - 135px); height: -webkit-calc(100vh - 135px); height: calc(100vh - 135px); } } @media (max-width: 1200px) { .home #bandeau-principal.with-slider { max-height: -webkit-calc(100vh - 61px); max-height: calc(100vh - 61px); height: -webkit-calc(100vh - 61px); height: calc(100vh - 61px); } } @media (max-width: 992px) { .home #bandeau-principal.with-slider { overflow: hidden; margin: 0; } .home #bandeau-principal.with-slider:after { display: none; } } @media (max-width: 768px) { .home #bandeau-principal.with-slider { height: auto; } } .home #bandeau-principal.with-slider .slick-slider { height: 100%; } .home #bandeau-principal img { width: 100%; } .home #bandeau-principal picture img { width: 100%; } @media (min-width: 1201px) and (max-width: 1620px) { .home #bandeau-principal picture img { width: 125%; max-width: unset; -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @media (min-width: 993px) and (max-width: 1200px) { .home #bandeau-principal picture img { width: 150%; max-width: unset; -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @media (min-width: 1201px) and (max-width: 1350px) { .home #bandeau-principal picture img { width: 140%; max-width: unset; -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @media (max-width: 992px) { .home #bandeau-principal picture img { width: 210%; max-width: 100%; -webkit-transform: translateX(0); transform: translateX(0); } } @media (max-width: 450px) { .home #bandeau-principal picture img { -webkit-transform: translateX(-10%); transform: translateX(-10%); min-width: 100%; max-width: unset; height: 100%; width: auto; } } .home #bandeau-principal .video-background { background: #000; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .home #bandeau-principal .video-foreground, .home #bandeau-principal .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-aspect-ratio: 16 / 9) { .home #bandeau-principal .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16 / 9) { .home #bandeau-principal .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .home #bandeau-principal .vid-info { width: 50%; padding: 0.5rem; } .home #bandeau-principal .vid-info h1 { margin-bottom: 0.2rem; } } @media all and (max-width: 500px) { .home #bandeau-principal .vid-info .acronym { display: none; } } .home #bandeau-principal .media-video-container { display: grid; justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; width: 100vw; height: 100%; overflow: hidden; z-index: -1; } .home #bandeau-principal .media-video-container #header-video { position: absolute; z-index: 1; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .home #bandeau-principal #slider--slider-principal-hp > .slide { display: none; } .home #bandeau-principal #slider--slider-principal-hp > .slide:first-child { display: block; } .home #bandeau-principal #slider--slider-principal-hp .h1.custom-animation { opacity: 1; -webkit-animation-delay: 0s !important; animation-delay: 0s !important; } .home #bandeau-principal #slider--slider-principal-hp .h1.custom-animation.fadeInLeft { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .home #bandeau-principal #slider--slider-principal-hp .h1.custom-animation.fadeSimpleLeft { -webkit-animation: fadeSimpleLeft 1s ease 1s 1 normal forwards; animation: fadeSimpleLeft 1s ease 1s 1 normal forwards; } .home #bandeau-principal #slider--slider-principal-hp .h1.custom-animation.fadeSimple { -webkit-animation: fadeSimple 1s linear 2s 1 normal forwards; animation: fadeSimple 1s linear 2s 1 normal forwards; } @media (min-width: 791px) { .home #bandeau-principal #slider--slider-principal-hp .slick-track { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 0; } } @media (max-width: 1200px) { .home #bandeau-principal #slider--slider-principal-hp .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } } .home #bandeau-principal #slider--slider-principal-hp .slick-slide { position: relative; height: -webkit-calc(100vh - 165px); height: calc(100vh - 165px); max-height: -webkit-calc(100vh - 165px); max-height: calc(100vh - 165px); padding: 0; margin: 0; border: 0; } .home #bandeau-principal #slider--slider-principal-hp .slick-slide .global-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } @media (max-width: 1600px) { .home #bandeau-principal #slider--slider-principal-hp .slick-slide { max-height: -webkit-calc(100vh - 135px); max-height: calc(100vh - 135px); height: -webkit-calc(100vh - 135px); height: calc(100vh - 135px); } } @media (max-width: 1200px) { .home #bandeau-principal #slider--slider-principal-hp .slick-slide { max-height: -webkit-calc(100vh - 61px); max-height: calc(100vh - 61px); height: -webkit-calc(100vh - 61px); height: calc(100vh - 61px); } } @media (max-width: 992px) { .home #bandeau-principal #slider--slider-principal-hp .slick-slide { overflow: hidden; margin: 0; } } @media (max-width: 767px) { .home #bandeau-principal #slider--slider-principal-hp .slick-slide { height: auto; aspect-ratio: 1; } } .home #bandeau-principal #slider--slider-principal-hp .slick-slide .h1.custom-animation { -webkit-animation-name: none; animation-name: none; } .home #bandeau-principal #slider--slider-principal-hp .slick-slide.slick-active .h1.custom-animation.fadeSimpleLeft { -webkit-animation-name: fadeSimpleLeft; animation-name: fadeSimpleLeft; } .home #bandeau-principal #slider--slider-principal-hp .slick-slide.slick-active .h1.custom-animation.fadeSimple { -webkit-animation-name: fadeSimple; animation-name: fadeSimple; } .home #bandeau-principal #slider--slider-principal-hp .slick-slide img { padding: 0; height: auto; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 1200px) { .home #bandeau-principal #slider--slider-principal-hp .slick-slide img { padding: 0; height: 100%; width: auto !important; max-width: unset; } } .home #bandeau-principal #slider--slider-principal-hp .slick-slide img.slide--visuel--normal { display: block; } .home #bandeau-principal #slider--slider-principal-hp .slick-slide img.slide--visuel--mobile { display: none; } @media (max-width: 767px) { .home #bandeau-principal #slider--slider-principal-hp .slick-slide img.slide--visuel--normal { display: none; } .home #bandeau-principal #slider--slider-principal-hp .slick-slide img.slide--visuel--mobile { display: block; } } .home #bandeau-principal #slider--slider-principal-hp .slick-dots { position: absolute; bottom: 52px; z-index: 9; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 480px) { .home #bandeau-principal #slider--slider-principal-hp .slick-dots { bottom: 20px; } } .home #bandeau-principal .arrows { position: absolute; bottom: 66px; left: 10px; z-index: 9; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .home #bandeau-principal .arrows .slick-arrow { position: relative; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin: 0 5px; font-size: 20px; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); color: #ffffff; display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; width: 40px; height: 40px; text-align: center; background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.6); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .home #bandeau-principal .arrows .slick-arrow:hover { color: #000000; background-color: #ffffff; } @media (max-width: 992px) { .home #bandeau-principal .arrows { bottom: 25px; left: 20px; -webkit-transform: rotate(0); transform: rotate(0); } .home #bandeau-principal .arrows .slick-arrow { -webkit-transform: translate(0, 0) translate3d(0, 0, 0); transform: translate(0, 0) translate3d(0, 0, 0); margin: 0 4px; font-size: 17px; width: 35px; height: 35px; } } .home #bandeau-principal .titre { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 2; } .home #bandeau-principal .titre > .container-1300 { width: 100%; } @media (max-width: 992px) { .home #bandeau-principal .titre > .container-1300 { width: 750px; } } @media (max-width: 768px) { .home #bandeau-principal .titre br { display: none; } } .home #bandeau-principal .titre .h1, .home #bandeau-principal .titre .h1 span { font-family: "Poppins", serif; color: #ffffff; } .home #bandeau-principal .titre .h1, .home #bandeau-principal .titre .h1 strong { font-weight: 700; font-size: 60px; margin: 0; text-shadow: 1px 1px 3px black; } @media (min-width: 993px) { .home #bandeau-principal .titre .h1 { max-width: 85%; } } @media (min-width: 1200px) { .home #bandeau-principal .titre .h1 { max-width: 80%; line-height: 82px; } } @media (max-width: 1600px) { .home #bandeau-principal .titre .h1, .home #bandeau-principal .titre .h1 strong { font-size: 52px; line-height: 80px; } } @media (max-width: 1250px) { .home #bandeau-principal .titre .h1, .home #bandeau-principal .titre .h1 strong { font-size: 48px; line-height: 69px; } } @media (max-width: 992px) { .home #bandeau-principal .titre .h1, .home #bandeau-principal .titre .h1 strong { font-size: 35px; line-height: 50px; } } @media (max-width: 768px) { .home #bandeau-principal .titre .h1, .home #bandeau-principal .titre .h1 strong { font-size: 30px; line-height: normal; } } .home #bandeau-principal .titre .h1 small { font-weight: 500; width: 100%; display: block; font-size: 24px; line-height: 35px; margin-top: 15px; } @media (max-width: 1400px) { .home #bandeau-principal .titre .h1 small { font-size: 23px; } } @media (max-width: 1200px) { .home #bandeau-principal .titre .h1 small { font-size: 22px; } } @media (max-width: 992px) { .home #bandeau-principal .titre .h1 small { visibility: hidden; font-size: 0; } .home #bandeau-principal .titre .h1 small span { font-size: 19px; border-right: none; width: 100%; display: inline-block; height: inherit; visibility: visible; margin-top: -6px; } } .home #bandeau-principal .boutons-medias-hp { display: none; } @media (min-width: 992px) { .home #bandeau-principal .boutons-medias-hp { display: block; position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .home #bandeau-principal .boutons-medias-hp ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-bottom: 0; } .home #bandeau-principal .boutons-medias-hp ul li { list-style: none; margin-top: 20px; margin-bottom: 20px; } .home #bandeau-principal .boutons-medias-hp ul li a { color: #ffffff; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-size: 26px; text-shadow: 0px 0px 25px black; } .home #bandeau-principal .boutons-medias-hp ul li a:hover { text-decoration: none; color: #e6332a; } } @media (min-width: 1400px) { .home #bandeau-principal .boutons-medias-hp ul li a { font-size: 32px; } } .home h2.titre { font-weight: 100; } .home h2.titre, .home h3.titre { font-family: "Poppins", serif; text-align: center; } .home a.lien-edito-tel::before { font-weight: 300 !important; font-size: 29px !important; } @media (max-width: 580px) { .home a.lien-edito-tel { font-size: 22px !important; } .home a.lien-edito-tel::before { font-size: 22px !important; } } .home #bandeau-news h2, .home #bandeau-focus h2 { font-family: "Poppins"; text-align: left; font-weight: 700; margin-bottom: 0; color: #ffffff; font-size: 55px; letter-spacing: -2px; line-height: 0.6; } @media (max-width: 1550px) { .home #bandeau-news h2, .home #bandeau-focus h2 { font-size: 50px; } } @media (max-width: 1250px) { .home #bandeau-news h2, .home #bandeau-focus h2 { margin-bottom: 40px; } } @media (max-width: 992px) { .home #bandeau-news h2, .home #bandeau-focus h2 { font-size: 59px; } } @media (max-width: 500px) { .home #bandeau-news h2, .home #bandeau-focus h2 { font-size: 50px; } } @media (max-width: 400px) { .home #bandeau-news h2, .home #bandeau-focus h2 { font-size: 38px; line-height: 1.2em; margin-bottom: 25px; } } .home a.bouton { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid #000000; min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: #000000; text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); overflow: hidden; z-index: 3; } .home a.bouton:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .home a.bouton { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .home a.bouton { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .home a.bouton { width: 100%; } } .home a.bouton i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .home a.bouton i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .home a.bouton:active, .home a.bouton:hover, .home a.bouton:focus { outline: 0 !important; outline-offset: 0; } .home a.bouton:hover { border: 2px solid #e6332a; color: #e6332a; text-decoration: none; } .home a.bouton:before { content: ""; background-color: #e6332a; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .home a.bouton:hover { color: #ffffff; overflow: hidden; } .home a.bouton:hover:before { -webkit-transform: scale(1.12); transform: scale(1.12); } @media (max-width: 1250px) { .home #bandeau-edito--1 { margin-bottom: 20px; } } .home #bandeau-edito--1 .zone-visuel { margin-bottom: 30px; width: 100%; display: inline-block; } @media (min-width: 993px) { .home #bandeau-edito--1 .zone-visuel { -webkit-transform: translateY(-30px); transform: translateY(-30px); } } @media (min-width: 1400px) { .home #bandeau-edito--1 .zone-visuel { -webkit-transform: translateY(-40px); transform: translateY(-40px); } } @media (min-width: 993px) and (max-width: 1200px) { .home #bandeau-edito--1 .zone-visuel { margin-bottom: 30px; max-width: 100%; -webkit-transform: translateY(0); transform: translateY(0); } } @media (max-width: 992px) { .home #bandeau-edito--1 .zone-visuel { margin-top: 50px; margin-bottom: 30px; } } .home #bandeau-edito--1 .zone-visuel .visuel { position: relative; min-height: 300px; } .home #bandeau-edito--1 .zone-visuel .visuel img { width: 100%; max-width: 100%; } .home #bandeau-edito--1 .zone-visuel .titre { position: absolute; top: 65%; left: 20px; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-left: 30px; padding-right: 30px; margin: 0; text-shadow: 0 0 20px rgba(0, 0, 0, 0.4), 0 0 100px #000000; text-align: left; display: block; font-weight: 700; } .home #bandeau-edito--1 .zone-visuel .titre, .home #bandeau-edito--1 .zone-visuel .titre > * { font-family: "Poppins", serif; color: #ffffff; } .home #bandeau-edito--1 .zone-visuel .titre p { margin: 0; } .home #bandeau-edito--1 .zone-visuel .titre strong { font-weight: 700; font-size: 30px; line-height: 40px; padding-right: 30px; display: block; } .home #bandeau-edito--1 .zone-visuel .titre small { font-size: 20px; font-weight: 300; display: block; margin-top: 5px; } @media (max-width: 1550px) { .home #bandeau-edito--1 .zone-visuel .titre small { font-size: 15px; line-height: 1.2; } .home #bandeau-edito--1 .zone-visuel .titre strong { font-size: 25px; line-height: 30px; } } @media (max-width: 992px) { .home #bandeau-edito--1 .zone-visuel .titre { top: 56%; } .home #bandeau-edito--1 .zone-visuel .titre small { font-size: 16px; line-height: 1.2; } .home #bandeau-edito--1 .zone-visuel .titre strong { font-size: 22px; line-height: 31px; } } @media (max-width: 768px) { .home #bandeau-edito--1 .zone-visuel .titre { top: 59%; } } @media (max-width: 580px) { .home #bandeau-edito--1 .zone-visuel .titre { top: 53%; } .home #bandeau-edito--1 .zone-visuel .titre small { font-size: 16px; line-height: 1.2; } .home #bandeau-edito--1 .zone-visuel .titre strong { font-size: 21px; line-height: 1.25em; padding-right: 6px; } } @media (max-width: 380px) { .home #bandeau-edito--1 .zone-visuel .titre { position: relative; width: 100%; margin-top: 15px; left: 0; padding: 0; -webkit-transform: unset; transform: unset; text-shadow: unset; } .home #bandeau-edito--1 .zone-visuel .titre small, .home #bandeau-edito--1 .zone-visuel .titre strong { color: #000000; } } .home #bandeau-edito--1 .texte { margin-top: 60px; } .home #bandeau-edito--1 .texte p { margin: 0; line-height: normal; } .home #bandeau-edito--1 .texte a:not(.lien-edito-tel) { font-size: 16px; color: #000000; text-decoration: underline; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; } .home #bandeau-edito--1 .texte a:not(.lien-edito-tel):hover { color: #e6332a; } .home #bandeau-edito--1 .texte h3, .home #bandeau-edito--1 .texte .titre { font-family: "Poppins", serif; font-weight: 700; font-size: 27px; margin-bottom: 10px; display: inline-block; text-align: left; line-height: 32px; } @media (min-width: 1200px) { .home #bandeau-edito--1 .texte { padding-left: 45px; padding-right: 40px; } } @media (min-width: 1400px) { .home #bandeau-edito--1 .texte { padding-left: 115px; padding-right: 60px; } } @media (max-width: 1200px) { .home #bandeau-edito--1 .texte { font-size: 18px; } } @media (min-width: 993px) and (max-width: 1250px) { .home #bandeau-edito--1 .texte { margin-top: 20px; padding-left: 25px; padding-right: 60px; margin-bottom: 30px; } .home #bandeau-edito--1 .texte p { font-size: 16px; } } @media (max-width: 992px) { .home #bandeau-edito--1 .texte { margin-top: 30px; padding-left: 15px; } } @media (min-width: 768px) and (max-width: 1200px) { .home #bandeau-edito--1 .texte h3, .home #bandeau-edito--1 .texte .titre { font-size: 22px; } } @media (max-width: 500px) { .home #bandeau-edito--1 .texte h3, .home #bandeau-edito--1 .texte .titre { font-size: 22px; line-height: 1.2em; } } .home #bandeau-news { position: relative; padding-top: 40px; padding-bottom: 40px; } .home #bandeau-news .bg-parallax--1 { position: absolute; left: 0; top: 0; z-index: -1; right: 0; bottom: 0; display: block; max-width: none; width: 90vw; height: 100%; overflow: hidden; } @media (min-width: 992px) { .home #bandeau-news .bg-parallax--1 { -webkit-border-top-right-radius: var(--envt-border-radius); border-top-right-radius: var(--envt-border-radius); -webkit-border-bottom-right-radius: var(--envt-border-radius); border-bottom-right-radius: var(--envt-border-radius); } } .home #bandeau-news .bg-parallax--1::before { content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.75)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); } .home #bandeau-news .bg-parallax--1 img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } @media (min-width: 1251px) and (max-width: 1600px) { .home #bandeau-news { margin-bottom: 30px; } .home #bandeau-news h2 { margin-bottom: -1px; } } @media (min-width: 1251px) and (max-width: 1600px) and (max-width: 1400px) { .home #bandeau-news h2 { margin-bottom: -11px; } } @media (min-width: 1251px) and (max-width: 1600px) and (max-width: 1350px) { .home #bandeau-news h2 { margin-bottom: -27px; } } @media (max-width: 1400px) { .home #bandeau-news { overflow: hidden; padding-bottom: 0; margin-bottom: 70px; background: url(../images/bg-prallax-1.jpg) no-repeat center center; background-size: cover; } .home #bandeau-news .bg-parallax--1 { max-width: unset; display: none; } } @media (max-width: 992px) { .home #bandeau-news { margin-bottom: 30px; } } @media (max-width: 768px) { .home #bandeau-news .bg-parallax--1 { width: 207%; } } @media (max-width: 580px) { .home #bandeau-news { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; margin-top: 30px; padding-top: 30px; } } .home #bandeau-actualites { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .home #bandeau-actualites { padding-left: 30px; padding-right: 30px; } } @media (min-width: 990px) { .home #bandeau-actualites { overflow: hidden; } .home #bandeau-actualites .slider-actus { margin-right: -90px; } } @media (min-width: 990px) { .home #bandeau-actualites .col-une { padding-left: 30px; } } @media (min-width: 1280px) { .home #bandeau-actualites .col-une { padding-left: 45px; } } @media (min-width: 1600px) { .home #bandeau-actualites .col-une { padding-left: 90px; } } @media (min-width: 1800px) { .home #bandeau-actualites .col-une { padding-left: 130px; } } .home #bandeau-actualites .col-une p, .home #bandeau-actualites .col-une span, .home #bandeau-actualites .col-une div, .home #bandeau-actualites .col-une a { font-family: 'Poppins', sans-serif; } .home #bandeau-actualites .col-une > .row { height: 100%; } .home #bandeau-actualites .col-une .intro { margin-top: 35px; margin-bottom: 0; font-size: 16px; font-weight: 500; } .home #bandeau-actualites .col-une .boutons { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .home #bandeau-actualites .col-une .boutons .bouton { -webkit-border-radius: 30px; border-radius: 30px; background-color: rgba(255, 255, 255, 0.4); border: 2px solid var(--univers-couleur); color: #000; display: block; width: 100%; max-width: 260px; margin-left: auto; margin-right: auto; } .home #bandeau-actualites .col-une .boutons .bouton:hover { background-color: var(--univers-couleur); color: #fff; } .home #bandeau-actualites .col-une .boutons .bouton:not(:first-child) { margin-top: 20px; } .home #bandeau-actualites .col-text { position: relative; z-index: 8; text-align: center; } @media (min-width: 990px) { .home #bandeau-actualites .col-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .home #bandeau-actualites .col-text .une { background: #fff; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px; text-align: left; position: relative; } .home #bandeau-actualites .col-text .une, .home #bandeau-actualites .col-text .une .block-title, .home #bandeau-actualites .col-text .une .title, .home #bandeau-actualites .col-text .une .title a, .home #bandeau-actualites .col-text .une .infos, .home #bandeau-actualites .col-text .une .infos .infos-date, .home #bandeau-actualites .col-text .une .infos .infos-type { -webkit-transition: all .3s ease; transition: all .3s ease; } .home #bandeau-actualites .col-text .une .block-title { font-size: 46px; font-weight: 700; color: #e6332a; line-height: 1; margin-bottom: 20px; } .home #bandeau-actualites .col-text .une .infos { font-size: 16px; font-weight: 500; text-transform: uppercase; } .home #bandeau-actualites .col-text .une .infos .infos-date { color: #e6332a; } .home #bandeau-actualites .col-text .une .title { font-size: 30px; font-weight: 900; } .home #bandeau-actualites .col-text .une .title a:hover { color: #000000; text-decoration: none; } .home #bandeau-actualites .col-text .une .title a::before { content: ''; z-index: 10; position: absolute; display: block; top: 0; right: 0; left: 0; bottom: 0; } .home #bandeau-actualites .col-text .une hr { margin: 20px 0 0 20px; } .home #bandeau-actualites .col-text .une:hover { background: #e6332a; } .home #bandeau-actualites .col-text .une:hover .block-title, .home #bandeau-actualites .col-text .une:hover .title, .home #bandeau-actualites .col-text .une:hover .title a, .home #bandeau-actualites .col-text .une:hover .infos, .home #bandeau-actualites .col-text .une:hover .infos .infos-date, .home #bandeau-actualites .col-text .une:hover .infos .infos-type { color: #fff; } @media (min-width: 990px) { .home #bandeau-actualites .col-text .une { margin-right: -90px; padding: 30px; } } .home #bandeau-actualites .col-image { height: 100%; } .home #bandeau-actualites .col-image .image, .home #bandeau-actualites .col-image .image img { height: 100%; } .home #bandeau-actualites .col-image .image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-transition: all .3s ease; transition: all .3s ease; } .home #bandeau-actualites .col-image .image:hover img { opacity: .875; } .home #bandeau-entrees { position: relative; margin-top: 90px; margin-bottom: 50px; } .home #bandeau-entrees .bg-parallax--gris { background-color: #efefef; width: 1724px; height: 401px; position: absolute; bottom: -50px; right: 0; z-index: -1; } @media (min-width: 992px) { .home #bandeau-entrees .bg-parallax--gris { -webkit-border-top-left-radius: var(--envt-border-radius); border-top-left-radius: var(--envt-border-radius); -webkit-border-bottom-left-radius: var(--envt-border-radius); border-bottom-left-radius: var(--envt-border-radius); } } .home #bandeau-entrees ul.liste-entrees { padding-left: 0; } @media (min-width: 992px) { .home #bandeau-entrees ul.liste-entrees { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding-left: 0; } .home #bandeau-entrees ul.liste-entrees li.entree { -webkit-box-flex: 0; -webkit-flex: 0 1 210px; -ms-flex: 0 1 210px; flex: 0 1 210px; } } .home #bandeau-entrees ul.liste-entrees li.entree { padding: 0 10px; } @media (max-width: 992px) { .home #bandeau-entrees ul.liste-entrees li.entree { padding: 0 10px 10px; } } .home #bandeau-entrees ul.liste-entrees li.entree img { -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: translateY(0); transform: translateY(0); -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .home #bandeau-entrees ul.liste-entrees li.entree .titre-entree { text-align: center; position: relative; padding: 15px 15px 30px; font-weight: 600; line-height: normal; font-size: 20px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } @media (min-width: 768px) { .home #bandeau-entrees ul.liste-entrees li.entree .titre-entree { padding: 20px 0 25px; font-size: 19px; } } @media (min-width: 1400px) { .home #bandeau-entrees ul.liste-entrees li.entree .titre-entree { padding: 30px 15px; } } .home #bandeau-entrees ul.liste-entrees li.entree .titre-entree p { padding: 0; margin: 0; } .home #bandeau-entrees ul.liste-entrees li.entree .titre-entree:after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; width: 40px; height: 2px; background-color: #e6332a; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .home #bandeau-entrees ul.liste-entrees li.entree:hover, .home #bandeau-entrees ul.liste-entrees li.entree a:hover { text-decoration: none; } .home #bandeau-entrees ul.liste-entrees li.entree:hover img, .home #bandeau-entrees ul.liste-entrees li.entree a:hover img { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .home #bandeau-entrees ul.liste-entrees li.entree:hover .titre-entree, .home #bandeau-entrees ul.liste-entrees li.entree a:hover .titre-entree { color: #e6332a; } .home #bandeau-entrees ul.liste-entrees li.entree:hover .titre-entree:after, .home #bandeau-entrees ul.liste-entrees li.entree a:hover .titre-entree:after { -webkit-transform: translate(-50%, 3px); transform: translate(-50%, 3px); } .home #bandeau-entrees .slick-dots { margin-top: 20px; } @media (max-width: 768px) { .home #bandeau-entrees .slick-dots { margin-top: 15px; } } @media (max-width: 1200px) { .home #bandeau-entrees { overflow: hidden; } } @media (max-width: 768px) { .home #bandeau-entrees { padding-bottom: 15px; } .home #bandeau-entrees .bg-parallax--gris { -webkit-transform: unset !important; transform: unset !important; } } .home #bandeau-soutien { margin-top: 80px; margin-bottom: 80px; } .home #bandeau-soutien .zone-titre { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .home #bandeau-soutien .zone-titre .titre { text-align: left; font-weight: 700; position: relative; font-size: 35px; } .home #bandeau-soutien .zone-titre .separation { height: 1px; -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; position: relative; background-color: #b6b6b6; margin-left: 25px; margin-right: 25px; } .home #bandeau-soutien .zone-titre .separation:after { content: ''; position: absolute; right: 0; top: 0px; height: 1px; width: 40px; background-color: #e6332a; } .home #bandeau-soutien .zone-titre .decoration { display: block; background: url(../images/decoration-separation-titre.png) center center no-repeat; background-size: contain; height: 32px; width: 134px; } @media (max-width: 1400px) { .home #bandeau-soutien .zone-titre .titre { font-size: 35px; } } @media (max-width: 1270px) { .home #bandeau-soutien .zone-titre .titre { font-size: 30px; } } @media (max-width: 1200px) { .home #bandeau-soutien .zone-titre { margin-top: 20px; margin-bottom: 70px; } } @media (max-width: 768px) { .home #bandeau-soutien .zone-titre { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home #bandeau-soutien .zone-titre .titre { font-size: 30px; line-height: initial; text-align: center; width: 100%; } .home #bandeau-soutien .zone-titre .separation { margin-left: 0; } .home #bandeau-soutien .zone-titre .decoration { display: none; } } @media (max-width: 450px) { .home #bandeau-soutien .zone-titre { margin-bottom: 50px; } .home #bandeau-soutien .zone-titre .titre { font-size: 30px; } } @media (max-width: 380px) { .home #bandeau-soutien .zone-titre { margin-bottom: 30px; } } .home #bandeau-soutien .intro { width: 100%; margin-bottom: 30px; } .home #bandeau-soutien .intro, .home #bandeau-soutien .intro p { font-size: 22px; font-weight: 500; } @media (max-width: 1270px) { .home #bandeau-soutien .intro, .home #bandeau-soutien .intro p { font-size: 22px; line-height: initial; } } @media (max-width: 768px) { .home #bandeau-soutien .intro, .home #bandeau-soutien .intro p { font-size: 21px; line-height: initial; } } @media (max-width: 450px) { .home #bandeau-soutien .intro, .home #bandeau-soutien .intro p { font-size: 19px; line-height: initial; padding: 0 25px; } } @media (max-width: 350px) { .home #bandeau-soutien .intro, .home #bandeau-soutien .intro p { font-size: 18px; padding: 0 9px; margin-bottom: 10px; } } .home #bandeau-soutien ul.liste-boutons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; list-style: none; padding: 0; margin: 0; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien { position: relative; max-width: 383px; overflow: hidden; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien a { height: 100%; display: block; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu .titre-item { font-family: 'Poppins', sans-serif; color: #ffffff; font-weight: 600; font-size: 26px; text-transform: uppercase; z-index: 2; margin-top: 25px; padding: 0 58px; text-align: center; line-height: 1.25; -webkit-transition: 0.3s ease; transition: 0.3s ease; /* // !! Retour alignement sur premiere ligne du texte en 2 lignes */ } @media (min-width: 992px) { .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu .titre-item { min-height: 64px; } } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu .pictogramme { z-index: 2; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0) 63%); z-index: 1; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .background-image-soutien { z-index: -1; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transform: scale(1); transform: scale(1); } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien > a:hover .contenu .pictogramme { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien > a:hover .contenu .titre-item { -webkit-transform: translateY(3px); transform: translateY(3px); } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien > a:hover .background-image-soutien { -webkit-transform: scale(1.12); transform: scale(1.12); } @media (max-width: 1270px) { .home #bandeau-soutien ul.liste-boutons li.bouton-soutien { margin: 0 15px; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu .titre-item { font-size: 20px; } } @media (max-width: 992px) { .home #bandeau-soutien ul.liste-boutons li.bouton-soutien { margin: 0 10px; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu .pictogramme { max-width: 56px; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu .titre-item { font-size: 19px; margin-top: 20px; padding: 0 50px; } } @media (max-width: 768px) { .home #bandeau-soutien ul.liste-boutons li.bouton-soutien { margin: 15px auto; } .home #bandeau-soutien ul.liste-boutons li.bouton-soutien .contenu .titre-item { font-size: 22px; } } @media (max-width: 450px) { .home #bandeau-soutien ul.liste-boutons li.bouton-soutien { padding: 0 20px; } } @media (max-width: 768px) { .home #bandeau-soutien ul.liste-boutons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 992px) { .home #bandeau-soutien { margin-top: 0px; margin-bottom: 50px; } } .home #bandeau-focus { position: relative; padding-top: 65px; padding-bottom: 40px; margin-bottom: 40px; } .home #bandeau-focus h2 { -webkit-transform: translateX(-3px); transform: translateX(-3px); margin-bottom: 4px; } .home #bandeau-focus .bg-parallax--2 { position: absolute; left: 0; top: 0; z-index: -1; -webkit-border-top-right-radius: var(--envt-border-radius); border-top-right-radius: var(--envt-border-radius); -webkit-border-bottom-right-radius: var(--envt-border-radius); border-bottom-right-radius: var(--envt-border-radius); } .home #bandeau-focus .colonne--1 { width: auto; padding: 0 30px 0 0; -webkit-flex-basis: 35%; -ms-flex-preferred-size: 35%; flex-basis: 35%; } .home #bandeau-focus .colonne--1 p { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .home #bandeau-focus .colonne--1 .video { -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); overflow: hidden; } .home #bandeau-focus .colonne--2 { padding: 50px 50px 50px 70px; -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; position: relative; } .home #bandeau-focus .colonne--2 .text { z-index: 1; text-align: justify; } .home #bandeau-focus .colonne--2 .text hr { width: 40%; -webkit-transform: translateX(0); transform: translateX(0); } .home #bandeau-focus .colonne--2 .text hr:before { width: 100%; } .home #bandeau-focus .colonne--2 .text hr:after { left: unset; right: 0; } .home #bandeau-focus .colonne--2 .text strong { font-size: 25px; } .home #bandeau-focus .colonne--2 .text .legend { margin-top: -4px; padding-right: 20px; letter-spacing: -0.025rem; text-align: left; } .home #bandeau-focus .colonne--2:after { content: ''; position: absolute; left: 0; width: 130%; height: 100%; top: 0; background-color: #ffffff; z-index: -1; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .home #bandeau-focus .colonne--2:only-child:after { max-width: 1270px; } @media (min-width: 992px) { .home #bandeau-focus .row { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } } @media (max-width: 1600px) { .home #bandeau-focus { overflow: hidden; } } @media (max-width: 1400px) { .home #bandeau-focus .colonne--1 { max-width: 65%; } .home #bandeau-focus .colonne--2 { padding: 40px 30px 40px 50px; } } @media (min-width: 993px) and (max-width: 1270px) { .home #bandeau-focus .colonne--1 .video iframe { width: 583px; height: 328px; margin: 0 auto; } } @media (max-width: 1270px) { .home #bandeau-focus .colonne--1 { max-width: 68%; } .home #bandeau-focus .colonne--1 .video iframe { width: 583px; height: 328px; margin: 0 auto; } .home #bandeau-focus .colonne--2 { padding: 40px 15px 40px 50px; } .home #bandeau-focus .colonne--2 p { font-size: 17px; line-height: 1.5em; } .home #bandeau-focus .colonne--2 .text.texte-style strong { font-size: 22px; } } @media (max-width: 1200px) { .home #bandeau-focus { overflow: hidden; } } @media (max-width: 992px) { .home #bandeau-focus .colonne--1 { max-width: 100%; width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0 25px; } } @media (max-width: 768px) { .home #bandeau-focus { padding-bottom: 30px; margin-bottom: 0; } .home #bandeau-focus h2 { margin-bottom: 25px; } .home #bandeau-focus .bg-parallax--2 { width: 100%; -webkit-transform: unset !important; transform: unset !important; } .home #bandeau-focus .colonne--1 .video iframe { width: 400px; height: 224px; } .home #bandeau-focus .colonne--2 { padding: 45px; } } @media (max-width: 400px) { .home #bandeau-focus { padding-bottom: 20px; margin-bottom: 0; } .home #bandeau-focus .bg-parallax--2 { width: 170%; max-width: unset; } .home #bandeau-focus .colonne--1 .video { border: 5px solid #ffffff; } .home #bandeau-focus .colonne--1 .video iframe { width: 100%; height: auto; min-height: 181px; } .home #bandeau-focus .colonne--2 { padding: 40px; } } /*--------PREFOOTER--------*/ /* ----- BANDEAU ACTUALITES ----- */ #bandeau-actualites-prefooter { margin-bottom: 50px; width: 100%; } #bandeau-actualites-prefooter .contenu { padding-top: 20px; padding-bottom: 20px; } #bandeau-actualites-prefooter .titre-b-actus { font-weight: 600; font-size: 32px; max-width: 1040px; margin: 0 auto; color: #bcbcbc; } #bandeau-actualites-prefooter .titre-b-actus:after { display: none; } @media (max-width: 1250px) { #bandeau-actualites-prefooter .titre-b-actus { font-size: 30px; } } @media (max-width: 992px) { #bandeau-actualites-prefooter .titre-b-actus { font-size: 25px; } } @media (max-width: 768px) { #bandeau-actualites-prefooter .titre-b-actus { font-size: 23px; } } #bandeau-actualites-prefooter .mini-liste-actus { padding-top: 30px; } @media (max-width: 1250px) { #bandeau-actualites-prefooter .mini-liste-actus { padding-top: 20px; } } @media (min-width: 992px) { #bandeau-actualites-prefooter .mini-liste-actus { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 1040px; margin: 0 auto; } } #bandeau-actualites-prefooter .actualite { position: relative; overflow: hidden; } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite { margin: 0 auto; width: 300px; max-width: 100%; } } #bandeau-actualites-prefooter .actualite.teaser { overflow: hidden; } #bandeau-actualites-prefooter .actualite.teaser img { width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #bandeau-actualites-prefooter .actualite.teaser.encadre-visuel .contenu, #bandeau-actualites-prefooter .actualite.teaser .encadre-visuel .contenu { left: 20px; right: 20px; bottom: 20px; } #bandeau-actualites-prefooter .actualite.teaser .contenu { position: absolute; z-index: 2; padding: 20px; text-shadow: 1px 1px 3px black; } #bandeau-actualites-prefooter .actualite.teaser .contenu .date, #bandeau-actualites-prefooter .actualite.teaser .contenu .titre-actualite { font-family: 'Poppins', sans-serif; color: #ffffff; } #bandeau-actualites-prefooter .actualite.teaser .contenu .date { font-size: 20px; font-weight: 300; margin-bottom: 10px; } #bandeau-actualites-prefooter .actualite.teaser .contenu .date i { color: #e6332a; margin-right: 10px; } @media (min-width: 993px) and (max-width: 1400px) { #bandeau-actualites-prefooter .actualite.teaser .contenu .date { font-size: 17px; } } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite.teaser .contenu .date { font-size: 18px; } } #bandeau-actualites-prefooter .actualite.teaser .contenu .titre-actualite { font-size: 20px; line-height: 1.25; font-weight: 500; } @media (min-width: 993px) and (max-width: 1400px) { #bandeau-actualites-prefooter .actualite.teaser .contenu .titre-actualite { font-size: 16px; } } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite.teaser .contenu .titre-actualite { font-size: 18px; } } #bandeau-actualites-prefooter .actualite.teaser .overlay { position: absolute; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 30px; opacity: 0; background-color: #f3f4f4; height: 100%; z-index: 8; left: 0; right: 0; top: -100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #bandeau-actualites-prefooter .actualite.teaser .overlay .contenu { position: relative; text-shadow: none; padding: 0; top: unset; bottom: unset; left: unset; right: unset; } #bandeau-actualites-prefooter .actualite.teaser .overlay .titre-actualite { margin-bottom: 15px; color: #000000; font-weight: 500; font-size: 18px; } #bandeau-actualites-prefooter .actualite.teaser .overlay .date { margin-bottom: 15px; color: #000000; font-size: 16px; } #bandeau-actualites-prefooter .actualite.teaser .overlay .descriptif-court { font-weight: 400; font-size: 16px !important; line-height: 1.2rem; } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite.teaser .overlay .descriptif-court { font-size: 15px; } } #bandeau-actualites-prefooter .actualite.teaser:hover, #bandeau-actualites-prefooter .actualite.teaser a:hover { cursor: pointer; text-decoration: none; } #bandeau-actualites-prefooter .actualite.teaser:hover .overlay, #bandeau-actualites-prefooter .actualite.teaser a:hover .overlay { top: 0; opacity: 1; } @media (min-width: 993px) { #bandeau-actualites-prefooter .actualite.teaser:hover img, #bandeau-actualites-prefooter .actualite.teaser a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } } #bandeau-actualites-prefooter .actualite.alaune { max-width: 540px; } #bandeau-actualites-prefooter .actualite.alaune .contenu .titre-actualite { font-size: 24px; } @media (min-width: 993px) and (max-width: 1400px) { #bandeau-actualites-prefooter .actualite.alaune .contenu .titre-actualite { font-size: 17px; } } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite.alaune .contenu .titre-actualite { font-size: 20px; } } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite.alaune .encadre-visuel { display: block; } } @media (min-width: 790px) { #bandeau-actualites-prefooter .actualite.alaune .visuel { max-height: 364px; } #bandeau-actualites-prefooter .actualite.alaune .visuel img { width: 540px; } } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite.alaune .visuel img { width: 100%; } } #bandeau-actualites-prefooter .actualite.square { max-width: 300px; } #bandeau-actualites-prefooter .actualite { margin-left: 10px; margin-right: 10px; margin-bottom: 20px; position: relative; display: inline-block; } #bandeau-actualites-prefooter .actualite a.lien-global { z-index: 2; height: 100%; width: 100%; } #bandeau-actualites-prefooter .actualite .visuel { z-index: -1; } @media (max-width: 1020px) { #bandeau-actualites-prefooter .actualite { max-width: -webkit-calc(33% - 20px) !important; max-width: calc(33% - 20px) !important; } } @media (max-width: 992px) { #bandeau-actualites-prefooter .actualite { max-width: -webkit-calc(50% - 20px) !important; max-width: calc(50% - 20px) !important; } } @media (max-width: 768px) { #bandeau-actualites-prefooter .actualite { max-width: 300px; margin: unset; } } #bandeau-actualites-prefooter .zone-bouton { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #bandeau-actualites-prefooter .zone-bouton #bouton-b-actus { margin-top: 35px; } /* ----- LISTE DE PARTENAIRES ----- */ #bandeau-partenaires { padding: 50px 0; overflow: hidden; background-color: #f3f4f4; } #bandeau-partenaires h2 { text-align: center; color: #000000; text-transform: initial; font-weight: 700; margin-bottom: 50px; } #bandeau-partenaires .container { position: relative; } #bandeau-partenaires .slick-slide { margin: 0 25px; } #bandeau-partenaires .slick-slide img { margin: 0 auto; padding: 0 !important; } #bandeau-partenaires .slick-arrow.fa-chevron-left { left: -3%; } #bandeau-partenaires .slick-arrow.fa-chevron-right { right: -4%; } @media (max-width: 1450px) { #bandeau-partenaires .slick-arrow.fa-chevron-left { left: -3%; } #bandeau-partenaires .slick-arrow.fa-chevron-right { right: -4%; } } @media (max-width: 1200px) { #bandeau-partenaires .slick-arrow.fa-chevron-left { left: -5%; } #bandeau-partenaires .slick-arrow.fa-chevron-right { right: -5%; } } @media (max-width: 1120px) { #bandeau-partenaires h2 { font-size: 35px; } #bandeau-partenaires .slick-arrow.fa-chevron-left { left: 0; } #bandeau-partenaires .slick-arrow.fa-chevron-right { right: 0; } } @media (max-width: 768px) { #bandeau-partenaires .slick-arrow.fa-chevron-left { left: 0; } #bandeau-partenaires .slick-arrow.fa-chevron-right { right: 0; } } /*-------------FOOTER------------*/ #footer { background: url(../images/bg-prallax-footer-min.jpg) #f5f5f3 no-repeat bottom center; background-size: cover; } #footer #footer-zone1.container { padding: 50px 15px; } @media (max-width: 992px) { #footer #footer-zone1.container .row { margin-left: 0; margin-right: 0; } } @media (max-width: 400px) { #footer #footer-zone1.container .row { margin-left: -15px; margin-right: -15px; } } #footer #footer-zone1 .gauche .pictogrammes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } @media (max-width: 580px) { #footer #footer-zone1 .gauche .pictogrammes { padding: 0 15px; } } @media (max-width: 400px) { #footer #footer-zone1 .gauche .pictogrammes { padding: 0; } } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton { width: 25%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton a { text-decoration: none; } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton a:hover .picto { -webkit-transform: translateY(-5px); transform: translateY(-5px); } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton a:hover .label { color: #e6332a; } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton .picto { margin-bottom: 15px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton .label { -webkit-transition: 0.3s ease; transition: 0.3s ease; font-weight: 600; } @media (max-width: 992px) { #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton .label { font-size: 14px; } } @media (max-width: 480px) { #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton .label { font-size: 12px; line-height: 1rem; display: block; } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton .label br { display: none; } } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton:after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #c8c8c8; width: 1px; height: 40%; } #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton:nth-child(4):after, #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton:last-child:after { display: none; } @media (max-width: 992px) { #footer #footer-zone1 .gauche .pictogrammes .bloc-picto-bouton { width: 24%; margin: 0 auto; margin-bottom: 35px; } } #footer #footer-zone1 .bloc-rouge { background-color: #e6332a; padding: 20px 40px; text-align: center; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } #footer #footer-zone1 .bloc-rouge .titre-bloc { color: #ffffff; margin-bottom: 15px; } #footer #footer-zone1 .bloc-rouge .bouton-bloc { position: relative; overflow: hidden; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #footer #footer-zone1 .bloc-rouge .bouton-bloc a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #ffffff; border: 2px solid #ffffff; padding: 8px 20px; width: 100%; margin: 10px 0; text-decoration: none; text-align: left; z-index: 3; overflow: hidden; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: relative; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } #footer #footer-zone1 .bloc-rouge .bouton-bloc a .pictogramme img { width: 37px; -webkit-transition: -webkit-filter 500ms ease; transition: -webkit-filter 500ms ease; transition: filter 500ms ease; transition: filter 500ms ease, -webkit-filter 500ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #footer #footer-zone1 .bloc-rouge .bouton-bloc:before { content: ""; background-color: #ffffff; -webkit-transition: 0.3s ease; transition: 0.3s ease; position: absolute; z-index: 0; top: 11px; left: 0; right: 0; bottom: 15px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } #footer #footer-zone1 .bloc-rouge .bouton-bloc:hover { overflow: hidden; } #footer #footer-zone1 .bloc-rouge .bouton-bloc:hover a { color: #000000; } #footer #footer-zone1 .bloc-rouge .bouton-bloc:hover a .pictogramme img { -webkit-filter: brightness(0) contrast(0.7); filter: brightness(0) contrast(0.7); } #footer #footer-zone1 .bloc-rouge .bouton-bloc:hover:before { -webkit-transform: scaleY(1.12); transform: scaleY(1.12); } @media (max-width: 992px) { #footer #footer-zone1 .bloc-rouge { margin-top: 0; margin-right: -15px; padding: 20px 20px; } } @media (max-width: 768px) { #footer #footer-zone1 .bloc-rouge { margin-top: 15px; margin-left: 10px; margin-right: 10px; padding: 20px 22px; } } @media (max-width: 580px) { #footer #footer-zone1 .bloc-rouge { padding: 30px 22px; } } @media (max-width: 400px) { #footer #footer-zone1 .bloc-rouge { margin-left: 0; margin-right: 0; } } #footer #footer-zone2 { background: rgba(255, 255, 255, 0.5); padding: 50px 0 30px; color: #000000; } @media (max-width: 768px) { #footer #footer-zone2 { padding-bottom: 30px; margin: 0; } } #footer #footer-zone2 .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #footer #footer-zone2 .line-1-footer { padding-bottom: 25px; } @media (min-width: 1200px) and (max-width: 1249px) { #footer #footer-zone2 .line-1-footer .col-xl-6 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } #footer #footer-zone2 .line-1-footer .col-xl-2.adresse { -ms-flex: 0 0 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 0 30px; } } @media (max-width: 768px) { #footer #footer-zone2 .line-1-footer { padding-bottom: 5px; } } #footer #footer-zone2 .line-1-footer h2 { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; margin-bottom: 25px; } #footer #footer-zone2 .line-1-footer .slogan { text-align: left; } @media (min-width: 1400px) { #footer #footer-zone2 .line-1-footer .slogan { max-width: 90%; margin: 0 auto; } } @media (max-width: 990px) { #footer #footer-zone2 .line-1-footer .slogan { max-width: 100%; margin: 0 auto 30px; } } #footer #footer-zone2 .line-1-footer .slogan p { margin-bottom: 0; font-size: 16px; line-height: 1.7rem; font-family: "Poppins", serif; } @media (max-width: 1400px) { #footer #footer-zone2 .line-1-footer .slogan p { font-size: 14px; line-height: 1.5em; } } @media (max-width: 992px) { #footer #footer-zone2 .line-1-footer .slogan p { font-size: 15px; line-height: 26px; } #footer #footer-zone2 .line-1-footer .slogan p br { display: none; } } #footer #footer-zone2 .line-1-footer .slogan p strong { display: block; } @media (max-width: 768px) { #footer #footer-zone2 .line-1-footer .mini-map img { margin: 0 auto; display: block; } } #footer #footer-zone2 .line-1-footer .adresse { margin-top: 45px; padding: 0 10px; } #footer #footer-zone2 .line-1-footer .adresse .contact, #footer #footer-zone2 .line-1-footer .adresse .tel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; font-weight: 500; margin-bottom: 10px; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 5px; font-size: 18px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #footer #footer-zone2 .line-1-footer .adresse .contact i, #footer #footer-zone2 .line-1-footer .adresse .tel i { font-weight: 400; font-size: 22px; } #footer #footer-zone2 .line-1-footer .adresse .contact:hover, #footer #footer-zone2 .line-1-footer .adresse .tel:hover { text-decoration: none; color: #e6332a; } #footer #footer-zone2 .line-1-footer .adresse .tel { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -1px; } #footer #footer-zone2 .line-1-footer .adresse .tel i { font-size: 28px; font-weight: 400; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 769px) and (max-width: 992px) { #footer #footer-zone2 .line-1-footer .adresse .contact, #footer #footer-zone2 .line-1-footer .adresse .tel { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 15px; } #footer #footer-zone2 .line-1-footer .adresse .contact i, #footer #footer-zone2 .line-1-footer .adresse .tel i { margin-right: 20px; } } @media (max-width: 768px) { #footer #footer-zone2 .line-1-footer .adresse { max-width: 310px; margin: 45px auto 10px; } #footer #footer-zone2 .line-1-footer .adresse .boutons-contact-footer { max-width: 225px; margin: 0 auto; } } #footer #footer-zone2 .line-1-footer .adresse .adresse-infos { margin-top: 30px; display: block; width: 101%; } #footer #footer-zone2 .line-1-footer .adresse .adresse-infos, #footer #footer-zone2 .line-1-footer .adresse .adresse-infos p { text-align: center; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1em; font-family: "Poppins", serif; } #footer #footer-zone2 .line-1-footer .adresse .adresse-infos strong, #footer #footer-zone2 .line-1-footer .adresse .adresse-infos p strong { display: block; font-size: 15px; line-height: 1.2em; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 10px; } @media (max-width: 1200px) { #footer #footer-zone2 .line-1-footer .adresse .adresse-infos, #footer #footer-zone2 .line-1-footer .adresse .adresse-infos p { font-size: 16px; } } @media (max-width: 992px) { #footer #footer-zone2 .line-1-footer .adresse .adresse-infos, #footer #footer-zone2 .line-1-footer .adresse .adresse-infos p { font-size: 16px; line-height: 26px; } #footer #footer-zone2 .line-1-footer .adresse .adresse-infos br, #footer #footer-zone2 .line-1-footer .adresse .adresse-infos p br { display: none; } } #menu-footer-zone { text-align: center; padding: 25px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 768px) { #menu-footer-zone { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 5px; } } #menu-footer-zone ul#menu-menu-footer { padding: 0; list-style-type: none; margin: 0; } #menu-footer-zone ul#menu-menu-footer li { padding: 0 15px; display: inline-block; border-right: 1px solid #000000; font-size: 16px; } #menu-footer-zone ul#menu-menu-footer li:last-of-type { border-right: 0; } #menu-footer-zone ul#menu-menu-footer li:hover a { color: #000000; } @media (max-width: 768px) { #menu-footer-zone ul#menu-menu-footer { margin-bottom: 25px; } #menu-footer-zone ul#menu-menu-footer li { border: 0; display: block; margin-bottom: 5px; text-align: center; } } #menu-footer-zone .liste-rs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #menu-footer-zone .liste-rs ul { padding: 0; list-style-type: none; margin: 0; } #menu-footer-zone .liste-rs ul li { padding: 0 15px; display: inline-block; font-size: 16px; } #menu-footer-zone .liste-rs ul li a i { -webkit-transition: 0.3s ease; transition: 0.3s ease; } #menu-footer-zone .liste-rs ul li:hover * { color: #e6332a; } /*----------------PAGES INTERIEURES------------------*/ .page #main, .single #main, .blog #main, .category #main, .archive #main { padding: 50px 0 50px; } .not-front #main .titre, #tinymce .titre, .texte-style .titre { text-align: left; } .not-front #main .titre h1, #tinymce .titre h1, .texte-style .titre h1 { font-family: "Poppins", serif; font-size: 42px; font-weight: 600; color: #000000; display: inline-block; position: relative; margin-bottom: 50px; padding-bottom: 15px; } .not-front #main .titre h1:before, .not-front #main .titre h1:after, #tinymce .titre h1:before, #tinymce .titre h1:after, .texte-style .titre h1:before, .texte-style .titre h1:after { content: ''; position: absolute; height: 1px; bottom: 0; } .not-front #main .titre h1:before, #tinymce .titre h1:before, .texte-style .titre h1:before { left: 0; width: 150px; z-index: 1; background-color: #b6b6b6; } .not-front #main .titre h1:after, #tinymce .titre h1:after, .texte-style .titre h1:after { margin-top: 0; left: 0; width: 30px; z-index: 1; background-color: var(--univers-couleur); } @media (max-width: 1250px) { .not-front #main .titre h1, #tinymce .titre h1, .texte-style .titre h1 { font-size: 32px; } } @media (max-width: 992px) { .not-front #main .titre h1, #tinymce .titre h1, .texte-style .titre h1 { font-size: 28px; margin-bottom: 30px; } } @media (max-width: 768px) { .not-front #main .titre h1, #tinymce .titre h1, .texte-style .titre h1 { font-size: 24px; } } .not-front #main .titre .sous-titre, #tinymce .titre .sous-titre, .texte-style .titre .sous-titre { margin-top: 10px; font-size: 32px; font-weight: normal; font-family: "Poppins", serif; font-weight: 500; padding-bottom: 10px; } @media (max-width: 1250px) { .not-front #main .titre .sous-titre, #tinymce .titre .sous-titre, .texte-style .titre .sous-titre { font-size: 24px; } } @media (max-width: 992px) { .not-front #main .titre .sous-titre, #tinymce .titre .sous-titre, .texte-style .titre .sous-titre { font-size: 22px; } } @media (max-width: 768px) { .not-front #main .titre .sous-titre, #tinymce .titre .sous-titre, .texte-style .titre .sous-titre { font-size: 20px; } } .not-front #main h2, #tinymce h2, .texte-style h2 { font-family: "Poppins", serif; font-weight: 500; font-size: 26px; margin-bottom: 12px; position: relative; } .not-front #main h2:not(.titre):not(.collapseomatic), #tinymce h2:not(.titre):not(.collapseomatic), .texte-style h2:not(.titre):not(.collapseomatic) { position: relative; margin-bottom: 20px; } .not-front #main h2:not(.titre):not(.collapseomatic):after, #tinymce h2:not(.titre):not(.collapseomatic):after, .texte-style h2:not(.titre):not(.collapseomatic):after { content: ''; display: block; width: 50px; height: 3px; background-color: var(--univers-couleur); margin-top: 10px; } .not-front #main h2:not(:first-of-type):not(.collapseomatic), #tinymce h2:not(:first-of-type):not(.collapseomatic), .texte-style h2:not(:first-of-type):not(.collapseomatic) { margin-top: 30px; } .not-front #main h2.collapseomatic, #tinymce h2.collapseomatic, .texte-style h2.collapseomatic { margin-bottom: 0; } @media (max-width: 1250px) { .not-front #main h2, #tinymce h2, .texte-style h2 { font-size: 28px; } } @media (max-width: 992px) { .not-front #main h2, #tinymce h2, .texte-style h2 { font-size: 24px; } .not-front #main h2:not(:first-of-type):not(.collapseomatic), #tinymce h2:not(:first-of-type):not(.collapseomatic), .texte-style h2:not(:first-of-type):not(.collapseomatic) { margin-top: 20px; } } @media (max-width: 768px) { .not-front #main h2, #tinymce h2, .texte-style h2 { font-size: 22px; } } .not-front #main h3, #tinymce h3, .texte-style h3 { font-weight: 500; font-size: 24px; margin-top: 30px; margin-bottom: 12px; color: var(--univers-couleur); } @media (max-width: 1250px) { .not-front #main h3, #tinymce h3, .texte-style h3 { font-size: 22px; } } @media (max-width: 992px) { .not-front #main h3, #tinymce h3, .texte-style h3 { font-size: 20px; margin-top: 10px; } } @media (max-width: 768px) { .not-front #main h3, #tinymce h3, .texte-style h3 { font-size: 18px; } } .not-front #main h4, #tinymce h4, .texte-style h4 { font-weight: 500; font-size: 22px; margin-top: 30px; margin-bottom: 12px; color: #000000; } @media (max-width: 1250px) { .not-front #main h4, #tinymce h4, .texte-style h4 { font-size: 20px; } } @media (max-width: 992px) { .not-front #main h4, #tinymce h4, .texte-style h4 { font-size: 18px; margin-top: 10px; } } @media (max-width: 768px) { .not-front #main h4, #tinymce h4, .texte-style h4 { font-size: 16px; } } .not-front #main p:not(.wp-caption-text), .not-front #main li, .not-front #main span, .not-front #main a, .not-front #main .collapseomatic_content, #tinymce p:not(.wp-caption-text), #tinymce li, #tinymce span, #tinymce a, #tinymce .collapseomatic_content, .texte-style p:not(.wp-caption-text), .texte-style li, .texte-style span, .texte-style a, .texte-style .collapseomatic_content { line-height: 1.3em; } @media (max-width: 992px) { .not-front #main p:not(.wp-caption-text), .not-front #main li, .not-front #main span, .not-front #main a, .not-front #main .collapseomatic_content, #tinymce p:not(.wp-caption-text), #tinymce li, #tinymce span, #tinymce a, #tinymce .collapseomatic_content, .texte-style p:not(.wp-caption-text), .texte-style li, .texte-style span, .texte-style a, .texte-style .collapseomatic_content { font-size: 16px; line-height: 22px; } } .not-front #main p > a[class=""], .not-front #main p > a:not([class]), .not-front #main span:not([class^="bouton"]) > a[class=""], .not-front #main span:not([class^="bouton"]) > a:not([class]), .not-front #main strong > a[class=""], .not-front #main strong > a:not([class]), .not-front #main div > a[class=""], .not-front #main div > a:not([class]), #tinymce p > a[class=""], #tinymce p > a:not([class]), #tinymce span:not([class^="bouton"]) > a[class=""], #tinymce span:not([class^="bouton"]) > a:not([class]), #tinymce strong > a[class=""], #tinymce strong > a:not([class]), #tinymce div > a[class=""], #tinymce div > a:not([class]), .texte-style p > a[class=""], .texte-style p > a:not([class]), .texte-style span:not([class^="bouton"]) > a[class=""], .texte-style span:not([class^="bouton"]) > a:not([class]), .texte-style strong > a[class=""], .texte-style strong > a:not([class]), .texte-style div > a[class=""], .texte-style div > a:not([class]) { color: #000000; font-weight: 700; position: relative; -webkit-transition: 0.3s ease; transition: 0.3s ease; border-bottom: 2px solid var(--univers-couleur); -webkit-transition: 0.5s; transition: 0.5s; } .not-front #main p > a[class=""]:hover, .not-front #main p > a:not([class]):hover, .not-front #main span:not([class^="bouton"]) > a[class=""]:hover, .not-front #main span:not([class^="bouton"]) > a:not([class]):hover, .not-front #main strong > a[class=""]:hover, .not-front #main strong > a:not([class]):hover, .not-front #main div > a[class=""]:hover, .not-front #main div > a:not([class]):hover, #tinymce p > a[class=""]:hover, #tinymce p > a:not([class]):hover, #tinymce span:not([class^="bouton"]) > a[class=""]:hover, #tinymce span:not([class^="bouton"]) > a:not([class]):hover, #tinymce strong > a[class=""]:hover, #tinymce strong > a:not([class]):hover, #tinymce div > a[class=""]:hover, #tinymce div > a:not([class]):hover, .texte-style p > a[class=""]:hover, .texte-style p > a:not([class]):hover, .texte-style span:not([class^="bouton"]) > a[class=""]:hover, .texte-style span:not([class^="bouton"]) > a:not([class]):hover, .texte-style strong > a[class=""]:hover, .texte-style strong > a:not([class]):hover, .texte-style div > a[class=""]:hover, .texte-style div > a:not([class]):hover { text-decoration: none; -webkit-box-shadow: inset 0 -0.25rem 0 var(--univers-couleur); box-shadow: inset 0 -0.25rem 0 var(--univers-couleur); } .not-front #main ul:not(.slick-dots):not(#menu--cat-actus), #tinymce ul:not(.slick-dots):not(#menu--cat-actus), .texte-style ul:not(.slick-dots):not(#menu--cat-actus) { padding-left: 30px; margin-bottom: 1rem; } .not-front #main ul:not(.slick-dots):not(#menu--cat-actus) li, #tinymce ul:not(.slick-dots):not(#menu--cat-actus) li, .texte-style ul:not(.slick-dots):not(#menu--cat-actus) li { list-style-type: none; color: #000000; } .not-front #main ul:not(.slick-dots):not(#menu--cat-actus) li:last-of-type, #tinymce ul:not(.slick-dots):not(#menu--cat-actus) li:last-of-type, .texte-style ul:not(.slick-dots):not(#menu--cat-actus) li:last-of-type { margin-bottom: 0; } .not-front #main ul:not(.slick-dots):not(#menu--cat-actus) li:before, #tinymce ul:not(.slick-dots):not(#menu--cat-actus) li:before, .texte-style ul:not(.slick-dots):not(#menu--cat-actus) li:before { content: '\f105'; font-family: 'Font Awesome 5 Pro'; color: var(--univers-couleur); margin-right: 10px; margin-left: -20px; margin-top: 14px; } .not-front #main ul:not(.slick-dots):not(#menu--cat-actus) ul li:before, .not-front #main ul:not(.slick-dots):not(#menu--cat-actus) ul ul li:before, #tinymce ul:not(.slick-dots):not(#menu--cat-actus) ul li:before, #tinymce ul:not(.slick-dots):not(#menu--cat-actus) ul ul li:before, .texte-style ul:not(.slick-dots):not(#menu--cat-actus) ul li:before, .texte-style ul:not(.slick-dots):not(#menu--cat-actus) ul ul li:before { content: '\2022'; } .not-front #main ol, #tinymce ol, .texte-style ol { list-style: none; counter-reset: steps; padding-left: 30px; margin-bottom: 1rem; } .not-front #main ol li, #tinymce ol li, .texte-style ol li { counter-increment: steps; margin-bottom: 5px; list-style-type: none; color: #000000; } .not-front #main ol li:last-of-type, #tinymce ol li:last-of-type, .texte-style ol li:last-of-type { margin-bottom: 0; } .not-front #main ol li:before, #tinymce ol li:before, .texte-style ol li:before { content: counter(steps) "."; color: var(--univers-couleur); font-weight: 600; font-family: "Poppins", sans-serif; display: inline-block; margin-top: -1px; margin-right: 10px; margin-left: -20px; float: left; } .not-front #main ol ol li:before, #tinymce ol ol li:before, .texte-style ol ol li:before { content: ''; display: inline-block; width: 8px; height: 1px; background: var(--univers-couleur); margin-right: 10px; margin-left: -20px; margin-top: 14px; float: left; } .not-front #main .date-categorie, #tinymce .date-categorie, .texte-style .date-categorie { font-size: 18px; display: inline-block; padding: 5px 10px; color: #ffffff; margin-bottom: 20px; background: #362428; } @media (max-width: 992px) { .not-front #main .date-categorie, #tinymce .date-categorie, .texte-style .date-categorie { font-size: 16px; } } .not-front #main .visuel-principal, #tinymce .visuel-principal, .texte-style .visuel-principal { margin-bottom: 20px; } @media (max-width: 992px) { .not-front #main .visuel-principal, #tinymce .visuel-principal, .texte-style .visuel-principal { margin-bottom: 15px; } } .not-front #main .chapeau, #tinymce .chapeau, .texte-style .chapeau { font-family: "Poppins", serif; font-size: 24px; font-weight: 500; line-height: 1.3em; color: #000000; margin-bottom: 20px; margin-top: 10px; } @media (max-width: 1600px) { .not-front #main .chapeau, #tinymce .chapeau, .texte-style .chapeau { font-size: 23px; } } @media (max-width: 1400px) { .not-front #main .chapeau, #tinymce .chapeau, .texte-style .chapeau { font-size: 22px; line-height: 32px; } } @media (max-width: 992px) { .not-front #main .chapeau, #tinymce .chapeau, .texte-style .chapeau { font-size: 20px; margin-bottom: 15px; line-height: 28px; } } @media (max-width: 768px) { .not-front #main .chapeau, #tinymce .chapeau, .texte-style .chapeau { font-size: 18px; line-height: 25px; } } .not-front #main img.aligncenter, #tinymce img.aligncenter, .texte-style img.aligncenter { margin: 20px auto; } .not-front #main img.alignright, #tinymce img.alignright, .texte-style img.alignright { margin: 20px 0 20px 20px; } .not-front #main img.alignleft, #tinymce img.alignleft, .texte-style img.alignleft { margin: 20px 20px 20px 0; } .not-front #main .citation, #tinymce .citation, .texte-style .citation { position: relative; font-style: italic; display: inline-block; width: 100%; padding-left: 40px; padding-right: 40px; font-weight: 800; font-size: 17px; line-height: 1.5em; margin: 20px 0 30px; } @media (max-width: 992px) { .not-front #main .citation, #tinymce .citation, .texte-style .citation { font-size: 18px; margin: 25px 0 30px; padding-left: 70px; background-size: 50px; } } @media (max-width: 768px) { .not-front #main .citation, #tinymce .citation, .texte-style .citation { margin: 15px 0 20px; font-size: 16px; padding-left: 50px; background-size: 30px; } } .not-front #main .citation::before, .not-front #main .citation::after, #tinymce .citation::before, #tinymce .citation::after, .texte-style .citation::before, .texte-style .citation::after { content: ',,'; background: none; font-size: 44px; line-height: 0; letter-spacing: 0; font-family: 'Poppins'; color: var(--univers-couleur); position: absolute; line-height: 0; } .not-front #main .citation::before, #tinymce .citation::before, .texte-style .citation::before { left: 0; top: -9px; } .not-front #main .citation::after, #tinymce .citation::after, .texte-style .citation::after { right: 5px; bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .not-front #main .video, #tinymce .video, .texte-style .video { position: relative; width: 100%; padding-bottom: 56.25%; } .not-front #main .video span, #tinymce .video span, .texte-style .video span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .not-front #main .video iframe, #tinymce .video iframe, .texte-style .video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: 0; } .not-front #main .mis-en-avant, #tinymce .mis-en-avant, .texte-style .mis-en-avant { font-family: 'Poppins'; display: block; color: #ffffff; position: relative; width: 100%; background: var(--univers-couleur); padding: 20px 30px 20px 30px; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); font-weight: 500; font-size: 17px; margin: 40px 0 50px; } @media (max-width: 992px) { .not-front #main .mis-en-avant, #tinymce .mis-en-avant, .texte-style .mis-en-avant { font-size: 16px; padding: 15px 20px 15px 40px; margin: 30px 0 40px; } .not-front #main .mis-en-avant:before, #tinymce .mis-en-avant:before, .texte-style .mis-en-avant:before { left: 20px; } } @media (max-width: 768px) { .not-front #main .mis-en-avant, #tinymce .mis-en-avant, .texte-style .mis-en-avant { font-size: 15px; margin: 20px 0 30px; } } .not-front #main .mis-en-avant .bouton-couleur, #tinymce .mis-en-avant .bouton-couleur, .texte-style .mis-en-avant .bouton-couleur { background: transparent; color: #000000; border-color: transparent; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .not-front #main .mis-en-avant .bouton-couleur:hover, .not-front #main .mis-en-avant .bouton-couleur:focus, #tinymce .mis-en-avant .bouton-couleur:hover, #tinymce .mis-en-avant .bouton-couleur:focus, .texte-style .mis-en-avant .bouton-couleur:hover, .texte-style .mis-en-avant .bouton-couleur:focus { background: #ffffff; color: var(--univers-couleur); border-color: #ffffff; } .not-front #main .mis-en-avant .bouton-rouge, #tinymce .mis-en-avant .bouton-rouge, .texte-style .mis-en-avant .bouton-rouge { background: transparent; color: #ffffff; border-color: #ffffff; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .not-front #main .mis-en-avant .bouton-rouge:hover, .not-front #main .mis-en-avant .bouton-rouge:focus, #tinymce .mis-en-avant .bouton-rouge:hover, #tinymce .mis-en-avant .bouton-rouge:focus, .texte-style .mis-en-avant .bouton-rouge:hover, .texte-style .mis-en-avant .bouton-rouge:focus { background: #ffffff; color: var(--univers-couleur); border-color: #ffffff; } .not-front #main .mis-en-avant .bouton, #tinymce .mis-en-avant .bouton, .texte-style .mis-en-avant .bouton { background: transparent; color: #000000; border-color: #000000; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .not-front #main .mis-en-avant .bouton:hover, .not-front #main .mis-en-avant .bouton:focus, #tinymce .mis-en-avant .bouton:hover, #tinymce .mis-en-avant .bouton:focus, .texte-style .mis-en-avant .bouton:hover, .texte-style .mis-en-avant .bouton:focus { background: transparent; color: #ffffff; border-color: #ffffff; } .not-front #main .surlignement-univers, #tinymce .surlignement-univers, .texte-style .surlignement-univers { color: #fff; padding-left: 5px; padding-right: 5px; background-color: var(--univers-couleur); background-color: var(--univers-couleur); } .not-front #main .color-univers, #tinymce .color-univers, .texte-style .color-univers { color: var(--univers-couleur); color: var(--univers-couleur); } .not-front #main .uppercase-small, #tinymce .uppercase-small, .texte-style .uppercase-small { text-transform: uppercase; font-size: .875em; } .not-front #main span.bouton a, .not-front #main a.bouton, #tinymce span.bouton a, #tinymce a.bouton, .texte-style span.bouton a, .texte-style a.bouton { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid #000000; min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: #000000; text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .not-front #main span.bouton a:last-of-type, .not-front #main a.bouton:last-of-type, #tinymce span.bouton a:last-of-type, #tinymce a.bouton:last-of-type, .texte-style span.bouton a:last-of-type, .texte-style a.bouton:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .not-front #main span.bouton a, .not-front #main a.bouton, #tinymce span.bouton a, #tinymce a.bouton, .texte-style span.bouton a, .texte-style a.bouton { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .not-front #main span.bouton a, .not-front #main a.bouton, #tinymce span.bouton a, #tinymce a.bouton, .texte-style span.bouton a, .texte-style a.bouton { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .not-front #main span.bouton a, .not-front #main a.bouton, #tinymce span.bouton a, #tinymce a.bouton, .texte-style span.bouton a, .texte-style a.bouton { width: 100%; } } .not-front #main span.bouton a i, .not-front #main a.bouton i, #tinymce span.bouton a i, #tinymce a.bouton i, .texte-style span.bouton a i, .texte-style a.bouton i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .not-front #main span.bouton a i.fas.fa-phone-volume, .not-front #main a.bouton i.fas.fa-phone-volume, #tinymce span.bouton a i.fas.fa-phone-volume, #tinymce a.bouton i.fas.fa-phone-volume, .texte-style span.bouton a i.fas.fa-phone-volume, .texte-style a.bouton i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .not-front #main span.bouton a:active, .not-front #main span.bouton a:hover, .not-front #main span.bouton a:focus, .not-front #main a.bouton:active, .not-front #main a.bouton:hover, .not-front #main a.bouton:focus, #tinymce span.bouton a:active, #tinymce span.bouton a:hover, #tinymce span.bouton a:focus, #tinymce a.bouton:active, #tinymce a.bouton:hover, #tinymce a.bouton:focus, .texte-style span.bouton a:active, .texte-style span.bouton a:hover, .texte-style span.bouton a:focus, .texte-style a.bouton:active, .texte-style a.bouton:hover, .texte-style a.bouton:focus { outline: 0 !important; outline-offset: 0; } .not-front #main span.bouton a:hover, .not-front #main a.bouton:hover, #tinymce span.bouton a:hover, #tinymce a.bouton:hover, .texte-style span.bouton a:hover, .texte-style a.bouton:hover { border: 2px solid var(--univers-couleur); color: var(--univers-couleur); text-decoration: none; } @media (max-width: 992px) { .not-front #main span.bouton a, .not-front #main a.bouton, #tinymce span.bouton a, #tinymce a.bouton, .texte-style span.bouton a, .texte-style a.bouton { margin: 20px auto; } } .not-front #main span.bouton-couleur a, .not-front #main a.bouton-couleur, #tinymce span.bouton-couleur a, #tinymce a.bouton-couleur, .texte-style span.bouton-couleur a, .texte-style a.bouton-couleur { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid #ffffff; min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: #ffffff; text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); border: 1px solid transparent; background-color: var(--univers-couleur); transition: 0.3s ease; } .not-front #main span.bouton-couleur a:last-of-type, .not-front #main a.bouton-couleur:last-of-type, #tinymce span.bouton-couleur a:last-of-type, #tinymce a.bouton-couleur:last-of-type, .texte-style span.bouton-couleur a:last-of-type, .texte-style a.bouton-couleur:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .not-front #main span.bouton-couleur a, .not-front #main a.bouton-couleur, #tinymce span.bouton-couleur a, #tinymce a.bouton-couleur, .texte-style span.bouton-couleur a, .texte-style a.bouton-couleur { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .not-front #main span.bouton-couleur a, .not-front #main a.bouton-couleur, #tinymce span.bouton-couleur a, #tinymce a.bouton-couleur, .texte-style span.bouton-couleur a, .texte-style a.bouton-couleur { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .not-front #main span.bouton-couleur a, .not-front #main a.bouton-couleur, #tinymce span.bouton-couleur a, #tinymce a.bouton-couleur, .texte-style span.bouton-couleur a, .texte-style a.bouton-couleur { width: 100%; } } .not-front #main span.bouton-couleur a i, .not-front #main a.bouton-couleur i, #tinymce span.bouton-couleur a i, #tinymce a.bouton-couleur i, .texte-style span.bouton-couleur a i, .texte-style a.bouton-couleur i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .not-front #main span.bouton-couleur a i.fas.fa-phone-volume, .not-front #main a.bouton-couleur i.fas.fa-phone-volume, #tinymce span.bouton-couleur a i.fas.fa-phone-volume, #tinymce a.bouton-couleur i.fas.fa-phone-volume, .texte-style span.bouton-couleur a i.fas.fa-phone-volume, .texte-style a.bouton-couleur i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .not-front #main span.bouton-couleur a:active, .not-front #main span.bouton-couleur a:hover, .not-front #main span.bouton-couleur a:focus, .not-front #main a.bouton-couleur:active, .not-front #main a.bouton-couleur:hover, .not-front #main a.bouton-couleur:focus, #tinymce span.bouton-couleur a:active, #tinymce span.bouton-couleur a:hover, #tinymce span.bouton-couleur a:focus, #tinymce a.bouton-couleur:active, #tinymce a.bouton-couleur:hover, #tinymce a.bouton-couleur:focus, .texte-style span.bouton-couleur a:active, .texte-style span.bouton-couleur a:hover, .texte-style span.bouton-couleur a:focus, .texte-style a.bouton-couleur:active, .texte-style a.bouton-couleur:hover, .texte-style a.bouton-couleur:focus { outline: 0 !important; outline-offset: 0; } .not-front #main span.bouton-couleur a:hover, .not-front #main a.bouton-couleur:hover, #tinymce span.bouton-couleur a:hover, #tinymce a.bouton-couleur:hover, .texte-style span.bouton-couleur a:hover, .texte-style a.bouton-couleur:hover { border: 2px solid var(--univers-couleur); color: var(--univers-couleur); text-decoration: none; } @media (max-width: 992px) { .not-front #main span.bouton-couleur a, .not-front #main a.bouton-couleur, #tinymce span.bouton-couleur a, #tinymce a.bouton-couleur, .texte-style span.bouton-couleur a, .texte-style a.bouton-couleur { margin: 20px auto; } } .not-front #main span.bouton-couleur a:hover, .not-front #main a.bouton-couleur:hover, #tinymce span.bouton-couleur a:hover, #tinymce a.bouton-couleur:hover, .texte-style span.bouton-couleur a:hover, .texte-style a.bouton-couleur:hover { color: var(--univers-couleur); border: 1px solid var(--univers-couleur); background-color: #ffffff; } .not-front #main span.bouton-rouge a, .not-front #main a.bouton-rouge, #tinymce span.bouton-rouge a, #tinymce a.bouton-rouge, .texte-style span.bouton-rouge a, .texte-style a.bouton-rouge { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid var(--univers-couleur); min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: var(--univers-couleur); text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); border: 1px solid #b1b1b1; transition: 0.3s ease; } .not-front #main span.bouton-rouge a:last-of-type, .not-front #main a.bouton-rouge:last-of-type, #tinymce span.bouton-rouge a:last-of-type, #tinymce a.bouton-rouge:last-of-type, .texte-style span.bouton-rouge a:last-of-type, .texte-style a.bouton-rouge:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .not-front #main span.bouton-rouge a, .not-front #main a.bouton-rouge, #tinymce span.bouton-rouge a, #tinymce a.bouton-rouge, .texte-style span.bouton-rouge a, .texte-style a.bouton-rouge { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .not-front #main span.bouton-rouge a, .not-front #main a.bouton-rouge, #tinymce span.bouton-rouge a, #tinymce a.bouton-rouge, .texte-style span.bouton-rouge a, .texte-style a.bouton-rouge { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .not-front #main span.bouton-rouge a, .not-front #main a.bouton-rouge, #tinymce span.bouton-rouge a, #tinymce a.bouton-rouge, .texte-style span.bouton-rouge a, .texte-style a.bouton-rouge { width: 100%; } } .not-front #main span.bouton-rouge a i, .not-front #main a.bouton-rouge i, #tinymce span.bouton-rouge a i, #tinymce a.bouton-rouge i, .texte-style span.bouton-rouge a i, .texte-style a.bouton-rouge i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .not-front #main span.bouton-rouge a i.fas.fa-phone-volume, .not-front #main a.bouton-rouge i.fas.fa-phone-volume, #tinymce span.bouton-rouge a i.fas.fa-phone-volume, #tinymce a.bouton-rouge i.fas.fa-phone-volume, .texte-style span.bouton-rouge a i.fas.fa-phone-volume, .texte-style a.bouton-rouge i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .not-front #main span.bouton-rouge a:active, .not-front #main span.bouton-rouge a:hover, .not-front #main span.bouton-rouge a:focus, .not-front #main a.bouton-rouge:active, .not-front #main a.bouton-rouge:hover, .not-front #main a.bouton-rouge:focus, #tinymce span.bouton-rouge a:active, #tinymce span.bouton-rouge a:hover, #tinymce span.bouton-rouge a:focus, #tinymce a.bouton-rouge:active, #tinymce a.bouton-rouge:hover, #tinymce a.bouton-rouge:focus, .texte-style span.bouton-rouge a:active, .texte-style span.bouton-rouge a:hover, .texte-style span.bouton-rouge a:focus, .texte-style a.bouton-rouge:active, .texte-style a.bouton-rouge:hover, .texte-style a.bouton-rouge:focus { outline: 0 !important; outline-offset: 0; } .not-front #main span.bouton-rouge a:hover, .not-front #main a.bouton-rouge:hover, #tinymce span.bouton-rouge a:hover, #tinymce a.bouton-rouge:hover, .texte-style span.bouton-rouge a:hover, .texte-style a.bouton-rouge:hover { border: 2px solid #ffffff; color: #ffffff; text-decoration: none; } @media (max-width: 992px) { .not-front #main span.bouton-rouge a, .not-front #main a.bouton-rouge, #tinymce span.bouton-rouge a, #tinymce a.bouton-rouge, .texte-style span.bouton-rouge a, .texte-style a.bouton-rouge { margin: 20px auto; } } .not-front #main span.bouton-rouge a:hover, .not-front #main a.bouton-rouge:hover, #tinymce span.bouton-rouge a:hover, #tinymce a.bouton-rouge:hover, .texte-style span.bouton-rouge a:hover, .texte-style a.bouton-rouge:hover { background-color: var(--univers-couleur); border: 1px solid var(--univers-couleur); } .not-front #main span.bouton-contact a, .not-front #main a.bouton-contact, #tinymce span.bouton-contact a, #tinymce a.bouton-contact, .texte-style span.bouton-contact a, .texte-style a.bouton-contact { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid #000000; min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: #000000; text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); font-size: 14px; border: 1px solid #dadada; transition: 0.3s ease; background-color: #ffffff; font-family: "Poppins", serif; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; font-weight: 500; text-decoration: none; margin: 25px 0 3px; padding: 10px 14px; } .not-front #main span.bouton-contact a:last-of-type, .not-front #main a.bouton-contact:last-of-type, #tinymce span.bouton-contact a:last-of-type, #tinymce a.bouton-contact:last-of-type, .texte-style span.bouton-contact a:last-of-type, .texte-style a.bouton-contact:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .not-front #main span.bouton-contact a, .not-front #main a.bouton-contact, #tinymce span.bouton-contact a, #tinymce a.bouton-contact, .texte-style span.bouton-contact a, .texte-style a.bouton-contact { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .not-front #main span.bouton-contact a, .not-front #main a.bouton-contact, #tinymce span.bouton-contact a, #tinymce a.bouton-contact, .texte-style span.bouton-contact a, .texte-style a.bouton-contact { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .not-front #main span.bouton-contact a, .not-front #main a.bouton-contact, #tinymce span.bouton-contact a, #tinymce a.bouton-contact, .texte-style span.bouton-contact a, .texte-style a.bouton-contact { width: 100%; } } .not-front #main span.bouton-contact a i, .not-front #main a.bouton-contact i, #tinymce span.bouton-contact a i, #tinymce a.bouton-contact i, .texte-style span.bouton-contact a i, .texte-style a.bouton-contact i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .not-front #main span.bouton-contact a i.fas.fa-phone-volume, .not-front #main a.bouton-contact i.fas.fa-phone-volume, #tinymce span.bouton-contact a i.fas.fa-phone-volume, #tinymce a.bouton-contact i.fas.fa-phone-volume, .texte-style span.bouton-contact a i.fas.fa-phone-volume, .texte-style a.bouton-contact i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .not-front #main span.bouton-contact a:active, .not-front #main span.bouton-contact a:hover, .not-front #main span.bouton-contact a:focus, .not-front #main a.bouton-contact:active, .not-front #main a.bouton-contact:hover, .not-front #main a.bouton-contact:focus, #tinymce span.bouton-contact a:active, #tinymce span.bouton-contact a:hover, #tinymce span.bouton-contact a:focus, #tinymce a.bouton-contact:active, #tinymce a.bouton-contact:hover, #tinymce a.bouton-contact:focus, .texte-style span.bouton-contact a:active, .texte-style span.bouton-contact a:hover, .texte-style span.bouton-contact a:focus, .texte-style a.bouton-contact:active, .texte-style a.bouton-contact:hover, .texte-style a.bouton-contact:focus { outline: 0 !important; outline-offset: 0; } .not-front #main span.bouton-contact a:hover, .not-front #main a.bouton-contact:hover, #tinymce span.bouton-contact a:hover, #tinymce a.bouton-contact:hover, .texte-style span.bouton-contact a:hover, .texte-style a.bouton-contact:hover { border: 2px solid #ffffff; color: #ffffff; text-decoration: none; } .not-front #main span.bouton-contact a::before, .not-front #main a.bouton-contact::before, #tinymce span.bouton-contact a::before, #tinymce a.bouton-contact::before, .texte-style span.bouton-contact a::before, .texte-style a.bouton-contact::before { content: '\f0e0'; font-weight: 400; font-family: 'Font Awesome 5 Pro'; font-size: 23px; margin-top: -1px; margin-right: 8px; color: #e6332a; color: var(--univers-couleur); -webkit-transition: 0.3s ease; transition: 0.3s ease; } @media (max-width: 1550px) { .not-front #main span.bouton-contact a, .not-front #main a.bouton-contact, #tinymce span.bouton-contact a, #tinymce a.bouton-contact, .texte-style span.bouton-contact a, .texte-style a.bouton-contact { font-size: 14px; padding: 10px 2px; } .not-front #main span.bouton-contact a:before, .not-front #main a.bouton-contact:before, #tinymce span.bouton-contact a:before, #tinymce a.bouton-contact:before, .texte-style span.bouton-contact a:before, .texte-style a.bouton-contact:before { font-size: 20px; margin-right: 0px; } } @media (max-width: 1200px) { .not-front #main span.bouton-contact a, .not-front #main a.bouton-contact, #tinymce span.bouton-contact a, #tinymce a.bouton-contact, .texte-style span.bouton-contact a, .texte-style a.bouton-contact { margin: 20px auto; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .not-front #main span.bouton-contact a:before, .not-front #main a.bouton-contact:before, #tinymce span.bouton-contact a:before, #tinymce a.bouton-contact:before, .texte-style span.bouton-contact a:before, .texte-style a.bouton-contact:before { margin-right: 20px; } } .not-front #main span.bouton-contact a:hover, .not-front #main a.bouton-contact:hover, #tinymce span.bouton-contact a:hover, #tinymce a.bouton-contact:hover, .texte-style span.bouton-contact a:hover, .texte-style a.bouton-contact:hover { background-color: var(--univers-couleur); border: 1px solid var(--univers-couleur); } .not-front #main span.bouton-contact a:hover:before, .not-front #main a.bouton-contact:hover:before, #tinymce span.bouton-contact a:hover:before, #tinymce a.bouton-contact:hover:before, .texte-style span.bouton-contact a:hover:before, .texte-style a.bouton-contact:hover:before { -webkit-filter: grayscale(1) brightness(0) invert(1); filter: grayscale(1) brightness(0) invert(1); } .not-front #main a.lien-edito-tel, .not-front #main .info-edito-date, #tinymce a.lien-edito-tel, #tinymce .info-edito-date, .texte-style a.lien-edito-tel, .texte-style .info-edito-date { font-family: "Poppins", serif; font-size: 25px; font-weight: 700; color: var(--univers-couleur); position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; margin: 8px 0 3px; } .not-front #main a.lien-edito-tel::before, .not-front #main .info-edito-date::before, #tinymce a.lien-edito-tel::before, #tinymce .info-edito-date::before, .texte-style a.lien-edito-tel::before, .texte-style .info-edito-date::before { content: ''; height: 26px; width: 26px; margin-right: 10px; color: #e6332a; color: var(--univers-couleur); } @media (max-width: 580px) { .not-front #main a.lien-edito-tel, .not-front #main .info-edito-date, #tinymce a.lien-edito-tel, #tinymce .info-edito-date, .texte-style a.lien-edito-tel, .texte-style .info-edito-date { font-size: 22px; } } @media (max-width: 990px) { .not-front #main a.lien-edito-tel, .not-front #main .info-edito-date, #tinymce a.lien-edito-tel, #tinymce .info-edito-date, .texte-style a.lien-edito-tel, .texte-style .info-edito-date { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; } } .not-front #main a.lien-edito-tel::before, #tinymce a.lien-edito-tel::before, .texte-style a.lien-edito-tel::before { content: '\f2a0'; font-weight: 400; font-family: 'Font Awesome 5 Pro'; font-size: 26px; -webkit-transform: translateY(0) rotate(-42deg); transform: translateY(0) rotate(-42deg); margin-top: -9px; margin-left: 4px; } @media (max-width: 580px) { .not-front #main a.lien-edito-tel::before, #tinymce a.lien-edito-tel::before, .texte-style a.lien-edito-tel::before { font-size: 22px; } } .not-front #main a.lien-telechargement, #tinymce a.lien-telechargement, .texte-style a.lien-telechargement { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid var(--univers-couleur); min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: var(--univers-couleur); text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); border: 1px solid #b1b1b1; border-right-color: #f1f1f1; transition: 0.3s ease; margin-right: 3em; } .not-front #main a.lien-telechargement:last-of-type, #tinymce a.lien-telechargement:last-of-type, .texte-style a.lien-telechargement:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .not-front #main a.lien-telechargement, #tinymce a.lien-telechargement, .texte-style a.lien-telechargement { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .not-front #main a.lien-telechargement, #tinymce a.lien-telechargement, .texte-style a.lien-telechargement { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .not-front #main a.lien-telechargement, #tinymce a.lien-telechargement, .texte-style a.lien-telechargement { width: 100%; } } .not-front #main a.lien-telechargement i, #tinymce a.lien-telechargement i, .texte-style a.lien-telechargement i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .not-front #main a.lien-telechargement i.fas.fa-phone-volume, #tinymce a.lien-telechargement i.fas.fa-phone-volume, .texte-style a.lien-telechargement i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .not-front #main a.lien-telechargement:active, .not-front #main a.lien-telechargement:hover, .not-front #main a.lien-telechargement:focus, #tinymce a.lien-telechargement:active, #tinymce a.lien-telechargement:hover, #tinymce a.lien-telechargement:focus, .texte-style a.lien-telechargement:active, .texte-style a.lien-telechargement:hover, .texte-style a.lien-telechargement:focus { outline: 0 !important; outline-offset: 0; } .not-front #main a.lien-telechargement:hover, #tinymce a.lien-telechargement:hover, .texte-style a.lien-telechargement:hover { border: 2px solid #ffffff; color: #ffffff; text-decoration: none; } @media (max-width: 992px) { .not-front #main a.lien-telechargement, #tinymce a.lien-telechargement, .texte-style a.lien-telechargement { margin: 20px auto; } } .not-front #main a.lien-telechargement::before, #tinymce a.lien-telechargement::before, .texte-style a.lien-telechargement::before { display: none; } .not-front #main a.lien-telechargement::after, #tinymce a.lien-telechargement::after, .texte-style a.lien-telechargement::after { content: '\f33d'; font-weight: 400; font-family: 'Font Awesome 5 Pro'; font-size: 26px; position: absolute; left: 100%; width: 2em; top: -1px; bottom: -1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #000; -webkit-transition: 0.3s ease; transition: 0.3s ease; border: 1px solid #b1b1b1; border-left: 0; } @media (max-width: 580px) { .not-front #main a.lien-telechargement::after, #tinymce a.lien-telechargement::after, .texte-style a.lien-telechargement::after { font-size: 22px; } } .not-front #main a.lien-telechargement:hover, #tinymce a.lien-telechargement:hover, .texte-style a.lien-telechargement:hover { background-color: var(--univers-couleur); border: 1px solid var(--univers-couleur); } .not-front #main a.lien-telechargement:hover::after, #tinymce a.lien-telechargement:hover::after, .texte-style a.lien-telechargement:hover::after { color: var(--univers-couleur); border-color: var(--univers-couleur); opacity: 1; } .not-front #main .info-edito-date::before, #tinymce .info-edito-date::before, .texte-style .info-edito-date::before { content: '\f017'; font-weight: 300; font-family: 'Font Awesome 5 Pro'; font-size: 26px; margin-top: 0; margin-left: 0px; } @media (max-width: 580px) { .not-front #main .info-edito-date::before, #tinymce .info-edito-date::before, .texte-style .info-edito-date::before { font-size: 22px; } } .not-front #main .collapseomatic, #tinymce .collapseomatic, .texte-style .collapseomatic { all: unset; position: relative; font-size: 24px; padding: 20px 80px 20px 30px; display: block; cursor: pointer; width: -webkit-calc(100% - 110px); width: calc(100% - 110px); color: var(--univers-couleur); font-weight: 500; -webkit-transition: background 0.3s linear, font-weight 0.1s linear -0.1s; transition: background 0.3s linear, font-weight 0.1s linear -0.1s; overflow: visible; background-color: #f9f9f9; margin-top: var(--envt-border-radius); -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .not-front #main .collapseomatic:first-of-type, #tinymce .collapseomatic:first-of-type, .texte-style .collapseomatic:first-of-type { margin-top: 30px; } .not-front #main .collapseomatic:last-of-type, #tinymce .collapseomatic:last-of-type, .texte-style .collapseomatic:last-of-type { margin-bottom: 30px; } .not-front #main .collapseomatic:before, #tinymce .collapseomatic:before, .texte-style .collapseomatic:before { content: ''; width: 30px; height: 30px; display: inline-block; position: absolute; top: 22px; right: 20px; background-color: #ffffff; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .not-front #main .collapseomatic:after, #tinymce .collapseomatic:after, .texte-style .collapseomatic:after { content: '\f105'; font-family: 'Font Awesome 5 Pro'; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: 30px; color: #929292; position: absolute; top: 38px; right: 30px; font-weight: 500; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .not-front #main .collapseomatic:hover, #tinymce .collapseomatic:hover, .texte-style .collapseomatic:hover { background-color: #ececec; } @media (max-width: 992px) { .not-front #main .collapseomatic, #tinymce .collapseomatic, .texte-style .collapseomatic { padding: 15px 70px 15px 20px; font-size: 18px; width: -webkit-calc(100% - 90px); width: calc(100% - 90px); } .not-front #main .collapseomatic:after, #tinymce .collapseomatic:after, .texte-style .collapseomatic:after { top: 29px; } .not-front #main .collapseomatic:before, #tinymce .collapseomatic:before, .texte-style .collapseomatic:before { width: 24px; height: 24px; display: inline-block; position: absolute; top: 16px; right: 21px; } } @media (max-width: 768px) { .not-front #main .collapseomatic, #tinymce .collapseomatic, .texte-style .collapseomatic { padding: 15px 50px 15px 20px; font-size: 16px; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); } } .not-front #main .colomat-close, #tinymce .colomat-close, .texte-style .colomat-close { margin-bottom: 0px; } .not-front #main .colomat-visited, #tinymce .colomat-visited, .texte-style .colomat-visited { background: #ececec; -webkit-transition: font-weight 0.1s linear; transition: font-weight 0.1s linear; } .not-front #main .colomat-visited:after, #tinymce .colomat-visited:after, .texte-style .colomat-visited:after { -webkit-transform: rotate(90deg) translate(-17px, 1px); transform: rotate(90deg) translate(-17px, 1px); } @media (max-width: 992px) { .not-front #main .colomat-visited:after, #tinymce .colomat-visited:after, .texte-style .colomat-visited:after { -webkit-transform: rotate(90deg) translate(-12px, 1px); transform: rotate(90deg) translate(-12px, 1px); } } .not-front #main .colomat-visited + .collapseomatic_content, #tinymce .colomat-visited + .collapseomatic_content, .texte-style .colomat-visited + .collapseomatic_content { height: auto; padding: 30px; max-height: 100%; -webkit-transition: padding 0.5s ease, max-height 0.5s ease, border-top 0.5s ease; transition: padding 0.5s ease, max-height 0.5s ease, border-top 0.5s ease; } .not-front #main .collapseomatic_content, #tinymce .collapseomatic_content, .texte-style .collapseomatic_content { display: block !important; max-height: 0; padding: 0 30px; overflow: hidden; -webkit-transition: padding 0.5s ease, max-height 0.25s ease, border-top 0.5s ease; transition: padding 0.5s ease, max-height 0.25s ease, border-top 0.5s ease; margin-left: 0px; position: relative; background-color: #ffffff; } .not-front #main .collapseomatic_content:last-of-type, #tinymce .collapseomatic_content:last-of-type, .texte-style .collapseomatic_content:last-of-type { margin-bottom: 0px; } .not-front #main .collapseomatic:last-of-type .collapseomatic_content, #tinymce .collapseomatic:last-of-type .collapseomatic_content, .texte-style .collapseomatic:last-of-type .collapseomatic_content { margin-bottom: 0px; } .not-front #main .collapseomatic:last-of-type.colomat-visited, #tinymce .collapseomatic:last-of-type.colomat-visited, .texte-style .collapseomatic:last-of-type.colomat-visited { border-bottom: 1px solid transparent; } .not-front #main .collapseomatic:last-of-type.colomat-visited + .collapseomatic_content, #tinymce .collapseomatic:last-of-type.colomat-visited + .collapseomatic_content, .texte-style .collapseomatic:last-of-type.colomat-visited + .collapseomatic_content { border-bottom: 1px solid transparent; margin-bottom: 0px; } .not-front #main p.wp-caption-text, #tinymce p.wp-caption-text, .texte-style p.wp-caption-text { font-size: 12px; color: #b1b1b1; font-style: italic; margin-top: 5px; } .not-front #main .legend, #tinymce .legend, .texte-style .legend { font-size: 17px; color: #b1b1b1; font-weight: 400; display: block; line-height: normal; } .not-front #main article[role="article"][class^="post-"] + #rich-content, #tinymce article[role="article"][class^="post-"] + #rich-content, .texte-style article[role="article"][class^="post-"] + #rich-content { display: inline-block; } .not-front #main h2:not(.titre):not(.collapseomatic) { line-height: 1.2em; } .not-front #main h2:not(.titre):not(.collapseomatic):after { margin-top: 25px; } .not-front #main span.bouton-couleur a, .not-front #main span.bouton-rouge a { font-size: 14px; } .not-front #main p:not(.wp-caption-text), .not-front #main li, .not-front #main span, .not-front #main .collapseomatic_content { font-size: 16px; } .not-front #main .legend { font-size: 14px; color: #000000; text-align: center; font-weight: 400; display: block; line-height: normal; position: relative; padding-top: 25px; } .not-front #main .legend strong { color: #000000; font-size: 19px; font-weight: 600; width: 100%; display: block; padding-bottom: 5px; } .not-front #main .legend:before, .not-front #main .legend:after { content: ''; position: absolute; height: 1px; top: 0; } .not-front #main .legend:before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100px; z-index: 1; background-color: #b6b6b6; } .not-front #main .legend:after { margin-top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 30px; z-index: 1; background-color: #e6332a; background-color: var(--univers-couleur); } @media (min-width: 1200px) { .not-front #main [class^="container-"] .row > .custom-col.col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 82.333333%; -ms-flex: 0 0 82.333333%; flex: 0 0 82.333333%; max-width: 82.333333%; } } @media (min-width: 1200px) { .not-front #main [class^="container-"] .row > .custom-col.col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 78%; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; } } @media (min-width: 1200px) { .not-front #main [class^="container-"] .row > .custom-col.col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 60.333333%; -ms-flex: 0 0 60.333333%; flex: 0 0 60.333333%; max-width: 60.333333%; } } @media (min-width: 1200px) { .not-front #main [class^="container-"] .row > .custom-col.col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 22%; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; } } @media (min-width: 1200px) { #colonne-gauche { -webkit-box-flex: 0; -webkit-flex: 0 0 17.666667%; -ms-flex: 0 0 17.666667%; flex: 0 0 17.666667%; max-width: 17.666667%; } } #colonne-gauche #navigation-rapide { position: -webkit-sticky; position: sticky; top: 90px; border: 1px solid #d5d5d5; background-color: #ffffff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); overflow: hidden; } #colonne-gauche #navigation-rapide button.navbar-toggler { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 11px 15px; } #colonne-gauche #navigation-rapide ul#mini-menu { padding-left: 0; margin: 0; } #colonne-gauche #navigation-rapide ul#mini-menu li { margin: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #colonne-gauche #navigation-rapide ul#mini-menu li:before { display: none; } #colonne-gauche #navigation-rapide ul#mini-menu li::first-child { padding-top: 20px; } #colonne-gauche #navigation-rapide ul#mini-menu li::last-child { padding-bottom: 20px; } #colonne-gauche #navigation-rapide ul#mini-menu li a { color: #000000; display: block; width: 100%; font-size: 16px; font-weight: 500; padding: 15px 25px; line-height: 1.15; -webkit-transition: 0.3s ease; transition: 0.3s ease; } #colonne-gauche #navigation-rapide ul#mini-menu li a.is-active { background-color: #e6332a; background-color: var(--univers-couleur); color: #ffffff; } #colonne-gauche #navigation-rapide ul#mini-menu li:hover a { color: #e6332a; color: var(--univers-couleur); background-color: #f5f5f5; text-decoration: none; } @media (max-width: 1550px) { #colonne-gauche #navigation-rapide ul#mini-menu li a { font-size: 15px; font-weight: 500; padding: 12px 19px; } } @media (max-width: 992px) { #colonne-gauche { margin-bottom: 30px; } } #colonne-droite { padding-left: 35px; } @media (max-width: 1400px) { #colonne-droite { margin-top: 0; padding-left: 15px; } } @media (max-width: 1170px) { #colonne-droite:not([class^="col-lg-"]) { margin-top: 40px; } } @media (max-width: 992px) { #colonne-droite { margin-top: 40px; padding-left: 15px; } } #colonne-droite .bloc { margin-top: 15px; margin-bottom: 30px; background-color: #f5f5f5; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); } @media (min-width: 1200px) { #colonne-droite .bloc { margin-top: 0; max-width: 273px; } } #colonne-droite .bloc h3 { margin: 0; margin-top: 0 !important; padding: 15px 20px; background: #e5e5e3; font-size: 20px; line-height: 28px; text-align: center; } @media (min-width: 992px) and (max-width: 1379px) { #colonne-droite .bloc h3 { font-size: 16px; padding-left: 10px; padding-right: 10px; } } @media (min-width: 1380px) and (max-width: 1600px) { #colonne-droite .bloc h3 { font-size: 18px; padding-left: 10px; padding-right: 10px; } } @media (max-width: 992px) { #colonne-droite .bloc h3 { font-size: 18px; line-height: 25px; } } #colonne-droite .bloc .contenu { padding: 20px 20px 20px; font-size: 16px; } #colonne-droite .bloc .contenu * { font-family: "Poppins"; overflow-wrap: break-word; word-wrap: break-word; } #colonne-droite .bloc .contenu .bouton-couleur a, #colonne-droite .bloc .contenu .bouton-rouge a { display: block; width: 100%; padding: 10px 21px; } #colonne-droite .bloc .contenu .bouton-bleu a, #colonne-droite .bloc .contenu .bouton-fichier-bleu a, #colonne-droite .bloc .contenu .bouton-orange a, #colonne-droite .bloc .contenu .bouton-fichier-orange a { font-weight: normal; } #colonne-droite .bloc .contenu p { font-size: 16px; line-height: 1.25em; margin-bottom: 5px; } @media (max-width: 1550px) { #colonne-droite .bloc .contenu p { font-size: 15px; } } #colonne-droite .bloc .contenu strong.titre { margin-bottom: 10px; display: block; text-align: left; } #colonne-droite .bloc .contenu .info-edito-date { font-size: 22px; } #colonne-droite .bloc .contenu .info-edito-date:before { background-size: contain; } #colonne-droite .bloc .contenu p > a.lien-telechargement { text-decoration: none; border-right-color: #e3dfdf; } @media (max-width: 1500px) { #colonne-droite .bloc .contenu p > a.lien-telechargement { padding-left: 0; padding-right: 0; font-size: 14px; } } #colonne-droite .bloc .contenu p > a.lien-telechargement:hover { color: #ffffff; } #colonne-droite .bloc .contenu p > a.lien-edito-tel { font-size: 22px; } #colonne-droite .bloc .contenu p > a.lien-edito-tel:before { background-size: contain; } @media (max-width: 1550px) { #colonne-droite .bloc .contenu p > a.lien-edito-tel { font-size: 19px; } } #colonne-droite .bloc .contenu p > a:not(.lien-edito-tel):not([class^="bouton-"]):not(.lien-telechargement) { font-size: 16px; color: #000000; font-weight: 400; text-decoration: underline; -webkit-transition: 0.3s ease; transition: 0.3s ease; border-bottom: none; } @media (max-width: 1550px) { #colonne-droite .bloc .contenu p > a:not(.lien-edito-tel):not([class^="bouton-"]):not(.lien-telechargement) { font-size: 15px; } } #colonne-droite .bloc .contenu p > a:not(.lien-edito-tel):not([class^="bouton-"]):not(.lien-telechargement):hover { color: #e6332a; color: var(--univers-couleur); text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } /* -------------------- BLOCKS LOOP -------------------- */ .not-front #main #rich-content { /* -------------------- BLOCKS LOOP -------------------- */ width: 100%; } .not-front #main #rich-content [class^="block--bloc"] { padding-top: 40px; padding-bottom: 30px; position: relative; border-bottom: 1px solid #b6b6b6; } .not-front #main #rich-content [class^="block--bloc"]:before, .not-front #main #rich-content [class^="block--bloc"]:after { position: absolute; height: 1px; right: 0; width: 30px; z-index: 1; background-color: #e6332a; background-color: var(--univers-couleur); } .not-front #main #rich-content [class^="block--bloc"]:before { top: -1px; } .not-front #main #rich-content [class^="block--bloc"]:after { content: ''; bottom: -1px; } .not-front #main #rich-content [class^="block--bloc"]:first-of-type { border-top: 1px solid #b6b6b6; margin-top: 33px; } .not-front #main #rich-content [class^="block--bloc"]:first-of-type:before { content: ''; } .not-front #main #rich-content [class^="block--bloc"]:first-of-type:first-child { border-top: 0; margin-top: 0; padding-top: 0; } .not-front #main #rich-content [class^="block--bloc"]:first-of-type:first-child:before { display: none; } .not-front #main #rich-content [class^="block--bloc"]:last-of-type { border: none; } .not-front #main #rich-content [class^="block--bloc"]:last-of-type:before, .not-front #main #rich-content [class^="block--bloc"]:last-of-type:after { display: none; } .not-front #main #rich-content [class^="block--bloc"] h2:first-of-type { margin-top: 0; } .not-front #main #rich-content [class^="block--bloc"] h2 > a { color: #000000; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; font-size: inherit; } .not-front #main #rich-content [class^="block--bloc"] h2 > a:hover { color: var(--univers-couleur); text-decoration: none; } .not-front #main #rich-content [class^="block--bloc"] .texte > h3:first-child { margin-top: 0; } .not-front #main #rich-content [class^="block--bloc"] p { text-align: justify; } .not-front #main #rich-content [class^="block--bloc"] .lien-bloc-contenu { margin-top: 20px; width: 100%; } .not-front #main #rich-content [class^="block--bloc"] .mis-en-avant { margin: 35px 0 35px; } .not-front #main #rich-content .block--bloc_chiffres { padding: 40px 0px 30px; } .not-front #main #rich-content .block--bloc_chiffres h2 { position: relative; margin-top: 0; color: #000000; font-weight: 500; padding-bottom: 20px; } .not-front #main #rich-content .block--bloc_chiffres h2:before, .not-front #main #rich-content .block--bloc_chiffres h2:not(.titre):not(.collapseomatic):after { content: ''; position: absolute; height: 1px; bottom: 0; } .not-front #main #rich-content .block--bloc_chiffres h2:not(.titre):not(.collapseomatic):after { width: 50px; height: 3px; background-color: var(--univers-couleur); } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles.trois_cols .case_chiffre_cle { max-width: 33%; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles.quatre_cols .case_chiffre_cle { max-width: 25%; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle { -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; padding: 8px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .chiffre-cle { color: var(--univers-couleur); font-family: 'Poppins', sans-serif; font-size: 33px; padding: 20px 10px; font-weight: 700; letter-spacing: -2px; margin-right: 10px; min-width: 83px; text-align: center; height: 100%; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 990px) { .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .chiffre-cle { font-size: 28px; } } @media (max-width: 767px) { .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .chiffre-cle { font-size: 20px; } } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .texte_complementaire { font-size: 16px; font-weight: 500; line-height: 1.2em; } @media (max-width: 1600px) { .not-front #main #rich-content .block--bloc_chiffres { padding: 30px 5px 50px; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle { padding: 8px 10px; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .chiffre-cle { font-size: 30px; min-width: 71px; max-height: 75px; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .texte_complementaire { font-size: 16px; line-height: 1.2rem; } } @media (max-width: 768px) { .not-front #main #rich-content .block--bloc_chiffres { padding: 30px 5px 50px; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles.trois_cols .case_chiffre_cle, .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles.quatre_cols .case_chiffre_cle { max-width: 50%; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle { padding: 14px 10px; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .chiffre-cle { font-size: 30px; min-width: 71px; max-height: 75px; } .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles .case_chiffre_cle .texte_complementaire { font-size: 16px; line-height: 1.2rem; } } @media (max-width: 420px) { .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles.trois_cols .case_chiffre_cle, .not-front #main #rich-content .block--bloc_chiffres .liste-chiffres-cles.quatre_cols .case_chiffre_cle { max-width: 100%; } } .not-front #main #rich-content .block--bloc_texte_2_cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front #main #rich-content .block--bloc_texte_2_cols .titre-block, .not-front #main #rich-content .block--bloc_texte_2_cols .titre-block h2 { width: 100%; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1 h2, .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 h2 { margin-top: 0; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1 .citation, .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 .citation { margin: 0 0 25px 0; text-align: center; font-size: 17px; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1 img, .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 img { width: 100%; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1 iframe, .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 iframe { max-width: 100%; height: auto; aspect-ratio: -webkit-calc(4/3); aspect-ratio: calc(4/3); } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1 { width: 50%; padding-right: 15px; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 { width: 50%; padding-left: 15px; } @media (max-width: 992px) { .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1, .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 { width: 100%; padding: 0; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1 .citation, .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 .citation { margin: 0 0 25px 0; text-align: center; font-size: 17px; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--1 iframe, .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 iframe { display: block; margin: 0 auto; } .not-front #main #rich-content .block--bloc_texte_2_cols .colonne--2 { margin-top: 30px; } } .not-front #main #rich-content .block--bloc_n_cols { padding: 30px 0px 20px; } .not-front #main #rich-content .block--bloc_n_cols h2 { position: relative; margin-top: 0; color: #000000; font-weight: 500; padding-bottom: 20px; } .not-front #main #rich-content .block--bloc_n_cols h2:before, .not-front #main #rich-content .block--bloc_n_cols h2:not(.titre):not(.collapseomatic):after { content: ''; position: absolute; height: 1px; bottom: 0; } .not-front #main #rich-content .block--bloc_n_cols h2:not(.titre):not(.collapseomatic):after { width: 50px; height: 3px; background-color: var(--univers-couleur); } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: -15px; margin-right: -15px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne { -webkit-box-flex: 33%; -webkit-flex: 33% 1 0; -ms-flex: 33% 1 0px; flex: 33% 1 0; min-width: 33%; max-width: 35%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .titre p { min-height: 44px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .texte .bouton-rouge a, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .texte a.bouton-rouge { padding-left: 10px; padding-right: 10px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne { -webkit-box-flex: 25%; -webkit-flex: 25% 1 0; -ms-flex: 25% 1 0px; flex: 25% 1 0; max-width: 25%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne.alignement-haut { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne.alignement-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne { -webkit-box-flex: 20%; -webkit-flex: 20% 1 0; -ms-flex: 20% 1 0px; flex: 20% 1 0; max-width: 20%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne.alignement-haut { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne.alignement-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne { padding: 8px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .titre p { text-align: center; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .visuel { margin-bottom: 15px; width: 100%; text-align: center; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .visuel:not(.preserve-ratio-imgs) img { width: 100%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .texte { width: 100%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .texte p { font-size: 16px; text-align: left; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .boutons-comm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 20px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .boutons-comm .bouton-comm { font-size: 14px !important; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .boutons-comm .bouton-telechargement { color: #000000; font-size: 30px; -webkit-transition: 0.3s ease; transition: 0.3s ease; margin-left: 10px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .boutons-comm .bouton-telechargement:hover { text-decoration: none; color: var(--univers-couleur); } @media (max-width: 1600px) { .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 33%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .texte .bouton-rouge a, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .texte a.bouton-rouge { padding-left: 10px; padding-right: 10px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .boutons-comm .bouton-comm { font-size: 13px !important; padding-left: 15px; padding-right: 15px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 33%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 20%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne { padding: 8px 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1401px) and (max-width: 1549px) { .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .titre p { font-size: 16px; min-height: 60px; } } @media (max-width: 1400px) { .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne:not(.picto_cols) { max-width: 50%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne:not(.picto_cols) { max-width: 33%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1200px) { .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; max-width: 35%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .titre p { font-size: 16px; min-height: 60px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne:not(.picto_cols) { max-width: 50%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne:not(.picto_cols) { max-width: 33%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes .bloc-contenu-colonne .boutons-comm .bouton-comm { padding-left: 11px !important; padding-right: 11px !important; margin-top: 0; margin-bottom: 0; } } @media (max-width: 992px) { .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne { padding-left: 20px; padding-right: 20px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne { padding-left: 20px; padding-right: 20px; max-width: 25%; } } @media (max-width: 768px) { .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 50%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne .bouton-comm { font-size: 13px !important; padding-left: 3px; padding-right: 3px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne { max-width: 100%; margin-top: 15px; margin-bottom: 15px; padding-left: 40px; padding-right: 40px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne.picto_cols { max-width: 50%; padding-left: 15px; padding-right: 15px; margin-bottom: 5px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne .bouton-rouge a, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne a.bouton-rouge { font-size: 13px; width: 100%; padding-left: 0; padding-right: 0; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne { max-width: 100%; margin-top: 15px; margin-bottom: 15px; padding-left: 40px; padding-right: 40px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne.picto_cols { max-width: 33%; padding-left: 15px; padding-right: 15px; margin-bottom: 5px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne .bouton-rouge a, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne a.bouton-rouge { font-size: 13px; width: 100%; padding-left: 0; padding-right: 0; } } @media (max-width: 480px) { .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.trois_cols .bloc-contenu-colonne:not(.picto_cols) { max-width: 100%; margin-top: 15px; margin-bottom: 15px; padding-left: 40px; padding-right: 40px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne:not(.picto_cols) { max-width: 100%; margin: 15px auto; padding-left: 30px; padding-right: 30px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne.picto_cols { max-width: 100%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne .bouton-rouge a, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.quatre_cols .bloc-contenu-colonne a.bouton-rouge { margin-top: 3px; margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 100%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne:not(.picto_cols) { max-width: 100%; margin: 15px auto; padding-left: 30px; padding-right: 30px; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne.picto_cols { max-width: 50%; } .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne .bouton-rouge a, .not-front #main #rich-content .block--bloc_n_cols .liste-colonnes.cinq_cols .bloc-contenu-colonne a.bouton-rouge { margin-top: 3px; margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 100%; } } .not-front #main #rich-content .block--bloc_misenavant { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .not-front #main #rich-content .block--bloc_misenavant p { font-size: 25px; font-weight: 800; line-height: 1.5em; } .not-front #main #rich-content .block--bloc_pleine_largeur { padding: 50px 20px 50px; } .not-front #main #rich-content .block--bloc_pleine_largeur p { margin-bottom: 0; } .not-front #main #rich-content .block--bloc_pleine_largeur iframe { max-width: 100%; height: auto; aspect-ratio: -webkit-calc(4/3); aspect-ratio: calc(4/3); } .not-front #main #rich-content::only-child { background-color: green; } /* --------------------- COMMUNS AUX ARCHIVES AVEC CATEGORIES -----------*/ .navigation-categories { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .navigation-categories button.navbar-toggler { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 11px 15px; font-family: "Poppins", sans-serif; font-size: 16px; margin-left: 15px; position: relative; border: 1px solid #d5d5d5; background-color: #ffffff; z-index: 6; } .navigation-categories button.navbar-toggler i { margin-left: 10px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.3s ease; transition: 0.3s ease; } .navigation-categories button.navbar-toggler[aria-expanded="true"]:not(.collapsed) i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .navigation-categories .dropdown-container { position: relative; } .navigation-categories ul#menu--cat-actus { padding-left: 0; margin: 0; position: absolute; left: 15px; right: 0; z-index: 5; background-color: #ffffff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); padding-left: 0; margin: 0; } .navigation-categories ul#menu--cat-actus li { list-style-type: none; margin: 0; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .navigation-categories ul#menu--cat-actus li:before { display: none; } .navigation-categories ul#menu--cat-actus li::first-child { padding-top: 10px; } .navigation-categories ul#menu--cat-actus li::last-child { padding-bottom: 10px; } .navigation-categories ul#menu--cat-actus li a { color: #000000; display: block; width: 100%; font-weight: 500; padding: 14px 25px; font-size: 16px; line-height: 1.15; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .navigation-categories ul#menu--cat-actus li:hover a, .navigation-categories ul#menu--cat-actus li.active a { color: #e6332a; background-color: #f5f5f5; text-decoration: none; } .navigation-categories ul#menu--cat-actus li.active a { font-weight: 600; } @media (max-width: 992px) { .navigation-categories { margin: 0 auto 30px; max-width: 625px; } } @media (max-width: 768px) { .navigation-categories { margin: 0 auto 25px; max-width: 100%; } .navigation-categories strong, .navigation-categories button.navbar-toggler { font-size: 15px; } } @media (max-width: 580px) { .navigation-categories { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .navigation-categories .dropdown-container { margin-top: 15px; } } /* --------------------- MODULE ACTUALITES ------------------------- */ .articles-grid { display: block; margin: 0 auto 30px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } @media (min-width: 992px) { .articles-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } } @media (min-width: 1280px) { .articles-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 992px) { .articles-grid { max-width: 645px; } } .not-front.post-type-archive-actualite, .not-front.taxonomy-category { /*.navigation-categories { position: relative; display: flex; align-items: center; margin-bottom: 30px; button.navbar-toggler { display: flex; justify-content: space-between; align-items: center; padding: 11px 15px; font-family: "Poppins", sans-serif; font-size: 16px; margin-left: 15px; position: relative; border: 1px solid #d5d5d5; background-color: $blanc; z-index: 6; i { margin-left: 10px; transform: rotate(0); transition: $trans; } &[aria-expanded="true"]:not(.collapsed) { i { transform: rotate(90deg); } } } .dropdown-container { position: relative; } ul#menu--cat-actus { padding-left: 0; margin: 0; position: absolute; left: 15px; right: 0; z-index: 5; background-color: $blanc; box-shadow: 0 0 20px rgba(0,0,0,0.16); padding-left: 0; margin: 0; li { margin: 0; transition: $trans; &:before { display: none; } &::first-child { padding-top: 10px; } &::last-child { padding-bottom: 10px; } a { color: $texte; display: block; width: 100%; font-weight: 500; padding: 14px 25px; font-size: 16px; line-height: 1.15; transition: $trans; } &:hover a, &.active a { color: $corail; background-color: $gris_secondire; text-decoration: none; } &.active a { font-weight: 600; } } } @media (max-width: 992px) { margin: 0 auto 30px; max-width: 625px; } @media (max-width: 768px) { margin: 0 auto 25px; max-width: 100%; strong, button.navbar-toggler { font-size: 15px; } } @media (max-width: 580px) { flex-direction: column; .dropdown-container { margin-top: 15px; } } }*/ } .not-front.post-type-archive-actualite .actualite, .not-front.taxonomy-category .actualite { position: relative; overflow: hidden; } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite, .not-front.taxonomy-category .actualite { margin: 0 auto; width: 300px; max-width: 100%; } } .not-front.post-type-archive-actualite .actualite.teaser, .not-front.taxonomy-category .actualite.teaser { overflow: hidden; } .not-front.post-type-archive-actualite .actualite.teaser img, .not-front.taxonomy-category .actualite.teaser img { width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .not-front.post-type-archive-actualite .actualite.teaser.encadre-visuel .contenu, .not-front.post-type-archive-actualite .actualite.teaser .encadre-visuel .contenu, .not-front.taxonomy-category .actualite.teaser.encadre-visuel .contenu, .not-front.taxonomy-category .actualite.teaser .encadre-visuel .contenu { left: 20px; right: 20px; bottom: 20px; } .not-front.post-type-archive-actualite .actualite.teaser .contenu, .not-front.taxonomy-category .actualite.teaser .contenu { position: absolute; z-index: 2; padding: 20px; text-shadow: 1px 1px 3px black; } .not-front.post-type-archive-actualite .actualite.teaser .contenu .date, .not-front.post-type-archive-actualite .actualite.teaser .contenu .titre-actualite, .not-front.taxonomy-category .actualite.teaser .contenu .date, .not-front.taxonomy-category .actualite.teaser .contenu .titre-actualite { font-family: 'Poppins', sans-serif; color: #ffffff; } .not-front.post-type-archive-actualite .actualite.teaser .contenu .date, .not-front.taxonomy-category .actualite.teaser .contenu .date { font-size: 20px; font-weight: 300; margin-bottom: 10px; } .not-front.post-type-archive-actualite .actualite.teaser .contenu .date i, .not-front.taxonomy-category .actualite.teaser .contenu .date i { color: #e6332a; margin-right: 10px; } @media (min-width: 993px) and (max-width: 1400px) { .not-front.post-type-archive-actualite .actualite.teaser .contenu .date, .not-front.taxonomy-category .actualite.teaser .contenu .date { font-size: 17px; } } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite.teaser .contenu .date, .not-front.taxonomy-category .actualite.teaser .contenu .date { font-size: 18px; } } .not-front.post-type-archive-actualite .actualite.teaser .contenu .titre-actualite, .not-front.taxonomy-category .actualite.teaser .contenu .titre-actualite { font-size: 20px; line-height: 1.25; font-weight: 500; } @media (min-width: 993px) and (max-width: 1400px) { .not-front.post-type-archive-actualite .actualite.teaser .contenu .titre-actualite, .not-front.taxonomy-category .actualite.teaser .contenu .titre-actualite { font-size: 16px; } } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite.teaser .contenu .titre-actualite, .not-front.taxonomy-category .actualite.teaser .contenu .titre-actualite { font-size: 18px; } } .not-front.post-type-archive-actualite .actualite.teaser .overlay, .not-front.taxonomy-category .actualite.teaser .overlay { position: absolute; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 30px; opacity: 0; background-color: #f3f4f4; height: 100%; z-index: 8; left: 0; right: 0; top: -100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .not-front.post-type-archive-actualite .actualite.teaser .overlay .contenu, .not-front.taxonomy-category .actualite.teaser .overlay .contenu { position: relative; text-shadow: none; padding: 0; top: unset; bottom: unset; left: unset; right: unset; } .not-front.post-type-archive-actualite .actualite.teaser .overlay .titre-actualite, .not-front.taxonomy-category .actualite.teaser .overlay .titre-actualite { margin-bottom: 15px; color: #000000; font-weight: 500; font-size: 18px; } .not-front.post-type-archive-actualite .actualite.teaser .overlay .date, .not-front.taxonomy-category .actualite.teaser .overlay .date { margin-bottom: 15px; color: #000000; font-size: 16px; } .not-front.post-type-archive-actualite .actualite.teaser .overlay .descriptif-court, .not-front.taxonomy-category .actualite.teaser .overlay .descriptif-court { font-weight: 400; font-size: 16px !important; line-height: 1.2rem; } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite.teaser .overlay .descriptif-court, .not-front.taxonomy-category .actualite.teaser .overlay .descriptif-court { font-size: 15px; } } .not-front.post-type-archive-actualite .actualite.teaser:hover, .not-front.post-type-archive-actualite .actualite.teaser a:hover, .not-front.taxonomy-category .actualite.teaser:hover, .not-front.taxonomy-category .actualite.teaser a:hover { cursor: pointer; text-decoration: none; } .not-front.post-type-archive-actualite .actualite.teaser:hover .overlay, .not-front.post-type-archive-actualite .actualite.teaser a:hover .overlay, .not-front.taxonomy-category .actualite.teaser:hover .overlay, .not-front.taxonomy-category .actualite.teaser a:hover .overlay { top: 0; opacity: 1; } @media (min-width: 993px) { .not-front.post-type-archive-actualite .actualite.teaser:hover img, .not-front.post-type-archive-actualite .actualite.teaser a:hover img, .not-front.taxonomy-category .actualite.teaser:hover img, .not-front.taxonomy-category .actualite.teaser a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } } .not-front.post-type-archive-actualite .actualite.alaune, .not-front.taxonomy-category .actualite.alaune { max-width: 540px; } .not-front.post-type-archive-actualite .actualite.alaune .contenu .titre-actualite, .not-front.taxonomy-category .actualite.alaune .contenu .titre-actualite { font-size: 24px; } @media (min-width: 993px) and (max-width: 1400px) { .not-front.post-type-archive-actualite .actualite.alaune .contenu .titre-actualite, .not-front.taxonomy-category .actualite.alaune .contenu .titre-actualite { font-size: 17px; } } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite.alaune .contenu .titre-actualite, .not-front.taxonomy-category .actualite.alaune .contenu .titre-actualite { font-size: 20px; } } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite.alaune .encadre-visuel, .not-front.taxonomy-category .actualite.alaune .encadre-visuel { display: block; } } @media (min-width: 790px) { .not-front.post-type-archive-actualite .actualite.alaune .visuel, .not-front.taxonomy-category .actualite.alaune .visuel { max-height: 364px; } .not-front.post-type-archive-actualite .actualite.alaune .visuel img, .not-front.taxonomy-category .actualite.alaune .visuel img { width: 540px; } } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite.alaune .visuel img, .not-front.taxonomy-category .actualite.alaune .visuel img { width: 100%; } } .not-front.post-type-archive-actualite .actualite.square, .not-front.taxonomy-category .actualite.square { max-width: 300px; } .not-front.post-type-archive-actualite .actualite, .not-front.taxonomy-category .actualite { margin-left: 10px; margin-right: 10px; margin-bottom: 20px; position: relative; display: inline-block; } .not-front.post-type-archive-actualite .actualite a.lien-global, .not-front.taxonomy-category .actualite a.lien-global { z-index: 2; height: 100%; width: 100%; } .not-front.post-type-archive-actualite .actualite .visuel, .not-front.taxonomy-category .actualite .visuel { z-index: -1; } @media (max-width: 1020px) { .not-front.post-type-archive-actualite .actualite, .not-front.taxonomy-category .actualite { max-width: -webkit-calc(33% - 20px) !important; max-width: calc(33% - 20px) !important; } } @media (max-width: 992px) { .not-front.post-type-archive-actualite .actualite, .not-front.taxonomy-category .actualite { max-width: -webkit-calc(50% - 20px) !important; max-width: calc(50% - 20px) !important; } } @media (max-width: 768px) { .not-front.post-type-archive-actualite .actualite, .not-front.taxonomy-category .actualite { display: block; max-width: 100% !important; width: 300px; margin: 20px auto; } } .single-actualite .actus-infos { margin-top: 20px; margin-bottom: 30px; } .single-actualite .actus-infos .date { font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 300; margin-bottom: 10px; } .single-actualite .actus-infos .date i { color: #e6332a; color: var(--univers-couleur); margin-right: 10px; } .single-actualite .actus-infos .categorie { font-size: 18px; font-weight: 800; } .single-actualite .actus-infos .categorie .label-categories { font-weight: 300; } .single-actualite .navigation-articles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .sharer { float: right; } .sharer .floating-share { position: relative; display: inline-block; margin: 0 0 15px; font-size: 0; } .sharer .floating-share a { font-size: 0 !important; min-width: 0 !important; padding: 10px !important; color: #fff !important; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 0 !important; } .sharer .floating-share a::after { display: none; } .sharer .floating-share a i { font-size: 18px; margin: 0; width: auto; text-align: center; padding: 0 !important; } .sharer .floating-share a:hover { opacity: .75 !important; } .sharer .floating-share .trigger:hover { background-color: var(--univers-couleur) !important; opacity: .75; } .sharer .floating-share .floating-share-deploy { display: none; position: absolute; top: 50%; right: 100%; height: auto; background: var(--univers-couleur); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sharer .floating-share.open .trigger { background-color: var(--univers-couleur) !important; opacity: .75; } .sharer .floating-share.open .floating-share-deploy { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* ---------------------- MODULE EVENEMENTS ------------------------ */ .not-front.post-type-archive-evenement .navigation-categories { margin: 0; } .not-front.post-type-archive-evenement .ligne-criteres-filtrage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .not-front.post-type-archive-evenement #filters-form-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 15px; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin { margin-left: 15px; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut input, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin input { border: 1px solid #d5d5d5; background-color: #ffffff; height: 40px; padding: 8px 3px 8px 9px; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); width: 163px; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid #000000; min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: #000000; text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); font-size: 14px; margin: 0; margin-left: 15px; padding: 10px 12px; max-width: unset; border-radius: var(--envt-border-radius); } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"]:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] { width: 100%; } } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"]:active, .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"]:hover, .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"]:focus { outline: 0 !important; outline-offset: 0; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"]:hover { border: 2px solid #e6332a; color: #e6332a; text-decoration: none; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] { min-width: unset; } .not-front.post-type-archive-evenement #filters-form-container #clearfilter-button { margin-left: 10px; font-size: 14px; margin-left: 15px; padding: 0; max-width: unset; border: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; background-color: transparent; } .not-front.post-type-archive-evenement #filters-form-container #clearfilter-button:hover { color: #e6332a; } @media (max-width: 1400px) { .not-front.post-type-archive-evenement .navigation-categories { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .not-front.post-type-archive-evenement .navigation-categories > strong { margin-bottom: 10px; } .not-front.post-type-archive-evenement .navigation-categories .dropdown-container button { font-size: 15px; } .not-front.post-type-archive-evenement .ligne-criteres-filtrage { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .not-front.post-type-archive-evenement #filters-form-container { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: unset; -webkit-flex-grow: unset; -ms-flex-positive: unset; flex-grow: unset; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form { margin-left: 20px; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut label, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut input, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin label, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin input { font-size: 15px; } } @media (max-width: 1200px) { .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"], .not-front.post-type-archive-evenement #filters-form-container #clearfilter-button { font-size: 14px; padding: 10px 12px; max-width: unset; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"] { min-width: unset; margin-left: 15px; font-size: 14px; } .not-front.post-type-archive-evenement #filters-form-container #clearfilter-button { margin-left: 10px; min-width: 120px; font-size: 14px; } } @media (max-width: 992px) { .not-front.post-type-archive-evenement .navigation-categories { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .not-front.post-type-archive-evenement .navigation-categories > strong { margin-bottom: 0; } .not-front.post-type-archive-evenement .ligne-criteres-filtrage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 30px; } .not-front.post-type-archive-evenement #filters-form-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form { margin-left: 0; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut { margin-left: 0; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut input, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin input { height: 40px; padding: 8px 3px 8px 9px; width: 163px; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"], .not-front.post-type-archive-evenement #filters-form-container #clearfilter-button { font-size: 14px; margin: 0; margin-left: 15px; padding: 10px 12px; max-width: unset; } .not-front.post-type-archive-evenement #filters-form-container #clearfilter-button { margin-left: 10px; min-width: 120px; } } @media (max-width: 768px) { .not-front.post-type-archive-evenement .navigation-categories { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .not-front.post-type-archive-evenement .navigation-categories > strong { margin-bottom: 0; } .not-front.post-type-archive-evenement .ligne-criteres-filtrage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 30px; } .not-front.post-type-archive-evenement #filters-form-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; margin-left: 0; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 0; width: 100%; margin-bottom: 10px; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut { margin-left: 0; margin-right: 15px; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 0; margin-bottom: 15px; width: -webkit-calc(50% - 15px); width: calc(50% - 15px); } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut input, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin input { width: 100%; } .not-front.post-type-archive-evenement #filters-form-container .bouton[type="submit"], .not-front.post-type-archive-evenement #filters-form-container #clearfilter-button { width: 100%; margin-left: 0; } } @media (max-width: 470px) { .not-front.post-type-archive-evenement .navigation-categories { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: 0 auto 20px; } .not-front.post-type-archive-evenement .navigation-categories > strong { margin-bottom: 0; } .not-front.post-type-archive-evenement .navigation-categories .dropdown-container button { margin-left: 0; } } @media (max-width: 390px) { .not-front.post-type-archive-evenement #filters-form-container form#filters-form { margin-bottom: 10px; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut { margin-right: 0; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-left: 0; margin-bottom: 15px; width: 100%; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut label, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin label { width: 114px; } .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-debut input, .not-front.post-type-archive-evenement #filters-form-container form#filters-form .input--date-fin input { width: 161px; } } .not-front.post-type-archive-evenement .evenement { position: relative; font-family: 'Poppins', sans-serif; } @media (max-width: 992px) { .not-front.post-type-archive-evenement .evenement { margin: 0 auto; max-width: 100%; } } .not-front.post-type-archive-evenement .evenement.teaser .dates, .not-front.post-type-archive-evenement .evenement.evenement-infos .dates { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 300; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'Poppins', sans-serif; color: #e6332a; color: var(--univers-couleur); font-weight: 600; } .not-front.post-type-archive-evenement .evenement.teaser .dates i, .not-front.post-type-archive-evenement .evenement.evenement-infos .dates i { color: #e6332a; margin-right: 10px; } .not-front.post-type-archive-evenement .evenement.teaser .dates .tiret-dates, .not-front.post-type-archive-evenement .evenement.evenement-infos .dates .tiret-dates { margin: 0 8px; } @media (min-width: 993px) and (max-width: 1400px) { .not-front.post-type-archive-evenement .evenement.teaser .dates, .not-front.post-type-archive-evenement .evenement.evenement-infos .dates { font-size: 18px; } } @media (max-width: 992px) { .not-front.post-type-archive-evenement .evenement.teaser .dates, .not-front.post-type-archive-evenement .evenement.evenement-infos .dates { font-size: 17px; } } .not-front.post-type-archive-evenement .evenement.teaser { overflow: hidden; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .not-front.post-type-archive-evenement .evenement.teaser img { width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .not-front.post-type-archive-evenement .evenement.teaser.encadre-visuel, .not-front.post-type-archive-evenement .evenement.teaser .encadre-visuel { position: relative; overflow: hidden; max-height: 250px; } .not-front.post-type-archive-evenement .evenement.teaser.encadre-visuel .contenu, .not-front.post-type-archive-evenement .evenement.teaser .encadre-visuel .contenu { left: 20px; right: 20px; bottom: 20px; } .not-front.post-type-archive-evenement .evenement.teaser .titre-evenement { font-family: 'Poppins', sans-serif; color: #000000; } .not-front.post-type-archive-evenement .evenement.teaser .dates { font-size: 20px; margin-bottom: 10px; } @media (min-width: 993px) and (max-width: 1400px) { .not-front.post-type-archive-evenement .evenement.teaser .dates { font-size: 18px; } } @media (max-width: 992px) { .not-front.post-type-archive-evenement .evenement.teaser .dates { font-size: 17px; } } .not-front.post-type-archive-evenement .evenement.teaser .titre-evenement { font-size: 20px; line-height: 1.25; font-weight: 500; } @media (min-width: 993px) and (max-width: 1400px) { .not-front.post-type-archive-evenement .evenement.teaser .titre-evenement { font-size: 20px; } } @media (max-width: 992px) { .not-front.post-type-archive-evenement .evenement.teaser .titre-evenement { font-size: 18px; } } .not-front.post-type-archive-evenement .evenement.teaser .contenu { z-index: 2; padding: 20px; } .not-front.post-type-archive-evenement .evenement.teaser .overlay { position: absolute; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 30px; opacity: 0; background-color: #f3f4f4; height: 100%; z-index: 8; left: 0; right: 0; top: -100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .not-front.post-type-archive-evenement .evenement.teaser .overlay .contenu-overlay { width: 100%; } .not-front.post-type-archive-evenement .evenement.teaser .overlay .titre-evenement { margin-bottom: 15px; } .not-front.post-type-archive-evenement .evenement.teaser .overlay .dates { margin-bottom: 25px; } .not-front.post-type-archive-evenement .evenement.teaser .overlay .descriptif-court { font-weight: 400; font-size: 16px !important; line-height: 1.2rem; } @media (max-width: 992px) { .not-front.post-type-archive-evenement .evenement.teaser .overlay .descriptif-court { font-size: 15px; } } .not-front.post-type-archive-evenement .evenement.teaser:hover, .not-front.post-type-archive-evenement .evenement.teaser a:hover { cursor: pointer; text-decoration: none; } .not-front.post-type-archive-evenement .evenement.teaser:hover .overlay, .not-front.post-type-archive-evenement .evenement.teaser a:hover .overlay { top: 0; opacity: 1; } .not-front.post-type-archive-evenement .evenement { width: 31%; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; position: relative; display: inline-block; } .not-front.post-type-archive-evenement .evenement a.lien-global { z-index: 2; height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .not-front.post-type-archive-evenement .evenement .visuel { z-index: -1; } @media (max-width: 1350px) { .not-front.post-type-archive-evenement .evenement { width: 47%; } } @media (max-width: 992px) { .not-front.post-type-archive-evenement .evenement { width: 62%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 35px; } } @media (max-width: 768px) { .not-front.post-type-archive-evenement .evenement { width: 100%; } } .actu-event { position: relative; font-family: 'Poppins', sans-serif; } @media (max-width: 992px) { .actu-event { margin: 0 auto; max-width: 100%; } } .actu-event.teaser { overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background: #fff; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); overflow: hidden; } .actu-event.teaser .dates, .actu-event.teaser .title, .actu-event.teaser .actu-type { font-family: 'Poppins', sans-serif; } .actu-event.teaser .actu-type, .actu-event.teaser .dates, .actu-event.teaser .resume, .actu-event.teaser .lien { font-size: 12px; line-height: 18px; } .actu-event.teaser .actu-type, .actu-event.teaser .dates { text-transform: uppercase; } .actu-event.teaser .dates { font-weight: 500; } .actu-event.teaser .actu-type { font-weight: 700; } .actu-event.teaser .resume { font-weight: 400; display: block; } .actu-event.teaser .visuel { position: relative; } .actu-event.teaser .visuel img { width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 0; aspect-ratio: -webkit-calc(320 / 300); aspect-ratio: calc(320 / 300); -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; display: block; } .actu-event.teaser .visuel .actu-type { position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; -webkit-border-radius: 30px; border-radius: 30px; padding: 2px 10px; min-width: 80px; text-align: center; } .actu-event.teaser .dates { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; gap: 5px; } .actu-event.teaser .dates, .actu-event.teaser .dates i { color: #e6332a; color: var(--univers-couleur); } .actu-event.teaser .title { font-size: 14px; line-height: 1.25; font-weight: 900; } .actu-event.teaser .title, .actu-event.teaser .title a, .actu-event.teaser .title a:hover { color: #000000; } .actu-event.teaser .title a::before { content: ''; z-index: 10; position: absolute; display: block; top: 0; right: 0; left: 0; bottom: 0; } .actu-event.teaser .contenu { z-index: 2; padding: 15px; } .actu-event.teaser .overlay { position: absolute; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 15px; opacity: 0; background-color: #fff; height: 100%; z-index: 8; left: 0; right: 0; top: -100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .actu-event.teaser .overlay .contenu-overlay { width: 100%; } .actu-event.teaser .overlay .title { margin-bottom: 15px; } .actu-event.teaser .overlay .dates { margin-bottom: 15px; } .actu-event.teaser:hover, .actu-event.teaser a:hover { cursor: pointer; text-decoration: none; } .actu-event.teaser:hover .overlay, .actu-event.teaser a:hover .overlay { top: 0; opacity: 1; } .slider-actus { margin-top: 30px; margin-bottom: 30px; } .slider-actus:not(.slick-initialized) .slide:not(:first-child) { display: none; } .slider-actus.slick-initialized { margin-top: 30px; margin-bottom: 60px; --slick-arrow-offset: 15px; --slick-arrow-size: 35px; } @media (min-width: 768px) { .slider-actus.slick-initialized { margin-top: 90px; margin-bottom: var(--slick-arrow-size); } } @media (min-width: 768px) { .slider-actus.slick-initialized { --slick-arrow-offset: 45px; } } @media (min-width: 990px) { .slider-actus.slick-initialized { --slick-arrow-offset: 10vw; } } @media (min-width: 1200px) { .slider-actus.slick-initialized { --slick-arrow-size: 40px; } } @media (min-width: 1400px) { .slider-actus.slick-initialized { --slick-arrow-offset: 15vw; } } .slider-actus.slick-initialized .slick-arrow { top: 100%; -webkit-transform: none; transform: none; width: var(--slick-arrow-size); height: var(--slick-arrow-size); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.4); border: 2px solid var(--univers-couleur); color: #000; font-size: 15px; } .slider-actus.slick-initialized .slick-arrow:hover { background-color: var(--univers-couleur); color: #fff; } .slider-actus.slick-initialized .slick-arrow.arrow-next { right: -webkit-calc(var(--slick-arrow-offset) + 0px); right: calc(var(--slick-arrow-offset) + 0px); } .slider-actus.slick-initialized .slick-arrow.arrow-prev { right: -webkit-calc(var(--slick-arrow-offset) + var(--slick-arrow-size) * 1.5); right: calc(var(--slick-arrow-offset) + var(--slick-arrow-size) * 1.5); } .slider-actus.slick-initialized .slick-track { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .slider-actus.slick-initialized .slide { padding: 20px 10px; float: none; height: auto; } .slider-actus.slick-initialized .slide .actu-event { height: 100%; } @media (min-width: 990px) { .slider-actus.slick-initialized .slide { padding-top: 90px; padding-bottom: 20px; } .slider-actus.slick-initialized .slide.slide-count--1 { padding-top: 20px; padding-bottom: 90px; } } .single-evenement .evenement { position: relative; font-family: 'Poppins', sans-serif; } @media (max-width: 992px) { .single-evenement .evenement { margin: 0 auto; max-width: 100%; } } .single-evenement .evenement.teaser .dates, .single-evenement .evenement.evenement-infos .dates { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 300; margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'Poppins', sans-serif; color: #e6332a; color: var(--univers-couleur); font-weight: 600; } .single-evenement .evenement.teaser .dates i, .single-evenement .evenement.evenement-infos .dates i { color: #e6332a; margin-right: 10px; } .single-evenement .evenement.teaser .dates .tiret-dates, .single-evenement .evenement.evenement-infos .dates .tiret-dates { margin: 0 8px; } @media (min-width: 993px) and (max-width: 1400px) { .single-evenement .evenement.teaser .dates, .single-evenement .evenement.evenement-infos .dates { font-size: 18px; } } @media (max-width: 992px) { .single-evenement .evenement.teaser .dates, .single-evenement .evenement.evenement-infos .dates { font-size: 17px; } } .single-evenement .evenement.teaser { overflow: hidden; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .single-evenement .evenement.teaser img { width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .single-evenement .evenement.teaser.encadre-visuel, .single-evenement .evenement.teaser .encadre-visuel { position: relative; overflow: hidden; max-height: 250px; } .single-evenement .evenement.teaser.encadre-visuel .contenu, .single-evenement .evenement.teaser .encadre-visuel .contenu { left: 20px; right: 20px; bottom: 20px; } .single-evenement .evenement.teaser .titre-evenement { font-family: 'Poppins', sans-serif; color: #000000; } .single-evenement .evenement.teaser .dates { font-size: 20px; margin-bottom: 10px; } @media (min-width: 993px) and (max-width: 1400px) { .single-evenement .evenement.teaser .dates { font-size: 18px; } } @media (max-width: 992px) { .single-evenement .evenement.teaser .dates { font-size: 17px; } } .single-evenement .evenement.teaser .titre-evenement { font-size: 20px; line-height: 1.25; font-weight: 500; } @media (min-width: 993px) and (max-width: 1400px) { .single-evenement .evenement.teaser .titre-evenement { font-size: 20px; } } @media (max-width: 992px) { .single-evenement .evenement.teaser .titre-evenement { font-size: 18px; } } .single-evenement .evenement.teaser .contenu { z-index: 2; padding: 20px; } .single-evenement .evenement.teaser .overlay { position: absolute; -webkit-transition: 0.3s ease; transition: 0.3s ease; padding: 30px; opacity: 0; background-color: #f3f4f4; height: 100%; z-index: 8; left: 0; right: 0; top: -100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .single-evenement .evenement.teaser .overlay .contenu-overlay { width: 100%; } .single-evenement .evenement.teaser .overlay .titre-evenement { margin-bottom: 15px; } .single-evenement .evenement.teaser .overlay .dates { margin-bottom: 25px; } .single-evenement .evenement.teaser .overlay .descriptif-court { font-weight: 400; font-size: 16px !important; line-height: 1.2rem; } @media (max-width: 992px) { .single-evenement .evenement.teaser .overlay .descriptif-court { font-size: 15px; } } .single-evenement .evenement.teaser:hover, .single-evenement .evenement.teaser a:hover { cursor: pointer; text-decoration: none; } .single-evenement .evenement.teaser:hover .overlay, .single-evenement .evenement.teaser a:hover .overlay { top: 0; opacity: 1; } .single-evenement .evenement-infos { margin-top: 20px; margin-bottom: 30px; } .single-evenement .evenement-infos .dates { font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 300; margin-bottom: 10px; } .single-evenement .evenement-infos .dates i { color: #e6332a; color: var(--univers-couleur); margin-right: 10px; } .single-evenement .evenement-infos .categorie { font-size: 18px; font-weight: 800; margin-bottom: 10px; } .single-evenement .evenement-infos .categorie .label-categories { font-weight: 300; } .single-evenement #map { margin-top: 30px; } .single-evenement #map .leaflet-map { z-index: -0; } .single-evenement #map .leaflet-map a { font-size: 12px; color: #000000; font-weight: 400; } .single-evenement #map .leaflet-map a.leaflet-control-zoom-in, .single-evenement #map .leaflet-map a.leaflet-control-zoom-out { font-size: 20px; font-weight: 600; color: #000000; line-height: 1.6em; } .single-evenement .navigation-articles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .single-evenement #liens-evenements { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .single-evenement #liens-evenements a { text-decoration: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .single-evenement #liens-evenements a:hover { color: #cf2118; color: #000000; } .single-evenement #liens-evenements .precedent i { margin-right: 5px; } .single-evenement #liens-evenements .tous-evenements { text-align: center; } .single-evenement #liens-evenements .tous-evenements a.bouton-rouge { padding: 10px 19px; margin: 0; } .single-evenement #liens-evenements .suivant { text-align: right; } .single-evenement #liens-evenements .suivant i { margin-left: 5px; } @media (max-width: 768px) { .single-evenement #liens-evenements { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .single-evenement #liens-evenements .precedent, .single-evenement #liens-evenements .suivant { width: auto; max-width: 300px; margin: 0 auto; text-align: center; } .single-evenement #liens-evenements .precedent a, .single-evenement #liens-evenements .suivant a { font-size: 0; } .single-evenement #liens-evenements .precedent a i, .single-evenement #liens-evenements .suivant a i { font-size: 20px; } .single-evenement #liens-evenements .tous-evenements a.bouton-rouge { margin: 20px auto; } } /* ----------------------MODULE UNITES DE RECHERCHE-----------------------*/ .not-front.post-type-archive-unite_recherche #rich-content { margin-top: 20px; margin-bottom: 30px; } .not-front.post-type-archive-unite_recherche #rich-content .block--bloc_chiffres { margin: 0; } .not-front.post-type-archive-unite_recherche #rich-content .block--bloc_pleine_largeur { padding: 50px 20px 50px; } .not-front.post-type-archive-unite_recherche #rich-content .block--bloc_pleine_largeur p { margin-bottom: 0; } .not-front.post-type-archive-unite_recherche #rich-content .block--bloc_pleine_largeur iframe { max-width: 100%; height: auto; aspect-ratio: -webkit-calc(4/3); aspect-ratio: calc(4/3); } .not-front.post-type-archive-unite_recherche .unites { margin: 20px 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front.post-type-archive-unite_recherche .unites .unite { width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 8px; margin-bottom: 20px; } .not-front.post-type-archive-unite_recherche .unites .unite .visuel { max-height: 250px; overflow: hidden; } .not-front.post-type-archive-unite_recherche .unites .unite .visuel img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease; transition: 0.3s ease; } .not-front.post-type-archive-unite_recherche .unites .unite .infos { width: 100%; padding: 15px; text-align: center; } .not-front.post-type-archive-unite_recherche .unites .unite .infos .titre { font-family: 'Poppins'; font-size: 20px !important; display: block; width: 100%; text-align: center !important; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .not-front.post-type-archive-unite_recherche .unites .unite .infos .descriptif-court, .not-front.post-type-archive-unite_recherche .unites .unite .infos .descriptif-court span { display: block; font-weight: 400; width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-size: 14px !important; line-height: 1.3rem !important; } .not-front.post-type-archive-unite_recherche .unites .unite:hover .visuel img { -webkit-transform: scale(1.12); transform: scale(1.12); } .not-front.post-type-archive-unite_recherche .unites .unite:hover a { text-decoration: none; } .not-front.post-type-archive-unite_recherche .unites .unite:hover .infos .titre, .not-front.post-type-archive-unite_recherche .unites .unite:hover .infos .titre span, .not-front.post-type-archive-unite_recherche .unites .unite:hover .infos .descriptif-court, .not-front.post-type-archive-unite_recherche .unites .unite:hover .infos .descriptif-court span { color: #a2c617; } @media (max-width: 1200px) { .not-front.post-type-archive-unite_recherche .unites .unite { width: 33%; } } @media (max-width: 992px) { .not-front.post-type-archive-unite_recherche .unites .unite { width: 33%; } } @media (max-width: 768px) { .not-front.post-type-archive-unite_recherche .unites .unite { width: 50%; } } @media (max-width: 580px) { .not-front.post-type-archive-unite_recherche .unites .unite { width: 100%; } .not-front.post-type-archive-unite_recherche .unites .unite .infos { width: auto; } } .not-front.single-unite_recherche #colonne-droite { padding-left: 20px; } .not-front.single-unite_recherche .line-intro .logo-unite { display: inline-block; float: left; padding: 0 20px 20px 0; max-width: 300px; } @media (max-width: 768px) { .not-front.single-unite_recherche .line-intro .logo-unite { width: 100%; display: block; text-align: center; margin-bottom: 15px; } } .not-front.single-unite_recherche .paragraphe--tutelles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front.single-unite_recherche .paragraphe--tutelles .tutelle { padding: 0 20px; width: 25%; max-width: 250px; margin-top: 10px; } .not-front.single-unite_recherche .paragraphe--tutelles .tutelle img { max-width: 300px; width: 100%; } .not-front.single-unite_recherche .paragraphe--tutelles .tutelle a, .not-front.single-unite_recherche .paragraphe--tutelles .tutelle a:hover { text-decoration: none; border-bottom: none !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; } @media (max-width: 992px) { .not-front.single-unite_recherche .paragraphe--tutelles .tutelle { width: 25%; margin: 0 auto 30px auto; } } @media (max-width: 768px) { .not-front.single-unite_recherche .paragraphe--tutelles { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .not-front.single-unite_recherche .paragraphe--tutelles .tutelle { width: 100%; margin: 30px auto 30px auto; } .not-front.single-unite_recherche .paragraphe--tutelles .tutelle img { max-width: 250px; } } .not-front.single-unite_recherche .paragraphe--equipes-intro { width: 100%; margin-top: 60px; } .not-front.single-unite_recherche .zone-bouton-lien-site { margin: 30px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } @media (max-width: 768px) { .not-front.single-unite_recherche .zone-bouton-lien-site .bouton.lien-site-unite { max-width: unset !important; } } .not-front.single-unite_recherche [class^="paragraphe--"]:not(.paragraphe--equipes-intro):not(.paragraphe--descriptif-long) { padding-bottom: 30px; position: relative; /*border-bottom: 1px solid #b6b6b6; &:after { content: ''; bottom: -1px; position: absolute; height: 1px; right: 0; width: 30px; z-index: 1; background-color: $univers_recherche; } &:first-of-type { padding-top: 0; } &:last-of-type { border-bottom: none; &:after { display: none; } }*/ } .not-front.single-unite_recherche #content h2:not(.collapseomatic) { width: 100%; } .not-front.single-unite_recherche #content h2:not(.collapseomatic):first-of-type { margin-top: 0; } .not-front.single-unite_recherche #content h2:not(.collapseomatic) > a { color: #000000; -webkit-transition: 0.3s ease; transition: 0.3s ease; font-weight: 500; font-size: inherit; } .not-front.single-unite_recherche #content h2:not(.collapseomatic) > a:hover { color: #a2c617; text-decoration: none; } .not-front.single-unite_recherche .liste-chercheurs { margin: 20px 0 0 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .not-front.single-unite_recherche .liste-chercheurs .chercheur { width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 8px; margin-bottom: 20px; } .not-front.single-unite_recherche .liste-chercheurs .chercheur .visuel { overflow: hidden; position: relative; } .not-front.single-unite_recherche .liste-chercheurs .chercheur .visuel::before { content: ''; display: block; padding-top: 119.82379%; } .not-front.single-unite_recherche .liste-chercheurs .chercheur .visuel img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .not-front.single-unite_recherche .liste-chercheurs .chercheur .infos { width: 100%; padding: 15px; text-align: center; } .not-front.single-unite_recherche .liste-chercheurs .chercheur .infos .titre { font-family: 'Poppins'; font-size: 18px !important; display: block; text-align: center !important; width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .not-front.single-unite_recherche .liste-chercheurs .chercheur .infos .poste { font-weight: 400; display: block; width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .not-front.single-unite_recherche .liste-chercheurs .chercheur:hover .visuel img { -webkit-transform: scale(1.12); transform: scale(1.12); } .not-front.single-unite_recherche .liste-chercheurs .chercheur:hover a { text-decoration: none; } .not-front.single-unite_recherche .liste-chercheurs .chercheur:hover .infos .titre, .not-front.single-unite_recherche .liste-chercheurs .chercheur:hover .infos .poste { color: #a2c617; } @media (max-width: 1200px) { .not-front.single-unite_recherche .liste-chercheurs .chercheur { width: 33%; } } @media (max-width: 992px) { .not-front.single-unite_recherche .liste-chercheurs .chercheur { width: 50%; } } @media (max-width: 768px) { .not-front.single-unite_recherche .liste-chercheurs { margin-top: 35px; } .not-front.single-unite_recherche .liste-chercheurs .chercheur { width: 100%; max-width: 294px; margin-left: auto; margin-right: auto; } } @media (max-width: 1250px) { .not-front.single-unite_recherche .left-c .chercheur { width: 33%; } } @media (max-width: 768px) { .not-front.single-unite_recherche .left-c { margin-top: 35px; } .not-front.single-unite_recherche .left-c .chercheur { width: 100%; max-width: 294px; margin-left: auto; margin-right: auto; } } .not-front.single-unite_recherche .both-c .chercheur, .not-front.single-unite_recherche .right-c .chercheur { width: 25%; } @media (max-width: 768px) { .not-front.single-unite_recherche .both-c, .not-front.single-unite_recherche .right-c { margin-top: 35px; } .not-front.single-unite_recherche .both-c .chercheur, .not-front.single-unite_recherche .right-c .chercheur { width: 100%; max-width: 294px; margin-left: auto; margin-right: auto; } } .not-front.single-chercheur #bloc-infos-chercheur { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 50px; } .not-front.single-chercheur #bloc-infos-chercheur .visuel { max-width: 300px; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } @media (min-width: 1600px) { .not-front.single-chercheur #bloc-infos-chercheur .visuel.visuel-default { width: 276px; height: 304px; overflow: hidden; } .not-front.single-chercheur #bloc-infos-chercheur .visuel.visuel-default img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .not-front.single-chercheur #bloc-infos-chercheur .infos { -webkit-box-flex: 100; -webkit-flex-grow: 100; -ms-flex-positive: 100; flex-grow: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 50px; } .not-front.single-chercheur #bloc-infos-chercheur .infos:only-child { margin-left: 0; } .not-front.single-chercheur #bloc-infos-chercheur .infos h1 { font-weight: 600; } .not-front.single-chercheur #bloc-infos-chercheur .infos .fonction, .not-front.single-chercheur #bloc-infos-chercheur .infos .fonction p { font-family: "Poppins", serif; font-size: 22px; font-weight: 500; line-height: 1.3em; margin-bottom: 10px; margin-top: 10px; } .not-front.single-chercheur #bloc-infos-chercheur .infos .contact .span-contact { font-size: 25px; font-weight: 500; display: inline-block; line-height: 39px; vertical-align: middle; } .not-front.single-chercheur #bloc-infos-chercheur .infos .contact .infos-contact { margin-bottom: 10px; } .not-front.single-chercheur #bloc-infos-chercheur .infos .contact .bouton-email-zone { margin-top: 6px; margin-bottom: 10px; } .not-front.single-chercheur #bloc-infos-chercheur .infos .contact .boutons .bouton { font-size: 12px; padding: 10px 15px; width: auto; min-width: 100px; margin-bottom: 5px; } @media (max-width: 992px) { .not-front.single-chercheur #bloc-infos-chercheur .infos .contact .boutons .bouton { margin-top: 5px; margin-bottom: 5px; } } @media (max-width: 992px) { .not-front.single-chercheur #bloc-infos-chercheur { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .not-front.single-chercheur #bloc-infos-chercheur .visuel { margin-left: 50px; margin-right: 50px; margin-bottom: 20px; } .not-front.single-chercheur #bloc-infos-chercheur .infos { margin-left: 50px; margin-right: 50px; } } @media (max-width: 768px) { .not-front.single-chercheur #bloc-infos-chercheur { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .not-front.single-chercheur #bloc-infos-chercheur .visuel { margin: 0 auto 20px; } .not-front.single-chercheur #bloc-infos-chercheur .visuel img { width: 100%; } .not-front.single-chercheur #bloc-infos-chercheur .infos { margin-left: 25px; margin-right: 25px; } } /*--------------LISTES--------------*/ .pagination { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .pagination .page-numbers { padding: 5px 11px; border: 1px solid #e5e5e3; color: #000000; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .pagination .page-numbers:first-child { border-right: none; } .pagination .page-numbers:last-child { border-left: none; } .pagination .page-numbers.current { background-color: #e6332a; background-color: var(--univers-couleur); border-color: var(--univers-couleur); color: #ffffff; } .pagination .page-numbers:not(.current):hover { background-color: #dd231a; background-color: var(--univers-couleur); border-color: var(--univers-couleur); color: #ffffff !important; } .pagination .page-numbers:hover, .pagination .page-numbers a:hover { color: #ffffff; text-decoration: none; } .pagination li span { display: inline-block; padding: 15px; color: #000000; } .pagination li a { display: inline-block; padding: 10px 15px; background: #362428; color: #ffffff; font-weight: 800; border: 0; margin: 0 5px; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); } .pagination li a:hover { background: #e6332a; background: var(--univers-couleur); } /*---------FORMULAIRES-----------*/ .wpcf7 { width: 600px; margin: 0 auto; max-width: 100%; } .wpcf7 .wpcf7-form-control-wrap { margin-bottom: 20px; display: inline-block; width: 100%; } .wpcf7 label { width: 100%; margin-bottom: 0; } .wpcf7 .rgpd .wpcf7-list-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 14px; margin-bottom: 5px; margin-left: 0; } .wpcf7 .rgpd .wpcf7-list-item input { margin-right: 10px; min-width: 15px; } .wpcf7 .wpcf7-not-valid-tip { margin-top: 5px; } .wpcf7 .bouton { position: relative; display: inline-block; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 25px; border: 2px solid #000000; min-width: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Poppins", serif; color: #000000; text-transform: uppercase; background-color: transparent; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-border-radius: var(--envt-border-radius); border-radius: var(--envt-border-radius); min-height: 50px; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .wpcf7 .bouton:last-of-type { margin-bottom: 0; } @media (max-width: 1200px) { .wpcf7 .bouton { font-size: 16px; margin: 18px auto; } } @media (max-width: 992px) { .wpcf7 .bouton { font-size: 15px; max-width: 300px; } } @media (max-width: 768px) { .wpcf7 .bouton { width: 100%; } } .wpcf7 .bouton i { font-weight: 100; vertical-align: text-top; padding-right: 10px; } .wpcf7 .bouton i.fas.fa-phone-volume { -webkit-transform: rotate(-45deg) translate(-3px, -5px); transform: rotate(-45deg) translate(-3px, -5px); vertical-align: initial !important; font-size: 17px; padding: 0; } .wpcf7 .bouton:active, .wpcf7 .bouton:hover, .wpcf7 .bouton:focus { outline: 0 !important; outline-offset: 0; } .wpcf7 .bouton:hover { border: 2px solid #e6332a; color: #e6332a; text-decoration: none; } .wpcf7 .bouton .wpcf7-submit { color: #000000; } .wpcf7 .bouton:hover { cursor: pointer; } .wpcf7 .bouton:hover .wpcf7-submit { color: #e6332a; } .wpcf7 .bouton .ajax-loader { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpcf7 .wpcf7-submit { padding: 0; margin: 0; background: unset; border: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; width: 100%; height: 100%; } .wpcf7 p { margin-top: 30px; font-size: 14px; } /*---------FIL D'ARIANE------------*/ #breadcrumbs { padding: 15px; background: #ffffff; } @media (max-width: 992px) { #breadcrumbs { padding: 10px 15px; } } @media (max-width: 768px) { #breadcrumbs { padding: 7px 15px; display: none; } } #breadcrumbs a { color: #e6332a; } #breadcrumbs span { color: #333333; } @media (max-width: 1250px) { #breadcrumbs * { font-size: 15px !important; } } @media (max-width: 992px) { #breadcrumbs * { font-size: 14px !important; } } @media (max-width: 768px) { #breadcrumbs * { font-size: 12px !important; } } #breadcrumbs.absolute-breadcrumb { position: absolute; bottom: 0; left: 0; right: 0; background-color: transparent; z-index: 2; } #breadcrumbs.absolute-breadcrumb a { color: #ffffff; text-shadow: 1px 1px 3px black; font-weight: 700; } #breadcrumbs.absolute-breadcrumb span { color: white; text-shadow: 1px 1px 3px black; font-weight: 700; } /*-----------------COOKIEBAR----------------*/ #cookie-notice { background: #e6332a !important; } #cookie-notice .cookie-notice-container { padding: 5px; } #cookie-notice .cookie-notice-container * { color: #ffffff !important; } #cookie-notice .cookie-notice-container a { color: #ffffff; } #cookie-notice .cookie-notice-container #cn-accept-cookie, #cookie-notice .cookie-notice-container #cn-more-info { display: inline-block; background: #362428; padding: 2px 10px; color: #ffffff; -webkit-transition: 0.3s ease; transition: 0.3s ease; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; } #cookie-notice .cookie-notice-container #cn-accept-cookie:hover, #cookie-notice .cookie-notice-container #cn-more-info:hover { text-decoration: none; background: #dd231a; } #cookie-notice .cookie-notice-container #cn-more-info { background: #f5f5f3; color: #000000 !important; } #cookie-notice .cookie-notice-container #cn-more-info:hover { color: #ffffff !important; background: #dd231a; } @media (max-width: 992px) { #cookie-notice * { font-size: 12px !important; } } #page404 { display: inline-block; width: 100%; margin-bottom: 50px; } /* --- AJUSTEMENTS COLORBOX --- */ #cboxOverlay { position: fixed; height: 100vh; width: 100vw; z-index: 20; background-color: rgba(0, 0, 0, 0.37); } #cboxClose { position: absolute; top: 0; right: -50px; font-size: 40px; color: #ffffff; background-color: transparent; border: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; z-index: 20; } #cboxClose:hover { color: #e6332a; } #cboxClose:focus { outline: unset; } @media (max-width: 992px) { #cboxClose { top: 0; right: 0; } } #colorbox { z-index: 30; } /* ----- SLICK SLIDER ----- */ ul.slick-slider { padding-left: 0; } .slick-track { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .slick-slide img { margin: 0 auto; padding: 15px; } .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 45px; font-weight: 500; color: #d3d2d2; -webkit-transition: 0.3s ease; transition: 0.3s ease; z-index: 2; } .slick-arrow.fa-chevron-left.out-of-area { left: -10%; } .slick-arrow.fa-chevron-right.out-of-area { right: -10%; } .slick-arrow:hover { cursor: pointer; color: #a19e9e; } @media (max-width: 992px) { .liste { width: 300px; margin: 0 auto; max-width: 95%; } .slick-prev, .slick-next { font-size: 0; display: inline-block; border: 0; height: 41px; width: 25px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0.5em 0; list-style-type: none; } .slick-dots li { margin: 0 0.25rem; } .slick-dots button { display: block; width: 0.5em; height: 0.5em; padding: 0; border: none; -webkit-border-radius: 100%; border-radius: 100%; background-color: #d3d3d3; text-indent: -9999px; } .slick-dots li.slick-active button { background-color: #000000; } /* ------ PAGE DE RESULATATS DE RECHERCHE ---------- */ .search.search-results #content[role="main"] { padding-bottom: 90px; } .search.search-results #content[role="main"] article { padding-top: 20px; padding-bottom: 30px; position: relative; border-bottom: 1px solid #b6b6b6; } .search.search-results #content[role="main"] article:before, .search.search-results #content[role="main"] article:after { position: absolute; height: 1px; right: 0; width: 30px; z-index: 1; background-color: #e6332a; } .search.search-results #content[role="main"] article:before { top: -1px; } .search.search-results #content[role="main"] article:after { content: ''; bottom: -1px; } .search.search-results #content[role="main"] article:first-of-type { padding-top: 5px; } .search.search-results #content[role="main"] article:last-of-type { border: none; } .search.search-results #content[role="main"] article:last-of-type:before, .search.search-results #content[role="main"] article:last-of-type:after { display: none; } .search.search-results #content[role="main"] .zone-bouton-resultat-plus { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; } .search.search-results #content[role="main"] .zone-bouton-resultat-plus a { font-size: 13px; min-width: 143px; padding: 9px 15px; margin: 0; width: auto; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .search.search-results #content[role="main"] .zone-bouton-resultat-plus a:hover { text-decoration: none; } @media (max-width: 768px) { .search.search-results #content[role="main"] .zone-bouton-resultat-plus { margin-top: 20px; } .search.search-results #content[role="main"] .zone-bouton-resultat-plus a { font-size: 12px; padding: 5px; min-width: 134px; } } .search.search-no-results #content[role="main"] { padding-bottom: 60px; }