/* * Theme Name: HTML5 BLANK - ÄGG * Theme URI: http://html5blank.com/ * Author: Créé par Todd Motto - Adapté par Julien Noyelle * URL: html5blank.com @html5blank - noyellej.fr * Description: Thème pour ägg * Version: 2.0 * License: GNU General Public License v2 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html */ .container-fluid{margin-right:auto;margin-left:auto;}.row{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display: flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}.row.reverse{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:left;text-align:start}.center-xs{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:right;text-align:end}.top-xs{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-xs{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}@media only screen and (min-width:48em){.container{width:46rem;margin:0 auto}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-sm{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:left;text-align:start}.center-sm{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:right;text-align:end}.top-sm{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-sm{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-sm{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-sm{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:62em){.container{width:61rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-md{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:left;text-align:start}.center-md{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:right;text-align:end}.top-md{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-md{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-md{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-md{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:92em){.container{width:90rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-lg{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-0{-ms-flex-preferred-size:0%;flex-basis:0%;max-width:0%;padding:0}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-lg{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-lg{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}} #tarteaucitronAlertSmall { display: none !important } @font-face { font-family: 'NeuzeitOfficeW01'; src: url('fonts/NeuzeitOfficeW01-Regular.eot'); src: url('fonts/NeuzeitOfficeW01-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/NeuzeitOfficeW01-Regular.woff2') format('woff2'), url('fonts/NeuzeitOfficeW01-Regular.woff') format('woff'), url('fonts/NeuzeitOfficeW01-Regular.ttf') format('truetype'), url('fonts/NeuzeitOfficeW01-Regular.svg#NeuzeitOfficeW01-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Neuzeit S LT Std'; src: url('fonts/NeuzeitSLTStd-BookHeavy.eot'); src: url('fonts/NeuzeitSLTStd-BookHeavy.eot?#iefix') format('embedded-opentype'), url('fonts/NeuzeitSLTStd-BookHeavy.woff2') format('woff2'), url('fonts/NeuzeitSLTStd-BookHeavy.woff') format('woff'), url('fonts/NeuzeitSLTStd-BookHeavy.ttf') format('truetype'), url('fonts/NeuzeitSLTStd-BookHeavy.svg#NeuzeitSLTStd-BookHeavy') format('svg'); font-weight: 900; font-style: normal; } * { margin: 0; padding: 0; border: 0; box-sizing: border-box; } article, aside, footer, header, nav, section, video, object { display:block; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1em; font-size: 1em; } img, object, embed { max-width: 100%; height: auto; } svg { stroke-linejoin:round; stroke-width:2px; height: 100%; overflow: hidden } strong { font-weight: bold; } a { color: inherit; text-decoration: none; position: relative } p, ul { clear: both; padding: 0; } ul { list-style-type: none } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #ffffff no-repeat 98% 50%; padding-right: 2.5rem !important } select::-ms-expand { display: none; } option { padding: 0 0.4rem; font-family: inherit; font-size: 1rem } iframe { max-width: 100%; } *::selection { background-color: #000; color: #fff; } *::-moz-selection { background-color: #000; color: #fff; } [placeholder]{ text-overflow:ellipsis; } ::-webkit-input-placeholder { text-overflow:ellipsis; } ::-moz-placeholder { text-overflow:ellipsis;} :-ms-input-placeholder { text-overflow:ellipsis; } :-moz-placeholder { text-overflow:ellipsis; } body, html { padding: 0; margin: 0; } header { color: white; z-index: 2; position: fixed;top: 0; left: 0; right: 0; } header .header_container { display: flex; justify-content: space-between; align-items: center; padding: 40px 50px; } header .header_container .title { margin-left: 50px;font-family: "NeuzeitOfficeW01", sans-serif; font-size: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .titre_container { font-size: 33px; font-family: "Neuzeit S LT Std", sans-serif;} .langs { display: flex; justify-content: center; color: white; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 22px; } .lang_text { text-decoration: underline; } .lang a .lang_text { text-decoration: none; } .menu_opener, .goback { text-align: right; font-size: 30px; margin-bottom: 2px; cursor: pointer; } .langs > *:not(:last-child) { margin-right: 5px!important; } .term_title { max-width: 350px; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #frontpagelink { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; color: white; font-size: 100px; font-family: "Neuzeit S LT Std", sans-serif; } #frontpagelink span { position: relative; z-index: 3; } #frontpagelink .shape1 { position: absolute; animation: shapea 3s cubic-bezier(0,0,1,1) infinite; animation-direction: alternate; z-index: 2; width: 50%; height: 50%; left: 15%; right: 100%; top: 35%; } #frontpagelink .shape2 { position: absolute; animation: shapeb 3s cubic-bezier(0,0,1,1) infinite; animation-direction: alternate; z-index: 1; width:50%; height: 50%; left: 40%; right: 0; top: 20%; } #frontpagelink .shape1 .cls-1 { stroke: transparent; fill: #E20613; } #frontpagelink .shape2 .cls-1 { stroke: transparent; fill: #312782; } @keyframes shapea { 0%{ transform: translateY(25px) translateX(50px) rotate(25deg); } 50% { transform: translateY(-50px) translateX(0) rotate(0deg); } 100% { transform: translateY(-150px) translateX(0) rotate(-45deg); } } @keyframes shapeb { 0%{ transform: translateY(0) translateX(-50px) rotate(0deg); } 50% { transform: translateY(80px) translateX(0) rotate(35deg); } 100% { transform: translateY(100px) translateX(-25px) rotate(35deg); } } @keyframes colored { 0% { background-color: #302e2a; } 14% { background-color: #c22322; } 29% { background-color: #94ba3a; } 43% { background-color: #939b9c; } 57% { background-color: #7eb2e1; } 71% { background-color: #c1a97a; } 86% { background-color: #5da686; } 100% { background-color: #302e2a; } } @keyframes coloredcolor { 0% { color: #302e2a; } 14% { color: #c22322; } 29% { color: #94ba3a; } 43% { color: #939b9c; } 57% { color: #7eb2e1; } 71% { color: #c1a97a; } 86% { color: #5da686; } 100% { color: #302e2a; } } footer { background: black; color: white;border-top: 2px solid black; bottom: 0; left: 0; right: 0; text-align: right; padding-bottom: 90px; padding-top: 90px; padding-left: 20px; padding-right: 20px; } footer div { text-align: center; line-height: 50px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 26px; font-family: "NeuzeitOfficeW01", sans-serif; } footer div a { margin-left: 5px; line-height: 50px; } footer div b { font-family: "Neuzeit S LT Std", sans-serif; } footer #footer_circles { position: relative; display: flex; margin-left: 20px; flex-wrap: wrap; } footer #footer_circles div:nth-child(1) , footer #footer_circles div:nth-child(2) { content: ''; width: 16px; height: 16px; border-radius: 100%; margin-right: 5px; margin-left: 5px; } #footer_circles div { background-color: white !important } .single_header, .content { padding: 0 50px; } .single_image { background-size: cover; background-position: 50% 35%; min-height: 34vw } .content { font-family: "NeuzeitOfficeW01", sans-serif; font-size: 22px; color: #1d1d1b; max-width: 70rem; margin: 0 auto 150px } .content a { color: #62baea; } .content img { max-width: 100% } .content iframe {margin-top: 70px; margin-bottom: 70px; } .content ol, .content ul { margin-left: 20px; } .content ol > *, .content ul > * { padding-left: 15px; } .item svg { width: 95%; } .item svg .cls-1 { stroke-width: 4px; fill: transparent; } .item { position: relative; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 22px; } .item a { cursor: pointer; position: absolute; right: 0; left: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; color: white; } .item a span { z-index: 1; position: absolute; } .item a:hover span { color: white; } .bloc{width: 100%;} .bloc_texte .titre { font-family: "Neuzeit S LT Std", sans-serif; font-size: 33px; color: #FCC200;margin-top: 50px; } .double {display: flex; flex-direction: column; font-size: 16px; font-family: "NeuzeitOfficeW01", sans-serif; margin-top: 25px; white-space: pre-wrap; } .double a { color: #FCC200; } .double a:hover { text-decoration: underline; } .double > *:not(:last-child) { margin-bottom: 50px; } .menu_desktop { z-index: 2; width: 100%; left: 0; right: 0; transform-origin: 100% 100%; position: fixed; transition: .5s transform; color: white; padding-left: 70px; padding-bottom: 50px; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 22px; } .menu_desktop_full { z-index: 2; width: 100%; left: 0; right: 0; transform-origin: 100% 100%; position: fixed; transition: .5s transform; color: white; padding-left: 50px; padding-bottom: 50px; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 22px; } .menu_desktop_full.hide { transform: scaleX(0); } .menu_desktop.hide { transform: scaleX(0); } .menu_desktop a:hover{ text-decoration: underline; } .header_buttons { margin-top: 25px; } .menu_desktop button { font-family: "NeuzeitOfficeW01", sans-serif; font-size: 22px; background: transparent; display: block; color: white; } .menu_desktop_full > * { display: none; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 33px; } .bloc_texte .texte iframe .vp-center{align-items:flex-start} .content iframe{margin: 20px 0px} .items_full { display: flex; justify-content: center; align-items: center; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 26px; text-align: center; white-space: pre-wrap; margin: 0 50px 25px 50px; } .items:nth-child(odd) { margin-bottom: 34px; } @media only screen and (max-width: 799px) { .items_full { font-size: 18px!important; } .items{height: auto!important;} .items:last-child{margin-bottom: 100px;} .term_title, .title { display: none; } .titre_container { margin-right: 20px; } .menu_opener { margin-left: 20px; } } @media only screen and (max-width: 989px) { footer { display: block!important;border-top: 2px solid black; z-index: 1; bottom: 0; left: 0; right: 0; text-align: right; padding-bottom: 15px; padding-top:15px; padding-left: 20px; padding-right: 20px; } footer div {text-align: center;line-height: 20px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 12px;font-family: "NeuzeitOfficeW01", sans-serif;} footer div a {margin-left: 5px;line-height: 5px;} footer div b { font-family: "Neuzeit S LT Std", sans-serif; } footer #footer_circles {position: relative;display: flex;margin-left: 5px;flex-wrap: wrap;} footer #footer_circles div:nth-child(1) , footer #footer_circles div:nth-child(2) { content: ''; background-color: white; width: 16px; height: 16px; border-radius: 100%; margin-right: 5px; margin-left: 5px; } } @media only screen and (min-width: 800px) { .menu_opener { margin-left: 140px; } .titre_container { margin-right: 100px; } header .header_container .title { font-size: 22px; margin-left: 100px; font-style: italic; } .term_title { font-size: 22px;} .langs_container { margin-left: 100px; } .menu_desktop { width: 350px; left: calc(100% - 350px); right: 0; } .double > * { flex: 1; width: 50%; } .double { flex-direction: row; } .double > *:nth-child(1) { margin-right: 50px; } .items { display: flex; } .items:nth-child(2n+1) .item a { top: 20px; } .items:nth-child(2n) .item a { bottom: 20px; } .item { width: calc(100% / 3); position: relative; font-family: "NeuzeitOfficeW01", sans-serif; font-size: 22px; } .item a span { z-index: 1; position: relative; } .item svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; } } @media only screen and (min-width: 990px) { footer { display: block!important; padding-top: 20px; padding-bottom: 20px; z-index: 1 } footer div { line-height: 22px; justify-content: flex-end; font-size: 21px;} footer div a { line-height: 10px; } footer #footer_circles { padding-right: 18px; } } /* XXL */ @media only screen and (min-width: 1200px) { .titre_container { margin-right: 200px; } .langs_container { margin-left: 200px; } header .header_container .title { font-size: 22px; margin-left: 200px; } header .header_container .title { font-size: 33px; } .term_title { font-size: 33px; } }