.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}@font-face {
font-family: 'Replica';
src: url(//4aout.fr/wp-content/themes/quatreaout/fonts/ReplicaStd-Regular.woff2) format('woff2'),
url(//4aout.fr/wp-content/themes/quatreaout/fonts/ReplicaStd-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Replica';
src: url(//4aout.fr/wp-content/themes/quatreaout/fonts/ReplicaStd-Light.woff2) format('woff2'),
url(//4aout.fr/wp-content/themes/quatreaout/fonts/ReplicaStd-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Replica';
src: url(//4aout.fr/wp-content/themes/quatreaout/fonts/ReplicaStd-Bold.woff2) format('woff2'),
url(//4aout.fr/wp-content/themes/quatreaout/fonts/ReplicaStd-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}      html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #000;
font-family: 'Replica', sans-serif;
font-weight: 200;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
h1 {margin: 0; padding: 60px 0; font-size: 42px}
h2 {font-size: 34px;}
h3 {font-weight: 400;     font-size: 23px;}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a {
color: #ff8484;
text-decoration: none;
font-weight: 400;
}
a:hover {
text-decoration: underline;
}  .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
text-align: right;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
display: inline-block;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} @-webkit-keyframes text-translate-1 {
0%,
to {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
51% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@-moz-keyframes text-translate-1 {
0%,
to {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
51% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@-ms-keyframes text-translate-1 {
0%,
to {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
51% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@-o-keyframes text-translate-1 {
0%,
to {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
51% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@keyframes text-translate-1 {
0%,
to {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
51% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@-webkit-keyframes text-translate-2 {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
to {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
}
@-moz-keyframes text-translate-2 {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
to {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
}
@-ms-keyframes text-translate-2 {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
to {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
}
@-o-keyframes text-translate-2 {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
to {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
}
@keyframes text-translate-2 {
0% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
to {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
}
@-webkit-keyframes text-translate-3 {
0%,
to {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%)
}
75% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
76% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@-moz-keyframes text-translate-3 {
0%,
to {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%)
}
75% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
76% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@-ms-keyframes text-translate-3 {
0%,
to {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%)
}
75% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
76% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@-o-keyframes text-translate-3 {
0%,
to {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%)
}
75% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
76% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
@keyframes text-translate-3 {
0%,
to {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%)
}
75% {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
animation-timing-function: steps(1)
}
76% {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
} .alm-btn-wrap {text-align: center;}
.alm-load-more-btn,
.button {display: inline-block; padding: 8px; font-size: 20px; text-decoration: none!important; border: 1px solid #ff7d5a; background: none;
cursor: pointer;
padding: 8px 20px;
margin: 15px 30px;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; border-radius: 25px; overflow: hidden; color: #ff7d5a; z-index: 1; font-weight: 400;}
.alm-load-more-btn:hover {color: #fff; background-color: #ff7d5a; border-color: #ff7d5a}
.alm-load-more-btn:after,
.button:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #ff7d5a;
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;  border-radius: 25px
}
.button:hover,
#home_clients .button.mobile:hover,
.button:active {
color: #fff;
}
.button:hover:after {
width: 100%;
opacity: 1;
}
.button:active:after {
width: 101%;
opacity: 1;
}
.button.tel {
display: inline-block;
padding: 8px;
font-size: 20px;
text-decoration: none;
border: 1px solid #ffffff;
background: none;
cursor: pointer;
padding: 8px 20px 8px 0;
margin: 15px 40px 15px 0;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 25px;
overflow: hidden;
color: #000000!important;
z-index: 1;
}
.button.tel:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #ffffff!important;
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 25px;
}
.button.tel:hover,
.button.tel:active {
color: #000000!important;
}
.button.mobile {display: none;}
.align-center {text-align: center;}
.margin-40 {margin: 40px;}   #page.site {padding: 0;}
.inner {max-width: 1440px; margin: 0 auto; padding: 0 5%}  .site-branding {float: left;}
.main-navigation,
.menu-principal-container,
.site-info {float: right;}
.main-navigation {width: 80%;clear: right;}
.main-navigation li {font-size: 18px;margin: 0 25px; font-weight: 400;}
.menu-principal-container {width: 90%;margin-top:4%;}
.bandeau {background-color: #c4edaa; text-align: center; margin-bottom: 84px; position: relative;}
header#masthead {position: fixed; top: 0; left: 0; width: 100%; height: 124px; z-index: 900; transition: all ease .5s}
header#masthead:hover { }
header#masthead .inner {position: relative;} .site-title a {display: block; text-indent: -999999em; width: 130px; height: 127px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/logo-4aout-exclude.svg) center no-repeat; background-size: 100%; position: absolute; top: 0; left: 0}
p.site-title:before {
content: "";
display: block;
background: #fff;
width: 99999px;
height: 127px;
position: absolute;
left: 130px;
top: 0;
}
p.site-title:after {
content: "";
display: block;
background: #fff;
width: 99999px;
height: 127px;
position: absolute;
left: -99999px;
top: 0;
}
p.site-title {
position: relative;
margin: 0;
opacity: .95;
transition: all ease .3s
}
header#masthead:hover p.site-title {
opacity: 1;
}
.inner.fond_logo {position: relative;}
#fond_logo {position: fixed; width: 130px; height: 127px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/logo-4aout-fond.svg) center no-repeat; background-size: 100%;}
.admin-bar header#masthead {top: 32px}
#myBar { height: 5px; background: #ff8484; z-index: 2; left: 0;  width: 0; position: absolute; top: 0; min-width: 40px;}
nav#site-navigation {padding: 50px 0;}
nav#site-navigation a {color: #000; text-decoration: none; font-size: 16px; display: inline-block; position: relative;}
nav#site-navigation a:after {content: ""; display: block; width: 0%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); height: 1px; background: #ff8484; transition: all ease .3s}
nav#site-navigation a:hover:after,
nav#site-navigation .current-menu-item a:after {width: 90%;}
#content {padding-top: 124px}
.category {font-weight: 400;font-style: italic;}  #home_projets {margin-top: 63px; margin-bottom: 80px}
#home_projets .projet {height: 700px; width: 33.333%; float: left; background-size: cover; position: relative; background-position: center;}
.projet .titrage {overflow: hidden; padding: 10px; position: absolute; bottom: 20px; left: 10%; width: 80%; font-weight: 400;}  .fixed-outer {position: sticky; z-index: 90; top: 200px;} .fixed-title {
position: absolute;
top: -30px;
right: 20px;
writing-mode: vertical-rl;
text-orientation: mixed;
height: auto;
text-align: right;
margin: 0px 0 60px;
white-space: nowrap;
display: block;
} .bloc_projets-similaires {max-width: 1060px; margin: 0 auto}
.single-projet .bandeau  {padding-bottom: 60px; position: relative;}
.single-projet .bandeau h1 {padding: 60px 0 20px; max-width: 710px; line-height: 1; margin: 0 auto;}
.single-projet .bandeau .share_single {position: absolute; top: 50%; right: 10%; margin-top: -30px;}
.single-projet .bandeau .share_single .share_article:hover {color: #fff; border-color: #fff}
.single-projet .share_single .social-panel {top: 35px; right: 50px; left: auto}
.bandeau .client_projet {font-size: 26px;font-weight: 400;}
.bandeau .date_projet {font-size: 18px}
.projet-similaire { height: 490px; background-size: cover; position: relative;}
h3.proj_sim {max-width: 1060px; margin: 20px auto;}
h1.projet {font-size:42px;}
.projet-similaire.item-1 {border-right:none;}
.projet.retour {text-align: center;}
ul.missions {margin: 0; padding: 0;}
li.missions.items {float: left;width: 24%;list-style: none; text-align: center; padding: 0 50px; font-size: 23px; font-weight: 200; color: #6a6a6a}
.missions.items-2 li.missions.items {width: 50%; padding: 0 50px;}
.missions.items-3 li.missions.items {width: 32%; padding: 0 50px;}
li.missions.items:before {content: ""; display: block; width: 30px; height: 2px; margin: 0 auto; background-color: #ff9183;
}
.wp-block-gallery {margin: 0;}
.bloc_projets-similaires a {padding: 30px; border: 1px solid #000;     display: block;
border: 1px solid #000;
width: 50%;
float: left; margin-left: -1px;}
.projet-similaire .titrage {overflow: hidden; padding: 10px; position: absolute; bottom: 20px; left: 10%; width: 80%}
.single-projet  .projet-similaire .titrage h3 {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0px 20px; color: #000; font-weight: normal;}
.single-projet  .projet-similaire .titrage h3 a {color: #000; text-decoration: none;}
.single-projet  .projet-similaire .titrage h3.first {
-webkit-animation: text-translate-2 10s 3100ms linear infinite;
-moz-animation: text-translate-2 10s 3100ms linear infinite;
-ms-animation: text-translate-2 10s 3100ms linear infinite;
-o-animation: text-translate-2 10s 3100ms linear infinite;
animation: text-translate-2 10s 3100ms linear infinite;
transform: translateX(-100%); }
.single-projet  .projet-similaire .titrage h3.second {
-webkit-animation: text-translate-3 10s 600ms linear infinite;
-moz-animation: text-translate-3 10s 600ms linear infinite;
-ms-animation: text-translate-3 10s 600ms linear infinite;
-o-animation: text-translate-3 10s 600ms linear infinite;
animation: text-translate-3 10s 600ms linear infinite;
transform: translateX(-100%); }
.single-projet  .projet-similaire .titrage h3.invisible {opacity: 0; position: relative; margin: 10px 0; padding: 0 10px;}
.wp-block-media-text.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content {padding-left: 0}
.bloc_projets-missions {background-color: #eee; padding: 10px 0 20px; margin: 50px 0; position: relative;}
#home_actus {background: #f1f1f1; padding: 75px 0 100px; margin-bottom: 58px}
#home_actus .actu {background: #fff; min-height: 450px; padding-bottom: 30px;}
#home_actus .actu .content {padding: 24px}
#home_actus .actu .actu_visuel {background-size: cover; background-position: center; height: 190px}
#home_actus .actu h3 {margin: 0 0 20px;}
#home_actus .actu h3 a {text-decoration: none; font-size: 21px; line-height: 1.2; color: #000}
#home_actus .actu.resume h3 a {font-size: 24px}
#home_actus .actu.grand h3 a {font-size: 32px}
#home_actus .actu a.read-more {font-weight: 400; font-size: 14px; color: #000; position: absolute; bottom: 15px; left: 24px; text-decoration: none;}
#home_actus .actu a.read-more:hover {text-decoration: underline;}
#home_actus .actu .date{font-size: 14px}
#home_actus .actu .category {font-size: 14px; font-style: italic; letter-spacing: 0.3px;margin-bottom: 20px;}
.masonry .item {width: 30%; margin-right: 0%}
.page-template-page-actualites #main {background: #f1f1f1; padding-bottom: 100px; margin-bottom: -90px;}
.page-template-page-actualites #fond_logo {z-index: 90;}
.page-template-page-actualites footer.site-footer,
.page-template-page-actualites .ecrivez-nous,
.page-template-page-actualites .bandeau{z-index: 91;}
.masonry { padding: 0px 0 75px;
margin-bottom: -85px;}
.masonry .actu {background: #fff; margin-bottom: 30px; padding-bottom: 40px; width: 400px}
@media only screen and (min-width: 1600px) {
.masonry .actu {width: 380px}
}
@media only screen and (min-width: 2400px) {
.masonry .actu {width: 300px}
}
.masonry .actu .content {padding: 24px}
.masonry .actu .actu_visuel {background-size: cover; background-position: center; height: 190px; position: relative; z-index: 91;}
.masonry .actu h3 {margin: 0 0 20px;}
.masonry .actu h3 a {text-decoration: none; font-size: 21px; line-height: 1}
.masonry .actu.resume h3 a {font-size: 28px}
.masonry .actu.grand h3 a {font-size: 40px}
.masonry .actu a.read-more {font-weight: 700; color: #000; position: absolute; bottom: 24px; left: 24px; text-decoration: none;}
.masonry .actu a.read-more:hover {text-decoration: underline;}
.masonry .actu .date{font-size: 14px}
.masonry .actu .category {font-size: 14px; font-style: italic; letter-spacing: 0.3px; margin: 5px 0;}
#filter_wrapper {position: relative; margin-bottom: 50px}
#filter_title {font-size: 20px; padding: 5px; border-bottom: 1px solid #000; display: inline-block; cursor: pointer;}
#filter_title:after {content: ""; display: inline-block; width: 15px; height: 15px; border: none; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); margin-left: 20px; margin-bottom: 2px}
#active_filters,
#reset_filters {display: inline-block; margin-left: 30px}
#reset_filters {font-size: 14px; font-weight: 300; font-style: italic; color: #6a6a6a;}
#reset_filters:hover {text-decoration: underline; cursor: pointer;}
#active_filters a {display: inline-block; margin: 0 10px; color: #000; text-decoration: none; font-size: 14px; font-style: italic; font-weight: 400}
#active_filters a:before {content: "— "}
#active_filters a:after {content: ""; display: inline-block; width: 17px; height: 17px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/alm_active.png) center no-repeat; background-size: 17px; margin-left: 7px; margin-bottom: -4px; border-radius: 50%;}
.alm-filters-container {display: none; width: 280px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); background-color: #fff; position: absolute; top: 32px; left: 50px; z-index: 40}
.alm-filters-container h3 {margin: 0}
.alm-filters-container .alm-filter ul, .alm-filters-container .alm-filter li {padding: 0; margin: 0; list-style: none;}
.alm-filters-container .alm-filter li a {display: block; padding: 3px 10px; margin: 0; color: #000; text-decoration: none; font-size: 14px}
.alm-filters-container .alm-filter li a:hover {background-color: rgba(255, 125, 90, 0.4)}
.alm-filters-container .alm-filter li a.active {color: #ff7d5a}
.alm-filters-container .alm-filter li a.active:after {content: ""; display: block; float: right; width: 17px; height: 17px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/alm_active.png) center no-repeat; background-size: 17px}
.alm-filters-container .alm-filter li a.active:hover {background-color: transparent;}
button.alm-filters--button,
button.alm-filters--button:hover {display: inline-block; font-size: 14px; text-decoration: none; border: 1px solid #ff7d5a; background: #ff7d5a; cursor: pointer; padding: 7px 20px; margin: 15px 10px; outline: none;     border-radius: 25px;
overflow: hidden;
color: #fff;
font-weight: 400;}
a.reset {display: inline-block; vertical-align: middle; font-size: 14px;
text-decoration: none;
border: 1px solid #ff7d5a;
background: #fff;
cursor: pointer;
padding: 4px 20px 3px 20px;
margin: 15px 10px;
outline: none;
border-radius: 25px;
overflow: hidden;
color: #ff7d5a;
font-weight: 400;}
a.alm-filters-edit {display: none;}
.alm-load-more-btn.done {opacity: 0} .bloc_articles-similaires  {margin-top: 80px;}
.bloc_articles-similaires .article-similaire {width: 50%;float: left;height: auto;border: 1px solid;padding: 30px;}
.bloc_articles-similaires .article-similaire.item-2{border-left:none;}
.bloc_articles-similaires .article-similaire-illustration {display:none;}
.bloc_articles-similaires .article-similaire-titre {font-size:28px;line-height: 1;max-width: 400px;margin-bottom: 30px;}
.bloc_articles-similaires .article-similaire-titre a {text-decoration: none;}
.bloc_articles-similaires .post-template-single-article .date {font-size: 14px;font-weight: 300;letter-spacing: 0.3px;line-height: 30px;}
.bloc_articles-similaires .article-similaire-accroche {max-width: 70%;padding-bottom: 40px;}
.bloc_articles-similaires .article-similaire-lien a {color: #000000;text-decoration: none;font-weight: 400;}
#home_clients {background: #c4edaa; padding: 75px 0;     position: relative;}
#home_clients .inner {padding: 0 14%}
#home_clients .home_clients_liste .item:last-child span.separator {display: none;}
#home_clients .home_clients_liste .item span.nom {text-decoration: none; transition: all ease .2s; font-weight: 400}
#home_clients .home_clients_liste .item.active span.nom {text-decoration: underline;}
#home_clients .home_clients_liste a.button {margin: 30px 0 0}
.home_clients_liste {max-width: 460px; float: left; font-size: 30px; width: 50%;}
.home_clients_liste .item {cursor: pointer;}
.home_clients_liste .item.last .separator {display: none;}
.home_clients_logos {max-width: 305px; float: right;}
.home_clients_logos img {max-height: 130px; width: auto;}
.home_clients_logos .activite {font-size: 16px; margin-top: 30px}
.home_clients_points {margin-top: 30px}
.home_clients_points .point {display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.1); margin-right: 15px}
.home_clients_points .point.active {background-color: #000;} .image_agence {background-position: center; background-size: cover; height: 500px; position: relative;}
.page-template-page-agence .bandeau h1 {padding: 60px 0 0 }
.page-template-page-agence .bandeau {padding: 0 0 230px }
.page-template-page-agence .bandeau .inner {margin-bottom: -100px }
.page-template-page-agence .bandeau p {max-width: 720px; margin: 20px auto; font-size: 26px}
.page-template-page-agence .bandeau .last {
margin: 20px auto -140px;
}
.page-template-page-agence .inner.grid .group {width: 33.33333%; float: left}
.acc {position: relative; margin: 0 10px 20px; }
.acc.open {z-index: 10}
.page-template-page-agence .acc:before {content: ""; display: block; position: absolute; width: 100%; height: 100%; background: #eee; top: 0; left: 0; opacity: 1; transition: all ease .2s}
.page-template-page-agence .open.acc:before, .page-template-page-agence .acc:hover:before {opacity: 0;}
.volet {overflow: hidden; position: relative; padding: 0 15px; display: none; }
.open .volet {}
.page-template-page-agence .nom {position: relative; padding: 20px 15px; font-size: 23px; font-weight: bold; cursor: pointer;}
.acc .texte {padding-bottom: 20px}
.cross {display: block; position: absolute; top: 23px; right: 23px; width: 27px; height: 27px; transform: rotate(0deg); transition: all ease .3s}
.cross:before {content: ""; display: block; position: absolute; top: 13px; left: 0; width: 27px; height: 1px; background: #000;}
.cross:after {content: ""; display: block; position: absolute; top: 0; left: 13px; width: 1px; height: 27px; background: #000; }
.open .cross {transform: rotate(45deg);}
.acc .fonction {font-size: 19px; margin-bottom: 10px;font-weight: bold;}
.acc .email {padding: 15px 0}
.acc .email a {color: #000}
.btn-spotify {width: 100px; height: 100px; background-color: transparent; border: 1px solid #ff7d5a; border-radius: 50%; line-height: 100px; text-align: center; display: block; position: absolute; right: 0; top: 50%; color: #ff7d5a; text-decoration: none; transform: rotate(29deg); transition: all ease .3s}
.btn-spotify:hover {background-color: #ff7d5a; color: #fff; transform: rotate(0deg); text-decoration: none;}
#footer .btn-spotify{top: 0px; z-index: 40;}
#equipe_diapo {position: relative; margin: 100px 0;}
#equipe_diapo img { width: auto; } .acc3 {position: relative; margin: 0 10px -1px;width: 23%; display: inline-block; vertical-align: top;}
.acc3 .cross {display: none;}
.acc3.open .cross {transform: rotate(45deg);display: block;}
.acc3.open {z-index: 10}
.page-template-page-recrutement .acc2:hover:before {opacity: 0;}
.page-template-page-clients .site-main .inner.padding {padding-bottom: 150px}
.page-template-page-clients .acc3 .description {padding-bottom: 20px}
.page-template-page-clients .acc3 .nom { position: relative; padding: 20px 15px; cursor: pointer; background-color: transparent; transition: background-color ease .3s}
.page-template-page-clients .acc3 .nom:hover {background-color: #eee;}
.page-template-page-clients .acc3.open .nom:hover {background-color: transparent;}
.page-template-page-clients .acc3 .logo {text-align: center; display: flex; align-items: center; height: 160px}
.page-template-page-clients .acc3 .logo img {margin: 0 auto; max-height: 130px;}
.page-template-page-clients .acc3 {border-top: 1px solid ;border-bottom:1px solid;}
.page-template-page-clients .acc3.open {border-bottom:none;}
.page-template-page-clients .acc3 .volet {display: block; position: absolute; background-color: #fff; z-index: 300;height: 0; overflow: hidden; transition: height ease .3s}
.page-template-page-clients .acc3.open .volet { height: 200px; overflow: scroll}
.client_nom {font-size: 30px; font-weight: 400; line-height: 30px; padding-bottom: 20px;} .acc2 {position: relative; margin: 0 1% 20px;width: 31%; float: left; }
.acc2.open {z-index: 10}
.page-template-page-recrutement .acc2:before {content: ""; display: block;width: 100%; height: 100%; background: #eee; top: 0; left: 0; opacity: 1; transition: all ease .2s}
.page-template-page-recrutement .open2.acc:before, .page-template-page-recrutement .acc2:hover:before {opacity: 0;}
.page-template-page-recrutement .acc2 .description {padding-bottom: 20px}
.page-template-page-recrutement .acc2 .nom { position: relative; padding: 20px 15px;}
.page-template-page-recrutement .acc2 .cross { cursor: pointer;}
.page-template-page-recrutement .acc2 .poste {font-size: 30px; font-weight: 400; padding-bottom: 20px; line-height: 30px;}
.page-template-page-recrutement .acc2 {border-top: 1px solid ;border-bottom:1px solid;}
.page-template-page-recrutement .acc2.open {border-bottom:none;}
.page-template-page-recrutement .acc2 .volet {border-bottom:1px solid ;}
.page-template-page-recrutement .acc2.open .volet {border-bottom:1px solid ;}
.page-template-page-recrutement .acc2 .pole {font-size: 18px; margin-bottom: 10px; font-weight: 400;}
.page-template-page-recrutement .acc2 .postuler {float: left;}
.page-template-page-recrutement .acc2 .button {margin: 15px 20px 15px 0; text-decoration: none;}
.page-template-page-recrutement .acc2 .postuler .button {padding: 8px 20px;}
.page-template-page-recrutement .acc2 .document .button {padding: 8px 20px;}
.offre-description p {margin-top: 3px; margin-bottom: 20px}  .page_actu {background: #f1f1f1; padding-bottom: 58px}
.page_actu .actu {background: #fff; min-height: 380px; width: 28.333%; position: relative;}
.page_actu .actu .content {padding: 24px}
.page_actu .actu .actu_visuel {background-size: cover; background-position: center; height: 190px; position: relative;}
.actu_visuel a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.page_actu .actu h3 {margin: 0 0 20px;}
.page_actu .actu h3 a {text-decoration: none; font-size: 21px; line-height: 1}
.page_actu .actu.resume h3 a {font-size: 28px}
.page_actu .actu.grand h3 a {font-size: 40px}
.page_actu .actu a.read-more {font-weight: 700; color: #000; position: absolute; bottom: 24px; left: 24px; text-decoration: none;}
.page_actu .actu a.read-more:hover {text-decoration: underline;}
.page_actu .actu .date{font-size: 14px}
.page_actu .actu .category {font-size: 14px; font-style: italic; letter-spacing: 0.3px;} .article-similaire { width: 50%; float: left; min-height: 430px;border: 1px solid #000; padding: 20px 200px 20px 30px;}
.article-similaire-titre {font-size: 28px; line-height: 34px; margin-bottom: 20px}
.article-similaire-lien {margin-top: 30px}
.article-similaire-lien a {color: #000; text-decoration: none;}
.article-similaire-lien a:hover {color: #ff8484}
h1.article {font-size:42px; font-weight: 400; padding: 15px 0;}
.article-similaire.item-2 {border-left:none;}
.article.retour {text-align: center;}
.post-template-single-article .date {padding-bottom: 15px}
.post-template-single-article .category {padding-bottom: 25px} .ecrivez-nous {background: #ffe055; text-align: center; margin-top: 85px; padding: 80px 0; position: relative;}
.ecrivez-nous .inner {padding: 50px 0;}
.ecrivez-nous a {color: #000; text-decoration: none; font-size: 84px; letter-spacing: 0.6px;font-weight: 400;}
.typed-cursor {font-size: 84px; text-indent: -999999em; color: transparent; border-left: 2px solid #000; } #ecriveznous {background-color: #ffe055}
#ecriveznous #ecrivez_left {width: 50%; float: left; background: #fff2da; min-height: calc(100vh - 124px); font-size: 24px; font-weight: 300; transition: all ease .9s}
#ecriveznous #ecrivez_left.full {width: 100%;}
#ecriveznous #ecrivez_right {width: 50%; float: left; background: #ffe055; min-height: calc(100vh - 124px); font-size: 24px; font-weight: 300; transition: all ease .9s}
#ecriveznous #ecrivez_right.hidden {width: 0; overflow: hidden;}
#ecriveznous .inner_left {width: 100%; max-width: 500px; float: right; min-height: calc(100vh - 124px); position: relative; transition: all ease .3s}
#ecriveznous .inner_right {width: 100%; max-width: 630px; float: left; min-height: calc(100vh - 124px); padding: 50px 0 50px 45px; position: relative;}
#submissions {position: absolute; bottom: 40%; font-size: 24px}
#submissions .old {opacity: .4}
#submissions .alt {padding-left: 50px;}
#ecriveznous .caldera-grid .form-control { width: auto;  height: auto; padding: 0;  background-color: transparent; border: none; border-radius: 0;  -webkit-box-shadow: none; box-shadow: none; font-size: 24px;font-weight: 300;}
input.form-control {min-width: 100px; max-width: 300px; outline: none;}
.row div {display: inline-block;}
.form-group.nom
.caldera-grid .form-group {margin: 0; padding: 0;}
.form-group.prenom:before {content: "Je m'appelle "}
.form-group.objet:before {content: "Je souhaite "; display: inline-block; vertical-align: middle; height: 40px;}
#ecriveznous .caldera-grid .form-group input.form-control {border-bottom: 1px solid #000; color: #000;}
#ecriveznous .caldera-grid .form-group.objet select.form-control {border-bottom: 1px solid #000; border-radius: 0; -webkit-appearance: none; -moz-appearance: none;}
#ecriveznous .caldera-grid .form-group.objet select.form-control option {background-color: #fff; padding: 5px}
#ecriveznous .caldera-grid .error .form-group input.form-control {border-bottom: 1px solid #f00;}
#ecriveznous .caldera-grid .form-group textarea.form-control{
width: 400px;
border: 1px solid #000;
outline: none;
padding: 10px;
}
#ecriveznous .caldera-grid .error .form-group textarea.form-control {border: 1px solid  #f00}
#ecriveznous .caldera-grid .form-control.cf2-file .btn {
color: #000;
background-color: transparent;
border: 1px solid #333;
padding: 10px;
transition: all 0.4s;
border-radius: 20px;
font-size: 18px; outline: none;
}
#ecriveznous .caldera-grid .form-control.cf2-file .btn:hover {
color: #fff;
background-color: #000;
}
.caldera-grid .form-control.cf2-file .btn:hover {background-color: transparent;}
#cf2-fld_2873712_1 label {display: none}
.cf2-dropzone ul {list-style: none; margin: 0; padding: 0;}
.row div.cf2-file-extra-data,
.cf2-file-progress-bar {display: none}
.cf2-file-name.file-name {font-size: 16px; float: left}
.cf2-file-name.file-name:before {content: "— ";}
.caldera-grid ul.cf2-list-files .cf2-file-listed .cf2-file-control button.cf2-file-remove {float: right;}
#ecriveznous .caldera-grid ul.cf2-list-files .cf2-file-listed .cf2-file-control button.cf2-file-remove {
background-color: transparent;
border: none;
padding: 0;
vertical-align: super;
padding: 0 15px;
margin-top: 6px;
}
#ecriveznous .caldera-grid ul.cf2-list-files .cf2-file-listed .cf2-file-control button.cf2-file-remove:after {
content: "supprimer";
font-size: 13px;
color: #333;
text-decoration: underline;
cursor: pointer;}
.rejoindre #step3 {display: none}
p.self a {color: #000}
#ecriveznous #ecrivez_left.finish .inner_left {float: none; margin: 0 auto;}
span.current {border-bottom: 1px solid #000; width: auto; min-width: 98px; display: inline-block; height: 32px; vertical-align: bottom; margin: -9px 0px;}
#fld_9482616_1-wrap span.current:after {content: "⌄"; float: right; padding-left: 10px;}
.error span.current {border-bottom: 1px solid #f00;}
span.step {width: 40px; height: 40px; display: inline-block; border-radius: 50%; border: 1px solid #000; cursor: pointer; margin-left: 15px; text-align: center; line-height: 40px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/right-arrow.svg) center no-repeat; background-size: 22px; vertical-align: middle; transition: all ease .2s}
span.step:hover {border: 1px solid #fff;  background-image: url(//4aout.fr/wp-content/themes/quatreaout/images/right-arrow-blanc.svg) ;}
#ecriveznous .caldera-grid .form-group .error textarea.form-control {border-color: #f00}
.step#step3 {vertical-align: baseline;}
#ecriveznous .caldera-grid .form-group .field_required {display: none;}
.emailinputwrapper {position: relative}
.emailinputwrapper span {position: absolute; top: 100%; left: 0; font-size: 10px;}
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
background-color: transparent !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
}
p.self a {font-weight: 200; text-decoration: underline;} .contact_bloc {max-width:480px;margin-bottom:140px;}
.contact_bloc strong {font-size: 14px;font-style: italic; font-weight: 400;}
.contact_bloc {font-size: 28px;}
.contact_bloc .button {font-size: 18px;float: left;}
.contact_bloc-informations,
.contact_bloc-adresse {font-weight: 400}
.contact_bloc a.twitter,
.contact_bloc a.facebook,
.contact_bloc a.linkedin,
.contact_bloc a.youtube {font-size: 20px; color: #000000;text-decoration: none;margin: 0 30px 0 0;text-align: center; font-weight: 400}
.contact_bloc a:hover.twitter,
.contact_bloc a:hover.facebook,
.contact_bloc a:hover.linkedin,
.contact_bloc a:hover.youtube {border-bottom: 1px solid #000;padding-bottom: 2px;}
.contact_bloc a:visited.twitter,
.contact_bloc a:visited.facebook,
.contact_bloc a:visited.linkedin,
.contact_bloc a:visited.youtube {color:#000000;text-decoration: none;}
.contact_bloc a:after.twitter,
.contact_bloc a:after.facebook,
.contact_bloc a:after.linkedin,
.contact_bloc a:after.youtube {    content: "";
display: block;
width: 0%;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
height: 1px;
background: #ff8484;
transition: all ease .3s;}
.bloc-images {position: relative;}
.contact_bloc .button { margin: 25px 40px 15px 0; text-decoration: none; position: relative;} .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 5px;
border: solid 1px #e8e8e8;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 24px;
font-weight: 300;
height: 30px;
line-height: 30px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto; }
.nice-select:hover {
border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999; } .nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0); }
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cccccc; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 0;
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 20px;
left: -30px;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9; }
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: rgba(196, 237, 170, 0.4); }
.nice-select .option.selected {
font-weight: bold; }
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default; display: none; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
#ecriveznous .inner_left #submissions {max-width: 400px; margin: 0 auto;}
#social {margin: 84px 0 0} #footer .newsletter #fld_5694939_1-wrap.form-group input {padding: 10px 50px 10px 10px; border-radius: 24px; height: 48px; font-size: 18px; width: 280px!important; background-color: #e2e2e2; border: 1px solid #000; color: #000;}
#footer .newsletter .single {width: 280px; height: 48px; margin: 0 auto; position: relative;}
#footer .newsletter #fld_329983_1-wrap input {position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ff7d5a; text-indent: -9999em; background: #e2e2e2 url(//4aout.fr/wp-content/themes/quatreaout/images/right-arrow-orange.svg) center no-repeat; background-size: 20px; transition: all ease .3s}
#footer .newsletter #fld_329983_1-wrap input:hover {border: 1px solid #fff; background: #e2e2e2 url(//4aout.fr/wp-content/themes/quatreaout/images/right-arrow-blanc.svg) center no-repeat;  background-size: 20px}
#footer .newsletter .yikes-easy-mc-email {padding: 10px 50px 10px 10px; border-radius: 24px; outline: none; height: 38px; font-size: 16px; width: 190px!important; background-color: #fff2db; border: 1px solid #000; color: #000;}
.yikes-easy-mc-form .yikes-easy-mc-submit-button {
position: absolute;
top: 4px;
right: 5px;
width: 30px!important;
height: 30px!important;
border-radius: 50%!important;
border: 1px solid #000!important;
text-indent: -9999em!important;
background: #fff2db url(//4aout.fr/wp-content/themes/quatreaout/images/right-arrow-noir.svg) center no-repeat;
background-size: 16px;
transition: all ease .3s!important;
min-height: 30px!important;
margin: 0!important;
}
.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {border: 1px solid #ff7d5a!important; background: transparent url(//4aout.fr/wp-content/themes/quatreaout/images/right-arrow-orange.svg) center no-repeat;  background-size: 16px}
.yikes-easy-mc-form {width: 190px; height: 48px; margin: 0 auto; position: relative;}
.yikes-easy-mc-error-message {
color: rgba(216,48,57,.87);
background: transparent!important;
padding: 0!important;
position: relative;
max-width: 190px;
margin-bottom: 10px;
}
#footer .newsletter span.parsley-type,
#footer .newsletter span.parsley-required {
font-size: 10px; color: #ff7d5a
}
#footer .newsletter .edit-link {display: none;}
.yikes-easy-mc-success-message {
color: #5fb106;
background: transparent!important;
padding: 0!important;
margin: 0 0 10px;
position: relative;
max-width: 190px;
}
.yikes-easy-mc-error-message {
color: rgba(216,48,57,.87);
background: transparent!important;
padding: 0!important;
margin: 0 0 10px;
position: relative;
}
#reseaux {margin-left: -1px}
.centered {
display: inline-block;
vertical-align: middle;
}
#reseaux:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
#reseaux a {display: inline-block; width: 90px; height: 90px; border: solid 1px #000000; font-size: 25px; border-radius: 50%; color: #000; text-align: center; line-height: 90px; margin: 20px 25px; background: transparent; transition: all ease .3s}
#reseaux a.twitter:hover {background: #1da1f2; color: #fff; border: solid 1px #1da1f2}
#reseaux a.facebook:hover {background: #517fe1; color: #fff; border: solid 1px #517fe1}
#reseaux a.linkedin:hover {background: #007bb6; color: #fff; border: solid 1px #007bb6}
#reseaux a.youtube:hover {background: #fe0000; color: #fff; border: solid 1px #fe0000}
#reseaux .icons {max-width: 290px; margin: 0 auto 25px;}
#reseaux h3 {font-size: 30px; font-weight: normal; margin: 0 0 25px;} footer.site-footer {background: #fff2da; padding: 70px 0; margin-top: 58px; position: relative;}
footer.site-footer .inner, footer.site-footer .content {position: relative;}
footer.site-footer .right {position: absolute; bottom: 0; right: 0; text-align: right;}
footer.site-footer h2 {font-size: 30px; margin: 0 0 140px 0;}
footer.site-footer .share_bottom {padding: 0 0 20px}
footer.site-footer .share_bottom a {display: inline-block; width: 48px; height: 48px; border: solid 1px #000000; border-radius: 50%; color: #000; text-align: center; line-height: 48px; margin-right: 15px; background: transparent; transition: all ease .3s}
footer.site-footer .share_bottom a:hover {color: #fff; background: #000}
footer.site-footer .adresse {font-size: 12px; font-weight: 400;}
footer.site-footer .right,
footer.site-footer .right a {font-size: 12px; letter-spacing: 0.3px; color: #0000009A; text-decoration: none; transition: all ease .2s;}
footer.site-footer .right a:hover {color: #000000;}
footer .newsletter{
position: absolute;
right: 150px;
top: 0;
}
footer .newsletter p{
margin-bottom: 5px;
font-weight: 500;
}
@media screen and (max-width: 769px) {
footer .newsletter{
position:static;
margin-bottom: 30px;
}
}
a.share_article {display: inline-block;width: 50px;height: 50px;border: solid 1px #000000;font-size: 20px;border-radius: 50%;color: #000;text-align: center;line-height: 50px;background: transparent;transition: all ease .3s; cursor: pointer;}
a.share_article:hover {border: solid 1px #ff7d5a; color: #ff7d5a}
.share_single {position: relative; width: 60px; height: 60px; margin-top: 40px}
.share_single .social-panel {top: 25px; left: 50px;}
.page-template-page-recrutement .acc2 .share_bottom  {display: none;}
.page-template-page-recrutement .acc2.open .share_bottom  {display: inline-block;position: absolute;top: 23px;right: 64px;}
a.share_offre {display: inline-block;width: 30px;height: 30px;border: solid 1px #000000;font-size: 15px;border-radius: 50%;color: #000;text-align: center;line-height: 30px;background: transparent;transition: all ease .3s;} .page-template-page-projets #main .inner {padding: 0 190px}
.page-template-page-projets .projet {width: 50%; float: left; min-height: 530px; position: relative; background-size: cover; background-position: center;}
.wp-block-image {position: relative;}
.marquee { width: 420px;
overflow: hidden;
position: relative;
}
.marquee div {
display: block;
width: 200%;
animation: none;
position: absolute;
overflow: hidden;
left: 0;
transition: all ease .3s;
animation-play-state: paused
}
.projet:hover .marquee div,
.projet-similaire:hover .marquee div {
animation-play-state: running;
animation: marquee 5s linear infinite;
left: auto;
transition: all ease .3s;
}
.marquee span {font-size: 23px; line-height: 28px}
.marquee span p {margin: 0; font-size: 19px;}
#home_projets .marquee span {font-size: 15px; line-height: 20px; letter-spacing: .5px}
#home_projets .marquee span p {font-size: 19px; line-height: 23px; letter-spacing: 0}
.projet-similaire .marquee span {font-size: 19px; line-height: 25px; color: #000;}
.projet-similaire .marquee span p {font-size: 15px; line-height: 20px; color: #000;}
.marquee div span {
float: left;
width: 50%;
padding: 0 17px;
}
.marquee:before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #f1f1f1; opacity: 1; transition: all ease .3s}
#home_projets .marquee:before {content: none; display: none;}
.projet:hover .marquee:before,
.projet-similaire:hover .marquee:before {opacity: 0}
.marquee span.invisible {padding: 0 7px;
display: block;}
@keyframes marquee {
0% { left: 0; }
100% { left: -100%; }
}
.projet a.link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{ width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-drag{cursor:move;cursor:grab}
.owl-carousel.owl-grab{cursor:move;cursor: grabbing;}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//4aout.fr/wp-content/themes/quatreaout/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,
.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .share_offre {cursor: pointer; }
.share {position: absolute; top: 20px; right: 60px; opacity: 0; transition: all ease .3s}
.open .share {opacity: 1;}
.social-panel {display: none; position: absolute;  top: 25px; right: 25px; padding: 15px; background-color: #fff; box-shadow: 0 0 5px #00000030; width: 180px; z-index: 20; text-align: center;}
.social-panel a {color: #000; display: inline-block; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #000; margin: 8px 5px; text-align: center; line-height: 35px; transition: all ease .2s}
.social-panel a:hover {color: #fff; background-color: #000;}
#spotify {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 100;
background: #fff2da;
overflow: scroll;
}
#spotify .links {max-width: 300px; margin: 0 auto; text-align: center;}
#spotify .links a.tip,
#spotify .links span.tip {display: inline-block; width: 48px; height: 48px; margin: 10px 40px; font-size: 24px; line-height: 48px; transition: all ease .3s} #spotify .titres {text-align: center; color: #ff7d5a; padding: 30px; line-height: 25px;}
#spotify .links a.play {padding: 0 0 0 6px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/play.svg); transition: all ease .1s; background-size: 48px}
#spotify .links a.play:hover {padding: 0 0 0 6px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/play-hover.svg);}
#spotify .links .share_spotify {padding: 0 0 0 6px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/share.svg); transition: all ease .1s; background-size: 48px}
#spotify .links .share_spotify:hover {padding: 0 0 0 6px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/share-hover.svg);}
#spotify .links a.close {padding: 0 0 0 6px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/closing.svg); transition: all ease .1s; background-size: 48px}
#spotify .links a.close:hover {padding: 0 0 0 6px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/closing-hover.svg);}
.preload {display: none;}
#logo_spotify {float: right; width: 240px; font-size: 22px; line-height: 20px; padding-right: 160px; background: url(//4aout.fr/wp-content/themes/quatreaout/images/logo_spotify.png) right center no-repeat; background-size: 160px; color: #161513; margin-top: 20px;}
.page-template-page-spotify header#masthead {display: none;}
.spotify_header .site-title a {background-image: url(//4aout.fr/wp-content/themes/quatreaout/logo.svg)}
.spotify_header .site-title:before,
.spotify_header .site-title:after {display: none;}
.page-template-page-spotify .share_single {width: auto; height: auto; margin-top: 0; display: inline-block; cursor: pointer;}
.page-template-page-spotify .share_single .social-panel {
top: 50px;
left: 75px;
}
.page-template-page-spotify .ecrivez-nous,
.page-template-page-spotify #footer {display: none}
a#top {
width: 100px; height: 100px; background-color: transparent;  border: 1px solid #ff7d5a; border-radius: 50%; line-height: 20px;  padding-top: 29px;
text-align: center; display: block; position: absolute; right: 50px; z-index: 99;
cursor: pointer; top: 0; color: #ff7d5a; text-decoration: none; transition: all ease .3s}
a#top:hover {color: #fff; background-color: #ff7d5a} #home_projets .marquee span,
.projet .titrage {line-height: 1.21;letter-spacing:.5px;}
#more_projects {margin: 100px 0}
#old_projects {border-collapse: collapse;}
#old_projects tr td {background-color: #fff; transition: all ease .3s; font-weight: 500;}
#old_projects tr.table-head {}
#old_projects tr.table-head th {font-weight: 700; text-align: left; border-bottom: 1px solid #111; display: flex; font-size: 14px;}
#old_projects tr:hover td.items {background-color: #e2e2e2;}
#old_projects tr td.annee {display: none}
#old_projects tr td {border-bottom: 1px solid #111}
#old_projects tr td a {display: flex; align-items: center; color: #111; text-decoration: none;}
.table-annee {width: 15%; padding: 14px; padding-left: 0; order:1}
td .table-annee {font-style: italic;}
.table-projet {width: 65%; padding: 14px 0; order: 2}
.table-client {width: 20%; padding: 14px; padding-right: 0; order: 3}
#table-toggle {display: block; position: relative; cursor: pointer;}
#table-toggle:after {content: "▼"; font-size: 12px; line-height: 24px; transform: rotate(0deg); display: inline-block; padding: 0 6px; transition: all ease .2s}
#table-toggle.up:after {transform: rotate(180deg);} .alm-filters-container {position:static;}
.masonry {margin-top: 0;} .page-template-page-agence .bandeau {margin-bottom: 115px;}
.page-template-page-agence .bandeau .fixed-title {top:50px; right: 20px;}
.page-template-page-agence .inner.grid .fixed-title {right: -52px;} .page-template-page-clients .acc3 .nom {padding: 20px 15px 40px;} .button.tel {border: none;} #home_actus .margin-40 {margin: 30px 0 -40px;}
#home_actus .actu h3 {line-height: 1;} #home_agence .inner {padding: 0 14%}
#home_agence {
padding: 20px 0 90px;
}
#home_agence .text p {
font-size: 38px;
letter-spacing: 0.15px;
font-weight: 400;
line-height: 47px;
max-width: 85%;
margin-bottom: 15px;
}
#home_agence .button{
margin-left: 0;
}
@media screen and (max-width: 1080px) {
#home_agence .text p {
font-size: 28px;
line-height: 37px;
max-width: 100%;
}
}
@media screen and (max-width: 769px) {
#home_agence {
padding: 2px 0 60px;
}
#home_agence .text p {
font-size: 25px;
line-height: 33px;
}
} #home_rse .grid-column{
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap:20px;
padding: 0px 0 0;
}
#home_rse .grid-column .logo{
grid-column: span 4 / span 4;
padding-left: 20%;
}
#home_rse .grid-column .logo img{
width: 100%;
max-width: 285px;
}
#home_rse .grid-column .text{
grid-column: span 7 / span 7;
font-size: 19px;
font-weight: 500;
}
#home_rse .grid-column .text .sc-eCImPb.iKFbeR{
margin-bottom: 20px;
}
@media screen and (max-width: 1080px) {
#home_rse .grid-column .text{
grid-column: span 8 / span 8;
}
#home_rse .grid-column .logo{
padding-left: 0%;
}
}
@media screen and (max-width: 769px) {
#home_rse .grid-column{
display: block;
}
#home_rse .grid-column .logo {
display: flex;
justify-content: center;
margin-bottom: 50px;
}
#home_rse .grid-column .logo img {
max-width: 155px;
}
}
#home_rse .fixed-title {
top: -40px;
}
#home_rse  {
margin-top: 90px;
margin-bottom: 30px;
} .page-template-page-rse .ecrivez-nous{
margin-top: 0;
}
.rse-intro .inner{
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
align-items: center;
font-weight: 400;
font-style:italic;
font-size:30px;
line-height:36px;
}
.rse-intro p{
font-weight: 400;
font-style: italic;
font-size: 30px;
line-height: 36px;
}
.rse-intro img{
max-width: 320px;
width: 90%;
display: block;
}
.rse-intro .col:nth-child(1){
grid-column: span 4
}
.rse-intro .col:nth-child(2){
grid-column: span 8
}
.engagements{
margin-top: 84px;
background: #FFF2DA;
overflow: hidden;
}
.engagements .inner{
overflow: hidden;
padding: 70px 0 110px;
max-width: 1080px;
}
.engagements .info{
padding-left:100px;
padding-right:100px;
position: relative;
z-index: 5;
}
.engagements .info sup {
top: -0.7em;
font-size: 22px !important;
}
.engagements .info .asterisque {
font-size: 22px !important;
display: block;
line-height: 40px;
}
.engagements .info.left{
display: flex;
}
.engagements .info.right{
display: flex;
justify-content: end;
}
.engagements .wrap-infos{
position:relative;
}
.engagements .info .text-big,
.engagements .info .text-medium{
font-weight: 400;
width: 70%;
line-height: 1.2;
margin: 50px 0;
position: relative;
z-index: 2;
}
.engagements .info .text-big::before,
.engagements .info .text-medium::before {
content: "";
height: 16px;
width: 16px;
background-color: black;
display: inline-block;
border-radius: 50%;
position: absolute;
left: -35px;
top: 25px;
}
.engagements .info .text-big{
font-size: 52px;
}
.engagements .info .text-medium{
font-size: 40px;
}
.wrap-shape{
position:absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
width: max-content;
}
.wrap-shape.right{
right: 0;
}
.shape.shape-1{
width: 440px;
}
.shape.shape-2{
width: 450px;
}
.shape.shape-3{
width: 505px;
}
.shape.shape-4{
width: 260px;
}
.shape.shape-5{
width: 370px;
}
.shape.shape-6{
width: 570px;
}
@media screen and (max-width: 1080px) {
.engagements .inner {
max-width: 830px;
}
.rse-intro p{
font-size: 28px;
}
.engagements .info {
padding-left: 80px;
padding-right: 80px;
}
.engagements .info sup {
top: -0.7em;
font-size: 16px !important;
}
.engagements .info .text-big {
font-size: 39px;
}
.engagements .info .text-medium {
font-size: 30px;
}
.engagements .info .text-big,
.engagements .info .text-medium {
width: 80%;
margin: 38px 0;
}
.engagements .info .text-big::before,
.engagements .info .text-medium::before {
height: 14px;
width: 14px;
top: 17px;
}
.shape.shape-1 {width: 310px;}
.shape.shape-2 {width: 320px;}
.shape.shape-3 {width: 360px;}
.shape.shape-4 {width: 200px;}
.shape.shape-5 {width: 260px;}
.shape.shape-6 {width: 380px;}
}
@media screen and (max-width: 880px) {
.engagements .inner {
max-width: 720px;
}
.engagements .info sup {
top: -0.7em;
font-size: 14px !important;
}
.engagements .info {
padding-left: 8%;
padding-right: 8%;
}
.rse-intro .inner{
display: block;
}
.rse-intro img {
max-width: 190px;
margin: 0 auto;
}
.engagements .info .text-big,
.engagements .info .text-medium {
margin: 30px 0;
}
.engagements .info .text-big {
font-size: 32px;
}
.engagements .info .text-medium {
font-size: 23px;
}
.engagements .info .text-big::before,
.engagements .info .text-medium::before {
height: 11px;
width: 11px;
top: 14px;
left: -25px;
}
.wrap-shape {
top: 40%;
}
.shape.shape-1 {width: 250px;}
.shape.shape-2 {width: 260px;}
.shape.shape-3 {width: 290px;}
.shape.shape-4 {width: 150px;}
.shape.shape-5 {width: 220px;}
.shape.shape-6 {width: 280px;}
}
@media screen and (max-width: 769px) {
.rse-intro p {
font-size: 25px;
}
.engagements .info {
padding-left: 7%;
padding-right: 7%;
}
.engagements .info sup {
top: -0.7em;
font-size: 12px !important;
}
.engagements .info .text-big,
.engagements .info .text-medium {
width: 90%;
}
.engagements .info .text-big,
.engagements .info .text-medium {
margin: 28px 0;
}
.engagements .info .text-big {
font-size: 27px;
}
.engagements .info .text-medium {
font-size: 20px;
}
.engagements .info .text-big::before,
.engagements .info .text-medium::before {
height: 11px;
width: 11px;
top: 14px;
left: -25px;
}
.engagements .info .text-big::before,
.engagements .info .text-medium::before {
height: 10px;
width: 10px;
top: 11px;
left: -23px;
}
.wrap-shape {
top: 30%;
}
.shape.shape-1 {width: 210px;}
.shape.shape-2 {width: 220px;}
.shape.shape-3 {width: 230px;}
.shape.shape-4 {width: 130px;}
.shape.shape-5 {width: 180px;}
.shape.shape-6 {width: 230px;}
} #newsletter h3 {margin: 0 0 5px;}
#newsletter #fld_5694939_1-wrap.form-group input {padding: 12px 50px 12px 10px;} footer.site-footer .share_bottom a:hover {color: #ff7d5a; background: transparent;border:solid 1px #ff7d5a;}
.margin-0 {margin: 0!important; margin-right: -30px !important;}