@charset "UTF-8";

@font-face {
font-family: 'FuturaPT-Book';
src: url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Book.ttf) format("truetype"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Book.woff) format("woff"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Book.eot) format("eot");
}
@font-face {
font-family: 'FuturaPT-Demi';
src: url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Demi.ttf) format("truetype"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Demi.woff) format("woff"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Demi.eot) format("eot");
}
@font-face {
font-family: 'FuturaPT-Bold';
src: url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Bold.ttf) format("truetype"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Bold.woff) format("woff"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Bold.eot) format("eot");
}
@font-face {
font-family: 'FuturaPT-Heavy';
src: url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Heavy.ttf) format("truetype"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Heavy.woff) format("woff"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Heavy.eot) format("eot");
}
@font-face {
font-family: 'FuturaPT-Light';
src: url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Light.ttf) format("truetype"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Light.woff) format("woff"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Light.eot) format("eot");
}
@font-face {
font-family: 'FuturaPT-Medium';
src: url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Medium.ttf) format("truetype"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Medium.woff) format("woff"), url(//www.alteriade.fr/wp-content/themes/alteriade/src/fonts/futuraPT/FuturaPT-Medium.eot) format("eot");
}      *,
*::before,
*::after {
box-sizing: border-box; min-width: 0; min-height: 0; }  html {
font-size: 100%;
-webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; overflow-wrap: break-word; } body {
margin: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 2.8rem;
line-height: 1.5;
background-color: #ffffff;
color: #212529;
}  h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like {
color: #212529;
}  a {
color: #454d5d;
text-decoration: underline;
} a:focus,
a:hover,
a:active {
color: #212529;
text-decoration: underline;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  h1,
.h1-like,
h2,
.h2-like {
margin-top: 0;
margin-bottom: 3rem;
} p,
address,
ol,
ul,
dl,
blockquote,
pre,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
dt,
dd {
margin-top: 0;
margin-bottom: 0;
}  ol ol,
ol ul,
ul ol,
ul ul,
li ul,
li ol,
nav ul,
nav ol,
li p,
li .p-like {
margin-top: 0;
margin-bottom: 0;
}  ul,
ol {
padding-left: 3rem;
} nav ul,
nav ol {
list-style: none;
padding: 0;
}  audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} img,
table,
td,
blockquote,
pre,
code,
input,
textarea,
select,
video,
svg,
iframe {
max-width: 100%;
} iframe,
img,
input,
select,
textarea {
height: auto;
} img {
border-style: none;
}  iframe {
border-style: none;
}  svg:not([fill]) {
fill: currentColor;
}  svg:not(:root) {
overflow: hidden;
}  table {
border-collapse: collapse;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
border: 0;
border-top: 1px solid;
margin: 3rem 0;
clear: both;
color: inherit;
}  table {
width: 100%;
max-width: 100%;
table-layout: fixed;
border-collapse: collapse;
vertical-align: top;
margin-bottom: 3rem;
}  .visually-hidden,
.sr-only {
position: absolute !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
} @media (prefers-reduced-motion: reduce) { * {
animation: none !important;
transition: none !important;
}
}  [aria-busy="true"] {
cursor: progress;
}  [aria-controls] {
cursor: pointer;
}  [aria-disabled="true"],
[disabled] {
cursor: not-allowed;
}  [aria-hidden="false"][hidden] {
display: initial;
} [aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
position: absolute;
}     a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
-ms-touch-action: manipulation;
touch-action: manipulation;
}  button,
input,
select,
textarea {
margin: 0;
background-color: transparent; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; vertical-align: middle;
}  button,
input:not([type="radio"]):not([type="checkbox"]),
select,
textarea {
border: 0;
}  pre,
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } pre {
tab-size: 2;
white-space: pre-wrap;
line-height: normal;
overflow: auto;
-ms-overflow-style: scrollbar;
}  button,
input {
overflow: visible;
}  button,
select {
text-transform: none;
}  button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} form,
fieldset {
border: none;
} fieldset {
margin: 0;
padding: 3rem;
} legend {
display: table;
max-width: 100%;
padding: 0 0.5rem;
border: 0;
color: inherit;
white-space: normal;
} label {
display: inline-block;
cursor: pointer;
} textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
white-space: pre-wrap;
} progress {
display: inline-block;
width: 100%;
vertical-align: baseline;
} output {
display: inline-block;
} summary {
display: list-item;
} template {
display: none;
}     [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }  ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}  ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}  ::-webkit-search-decoration {
-webkit-appearance: none;
}  ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  ::-moz-focus-inner {
border-style: none;
padding: 0;
}  :-moz-focusring {
outline: 1px dotted ButtonText;
}  :-moz-ui-invalid {
box-shadow: none;
}   @media print { * {
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
} body {
width: auto;
margin: auto;
font-family: serif;
font-size: 12pt;
} p,
.p-like,
h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h5,
.h5-like,
h6,
.h6-like,
blockquote,
label,
ul,
ol {
color: #000;
margin: auto;
} .print {
display: block;
} .no-print {
display: none;
}  p,
.p-like,
blockquote {
orphans: 3;
widows: 3;
}  blockquote,
ul,
ol {
page-break-inside: avoid;
}   h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
caption {
page-break-after: avoid;
} a {
color: #000;
}  a[href^="javascript:"]::after,
a[href^="#"]::after {
content: "";
}
}     .layout-maxed {
display: grid;
}
@media (min-width: 576px) { .layout-maxed {
grid-template-columns: minmax(0, 1fr) minmax(auto, 576px) minmax(0, 1fr);
}
}
@media (min-width: 992px) { .layout-maxed {
grid-template-columns: minmax(0, 1fr) minmax(auto, 992px) minmax(0, 1fr);
}
}
@media (min-width: 1330px) { .layout-maxed {
grid-template-columns: minmax(0, 1fr) minmax(auto, 1330px) minmax(0, 1fr);
}
}  .layout-maxed > * {
grid-column: 2;
}  .layout-hero {
grid-column: 1 / -1;
display: grid;
grid-template-columns: inherit;
} .layout-hero > * {
grid-column: 2;
}  .layout-hero-img {
grid-column: 1 / -1;
justify-self: center;
max-width: 100%;
}  .hidden {
display: none;
} .block {
display: block;
} .inline {
display: inline;
} .inline-block {
display: inline-block;
} .flex {
display: flex;
} .flex-row {
flex-direction: row;
} .flex-col {
flex-direction: column;
} .flex-wrap {
flex-wrap: wrap;
} .flex-no-wrap {
flex-wrap: nowrap;
} .flex-shrink {
flex-shrink: 1;
} .flex-no-shrink {
flex-shrink: 0;
} .flex-grow {
flex-grow: 1;
} .flex-no-grow {
flex-grow: 0;
} .float-left {
float: left;
} .float-right {
float: right;
} .float-none {
float: none;
} .text-bold {
font-weight: bold;
} .text-italic {
font-style: italic;
} .text-uppercase {
text-transform: uppercase;
} .text-lowercase {
text-transform: lowercase;
} .text-smaller {
font-size: smaller;
} .text-bigger {
font-size: bigger;
} .text-left {
text-align: left;
} .text-center {
text-align: center;
} .text-right {
text-align: right;
} .text-justify {
text-align: justify;
} .text-wrap {
overflow-wrap: break-word;
} .justify-start {
justify-content: flex-start;
} .justify-end {
justify-content: flex-end;
} .justify-center {
justify-content: center;
} .justify-between {
justify-content: space-between;
} .justify-around {
justify-content: space-around;
} .justify-evenly {
justify-content: space-evenly;
} .justify-items-start {
justify-items: start;
} .justify-items-end {
justify-items: end;
} .justify-items-center {
justify-items: center;
} .align-start {
align-content: start;
} .align-end {
align-content: end;
} .align-center {
align-content: center;
} .align-between {
align-content: space-between;
} .align-around {
align-content: space-around;
} .align-evenly {
align-content: space-evenly;
} .align-items-start {
align-items: flex-start;
} .align-items-end {
align-items: flex-end;
} .align-items-center {
align-items: center;
} .place-center {
place-content: center;
} .justify-self-auto {
justify-self: auto;
} .justify-self-start {
justify-self: start;
} .justify-self-end {
justify-self: end;
} .justify-self-center {
justify-self: center;
} .justify-self-stretch {
justify-self: stretch;
} .align-self-auto {
align-self: auto;
} .align-self-start {
align-self: flex-start;
} .align-self-end {
align-self: flex-end;
} .align-self-center {
align-self: center;
} .align-self-stretch {
align-self: stretch;
} .align-top {
vertical-align: top;
} .align-bottom {
vertical-align: bottom;
} .align-middle {
vertical-align: middle;
} .item-first {
order: -100;
} .item-last {
order: 100;
}
@media (min-width: 576px) { .sm\:hidden {
display: none;
}
}
@media (min-width: 992px) { .md\:hidden {
display: none;
}
}
@media (min-width: 1330px) { .lg\:hidden {
display: none;
}
}
@media (min-width: 576px) { .sm\:block {
display: block;
}
}
@media (min-width: 992px) { .md\:block {
display: block;
}
}
@media (min-width: 1330px) { .lg\:block {
display: block;
}
}
@media (min-width: 576px) { .sm\:inline {
display: inline;
}
}
@media (min-width: 992px) { .md\:inline {
display: inline;
}
}
@media (min-width: 1330px) { .lg\:inline {
display: inline;
}
}
@media (min-width: 576px) { .sm\:inline-block {
display: inline-block;
}
}
@media (min-width: 992px) { .md\:inline-block {
display: inline-block;
}
}
@media (min-width: 1330px) { .lg\:inline-block {
display: inline-block;
}
}
@media (min-width: 576px) { .sm\:flex {
display: flex;
}
}
@media (min-width: 992px) { .md\:flex {
display: flex;
}
}
@media (min-width: 1330px) { .lg\:flex {
display: flex;
}
}
@media (min-width: 576px) { .sm\:flex-row {
flex-direction: row;
}
}
@media (min-width: 992px) { .md\:flex-row {
flex-direction: row;
}
}
@media (min-width: 1330px) { .lg\:flex-row {
flex-direction: row;
}
}
@media (min-width: 576px) { .sm\:flex-col {
flex-direction: column;
}
}
@media (min-width: 992px) { .md\:flex-col {
flex-direction: column;
}
}
@media (min-width: 1330px) { .lg\:flex-col {
flex-direction: column;
}
}
@media (min-width: 576px) { .sm\:flex-wrap {
flex-wrap: wrap;
}
}
@media (min-width: 992px) { .md\:flex-wrap {
flex-wrap: wrap;
}
}
@media (min-width: 1330px) { .lg\:flex-wrap {
flex-wrap: wrap;
}
}
@media (min-width: 576px) { .sm\:flex-no-wrap {
flex-wrap: nowrap;
}
}
@media (min-width: 992px) { .md\:flex-no-wrap {
flex-wrap: nowrap;
}
}
@media (min-width: 1330px) { .lg\:flex-no-wrap {
flex-wrap: nowrap;
}
}
@media (min-width: 576px) { .sm\:flex-shrink {
flex-shrink: 1;
}
}
@media (min-width: 992px) { .md\:flex-shrink {
flex-shrink: 1;
}
}
@media (min-width: 1330px) { .lg\:flex-shrink {
flex-shrink: 1;
}
}
@media (min-width: 576px) { .sm\:flex-no-shrink {
flex-shrink: 0;
}
}
@media (min-width: 992px) { .md\:flex-no-shrink {
flex-shrink: 0;
}
}
@media (min-width: 1330px) { .lg\:flex-no-shrink {
flex-shrink: 0;
}
}
@media (min-width: 576px) { .sm\:flex-grow {
flex-grow: 1;
}
}
@media (min-width: 992px) { .md\:flex-grow {
flex-grow: 1;
}
}
@media (min-width: 1330px) { .lg\:flex-grow {
flex-grow: 1;
}
}
@media (min-width: 576px) { .sm\:flex-no-grow {
flex-grow: 0;
}
}
@media (min-width: 992px) { .md\:flex-no-grow {
flex-grow: 0;
}
}
@media (min-width: 1330px) { .lg\:flex-no-grow {
flex-grow: 0;
}
}
@media (min-width: 576px) { .sm\:float-left {
float: left;
}
}
@media (min-width: 992px) { .md\:float-left {
float: left;
}
}
@media (min-width: 1330px) { .lg\:float-left {
float: left;
}
}
@media (min-width: 576px) { .sm\:float-right {
float: right;
}
}
@media (min-width: 992px) { .md\:float-right {
float: right;
}
}
@media (min-width: 1330px) { .lg\:float-right {
float: right;
}
}
@media (min-width: 576px) { .sm\:float-none {
float: none;
}
}
@media (min-width: 992px) { .md\:float-none {
float: none;
}
}
@media (min-width: 1330px) { .lg\:float-none {
float: none;
}
}
@media (min-width: 576px) { .sm\:text-bold {
font-weight: bold;
}
}
@media (min-width: 992px) { .md\:text-bold {
font-weight: bold;
}
}
@media (min-width: 1330px) { .lg\:text-bold {
font-weight: bold;
}
}
@media (min-width: 576px) { .sm\:text-italic {
font-style: italic;
}
}
@media (min-width: 992px) { .md\:text-italic {
font-style: italic;
}
}
@media (min-width: 1330px) { .lg\:text-italic {
font-style: italic;
}
}
@media (min-width: 576px) { .sm\:text-uppercase {
text-transform: uppercase;
}
}
@media (min-width: 992px) { .md\:text-uppercase {
text-transform: uppercase;
}
}
@media (min-width: 1330px) { .lg\:text-uppercase {
text-transform: uppercase;
}
}
@media (min-width: 576px) { .sm\:text-lowercase {
text-transform: lowercase;
}
}
@media (min-width: 992px) { .md\:text-lowercase {
text-transform: lowercase;
}
}
@media (min-width: 1330px) { .lg\:text-lowercase {
text-transform: lowercase;
}
}
@media (min-width: 576px) { .sm\:text-smaller {
font-size: smaller;
}
}
@media (min-width: 992px) { .md\:text-smaller {
font-size: smaller;
}
}
@media (min-width: 1330px) { .lg\:text-smaller {
font-size: smaller;
}
}
@media (min-width: 576px) { .sm\:text-bigger {
font-size: bigger;
}
}
@media (min-width: 992px) { .md\:text-bigger {
font-size: bigger;
}
}
@media (min-width: 1330px) { .lg\:text-bigger {
font-size: bigger;
}
}
@media (min-width: 576px) { .sm\:text-left {
text-align: left;
}
}
@media (min-width: 992px) { .md\:text-left {
text-align: left;
}
}
@media (min-width: 1330px) { .lg\:text-left {
text-align: left;
}
}
@media (min-width: 576px) { .sm\:text-center {
text-align: center;
}
}
@media (min-width: 992px) { .md\:text-center {
text-align: center;
}
}
@media (min-width: 1330px) { .lg\:text-center {
text-align: center;
}
}
@media (min-width: 576px) { .sm\:text-right {
text-align: right;
}
}
@media (min-width: 992px) { .md\:text-right {
text-align: right;
}
}
@media (min-width: 1330px) { .lg\:text-right {
text-align: right;
}
}
@media (min-width: 576px) { .sm\:text-justify {
text-align: justify;
}
}
@media (min-width: 992px) { .md\:text-justify {
text-align: justify;
}
}
@media (min-width: 1330px) { .lg\:text-justify {
text-align: justify;
}
}
@media (min-width: 576px) { .sm\:text-wrap {
overflow-wrap: break-word;
}
}
@media (min-width: 992px) { .md\:text-wrap {
overflow-wrap: break-word;
}
}
@media (min-width: 1330px) { .lg\:text-wrap {
overflow-wrap: break-word;
}
}
@media (min-width: 576px) { .sm\:justify-start {
justify-content: flex-start;
}
}
@media (min-width: 992px) { .md\:justify-start {
justify-content: flex-start;
}
}
@media (min-width: 1330px) { .lg\:justify-start {
justify-content: flex-start;
}
}
@media (min-width: 576px) { .sm\:justify-end {
justify-content: flex-end;
}
}
@media (min-width: 992px) { .md\:justify-end {
justify-content: flex-end;
}
}
@media (min-width: 1330px) { .lg\:justify-end {
justify-content: flex-end;
}
}
@media (min-width: 576px) { .sm\:justify-center {
justify-content: center;
}
}
@media (min-width: 992px) { .md\:justify-center {
justify-content: center;
}
}
@media (min-width: 1330px) { .lg\:justify-center {
justify-content: center;
}
}
@media (min-width: 576px) { .sm\:justify-between {
justify-content: space-between;
}
}
@media (min-width: 992px) { .md\:justify-between {
justify-content: space-between;
}
}
@media (min-width: 1330px) { .lg\:justify-between {
justify-content: space-between;
}
}
@media (min-width: 576px) { .sm\:justify-around {
justify-content: space-around;
}
}
@media (min-width: 992px) { .md\:justify-around {
justify-content: space-around;
}
}
@media (min-width: 1330px) { .lg\:justify-around {
justify-content: space-around;
}
}
@media (min-width: 576px) { .sm\:justify-evenly {
justify-content: space-evenly;
}
}
@media (min-width: 992px) { .md\:justify-evenly {
justify-content: space-evenly;
}
}
@media (min-width: 1330px) { .lg\:justify-evenly {
justify-content: space-evenly;
}
}
@media (min-width: 576px) { .sm\:justify-items-start {
justify-items: start;
}
}
@media (min-width: 992px) { .md\:justify-items-start {
justify-items: start;
}
}
@media (min-width: 1330px) { .lg\:justify-items-start {
justify-items: start;
}
}
@media (min-width: 576px) { .sm\:justify-items-end {
justify-items: end;
}
}
@media (min-width: 992px) { .md\:justify-items-end {
justify-items: end;
}
}
@media (min-width: 1330px) { .lg\:justify-items-end {
justify-items: end;
}
}
@media (min-width: 576px) { .sm\:justify-items-center {
justify-items: center;
}
}
@media (min-width: 992px) { .md\:justify-items-center {
justify-items: center;
}
}
@media (min-width: 1330px) { .lg\:justify-items-center {
justify-items: center;
}
}
@media (min-width: 576px) { .sm\:align-start {
align-content: start;
}
}
@media (min-width: 992px) { .md\:align-start {
align-content: start;
}
}
@media (min-width: 1330px) { .lg\:align-start {
align-content: start;
}
}
@media (min-width: 576px) { .sm\:align-end {
align-content: end;
}
}
@media (min-width: 992px) { .md\:align-end {
align-content: end;
}
}
@media (min-width: 1330px) { .lg\:align-end {
align-content: end;
}
}
@media (min-width: 576px) { .sm\:align-center {
align-content: center;
}
}
@media (min-width: 992px) { .md\:align-center {
align-content: center;
}
}
@media (min-width: 1330px) { .lg\:align-center {
align-content: center;
}
}
@media (min-width: 576px) { .sm\:align-between {
align-content: space-between;
}
}
@media (min-width: 992px) { .md\:align-between {
align-content: space-between;
}
}
@media (min-width: 1330px) { .lg\:align-between {
align-content: space-between;
}
}
@media (min-width: 576px) { .sm\:align-around {
align-content: space-around;
}
}
@media (min-width: 992px) { .md\:align-around {
align-content: space-around;
}
}
@media (min-width: 1330px) { .lg\:align-around {
align-content: space-around;
}
}
@media (min-width: 576px) { .sm\:align-evenly {
align-content: space-evenly;
}
}
@media (min-width: 992px) { .md\:align-evenly {
align-content: space-evenly;
}
}
@media (min-width: 1330px) { .lg\:align-evenly {
align-content: space-evenly;
}
}
@media (min-width: 576px) { .sm\:align-items-start {
align-items: flex-start;
}
}
@media (min-width: 992px) { .md\:align-items-start {
align-items: flex-start;
}
}
@media (min-width: 1330px) { .lg\:align-items-start {
align-items: flex-start;
}
}
@media (min-width: 576px) { .sm\:align-items-end {
align-items: flex-end;
}
}
@media (min-width: 992px) { .md\:align-items-end {
align-items: flex-end;
}
}
@media (min-width: 1330px) { .lg\:align-items-end {
align-items: flex-end;
}
}
@media (min-width: 576px) { .sm\:align-items-center {
align-items: center;
}
}
@media (min-width: 992px) { .md\:align-items-center {
align-items: center;
}
}
@media (min-width: 1330px) { .lg\:align-items-center {
align-items: center;
}
}
@media (min-width: 576px) { .sm\:place-center {
place-content: center;
}
}
@media (min-width: 992px) { .md\:place-center {
place-content: center;
}
}
@media (min-width: 1330px) { .lg\:place-center {
place-content: center;
}
}
@media (min-width: 576px) { .sm\:justify-self-auto {
justify-self: auto;
}
}
@media (min-width: 992px) { .md\:justify-self-auto {
justify-self: auto;
}
}
@media (min-width: 1330px) { .lg\:justify-self-auto {
justify-self: auto;
}
}
@media (min-width: 576px) { .sm\:justify-self-start {
justify-self: start;
}
}
@media (min-width: 992px) { .md\:justify-self-start {
justify-self: start;
}
}
@media (min-width: 1330px) { .lg\:justify-self-start {
justify-self: start;
}
}
@media (min-width: 576px) { .sm\:justify-self-end {
justify-self: end;
}
}
@media (min-width: 992px) { .md\:justify-self-end {
justify-self: end;
}
}
@media (min-width: 1330px) { .lg\:justify-self-end {
justify-self: end;
}
}
@media (min-width: 576px) { .sm\:justify-self-center {
justify-self: center;
}
}
@media (min-width: 992px) { .md\:justify-self-center {
justify-self: center;
}
}
@media (min-width: 1330px) { .lg\:justify-self-center {
justify-self: center;
}
}
@media (min-width: 576px) { .sm\:justify-self-stretch {
justify-self: stretch;
}
}
@media (min-width: 992px) { .md\:justify-self-stretch {
justify-self: stretch;
}
}
@media (min-width: 1330px) { .lg\:justify-self-stretch {
justify-self: stretch;
}
}
@media (min-width: 576px) { .sm\:align-self-auto {
align-self: auto;
}
}
@media (min-width: 992px) { .md\:align-self-auto {
align-self: auto;
}
}
@media (min-width: 1330px) { .lg\:align-self-auto {
align-self: auto;
}
}
@media (min-width: 576px) { .sm\:align-self-start {
align-self: flex-start;
}
}
@media (min-width: 992px) { .md\:align-self-start {
align-self: flex-start;
}
}
@media (min-width: 1330px) { .lg\:align-self-start {
align-self: flex-start;
}
}
@media (min-width: 576px) { .sm\:align-self-end {
align-self: flex-end;
}
}
@media (min-width: 992px) { .md\:align-self-end {
align-self: flex-end;
}
}
@media (min-width: 1330px) { .lg\:align-self-end {
align-self: flex-end;
}
}
@media (min-width: 576px) { .sm\:align-self-center {
align-self: center;
}
}
@media (min-width: 992px) { .md\:align-self-center {
align-self: center;
}
}
@media (min-width: 1330px) { .lg\:align-self-center {
align-self: center;
}
}
@media (min-width: 576px) { .sm\:align-self-stretch {
align-self: stretch;
}
}
@media (min-width: 992px) { .md\:align-self-stretch {
align-self: stretch;
}
}
@media (min-width: 1330px) { .lg\:align-self-stretch {
align-self: stretch;
}
}
@media (min-width: 576px) { .sm\:align-top {
vertical-align: top;
}
}
@media (min-width: 992px) { .md\:align-top {
vertical-align: top;
}
}
@media (min-width: 1330px) { .lg\:align-top {
vertical-align: top;
}
}
@media (min-width: 576px) { .sm\:align-bottom {
vertical-align: bottom;
}
}
@media (min-width: 992px) { .md\:align-bottom {
vertical-align: bottom;
}
}
@media (min-width: 1330px) { .lg\:align-bottom {
vertical-align: bottom;
}
}
@media (min-width: 576px) { .sm\:align-middle {
vertical-align: middle;
}
}
@media (min-width: 992px) { .md\:align-middle {
vertical-align: middle;
}
}
@media (min-width: 1330px) { .lg\:align-middle {
vertical-align: middle;
}
}
@media (min-width: 576px) { .sm\:item-first {
order: -100;
}
}
@media (min-width: 992px) { .md\:item-first {
order: -100;
}
}
@media (min-width: 1330px) { .lg\:item-first {
order: -100;
}
}
@media (min-width: 576px) { .sm\:item-last {
order: 100;
}
}
@media (min-width: 992px) { .md\:item-last {
order: 100;
}
}
@media (min-width: 1330px) { .lg\:item-last {
order: 100;
}
} .is-unstyled {
list-style: none;
padding-left: 0;
} .is-disabled,
[disabled] {
opacity: 0.6;
cursor: not-allowed !important;
filter: grayscale(1);
} .text-normal {
font-weight: normal;
font-style: normal;
text-transform: none;
}
@media (min-width: 576px) { .sm\:visually-hidden {
position: absolute !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
} .sm\:is-unstyled {
list-style: none;
padding-left: 0;
} .sm\:is-disabled {
opacity: 0.6;
cursor: not-allowed !important;
filter: grayscale(1);
} .sm\:text-normal {
font-weight: normal;
font-style: normal;
text-transform: none;
}
}
@media (min-width: 992px) { .md\:visually-hidden {
position: absolute !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
} .md\:is-unstyled {
list-style: none;
padding-left: 0;
} .md\:is-disabled {
opacity: 0.6;
cursor: not-allowed !important;
filter: grayscale(1);
} .md\:text-normal {
font-weight: normal;
font-style: normal;
text-transform: none;
}
}
@media (min-width: 1330px) { .lg\:visually-hidden {
position: absolute !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
} .lg\:is-unstyled {
list-style: none;
padding-left: 0;
} .lg\:is-disabled {
opacity: 0.6;
cursor: not-allowed !important;
filter: grayscale(1);
} .lg\:text-normal {
font-weight: normal;
font-style: normal;
text-transform: none;
}
}  .text-10 {
font-size: 0.625rem;
} .text-11 {
font-size: 0.6875rem;
} .text-12 {
font-size: 0.75rem;
} .text-14 {
font-size: 0.875rem;
} .text-16 {
font-size: 1rem;
} .text-18 {
font-size: 1.125rem;
} .text-20 {
font-size: 1.25rem;
} .text-24 {
font-size: 1.5rem;
} .text-30 {
font-size: 1.875rem;
} .text-36 {
font-size: 2.25rem;
} .text-base {
font-size: 1rem;
} .text-inherit {
font-size: "inherit";
}
@media (min-width: 576px) { .sm\:text-10 {
font-size: 0.625rem;
}
}
@media (min-width: 992px) { .md\:text-10 {
font-size: 0.625rem;
}
}
@media (min-width: 1330px) { .lg\:text-10 {
font-size: 0.625rem;
}
}
@media (min-width: 576px) { .sm\:text-11 {
font-size: 0.6875rem;
}
}
@media (min-width: 992px) { .md\:text-11 {
font-size: 0.6875rem;
}
}
@media (min-width: 1330px) { .lg\:text-11 {
font-size: 0.6875rem;
}
}
@media (min-width: 576px) { .sm\:text-12 {
font-size: 0.75rem;
}
}
@media (min-width: 992px) { .md\:text-12 {
font-size: 0.75rem;
}
}
@media (min-width: 1330px) { .lg\:text-12 {
font-size: 0.75rem;
}
}
@media (min-width: 576px) { .sm\:text-14 {
font-size: 0.875rem;
}
}
@media (min-width: 992px) { .md\:text-14 {
font-size: 0.875rem;
}
}
@media (min-width: 1330px) { .lg\:text-14 {
font-size: 0.875rem;
}
}
@media (min-width: 576px) { .sm\:text-16 {
font-size: 1rem;
}
}
@media (min-width: 992px) { .md\:text-16 {
font-size: 1rem;
}
}
@media (min-width: 1330px) { .lg\:text-16 {
font-size: 1rem;
}
}
@media (min-width: 576px) { .sm\:text-18 {
font-size: 1.125rem;
}
}
@media (min-width: 992px) { .md\:text-18 {
font-size: 1.125rem;
}
}
@media (min-width: 1330px) { .lg\:text-18 {
font-size: 1.125rem;
}
}
@media (min-width: 576px) { .sm\:text-20 {
font-size: 1.25rem;
}
}
@media (min-width: 992px) { .md\:text-20 {
font-size: 1.25rem;
}
}
@media (min-width: 1330px) { .lg\:text-20 {
font-size: 1.25rem;
}
}
@media (min-width: 576px) { .sm\:text-24 {
font-size: 1.5rem;
}
}
@media (min-width: 992px) { .md\:text-24 {
font-size: 1.5rem;
}
}
@media (min-width: 1330px) { .lg\:text-24 {
font-size: 1.5rem;
}
}
@media (min-width: 576px) { .sm\:text-30 {
font-size: 1.875rem;
}
}
@media (min-width: 992px) { .md\:text-30 {
font-size: 1.875rem;
}
}
@media (min-width: 1330px) { .lg\:text-30 {
font-size: 1.875rem;
}
}
@media (min-width: 576px) { .sm\:text-36 {
font-size: 2.25rem;
}
}
@media (min-width: 992px) { .md\:text-36 {
font-size: 2.25rem;
}
}
@media (min-width: 1330px) { .lg\:text-36 {
font-size: 2.25rem;
}
}
@media (min-width: 576px) { .sm\:text-base {
font-size: 1rem;
}
}
@media (min-width: 992px) { .md\:text-base {
font-size: 1rem;
}
}
@media (min-width: 1330px) { .lg\:text-base {
font-size: 1rem;
}
}
@media (min-width: 576px) { .sm\:text-inherit {
font-size: "inherit";
}
}
@media (min-width: 992px) { .md\:text-inherit {
font-size: "inherit";
}
}
@media (min-width: 1330px) { .lg\:text-inherit {
font-size: "inherit";
}
}  .p-0 {
padding: 0;
} .pt-0 {
padding-top: 0;
} .pr-0 {
padding-right: 0;
} .pb-0 {
padding-bottom: 0;
} .pl-0 {
padding-left: 0;
} .px-0 {
padding-left: 0;
padding-right: 0;
} .py-0 {
padding-top: 0;
padding-bottom: 0;
} .m-0 {
margin: 0;
} .mt-0 {
margin-top: 0;
} .mr-0 {
margin-right: 0;
} .mb-0 {
margin-bottom: 0;
} .ml-0 {
margin-left: 0;
} .mx-0 {
margin-left: 0;
margin-right: 0;
} .my-0 {
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 576px) { .sm\:p-0 {
padding: 0;
} .sm\:pt-0 {
padding-top: 0;
} .sm\:pr-0 {
padding-right: 0;
} .sm\:pb-0 {
padding-bottom: 0;
} .sm\:pl-0 {
padding-left: 0;
} .sm\:px-0 {
padding-left: 0;
padding-right: 0;
} .sm\:py-0 {
padding-top: 0;
padding-bottom: 0;
} .sm\:m-0 {
margin: 0;
} .sm\:mt-0 {
margin-top: 0;
} .sm\:mr-0 {
margin-right: 0;
} .sm\:mb-0 {
margin-bottom: 0;
} .sm\:ml-0 {
margin-left: 0;
} .sm\:mx-0 {
margin-left: 0;
margin-right: 0;
} .sm\:my-0 {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 992px) { .md\:p-0 {
padding: 0;
} .md\:pt-0 {
padding-top: 0;
} .md\:pr-0 {
padding-right: 0;
} .md\:pb-0 {
padding-bottom: 0;
} .md\:pl-0 {
padding-left: 0;
} .md\:px-0 {
padding-left: 0;
padding-right: 0;
} .md\:py-0 {
padding-top: 0;
padding-bottom: 0;
} .md\:m-0 {
margin: 0;
} .md\:mt-0 {
margin-top: 0;
} .md\:mr-0 {
margin-right: 0;
} .md\:mb-0 {
margin-bottom: 0;
} .md\:ml-0 {
margin-left: 0;
} .md\:mx-0 {
margin-left: 0;
margin-right: 0;
} .md\:my-0 {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1330px) { .lg\:p-0 {
padding: 0;
} .lg\:pt-0 {
padding-top: 0;
} .lg\:pr-0 {
padding-right: 0;
} .lg\:pb-0 {
padding-bottom: 0;
} .lg\:pl-0 {
padding-left: 0;
} .lg\:px-0 {
padding-left: 0;
padding-right: 0;
} .lg\:py-0 {
padding-top: 0;
padding-bottom: 0;
} .lg\:m-0 {
margin: 0;
} .lg\:mt-0 {
margin-top: 0;
} .lg\:mr-0 {
margin-right: 0;
} .lg\:mb-0 {
margin-bottom: 0;
} .lg\:ml-0 {
margin-left: 0;
} .lg\:mx-0 {
margin-left: 0;
margin-right: 0;
} .lg\:my-0 {
margin-top: 0;
margin-bottom: 0;
}
} .p-2 {
padding: 0.125rem;
} .pt-2 {
padding-top: 0.125rem;
} .pr-2 {
padding-right: 0.125rem;
} .pb-2 {
padding-bottom: 0.125rem;
} .pl-2 {
padding-left: 0.125rem;
} .px-2 {
padding-left: 0.125rem;
padding-right: 0.125rem;
} .py-2 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
} .m-2 {
margin: 0.125rem;
} .mt-2 {
margin-top: 0.125rem;
} .mr-2 {
margin-right: 0.125rem;
} .mb-2 {
margin-bottom: 0.125rem;
} .ml-2 {
margin-left: 0.125rem;
} .mx-2 {
margin-left: 0.125rem;
margin-right: 0.125rem;
} .my-2 {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
@media (min-width: 576px) { .sm\:p-2 {
padding: 0.125rem;
} .sm\:pt-2 {
padding-top: 0.125rem;
} .sm\:pr-2 {
padding-right: 0.125rem;
} .sm\:pb-2 {
padding-bottom: 0.125rem;
} .sm\:pl-2 {
padding-left: 0.125rem;
} .sm\:px-2 {
padding-left: 0.125rem;
padding-right: 0.125rem;
} .sm\:py-2 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
} .sm\:m-2 {
margin: 0.125rem;
} .sm\:mt-2 {
margin-top: 0.125rem;
} .sm\:mr-2 {
margin-right: 0.125rem;
} .sm\:mb-2 {
margin-bottom: 0.125rem;
} .sm\:ml-2 {
margin-left: 0.125rem;
} .sm\:mx-2 {
margin-left: 0.125rem;
margin-right: 0.125rem;
} .sm\:my-2 {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
}
@media (min-width: 992px) { .md\:p-2 {
padding: 0.125rem;
} .md\:pt-2 {
padding-top: 0.125rem;
} .md\:pr-2 {
padding-right: 0.125rem;
} .md\:pb-2 {
padding-bottom: 0.125rem;
} .md\:pl-2 {
padding-left: 0.125rem;
} .md\:px-2 {
padding-left: 0.125rem;
padding-right: 0.125rem;
} .md\:py-2 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
} .md\:m-2 {
margin: 0.125rem;
} .md\:mt-2 {
margin-top: 0.125rem;
} .md\:mr-2 {
margin-right: 0.125rem;
} .md\:mb-2 {
margin-bottom: 0.125rem;
} .md\:ml-2 {
margin-left: 0.125rem;
} .md\:mx-2 {
margin-left: 0.125rem;
margin-right: 0.125rem;
} .md\:my-2 {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
}
@media (min-width: 1330px) { .lg\:p-2 {
padding: 0.125rem;
} .lg\:pt-2 {
padding-top: 0.125rem;
} .lg\:pr-2 {
padding-right: 0.125rem;
} .lg\:pb-2 {
padding-bottom: 0.125rem;
} .lg\:pl-2 {
padding-left: 0.125rem;
} .lg\:px-2 {
padding-left: 0.125rem;
padding-right: 0.125rem;
} .lg\:py-2 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
} .lg\:m-2 {
margin: 0.125rem;
} .lg\:mt-2 {
margin-top: 0.125rem;
} .lg\:mr-2 {
margin-right: 0.125rem;
} .lg\:mb-2 {
margin-bottom: 0.125rem;
} .lg\:ml-2 {
margin-left: 0.125rem;
} .lg\:mx-2 {
margin-left: 0.125rem;
margin-right: 0.125rem;
} .lg\:my-2 {
margin-top: 0.125rem;
margin-bottom: 0.125rem;
}
} .p-5 {
padding: 0.313rem;
} .pt-5 {
padding-top: 0.313rem;
} .pr-5 {
padding-right: 0.313rem;
} .pb-5 {
padding-bottom: 0.313rem;
} .pl-5 {
padding-left: 0.313rem;
} .px-5 {
padding-left: 0.313rem;
padding-right: 0.313rem;
} .py-5 {
padding-top: 0.313rem;
padding-bottom: 0.313rem;
} .m-5 {
margin: 0.313rem;
} .mt-5 {
margin-top: 0.313rem;
} .mr-5 {
margin-right: 0.313rem;
} .mb-5 {
margin-bottom: 0.313rem;
} .ml-5 {
margin-left: 0.313rem;
} .mx-5 {
margin-left: 0.313rem;
margin-right: 0.313rem;
} .my-5 {
margin-top: 0.313rem;
margin-bottom: 0.313rem;
}
@media (min-width: 576px) { .sm\:p-5 {
padding: 0.313rem;
} .sm\:pt-5 {
padding-top: 0.313rem;
} .sm\:pr-5 {
padding-right: 0.313rem;
} .sm\:pb-5 {
padding-bottom: 0.313rem;
} .sm\:pl-5 {
padding-left: 0.313rem;
} .sm\:px-5 {
padding-left: 0.313rem;
padding-right: 0.313rem;
} .sm\:py-5 {
padding-top: 0.313rem;
padding-bottom: 0.313rem;
} .sm\:m-5 {
margin: 0.313rem;
} .sm\:mt-5 {
margin-top: 0.313rem;
} .sm\:mr-5 {
margin-right: 0.313rem;
} .sm\:mb-5 {
margin-bottom: 0.313rem;
} .sm\:ml-5 {
margin-left: 0.313rem;
} .sm\:mx-5 {
margin-left: 0.313rem;
margin-right: 0.313rem;
} .sm\:my-5 {
margin-top: 0.313rem;
margin-bottom: 0.313rem;
}
}
@media (min-width: 992px) { .md\:p-5 {
padding: 0.313rem;
} .md\:pt-5 {
padding-top: 0.313rem;
} .md\:pr-5 {
padding-right: 0.313rem;
} .md\:pb-5 {
padding-bottom: 0.313rem;
} .md\:pl-5 {
padding-left: 0.313rem;
} .md\:px-5 {
padding-left: 0.313rem;
padding-right: 0.313rem;
} .md\:py-5 {
padding-top: 0.313rem;
padding-bottom: 0.313rem;
} .md\:m-5 {
margin: 0.313rem;
} .md\:mt-5 {
margin-top: 0.313rem;
} .md\:mr-5 {
margin-right: 0.313rem;
} .md\:mb-5 {
margin-bottom: 0.313rem;
} .md\:ml-5 {
margin-left: 0.313rem;
} .md\:mx-5 {
margin-left: 0.313rem;
margin-right: 0.313rem;
} .md\:my-5 {
margin-top: 0.313rem;
margin-bottom: 0.313rem;
}
}
@media (min-width: 1330px) { .lg\:p-5 {
padding: 0.313rem;
} .lg\:pt-5 {
padding-top: 0.313rem;
} .lg\:pr-5 {
padding-right: 0.313rem;
} .lg\:pb-5 {
padding-bottom: 0.313rem;
} .lg\:pl-5 {
padding-left: 0.313rem;
} .lg\:px-5 {
padding-left: 0.313rem;
padding-right: 0.313rem;
} .lg\:py-5 {
padding-top: 0.313rem;
padding-bottom: 0.313rem;
} .lg\:m-5 {
margin: 0.313rem;
} .lg\:mt-5 {
margin-top: 0.313rem;
} .lg\:mr-5 {
margin-right: 0.313rem;
} .lg\:mb-5 {
margin-bottom: 0.313rem;
} .lg\:ml-5 {
margin-left: 0.313rem;
} .lg\:mx-5 {
margin-left: 0.313rem;
margin-right: 0.313rem;
} .lg\:my-5 {
margin-top: 0.313rem;
margin-bottom: 0.313rem;
}
} .p-8 {
padding: 0.5rem;
} .pt-8 {
padding-top: 0.5rem;
} .pr-8 {
padding-right: 0.5rem;
} .pb-8 {
padding-bottom: 0.5rem;
} .pl-8 {
padding-left: 0.5rem;
} .px-8 {
padding-left: 0.5rem;
padding-right: 0.5rem;
} .py-8 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
} .m-8 {
margin: 0.5rem;
} .mt-8 {
margin-top: 0.5rem;
} .mr-8 {
margin-right: 0.5rem;
} .mb-8 {
margin-bottom: 0.5rem;
} .ml-8 {
margin-left: 0.5rem;
} .mx-8 {
margin-left: 0.5rem;
margin-right: 0.5rem;
} .my-8 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
@media (min-width: 576px) { .sm\:p-8 {
padding: 0.5rem;
} .sm\:pt-8 {
padding-top: 0.5rem;
} .sm\:pr-8 {
padding-right: 0.5rem;
} .sm\:pb-8 {
padding-bottom: 0.5rem;
} .sm\:pl-8 {
padding-left: 0.5rem;
} .sm\:px-8 {
padding-left: 0.5rem;
padding-right: 0.5rem;
} .sm\:py-8 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
} .sm\:m-8 {
margin: 0.5rem;
} .sm\:mt-8 {
margin-top: 0.5rem;
} .sm\:mr-8 {
margin-right: 0.5rem;
} .sm\:mb-8 {
margin-bottom: 0.5rem;
} .sm\:ml-8 {
margin-left: 0.5rem;
} .sm\:mx-8 {
margin-left: 0.5rem;
margin-right: 0.5rem;
} .sm\:my-8 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 992px) { .md\:p-8 {
padding: 0.5rem;
} .md\:pt-8 {
padding-top: 0.5rem;
} .md\:pr-8 {
padding-right: 0.5rem;
} .md\:pb-8 {
padding-bottom: 0.5rem;
} .md\:pl-8 {
padding-left: 0.5rem;
} .md\:px-8 {
padding-left: 0.5rem;
padding-right: 0.5rem;
} .md\:py-8 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
} .md\:m-8 {
margin: 0.5rem;
} .md\:mt-8 {
margin-top: 0.5rem;
} .md\:mr-8 {
margin-right: 0.5rem;
} .md\:mb-8 {
margin-bottom: 0.5rem;
} .md\:ml-8 {
margin-left: 0.5rem;
} .md\:mx-8 {
margin-left: 0.5rem;
margin-right: 0.5rem;
} .md\:my-8 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 1330px) { .lg\:p-8 {
padding: 0.5rem;
} .lg\:pt-8 {
padding-top: 0.5rem;
} .lg\:pr-8 {
padding-right: 0.5rem;
} .lg\:pb-8 {
padding-bottom: 0.5rem;
} .lg\:pl-8 {
padding-left: 0.5rem;
} .lg\:px-8 {
padding-left: 0.5rem;
padding-right: 0.5rem;
} .lg\:py-8 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
} .lg\:m-8 {
margin: 0.5rem;
} .lg\:mt-8 {
margin-top: 0.5rem;
} .lg\:mr-8 {
margin-right: 0.5rem;
} .lg\:mb-8 {
margin-bottom: 0.5rem;
} .lg\:ml-8 {
margin-left: 0.5rem;
} .lg\:mx-8 {
margin-left: 0.5rem;
margin-right: 0.5rem;
} .lg\:my-8 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
} .p-10 {
padding: 0.625rem;
} .pt-10 {
padding-top: 0.625rem;
} .pr-10 {
padding-right: 0.625rem;
} .pb-10 {
padding-bottom: 0.625rem;
} .pl-10 {
padding-left: 0.625rem;
} .px-10 {
padding-left: 0.625rem;
padding-right: 0.625rem;
} .py-10 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
} .m-10 {
margin: 0.625rem;
} .mt-10 {
margin-top: 0.625rem;
} .mr-10 {
margin-right: 0.625rem;
} .mb-10 {
margin-bottom: 0.625rem;
} .ml-10 {
margin-left: 0.625rem;
} .mx-10 {
margin-left: 0.625rem;
margin-right: 0.625rem;
} .my-10 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
@media (min-width: 576px) { .sm\:p-10 {
padding: 0.625rem;
} .sm\:pt-10 {
padding-top: 0.625rem;
} .sm\:pr-10 {
padding-right: 0.625rem;
} .sm\:pb-10 {
padding-bottom: 0.625rem;
} .sm\:pl-10 {
padding-left: 0.625rem;
} .sm\:px-10 {
padding-left: 0.625rem;
padding-right: 0.625rem;
} .sm\:py-10 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
} .sm\:m-10 {
margin: 0.625rem;
} .sm\:mt-10 {
margin-top: 0.625rem;
} .sm\:mr-10 {
margin-right: 0.625rem;
} .sm\:mb-10 {
margin-bottom: 0.625rem;
} .sm\:ml-10 {
margin-left: 0.625rem;
} .sm\:mx-10 {
margin-left: 0.625rem;
margin-right: 0.625rem;
} .sm\:my-10 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
}
@media (min-width: 992px) { .md\:p-10 {
padding: 0.625rem;
} .md\:pt-10 {
padding-top: 0.625rem;
} .md\:pr-10 {
padding-right: 0.625rem;
} .md\:pb-10 {
padding-bottom: 0.625rem;
} .md\:pl-10 {
padding-left: 0.625rem;
} .md\:px-10 {
padding-left: 0.625rem;
padding-right: 0.625rem;
} .md\:py-10 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
} .md\:m-10 {
margin: 0.625rem;
} .md\:mt-10 {
margin-top: 0.625rem;
} .md\:mr-10 {
margin-right: 0.625rem;
} .md\:mb-10 {
margin-bottom: 0.625rem;
} .md\:ml-10 {
margin-left: 0.625rem;
} .md\:mx-10 {
margin-left: 0.625rem;
margin-right: 0.625rem;
} .md\:my-10 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
}
@media (min-width: 1330px) { .lg\:p-10 {
padding: 0.625rem;
} .lg\:pt-10 {
padding-top: 0.625rem;
} .lg\:pr-10 {
padding-right: 0.625rem;
} .lg\:pb-10 {
padding-bottom: 0.625rem;
} .lg\:pl-10 {
padding-left: 0.625rem;
} .lg\:px-10 {
padding-left: 0.625rem;
padding-right: 0.625rem;
} .lg\:py-10 {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
} .lg\:m-10 {
margin: 0.625rem;
} .lg\:mt-10 {
margin-top: 0.625rem;
} .lg\:mr-10 {
margin-right: 0.625rem;
} .lg\:mb-10 {
margin-bottom: 0.625rem;
} .lg\:ml-10 {
margin-left: 0.625rem;
} .lg\:mx-10 {
margin-left: 0.625rem;
margin-right: 0.625rem;
} .lg\:my-10 {
margin-top: 0.625rem;
margin-bottom: 0.625rem;
}
} .p-16 {
padding: 1rem;
} .pt-16 {
padding-top: 1rem;
} .pr-16 {
padding-right: 1rem;
} .pb-16 {
padding-bottom: 1rem;
} .pl-16 {
padding-left: 1rem;
} .px-16 {
padding-left: 1rem;
padding-right: 1rem;
} .py-16 {
padding-top: 1rem;
padding-bottom: 1rem;
} .m-16 {
margin: 1rem;
} .mt-16 {
margin-top: 1rem;
} .mr-16 {
margin-right: 1rem;
} .mb-16 {
margin-bottom: 1rem;
} .ml-16 {
margin-left: 1rem;
} .mx-16 {
margin-left: 1rem;
margin-right: 1rem;
} .my-16 {
margin-top: 1rem;
margin-bottom: 1rem;
}
@media (min-width: 576px) { .sm\:p-16 {
padding: 1rem;
} .sm\:pt-16 {
padding-top: 1rem;
} .sm\:pr-16 {
padding-right: 1rem;
} .sm\:pb-16 {
padding-bottom: 1rem;
} .sm\:pl-16 {
padding-left: 1rem;
} .sm\:px-16 {
padding-left: 1rem;
padding-right: 1rem;
} .sm\:py-16 {
padding-top: 1rem;
padding-bottom: 1rem;
} .sm\:m-16 {
margin: 1rem;
} .sm\:mt-16 {
margin-top: 1rem;
} .sm\:mr-16 {
margin-right: 1rem;
} .sm\:mb-16 {
margin-bottom: 1rem;
} .sm\:ml-16 {
margin-left: 1rem;
} .sm\:mx-16 {
margin-left: 1rem;
margin-right: 1rem;
} .sm\:my-16 {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 992px) { .md\:p-16 {
padding: 1rem;
} .md\:pt-16 {
padding-top: 1rem;
} .md\:pr-16 {
padding-right: 1rem;
} .md\:pb-16 {
padding-bottom: 1rem;
} .md\:pl-16 {
padding-left: 1rem;
} .md\:px-16 {
padding-left: 1rem;
padding-right: 1rem;
} .md\:py-16 {
padding-top: 1rem;
padding-bottom: 1rem;
} .md\:m-16 {
margin: 1rem;
} .md\:mt-16 {
margin-top: 1rem;
} .md\:mr-16 {
margin-right: 1rem;
} .md\:mb-16 {
margin-bottom: 1rem;
} .md\:ml-16 {
margin-left: 1rem;
} .md\:mx-16 {
margin-left: 1rem;
margin-right: 1rem;
} .md\:my-16 {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 1330px) { .lg\:p-16 {
padding: 1rem;
} .lg\:pt-16 {
padding-top: 1rem;
} .lg\:pr-16 {
padding-right: 1rem;
} .lg\:pb-16 {
padding-bottom: 1rem;
} .lg\:pl-16 {
padding-left: 1rem;
} .lg\:px-16 {
padding-left: 1rem;
padding-right: 1rem;
} .lg\:py-16 {
padding-top: 1rem;
padding-bottom: 1rem;
} .lg\:m-16 {
margin: 1rem;
} .lg\:mt-16 {
margin-top: 1rem;
} .lg\:mr-16 {
margin-right: 1rem;
} .lg\:mb-16 {
margin-bottom: 1rem;
} .lg\:ml-16 {
margin-left: 1rem;
} .lg\:mx-16 {
margin-left: 1rem;
margin-right: 1rem;
} .lg\:my-16 {
margin-top: 1rem;
margin-bottom: 1rem;
}
} .p-20 {
padding: 1.25rem;
} .pt-20 {
padding-top: 1.25rem;
} .pr-20 {
padding-right: 1.25rem;
} .pb-20 {
padding-bottom: 1.25rem;
} .pl-20 {
padding-left: 1.25rem;
} .px-20 {
padding-left: 1.25rem;
padding-right: 1.25rem;
} .py-20 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
} .m-20 {
margin: 1.25rem;
} .mt-20 {
margin-top: 1.25rem;
} .mr-20 {
margin-right: 1.25rem;
} .mb-20 {
margin-bottom: 1.25rem;
} .ml-20 {
margin-left: 1.25rem;
} .mx-20 {
margin-left: 1.25rem;
margin-right: 1.25rem;
} .my-20 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
@media (min-width: 576px) { .sm\:p-20 {
padding: 1.25rem;
} .sm\:pt-20 {
padding-top: 1.25rem;
} .sm\:pr-20 {
padding-right: 1.25rem;
} .sm\:pb-20 {
padding-bottom: 1.25rem;
} .sm\:pl-20 {
padding-left: 1.25rem;
} .sm\:px-20 {
padding-left: 1.25rem;
padding-right: 1.25rem;
} .sm\:py-20 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
} .sm\:m-20 {
margin: 1.25rem;
} .sm\:mt-20 {
margin-top: 1.25rem;
} .sm\:mr-20 {
margin-right: 1.25rem;
} .sm\:mb-20 {
margin-bottom: 1.25rem;
} .sm\:ml-20 {
margin-left: 1.25rem;
} .sm\:mx-20 {
margin-left: 1.25rem;
margin-right: 1.25rem;
} .sm\:my-20 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
}
@media (min-width: 992px) { .md\:p-20 {
padding: 1.25rem;
} .md\:pt-20 {
padding-top: 1.25rem;
} .md\:pr-20 {
padding-right: 1.25rem;
} .md\:pb-20 {
padding-bottom: 1.25rem;
} .md\:pl-20 {
padding-left: 1.25rem;
} .md\:px-20 {
padding-left: 1.25rem;
padding-right: 1.25rem;
} .md\:py-20 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
} .md\:m-20 {
margin: 1.25rem;
} .md\:mt-20 {
margin-top: 1.25rem;
} .md\:mr-20 {
margin-right: 1.25rem;
} .md\:mb-20 {
margin-bottom: 1.25rem;
} .md\:ml-20 {
margin-left: 1.25rem;
} .md\:mx-20 {
margin-left: 1.25rem;
margin-right: 1.25rem;
} .md\:my-20 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
}
@media (min-width: 1330px) { .lg\:p-20 {
padding: 1.25rem;
} .lg\:pt-20 {
padding-top: 1.25rem;
} .lg\:pr-20 {
padding-right: 1.25rem;
} .lg\:pb-20 {
padding-bottom: 1.25rem;
} .lg\:pl-20 {
padding-left: 1.25rem;
} .lg\:px-20 {
padding-left: 1.25rem;
padding-right: 1.25rem;
} .lg\:py-20 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
} .lg\:m-20 {
margin: 1.25rem;
} .lg\:mt-20 {
margin-top: 1.25rem;
} .lg\:mr-20 {
margin-right: 1.25rem;
} .lg\:mb-20 {
margin-bottom: 1.25rem;
} .lg\:ml-20 {
margin-left: 1.25rem;
} .lg\:mx-20 {
margin-left: 1.25rem;
margin-right: 1.25rem;
} .lg\:my-20 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
} .p-24 {
padding: 1.5rem;
} .pt-24 {
padding-top: 1.5rem;
} .pr-24 {
padding-right: 1.5rem;
} .pb-24 {
padding-bottom: 1.5rem;
} .pl-24 {
padding-left: 1.5rem;
} .px-24 {
padding-left: 1.5rem;
padding-right: 1.5rem;
} .py-24 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
} .m-24 {
margin: 1.5rem;
} .mt-24 {
margin-top: 1.5rem;
} .mr-24 {
margin-right: 1.5rem;
} .mb-24 {
margin-bottom: 1.5rem;
} .ml-24 {
margin-left: 1.5rem;
} .mx-24 {
margin-left: 1.5rem;
margin-right: 1.5rem;
} .my-24 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 576px) { .sm\:p-24 {
padding: 1.5rem;
} .sm\:pt-24 {
padding-top: 1.5rem;
} .sm\:pr-24 {
padding-right: 1.5rem;
} .sm\:pb-24 {
padding-bottom: 1.5rem;
} .sm\:pl-24 {
padding-left: 1.5rem;
} .sm\:px-24 {
padding-left: 1.5rem;
padding-right: 1.5rem;
} .sm\:py-24 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
} .sm\:m-24 {
margin: 1.5rem;
} .sm\:mt-24 {
margin-top: 1.5rem;
} .sm\:mr-24 {
margin-right: 1.5rem;
} .sm\:mb-24 {
margin-bottom: 1.5rem;
} .sm\:ml-24 {
margin-left: 1.5rem;
} .sm\:mx-24 {
margin-left: 1.5rem;
margin-right: 1.5rem;
} .sm\:my-24 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 992px) { .md\:p-24 {
padding: 1.5rem;
} .md\:pt-24 {
padding-top: 1.5rem;
} .md\:pr-24 {
padding-right: 1.5rem;
} .md\:pb-24 {
padding-bottom: 1.5rem;
} .md\:pl-24 {
padding-left: 1.5rem;
} .md\:px-24 {
padding-left: 1.5rem;
padding-right: 1.5rem;
} .md\:py-24 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
} .md\:m-24 {
margin: 1.5rem;
} .md\:mt-24 {
margin-top: 1.5rem;
} .md\:mr-24 {
margin-right: 1.5rem;
} .md\:mb-24 {
margin-bottom: 1.5rem;
} .md\:ml-24 {
margin-left: 1.5rem;
} .md\:mx-24 {
margin-left: 1.5rem;
margin-right: 1.5rem;
} .md\:my-24 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 1330px) { .lg\:p-24 {
padding: 1.5rem;
} .lg\:pt-24 {
padding-top: 1.5rem;
} .lg\:pr-24 {
padding-right: 1.5rem;
} .lg\:pb-24 {
padding-bottom: 1.5rem;
} .lg\:pl-24 {
padding-left: 1.5rem;
} .lg\:px-24 {
padding-left: 1.5rem;
padding-right: 1.5rem;
} .lg\:py-24 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
} .lg\:m-24 {
margin: 1.5rem;
} .lg\:mt-24 {
margin-top: 1.5rem;
} .lg\:mr-24 {
margin-right: 1.5rem;
} .lg\:mb-24 {
margin-bottom: 1.5rem;
} .lg\:ml-24 {
margin-left: 1.5rem;
} .lg\:mx-24 {
margin-left: 1.5rem;
margin-right: 1.5rem;
} .lg\:my-24 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
} .p-36 {
padding: 2.25rem;
} .pt-36 {
padding-top: 2.25rem;
} .pr-36 {
padding-right: 2.25rem;
} .pb-36 {
padding-bottom: 2.25rem;
} .pl-36 {
padding-left: 2.25rem;
} .px-36 {
padding-left: 2.25rem;
padding-right: 2.25rem;
} .py-36 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
} .m-36 {
margin: 2.25rem;
} .mt-36 {
margin-top: 2.25rem;
} .mr-36 {
margin-right: 2.25rem;
} .mb-36 {
margin-bottom: 2.25rem;
} .ml-36 {
margin-left: 2.25rem;
} .mx-36 {
margin-left: 2.25rem;
margin-right: 2.25rem;
} .my-36 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
@media (min-width: 576px) { .sm\:p-36 {
padding: 2.25rem;
} .sm\:pt-36 {
padding-top: 2.25rem;
} .sm\:pr-36 {
padding-right: 2.25rem;
} .sm\:pb-36 {
padding-bottom: 2.25rem;
} .sm\:pl-36 {
padding-left: 2.25rem;
} .sm\:px-36 {
padding-left: 2.25rem;
padding-right: 2.25rem;
} .sm\:py-36 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
} .sm\:m-36 {
margin: 2.25rem;
} .sm\:mt-36 {
margin-top: 2.25rem;
} .sm\:mr-36 {
margin-right: 2.25rem;
} .sm\:mb-36 {
margin-bottom: 2.25rem;
} .sm\:ml-36 {
margin-left: 2.25rem;
} .sm\:mx-36 {
margin-left: 2.25rem;
margin-right: 2.25rem;
} .sm\:my-36 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
}
@media (min-width: 992px) { .md\:p-36 {
padding: 2.25rem;
} .md\:pt-36 {
padding-top: 2.25rem;
} .md\:pr-36 {
padding-right: 2.25rem;
} .md\:pb-36 {
padding-bottom: 2.25rem;
} .md\:pl-36 {
padding-left: 2.25rem;
} .md\:px-36 {
padding-left: 2.25rem;
padding-right: 2.25rem;
} .md\:py-36 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
} .md\:m-36 {
margin: 2.25rem;
} .md\:mt-36 {
margin-top: 2.25rem;
} .md\:mr-36 {
margin-right: 2.25rem;
} .md\:mb-36 {
margin-bottom: 2.25rem;
} .md\:ml-36 {
margin-left: 2.25rem;
} .md\:mx-36 {
margin-left: 2.25rem;
margin-right: 2.25rem;
} .md\:my-36 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
}
@media (min-width: 1330px) { .lg\:p-36 {
padding: 2.25rem;
} .lg\:pt-36 {
padding-top: 2.25rem;
} .lg\:pr-36 {
padding-right: 2.25rem;
} .lg\:pb-36 {
padding-bottom: 2.25rem;
} .lg\:pl-36 {
padding-left: 2.25rem;
} .lg\:px-36 {
padding-left: 2.25rem;
padding-right: 2.25rem;
} .lg\:py-36 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
} .lg\:m-36 {
margin: 2.25rem;
} .lg\:mt-36 {
margin-top: 2.25rem;
} .lg\:mr-36 {
margin-right: 2.25rem;
} .lg\:mb-36 {
margin-bottom: 2.25rem;
} .lg\:ml-36 {
margin-left: 2.25rem;
} .lg\:mx-36 {
margin-left: 2.25rem;
margin-right: 2.25rem;
} .lg\:my-36 {
margin-top: 2.25rem;
margin-bottom: 2.25rem;
}
} .p-auto {
padding: auto;
} .pt-auto {
padding-top: auto;
} .pr-auto {
padding-right: auto;
} .pb-auto {
padding-bottom: auto;
} .pl-auto {
padding-left: auto;
} .px-auto {
padding-left: auto;
padding-right: auto;
} .py-auto {
padding-top: auto;
padding-bottom: auto;
} .m-auto {
margin: auto;
} .mt-auto {
margin-top: auto;
} .mr-auto {
margin-right: auto;
} .mb-auto {
margin-bottom: auto;
} .ml-auto {
margin-left: auto;
} .mx-auto {
margin-left: auto;
margin-right: auto;
} .my-auto {
margin-top: auto;
margin-bottom: auto;
}
@media (min-width: 576px) { .sm\:p-auto {
padding: auto;
} .sm\:pt-auto {
padding-top: auto;
} .sm\:pr-auto {
padding-right: auto;
} .sm\:pb-auto {
padding-bottom: auto;
} .sm\:pl-auto {
padding-left: auto;
} .sm\:px-auto {
padding-left: auto;
padding-right: auto;
} .sm\:py-auto {
padding-top: auto;
padding-bottom: auto;
} .sm\:m-auto {
margin: auto;
} .sm\:mt-auto {
margin-top: auto;
} .sm\:mr-auto {
margin-right: auto;
} .sm\:mb-auto {
margin-bottom: auto;
} .sm\:ml-auto {
margin-left: auto;
} .sm\:mx-auto {
margin-left: auto;
margin-right: auto;
} .sm\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media (min-width: 992px) { .md\:p-auto {
padding: auto;
} .md\:pt-auto {
padding-top: auto;
} .md\:pr-auto {
padding-right: auto;
} .md\:pb-auto {
padding-bottom: auto;
} .md\:pl-auto {
padding-left: auto;
} .md\:px-auto {
padding-left: auto;
padding-right: auto;
} .md\:py-auto {
padding-top: auto;
padding-bottom: auto;
} .md\:m-auto {
margin: auto;
} .md\:mt-auto {
margin-top: auto;
} .md\:mr-auto {
margin-right: auto;
} .md\:mb-auto {
margin-bottom: auto;
} .md\:ml-auto {
margin-left: auto;
} .md\:mx-auto {
margin-left: auto;
margin-right: auto;
} .md\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
}
@media (min-width: 1330px) { .lg\:p-auto {
padding: auto;
} .lg\:pt-auto {
padding-top: auto;
} .lg\:pr-auto {
padding-right: auto;
} .lg\:pb-auto {
padding-bottom: auto;
} .lg\:pl-auto {
padding-left: auto;
} .lg\:px-auto {
padding-left: auto;
padding-right: auto;
} .lg\:py-auto {
padding-top: auto;
padding-bottom: auto;
} .lg\:m-auto {
margin: auto;
} .lg\:mt-auto {
margin-top: auto;
} .lg\:mr-auto {
margin-right: auto;
} .lg\:mb-auto {
margin-bottom: auto;
} .lg\:ml-auto {
margin-left: auto;
} .lg\:mx-auto {
margin-left: auto;
margin-right: auto;
} .lg\:my-auto {
margin-top: auto;
margin-bottom: auto;
}
}    .grid {
display: grid;
}
@media (min-width: 576px) { .sm\:grid {
display: grid;
}
}
@media (min-width: 992px) { .md\:grid {
display: grid;
}
}
@media (min-width: 1330px) { .lg\:grid {
display: grid;
}
}  .grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
} .grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
} .grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
} @media (min-width: 576px) { .sm\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
} .sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .sm\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .sm\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
} .sm\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 992px) { .md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
} .md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
} .md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 1330px) { .lg\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
} .lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
} .lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
} .lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}  .gap-0 {
gap: 0;
} .gap-x-0 {
column-gap: 0;
} .gap-y-0 {
row-gap: 0;
} .gap-5 {
gap: 0.313rem;
} .gap-x-5 {
column-gap: 0.313rem;
} .gap-y-5 {
row-gap: 0.313rem;
} .gap-10 {
gap: 0.625rem;
} .gap-x-10 {
column-gap: 0.625rem;
} .gap-y-10 {
row-gap: 0.625rem;
} .gap-16 {
gap: 1rem;
} .gap-x-16 {
column-gap: 1rem;
} .gap-y-16 {
row-gap: 1rem;
} .gap-20 {
gap: 1.25rem;
} .gap-x-20 {
column-gap: 1.25rem;
} .gap-y-20 {
row-gap: 1.25rem;
} .gap-36 {
gap: 2.25rem;
} .gap-x-36 {
column-gap: 2.25rem;
} .gap-y-36 {
row-gap: 2.25rem;
} @media (min-width: 576px) { .sm\:gap-0 {
gap: 0;
} .sm\:gap-x-0 {
column-gap: 0;
} .sm\:gap-y-0 {
row-gap: 0;
} .sm\:gap-5 {
gap: 0.313rem;
} .sm\:gap-x-5 {
column-gap: 0.313rem;
} .sm\:gap-y-5 {
row-gap: 0.313rem;
} .sm\:gap-10 {
gap: 0.625rem;
} .sm\:gap-x-10 {
column-gap: 0.625rem;
} .sm\:gap-y-10 {
row-gap: 0.625rem;
} .sm\:gap-16 {
gap: 1rem;
} .sm\:gap-x-16 {
column-gap: 1rem;
} .sm\:gap-y-16 {
row-gap: 1rem;
} .sm\:gap-20 {
gap: 1.25rem;
} .sm\:gap-x-20 {
column-gap: 1.25rem;
} .sm\:gap-y-20 {
row-gap: 1.25rem;
} .sm\:gap-36 {
gap: 2.25rem;
} .sm\:gap-x-36 {
column-gap: 2.25rem;
} .sm\:gap-y-36 {
row-gap: 2.25rem;
}
}
@media (min-width: 992px) { .md\:gap-0 {
gap: 0;
} .md\:gap-x-0 {
column-gap: 0;
} .md\:gap-y-0 {
row-gap: 0;
} .md\:gap-5 {
gap: 0.313rem;
} .md\:gap-x-5 {
column-gap: 0.313rem;
} .md\:gap-y-5 {
row-gap: 0.313rem;
} .md\:gap-10 {
gap: 0.625rem;
} .md\:gap-x-10 {
column-gap: 0.625rem;
} .md\:gap-y-10 {
row-gap: 0.625rem;
} .md\:gap-16 {
gap: 1rem;
} .md\:gap-x-16 {
column-gap: 1rem;
} .md\:gap-y-16 {
row-gap: 1rem;
} .md\:gap-20 {
gap: 1.25rem;
} .md\:gap-x-20 {
column-gap: 1.25rem;
} .md\:gap-y-20 {
row-gap: 1.25rem;
} .md\:gap-36 {
gap: 2.25rem;
} .md\:gap-x-36 {
column-gap: 2.25rem;
} .md\:gap-y-36 {
row-gap: 2.25rem;
}
}
@media (min-width: 1330px) { .lg\:gap-0 {
gap: 0;
} .lg\:gap-x-0 {
column-gap: 0;
} .lg\:gap-y-0 {
row-gap: 0;
} .lg\:gap-5 {
gap: 0.313rem;
} .lg\:gap-x-5 {
column-gap: 0.313rem;
} .lg\:gap-y-5 {
row-gap: 0.313rem;
} .lg\:gap-10 {
gap: 0.625rem;
} .lg\:gap-x-10 {
column-gap: 0.625rem;
} .lg\:gap-y-10 {
row-gap: 0.625rem;
} .lg\:gap-16 {
gap: 1rem;
} .lg\:gap-x-16 {
column-gap: 1rem;
} .lg\:gap-y-16 {
row-gap: 1rem;
} .lg\:gap-20 {
gap: 1.25rem;
} .lg\:gap-x-20 {
column-gap: 1.25rem;
} .lg\:gap-y-20 {
row-gap: 1.25rem;
} .lg\:gap-36 {
gap: 2.25rem;
} .lg\:gap-x-36 {
column-gap: 2.25rem;
} .lg\:gap-y-36 {
row-gap: 2.25rem;
}
}  .col-start-1 {
grid-column-start: 1;
} .col-end-1 {
grid-column-end: 1;
} .col-span-1 {
grid-column: span 1 / span 1;
} .col-span-full {
grid-column: 1 / -1;
} .row-start-1 {
grid-row-start: 1;
} .row-end-1 {
grid-row-end: 1;
} .row-span-1 {
grid-row: span 1 / span 1;
} .col-start-2 {
grid-column-start: 2;
} .col-end-2 {
grid-column-end: 2;
} .col-span-2 {
grid-column: span 2 / span 2;
} .col-span-full {
grid-column: 1 / -1;
} .row-start-2 {
grid-row-start: 2;
} .row-end-2 {
grid-row-end: 2;
} .row-span-2 {
grid-row: span 2 / span 2;
} .col-start-3 {
grid-column-start: 3;
} .col-end-3 {
grid-column-end: 3;
} .col-span-3 {
grid-column: span 3 / span 3;
} .col-span-full {
grid-column: 1 / -1;
} .row-start-3 {
grid-row-start: 3;
} .row-end-3 {
grid-row-end: 3;
} .row-span-3 {
grid-row: span 3 / span 3;
} .col-start-4 {
grid-column-start: 4;
} .col-end-4 {
grid-column-end: 4;
} .col-span-4 {
grid-column: span 4 / span 4;
} .col-span-full {
grid-column: 1 / -1;
} .row-start-4 {
grid-row-start: 4;
} .row-end-4 {
grid-row-end: 4;
} .row-span-4 {
grid-row: span 4 / span 4;
} .col-start-5 {
grid-column-start: 5;
} .col-end-5 {
grid-column-end: 5;
} .col-span-5 {
grid-column: span 5 / span 5;
} .col-span-full {
grid-column: 1 / -1;
} .row-start-5 {
grid-row-start: 5;
} .row-end-5 {
grid-row-end: 5;
} .row-span-5 {
grid-row: span 5 / span 5;
} .col-start-6 {
grid-column-start: 6;
} .col-end-6 {
grid-column-end: 6;
} .col-span-6 {
grid-column: span 6 / span 6;
} .col-span-full {
grid-column: 1 / -1;
} .row-start-6 {
grid-row-start: 6;
} .row-end-6 {
grid-row-end: 6;
} .row-span-6 {
grid-row: span 6 / span 6;
} @media (min-width: 576px) { .sm\:col-start-1 {
grid-column-start: 1;
} .sm\:col-end-1 {
grid-column-end: 1;
} .sm\:col-span-1 {
grid-column: span 1 / span 1;
} .sm\:col-span-full {
grid-column: 1 / -1;
} .sm\:row-start-1 {
grid-row-start: 1;
} .sm\:row-end-1 {
grid-row-end: 1;
} .sm\:row-span-1 {
grid-row: span 1 / span 1;
} .sm\:col-start-2 {
grid-column-start: 2;
} .sm\:col-end-2 {
grid-column-end: 2;
} .sm\:col-span-2 {
grid-column: span 2 / span 2;
} .sm\:col-span-full {
grid-column: 1 / -1;
} .sm\:row-start-2 {
grid-row-start: 2;
} .sm\:row-end-2 {
grid-row-end: 2;
} .sm\:row-span-2 {
grid-row: span 2 / span 2;
} .sm\:col-start-3 {
grid-column-start: 3;
} .sm\:col-end-3 {
grid-column-end: 3;
} .sm\:col-span-3 {
grid-column: span 3 / span 3;
} .sm\:col-span-full {
grid-column: 1 / -1;
} .sm\:row-start-3 {
grid-row-start: 3;
} .sm\:row-end-3 {
grid-row-end: 3;
} .sm\:row-span-3 {
grid-row: span 3 / span 3;
} .sm\:col-start-4 {
grid-column-start: 4;
} .sm\:col-end-4 {
grid-column-end: 4;
} .sm\:col-span-4 {
grid-column: span 4 / span 4;
} .sm\:col-span-full {
grid-column: 1 / -1;
} .sm\:row-start-4 {
grid-row-start: 4;
} .sm\:row-end-4 {
grid-row-end: 4;
} .sm\:row-span-4 {
grid-row: span 4 / span 4;
} .sm\:col-start-5 {
grid-column-start: 5;
} .sm\:col-end-5 {
grid-column-end: 5;
} .sm\:col-span-5 {
grid-column: span 5 / span 5;
} .sm\:col-span-full {
grid-column: 1 / -1;
} .sm\:row-start-5 {
grid-row-start: 5;
} .sm\:row-end-5 {
grid-row-end: 5;
} .sm\:row-span-5 {
grid-row: span 5 / span 5;
} .sm\:col-start-6 {
grid-column-start: 6;
} .sm\:col-end-6 {
grid-column-end: 6;
} .sm\:col-span-6 {
grid-column: span 6 / span 6;
} .sm\:col-span-full {
grid-column: 1 / -1;
} .sm\:row-start-6 {
grid-row-start: 6;
} .sm\:row-end-6 {
grid-row-end: 6;
} .sm\:row-span-6 {
grid-row: span 6 / span 6;
}
}
@media (min-width: 992px) { .md\:col-start-1 {
grid-column-start: 1;
} .md\:col-end-1 {
grid-column-end: 1;
} .md\:col-span-1 {
grid-column: span 1 / span 1;
} .md\:col-span-full {
grid-column: 1 / -1;
} .md\:row-start-1 {
grid-row-start: 1;
} .md\:row-end-1 {
grid-row-end: 1;
} .md\:row-span-1 {
grid-row: span 1 / span 1;
} .md\:col-start-2 {
grid-column-start: 2;
} .md\:col-end-2 {
grid-column-end: 2;
} .md\:col-span-2 {
grid-column: span 2 / span 2;
} .md\:col-span-full {
grid-column: 1 / -1;
} .md\:row-start-2 {
grid-row-start: 2;
} .md\:row-end-2 {
grid-row-end: 2;
} .md\:row-span-2 {
grid-row: span 2 / span 2;
} .md\:col-start-3 {
grid-column-start: 3;
} .md\:col-end-3 {
grid-column-end: 3;
} .md\:col-span-3 {
grid-column: span 3 / span 3;
} .md\:col-span-full {
grid-column: 1 / -1;
} .md\:row-start-3 {
grid-row-start: 3;
} .md\:row-end-3 {
grid-row-end: 3;
} .md\:row-span-3 {
grid-row: span 3 / span 3;
} .md\:col-start-4 {
grid-column-start: 4;
} .md\:col-end-4 {
grid-column-end: 4;
} .md\:col-span-4 {
grid-column: span 4 / span 4;
} .md\:col-span-full {
grid-column: 1 / -1;
} .md\:row-start-4 {
grid-row-start: 4;
} .md\:row-end-4 {
grid-row-end: 4;
} .md\:row-span-4 {
grid-row: span 4 / span 4;
} .md\:col-start-5 {
grid-column-start: 5;
} .md\:col-end-5 {
grid-column-end: 5;
} .md\:col-span-5 {
grid-column: span 5 / span 5;
} .md\:col-span-full {
grid-column: 1 / -1;
} .md\:row-start-5 {
grid-row-start: 5;
} .md\:row-end-5 {
grid-row-end: 5;
} .md\:row-span-5 {
grid-row: span 5 / span 5;
} .md\:col-start-6 {
grid-column-start: 6;
} .md\:col-end-6 {
grid-column-end: 6;
} .md\:col-span-6 {
grid-column: span 6 / span 6;
} .md\:col-span-full {
grid-column: 1 / -1;
} .md\:row-start-6 {
grid-row-start: 6;
} .md\:row-end-6 {
grid-row-end: 6;
} .md\:row-span-6 {
grid-row: span 6 / span 6;
}
}
@media (min-width: 1330px) { .lg\:col-start-1 {
grid-column-start: 1;
} .lg\:col-end-1 {
grid-column-end: 1;
} .lg\:col-span-1 {
grid-column: span 1 / span 1;
} .lg\:col-span-full {
grid-column: 1 / -1;
} .lg\:row-start-1 {
grid-row-start: 1;
} .lg\:row-end-1 {
grid-row-end: 1;
} .lg\:row-span-1 {
grid-row: span 1 / span 1;
} .lg\:col-start-2 {
grid-column-start: 2;
} .lg\:col-end-2 {
grid-column-end: 2;
} .lg\:col-span-2 {
grid-column: span 2 / span 2;
} .lg\:col-span-full {
grid-column: 1 / -1;
} .lg\:row-start-2 {
grid-row-start: 2;
} .lg\:row-end-2 {
grid-row-end: 2;
} .lg\:row-span-2 {
grid-row: span 2 / span 2;
} .lg\:col-start-3 {
grid-column-start: 3;
} .lg\:col-end-3 {
grid-column-end: 3;
} .lg\:col-span-3 {
grid-column: span 3 / span 3;
} .lg\:col-span-full {
grid-column: 1 / -1;
} .lg\:row-start-3 {
grid-row-start: 3;
} .lg\:row-end-3 {
grid-row-end: 3;
} .lg\:row-span-3 {
grid-row: span 3 / span 3;
} .lg\:col-start-4 {
grid-column-start: 4;
} .lg\:col-end-4 {
grid-column-end: 4;
} .lg\:col-span-4 {
grid-column: span 4 / span 4;
} .lg\:col-span-full {
grid-column: 1 / -1;
} .lg\:row-start-4 {
grid-row-start: 4;
} .lg\:row-end-4 {
grid-row-end: 4;
} .lg\:row-span-4 {
grid-row: span 4 / span 4;
} .lg\:col-start-5 {
grid-column-start: 5;
} .lg\:col-end-5 {
grid-column-end: 5;
} .lg\:col-span-5 {
grid-column: span 5 / span 5;
} .lg\:col-span-full {
grid-column: 1 / -1;
} .lg\:row-start-5 {
grid-row-start: 5;
} .lg\:row-end-5 {
grid-row-end: 5;
} .lg\:row-span-5 {
grid-row: span 5 / span 5;
} .lg\:col-start-6 {
grid-column-start: 6;
} .lg\:col-end-6 {
grid-column-end: 6;
} .lg\:col-span-6 {
grid-column: span 6 / span 6;
} .lg\:col-span-full {
grid-column: 1 / -1;
} .lg\:row-start-6 {
grid-row-start: 6;
} .lg\:row-end-6 {
grid-row-end: 6;
} .lg\:row-span-6 {
grid-row: span 6 / span 6;
}
}     .burger-button {
padding: 0;
background-color: transparent;
box-shadow: none;
outline: 0;
border: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
z-index: 9999;
} .burger-button > * {
display: inline-flex;
vertical-align: top;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 2.6rem;
width: 2.6rem;
padding: 0;
background-color: transparent;
background-image: linear-gradient(#333, #333);
background-position: center;
background-repeat: no-repeat;
background-origin: content-box;
background-size: 100% 5px;
transition: .25s;
transition-property: transform, background;
will-change: transform, background;
} .burger-button > *::before,
.burger-button > *::after {
content: "";
height: 5px;
background: #333;
transition: .25s;
transition-property: transform, top;
will-change: transform, top;
} .burger-button:hover > * {
background-color: transparent;
} .burger-button:focus {
outline: 0;
} .burger-button.is-active > * {
background-image: none;
justify-content: center;
} .burger-button.is-active > *::before {
transform: translateY(50%) rotate3d(0, 0, 1, 45deg);
} .burger-button.is-active > *::after {
transform: translateY(-50%) rotate3d(0, 0, 1, -45deg);
} .container {
box-sizing: border-box;
max-width: 1200px;
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
} .container.container-large {
max-width: 1400px;
} .container.container-left {
margin-right: 0;
} .mentions-legales {
margin: 5rem 0;
} .mentions-legales h2 {
margin-top: 3rem;
} #footer {
background-color: #1C4051;
display: flex;
justify-content: space-between;
padding: 50px 14%;
max-height: 220px;
position: relative;
} #footer .alteriade-footer {
width: 100%;
display: flex;
justify-content: space-between;
} #footer .alteriade-footer .logo-and-contact {
display: flex;
} #footer .alteriade-footer .logo-and-contact .logo-footer {
max-width: 200px;
margin-right: 10rem;
} #footer .alteriade-footer .logo-and-contact .menu-contact-footer .menu-footer {
list-style-type: none;
} #footer .alteriade-footer .logo-and-contact .menu-contact-footer .menu-footer .menu-item {
color: #A0D2C6;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.8rem;
line-height: 1.25;
} #footer .alteriade-footer .logo-and-contact .menu-contact-footer .menu-footer .menu-item a {
color: #ffffff;
text-transform: capitalize;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.8rem;
line-height: 1.25;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux {
display: flex;
flex-direction: row;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux .menu-item {
border: 1px solid #A0D2C6;
border-radius: 50%;
width: 40px;
height: 40px;
justify-content: center;
display: flex;
align-items: center;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux .menu-item a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux .menu-item a i {
color: #A0D2C6;
font-size: 15px;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux .menu-item a:focus, #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux .menu-item a:hover, #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux .menu-item a:active {
text-decoration: none;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux .menu-item:first-of-type {
margin: 0 1.5rem;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .menu-reseaux-sociaux::before {
content: "Nous suivre";
color: #ffffff;
margin-right: 1.5rem;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .copyright {
margin-top: 5rem;
text-align: end;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .copyright p {
color: #ffffff;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .copyright p a:hover {
cursor: pointer;
} a {
text-decoration: none;
}
@media screen and (max-width: 1200px) { #footer {
padding: 50px 9%;
}
}
@media screen and (min-width: 1400px) { #footer {
justify-content: center;
} #footer .alteriade-footer {
max-width: 1000px;
}
}
@media screen and (max-width: 992px) { #footer ul {
padding-left: 0;
} #footer .alteriade-footer {
flex-direction: column;
} #footer .alteriade-footer .logo-and-contact {
flex-direction: column;
} #footer .alteriade-footer .logo-and-contact .logo-footer {
margin-right: 0;
margin-bottom: 5rem;
} #footer .alteriade-footer .menu-contact-footer {
margin-bottom: 2.5rem;
} #footer .alteriade-footer .reseaux-sociaux-and-copyright .copyright {
text-align: left;
}
} #alteriade-header-agence,
#alteriade-header {
display: flex;
flex-direction: column;
} #alteriade-header-agence .banniere-header,
#alteriade-header .banniere-header {
display: flex;
height: 80px;
} #alteriade-header-agence .main-header-agence, #alteriade-header-agence .main-header,
#alteriade-header .main-header-agence,
#alteriade-header .main-header {
display: flex;
} #alteriade-header-agence .main-header,
#alteriade-header .main-header {
padding: 0 !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
max-height: 100%;
height: 100%;
} .position-inherit {
position: inherit !important;
} #alteriade-header {
min-height: initial !important;
} .banniere-header {
position: absolute;
width: 100%;
} .banniere-header .reseaux-sociaux-header {
z-index: 99;
display: flex;
width: 100%;
justify-content: center;
} .banniere-header .reseaux-sociaux-header ul {
list-style-type: none;
display: flex;
justify-content: flex-end;
width: 100%;
} .banniere-header .reseaux-sociaux-header ul .menu-item {
background-color: #ffffff;
border: 1px solid #FF6622;
border-radius: 50%;
width: 40px;
height: 40px;
justify-content: center;
display: flex;
margin: 0 7px;
} .banniere-header .reseaux-sociaux-header ul .menu-item a i {
color: #FF6622;
font-size: 20px;
} .absolute {
position: absolute;
} .margin-banniere {
margin-right: 3rem;
margin-top: 2rem;
}
@media (min-width: 992px) { .margin-banniere.is-active {
margin-right: 23%;
}
} .sticky-banniere {
background-color: white;
padding-bottom: 2rem;
box-shadow: 0 0 2px #979797;
} .sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
} .img-logo-alteriade-banniere {
position: absolute;
z-index: 999;
width: 145px;
height: 50px;
margin-top: 1.5rem;
margin-left: 3rem;
} .burger-button > *::before,
.burger-button > *::after {
background: #FF6622;
border-radius: 5px;
} .burger-button > * {
background-image: url(//www.alteriade.fr/wp-content/themes/alteriade/images/ligne-burger.png);
height: 3rem;
width: 3.5rem;
margin-top: 0.5rem;
} #alteriade-header {
width: 100%;
position: relative;
min-height: 400px;
} #alteriade-header .image-header {
width: 100%;
height: 100vh;
margin: 0;
min-height: 400px;
} .slick-arrow {
font-size: 0;
display: none;
position: absolute;
} .slick-slider {
margin-left: 35%;
} .animation {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #FF6622;
position: absolute;
height: 100vh;
width: 100%;
top: 0;
animation-duration: 2s;
animation-name: slidein;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
min-height: 400px;
}
@media only screen and (min-width: 1400px) {
@keyframes slidein {
from {
align-items: center;
margin-left: 0;
width: 100%;
}
to {
align-items: flex-end;
margin-left: 0;
width: 38%;
}
}
}
@media only screen and (max-width: 1400px) {
@keyframes slidein {
from {
align-items: center;
margin-left: 0;
width: 100%;
}
to {
align-items: flex-end;
margin-left: 0;
width: 35%;
}
}
} .logo-animation {
height: 100%;
width: 100%;
position: relative;
} .position-fixed {
position: fixed;
} .logo-animation-header {
position: fixed;
display: flex;
margin-left: auto;
margin-right: auto;
min-width: 400px;
left: 0;
right: 0;
} .logo-animation-header.start-animation {
animation-name: centerToTopLeft;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-duration: 3s;
}
@keyframes centerToTopLeft {
from {
position: absolute;
margin-left: initial;
margin-right: initial;
left: inherit;
right: 0;
}
to {
position: absolute;
margin-left: initial;
margin-right: initial;
left: initial;
right: -10rem;
}
} .description-animation {
display: flex;
flex-direction: column;
justify-content: flex-start;
max-width: 300px;
} .description-animation-header {
opacity: 0;
animation-name: slide-top;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 1s;
margin-top: 17rem;
margin-right: 5rem;
color: #ffffff;
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.2rem;
line-height: 1.5;
margin-bottom: 0;
}
@keyframes slide-top {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media only screen and (min-width: 1600px) { .banniere-header .img-logo-alteriade-banniere {
margin-left: 0;
} .banniere-header .reseaux-sociaux-header ul {
max-width: 1200px;
} .banniere-header .margin-banniere {
margin-right: 0;
margin-left: 2rem;
} .banniere-header .margin-banniere.is-active {
position: absolute;
left: 1120px;
margin-right: auto;
}
}
@media only screen and (max-width: 992px) {
@keyframes slidein {
from {
margin-left: 0;
width: 100%;
}
to {
margin-left: 0;
width: 45%;
}
}
}
@media only screen and (max-width: 768px) { #alteriade-header {
position: inherit;
} #alteriade-header .banniere-header .reseaux-sociaux-header.absolute {
top: -400px;
} #alteriade-header .banniere-header .reseaux-sociaux-header.absolute nav.is-opened {
top: 400px;
} #alteriade-header .galerie-carousel.slick-initialized.slick-slider {
max-height: 400px;
margin-top: 40rem;
} .animation {
height: 50vh;
width: 100%;
animation-name: unset;
max-height: 400px;
} .logo-animation {
margin-top: 16rem;
} .logo-animation-header {
position: inherit;
animation-name: unset;
min-width: inherit;
} .description-animation {
position: absolute;
max-width: 400px;
top: 0;
margin-top: 8rem;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
} .description-animation-header {
animation-name: unset;
opacity: 1;
} .slick-slider {
margin-left: initial;
} .burger-button > *::before,
.burger-button > *::after {
background: #ffffff;
} .sticky .burger-button > *::before, .sticky .burger-button > *::after {
background: #FF6622;
} .sticky .burger-button.is-active > * {
background-image: unset;
}
}
@media only screen and (max-width: 480px) { .logo-animation-header {
max-width: 300px;
margin-left: 3rem;
margin-right: inherit;
} .description-animation-header {
margin-top: 13rem;
margin-left: 2rem;
margin-right: 2rem;
} .description-animation {
padding: 0 12px;
}
}
@media only screen and (max-width: 370px) { .logo-animation-header {
max-width: 250px;
} .description-animation {
margin-top: 8rem;
} .description-animation-header {
margin-top: 11rem;
margin-left: 2rem;
margin-right: 2rem;
} .banniere-header .reseaux-sociaux-header.sticky-banniere {
padding-bottom: 1rem;
} .banniere-header .reseaux-sociaux-header.sticky-banniere .img-logo-alteriade-banniere {
margin-top: 2rem;
} .banniere-header .reseaux-sociaux-header.sticky-banniere .menu-item {
display: none;
} .banniere-header .reseaux-sociaux-header.sticky-banniere .margin-banniere {
margin-right: 3rem;
margin-top: 3rem;
}
} h1, .h1-like {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 0.72;
text-transform: none;
font-size: 10rem;
} h1 span, .h1-like span {
font-family: "FuturaPT-Bold", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.08;
text-transform: none;
font-size: 5rem;
} h2, .h2-like {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.08;
font-size: 5rem;
} h2 strong,
h2 span,
h2 span strong, .h2-like strong,
.h2-like span,
.h2-like span strong {
font-size: inherit;
font-family: inherit;
} h3, .h3-like {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.12;
font-size: 3.4rem;
} h3 strong,
h3 span,
h3 span strong, .h3-like strong,
.h3-like span,
.h3-like span strong {
font-size: inherit;
font-family: inherit;
} .h3-like-heavy {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.12;
font-size: 3.4rem;
} h4, .h4-like {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.8rem;
line-height: 1.25;
} h4 strong,
h4 span,
h4 span strong, .h4-like strong,
.h4-like span,
.h4-like span strong {
font-size: inherit;
font-family: inherit;
} h5, .h5-like {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.2rem;
line-height: 1.32;
} p {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-size: 2rem;
} p strong {
font-family: "FuturaPT-Bold", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} p strong a {
font-family: inherit;
} .v-small {
font: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.27;
font-size: 1.1rem;
} .v-small a {
color: #ffffff;
text-decoration: underline;
}  h1,
.h1-like,
h2,
.h2-like,
h3,
.h3-like,
h4,
.h4-like,
h4 strong,
h5,
.h5-like,
h6,
.h6-like {
color: #1C4051;
font-weight: normal;
} * {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: #1C4051;
} .references {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
} .references .img-reference.not-portfolio {
display: none;
} .references .img-reference.not-portfolio.to-show {
display: block;
} .references .img-reference {
width: 100%;
margin: 0;
background-position: center;
background-size: cover;
height: 375px;
max-height: 100%;
} .references .img-reference:hover .img-reference-hover {
display: flex;
} .references .img-reference-big-screen {
display: block;
}
@media (max-width: 992px) { .references .img-reference-big-screen {
display: none;
}
} .references .img-reference-medium-screen {
display: none;
}
@media (max-width: 992px) { .references .img-reference-medium-screen {
display: block;
}
}
@media (max-width: 576px) { .references .img-reference-medium-screen {
display: none;
}
} .references .img-reference-small-screen {
display: none;
}
@media (max-width: 576px) { .references .img-reference-small-screen {
display: block;
}
} .references .img-reference-hover {
background: rgba(255, 102, 34, 0.9);
position: absolute;
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
height: 40vh;
max-height: 100%;
} .references .img-reference-hover .title-reference {
text-align: center;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.3;
font-size: 3.4rem;
} .references .img-reference-hover h3,
.references .img-reference-hover .h4-like,
.references .img-reference-hover p {
color: white;
} .references .img-reference-hover a {
text-decoration: none;
}
@media (max-width: 576px) { .references .img-reference {
height: 240px;
} .references .img-reference-hover {
height: 60vh;
}
} .ref-visible-mobile-only {
width: 100%;
display: none;
}
@media only screen and (max-width: 992px) { .ref-visible-mobile-only {
display: block;
margin: 5rem 2rem 5rem 2rem;
}
}  #tri_search {
max-width: 1000px;
margin: 5rem auto 2.5rem;
padding: 0 2.5rem;
font-size: 1.6rem;
} #tri_search .tri_title {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} #tri_search .tri_content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
} #tri_search .tri_content .tri_words {
width: 50%;
} #tri_search .tri_content .tri_words#all {
width: 100%;
} #tri_search .tri_content .tri_words:hover {
cursor: pointer;
} #tri_search .tri_content .tri_words.active {
font-weight: bold;
color: #FF6622;
}
@media (min-width: 576px) { #tri_search {
padding-left: 6rem;
}
}
@media (min-width: 768px) { #tri_search {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 90%;
} #tri_search .tri_title {
width: 10%;
} #tri_search .tri_content {
width: 80%;
flex-wrap: nowrap;
} #tri_search .tri_content .tri_words {
width: initial !important;
} #tri_search .tri_content .tri_words:not(:last-child)::after {
content: "|";
color: #FF6622;
padding: 4px;
text-decoration: none !important;
}
}
@media (min-width: 992px) { #tri_search {
padding: 0 5rem;
} #tri_search .tri_content .tri_words:not(:last-child)::after {
padding: 0 32px;
}
} #tri_references {
margin-bottom: 10rem;
} #tri_references .img-reference {
visibility: visible;
opacity: 1;
-webkit-transition: opacity 700ms ease-in-out, visibility 700ms ease-in-out;
transition: opacity 700ms ease-in-out, visibility 700ms ease-in-out;
} #tri_references .img-reference:not(.selected) {
opacity: 0;
visibility: hidden;
width: 0 !important;
}  #reference-header h1 {
position: absolute !important;
z-index: -1;
}
@media (min-width: 576px) { #reference-content {
padding-left: 0;
padding-right: 0;
}
} #reference-content p.has-huge-font-size, #reference-content p.has-normal-font-size {
font-size: inherit;
} #reference-content p.h1-like {
font-size: 10rem;
} #reference-content h2 {
margin-bottom: 1.5rem;
} #reference-content .wp-block-group,
#reference-content .wp-block-columns,
#reference-content .wp-block-embed {
max-width: 1200px;
padding: 0;
margin: 10rem auto;
} #reference-content .wp-block-columns {
padding-left: 10rem;
padding-right: 10rem;
}
@media (max-width: 576px) { #reference-content .wp-block-columns {
padding-left: 0;
padding-right: 0;
} #reference-content .wp-block-columns .wp-block-column {
padding-bottom: 2.5rem;
}
} #reference-content .wp-block-embed iframe {
width: 1200px;
height: 542px;
margin: auto;
padding: 0 10rem;
}
@media (max-width: 768px) { #reference-content .wp-block-embed iframe {
height: 42vh;
}
}
@media (max-width: 576px) { #reference-content .wp-block-embed iframe {
padding-left: 0;
padding-right: 0;
height: 34vh;
}
}
@media (min-width: 1200px) { #reference-content .alt-b-column {
margin-left: 5rem;
}
}
@media (min-width: 1400px) { #reference-content .alt-b-column {
margin: 5rem 10rem;
}
} #other_projects {
background-color: #F5F7F8;
padding: 5rem 0;
} #other_projects .cpt_selection {
padding-left: 10rem;
padding-right: 10rem;
}
@media (max-width: 576px) { #other_projects .cpt_selection {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
} #other_projects .cpt_selection .title {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
} #other_projects .cpt_selection .title p {
font-size: 3.4rem;
font-family: "FuturaPT-Bold", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} #other_projects .cpt_selection .title p span {
font-size: 7rem;
} #other_projects .cpt_selection .title a.btn {
background-color: #FF6622;
color: #ffffff;
font-size: 1.8rem;
font-family: "FuturaPT-Bold", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
padding: 0 1.5rem;
border: 2px solid #FF6622;
} #other_projects .cpt_selection .title a.btn img {
width: 18px;
height: 18px;
margin-bottom: .5rem;
margin-right: 1rem;
} #other_projects .cpt_selection .title a.btn:hover {
text-decoration: none;
background-color: #ffffff;
color: #FF6622;
} #other_projects .cpt_selection .title a.btn:hover img {
background-color: #FF6622;
border: 2px solid #FF6622;
border-radius: 3px;
} #other_projects .cpt_selection .cpt_cards {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 3rem;
}
@media (max-width: 576px) { #other_projects .cpt_selection .cpt_cards {
display: block;
}
} #other_projects .cpt_selection .cpt_cards .the_card {
position: relative;
max-width: 475px;
max-height: 380px;
flex: 1 0 50%;
margin: .5rem;
background-position: center;
background-size: cover;
}
@media (max-width: 576px) { #other_projects .cpt_selection .cpt_cards .the_card {
flex: none;
margin: 2.5rem auto;
width: 100%;
}
} #other_projects .cpt_selection .cpt_cards .the_card img {
display: block;
width: 100%;
height: 100%;
} #other_projects .cpt_selection .cpt_cards .the_card a {
text-decoration: none;
} #other_projects .cpt_selection .cpt_cards .the_card .hover {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 102, 34, 0.9);
flex-direction: column;
justify-content: center;
align-items: center;
} #other_projects .cpt_selection .cpt_cards .the_card .hover .title-reference {
text-align: center;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.3;
font-size: 3.4rem;
color: white;
} #other_projects .cpt_selection .cpt_cards .the_card .hover p {
color: white;
} #other_projects .cpt_selection .cpt_cards .the_card:hover .hover {
display: flex;
} #other_projects .cpt_selection .cpt_cards .the_card.disable {
display: none;
} #other_projects .selection_nav {
padding-top: 3.1rem;
text-transform: uppercase;
font-size: 1.8rem;
display: flex;
} #other_projects .selection_nav.nav_disable {
display: none;
} #other_projects .selection_nav .between {
padding: 0 2rem;
} #other_projects .selection_nav .link {
display: inline;
} #other_projects .selection_nav .link:hover {
text-decoration: underline;
cursor: pointer;
} #other_projects .selection_nav .prev_nav_disable,
#other_projects .selection_nav .next_nav_disable {
color: currentColor;
opacity: 0.5;
} #other_projects .selection_nav .prev_nav_disable .link,
#other_projects .selection_nav .next_nav_disable .link {
cursor: not-allowed;
text-decoration: none;
}
@media (max-width: 576px) { #other_projects .selection_nav {
text-align: center;
}
}
@media only screen and (min-width: 992px) { .img-reference.img-reference-medium-screen.not-portfolio.selected.to-show {
display: none;
} .img-reference.img-reference-small-screen.not-portfolio.selected.to-show {
display: none;
}
}
@media only screen and (max-width: 992px) and (min-width: 768px) { .img-reference.img-reference-big-screen.not-portfolio.selected.to-show {
display: none;
} .img-reference.img-reference-small-screen.not-portfolio.selected.to-show {
display: none;
}
}
@media only screen and (max-width: 768px) { .img-reference.img-reference-big-screen.not-portfolio.selected.to-show {
display: none;
} .img-reference.img-reference-medium-screen.not-portfolio.selected.to-show {
display: none;
}
} .main-header-agence, #alteriade-header-agence .main-header,
#alteriade-header .main-header {
display: flex;
flex-direction: column;
padding: 10rem 0 5rem 10rem;
background-color: #FF6622;
} .main-header-agence h1, #alteriade-header-agence .main-header h1, #alteriade-header .main-header h1, .main-header-agence .h1-like, #alteriade-header-agence .main-header .h1-like, #alteriade-header .main-header .h1-like, .main-header-agence span, #alteriade-header-agence .main-header span, #alteriade-header .main-header span, .main-header-agence p, #alteriade-header-agence .main-header p, #alteriade-header .main-header p {
color: #ffffff;
} .main-header-agence h1, #alteriade-header-agence .main-header h1, #alteriade-header .main-header h1, .main-header-agence .h1-like, #alteriade-header-agence .main-header .h1-like, #alteriade-header .main-header .h1-like {
line-height: 84px;
hyphens: auto;
position: relative;
} .main-header-agence h1 span, #alteriade-header-agence .main-header h1 span, #alteriade-header .main-header h1 span, .main-header-agence .h1-like span, #alteriade-header-agence .main-header .h1-like span, #alteriade-header .main-header .h1-like span {
display: flex;
margin-top: 1rem;
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .main-header-agence h1 span:first-child, #alteriade-header-agence .main-header h1 span:first-child, #alteriade-header .main-header h1 span:first-child, .main-header-agence .h1-like span:first-child, #alteriade-header-agence .main-header .h1-like span:first-child, #alteriade-header .main-header .h1-like span:first-child {
margin-top: 0;
} .main-header-agence h1 span:after, #alteriade-header-agence .main-header h1 span:after, #alteriade-header .main-header h1 span:after, .main-header-agence .h1-like span:after, #alteriade-header-agence .main-header .h1-like span:after, #alteriade-header .main-header .h1-like span:after {
content: ".";
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: #A0D2C6;
}
@media (min-width: 768px) and (max-width: 1200px) { .main-header-agence h1 span:after, #alteriade-header-agence .main-header h1 span:after, #alteriade-header .main-header h1 span:after, .main-header-agence .h1-like span:after, #alteriade-header-agence .main-header .h1-like span:after, #alteriade-header .main-header .h1-like span:after {
position: absolute;
right: 0;
bottom: 0;
margin-right: 20rem;
}
} .main-header-agence p, #alteriade-header-agence .main-header p, #alteriade-header .main-header p {
width: 60%;
} .main-header-agence.header-article h1 span, #alteriade-header-agence .header-article.main-header h1 span, #alteriade-header .header-article.main-header h1 span {
display: none;
}
@media only screen and (min-width: 1400px) { #alteriade-header-agence .main-header-agence, #alteriade-header-agence .main-header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10rem 0 5rem 20rem;
} #alteriade-header-agence .main-header-agence h1, #alteriade-header-agence .main-header h1, #alteriade-header-agence .main-header-agence .h1-like, #alteriade-header-agence .main-header .h1-like, #alteriade-header-agence .main-header-agence p, #alteriade-header-agence .main-header p {
width: 1200px;
}
}
@media only screen and (max-width: 1200px) { .main-header-agence, #alteriade-header-agence .main-header,
#alteriade-header .main-header {
padding: 10rem 0 5rem 10rem;
}
}
@media only screen and (max-width: 576px) { .main-header-agence, #alteriade-header-agence .main-header,
#alteriade-header .main-header {
padding: 10rem 0 5rem 2rem;
} .main-header-agence p, #alteriade-header-agence .main-header p, #alteriade-header .main-header p {
width: 90%;
}
}
@media only screen and (max-width: 768px) { .main-header-agence h1 span, #alteriade-header-agence .main-header h1 span, #alteriade-header .main-header h1 span, .main-header-agence .h1-like span, #alteriade-header-agence .main-header .h1-like span, #alteriade-header .main-header .h1-like span {
display: inherit;
line-height: 1.08;
}
}
@media only screen and (max-width: 370px) { .main-header-agence, #alteriade-header-agence .main-header,
#alteriade-header .main-header {
padding: 5rem 0 5rem 2rem;
}
}
@media only screen and (max-width: 400px) { .main-header-agence h1, #alteriade-header-agence .main-header h1, #alteriade-header .main-header h1 {
line-height: 64px;
} h1, .h1-like {
font-size: 6rem;
line-height: 55px;
} h1 span, .h1-like span {
margin-top: 2rem;
}
} .main-header-metiers {
padding: 10rem 0 5rem 10rem;
background-color: #1C4051;
} .main-header-metiers h1, .main-header-metiers span, .main-header-metiers p {
color: white;
max-width: 650px;
} .main-header-metiers h1 .orange, .main-header-metiers span .orange, .main-header-metiers p .orange {
color: #FF6622;
} .main-header-metiers h1, .main-header-metiers .h1-like-seo {
margin-bottom: 2.5rem;
hyphens: auto;
} .main-header-metiers h1 .secondary-title, .main-header-metiers .h1-like-seo .secondary-title {
display: flex;
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: #A0D2C6;
margin-bottom: 1rem;
} .main-header-metiers h1 .first-title, .main-header-metiers .h1-like-seo .first-title {
line-height: 100px;
}
@media only screen and (min-width: 1400px) { #alteriade-header-agence .main-header-metiers {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10rem 0 5rem 20rem;
} #alteriade-header-agence .main-header-metiers h1, #alteriade-header-agence .main-header-metiers p {
width: 1200px;
} .main-header-metiers h1, .main-header-metiers span, .main-header-metiers p {
max-width: 1200px;
}
}
@media only screen and (max-width: 768px) { #alteriade-header-agence .main-header-metiers {
padding: 10rem 0 5rem 2rem;
}
}
@media only screen and (max-width: 370px) { #alteriade-header-agence .main-header-metiers {
padding: 7rem 0 5rem 2rem;
}
}
@media only screen and (max-width: 609px) { #alteriade-header-agence .main-header-metiers h1 .first-title {
line-height: 50px;
font-size: 5rem;
}
}
@media only screen and (max-width: 1200px) { #alteriade-header-agence h1, #alteriade-header-agence span, #alteriade-header-agence p {
max-width: 600px;
}
}
@media only screen and (max-width: 992px) { #alteriade-header-agence h1, #alteriade-header-agence span, #alteriade-header-agence p {
max-width: 100%;
}
} blockquote {
display: flex;
justify-content: center;
align-items: center;
} blockquote p {
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.12;
font-size: 3.4rem;
color: #1C4051;
max-width: 600px;
position: relative;
margin-left: 10rem;
} blockquote p::before {
content: "";
background: url(//www.alteriade.fr/wp-content/themes/alteriade/images/img-quotation.png) no-repeat center center/cover;
position: absolute;
width: 100px;
height: 55px;
left: -124px;
} .wp-block-quote {
border-left: unset;
padding-left: 0;
margin: 5rem 0;
}
@media only screen and (min-width: 1400px) { blockquote {
width: 1200px;
display: flex;
}
}
@media (max-width: 768px) { .wp-block-quote {
margin: 8rem 0 2.5rem 0;
} blockquote p {
margin-left: 2rem;
} blockquote p::before {
left: 0;
top: -70px;
}
} #menu-principal {
display: none;
} #menu-principal.is-opened {
display: flex;
outline: 9999px solid rgba(0, 0, 0, 0.5);
}
@media (max-width: 576px) { #menu-principal.is-opened {
overflow: scroll;
height: 80vh;
padding-bottom: 7rem;
}
} #menu-principal {
background-color: #FF6622;
position: absolute;
width: 80%;
max-width: 1200px;
height: 100vh;
left: 0;
top: 0;
padding-top: 15rem;
z-index: 999;
} #menu-principal .menu-header {
background-color: #FF6622;
display: flex;
justify-content: flex-start;
flex-direction: column;
height: min-content;
width: 50%;
} #menu-principal .menu-header:hover li a .menu-item-link-wrapper {
opacity: 0.3;
} #menu-principal .menu-header li {
background-color: #FF6622;
border: unset;
border-radius: unset;
width: min-content;
height: inherit;
justify-content: flex-start;
display: flex;
margin: 0 0 2rem 0;
} #menu-principal .menu-header li a {
text-decoration: none;
} #menu-principal .menu-header li a .menu-item-link-wrapper {
color: #ffffff;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.12;
font-size: 3.4rem;
margin-left: 20rem;
} #menu-principal .menu-header li a .menu-item-link-wrapper:hover {
opacity: 1;
} #menu-principal .menu-header li a .menu-item-link-wrapper:hover .menu-item-link-wrapper {
opacity: 0.3;
} #menu-principal .menu-header .menu-item-has-children {
position: relative;
} #menu-principal .menu-header .menu-item-has-children .sub-menu {
display: none;
flex-direction: column;
position: absolute;
width: max-content;
padding: 5rem;
left: 420px;
bottom: -175px;
} #menu-principal .menu-header .menu-item-has-children .sub-menu:hover li a .menu-item-link-wrapper {
opacity: 0.3;
} #menu-principal .menu-header .menu-item-has-children .sub-menu li {
width: max-content;
} #menu-principal .menu-header .menu-item-has-children .sub-menu li a .menu-item-link-wrapper {
margin-left: 0;
position: relative;
opacity: 1;
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} #menu-principal .menu-header .menu-item-has-children .sub-menu li a .menu-item-link-wrapper:hover {
opacity: 1;
} #menu-principal .menu-header .menu-item-has-children:hover {
width: 100%;
} #menu-principal .menu-header .menu-item-has-children:hover .sub-menu {
display: flex;
} #menu-principal .menu-header .menu-header:hover .menu-item-link-wrapper {
opacity: 0.3;
} #menu-principal .menu-header .menu-header .menu-item-link-wrapper:hover {
opacity: 1;
} .burger-button.is-active > *::before, .burger-button.is-active > *::after {
background: white;
}
@media only screen and (max-width: 1050px) { #menu-principal .menu-header .menu-item-has-children .sub-menu {
left: 400px;
}
}
@media only screen and (max-width: 992px) { #menu-principal {
width: 100%;
} .burger-button.is-active > *::before, .burger-button.is-active > *::after {
position: inherit;
} .burger-button {
z-index: 9999;
}
}
@media only screen and (max-width: 992px) { #menu-principal .menu-header li a .menu-item-link-wrapper {
margin-left: 5rem;
} #menu-principal .menu-header .menu-item-has-children .sub-menu {
left: 230px;
}
}
@media only screen and (max-width: 576px) { #menu-principal .menu-header li a .menu-item-link-wrapper {
margin-left: 2rem;
} #menu-principal .menu-header .menu-item-has-children {
flex-direction: column;
} #menu-principal .menu-header .menu-item-has-children .sub-menu {
position: initial;
margin-left: 5rem;
}
}
@media only screen and (max-width: 370px) { .burger-button.is-active {
position: absolute;
top: 20px;
right: 30px;
}
}
@media only screen and (max-width: 480px) { #menu-principal {
padding-top: 10rem;
} #menu-principal .menu-header li a .menu-item-link-wrapper {
font-size: 2.8rem;
} #menu-principal .menu-header .menu-item-has-children .sub-menu {
padding: 0;
margin-left: 2rem;
} #menu-principal .menu-header .menu-item-has-children .sub-menu li:first-of-type {
margin-top: 1rem;
}
} .content-contact {
padding: 10rem;
}
@media (max-width: 576px) { .content-contact {
padding: 2.5rem;
}
}
@media (min-width: 1400px) { .content-contact {
padding: 10rem 20rem;
width: 1000px;
margin: auto;
}
} #content-carte {
position: relative;
} #content-carte .coord {
width: max-content;
padding: 5rem;
background: #FF6622;
position: absolute;
z-index: 9;
top: 11rem;
left: 20rem;
} #content-carte .coord .title,
#content-carte .coord .address {
color: #FFF;
} #content-carte .coord .title {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 3.4rem;
padding-bottom: 1.5rem;
} #content-carte .coord .address {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.2rem;
line-height: 2.5rem;
} #content-carte .coord .address a {
color: #FFF;
}
@media (max-width: 768px) { #content-carte .coord {
position: relative;
width: 100%;
top: 0;
left: 0;
text-align: center;
padding: 2.5rem 0;
} #content-carte .coord .title {
font-size: 2.4rem;
} #content-carte .coord .address {
font-size: 1.5rem;
line-height: 1.8rem;
}
} #content-carte #map {
height: 63.4vh;
z-index: 9;
} .article_content {
margin: 5rem auto;
padding: 0 10rem;
}
@media (max-width: 576px) { .article_content {
padding: 0 2.5rem;
}
} .article_content .title-article {
margin-bottom: 5rem;
font-family: "FuturaPT-Bold", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 5rem;
line-height: 5.4rem;
position: relative;
} .article_content .title-article:before {
content: ">";
color: #FF6622;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 10rem;
position: absolute;
left: -10.3rem;
}
@media (max-width: 1200px) { .article_content .title-article:before {
left: -7rem;
}
}
@media (max-width: 576px) { .article_content .title-article:before {
content: none;
}
} .article_content h2 strong, .article_content h3 strong {
font-family: inherit;
} .article_content h3 {
margin-top: 3rem;
margin-bottom: 1.5rem;
} .article_content p {
margin-bottom: 2rem;
} .article_content figure.alignwide {
margin-right: 0;
margin-left: 0;
} .article_content figure.alignwide img {
max-height: 601px;
} .article_content .wp-block-media-text .wp-block-media-text__content {
max-width: 600px;
} .article_content .wp-block-media-text figure {
padding-bottom: 2.5rem;
} .article_content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-left: 0;
padding-right: 5.5rem;
}
@media (min-width: 600px) { .article_content .wp-block-media-text.img-bord-droit figure {
width: 36vw;
height: 347px;
}
}
@media (max-width: 576px) { .article_content .wp-block-media-text .wp-block-media-text__content {
padding-right: 0 !important;
}
} .bg-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: scroll;
background-color: #ffffff;
} *,
*::before,
*::after {
box-sizing: inherit; min-width: 0;
min-height: 0;
} html { font-size: 62.5%; font-size: calc(1em * 0.625);
} .lnum, .lining-nums {
font-variant-numeric: lining-nums;
} .txt-uppercase {
text-transform: uppercase;
} .txt-lowercase {
text-transform: none;
} .underline {
text-decoration: underline;
} .ls-3 {
letter-spacing: 3px;
} .my-15 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}  a.underline {
text-decoration: underline;
} a.underline:hover, a.underline:active, a.underline:focus {
text-decoration: none;
} a.no-underline {
text-decoration: none;
} a.no-underline:hover, a.no-underline:active, a.no-underline:focus {
text-decoration: none;
} a.reverse-underline {
text-decoration: none;
} a.reverse-underline:hover, a.reverse-underline:active, a.reverse-underline:focus {
text-decoration: underline;
}  .color-base {
color: #1C4051;
} .color-white {
color: #ffffff;
} .bg-base {
background-color: #1C4051;
color: #ffffff;
} .bg-light {
background-color: #F5F7F8;
} .bg-white {
background-color: #ffffff;
} .block {
display: block;
} .clear {
clear: both;
} .hide {
display: none;
} .has-orange-color, .has-orange-color strong {
color: #FF6622;
} .has-rose-color, .has-rose-color strong {
color: #D52384;
} .has-bleu-cyan-color, .has-bleu-cyan-color strong {
color: #A0D2C6;
} .has-bleu-sombre-color, .has-bleu-sombre-color strong {
color: #1C4051;
} .has-blanc-gris-color, .has-blanc-gris-color strong {
color: #F5F7F8;
} .alteriade-bloc-mots-clefs {
display: flex;
margin-left: 5rem;
margin-right: 5rem;
justify-content: center;
position: relative;
} .alteriade-bloc-mots-clefs .bloc-and-chevron {
display: flex;
height: 100%;
background-color: #ffffff;
max-width: 1300px;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .chevron {
padding-top: 12rem;
width: 50px;
height: 60px;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef:first-of-type {
border-left: 1px solid #d2d9dc;
margin-left: 10rem;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef {
position: relative;
border-right: 1px solid #d2d9dc;
padding-top: 10rem;
height: auto;
width: 38%;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef .titre-and-description {
margin: 0 5rem;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef .titre-and-description .img-titre {
padding-bottom: .5rem;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef .titre-and-description .img-titre .titre {
width: auto;
max-height: 104px;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef .voir-plus {
display: flex;
justify-content: flex-end;
margin: 18rem 5rem 10rem 5rem;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef .voir-plus p {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 50px;
line-height: 54px;
} .reveal-visible .mot-clef:first-of-type .img-titre {
transform: translateY(25px);
animation-name: topIncrease25;
animation-duration: 1.5s;
animation-delay: .3s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
} .reveal-visible .mot-clef:nth-of-type(2) .img-titre {
transform: translateY(6px);
animation-name: topIncrease5;
animation-duration: 1.5s;
animation-delay: .3s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
} .reveal-visible .mot-clef:nth-of-type(3) .img-titre {
animation-name: topIncrease5;
transform: translateY(5px);
animation-duration: 1.5s;
animation-delay: .3s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
} .reveal {
opacity: 0;
transform: translateY(-50px);
} .reveal-visible {
opacity: 1;
transform: translateY(0px);
} .slide {
height: 100%;
}
@keyframes topIncrease25 {
from {
transform: translateY(25px);
}
to {
transform: translateY(-30px);
}
}
@keyframes topIncrease5 {
from {
transform: translateY(5px);
}
to {
transform: translateY(-30px);
}
} .mot-clef:hover {
cursor: default;
} .description-hover p {
color: #ffffff;
margin-bottom: 1rem;
font-size: 1.8rem;
} .description-hover p strong {
color: #ffffff;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
} .mot-clef-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
} .mot-clef-hover .titre-and-description-hover {
margin: 5rem 5rem 0 5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
} .mot-clef-hover .titre-and-description-hover .titre-hover {
margin-bottom: 2rem;
max-width: 200px;
} .alteriade-bloc-mots-clefs .bloc-and-chevron {
position: relative;
} .alteriade-bloc-mots-clefs .bloc-and-chevron:before {
content: ">";
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 10rem;
color: #FF6622;
line-height: 0.72;
position: absolute;
top: 70px;
left: 0;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef:hover .mot-clef-hover {
animation-name: bottomToTop;
animation-duration: 250ms;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
@keyframes bottomToTop {
from {
opacity: 0;
}
to {
opacity: 1;
}
} .alteriade-bloc-mots-clefs .hide {
display: none;
} .alteriade-bloc-mots-clefs .carousel-activated {
flex-direction: column;
height: 100%;
} .alteriade-bloc-mots-clefs .carousel-activated .slick-track {
height: 100%;
transform: unset;
} .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef {
display: none;
} .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef-hover-responsive {
display: flex;
min-height: 70vh;
} .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef-hover-responsive .titre-and-description-hover {
margin: 5rem;
height: fit-content;
} .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef-hover-responsive .titre-and-description-hover .titre-hover {
max-width: 60%;
min-width: 210px;
} .mot-clef-hover-responsive.slick-slide {
height: 700px;
} .slick-mots-clefs-responsive.slick-initialize.slick-slider {
height: 700px;
} .mot-clef-hover-responsive {
display: none;
} .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 0 0 2em 0;
list-style-type: none;
position: absolute;
bottom: 0;
width: 100%;
} .slick-dots .slick-active button {
background-color: #FF6622;
} .slick-dots li {
margin: 0 0.25rem;
} .slick-dots button {
display: block;
height: 21px;
padding: 0 12px;
border: none;
border-radius: 100%;
background-color: #ffffff;
text-indent: -9999px;
margin: 0 2px;
}
@media only screen and (max-width: 1300px) { .alteriade-bloc-mots-clefs {
margin-left: 0;
margin-right: 0;
} .alteriade-bloc-mots-clefs .bloc-and-chevron:before {
display: none;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef:first-of-type {
border-left: none;
margin-left: 0;
} .alteriade-bloc-mots-clefs .bloc-and-chevron .mot-clef:nth-of-type(3) {
border-right: unset;
}
}
@media only screen and (min-width: 450px) { .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef-hover-responsive {
height: 600px;
}
}
@media only screen and (max-width: 450px) { .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef-hover-responsive {
height: 700px;
}
}
@media only screen and (max-width: 400px) { .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef-hover-responsive {
height: 800px;
}
}
@media only screen and (max-width: 350px) { .alteriade-bloc-mots-clefs .carousel-activated .slick-track .mot-clef-hover-responsive {
height: 900px;
}
} .alteriade-block-jobs {
justify-content: center;
display: flex;
background-color: #F5F7F8;
height: 100%;
padding: 10rem;
position: relative;
z-index: 1;
} .alteriade-block-jobs .alteriade-description-and-jobs {
display: flex;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-description {
margin: 0 10rem;
max-width: 350px;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-description p {
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 10rem;
grid-row-gap: 5rem;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs .alteriade-job {
display: flex;
flex-direction: column;
flex-wrap: wrap;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs .alteriade-job h2 {
margin-bottom: 0;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs .alteriade-job h2 span {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs .alteriade-job .alteriade-job-description {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs .alteriade-job .alteriade-button-jobs button p {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: #ffffff;
margin: 0 1.5rem;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs .alteriade-job .alteriade-button-jobs button:hover {
cursor: pointer;
background-color: #1C4051;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs .alteriade-job .alteriade-button-jobs button:hover p {
color: #ffffff;
}
@media only screen and (min-width: 1400px) { .alteriade-block-jobs .alteriade-description-and-jobs {
max-width: 1200px;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-description {
margin: 0 10rem 0 5rem;
}
}
@media only screen and (max-width: 1400px) { .alteriade-block-jobs {
padding: 10rem 5rem;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-description {
margin: 0 10rem 0 0;
}
}
@media only screen and (max-width: 1100px) { .alteriade-block-jobs {
padding: 10rem 10rem;
} .alteriade-block-jobs .alteriade-description-and-jobs {
flex-direction: column;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-description {
padding: 0 0 5rem 0;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) { .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-jobs {
display: flex;
flex-direction: column;
} .alteriade-block-jobs .alteriade-description-and-jobs .alteriade-description {
margin: 0 0 0 0;
}
}
@media only screen and (max-width: 480px) { .alteriade-block-jobs {
padding: 10rem 3rem;
}
} .content-agence {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
hyphens: auto;
} .content-metiers {
hyphens: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .content-metiers .alt-b-column:first-of-type {
max-width: 1400px;
} .content-metiers > p {
max-width: 1200px;
margin-left: 20rem;
margin-bottom: 10rem;
}
@media (max-width: 1400px) { .content-metiers > p {
margin: 0 10rem 10rem 10rem;
}
}
@media (max-width: 768px) { .content-metiers > p {
margin: 0 2rem 10rem 2rem;
}
} .add-h1:before {
content: "<h1>";
} .add-h1:after {
content: "</h1>";
} .alt-b-column {
display: flex;
margin: 5rem 0;
} .text p {
margin-bottom: 1.5rem;
} .text p span b {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
} .wp-block-group {
width: 100%;
padding: 2.5rem;
}
@media (min-width: 576px) { .wp-block-group {
padding: 5rem 10rem;
}
}
@media (min-width: 1400px) { .wp-block-group {
max-width: 1400px;
}
} .wp-block-group .w-70 {
width: 65%;
} .different-width .column-image {
width: 43%;
} .different-width .column-text {
width: 57%;
} .same-width .column-image {
width: 50%;
} .same-width .column-text {
width: 50%;
}
@media (max-width: 768px) { .different-width .column-image, .different-width .column-text {
width: 100%;
}
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type {
margin: 10rem 0 0 0;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text {
display: flex;
flex-direction: column;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text .text {
margin: 0 0 0 20rem;
display: flex;
flex-direction: column;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-image .image {
margin: -300px 10rem 0 10rem;
}
@media (max-width: 1400px) { .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text .text {
margin: 0 0 0 10rem;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-image .image {
margin: -300px 0 0 10rem;
}
}
@media (max-width: 1200px) { .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-image .image {
margin: 0 0 0 10rem;
}
}
@media (max-width: 768px) { .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text .text {
margin: 0 10rem 0 10rem;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text {
display: flex;
flex-direction: column;
margin-top: 10rem;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text .text {
display: flex;
flex-direction: column;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-image .image {
margin: 0 10rem 0 10rem;
}
}
@media (max-width: 576px) { .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text {
display: flex;
flex-direction: column;
margin-top: 10rem;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-text .text {
margin: 0 2rem 0 2rem;
} .content-metiers .different-width.marge-image.text-image.marge-image-100.marge-texte-200:first-of-type .column-image .image {
margin: 0 2rem 0 2rem;
}
} .marge-image.marge-image-100.marge-texte-100.image-text .column-image .image {
margin: 0 10rem;
} .marge-image.marge-image-100.marge-texte-100.image-text .column-text .text {
margin: 0 10rem 0 0;
} .marge-image.marge-image-100.marge-texte-100.text-image .column-text .text {
margin: 0 0 0 10rem;
}
@media (max-width: 1400px) { .marge-image.marge-image-100.marge-texte-100.image-text .column-image .image {
margin: 0 10rem 0 0;
} .marge-image.marge-image-100.marge-texte-100.image-text .column-text .text {
margin: 0 10rem 0 0;
} .marge-image.marge-image-100.marge-texte-100.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 992px) { .marge-image.marge-image-100.marge-texte-100.image-text .column-image .image {
margin: 0 5rem 0 0;
} .marge-image.marge-image-100.marge-texte-100.image-text .column-text .text {
margin: 0 5rem 0 0;
} .marge-image.marge-image-100.marge-texte-100.text-image .column-image .image {
margin: 0 0 0 5rem;
} .marge-image.marge-image-100.marge-texte-100.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 768px) { .marge-image.marge-image-100.marge-texte-100.image-text .column-image .image {
margin: 0 10rem 0 0;
} .marge-image.marge-image-100.marge-texte-100.image-text .column-text .text {
margin: 10rem 10rem 0 10rem;
} .marge-image.marge-image-100.marge-texte-100.text-image .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .marge-image.marge-image-100.marge-texte-100.image-text .column-image .image {
margin: 0 5rem 0 0;
} .marge-image.marge-image-100.marge-texte-100.image-text .column-text .text {
margin: 10rem 2rem 0 2rem;
} .marge-image.marge-image-100.marge-texte-100.text-image .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .same-width.marge-image.marge-image-100 .column-image .image {
margin: 0 10rem;
} .same-width.image-text.marge-image.marge-texte-200 .column-text .text {
margin-right: 20rem;
margin-left: 0;
} .same-width.text-image.marge-image.marge-texte-200 .column-text .text {
margin-right: 0;
margin-left: 20rem;
}
@media (max-width: 1400px) { .same-width.marge-image.image-text.marge-texte-200 .column-text .text {
margin-left: 0;
margin-right: 10rem;
} .same-width.marge-image.text-image.marge-texte-200 .column-text .text {
margin-left: 10rem;
margin-right: 0;
} .same-width.marge-image.image-text .column-image .image {
margin: 0 10rem 0 0;
} .same-width.marge-image.text-image .column-image .image {
margin: 0 0 0 10rem;
}
}
@media (max-width: 992px) { .same-width.image-text.marge-image.marge-texte-200 .column-image .image {
margin: 0 5rem 0 0;
} .same-width.image-text.marge-image.marge-texte-200 .column-text .text {
margin: 0 5rem 0 0;
} .same-width.text-image.marge-image.marge-texte-200 .column-image .image {
margin: 0 0 0 5rem;
} .same-width.text-image.marge-image.marge-texte-200 .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 768px) { .same-width.image-text.marge-image.marge-texte-200 .column-image .image {
margin: 0 5rem 0 0;
} .same-width.image-text.marge-image.marge-texte-200 .column-text .text {
margin: 10rem 10rem 0 10rem;
} .same-width.text-image.marge-image.marge-texte-200 .column-image .image {
margin: 0 0 0 5rem;
} .same-width.text-image.marge-image.marge-texte-200 .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .same-width.image-text.marge-image.marge-texte-200 .column-image .image {
margin: 0 5rem 0 0;
} .same-width.image-text.marge-image.marge-texte-200 .column-text .text {
margin: 10rem 2rem 0 2rem;
} .same-width.text-image.marge-image.marge-texte-200 .column-image .image {
margin: 0 0 0 5rem;
} .same-width.text-image.marge-image.marge-texte-200 .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-image .image {
margin: 0 10rem 0 0;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 0 30rem 0 0;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-image .image {
margin: 0 0 0 10rem;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 0 0 0 30rem;
}
@media (max-width: 1400px) { .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 0 20rem 0 0;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 0 0 0 20rem;
}
}
@media (max-width: 992px) { .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-image .image {
margin: 0 5rem 0 0;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 0 10rem 0 0;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-image .image {
margin: 0 0 0 5rem;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 768px) { .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-image .image {
margin: 0 0 0 0;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 10rem 10rem 0 10rem;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-image .image {
margin: 0 0 0 0;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .different-width.marge-texte-300.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 10rem 2rem 0 2rem;
} .different-width.marge-texte-300.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-image .image {
margin: 0 10rem 0 0;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 0 20rem 0 0;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-image .image {
margin: 0 0 0 10rem;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 0 0 0 20rem;
}
@media (max-width: 1400px) { .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 0 10rem 0 0;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 992px) { .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-image .image {
margin: 0 5rem 0 0;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 0 5rem 0 0;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-image .image {
margin: 0 0 0 5rem;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 768px) { .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-image .image {
margin: 0 0 0 0;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 10rem 10rem 0 10rem;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-image .image {
margin: 0 0 0 0;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .different-width.marge-texte-200.no-marge-image.marge-image-100.image-text .column-text .text {
margin: 10rem 2rem 0 2rem;
} .different-width.marge-texte-200.no-marge-image.marge-image-100.text-image .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .same-width.marge-image.marge-image-50.marge-texte-200.image-text .column-image .image {
margin: 0 5rem 0 5rem;
} .same-width.marge-image.marge-image-50.marge-texte-200.image-text .column-text .text {
margin: 0 20rem 0 0;
} .same-width.marge-image.marge-image-50.marge-texte-200.text-image .column-image .image {
margin: 0 5rem 0 5rem;
} .same-width.marge-image.marge-image-50.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 20rem;
}
@media (max-width: 1400px) { .same-width.marge-image.marge-image-50.marge-texte-200.image-text .column-text .text {
margin: 0 10rem 0 0;
} .same-width.marge-image.marge-image-50.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 992px) { .same-width.marge-image.marge-image-50.marge-texte-200.image-text .column-text .text {
margin: 0 5rem 0 0;
} .same-width.marge-image.marge-image-50.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 5rem;
}
}
@media (max-width: 768px) { .same-width.marge-image.marge-image-50.marge-texte-200.image-text .column-image .image {
margin: 0 2.5rem 0 2.5rem;
} .same-width.marge-image.marge-image-50.marge-texte-200.image-text .column-text .text {
margin: 10rem 10rem 0 10rem;
} .same-width.marge-image.marge-image-50.marge-texte-200.text-image .column-image .image {
margin: 0 2.5rem 0 2.5rem;
} .same-width.marge-image.marge-image-50.marge-texte-200.text-image .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .same-width.marge-image.marge-image-50.marge-texte-200.image-text .column-text .text {
margin: 10rem 2rem 0 2rem;
} .same-width.marge-image.marge-image-50.marge-texte-200.text-image .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text {
max-width: 1400px;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 10rem 0 0;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 0 20rem 0 0;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image {
max-width: 1400px;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 10rem;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 20rem;
}
@media (max-width: 1400px) { .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 0 10rem 0 0;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 992px) { .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 5rem 0 0;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 0 5rem 0 0;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 5rem;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 768px) { .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 5rem 0 0;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 10rem 10rem 0 10rem;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 5rem;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 5rem 0 0;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 10rem 2rem 0 2rem;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 5rem;
} .same-width.no-marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 10rem 0 10rem;
} .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 0 20rem 0 0;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 10rem 0 10rem;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 20rem;
}
@media (max-width: 1400px) { .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 10rem 0 0;
} .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 0 10rem 0 0;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 10rem;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 992px) { .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 5rem 0 0;
} .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 0 10rem 0 0;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 5rem;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 0 0 0 10rem;
}
}
@media (max-width: 768px) { .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 10rem 10rem 0 10rem;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-image .image {
margin: 0 2rem 0 0;
} .different-width.marge-image.marge-image-100.marge-texte-200.image-text .column-text .text {
margin: 10rem 2rem 0 2rem;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 2rem;
} .different-width.marge-image.marge-image-100.marge-texte-200.text-image .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-text .text {
margin: 0 20rem 0 10rem;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-text .text {
margin: 0 10rem 0 20rem;
}
@media (max-width: 1400px) { .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-text .text {
margin: 0 10rem 0 10rem;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-text .text {
margin: 0 10rem 0 10rem;
}
}
@media (max-width: 992px) { .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-text .text {
margin: 0 5rem 0 10rem;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-text .text {
margin: 0 10rem 0 5rem;
}
}
@media (max-width: 768px) { .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-text .text {
margin: 10rem 10rem 0 10rem;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-text .text {
margin: 10rem 10rem 0 10rem;
}
}
@media (max-width: 576px) { .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.image-text .column-text .text {
margin: 10rem 2rem 0 2rem;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-image .image {
margin: 0 0 0 0;
} .same-width.no-marge-image.marge-image-0.marge-texte-200.text-image .column-text .text {
margin: 10rem 2rem 0 2rem;
}
} .text h1, .text .h1-like {
font-size: 5rem;
line-height: 1.08;
} .text h1 span, .text .h1-like span,
.text h2 span, .text .h2-like span {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: inherit;
} .text h1 span b, .text .h1-like span b,
.text h2 span b, .text .h2-like span b {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: inherit;
} .text h3 {
margin-bottom: 1.5rem;
} .text h3 span {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .text h3:nth-of-type(2) {
margin-top: 5rem;
} h4 {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} h4 strong {
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .plus-top {
margin-top: -7.5rem;
}
@media only screen and (min-width: 1600px) { .same-width, .different-width {
max-width: 1400px;
}
}
@media only screen and (max-width: 1200px) { .different-width.image-text .column-image .image {
margin: 0 0 0 0;
} .different-width.image-text .column-text .text {
margin: 0 10rem 0 10rem;
}
}
@media only screen and (max-width: 768px) { .alt-b-column {
flex-direction: column;
} .same-width .column-image, .different-width.marge-image .column-image {
width: 100%;
} .same-width .column-text, .different-width.marge-image .column-text {
width: 100%;
} .alt-b-column.text-image {
flex-direction: column-reverse;
} .alt-b-column {
margin: 5rem 0;
}
} .alt-b-scop {
margin: 5rem 0;
} .alt-b-scop.marge-left {
margin-left: 20rem;
margin-right: 0;
} .alt-b-scop.marge-right {
margin-right: 20rem;
margin-left: 0;
} .scop-titre-description {
display: flex;
background-color: #1C4051;
padding: 5rem 0;
} .scop-titre-description h2, .scop-titre-description p, .scop-titre-description button, .scop-titre-description .s1, .scop-titre-description .p1, .scop-titre-description span {
color: #ffffff;
} .scop-titre-description .titre {
width: 33%;
margin-left: 10rem;
} .scop-titre-description .titre h2 {
margin: 0;
font-size: 5rem;
line-height: 1.08;
} .scop-titre-description .description {
width: 67%;
margin-right: 20rem;
} .scop-titre-description .description p {
margin-bottom: 1rem;
} .scop-titre-description .description .button {
display: flex;
width: fit-content;
margin-top: 3rem;
} .scop-titre-description .description .button a {
display: flex;
background-color: #A0D2C6;
padding: 0.2rem 1.5rem;
} .scop-titre-description .description .button a button {
font-family: "FuturaPT-Bold", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
line-height: 1.5;
font-size: 2rem;
color: #ffffff;
} .scop-titre-description .description .button a:hover {
background-color: #ffffff;
text-decoration: none;
} .scop-titre-description .description .button a:hover button {
cursor: pointer;
color: #A0D2C6;
}
@media only screen and (min-width: 1400px) { .alt-b-scop {
max-width: 1200px;
} .alt-b-scop.marge-left {
margin-left: 0;
margin-right: -20rem;
} .alt-b-scop.marge-right {
margin-right: 0;
margin-left: -20rem;
}
}
@media only screen and (max-width: 1400px) { .scop-titre-description .description {
margin-right: 10rem;
} .alt-b-scop.marge-left {
margin-left: 10rem;
margin-right: 0;
} .alt-b-scop.marge-right {
margin-right: 10rem;
margin-left: 0;
}
}
@media only screen and (max-width: 1050px) { .alt-b-scop.marge-left {
margin-left: 0;
margin-right: 0;
} .alt-b-scop.marge-right {
margin-right: 0;
margin-left: 0;
} .scop-titre-description {
flex-direction: column;
} .scop-titre-description .titre {
width: auto;
margin-bottom: 5rem;
} .scop-titre-description .description {
width: auto;
margin-right: 10rem;
margin-left: 10rem;
}
}
@media only screen and (max-width: 576px) { .scop-titre-description {
flex-direction: column;
} .scop-titre-description .titre {
width: auto;
margin-left: 2rem;
margin-bottom: 5rem;
} .scop-titre-description .description {
width: auto;
margin-right: 2rem;
margin-left: 2rem;
}
} .alt-b-expertise {
margin: 5rem 0;
display: flex;
justify-content: flex-start;
width: 100%;
} .alt-b-expertise .titre-bloc {
margin-right: 10rem;
max-width: 300px;
margin-left: 10rem;
} .alt-b-expertise .liste-expertises {
max-width: 700px;
} .alt-b-expertise .liste-expertises p {
font-size: 2.2rem;
line-height: 1.32;
padding-bottom: .3rem;
} .alt-b-expertise .liste-expertises p:before {
content: "+";
color: #D52384;
position: absolute;
} .alt-b-expertise .liste-expertises p a {
display: block;
margin-left: 2rem;
}
@media only screen and (min-width: 1400px) { .alt-b-expertise {
padding: 0;
width: 100%;
max-width: 1200px;
margin-right: -20rem;
margin-left: 0;
} .alt-b-expertise .titre-bloc {
margin-left: 0;
}
}
@media only screen and (max-width: 1100px) { .alt-b-expertise .titre-bloc {
width: 45%;
margin-right: 5rem;
} .alt-b-expertise .liste-expertises {
width: 55%;
margin-right: 2rem;
}
}
@media only screen and (max-width: 768px) { .alt-b-expertise {
flex-direction: column;
} .alt-b-expertise .titre-bloc {
width: auto;
margin-right: 0;
margin-bottom: 2rem;
margin-left: 10rem;
} .alt-b-expertise .liste-expertises {
width: auto;
margin-right: 2rem;
margin-left: 10rem;
}
}
@media only screen and (max-width: 576px) { .alt-b-expertise .titre-bloc {
width: auto;
margin-right: 0;
margin-bottom: 2rem;
margin-left: 2rem;
} .alt-b-expertise .liste-expertises {
width: auto;
margin-right: 2rem;
margin-left: 2rem;
}
} .alt-b-image.right-margin {
display: flex;
justify-content: flex-end;
} .alt-b-image.left-margin {
display: flex;
flex-direction: row-reverse;
} .alt-b-image {
margin: 5rem 0;
} .alt-b-image img {
width: 71%;
}
@media only screen and (max-width: 768px) { .alt-b-image img {
width: 100%;
}
}
@media only screen and (min-width: 1600px) { .alt-b-image {
width: 1300px;
} .alt-b-image.right-margin img {
width: 1000px;
margin-left: -5rem;
} .alt-b-image.left-margin img {
width: 1000px;
margin-right: -5rem;
}
} .alt-b-expertises-metiers {
display: flex;
width: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
justify-content: center;
background-color: #F5F7F8;
} .alt-b-expertises-metiers .expertise-metier {
width: 400px;
border-bottom: 1px solid #1C4051;
margin: 2.5rem 10rem 5rem;
position: relative;
} .alt-b-expertises-metiers .expertise-metier p {
width: 350px;
color: #1C4051;
margin-bottom: 1.5rem;
} .alt-b-expertises-metiers .expertise-metier p.titre-expertise {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.5rem;
} .alt-b-expertises-metiers .expertise-metier .titre-expertise:hover {
text-decoration: underline;
cursor: pointer;
} .alt-b-expertises-metiers .expertise-metier:after {
content: "+";
color: #A0D2C6;
position: absolute;
bottom: 5px;
right: 0;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.5rem;
} .alt-b-expertises-metiers .expertise-metier:hover {
cursor: pointer;
} .alt-b-expertises-metiers .expertise-metier .description {
display: none;
} .alt-b-expertises-metiers .expertise-metier.opened:after {
content: "-";
} .alt-b-expertises-metiers .expertise-metier.opened:hover {
cursor: pointer;
} .expertise-metier.opened .description {
display: block;
} .dropdown-container .description {
display: none;
} .dropdown-container.active .description {
display: block;
}
@media only screen and (max-width: 1100px) { .alt-b-expertises-metiers .expertise-metier {
margin: 2.5rem 5rem 5rem;
}
}
@media only screen and (max-width: 992px) { .alt-b-expertises-metiers {
flex-direction: column;
align-items: center;
} .alt-b-expertises-metiers .expertise-metier {
margin: 2.5rem 5rem 5rem;
}
}
@media only screen and (max-width: 576px) { .alt-b-expertises-metiers {
width: 100%;
} .alt-b-expertises-metiers .premiere-colonne, .alt-b-expertises-metiers .deuxieme-colonne {
width: auto;
} .alt-b-expertises-metiers .premiere-colonne .expertise-metier, .alt-b-expertises-metiers .deuxieme-colonne .expertise-metier {
width: auto;
margin: 2.5rem 2rem 5rem;
} .alt-b-expertises-metiers .premiere-colonne .expertise-metier .titre-expertise, .alt-b-expertises-metiers .deuxieme-colonne .expertise-metier .titre-expertise {
width: fit-content;
max-width: 295px;
} .alt-b-expertises-metiers .premiere-colonne .expertise-metier .description, .alt-b-expertises-metiers .deuxieme-colonne .expertise-metier .description {
max-width: 295px;
}
}
@media only screen and (max-width: 400px) { .alt-b-expertises-metiers .premiere-colonne .expertise-metier .titre-expertise, .alt-b-expertises-metiers .deuxieme-colonne .expertise-metier .titre-expertise {
width: fit-content;
max-width: 265px;
} .alt-b-expertises-metiers .premiere-colonne .expertise-metier .description, .alt-b-expertises-metiers .deuxieme-colonne .expertise-metier .description {
max-width: 265px;
}
} .alt-b-equipe {
padding: 5rem 10rem 5rem 10rem;
} .alt-b-equipe .alteriade-liste-equipe {
row-gap: 5rem;
max-width: 1200px;
} .alt-b-equipe .alteriade-liste-equipe .photo-description {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume {
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
transform: translateY(500px);
bottom: 0;
top: 0;
transition: 0.4s;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .description p {
color: #ffffff;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .description .nom {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .description .poste, .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .description .description {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .description .poste {
margin-bottom: 2rem;
line-height: 23px;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .description .description {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 1.6rem;
line-height: 18px;
margin-bottom: 25px;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .social-icon {
background-color: #ffffff;
border-radius: 50%;
width: 30px;
height: 30px;
justify-content: center;
display: flex;
align-items: center;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .social-icon a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .social-icon a i {
font-size: 15px;
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume .social-icon a:hover {
text-decoration: none;
} .photo-description:hover .resume {
animation-name: testAnimation;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-duration: 1s;
}
@keyframes testAnimation {
from {
transform: translateY(5px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@media only screen and (max-width: 1400px) { .alt-b-equipe {
padding: 5rem 0 0 0;
}
}
@media only screen and (max-width: 1200px) { .alt-b-equipe .alteriade-liste-equipe .photo-description .resume {
padding: 2rem;
}
}
@media only screen and (max-width: 1200px) { .alt-b-equipe .alteriade-liste-equipe {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 768px) { .alt-b-equipe .alteriade-liste-equipe {
grid-template-columns: repeat(2, minmax(0, 1fr));
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume {
padding: 3rem;
}
}
@media only screen and (max-width: 576px) { .alt-b-equipe {
padding: 2.5rem 0;
} .alt-b-equipe .alteriade-liste-equipe {
row-gap: 2rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
} .alt-b-equipe .alteriade-liste-equipe .photo-description .resume {
padding: 5rem;
transform: translateY(740px);
}
}
@media only screen and (min-width: 1200px) { .alt-b-equipe .alteriade-liste-equipe .photo-description .photo img {
height: 380px;
}
} .alt-b-chapo {
display: flex;
width: 100%;
margin: 10rem 0 5rem 0;
} .texte-chapo {
max-width: 700px;
margin-left: 20rem;
} .texte-chapo h2 span, .texte-chapo .h2-like span {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: inherit;
} .texte-chapo h2 span b, .texte-chapo .h2-like span b {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
color: inherit;
} .texte-chapo p span b {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
}
@media only screen and (min-width: 1400px) { .alt-b-chapo {
max-width: 1200px;
} .texte-chapo {
margin-left: 10rem;
}
}
@media only screen and (max-width: 1400px) { .texte-chapo {
margin-left: 10rem;
margin-right: 5rem;
}
}
@media only screen and (max-width: 576px) { .texte-chapo {
margin: 2rem 2rem 0 2rem;
}
}
@media only screen and (max-width: 768px) {
margin-left: 10rem;
margin-right: 10rem;
} .alteriade-block-gallery-references {
margin: 10rem auto;
} .alteriade-block-gallery-references .ligne-gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
} .alteriade-block-gallery-references .ligne-gallery .bloc-image-ref img {
display: block;
width: 100%;
height: 100%;
} .alteriade-block-gallery-references .ligne-gallery.ligne-2 .bloc-image-ref {
width: 700px;
max-width: 50%;
height: 100%;
max-height: 580px;
}
@media (max-width: 768px) { .alteriade-block-gallery-references .ligne-gallery.ligne-2 .bloc-image-ref {
width: 100%;
max-width: 100%;
height: 100%;
}
} .alteriade-block-gallery-references .ligne-gallery.ligne-3 .bloc-image-ref {
width: calc(100%/3);
max-height: 450px;
}
@media (max-width: 768px) { .alteriade-block-gallery-references .ligne-gallery.ligne-3 .bloc-image-ref {
width: 50%;
}
} .alteriade-block-chevron {
max-width: 1200px;
padding-left: 10rem;
padding-right: 10rem;
margin: 10rem auto;
display: flex;
flex-direction: row;
justify-content: space-around;
} .alteriade-block-chevron #chevron {
width: 50px;
color: #FF6622;
margin-right: 5rem;
} .alteriade-block-chevron #right {
margin-left: 10rem;
} .alteriade-block-chevron p strong, .alteriade-block-chevron p strong span,
.alteriade-block-chevron p b, .alteriade-block-chevron p b span {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
@media (max-width: 768px) { .alteriade-block-chevron {
flex-wrap: wrap;
} .alteriade-block-chevron .block-chevron-column {
padding-bottom: 2.5rem;
} .alteriade-block-chevron #middle {
width: 80% !important;
} .alteriade-block-chevron #right {
width: 100% !important;
}
}
@media (max-width: 576px) { .alteriade-block-chevron {
display: block;
padding: 0;
} .alteriade-block-chevron #middle {
width: 100% !important;
} .alteriade-block-chevron #right {
margin-left: 0;
}
} .sidebar_banniere_call_to_action {
display: flex;
width: 100%;
justify-content: center;
} .sidebar_banniere_call_to_action .widget-cta {
max-width: 920px;
display: flex;
justify-content: flex-start;
margin: 10rem 0 10rem 10rem;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action {
border-right: 1px solid #8d9fa8;
max-width: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding-right: 5rem;
padding-left: 5rem;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action .cta-titre .titre {
color: #FF6622;
margin-bottom: 1rem;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action .cta-button {
position: relative;
margin-left: 17px;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action .cta-button::before {
content: "";
background: url(//www.alteriade.fr/wp-content/themes/alteriade/images/chevron-droit.png) no-repeat center center/cover;
position: absolute;
width: 11px;
height: 15px;
left: -15px;
bottom: 7px;
top: 5px;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action .cta-button a:hover {
text-decoration: underline;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:first-of-type {
position: relative;
padding-left: 0;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:first-of-type::before {
content: "";
background: url(//www.alteriade.fr/wp-content/themes/alteriade/images/fleche-cyan.png) no-repeat center center/cover;
position: absolute;
width: 50px;
height: 60px;
left: -100px;
top: 0;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:last-of-type {
padding-right: 0;
border: none;
}
@media only screen and (max-width: 1400px) { .widget-cta {
margin-left: 20rem;
}
}
@media only screen and (min-width: 1600px) { .widget-cta {
justify-content: center;
margin-left: 0;
}
}
@media only screen and (max-width: 1200px) { .widget-cta {
padding-right: 2rem;
}
}
@media only screen and (max-width: 1050px) { .widget-cta {
margin-left: 12rem;
}
}
@media only screen and (max-width: 992px) { .sidebar_banniere_call_to_action .widget-cta {
flex-direction: column;
align-items: flex-start;
margin-left: 0;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action {
border-right: unset;
border-bottom: 1px solid #8d9fa8;
padding-right: 0;
padding-top: 5rem;
padding-bottom: 5rem;
padding-left: 0;
width: 300px;
max-width: 300px;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:first-of-type {
padding-bottom: 5rem;
padding-top: 0;
padding-right: 0;
width: 300px;
max-width: 300px;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:last-of-type {
padding-bottom: 0;
padding-left: 0;
width: 300px;
max-width: 300px;
}
}
@media only screen and (max-width: 576px) { .sidebar_banniere_call_to_action .widget-cta {
width: 100%;
padding-right: 0;
padding-left: 2rem;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:first-of-type {
width: 285px;
max-width: 285px;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:first-of-type::before {
content: none;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action {
width: 285px;
max-width: 285px;
} .sidebar_banniere_call_to_action .widget-cta .widget-call-to-action:last-of-type {
padding-bottom: 0;
padding-left: 0;
width: 260px;
max-width: 260px;
}
} * {
outline: none;
} .gform_wrapper {
background-color: #FF6622;
} .gform_wrapper form {
display: flex;
flex-direction: row;
} .gform_wrapper form .gform_body {
width: 42%;
} .gform_wrapper form .gform_body .titre-form {
margin: 5rem 10rem 0 20rem;
} .gform_wrapper form .gform_body .titre-form h3 {
color: #ffffff;
} .gform_wrapper form .short-form-contact {
width: 58%;
padding: 4rem 20rem 0 0;
} .gform_wrapper form .short-form-contact .nom-prenom {
display: flex;
} .gform_wrapper form .short-form-contact .nom-prenom .one-half-first {
margin-right: 2.5rem;
} .gform_wrapper form .short-form-contact .nom-prenom .one-half {
margin-left: 2.5rem;
} .gform_wrapper form .short-form-contact .ginput_container_name {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
} .gform_wrapper form .short-form-contact .ginput_container_name .name_first, .gform_wrapper form .short-form-contact .ginput_container_name .name_last {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.8rem;
line-height: 1.25;
padding: 0;
} .gform_wrapper form .short-form-contact .ginput_container_name .name_first input, .gform_wrapper form .short-form-contact .ginput_container_name .name_last input {
border-bottom: 2px solid #ffffff;
opacity: 0.8;
color: #ffffff;
} .gform_wrapper form .short-form-contact .ginput_container_name .name_first label, .gform_wrapper form .short-form-contact .ginput_container_name .name_last label {
display: none;
} .gform_wrapper form .short-form-contact .ginput_container_name .name_first {
padding-left: 2.5rem;
} .gform_wrapper form .short-form-contact .ginput_container_name .name_last {
padding-right: 2.5rem;
} .gform_wrapper form .short-form-contact .ginput_container {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.2rem;
color: #ffffff;
} .gform_wrapper form .short-form-contact .ginput_container input, .gform_wrapper form .short-form-contact .ginput_container textarea {
border-bottom: 2px solid #ffffff;
opacity: 1;
outline: none;
padding: 5px 4px;
} .gform_wrapper form .short-form-contact .ginput_container input::placeholder, .gform_wrapper form .short-form-contact .ginput_container textarea::placeholder {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.8rem;
} .gform_wrapper form .short-form-contact .gform_button {
background-color: #ffffff;
text-transform: uppercase;
color: #FF6622;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 1.8rem;
line-height: 1.25;
margin: 4rem 0 5rem 0;
padding: 2px 20px;
} .gform_wrapper form .short-form-contact .gform_button:hover {
cursor: pointer;
background-color: #FF6622;
color: #ffffff;
} .gform_legacy_markup_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_legacy_markup_wrapper li.gfield_error textarea {
border: unset !important;
border-bottom: 2px solid #ffffff !important;
} #gform_wrapper_1 {
margin-bottom: 0;
} #gform_wrapper_1 .rgpd {
width: 100%;
margin: auto;
} #gform_wrapper_1 .rgpd small {
color: #ffffff;
} .gform_footer {
display: none;
width: 100%;
background-color: #FF6622;
justify-content: flex-end;
} .gform_footer input {
background-color: white;
text-transform: uppercase;
color: #FF6622;
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.8rem;
line-height: 1.25;
width: 58%;
display: flex;
} .gform_confirmation_wrapper {
display: flex;
background-color: #FF6622;
width: 100%;
height: 15vh;
justify-content: center;
align-items: center;
padding: 0 2rem;
}
@media (max-width: 576px) { .gform_confirmation_wrapper {
width: initial;
height: initial;
}
} .gform_confirmation_wrapper .gform_confirmation_message {
color: #ffffff;
font-family: "FuturaPT-Demi", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .gform_validation_error {
width: 100%;
} .gform_validation_error form {
flex-direction: column;
} .gform_validation_error form div.validation_error {
border-top: none;
border-bottom: none;
color: #ffffff;
} .gform_validation_error form .gform_body {
width: 100%;
display: flex;
justify-content: center;
} .gform_validation_error form .gform_body .titre-form {
margin: 5rem 0 0 0;
} .gform_validation_error form .short-form-contact {
width: 100%;
padding: 4rem 10rem 0 10rem;
} .gform_validation_error form .short-form-contact .gfield_error {
background-color: unset;
margin-bottom: unset;
border-top: unset;
border-bottom: unset;
} .gform_validation_error form .short-form-contact .gfield_error .ginput_container textarea {
border: none;
border-bottom: 2px solid #ffffff;
} .gform_validation_error form .short-form-contact .gfield_error .ginput_container #input_1_3_6, .gform_validation_error form .short-form-contact .gfield_error .ginput_container #input_1_3_3, .gform_validation_error form .short-form-contact .gfield_error .ginput_container #input_1_4 {
border: none;
border-bottom: 2px solid #ffffff;
} .gfield.gfield_error.gfield_contains_required.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
background-color: unset;
margin-bottom: unset;
border-top: unset;
border-bottom: none;
} .gform_legacy_markup_wrapper div.validation_error {
border: none;
border-top: unset !important;
border-bottom: unset !important;
margin-bottom: 0 !important;
} .gform_validation_errors {
border: unset;
box-shadow: unset;
border-radius: 5px;
padding: 0;
margin-top: .5rem;
margin-bottom: 0;
}
@media only screen and (min-width: 1400px) { .gform_wrapper {
width: 100%;
justify-content: center;
align-items: center;
} .gform_wrapper #gform_1 {
max-width: 1400px;
}
}
@media only screen and (max-width: 1200px) { .gform_wrapper form .gform_body .titre-form {
margin: 5rem 10rem 0 10rem;
} .gform_wrapper form .short-form-contact {
padding: 4rem 10rem 0 0;
}
}
@media only screen and (max-width: 992px) { .gform_wrapper form {
flex-direction: column;
} .gform_wrapper form .gform_body {
width: 100%;
} .gform_wrapper form .gform_body .titre-form {
margin: 5rem 5rem 0 5rem;
} .gform_wrapper form .short-form-contact {
width: 100%;
padding: 4rem 5rem 0 5rem;
}
}
@media only screen and (max-width: 576px) { .gform_wrapper form {
flex-direction: column;
} .gform_wrapper form .gform_body {
width: 100%;
} .gform_wrapper form .gform_body .titre-form {
margin: 5rem 2rem 0 2rem;
} .gform_wrapper form .short-form-contact {
width: 100%;
padding: 4rem 2rem 0 2rem;
} .gform_wrapper form .short-form-contact .nom-prenom {
flex-direction: column;
} .gform_wrapper form .short-form-contact .nom-prenom .one-half-first {
margin-right: 0;
} .gform_wrapper form .short-form-contact .nom-prenom .one-half {
margin-left: 0;
}
} #gform_wrapper_2 {
background-color: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@media (max-width: 768px) { #gform_wrapper_2 {
display: block;
}
} #gform_wrapper_2 .gform_heading {
flex: 1 1 0;
margin-right: 5rem;
align-self: flex-start;
} #gform_wrapper_2 .gform_heading .gform_description {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 3.4rem;
line-height: 3.8rem;
margin-top: 4rem;
} #gform_wrapper_2 #gform_2 {
flex: 2 1 0;
flex-direction: column;
} #gform_wrapper_2 #gform_2 .gform_body {
width: 100%;
} #gform_wrapper_2 #gform_2 .gform_body .gfield .ginput_container_text,
#gform_wrapper_2 #gform_2 .gform_body .gfield .ginput_container_email,
#gform_wrapper_2 #gform_2 .gform_body .gfield .ginput_container_textarea,
#gform_wrapper_2 #gform_2 .gform_body .gfield .ginput_container_phone,
#gform_wrapper_2 #gform_2 .gform_body .gfield .ginput_complex span input {
border-bottom: 2px solid rgba(28, 64, 81, 0.5);
} #gform_wrapper_2 #gform_2 .gform_body .gfield input {
padding-bottom: 0;
} #gform_wrapper_2 #gform_2 .gform_body .gfield input:active, #gform_wrapper_2 #gform_2 .gform_body .gfield input:focus, #gform_wrapper_2 #gform_2 .gform_body .gfield input:focus-visible {
outline: none;
} #gform_wrapper_2 #gform_2 .gform_body .gfield textarea {
padding: 5px 4px;
} #gform_wrapper_2 #gform_2 .gform_body .gfield textarea:active, #gform_wrapper_2 #gform_2 .gform_body .gfield textarea:focus, #gform_wrapper_2 #gform_2 .gform_body .gfield textarea:focus-visible {
outline: none;
} #gform_wrapper_2 #gform_2 .gform_body .gfield input, #gform_wrapper_2 #gform_2 .gform_body .gfield textarea {
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.2rem;
} #gform_wrapper_2 #gform_2 .gform_body .gfield input::placeholder, #gform_wrapper_2 #gform_2 .gform_body .gfield textarea::placeholder {
font-family: "FuturaPT-Heavy", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 2.8rem;
} #gform_wrapper_2 #gform_2 .gform_body .gfield label {
display: none;
} #gform_wrapper_2 #gform_2 .gform_body .gfield.flex {
display: flex;
} #gform_wrapper_2 #gform_2 .gform_body .gfield .gfield_consent_description {
border: none;
padding-left: 1rem;
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 1.4rem;
} #gform_wrapper_2 #gform_2 .gform_body .upload_file {
margin-top: 3rem;
} #gform_wrapper_2 #gform_2 .gform_body .upload_file label {
display: block;
font-size: 1.8rem;
} #gform_wrapper_2 #gform_2 .gform_body .upload_file label:hover {
text-decoration: underline;
} #gform_wrapper_2 #gform_2 .gform_body .upload_file .ginput_container_fileupload {
visibility: hidden;
} #gform_wrapper_2 #gform_2 .gform_body .upload_file .ginput_container_fileupload input,
#gform_wrapper_2 #gform_2 .gform_body .upload_file .ginput_container_fileupload .validation_message {
font-size: 2rem;
} #gform_wrapper_2 #gform_2 .gform_body .upload_file .ginput_container_fileupload .gform_fileupload_rules {
font-size: 1.4rem;
} #gform_wrapper_2 #gform_2 .gform_body .upload_file .ginput_container_fileupload .ginput_preview {
visibility: visible;
font-size: 2rem;
} #gform_wrapper_2 #gform_2 .gform_footer {
display: block;
background: none;
margin-top: 0;
} #gform_wrapper_2 #gform_2 .gform_footer input[type="submit"] {
cursor: pointer;
background: #FF6622;
color: #FFF;
padding: .3rem 2.4rem;
}
@media (max-width: 768px) { #gform_wrapper_2 #gform_2 .gform_footer input[type="submit"] {
width: fit-content;
margin: auto;
}
} .rgpd {
width: 64%;
margin-left: 36%;
font-family: "FuturaPT-Book", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-size: 1.4rem;
}
@media (max-width: 768px) { .rgpd {
width: 100%;
margin-left: 0;
font-size: 1.1rem;
}
} .wp-block-latest-posts__list {
max-width: 1200px;
width: 100%;
padding: 5rem 10rem;
margin: auto;
box-sizing: border-box;
} .wp-block-latest-posts__list li {
position: relative;
height: 200px;
margin: 5rem auto;
} .wp-block-latest-posts__list li > a {
max-width: 65rem;
max-height: 7.5rem;
position: absolute;
top: 0;
left: 35rem;
color: #FF6622;
line-height: 3.8rem;
font-size: 3.4rem;
letter-spacing: -.5px;
font-family: "FuturaPT-Bold", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
} .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image a {
width: 300px;
} .wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt {
max-width: 65rem;
position: absolute;
bottom: -1rem;
left: 35rem;
font-size: 2rem;
}
@media (max-width: 1200px) { .wp-block-latest-posts__list li > a {
max-width: 60rem;
} .wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt {
max-width: 60rem;
bottom: -3rem;
}
}
@media (max-width: 992px) { .wp-block-latest-posts__list li {
height: auto;
} .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
margin: auto;
padding-bottom: 2rem;
} .wp-block-latest-posts__list li > a {
max-width: initial;
position: relative;
top: initial;
left: initial;
} .wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt {
max-width: initial;
position: relative;
bottom: initial;
left: initial;
}
}
@media (max-width: 576px) { .wp-block-latest-posts__list {
padding: 5rem 2rem;
}
} .size-large {
margin-right: 0;
margin-left: 0;
}
@media (min-width: 992px) { .wp-block-column:not(:first-child) {
margin-left: 10rem;
} .wp-block-columns .wp-block-column .wp-block-image {
margin: 0;
}
} .wp-block-file a:not(.wp-block-file__button) {
display: none;
} .wp-block-file .wp-block-file__button {
margin-left: 0;
background: #FF6622;
border-radius: 0;
}