/* @ Copyright © 2020 www.point-web.fr @ Site : /************* font-face **************/ @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Regular.eot'); src: local('Gilroy Regular'),local('Gilroy-Regular'), url('../../lib/gilroy/Gilroy-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Regular.woff2') format('woff2'), url('../../lib/gilroy/Gilroy-Regular.woff') format('woff'), url('../../lib/gilroy/Gilroy-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-ExtraboldItalic.eot'); src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'),url('../../lib/gilroy/Gilroy-ExtraboldItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-ExtraboldItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-ExtraboldItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-ExtraboldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Bold.eot'); src: local('Gilroy Bold'), local('Gilroy-Bold'),url('../../lib/gilroy/Gilroy-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Bold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Bold.woff') format('woff'), url('../../lib/gilroy/Gilroy-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Black.eot'); src: local('Gilroy Black'), local('Gilroy-Black'),url('../../lib/gilroy/Gilroy-Blackd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Black.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Black.woff') format('woff'), url('../../lib/gilroy/Gilroy-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Light.eot'); src: local('Gilroy Light'), local('Gilroy-Light'),url('../../lib/gilroy/Gilroy-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Light.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Light.woff') format('woff'), url('../../lib/gilroy/Gilroy-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Semibold.eot'); src: local('Gilroy Semibold'), local('Gilroy-Semibold'),url('../../lib/gilroy/Gilroy-Semiboldd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Semibold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Semibold.woff') format('woff'), url('../../lib/gilroy/Gilroy-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Medium.eot'); src: local('Gilroy Medium'), local('Gilroy-Medium'),url('../../lib/gilroy/Gilroy-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Medium.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Medium.woff') format('woff'), url('../../lib/gilroy/Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-MediumItalic.eot'); src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),url('../../lib/gilroy/Gilroy-MediumItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-MediumItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-MediumItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-BlackItalic.eot'); src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),url('../../lib/gilroy/Gilroy-BlackItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-BlackItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-BlackItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-UltraLight.eot'); src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),url('../../lib/gilroy/Gilroy-UltraLightd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-UltraLight.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-UltraLight.woff') format('woff'), url('../../lib/gilroy/Gilroy-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-RegularItalic.eot'); src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),url('../../lib/gilroy/Gilroy-RegularItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-RegularItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-RegularItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-SemiboldItalic.eot'); src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),url('../../lib/gilroy/Gilroy-SemiboldItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-SemiboldItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-SemiboldItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic;} @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-HeavyItalic.eot'); src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),url('../../lib/gilroy/Gilroy-HeavyItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-HeavyItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-HeavyItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Extrabold.eot'); src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),url('../../lib/gilroy/Gilroy-Extraboldd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Extrabold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Extrabold.woff') format('woff'), url('../../lib/gilroy/Gilroy-Extrabold.ttf') format('truetype'); font-weight: 800; font-style: normal;} @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-BoldItalic.eot'); src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),url('../../lib/gilroy/Gilroy-BoldItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-BoldItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-BoldItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-UltraLightItalic.eot'); src: local('Gilroy UltraLight Italic'),local('Gilroy-UltraLightItalic'), url('../../lib/gilroy/Gilroy-UltraLightItalicd41d.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-UltraLightItalic.woff2') format('woff2'), url('../../lib/gilroy/Gilroy-UltraLightItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-UltraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-LightItalic.eot'); src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),url('../../lib/gilroy/Gilroy-LightItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-LightItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-LightItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Heavy.eot'); src: local('Gilroy Heavy'), local('Gilroy-Heavy'),url('../../lib/gilroy/Gilroy-Heavyd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Heavy.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Heavy.woff') format('woff'), url('../../lib/gilroy/Gilroy-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-Thin.eot'); src: local('Gilroy Thin'), local('Gilroy-Thin'),url('../../lib/gilroy/Gilroy-Thind41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-Thin.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Thin.woff') format('woff'), url('../../lib/gilroy/Gilroy-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face {font-family: 'Gilroy'; src: url('../../lib/gilroy/Gilroy-ThinItalic.eot'); src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),url('../../lib/gilroy/Gilroy-ThinItalicd41d.eot?#iefix') format('embedded-opentype'), url('../../lib/gilroy/Gilroy-ThinItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-ThinItalic.woff') format('woff'), url('../../lib/gilroy/Gilroy-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(../../lib/fa/webfonts/fa-light-300.eot);src:url(../../lib/fa/webfonts/fa-light-300d41d.eot?#iefix) format("embedded-opentype"),url(../../lib/fa/webfonts/fa-light-300.woff2) format("woff2"),url(../../lib/fa/webfonts/fa-light-300.woff) format("woff"),url(../../lib/fa/webfonts/fa-light-300.ttf) format("truetype"),url(../../lib/fa/webfonts/fa-light-300.svg#fontawesome) format("svg")} @font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:700;font-display:auto;src:url(../../lib/fa/webfonts/fa-solid-900.eot);src:url(../../lib/fa/webfonts/fa-solid-900d41d.eot?#iefix) format("embedded-opentype"),url(../../lib/fa/webfonts/fa-solid-900.woff2) format("woff2"),url(../../lib/fa/webfonts/fa-solid-900.woff) format("woff"),url(../../lib/fa/webfonts/fa-solid-900.ttf) format("truetype"),url(../../lib/fa/webfonts/fa-solid-900.svg#fontawesome) format("svg")} @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../../lib/fa/webfonts/fa-brands-400.eot);src:url(../../lib/fa/webfonts/fa-brands-400d41d.eot?#iefix) format("embedded-opentype"),url(../../lib/fa/webfonts/fa-brands-400.woff2) format("woff2"),url(../../lib/fa/webfonts/fa-brands-400.woff) format("woff"),url(../../lib/fa/webfonts/fa-brands-400.ttf) format("truetype"),url(../../lib/fa/webfonts/fa-brands-400.svg#fontawesome) format("svg")} @font-face{font-family:"Flaticon";src:url("../../lib/flaticon/Flaticon.eot");src:url("../../lib/flaticon/Flaticond41d.eot?#iefix") format("embedded-opentype"),url("../../lib/flaticon/Flaticon.woff2") format("woff2"),url("../../lib/flaticon/Flaticon.woff") format("woff"),url("../../lib/flaticon/Flaticon.ttf") format("truetype"),url("../../lib/flaticon/Flaticon.svg#Flaticon") format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Flaticon";src:url("../../lib/flaticon/Flaticon.svg#Flaticon") format("svg")}}[class^="icon-"]:before,[class*=" icon-"]:before,[class^="icon-"]:after,[class*=" icon-"]:after{font-family:Flaticon;font-style:normal;} /************* general **************/ *,*:after,*:before{position:relative;box-sizing:border-box;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,hr,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; font-family: 'Gilroy', sans-serif;} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{box-shadow:0 0 0 0 transparent inset;transition:0s;background-color:inherit;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} a,button,[data-mail]{transition:.3s;cursor:pointer;color:inherit;} button{border:0;padding:0;background:none;display:inline-block;} a,a:hover,button,button:hover,*:focus,*:active{text-decoration:none;outline:none;} body{overflow:hidden;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} strong{font-weight:bold} img,svg{vertical-align:bottom} textarea{resize:none;} /* scrollbar styling */ *{scrollbar-color:#008aff #222;scrollbar-width:thin;} *::-webkit-scrollbar{width:3px;background-color:#222;} *::-webkit-scrollbar-thumb{background-color:#008aff;} /* selection styling */ *::-moz-selection{background-color:#008aff;color:#fff;} *::selection{background-color:#008aff;color:#fff;} /* selection placeholder */ ::-webkit-input-placeholder{color:inherit;opacity:.5;} ::-moz-placeholder{color:inherit;opacity:.5;} ::-ms-input-placeholder{color:inherit;opacity:.5;} /* fontawesome */ .fa:before{font-family:"Font Awesome 5 Pro";font-weight:300;font-style:normal;} .fas:before{font-family:"Font Awesome 5 Pro";font-weight:900;font-style:normal;} .fab:before{font-family:"Font Awesome 5 Brands";} .fa-at:before{content:'\f1fa';font-size:80%;} .fa-cookie:before{content:'\f563';} .fa-map-marker:before{content:'\f041';} .fa-phone:before{content:'\f095';} .fa-envelope:before{content:'\f0e0';top:1px;} .fa-long-arrow-right:before{content:'\f178';} .fa-long-arrow-left:before{content:'\f177';} .fa-long-arrow-up:before{content:'\f176';} .fa-fb:before{content:'\f39e';} .fa-instagram:before{content:'\f16d';} .fa-linkedin:before{content:'\f0e1';} .fa-tw:before{content:'\f099';} .fa-youtube:before{content:'\f167';} .fa-clock:before{content:'\f017';} .fa-link:before{content:'\f0c1';} .fa-check:before{content:'\f00c';} .fa-user:before{content:'\f007';} .fa-map-signs:before{content:'\f277';} .fa-map:before{content:'\f279';} .fa-pencil:before{content:'\f040';} .fa-times:before{content:'\f00d';} .fa-angle-right:before{content:'\f105';} .fa-angle-left:before{content:'\f104';} .fa-angle-up:before{content:'\f106';} .fa-xmark:before{content:'\f00d';} /* flaticon */ .icon-web-design:before{content:"\f100";} .icon-feedback:before{content:"\f101";} .icon-web-programming:before{content:"\f102";} .icon-overlap:before{content:"\f103";} /*----------------------------------------------------< PRESET APP >---------------------------------------------------*/ /* * */ html, body{color:#222;font-family:sofia-pro, sans-serif;font-size:calc(14px + 2 * (100vw - 320px) / 1080);overflow-x:hidden;font-weight:300; z-index: 0} [data-bg]{background-size:cover;background-position:center center;background-repeat: no-repeat;} [data-mail]:hover, a:hover{color:#008aff;} [data-mail]:before{margin-right:4px;content:"\f0e0";top:1px;font-family:"Font Awesome 5 Pro";font-weight:300;} [data-img]{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;} .bg-img{background-size:cover;background-position:center center;} .lo {width:calc(90px + 20 * (100vw - 320px) / 1080);} .intro {padding: 1em 0; color: #ffffff;} .intro h3 {padding: 1em 0;} /* Style FI(rouge) */ #fi {background-image: url("../../img/bg-plaquette.jpg"); background-position: top; background-size: cover;} #fi:before{content: "";height: 100%;width: 100%;position: absolute;background: rgb(0,0,0);background: linear-gradient(0deg, rgb(0 0 0 / 90%) 40%, rgb(0 0 0 / 80%) 65%);} #fi .btn:hover {color: #c00e0e; background-color: #FFFFFF;} .fi #n nav ul li a:hover {color: #0c3274;} #fi li, #fi a:hover, #fi .fake-header .nav-pages ul li+li:before, #fi .content .title-color, #fi .content .description ul li, #fi .content .nav-pages ul li a:before, #fi .content a, #fi .sous-menu {color : #c00e0e;} #fi .sous-menu {border: solid 1px #c00e0e;} #fi .content a:hover{color: #FFFFFF;} .fi #h #n, #fi .fake-header .b .line-color, #fi .btn, .fi #f, .fi #f fieldset button {background-color:#c00e0e;} /* Style EPI(bleu) */ #epi {background-image: url("../../img/bg-epi.jpg"); background-position: top; background-size: cover;} #epi:before {content: ""; height: 100%; width: 100%; position: absolute; background: rgb(0,0,0); background: linear-gradient(0deg, rgb(12 50 116 / 20%) 50%, rgb(0 0 0 / 0%) 65%);} #epi .description .title-color {color: #FFFFFF;} #epi .nav-pages .btn:hover {color: #0c3274; background-color: #FFFFFF;} .epi #n nav ul li a:hover {color: #c00e0e;} #epi .intro p {color: black; font-weight: 500;} #epi .pdts p {color: #0c3274; font-weight: 600;} #epi li, #epi .content .title-color, #epi .nav-pages a:hover, #epi .fake-header .nav-pages ul li+li:before, #epi .content .title-color, #epi .content .description ul li, #epi .content .nav-pages ul li a:before, #epi .content .nav-pages .btn:hover, #epi .description p, #epi .sous-menu {color: #0c3274;} #epi .sous-menu {border: solid #0c3274;} .epi #h #n, #epi .fake-header .b .line-color, #epi .btn, .epi #f, .epi #f fieldset button, #epi .description .line-color {background-color: #0c3274;} /* Text */ p{color:#FFFFFF; font-size:1em; line-height:1.6;} /* Title */ h2{font-size:3rem;} h3{font-size:2rem;} h4{font-size:1.4rem;} h5{font-size:1.2rem;} h6{font-size:1rem;} h2, h3, h4, h5, h6{text-transform:uppercase; font-weight:800;} .title-color{font-size:1.5rem; text-transform:uppercase; font-weight:800;} .title-blc{color: #FFFFFF;text-transform:uppercase;} .title-footer {color: #FFFFFF; font-size:1rem; line-height:1.6; text-transform:uppercase; font-weight:700; margin-bottom: 2vh;} /* Container & Colonnes */ .ct{width:80%;max-width:1400px;margin:auto;} .row{display: flex;flex-flow: row;justify-content: space-evenly;align-items: center;flex-grow: 1;} .col-4 {flex-basis: 33.3333333333%;max-width: 33.3333333333%;} .col-6 {flex-basis: 50%;max-width: 50%;} .col-8 {flex-basis: 66.6666666667%;max-width: 66.6666666667%;} .col-10 {flex-basis: 83.3333333333%;max-width: 83.3333333333%;} .col-12 {flex-basis: 100%;max-width: 100%;} .text-padding{padding: calc(5px + 10 * (100vw - 320px) / 1080);} .padding-col, .margin-col {padding-left:calc(25px + 20 * (100vw - 320px) / 1080);} /* Line */ .line-color {display: block; width: 100px; height: 10px; margin-bottom: calc(10px + 20 * (100vw - 320px) / 1080); position: relative; z-index: 1;} /* swiper */ .swiper-slide{flex:1 0 auto;} .swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;} .sw-n, .sw-p{display:flex;align-items:center;} .sw-n {justify-content:space-between;} .sw-n > *{pointer-events:auto;} .sw-n > .swiper-button-disabled{pointer-events:none;opacity:0!important;} .sw-p{justify-content:center;} .sw-p > *{transition:.2s;background-color:#fff;opacity:.5;pointer-events:auto;cursor:pointer;display:block;width:8px;height:8px;border-radius:50%;} .sw-p > *:hover{opacity:1;} .sw-p > *.swiper-pagination-bullet-active{background-color:#008aff;opacity:1;transform:scale(1.5);} .sw-p > * + *{margin-left:15px;} #epi .swiper-container {display: flex; justify-content: center; align-items: center;} #epi .swiper-slide img {object-fit: contain; height: 100%; width: 100%;} #epi .sw {height: 30vh; overflow: hidden;} #epi .bar {width: 86%;position: absolute;z-index: 999;margin: auto; pointer-events: none;} #epi .bar button {background: #0c3274;padding: 1.5em;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 100%;color: white;} #epi .bar button:hover {background: rgba(12,50,116,0.5);} /* cookies */ #ck{overflow:hidden;background-color:#008aff;color:#fff;box-shadow:0 15px 20px rgba(0,0,0,.3);border-radius:3px;transition:transform .6s, opacity .6s, visibility .6s;transform:translateY(100%);opacity:0;visibility:hidden;max-width:calc(99vw - 20px);position:fixed;bottom:calc(10px + .5vw);left:calc(10px + .5vw);z-index:9999;width:400px;font-size:11px;line-height:1.3;} .cks #ck{transform:translateY(0);opacity:1;visibility:visible;} #ck .ckc{display:flex;align-items:flex-start;padding:20px;} #ck p strong{display:block;margin-bottom:10px;font-size:130%;line-height:1;} #ck a{font-weight:bold;text-decoration:underline;} #ck a:hover{color:#222;} #ck i{color:#fff;font-size:35px;margin-right:15px;top:-8px;} #ck i:before{animation:cookies 1s infinite linear;} #ck .ckb{display:flex;font-size:15px;font-weight:bold;} #ck .ckb > *{border-top:1px solid rgba(0,0,0,.1);flex:1;background-color:rgba(0,0,0,.1);padding:14px 0 15px;} #ck .ckb > *:hover{background-color:rgba(0,0,0,.15);} #ck .ckb > * + *{border-left:1px solid rgba(0,0,0,.1);} #ck .ckb small{font-size:13px;font-weight:normal;} @keyframes cookies{0%{content:'\f563';}100%{content:'\f564';}} /* alert */ .alert{text-align:left;background:#222;border-radius:1px;color:#fff;font-size:11px;font-weight:400;line-height:1;padding:20px;} .alert.alert-danger, .btn.danger, .badge.badge-danger, .badge.danger{background:#ff5353;} .alert.alert-warning, .btn.warning, .badge.badge-warning, .badge.warning{background:#bd6e28;} .alert.alert-success, .btn.success, .badge.badge-success, .badge.success{background:#8dc111;} .alert.alert-info, .btn.info, .badge.badge-info, .badge.info{background:#2875bd;} .alert.hide{transition:opacity .3s;} .alert [data-close-alert]{position:absolute;top:2px;right:4px;font-size:10px;} .alert.no-close [data-close-alert]{display:none;} .alert.none{display:none;} /* btn */ .btn {color: #fff;text-transform: uppercase;font-weight: 700;} /*----------------------------------------------------< APP >---------------------------------------------------*/ /************* header **************/ #h .t .l h1{width:100%;text-overflow:ellipsis;overflow:hidden;pointer-events:auto; position: absolute; color: #FFFFFF; top: 10px; left: 5px; z-index: 1;} #h {z-index: 999; width: 100%;display: flex; justify-content: center;} #h .t {width:90%;} #h .b {position: absolute; width:90%; display: flex; justify-content: space-between; align-items: center;top: 3em;pointer-events: none;} #h .b a {pointer-events: auto;} /* menu */ #n {opacity: 0; visibility:hidden; transform: translate(-50%, -50%) scale(0);transition: transform 0.3s ease 0.3s;} .onav #n{opacity: 1; visibility: visible; transition: transform 0.3s ease 0.3s;transform: translate(-50%, -50%) scale(1);} #h #n {position: fixed;right: -680px;top: 100px;z-index: 9999;width: 800px;height: 800px;border-radius: 100%;display: flex;padding: 120px;align-items: flex-end;text-align: end; box-shadow: 0px 0px 20px black;} #n nav {top: 20px; left: 50px;} #n nav ul {flex-flow: column;} #n nav ul li * {transition: all 0.35s ease-in-out;} #n nav ul li {margin-top: 1em;} #n nav ul li a{color: #FFFFFF;} /* btn menu */ #h .bnv div{transition:.2s;width:23px;display:flex;flex-direction:column;height:8px;justify-content:space-between;} .onav #h .bnv div{height:2px;} #h .bnv div:before, #h .bnv div:after{background-color:#fff;transition:.2s;content:'';width:100%;height:2px;display:block;} #menuToggle.bnv {position: fixed;right: 4em;display: block;background: transparent;overflow: visible; z-index: 99999; pointer-events: auto;} #menuToggle.bnv:before, #menuToggle.bnv:after {display: none;} #menuToggle span {display: block;width: 40px;height: 5px;margin-bottom: 8px;position: relative;background: white;z-index: 1;transition: transform 0.5s;} #menuToggle span:nth-child(1) {transform-origin: left top;} #menuToggle span:nth-child(2) {transform: scaleX(0.7);transform-origin: right center;} #menuToggle span:nth-child(3) {transform-origin: left bottom;} .onav #menuToggle span {opacity: 1;transform: rotate(45deg) translate(0);} .onav #menuToggle span:nth-child(2) {opacity: 0;transform: rotate(0deg) scale(0.1);} .onav #menuToggle span:nth-child(3) {opacity: 1;transform: rotate(-45deg) translate(0);} /************* footer **************/ #f{color:#fff;padding-top: 5vh; padding-bottom: 5vh;} #f .lo{fill:#fff;width:calc(80px + 60 * (100vw - 320px) / 1080);max-width:100%;} .infos-footer{display: flex;flex-flow: row; align-items: flex-start;flex-grow: 3;} .infos-footer .col-4 {margin: 0 calc(10px + 3 * (100vw - 320px) / 1080);} #f fieldset{padding: 15px 0px;} #f fieldset button{height: 5vh; width: 25%; border: solid 2px #fff;} #f fieldset input {height: 5vh; width: 100%; padding: 0 15px;} .infos-footer li {margin-bottom: 1em; line-height: 1.5em;} #f .infos-footer .line {background-color: #FFFFFF; display: block; width: 100%; height: 2px; margin-bottom: 1em;} #f .footer-bottom {margin-top: 2vh;} #f .footer-bottom .go-up {position: fixed; bottom: 50px; right: 50px; z-index: 999;} #f .bn {border-radius: 100%; background-color:#fff;color:#000;font-size:1rem;width: 50px; height: 50px;} #f .bn:hover{background-color:#000;color:#fff;} #f .legal a:hover, .infos-footer a:hover, .infos-footer span:hover{color:#000; font-weight: normal;} .fi #f fieldset button:hover, .epi #f fieldset button:hover {background-color:#000000;} /************* homepage **************/ #h.homepage {position: absolute;z-index: 2;width: 100%;display: flex;flex-direction: column;align-items: center; pointer-events: none} #h.homepage h1{text-align: center; color: #FFFFFF; text-transform: uppercase; font-weight: 600;} #h.homepage a{margin: 1em 0;; pointer-events: auto} #h.homepage a:hover{transform: scale(1.1)} #f.homepage{padding:1em; bottom: 0; background-color:#c00e0e; position: fixed; width: 100%;} #f.homepage ul{display: flex;align-items: center;justify-content: space-around;} #f.homepage a:hover{color: #000;} /* content homepage */ .home-choices{cursor: pointer; position: relative;display: flex; justify-content: center; align-items: center;} .home-choices h2 {color: #FFFFFF;} .home-choices a {font-size: 1.6em; color: #FFFFFF; font-weight: 700; text-transform: uppercase;} .home-choices p {padding-bottom: 1em;} .red, .blue {height: 100vh; width: 50%; display: flex; flex-direction: column; justify-content: end; padding: calc(90px + 40 * (100vw - 320px) / 1080); overflow: hidden;} .red .content, .blue .content {padding-bottom: 0;} .red .content .line-color {background-color: #c00e0e;} .blue .content .line-color {background-color: #0c3274;} .home-choices .red a.bn {background-color: #c00e0e;} .home-choices .blue a.bn {background-color: #0c3274;} .home-choices i {color: #ffffff; padding-right: 0.4em;} .red:before{background-image: url("../../img/chariot3.jpg")} .blue:before{background-image: url("../../img/image7.jpg")} .red:before, .blue:before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: top;filter: brightness(50%);transition: all 0.5s ease-in-out;} .red:hover:before, .blue:hover:before {transform: scale(1.1);filter: brightness(90%);} /************* content pages **************/ /* fake header */ .fake-header {transition:transform .6s;top:0;left:0;width:100%;color:#fff;font-size:0.85rem;} .fake-header .b {display:flex;align-items:center;justify-content:space-evenly;flex-direction: column;} .fake-header .b .logo {display: none;} .fake-header .l .title-blc {line-height: 1; font-size: 3em;} .fake-header .nav-pages li a {font-size: 1.5em; line-height: 1.6; font-weight: 700;} .fake-header .nav-pages ul li+li:before {content: '|';font-size: 2em;font-weight: bold; margin: 0 calc(10px + 3 * (100vw - 320px) / 1080);} .fake-header .nav-pages .row {z-index: 50; flex-wrap: wrap;justify-content: center; padding-bottom: calc(10px + 20 * (100vw - 320px) / 1080);} .fake-header .nav-pages button, .fake-header .nav-pages .btn-close {display: none;} .fake-header a{pointer-events:auto;} .fake-header .t{line-height:1.4;white-space:nowrap;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.15);} .fake-header .t .l{flex:1;overflow:hidden;padding-right:10px;} .fake-header .t .r > *{pointer-events:auto;} .fake-header .b{transition:padding .6s;padding-top:calc(25px + 20 * (100vw - 320px) / 1080); padding-bottom: calc(25px + 20 * (100vw - 320px) / 1080);} .fake-header .b .lo{display:block;width:calc(90px + 20 * (100vw - 320px) / 1080);fill:#fff;} .fake-header button {cursor: pointer;} /* sous menu */ .sous-menu {overflow: hidden;margin-top: 2em;} .sous-menu .btn-sub {width:100%; padding: 1em 2em; text-transform: uppercase; font-weight: 700; display: flex; justify-content: space-between;} .sous-menu .sub-menu {padding: 0 2em;} .sous-menu li i {margin-right: 5px;} .sous-menu li {margin: 1em 0;} .sous-menu .sub-menu {height: 0;overflow: hidden;transition: height 1s ease-out;font-weight: 600;} .sous-menu.open .sub-menu {height: auto;transition: height 1s ease-in;} .sous-menu .btn-open {transform: rotate(180deg);width: fit-content;transition: transform .4s; margin-left: 0.5em;} .sous-menu.open .btn-open{transform: rotate(0deg);transition: transform .4s;} /* content */ #p{padding:calc(20px + 2%) 0;} .content {padding-bottom: 7em;} /* pdts */ /* .pdts {display: flex;justify-content: flex-start;flex-wrap: wrap;}*/ .pdts li {width: 100%;} .pdts li .pdt {line-height:1.6;margin: 1em;border-bottom: solid 1px;padding: 1em 2em; overflow-wrap: break-word;} .pdts li .pdt:hover {cursor: pointer;} .pdts li .pdt .top {display: flex; align-items: flex-start; justify-content: space-between;} .pdts li .pdt .top .left {display: flex; align-items: flex-start;} .pdts li .pdt .top img {height: 50px; width: 50px; margin-right: 1em; object-fit: cover;} .pdts li .pdt .bottom p {font-style: italic;} .pdts li .pdt .bottom li {width: 100%;} .pdts li .pdt .bottom li:before {content: '- ';} .pdts .pdt .bottom {height: 0;overflow: hidden;transition: height 1s ease-out;} .pdts .open.pdt .bottom {padding-top: 1em;} .pdts .pdt.open .bottom{height: auto;transition: height 1s ease-in;} .pdts .pdt .btn-open {transform: rotate(180deg);width: fit-content;transition: transform .4s; margin-left: 0.5em;} .pdts .pdt.open .btn-open{transform: rotate(0deg);transition: transform .4s;} /* table */ .table-detail {text-align: center;} .table-detail h5 {color: #c00e0e; padding-bottom: 1em;} .tableau {display: flex; justify-content: center; flex-direction: column;} table {overflow: hidden; isolation: isolate;} thead {background-color: #0b3384; color: #FFFFFF;} tbody tr {border: solid 2px;} tbody tr td, thead tr th {padding:0.5em 1em; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; text-align: center;} tbody tr td:nth-child(1) {text-align: start;} /************* title **************/ #t{text-align:center;color:#FFFFFF;overflow:hidden; text-shadow: 0px 4px rgb(0 0 0 / 50%);} #t:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1; background: linear-gradient(180deg, rgba(0,0,0,0.31556372549019607) 35%, rgb(0 0 0 / 50%) 100%);z-index: 3;} #t h2{font-size:calc(25px + 15 * (100vw - 320px) / 1080);font-weight:bold;margin:auto;max-width:100%; padding-bottom: 0.4em; } #t sub {background-color: #000000; padding: 0.5em;} #t .bg{background-size:cover;background-position:top center;position:absolute;top:0;left:0;width:100%;height:150%;z-index:0;} #t .ct{z-index:5;padding:10em 0;} .title-contact h2, .title-actu h2{top: 3em} /************* pr slider **************/ #pr{height: 40vh; text-align:center;color:#fff;overflow:hidden;flex-basis: 100%;max-width: 100%;} #pr .sw-n{top:0;bottom:2em;position:absolute;width:100%; font-size: 2em; padding: 10px;} #pr .bg{opacity:.3;background: center center no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;height:150%;z-index:0;} #pr .ct{padding:calc(30px + 40 * (100vw - 320px) / 1080) 0;z-index:5;} #pr .swiper-slide i{color:#008aff;font-size:calc(90px + 5 * (100vw - 320px) / 1080);} #pr .swiper-slide a{font-size:.9rem;} #pr .swiper-slide .tit{font-size:1.3rem;font-weight:bold;margin:calc(20px + 5 * (100vw - 320px) / 1080) 0 calc(10px + 5 * (100vw - 320px) / 1080);} #pr .swiper-wrapper, #pr .sw, #pr .sw-c{height: 100%;} #pr .swiper-slider{width: 100%!important;} #pr .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} #pr .bar{position: absolute; z-index: 50; top: 0; bottom: 0; width: 100%;} #pr h3 {padding: 1em 0;} #pr [data-bg] {background-position: top center;} #pr .sw-n button {background: #0c3274; width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;} /************* contact **************/ #p.cn .ct{display:flex; padding-bottom: 3em;} #p.cn .ct .lf{flex:1;padding-right:calc(25px + 25 * (100vw - 320px) / 1080);} #p.cn .ct .frm{text-align:center;background-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:3px;width:45%;padding:calc(20px + 2%);} #p.cn .cn-crd{color:#0c3274;font-size:1.1rem;font-weight:bold;} #p.cn .cn-crd li{padding-left:0;} #p.cn .cn-crd li:before{display:none;} #p.cn .cn-crd li + li{margin-top:5px;} #p.cn .cn-crd i:not(.fa-at){margin-right:10px;} #p.cn .cn-crd [data-domain]:before{content:'\f0e0';margin-right:10px;} .cn h3 {margin-bottom: 1em;} .cn p {color: #0c3274; margin-bottom: 1em;} .cn .p ul {margin-bottom: 1em;} .cn .p ul li a:hover, .cn .p ul li span:hover {color: #FFFFFF; transition: 0.5s;} .cn .frm .btn {padding: calc(5px + 3 * (100vw - 320px) / 1080); font-size: 1em!important; border: solid 3px #0c3274; color: #FFFFFF;} .cn .frm .btn:after {content:'\f178'; font-family:"Font Awesome 5 Pro";font-weight:900;font-style:normal; margin-left: 1em;} .cn .b .lo{display:block;width:calc(90px + 20 * (100vw - 320px) / 1080);fill:#fff;} .banner .content .ct {display: flex; align-items: center; padding-top: 3em;} .banner .content .ct h2 { margin: 0 calc(10px + 3 * (100vw - 320px) / 1080);} /* captcha */ .grecaptcha-badge {display: none;} .captcha-mention {font-size: calc(9px + 2 * (100vw - 320px) / 1080);line-height: 1.2;margin-top: 5px;margin-bottom: 20px;} .captcha-mention>span {display: block;} .captcha-mention>a {opacity: .6;transition: .3s;font-size: 90%;} .captcha-mention>a:hover {opacity: 1;} #gmap_canvas{width: 709px;height: 370px;} .mapouter{width: 50px;} /************* fieldset **************/ .clear{} .fd{z-index:100;width:100%;height:55px;border-radius:3px;margin-bottom:20px;transition:box-shadow .3s;box-shadow:0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0) inset;} .fd2{width:calc(50% - 15px);float:left;margin-right:15px;} .fd2 + .fd{width:50%;float:left;} .fd + .bc{padding-top:20px;} .fd.foc{box-shadow:0 0 10px rgba(0,0,0,.05), 0 0 10px rgba(0,0,0,.05) inset;} .fd i{pointer-events:none;color:#666;transition:color .3s;display:flex;font-size:calc(14px + 2 * (100vw - 320px) / 1080);padding-left:5px;align-items:center;justify-content:center;height:55px;width:55px;position:absolute;left:0;top:0;z-index:300;} .fd.foc i{color:#008aff;} .fd label, .fd input, .fd textarea{background-color:transparent;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;border-radius:3px;display:flex;align-items:center;font-size:calc(13px + 2 * (100vw - 320px) / 1080);padding-right:calc(20px + 5 * (100vw - 320px) / 1080);padding-left:calc(50px + 5 * (100vw - 320px) / 1080);} .fd label{width:auto;white-space:nowrap;overflow:hidden;color:#666;transition:all .3s ease-in-out;opacity:1;height:45px;top:5px;pointer-events:none;max-width:calc(100% - 47px - 5 * (100vw - 320px) / 1080);padding:0 6px 0px 8px;margin-left:calc(42px + 5 * (100vw - 320px) / 1080);user-select:none;-moz-user-select:none;} .fd.act label{max-width:auto;background-color:#fff;opacity:1;height:15px;font-size:10px;top:-7px;margin-left:calc(5px + 5 * (100vw - 320px) / 1080);} .fd .sp{background-color:#ddd;position:absolute;top:0;left:0;height:100%;width:100%;border-radius:3px;overflow:hidden;transition:background .3s;} .fd:hover .sp{background-color:#008aff;} .fd .sp:before{background-color:#fff;position:absolute;transition:.3s;width:calc(100% - 2px);height:calc(100% - 2px);left:1px;top:1px;content:'';border-radius:3px;z-index:5;box-shadow:0 0 10px rgba(0,0,0,0) inset;} .fd.foc .sp:before{box-shadow:0 0 10px rgba(0,0,0,.05) inset;} .fd .sp:after{background-color:#008aff;opacity:0;transition:.3s;position:absolute;width:400%;height:100%;left:0;top:0;content:'';border-radius:3px;z-index:3;animation:fcs 3s infinite linear;} .saf .fd .sp:after{display:none;opacity:1;} html:not(.saf) .fd.foc .sp:after{opacity:1;} .saf .fd.foc .sp:after{display:block;} .txa{height:150px;clear:both;} .txa textarea{padding-top:20px;border-radius:3px;} @keyframes fcs{ 0%{left:0%;} 100%{left:-200%;} } /************* map **************/ .map-c{width:100%;height:calc(250px + 50 * (100vw - 320px) / 1080);border-radius:3px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);} .map-c:before{content:'';z-index:5;border:1px solid rgba(0,0,0,.05);position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;} #map{cursor:grab;width:100%;overflow:hidden;height:100%;z-index:0;position:absolute;left:0;top:0;} #map:active{cursor:grabbing;} .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar, .leaflet-bar{border:0!important;box-shadow:0 0 0!important;} #map .leaflet-bar a{background-color:#008aff;box-shadow:0 5px 15px rgba(0,138,255,.3);color:#fff;border-radius:3px;border:0!important;display:flex;align-items:center;justify-content:center;margin-bottom:5px;width:25px;height:25px;font-size:14px;user-select:none;-moz-user-select:none;} #map .leaflet-bar a:hover{background-color:#38a4ff;} #map .leaflet-marker-pane img{display:block;} /************* pagination **************/ .pagi{margin-top:calc(25px + 10 * (100vw - 320px) / 1080);} .pagi ul{display:flex;flex-wrap:wrap;justify-content:center;width:100%;} .pagi ul li{margin:4px!important;padding-left:0!important;} .pagi ul li > *{height:100%;background-color:#fff;border-radius:3px;display:block;padding:10px 10px;font-size:13px;font-weight:bold;box-shadow:0 0 10px rgba(0,0,0,.05)!important;} .pagi ul li:not(.disabled):not(.active) > *:hover, .pagi ul li:not(.disabled).active > *{background-color:#008aff;color:#fff!important;} .pagi ul li.disabled > *{background:rgba(0,0,0,.01)!important;} .pagi ul li:last-child > *{color:transparent!important;} .pagi ul li:first-child:not(.disabled):not(.active) > *:hover:before, .pagi ul li:last-child:not(.disabled):not(.active) > *:hover:before{color:#fff;} .pagi ul li:first-child > *:before, .pagi ul li:last-child > *:before{content:'\f178';font-family:'Font Awesome 5 Pro';color:#222;position:absolute;font-weight:300;font-size:10px;top:50%;left:50%;transform:translate(-50%, -50%);} .pagi ul li:first-child > *:before{content:'\f177';} /************* actualités **************/ .article-list .ct{margin-top: 50px} .article-list .intro{color: #0b3384;font-size: calc(16px + 7 * (100vw - 320px) / 1080);line-height: 1.4;} .article-listing{display: grid;grid-template-columns: auto auto auto;align-items: start;padding: 50px;justify-content: center;grid-gap:50px;} .article-listing .article-img{height: 20vw;width: 28vw;overflow: hidden; cursor: pointer;} .article-listing .article-img .img{height: 100%;width: 100%;object-fit: cover;transition: .3s ease-in-out;} .article-listing .article-img:hover .img{transform: scale(1.05);transition: .3s ease-in-out;} .article-listing .article-content{padding: 20px;} .article-listing .article-content .date {color: #FFFFFF; padding-top: 20px;} .article-listing .article-img::before {transition: .4s;opacity: 0;margin-top: 25px;content: '\f002';font-weight: 300;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-family: 'Font Awesome 5 Pro';font-size: calc(30px + 10 * (100vw - 320px) / 1080);color: #fff;z-index: 10;} .article-listing .article-img:hover::before {opacity:1;margin-top:0;} .article-listing .article-img::after {transition: .4s;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #89C5DF;opacity: 0;} .article-listing .article-img:hover::after {opacity: 0.4;} #fi .article-detail {color: #FFFFFF;} /* VOUS AIMEREZ AUSSI... */ .plus-art, .plus-art ul, .dte{margin-top:calc(15px + 1%);text-align:left;} .plus-art li{display:flex;} .plus-art li + li{margin-top:calc(10px + 1%);} .plus-art img{border-radius:3px;} .plus-art a{font-weight:bold;font-size:calc(16px + 5 * (100vw - 320px) / 1080);} .plus-art li > div{flex:1;padding-left:calc(25px + 5 * (100vw - 320px) / 1080);align-self:center;} .plus-art time{margin-top:calc(10px + 5 * (100vw - 320px) / 1080);font-weight:bold;display:block;font-size:.85rem;} .plus-art time i{margin-right:8px;} /* gallery */ [data-gallery] img:not([data-no-gallery]){cursor:zoom-in;} .gallery-window{cursor:zoom-out;overflow:hidden;display:none;top:0;left:0;z-index:99999;height:100%;width:100%;background-color:rgba(24,24,24,.8);position:fixed;user-select:none;} .gallery-window .gallery-img > div{padding:25px;transform:scale(.8);transition:.3s;opacity:0;z-index:0;display:flex;position:absolute;height:100vh;width:100%;align-items:center;} .gallery-window .gallery-img > div.active{transform:scale(1);opacity:1;z-index:5;} .gallery-window img{cursor:default;max-height:100%;box-shadow:0 0 30px rgba(0,0,0,.3);max-width:100%;align-self:center;margin:auto;} .gallery-window button{cursor:pointer;background-color:#181818;color:#fff;width:50px;height:50px;font-size:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:100;} .gallery-window button:not(.disabled):hover{background-color:#fff;color:#181818;} .gallery-window button.disabled{opacity:.5;} .gallery-window button[data-g-change="prev"]{left:0;} .gallery-window button[data-g-change="next"]{right:0;} .gallery-window button[data-g-change="close"]{right:0;top:0;transform:none;} /*----------------------------------------------------< MEDIA QUERIES >---------------------------------------------------*/ /************* max 1250 **************/ @media screen and (max-width:1250px){ #f .lg {display:none;} #p .cn .ct{display:block;} #p .cn .ct .lf{padding-right:0;} #p .cn .ct .frm{margin-top:calc(25px + 10 * (100vw - 320px) / 1080);width:100%;max-width:100%;flex-basis:100%;} .fake-header .b .col-6 {flex-basis: 33.3333333333%;max-width: 33.3333333333%;} #f .footer-bottom .row {flex-direction: column; align-items: start;} #f .legal .row {flex-direction: row; width: 90%; justify-content: space-between;} .red, .blue { padding: calc(90px + 15 * (100vw - 320px) / 1080); } } /************* max 1084 **************/ @media screen and (max-width:1084px){ .fake-header .b {flex-direction: column;} .fake-header .b .row {justify-content: space-evenly; align-items: center;} .fake-header .b .col-6 {flex-basis: 0; max-width: 100%;} .fake-header .l {display: flex; flex-direction: column; margin-bottom: calc(20px + 20 * (100vw - 320px) / 1080);} .fake-header .l a {margin-bottom: calc(20px + 20 * (100vw - 320px) / 1080);} .fake-header .nav-pages .row { position: fixed; top: 0; display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; transform: translate(-100%, -0%); transition: transform 0.3s ease 0.3s; height: 100%; z-index: 9999; } .fake-header .nav-pages .btn-close { display:block; position: absolute; z-index: 9999; pointer-events: none; right: 60px; top: 60px; } .fake-header .open .row {opacity: 1;transition: transform 0.3s ease 0.3s;transform: translate(0%, 0%);} .fake-header .nav-pages ul li:before {display: none;} .fake-header .nav-pages .btn {display: block; padding: 1em; text-align: center; border-radius: 25px; margin: auto auto calc(25px + 20 * (100vw - 320px) / 1080) auto;} .fake-header .nav-pages span {cursor: pointer; pointer-events: all;} #fi .fake-header .nav-pages .btn {border:solid #c00e0e;} #epi .fake-header .nav-pages .btn {border:solid #0c3274;} #fi .fake-header .nav-pages ul li a:hover {color: #000000;} #epi .fake-header .nav-pages ul li a:hover {color: #ffffff;} #fi .fake-header .nav-pages .row {background-color: #c00e0e;} #epi .fake-header .nav-pages .row {background-color: #0c3274;} .padding-col {padding-left: 0;} .col-6 {flex-basis: 0; max-width: 100%;} #banner .content-text {min-height: 20vh;} .content .row {display: block!important;} /*.description #pr{max-width: 100%; height: 30vh;}*/ .content .line-color {display: none;} .content .nav-pages a {margin: 0 calc(5px + 3 * (100vw - 320px) / 1080);} } /************* max 1000 **************/@media screen and (max-width: 1000px) { .article-listing{grid-template-columns: auto auto;padding: 25px;grid-gap: 30px;} .article-listing .article-img {height: 28vw;width: 100%;overflow: hidden;} #p.cn .ct{flex-direction: column-reverse;} #p.cn .ct .lf {width: 100%; text-align: center; padding: 0;} #p.cn .ct .frm {width: 100%; margin-bottom: 2em;} } /************* max 950 **************/ @media screen and (max-width:950px){ #h .rs-ad{display:none;} #h .b, .fix #h .b{padding:15px 15px 15px 25px;} #h #n {right: -750px;} #s .swiper-slide .ct{padding-right:0;padding-bottom:calc(110px + 5%);text-align:center;} #s .txt{width:100%;} #s .sub{padding-left:1rem;} #s .b{bottom:0;padding:10px;} #s .b .ct{width:100%;} #s .rs{padding-left:15px;} #t{padding-bottom:0;} .homepage a img{max-height: 100px;} .home-choices{display: block; height: 100vh;} .blue, .red{width: 100%; height: 50vh; padding: calc(30px + 30 * (100vw - 320px) / 1080);} .home-choices h2{font-size: 2em;} .home-choices a{font-size: 1.2em;} #h.homepage {padding: 1em; justify-content: space-between; align-items: center; flex-direction: row;} #h.homepage a {margin-top: 0; width: calc(60px + 30 * (100vw - 320px) / 1080);} #h.homepage h1 {text-align: start;} #f.homepage {position: relative;} #f.homepage ul {flex-direction: column;} #f .infos-footer {flex-wrap: wrap; justify-content: center;} #f .infos-footer .col-4{margin: 0 0 1em 0;} #f .footer-bottom .row {flex-flow: column;} #f .footer-bottom ul li {line-height: 1.6em;} .pdts li {width: 100%;} .fake-header .b .logo {display: block; padding: 0.5em 0;} #h .b .lo {display: none;} } /************* max 800 **************/ @media screen and (max-width:800px){ #pr .ct{padding-bottom:0} #pr .sw-p{display:none;} .content .nav-pages {flex-direction: column;} .content .nav-pages ul {flex-direction: column;margin-bottom: 1em;} .content .nav-pages ul li{line-height: 1.6;} .content .nav-pages ul li:before{display: none;} .intro .img-block {width: 50%} .tableau {display: block; overflow: scroll;} } /************* max 650 **************/@media screen and (max-width: 650px) { .article-listing{grid-template-columns: auto;grid-gap: 0px;} .article-listing .article-img {height: 50vw;} } /************* max 600 **************/ @media screen and (max-width:600px){ #f .t .ct{display:block;} #f .t .ct > .mx + .mx{margin-top:calc(20px + 20px);} #f .mx{font-size:1.1rem;} #f .tit{font-size:1.2rem;} #pr {height: 50vh;} #f .infos-footer {flex-direction: column; justify-content: center; text-align: center; width: 100%;} #f .infos-footer .col-4 {flex-basis: 100%; max-width: 100%; width: 100%;} #f .infos-footer .line {display: none;} #f .footer-bottom .legal {flex-basis: 75%; max-width: 75%;} .banner .content .ct {flex-direction: column; justify-content: center; text-align: center;} .banner .content .ct .title-blc {margin-top: 1em;} } /************* max 550 **************/ @media screen and (max-width:550px){ .intro {flex-direction: column;} .intro .img-block {width: 100%} .intro .text-block {width: 100%} .content .description .pdts li div{flex-direction: column;} .fake-header{padding-top: 2em;} } /************* max 300 **************/ @media screen and (max-width:300px){ #h #n {right: -840px; top: 75px;} }