@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-regular.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-regular.woff') format('woff'), url('../../fonts/montserrat-v25-latin_latin-ext-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-italic.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-italic.woff') format('woff'), url('../../fonts/montserrat-v25-latin_latin-ext-italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-700.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-700.woff') format('woff'), url('../../fonts/montserrat-v25-latin_latin-ext-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../../fonts/montserrat-v25-latin_latin-ext-700italic.woff2') format('woff2'), url('../../fonts/montserrat-v25-latin_latin-ext-700italic.woff') format('woff'), url('../../fonts/montserrat-v25-latin_latin-ext-700italic.ttf') format('truetype');
}
@font-face {
  font-family: 'babec-font';
  font-style: normal;
  src: url('../../fonts/babec-front-font.woff2') format('woff2'), url('../../fonts/babec-front-font.woff') format('woff'), url('../../fonts/babec-front-font.ttf') format('truetype');
}


ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-top: 0; margin-bottom: 20px; } dt { font-weight: 700; } dd { margin-left: 0; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } *, *:before, *:after { box-sizing: border-box; } html { font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } hr { color: inherit; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 1em; } table { text-indent: 0; border-color: inherit; } ::-moz-focus-inner { border-style: none; padding: 0; } :-moz-focusring { outline: 1px dotted ButtonText; } :-moz-ui-invalid { box-shadow: none; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } ::-webkit-search-decoration { -webkit-appearance: none; } :root { --babec-brown: #b99a49; --babec-red: #ab0126; --babec-black: #151814; --website-width: 980px; --default-theme-color: #b99a49; --body-bg-color: #FFF; --font-family: "Montserrat", sans-serif; --text-color: #222222; --links-color: #b99a49; --headers-color: #b99a49; --hr-color: #b99a49; --button-color: #b99a49; --button-color-text: #FFF; --header-bg-color: #FFF; --header-bg-color-xs: #F9F9F9; --header-height-xs: 85px; --header-height: 160px; --main-logo-xs: 85px; --main-logo: 160px; --footer-height: 155px; --footer-height-small: 85px; --footer-bg-color: #222222; --footer-fg-color: #FFF; } .ico { display: inline-block; font-family: 'babec-font'; font-style: normal !important; font-weight: normal !important; line-height: 1 !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ico:before { display: inline-block; } .ico.ico-email:before { content: "\E011"; } .ico.ico-map:before { content: "\E243"; } .ico.ico-phone:before { content: "\E442"; } .list-bullet, .list-square { padding-left: 20px; margin-left: 12px; } .list-square { list-style-type: square; } .list-unstyled { padding-left: 0; list-style: none; } .list-unstyled li { padding-bottom: 4px; } .list-unstyled ul { margin-top: 4px; margin-bottom: 4px; padding-left: 20px; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline li { padding-bottom: 4px; } .list-inline ul { margin-top: 4px; margin-bottom: 4px; padding-left: 20px; list-style: none; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .list-numbered { padding-left: 1em; display: flex; flex-direction: column; } .list-numbered > li { padding-left: .5em; } .list-dashed { padding-left: 1em; list-style: none; } .list-dashed > li:before { width: 1em; display: inline-block; margin-left: -1em; content: "-"; } .dl-horizontal dd { display: flow-root; } html { position: relative; min-height: 100vh; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-size: .9em; line-height: 1.388888; overflow-x: hidden; } hr { margin-top: 18px; margin-bottom: 18px; border-width: 1px 0 0 0; border-color: #eeeeee; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 100vw; } .clearfix { display: flow-root; } .clearfloat:before { content: " "; display: table; height: 0; visibility: hidden; clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hidden { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } p + ul:not([class='']) { margin-top: 4px; } p.smaller { font-size: .9em; } .fade { opacity: 0; transition: opacity .15s linear; } .fade.in { opacity: 1; } a[class$='-link.nopadding'], button[class$='-link.nopadding'], .btn[class$='-link.nopadding'] { padding-left: 0; padding-right: 0; } figure { margin: 0; } figure figcaption { max-width: 500px; margin: 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } figure.inline > a { display: block; } figure:not(.inline):not(.pull-right):not(.pull-left) + p { margin-top: 20px; } p + figure:not(.pull-left):not(.pull-right) { margin-top: 20px; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #285f8f; } .bg-success { background-color: #5cb85c; } a.bg-success:hover, a.bg-success:focus { background-color: #449d44; } .bg-info { background-color: #5bc0de; } a.bg-info:hover, a.bg-info:focus { background-color: #31b0d5; } .bg-warning { background-color: #f0ad4e; } a.bg-warning:hover, a.bg-warning:focus { background-color: #ec971f; } .bg-danger { background-color: #d9534f; } a.bg-danger:hover, a.bg-danger:focus { background-color: #c9302c; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #285f8f; } .text-success { color: #5cb85c; } a.text-success:hover, a.text-success:focus { color: #449d44; } .text-info { color: #5bc0de; } a.text-info:hover, a.text-info:focus { color: #31b0d5; } .text-warning { color: #f0ad4e; } a.text-warning:hover, a.text-warning:focus { color: #ec971f; } .text-danger { color: #d9534f; } a.text-danger:hover, a.text-danger:focus { color: #c9302c; } a[href^="mailto:"], a[href^="tel:"] { white-space: nowrap; } a.focus, button.focus, a:focus, button:focus { outline: none !important; outline-offset: 0 !important; } a, button, [role="button"] { cursor: pointer; } a, button { background-image: none; } address { margin-bottom: 20px; font-style: normal; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; } blockquote { padding: 10px 20px; font-style: italic; border-left: 5px solid #eeeeee; font-size: 1.2em; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer { display: block; font-size: 90%; line-height: 1; margin-top: 14px; color: #777777; } blockquote footer:before { content: '\2014 \00A0'; } button { font-family: inherit; font-size: inherit; line-height: inherit; } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 1.3em; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #eeeeee; } iframe { max-width: 100%; } figure { margin: 0; } figure img { display: block; margin-right: auto; margin-left: auto; } figure figcaption { display: block; opacity: .8; font-style: italic; text-align: center; } img, video, audio, embed, object { max-width: 100%; } video, embed, object { height: auto !important; } img { vertical-align: middle; -ms-interpolation-mode: bicubic; } p { margin: 0 0 10px 0; } big { font-size: 115%; } mark { background-color: #f0ad4e; padding: .2em; } abbr[title] { cursor: help; border-bottom: 1px dotted #777777; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 75%; font-weight: normal; line-height: 1; } .closer { font-family: Helvetica, sans-serif !important; margin-left: 15px; font-size: 40px; line-height: 42px; text-shadow: 0 1px 0 #FFF; color: inherit; cursor: pointer; opacity: 1; } button.closer { padding: 0; background: transparent; border: 0; -webkit-appearance: none; } .closer:hover, .closer:focus { text-decoration: none; opacity: .8; } .btn-default { background-color: #EFEFEF; border-color: #e5e5e5; color: #222; text-shadow: 0 1px 0 rgba(34, 34, 34, 0.2); } .btn-default:hover, .btn-default:focus { background-color: #f7f7f7; border-color: #EFEFEF; color: #222; } .btn-success { background-color: #5cb85c !important; border-color: #4eb24e !important; color: #FFF !important; } .btn-success:hover, .btn-success:focus { background-color: #67bd67 !important; border-color: #5cb85c !important; color: #FFF !important; } .btn-info { background-color: #5bc0de !important; border-color: #4ab9db !important; color: #FFF !important; } .btn-info:hover, .btn-info:focus { background-color: #68c5e1 !important; border-color: #5bc0de !important; color: #FFF !important; } .btn-warning { background-color: #f0ad4e !important; border-color: #eea43b !important; color: #FFF !important; } .btn-warning:hover, .btn-warning:focus { background-color: #f1b45c !important; border-color: #f0ad4e !important; color: #FFF !important; } .btn-danger { background-color: #d9534f !important; border-color: #d5433e !important; color: #FFF !important; } .btn-danger:hover, .btn-danger:focus { background-color: #dc5f5c !important; border-color: #d9534f !important; color: #FFF !important; } .app-messages { position: fixed; top: 0; left: 0; right: 0; z-index: 2147483; justify-content: center; flex-direction: column; } .app-messages.backgrounded { background-color: rgba(0, 0, 0, 0.4); height: 100vh; margin: 0; padding-top: 20px; top: 0 !important; } .app-messages:empty { display: none; } .alert { display: flex; flex-wrap: wrap; align-items: center; max-width: 600px; color: #FFF; border: none; margin: 0 auto; font-size: 1.1em; padding-left: 15px; padding-right: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .alert a { font-weight: 700; color: inherit !important; } .alert p:last-child, .alert ul:last-child { margin-bottom: 0; } .alert > div { flex-grow: 1; } .alert.alert-success { background-color: #5cb85c; } .alert.alert-info { background-color: #5bc0de; } .alert.alert-warning { background-color: #f0ad4e; } .alert.alert-danger { background-color: #d9534f; } .alert + .alert { margin-top: 6px; } .alert.alert-dismissible { position: relative; } .alert.alert-dismissible > div { max-width: 90%; } .alert .closer { font-size: 30px; line-height: 30px; text-shadow: none; } #confirmModal .confirm-message { margin-bottom: 30px; } #confirmModal .confirm-message > p { font-size: 1.2em; } #confirmModal .confirm-buttons { display: flex; } #confirmModal .confirm-buttons .btn.confirm-button { flex: 50%; } #browser { width: 100vw; min-height: calc(100vh - 20px); overflow: auto; display: none; padding: 10px; background-color: rgba(0, 0, 0, 0.8); color: #222; position: fixed; top: 0; left: 0; right: 0; bottom: 0; font-size: 1.2em !important; z-index: 2247483645; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #browser > div { background-color: #FFF; padding: 20px; min-height: calc(100vh - 80px); } #browser > div > div { max-width: 700px; margin-left: auto; margin-right: auto; } #browser .browsercheck-logo { width: 100%; max-width: 500px; height: 200px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-image: url('../images/system/browsercheck.png'); margin-bottom: 20px; margin-left: auto; margin-right: auto; } #browser h3 { margin-bottom: 0; font-size: 1.1em; } #browser p + ul { margin-top: 12px; } #browser p.browser-error { background-color: #991415; color: #FFF; padding: 4px 10px; line-height: 1; } #browser noscript p { text-align: center; line-height: 2; font-size: 30px; } body.incompatible-browser { overflow: hidden; } body.incompatible-browser #browser { display: block; } body.incompatible-browser noscript .app-messages { display: none; } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; } h6 { font-size: .9em; } p.timestamp { margin-top: 0 !important; font-style: italic !important; } .error-box { margin: 0 auto; text-align: center; } .error-box img { display: block; margin: 20px auto; } .error-box p { text-align: center !important; } .error-box p:first-of-type { color: #d9534f; font-size: 1.2em; font-weight: 700; margin-bottom: 20px; } .page-contents > div > h1:first-child, .page-contents > div > h2:first-child, .page-contents > div > h3:first-child, .page-contents > div > h4:first-child, .page-contents > div > h5:first-child, .page-contents > div > h6:first-child { margin-top: 0; } .center-notification { text-align: center; } .center-notification p { font-size: 1.3em; font-weight: 700; font-variant: small-caps; margin: 5px; text-align: center !important; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:active, .btn.active { outline: 0; } .btn.disabled { cursor: not-allowed; opacity: .8; } a.btn.disabled { opacity: .7; } .btn.btn-lg { padding: 10px 16px; font-size: 1.2em; } .btn.btn-sm { padding: 5px 10px; font-size: .85em; } .btn.btn-xs { padding: 1px 5px; font-size: .8em; } .flag-icon { width: 40px; height: 25px; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; color: transparent; } .flag-icon:before { content: '\00a0'; } .flag-icon.small { width: 20px; height: 14px; border: none; } .flag-icon.f-fr, .flag-icon[data-lang='fr'] { background-image: url(../images/flags/fr.png); } .flag-icon.f-en, .flag-icon[data-lang='en'] { background-image: url(../images/flags/en.png); } .flag-icon.f-it, .flag-icon[data-lang='it'] { background-image: url(../images/flags/it.png); } .flag-icon.f-es, .flag-icon[data-lang='es'] { background-image: url(../images/flags/es.png); } .flag-icon.f-de, .flag-icon[data-lang='de'] { background-image: url(../images/flags/de.png); } .footer-contact { margin-bottom: 30px; } .footer-contact a { position: relative; justify-content: center; } .footer-contact a > span.glyphicons { flex: 0 0 40px; font-size: 1.3em; margin-right: .5em; } .footer-contact a > span.glyphicons:before { padding: 10px; } .footer-contact a.map > span.glyphicons:before { content: "\E243"; } .footer-contact a.phone > span.glyphicons:before { content: "\E442"; } .footer-contact a.email > span.glyphicons:before { content: "\E011"; } .footer-contact a > span:not(.glyphicons) { display: flex; flex-direction: column; } .footer-contact a > span:not(.glyphicons) > strong { text-transform: uppercase; } .footer-contact a > span:not(.glyphicons) > strong + br { display: none !important; } .footer-contact a:hover, .footer-contact a:focus { background-color: rgba(255, 255, 255, 0.2); } .foot-line { display: flex; background-color: rgba(150, 150, 150, 0.1); padding: 5px 10px; margin-top: 30px; font-size: .9em; } .foot-line .menu { font-size: 1.08em; display: inline-block; } .foot-line .menu a { color: #222; } .foot-line .menu a.active { font-weight: 700; } .footer-menu > div p.h { line-height: 1; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; } .footer-menu > div p.i { line-height: 1; margin-bottom: 0; } .footer-menu nav { display: flex; } .footer-menu nav > a { display: block; font-size: 1.1em; } .footer-menu nav > a.active { font-weight: 700; } .footer-menu nav > a + a { margin-top: 6px; } :root { --jizy-tooltip-bg-color: var(--babec-red); --jizy-modalizer-closer-color: var(--babec-brown); --jizy-modalizer-sm-width: 20vw; } body { font-family: "Montserrat", sans-serif; color: var(--text-color); background-color: var(--body-bg-color); } h1, h2, h3 { color: var(--headers-color); } h1 small, h2 small, h3 small { color: inherit; } h1 { font-size: 1.4em; margin: 0 0 30px 0; text-align: center; } h2 { font-size: 1.25em; margin: 14px 0; font-variant: small-caps; } h3 { font-size: 1em; margin: 14px 0; } a { color: var(--links-color); } a:hover, a:focus { opacity: .8; } .btn-primary { background-color: #b99a49; border-color: #ac8e42; color: #FFF; } .btn-primary:hover, .btn-primary:focus { background-color: #bda054; border-color: #b99a49; color: #FFF; } .modalizer { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .main-logo img { display: block; max-height: 100%; } .website-credits p > a { white-space: nowrap; display: inline-block; } .page-contents { position: relative; padding-top: 20px; padding-bottom: 20px; } body > header { position: relative; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body > main { max-width: 100vw; overflow: hidden; } body > main .container { position: relative; } body > footer { position: relative; background-color: var(--footer-bg-color); color: var(--footer-fg-color); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); text-shadow: 0px 1px 1px #222; z-index: 1000; } body > footer .container { padding-top: 20px; padding-bottom: 10px; } body > footer a { color: #FFF !important; } body > footer a:hover, body > footer a:focus { opacity: .8; } body.page.home .intro { margin-bottom: 20px; } body.page.home .competences { margin-bottom: 20px; } .footer-contact { margin-bottom: 20px; } .footer-contact a span strong { text-transform: uppercase; } .footer-contact a > span.ico { flex: 0 0 40px; font-size: 1.3em; margin-right: .5em; } .footer-contact a > span.ico:before { padding: 0 10px 10px 10px; } .glyphicons-refresh:before { content: "\E082"; }
@media(max-width: 767px){ body.noscroll { overflow-y: hidden; } .hidden-xs { display: none !important; } figure.inline > img + img { margin-top: 20px; } figure.inline > a + a { margin-top: 20px; } figure.pull-right, figure.pull-left { float: none !important; margin-top: 10px; margin-bottom: 10px; } figure.pull-right img, figure.pull-left img { height: auto !important; } .app-messages { margin: 10px 3px; font-size: 1.1em; } .alert { padding-top: 6px; padding-bottom: 6px; } .footer-contact a { display: block; padding: 10px 0; } .foot-line { flex-direction: column; text-align: center; } .foot-line > div { margin-top: 6px; margin-bottom: 6px; } .foot-line .copyright { order: 3; } .foot-line .menu { order: 1; margin-bottom: 20px; } .footer-menu { margin-top: 30px; } .footer-menu > div + div { margin-top: 10px; } .footer-menu p.h { font-size: 1.2em; } .footer-menu p.i { font-size: 1em; } .footer-menu nav { flex-direction: column; row-gap: 10px; } body { padding-top: 85px; } .main-logo { height: 85px; padding: 11px 0; } .footer-contact a span strong { text-transform: uppercase; } body > header { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; background-color: #F9F9F9; min-height: 85px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6); } body > header .container { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; } body > footer { text-align: center; } body > footer address { text-align: center; } .page-contents { padding-top: 40px; } body.page.home .page-contents .home-gallery > div figure + figure { margin-top: 14px; } body.page.home .page-contents .home-gallery > div + div { margin-top: 14px; } body.page.home .page-contents h2 { text-align: center; } body.page.home .intro > div { margin-bottom: 20px; } }
@media(min-width: 768px){ .visible-xs { display: none !important; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } figure.inline { display: flex; flex-wrap: wrap; justify-content: space-evenly; } figure.inline > img { margin-left: 0; margin-right: 0; max-width: 32%; } figure.inline > img + img { margin-left: 2%; } figure.inline > a { margin-left: 0; margin-right: 0; max-width: 32%; } figure.inline > a + a { margin-left: 2%; } figure.pull-left, figure.pull-right { margin-top: 4px; margin-bottom: 6px; } figure.pull-left { margin-right: 20px; margin-left: initial; } figure.pull-right { margin-left: 20px; margin-right: initial; } .app-messages { margin: 24px 6px; font-size: 1.2em; } .alert { padding-top: 10px; padding-bottom: 10px; border-radius: 3px; } #browser { padding: 40px; } #browser > div { min-height: calc(100vh - 80px); } #browser .browsercheck-logo { height: 300px; } .footer-contact { display: flex; align-items: center; justify-content: space-evenly; } .footer-contact a { flex: 0 1 30%; display: flex; align-items: center; border-radius: 10px; padding: 10px; transition: background-color 0.6s; } .footer-contact > span { width: 2px; height: 38px; margin: 6px 14px; background: #FFF; } .footer-contact a > span:not(.glyphicons) { display: flex; flex-direction: column; } .foot-line { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; } .foot-line .menu { flex-grow: 1; text-align: right; } .footer-menu { display: flex; justify-content: space-between; align-items: flex-start; -moz-column-gap: 20px; column-gap: 20px; margin-top: 50px; } .footer-menu > div { flex: 33%; } .footer-menu p.h { font-size: 1.3em; } .footer-menu p.i { font-size: 1.1em; } body { padding-top: 160px; } .container { max-width: 980px; } .main-logo { height: 160px; padding: 10px 0; } .footer-menu nav { justify-content: center; -moz-column-gap: 10px; column-gap: 10px; } body > header { background-color: #FFF; height: 160px; } body > header .container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; max-width: initial; margin: 0; padding: 0; transition: height .5s; } main { min-height: calc(100vh - 160px - 155px - 2px); } .home-gallery > div { display: flex; -moz-column-gap: 1px; column-gap: 1px; } .home-gallery > div + div { margin-top: 10px; } .home-gallery > div figure { flex: 25%; } .home-gallery > div figure img { max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; } .page.home .intro { display: flex; -moz-column-gap: 40px; column-gap: 40px; margin-top: 20px; } .page.home .intro > div { flex: 70%; } .page.home .intro > figure { width: 240px; } .page.home .competences { display: flex; flex-wrap: wrap; -moz-column-gap: 40px; column-gap: 40px; margin-top: 20px; } .page.home .competences > h2 { flex: 100%; } .page.home .competences > div { flex: 240px; } .page.home .competences > div:first-of-type { flex: 45%; } .footer-contact a > span > strong, .footer-contact a > span > strong + br { display: none; } .footer-contact a > span.ico { display: inline-block; flex: 0 0 40px; } }
@media not print { .slider-hidden { height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; border-top-width: 0 !important; border-bottom-width: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden !important; } } @media (max-width: 370px) { .page.home .page-contents h1 { font-size: 1.3em; } .page.home .page-contents h1 > span { display: none; } .page.home .page-contents h2 { font-size: 1.2em; } }