footer {
position: relative;
z-index: 1;
text-align: center;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
#signature {
font-size: 12px;
padding: 0 5% 45px 5%;
}
::selection {
background-color: #EA4F53;
color: #FFFFFF;
}
body:not(.home) #wrapper p a,
body:not(.home) #wrapper li a {
transition: 0.2s ease-in-out;
}
body:not(.home) #wrapper p a:hover,
body:not(.home) #wrapper li a:hover {
color: #EA4F53;
}
#wrapper div#text > *:not(.wp-block-cover):not(.wp-block-group),
#wrapper div#text > figure,
#wrapper div#text > ul,
#wrapper div#text > .wp-block-group > .wp-block-group__inner-container,
#wrapper div#text > p,
body.single-post #wrapperInner .pager {
width: 90%;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
#wrapper div#text > ul {
padding-left: 15px;
}
.wpforms-container ul li:before {
display: none;
}
div form.wpforms-form {
position: relative;
}
div div.wpforms-container-full button[type=submit]:focus:after {
display: none;
}
@media (min-width: 1200px) {
div .wpforms-container .wpforms-submit-container {
position: absolute;
right: 0;
bottom: -10px;
margin: 0;
padding: 0;
}
}
#wrapper div div.wpforms-container-full input:focus,
#wrapper div div.wpforms-container-full textarea:focus {
border-color: #000000;
box-shadow: 0 0 0 1px #000000, 0px 1px 2px rgba(0,0,0,0.15);
}
#wrapper div div.wpforms-container-full ::placeholder {
color: #969696;
opacity: 1;
}
#wrapper .wpforms-confirmation-container-full p {
margin: 0;
}
#wrapper div .wpforms-field-container div.wpforms-field {
padding: 12px 0;
} body.error404 .widget_breadcrumb {
display: none;
}
body.error404 article {
text-align: center;
}
body:not(.home).error404 .title_and_bc h1 {
margin: 0;
}
.wp-block-column {
box-sizing: border-box;
}
@media (min-width: 980px) {
.is_hidden_on_desktop {
display: none !important;
}
}
@media (max-width: 930px) {
.wp-block-spacer {
max-height: 70px;
}
#container {
margin: 0px 0px 70px 0px;
}
}
#troupes {
width: 90%;
max-width: 1120px;
margin: 0 auto 150px;
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
}
#troupes .titre {
position: relative;
}
#troupes .titre svg {
position: absolute;
top: -40px;
right: -53px;
pointer-events: none;
}
#troupes .flex {
display: flex;
flex-wrap: wrap;
row-gap: 55px;
justify-content: space-between;
}
#troupes .troupe {
width: 46.5%;
position: relative;
padding: 0 40px 35px 40px;
box-sizing: border-box;
}
#troupes .troupe img {
width: auto;
height: 365px;
display: block;
margin: 0px auto 40px;
box-shadow: 0px 5px 20px rgba(0,0,0,0.16);
object-fit: cover;
}
#troupes .troupe:before {
content: '';
background: #f1f1f1;
position: absolute;
top: 120px;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
border-radius: 40px;
}
#troupes .troupe .desc {
color: #909090;
margin-top: 20px;
}
#troupes .troupe .desc p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
#troupes .troupe .desc span {
color: #4b4b4b;
cursor: pointer;
text-decoration: underline;
}
#troupes .troupe .dates {
margin: 20px 0;
}
#troupes .troupe .dates p {
font-size: 18px;
margin: 0;
color: #EA4F53;
line-height: 1.3em;
}
#troupes .troupe .desc.all_txt_visible span {
display: none;
}
#troupes .troupe .desc.all_txt_visible p {
-webkit-line-clamp: 99;
}
#troupes .troupe .desc:not(.all_txt_visible) > p:not(:first-child) {
display: none;
}
#troupes .troupe > p {
font-size: 14px;
color: #909090;
margin: 5px 0 0 0;
}
#rejoignez {
width: 90%;
max-width: 1120px;
margin: 0 auto 115px;
}
#rejoignez .top {
display: flex;
gap: 40px;
}
#rejoignez .top img {
height: 270px;
border-radius: 40px;
object-fit: cover;
}
#rejoignez .top > img:nth-child(1) {
width: 24.5%;
}
#rejoignez .top > img:nth-child(2) {
width: 51%;
}
#rejoignez .bottom {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 45px;
}
#rejoignez .bottom > div {
width: 49%;
}
#rejoignez h2 + p {
font-weight: 700;
max-width: 350px;
margin: 18px 0 22px 0;
}
#rejoignez .fond {
background: #EA4F53;
color: #FFFFFF;
padding: 55px 60px;
border-radius: 50px;
position: relative;
box-shadow: 0px 15px 20px rgba(234, 79, 83, 0.16);
}
#rejoignez .fond a {
color: #FFFFFF;
}
#rejoignez .fond svg {
position: absolute;
bottom: 55px;
left: 205px;
z-index: -1;
pointer-events: none;
}
#rejoignez .btn {
text-align: right;
margin-top: 80px;
}
#rejoignez .bottom .gauche {
margin-top: -80px;
}
#rejoignez .fond > :first-child {
color: #FFFFFF;
font-size: 38px;
line-height: 1;
margin-bottom: 20px;
}
#benev {
width: 90%;
max-width: 1120px;
margin: 0 auto 100px;
text-align: center;
}
#benev .flex {
display: flex;
justify-content: space-between;
margin-top: 45px;
}
#benev .bloc {
width: 30.5%;
background: #f1f1f1;
border-radius: 50px;
}
#benev > .txt {
display: flex;
flex-direction: column;
align-items: center;
font-weight: 700;
}
#benev .titre {
position: relative;
padding-bottom: 5px;
}
#benev .titre svg {
position: absolute;
right: -52px;
top: -30px;
}
#benev .bloc img {
width: 100%;
height: 360px;
object-fit: cover;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
#benev .bloc .txt {
text-align: left;
padding: 25px 35px;
}
#benev .bloc p {
margin-top: 20px;
color: #909090;
}
#rs {
width: 90%;
max-width: 1120px;
margin: 0 auto 120px;
text-align: center;
}
#rs .flex {
display: flex;
justify-content: space-between;
margin-top: 35px;
position: relative;
}
#rs .flex > iframe {
width: calc(100% - 390px);
height: 500px;
}
#rs .flex > svg:first-child,
#rs .flex > svg:last-child {
position: absolute;
right: 100%;
bottom: -60px;
margin-right: -120px;
pointer-events: none;
}
#rs .flex > svg:last-child {
right: auto;
left: 100%;
bottom: -60px;
margin-left: -210px;
z-index: -1;
}
#affiches {
margin-bottom: 10vw;
}
@media (min-width: 1950px) {
#affiches {
margin-bottom: 8.5vw;
}
}
#affiches .titre {
position: relative;
width: 90%;
max-width: 1120px;
margin: 0 auto;
padding-left: 40px;
}
#affiches .titre svg {
position: absolute;
left: -20px;
top: -48px;
}
#affiches .marquee,
#affiches .inner {
display: flex;
flex-shrink: 0;
}
#affiches img {
height: 325px;
width: auto;
margin-left: 25px;
flex-shrink: 0;
}
body.affiches_charges .inner {
animation: marquee 20s linear infinite;
}
@keyframes marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
#affiches .marquee {
transform: rotate(-5deg);
}
#contact {
background: #EA4F53;
padding: 80px 0 60px;
}
#contact .container {
width: 90%;
max-width: 1120px;
margin: 0 auto;
}
#contact .container > p {
color: #FFFFFF;
margin: 20px 0 -10px 0;
}
#contact h2 {
color: #FFFFFF;
margin-bottom: -10px;
}
#contact input[type="text"],
#contact input[type="email"] {
height: 50px;
}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
border-radius: 15px;
border: none;
padding: 0 30px;
}
#contact .wpforms-layout-column-50 {
width: 48%;
}
#wrapper div.wpforms-container-full button[type=submit] {
background: #000000;
}
#wrapper div.wpforms-container-full button[type=submit]:hover {
background: #4b4b4b !important;
}
#contact textarea {
padding: 25px;
height: 270px;
}
#contact .wpforms-field-label-inline {
color: #FFFFFF;
max-width: 240px;
}
#contact .wpforms-field-label-inline a {
word-break: auto-phrase;
color: #FFFFFF;
}
#contact .wpforms-submit-container {
bottom: 20px;
}
#wrapper div#wpforms-11-field_6-container {
padding-top: 20px;
}
:root {
--wpforms-label-error-color: #FFFFFF;
}
#contact .wpforms-confirmation-container-full {
border-radius: 16px;
}
p.adresse {
font-size: 17px;
margin: 50px 0 30px 0;
}
body:not(.home) footer {
border-top: 1px solid #000000;
}
div.ancre {
scroll-margin-top: 120px;
}
@media (max-width: 1200px) {
#troupes .titre svg {
position: relative;
transform: rotate(-30deg);
top: 0;
right: 0;
}
#troupes > .titre {
display: flex;
flex-direction: column-reverse;
align-items: center;
max-width: 550px;
text-align: center;
gap: 10px;
}
}
@media (max-width: 900px) {
#troupes .troupe {
width: 100%;
}
#rejoignez .bottom {
flex-direction: column;
}
#rejoignez .bottom > div {
width: 100%;
}
#rejoignez .bottom .gauche {
margin-top: 40px;
}
#rejoignez .fond svg {
display: none;
}
#rejoignez h2 + p {
max-width: 100%;
}
#rejoignez .top > img:nth-child(2) {
width: 64%;
}
#rejoignez .top > img:nth-child(1) {
width: 30%;
}
#rejoignez .top img {
height: 30vw;
}
#rejoignez .top {
gap: 0px;
justify-content: space-between;
}
}
@media (max-width: 1200px) {
#benev {
width: 100%;
}
#benev .titre svg {
position: relative;
right: 0;
top: 0;
transform: rotate(-30deg);
}
#benev .titre {
flex-direction: column-reverse;
display: flex;
align-items: center;
}
#benev > .txt {
width: 90%;
margin: 0 auto;
}
#benev .bloc {
width: 360px;
margin-right: 30px;
flex-shrink: 0;
}
#benev .flex > div:first-child {
margin-left: 5vw;
}
#benev .flex {
overflow-x: scroll;
}
#benev .flex::-webkit-scrollbar {
display: none;
}
#rs .flex > svg {
display: none;
}
#rs .fb {
display: none;
}
#rs .flex > iframe {
width: 100%;
height: 56vw;
border-radius: 30px;
}
#rs .flex {
flex-direction: column;
}
.fb_mobile {
background: #EA4F53;
color: #FFFFFF;
padding: 40px;
border-radius: 30px;
box-shadow: 0px 15px 20px rgba(234, 79, 83, 0.16);
display: flex;
flex-direction: column;
align-items: center;
margin-top: 40px;
position: relative;
}
.fb_mobile a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: -9999px;
overflow: hidden;
}
#rs .fb_mobile .titre {
color: #FFFFFF;
margin-top: 20px;
display: block;
line-height: 1;
}
#affiches .marquee {
transform: none;
}
#affiches .titre svg {
position: relative;
left: 0;
top: 0;
transform: rotate(45deg);
}
#affiches .titre {
padding: 0 0 30px 0;
display: flex;
flex-direction: column;
align-items: center;
}
#contact .wpforms-submit-container {
bottom: 0;
text-align: right;
}
}
@media (min-width: 1201px) {
.fb_mobile {
display: none;
}
}
@media (max-width: 900px) {
#contact .wpforms-layout-column-50 {
width: 100%;
}
#contact .wpforms-field-layout-columns {
flex-wrap: wrap;
}
}
@media (max-width: 500px) {
#wrapper div#text > *:not(.wp-block-cover):not(.wp-block-group), 
#wrapper div#text > figure, 
#wrapper div#text > ul,
#wrapper div#text > p,
#qsn, #troupes, #rejoignez, #benev > .txt,
#contact .container, #rs {
width: 87%;
}
#container {
margin: 0px 0px 60px 0px;
}
body:not(.home) #wrapperInner {
padding-top: 45px;
}
div .wpforms-container .wpforms-submit-container {
text-align: center;
margin-bottom: 15px;
}
#wrapper div .wpforms-field-container div.wpforms-field {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 8px;
}
#benev > .txt {
font-weight: 400;
}
#qsn .gauche h2 {
padding: 0 0 20px 0;
}
#qsn .gauche .border {
padding: 20px 30px 30px 30px;
border-radius: 25px;
}
#qsn .gauche {
margin-bottom: 6.5vw;
}
#qsn .gauche .border svg {
height: 50px;
right: 0;
left: 0;
margin: auto;
bottom: -50px;
padding: 0 25px 25px 25px;
}
#qsn {
margin: 55px auto 30px;
}
#troupes .titre svg,
#benev .titre svg,
#affiches .titre svg {
width: auto;
height: 40px;
}
#troupes {
gap: 30px;
margin-bottom: 60px;
}
#troupes .troupe img {
height: auto;
width: 100%;
}
#troupes .troupe {
padding: 0 32px 35px 32px;
}
#troupes .troupe .dates p {
font-size: 16px;
}
#troupes .flex {
row-gap: 45px;
}
#troupes .troupe:before,
#qsn .droite img,
#rejoignez .top img,
#rejoignez .fond,
#benev .bloc {
border-radius: 30px;
}
#benev .bloc img {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
#rejoignez .top img {
height: 26.1vw;
}
#rejoignez .bottom,
#rejoignez .bottom .gauche {
margin-top: 30px;
}
#rejoignez .fond {
padding: 25px 35px;
}
#rejoignez .fond > :first-child {
font-size: 9.5vw;
}
#rejoignez .btn {
text-align: center;
margin-top: 40px;
}
#rejoignez {
margin-bottom: 60px;
}
#benev .bloc img {
height: 87vw;
}
#benev .bloc p {
margin-top: 10px;
}
#benev .bloc .txt {
padding: 20px 30px;
}
#benev, #rs, #affiches {
margin-bottom: 65px;
}
#rs .flex {
margin-top: 25px;
}
.fb_mobile {
margin-top: 6.5vw;
}
body.affiches_charges .inner {
animation-duration: 35s;
}
#contact h2 {
margin-bottom: -10px;
}
#contact input[type="text"], #contact input[type="email"], #contact textarea {
padding: 0 20px;
}
#contact textarea {
padding: 25px;
height: 230px;
}
#contact .wpforms-submit-container {
text-align: center;
}
#contact {
padding: 55px 0 40px;
scroll-margin-top: 35px;
}
#benev .flex {
width: 87%;
margin: 25px auto 0;
flex-direction: column;
gap: 6.5vw;
}
#benev .flex > div:first-child,
#benev .bloc {
margin: 0;
width: 100%;
}
header a.btn:hover {
background: #EA4F53 !important;
}
#top .logo {
left: 6.5vw;
right: 6.5vw;
}
}