html {
overflow-x: hidden;
}
body {
--black-color: #2E2E28;
--black-color2: #483D35;
--btn-color: #707070;
--green-color: #AAB44F;
--darkgreen-color: #6E7627;
--title-font: roca, sans-serif;
--other-font: open-sans, sans-serif;
margin: 0;
width: 100vw;
overflow-x: hidden;
}
body img {
vertical-align: middle;
}
body * {
font-family: var(--other-font);
font-weight: 400;
font-style: normal;
color: var(--black-color2);
font-size: 18px;
}
@media screen and (max-width: 1080px) {
body * {
font-size: 16px;
}
}
@media screen and (max-width: 600px) {
body * {
font-size: 14px;
}
}
body strong,
body b,
body .bold {
font-weight: bold;
}
body a {
text-decoration: none;
font-weight: bold;
transition: color 0.5s ease;
}
body a:hover {
color: var(--darkgreen-color);
}
body a.white:hover {
color: var(--black-color);
}
body a.green-hover:hover {
color: var(--green-color);
}
body p:not(.title-not-h3):not(.title-not-h2):not(.title-font) {
line-height: 1.95em;
}
@media screen and (max-width: 1080px) {
body p:not(.title-not-h3):not(.title-not-h2):not(.title-font) {
line-height: 1.6em;
}
}
body h1,
body h1 span {
color: var(--darkgreen-color);
font-size: 30px;
font-family: var(--title-font);
}
@media screen and (min-width: 1401px) {
body h1,
body h1 span {
line-height: 2.5rem;
}
}
@media screen and (max-width: 600px) {
body h1,
body h1 span {
font-size: 20px;
}
}
body h2,
body .title-not-h2,
body h2 span {
font-size: 55px;
font-family: var(--title-font);
}
@media screen and (max-width: 1400px) {
body h2,
body .title-not-h2,
body h2 span {
font-size: 40px;
}
}
@media screen and (max-width: 1080px) {
body h2,
body .title-not-h2,
body h2 span {
font-size: 32px;
font-weight: 300;
}
}
@media screen and (max-width: 600px) {
body h2,
body .title-not-h2,
body h2 span {
font-size: 26px;
}
}
body h3,
body .title-not-h3,
body h3 span {
font-size: 34px;
color: var(--green-color);
font-family: var(--title-font);
margin: 15px 0;
}
@media screen and (max-width: 1400px) {
body h3,
body .title-not-h3,
body h3 span {
margin: 30px 0;
}
}
@media screen and (max-width: 1080px) {
body h3,
body .title-not-h3,
body h3 span {
font-size: 23px;
}
}
body .white-div {
background-color: white;
}
body .title-font,
body .title-font span {
font-family: var(--title-font);
font-weight: 400;
font-style: normal;
}
.zindex3 {
z-index: 3;
}
.zindex2 {
z-index: 2;
}
.zindex1 {
z-index: 1;
}
.zindex0 {
z-index: 0;
}
.zindex-1 {
z-index: -1;
}
@media screen and (min-width: 1401px) {
.mt50-1401px {
margin-top: 50px;
}
.mt25-1401px {
margin-top: 25px;
}
.mb50-1401px {
margin-bottom: 50px;
}
.mb25-1401px {
margin-bottom: 25px;
}
}
@media screen and (max-width: 1400px) {
.mt50-1400px {
margin-top: 50px !important;
}
.mt25-1400px {
margin-top: 25px !important;
}
.mb50-1400px {
margin-bottom: 50px !important;
}
.mb25-1400px {
margin-bottom: 25px !important;
}
}
.mt50 {
margin-top: 50px;
}
@media screen and (max-width: 1080px) {
.mt50 {
margin-top: 25px;
}
}
.mt25 {
margin-top: 25px;
}
.mb50 {
margin-bottom: 50px;
}
@media screen and (max-width: 1080px) {
.mb50 {
margin-bottom: 25px;
}
}
.mb25 {
margin-bottom: 25px;
}
.big-title {
font-family: var(--title-font);
font-weight: 400;
font-style: normal;
}
.green-div {
background-color: var(--green-color);
}
.darkgreen-div {
background-color: var(--darkgreen-color);
}
.green,
.green span:not(.darkgreen-1401px):not(.darkgreen),
.darkgreen span.green {
color: var(--green-color);
}
.darkgreen,
.darkgreen span {
color: var(--darkgreen-color);
}
.darkgreen-1401px {
color: var(--green-color);
}
@media screen and (min-width: 1401px) {
.darkgreen-1401px {
color: var(--darkgreen-color);
}
}
.fw-normal {
font-weight: normal;
}
.transition-05 {
transition: all 0.5s ease-in-out;
}
.white,
.white b,
.white a {
color: white;
}
.flex1 {
flex: 1;
}
@media screen and (min-width: 1401px) {
.margin-right10px-1401px {
margin-right: 10px;
}
.margin-top100px-1401px {
margin-top: 100px;
}
.margin-top50px-1401px {
margin-top: 50px;
}
.margin-top10-1401px {
margin-top: 10%;
}
.margin-top5-1401px {
margin-top: 5%;
}
.margin-top3-1401px {
margin-top: 3%;
}
.margin-top2-1401px {
margin-top: 2%;
}
.margin-top1-1401px {
margin-top: 1%;
}
.margin-top0-1401px {
margin-top: 0;
}
.margin-0-1401px {
margin: 0;
}
.margin-bottom0-1401px {
margin-bottom: 0;
}
.margin-bottom1-1401px {
margin-bottom: 1%;
}
.margin-bottom2-1401px {
margin-bottom: 2%;
}
.margin-bottom3-1401px {
margin-bottom: 3%;
}
.margin-bottom5-1401px {
margin-bottom: 5%;
}
.margin-bottom50px-1401px {
margin-bottom: 50px;
}
.margin-bottom100px-1401px {
margin-bottom: 100px;
}
.pl-25px-1401px {
padding-left: 25px;
box-sizing: border-box;
}
.pr-25px-1401px {
padding-right: 25px;
box-sizing: border-box;
}
.pl-50px-1401px {
padding-left: 50px;
box-sizing: border-box;
}
.pr-50px-1401px {
padding-right: 50px;
box-sizing: border-box;
}
.pl-100px-1401px {
padding-left: 100px;
box-sizing: border-box;
}
.pr-100px-1401px {
padding-right: 100px;
box-sizing: border-box;
}
.pl-150px-1401px {
padding-left: 150px;
box-sizing: border-box;
}
.pr-150px-1401px {
padding-right: 150px;
box-sizing: border-box;
}
.order0-1401px {
order: 0;
}
.order1-1401px {
order: 1;
}
.order2-1401px {
order: 2;
}
.order3-1401px {
order: 3;
}
}
@media screen and (max-width: 1400px) {
.text-center-1400px {
text-align: center;
}
.margin-right10px-1400px {
margin-right: 10px;
}
.margin-top100px-1400px {
margin-top: 100px;
}
.margin-top50px-1400px {
margin-top: 50px;
}
.margin-top10-1400px {
margin-top: 10%;
}
.margin-top5-1400px {
margin-top: 5%;
}
.margin-top3-1400px {
margin-top: 3%;
}
.margin-top2-1400px {
margin-top: 2%;
}
.margin-top1-1400px {
margin-top: 1%;
}
.margin-top0-1400px {
margin-top: 0 !important;
}
.margin-0-1400px {
margin: 0;
}
.margin-bottom0-1400px {
margin-bottom: 0 !important;
}
.margin-bottom1-1400px {
margin-bottom: 1%;
}
.margin-bottom2-1400px {
margin-bottom: 2%;
}
.margin-bottom3-1400px {
margin-bottom: 3%;
}
.margin-bottom5-1400px {
margin-bottom: 5%;
}
.margin-bottom50px-1400px {
margin-bottom: 50px;
}
.margin-bottom100px-1400px {
margin-bottom: 100px;
}
.order0-1400px {
order: 0;
}
.order1-1400px {
order: 1;
}
.order2-1400px {
order: 2;
}
.order3-1400px {
order: 3;
}
}
.margin-right10px {
margin-right: 10px;
}
.margin-top100px {
margin-top: 100px;
}
.margin-top50px {
margin-top: 50px;
}
.margin-top10 {
margin-top: 10%;
}
.margin-top5 {
margin-top: 5%;
}
.margin-top3 {
margin-top: 3%;
}
.margin-top2 {
margin-top: 2%;
}
.margin-top1 {
margin-top: 1%;
}
.margin-top0 {
margin-top: 0;
}
.margin-0 {
margin: 0;
}
.margin-bottom0 {
margin-bottom: 0;
}
.margin-bottom1 {
margin-bottom: 1%;
}
.margin-bottom2 {
margin-bottom: 2%;
}
.margin-bottom3 {
margin-bottom: 3%;
}
.margin-bottom5 {
margin-bottom: 5%;
}
.margin-bottom50px {
margin-bottom: 50px;
}
.margin-bottom100px {
margin-bottom: 100px;
}
.pl-25px {
padding-left: 25px;
box-sizing: border-box;
}
.pr-25px {
padding-right: 25px;
box-sizing: border-box;
}
.pl-50px {
padding-left: 50px;
box-sizing: border-box;
}
.pr-50px {
padding-right: 50px;
box-sizing: border-box;
}
.pt-50px {
padding-top: 50px;
box-sizing: border-box;
}
.pb-50px {
padding-bottom: 50px;
box-sizing: border-box;
}
.order0 {
order: 0;
}
.order1 {
order: 1;
}
.order2 {
order: 2;
}
.order3 {
order: 3;
}
.fit-content {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.vertical-middle {
vertical-align: middle;
}
.object-fit-cover {
-o-object-fit: cover;
object-fit: cover;
}
.button-go-up {
background-color: var(--black-color);
border-radius: 20%;
padding: 5px;
text-align: center;
right: 1%;
bottom: calc(50px + 1%);
z-index: 2;
box-shadow: 1px 1px 3px #333;
}
.button-go-up i {
font-size: 2rem;
color: white;
}
.button-go-up:hover {
cursor: pointer;
}
.nav-btn-fixed {
position: fixed;
top: 3.5%;
left: 0.5%;
}
.button-hidden {
display: none;
}
.position-fixed {
position: fixed;
}
.text-decoration-none {
text-decoration: none;
}
.cursor-pointer:hover {
cursor: pointer;
}
#tarteaucitronIcon {
right: auto;
left: 0 ;
bottom: 50px;
}
@media screen and (max-width: 1080px) {
#tarteaucitronIcon {
bottom: 71.5px;
}
}
.position-absolute.top,
.position-fixed.top {
top: 0;
}
.position-absolute.bottom,
.position-fixed.bottom {
bottom: 0;
}
.position-absolute.left,
.position-fixed.left {
left: 0;
}
.position-absolute.right,
.position-fixed.right {
right: 0;
}
/*RESERVATION*/
#reservation {
bottom: 0;
z-index: 4;
box-shadow: 3px 3px 3px black;
border: 1px solid var(--bluelike-color);
background-color: white;
}
#reservation fieldset {
background-color: var(--greylike-color);
border: none;
margin: 15px 30px;
min-width: 200px;
min-height: 35px;
padding: 0;
}
#reservation input:not([type="submit"]) {
border: none;
background-color: transparent;
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
padding: 0;
}
#reservation input:not([type="submit"]):hover {
cursor: pointer;
}
#reservation .input {
height: 100%;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px;
box-sizing: border-box;
}
#reservation .input label {
flex: 1;
}
#reservation input[type="submit"] {
background-color: var(--bluelike-color);
text-transform: uppercase;
color: white;
padding: 10px 75px;
border: unset;
}
#reservation input[type="submit"]:hover {
background-color: black;
}
/*POPUP*/
.popup {
width: 100%;
height: 100%;
z-index: 2147483648;
}
.popup.closed {
display: none;
}
.popup > div.popup-back {
background-color: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.popup > div.popup-main {
height: 100%;
background-color: white;
z-index: 1;
padding: 10px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
.popup > div.popup-main {
height: 80%;
}
}
@media screen and (max-width: 1080px) {
.popup > div.popup-main {
height: unset;
}
}
.popup > div.popup-main a {
padding: 15px;
box-sizing: border-box;
transition: all 0.5s ease-in-out;
}
.popup > div.popup-main a:hover {
background-color: var(--green-color);
color: var(--orange-color);
}
.popup > div.popup-main img {
max-height: 50vh;
}
.popup > div.popup-close {
top: 5%;
right: 5%;
width: 40px;
height: 40px;
padding: 5px;
box-sizing: border-box;
background-color: black;
border-radius: 50%;
}
.popup > div.popup-close div {
height: 30px;
width: 2px;
content: "";
background-color: white;
}
.popup > div.popup-close div:first-of-type {
transform: rotate(45deg);
}
.popup > div.popup-close div:last-of-type {
transform: rotate(-45deg);
}
.popup > div.popup-close:hover div {
background-color: var(--orange-color);
}
#splide01 img {
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
/* HEADER */
header {
position: fixed;
top: 25px;
right: 50px;
z-index: 5;
max-width: 100%;
}
@media screen and (max-width: 1080px) {
header {
right: 10px;
top: 10px;
z-index: 2147483647;
}
}
header > div {
padding: 10px 25px;
box-sizing: border-box;
width: fit-content;
border-radius: 40px;
}
@media screen and (min-width: 1081px) {
header > div {
box-shadow: 1px 1px 1px grey;
}
}
@media screen and (max-width: 1080px) {
header > div {
width: fit-content;
padding: unset;
}
}
header > div::after {
width: 100%;
height: 100%;
position: absolute;
content: "";
left: 0;
top: 0;
z-index: 1;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 40px;
}
@media screen and (max-width: 1080px) {
header > div::after {
display: none;
}
}
header > div > *:not(nav) {
z-index: 2;
}
header > div > a {
margin-right: 25px;
font-weight: 800;
}
header > div > a.tel img {
margin-right: 10px;
}
header > div > .nav-btn {
width: 50px;
height: 50px;
padding: 10px;
box-sizing: border-box;
background-color: var(--black-color);
border-radius: 50px;
transition: all 0.5s ease;
}
header > div > .nav-btn.rotate {
transform: rotate(90deg);
}
header > div > .nav-btn > div div {
width: 25px;
height: 2px;
content: "";
background-color: white;
}
header > div > .nav-btn > div div:not(:last-of-type) {
margin-bottom: 5px;
}
header > div > .nav-btn > div div.mid {
width: 20px;
}
header nav {
position: absolute;
top: 0;
left: 0;
display: none !important;
transition: all 0.5s ease;
padding: 80px 75px 50px 75px;
box-sizing: border-box;
}
header nav > a {
top: 80px;
left: 40px;
z-index: 2;
}
@media screen and (max-width: 600px) {
header nav > a {
top: 90px;
}
}
header nav > a img {
width: fit-content;
}
@media screen and (max-width: 1080px) {
header nav {
right: 0;
left: unset !important;
padding: 30px 30px 50px 30px;
width: 350px !important;
}
}
@media screen and (max-width: 600px) {
header nav {
position: fixed !important;
width: 100vw !important;
height: 100vh ;
left: 0 !important;
right: unset !important;
padding: 70px 4px;
}
}
header nav.show {
display: flex !important;
opacity: 0;
}
header nav::after {
width: 100%;
height: 100%;
position: absolute;
content: "";
left: 0;
top: 0;
z-index: 0;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 40px 40px 220px 220px;
}
@media screen and (max-width: 1080px) {
header nav::after {
border: 1px solid var(--darkgreen-color);
background-color: white;
}
}
@media screen and (max-width: 600px) {
header nav::after {
background-color: var(--darkgreen-color);
border-radius: unset;
}
}
@media screen and (max-width: 600px) {
header nav > div {
height: fit-content;
width: 100%;
position: relative;
padding: 25px 0;
}
header nav > div::after {
width: 100%;
height: 100%;
position: absolute;
content: "";
left: 0;
top: 0;
z-index: 0;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 40px 40px 220px 220px;
}
header nav > div * {
z-index: 1;
}
}
header nav > div a {
font-family: var(--title-font);
font-size: 34px;
margin-bottom: 15px;
}
@media screen and (max-width: 1080px) {
header nav > div a {
font-size: 28px;
}
}
header nav > div a.small {
font-size: 20px;
}
.changeLangue {
flex-wrap: nowrap;
}
.changeLangue a {
font-weight: bold;
}
/*POUR AUGMENTER LA MARGE EN HAUT D'UNE CIBLE, A CAUSE DU HEADER QUI EST FIXE EN HAUT*/
.header-link-target {
scroll-margin-top: 200px;
}
/*INDEX*/
body #body-main #instafeed a {
display: flex;
width: 25%;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 1080px) {
body #body-main #instafeed a {
width: 50%;
padding: 10px;
}
body #body-main #instafeed a img {
height: 400px;
}
}
@media screen and (max-width: 600px) {
body #body-main #instafeed a {
width: 100%;
}
}
@media screen and (min-width: 1081px) {
body #body-main #instafeed a:not(:last-of-type) {
padding-right: 10px;
}
}
body #body-main #instafeed a::after {
position: absolute;
content: "";
width: calc(100% - 100px);
height: calc(100% - 100px);
top: 50px;
left: 50px;
opacity: 0;
transition: opacity 0.5s ease;
background-color: rgba(20, 57, 145, 0.6);
}
body #body-main #instafeed a:hover::after {
opacity: 1;
}
body #body-main #instafeed img {
object-fit: cover;
}
body #body-main form {
width: 49%;
padding: 25px;
box-sizing: border-box;
}
body #body-main form > * {
background-color: #29ABE280;
border-radius: 10px;
padding: 25px;
box-sizing: border-box;
width: 100%;
}
body #body-main form > * label {
color: white;
transition: all 0.5s ease;
}
body #body-main form > * input,
body #body-main form > * textarea {
margin: 20px 0;
width: 100%;
transition: all 0.5s ease;
padding: 10px;
box-sizing: border-box;
}
body #body-main form > * textarea {
min-height: 14rem;
}
body #body-main form > * .label-input-div:has(input:focus) input {
scale: 1.1;
}
body #body-main form > * .label-input-div:has(input:focus) label {
color: #827D76;
}
body #body-main form > * .label-texteare-div:has(textarea:focus) textarea {
scale: 1.05;
}
body #body-main form > * .label-texteare-div:has(textarea:focus) label {
color: var(--bluelike-color);
}
body #body-main form > * button {
background-color: #424144;
padding: 10px 15px;
border: 1px solid grey;
transition: all 0.5s ease;
}
body #body-main form > * button:disabled {
opacity: 0.6;
}
body #body-main form > * button:disabled:hover {
cursor: not-allowed;
}
body #body-main form > * button:not(:disabled) {
opacity: 1;
}
body #body-main form > * button:not(:disabled):hover {
background-color: white;
color: #424144;
}
body #body-main form .message .success,
body #body-main form .message .error {
font-size: 14px;
padding: 10px;
border-radius: 10px;
text-align: center;
margin-bottom: 20px;
border: 1px solid #fff;
}
body #body-main form .message .success {
color: #155724;
background-color: #d4edda;
border-color: #155724;
}
body #body-main form .message .error {
color: #721c24;
background-color: #f8d7da;
border-color: #721c24;
}
body.index .title-big,
body.index .title-big span {
font-size: 89px;
}
@media screen and (max-width: 1400px) {
body.index .title-big,
body.index .title-big span {
font-size: 60px;
}
}
@media screen and (max-width: 1080px) {
body.index .title-big,
body.index .title-big span {
font-size: 40px;
}
}
@media screen and (max-width: 600px) {
body.index .title-big,
body.index .title-big span {
font-size: 26px;
line-height: 1.4em;
}
}
body.index .vague-title .big {
font-size: 34px;
font-family: var(--other-font);
}
@media screen and (max-width: 1080px) {
body.index .vague-title .big {
font-size: 24px;
}
}
@media screen and (max-width: 600px) {
body.index .vague-title .big {
font-size: 16px;
}
}
body.index .vague-title div {
top: 50%;
}
body.index .index-slide img.position-absolute {
top: 50px;
left: 150px;
}
@media screen and (max-width: 1080px) {
body.index .index-slide img.position-absolute {
top: 10px;
left: 10px;
max-width: 40%;
}
}
@media screen and (min-width: 1401px) {
body.index .firstsection > div.row {
max-width: 50%;
}
}
body.index .firstsection > div.row img:not(.br302) {
border-radius: 0 300px 0 0;
}
@media screen and (max-width: 1080px) {
body.index .firstsection > div.row img {
padding-right: 30px;
box-sizing: border-box;
}
}
body.index .firstsection > div.flex-column {
padding-left: 265px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body.index .firstsection > div.flex-column {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body.index .firstsection > div.flex-column {
padding: 0 30px;
}
}
@media screen and (min-width: 1401px) {
body.index .firstsection > div.flex-column p {
max-width: 400px;
}
}
body.index .firstsection > div.flex-column img {
left: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 1400px) {
body.index .firstsection > div.flex-column img {
position: initial !important;
transform: unset;
margin-top: 25px;
}
}
body.index .firstsection > div div.position-absolute {
border-radius: 300px 300px 0 0;
max-width: 530px;
transform: translateX(50%);
padding: 90px 80px 30px 80px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body.index .firstsection > div div.position-absolute {
position: initial !important;
transform: unset;
padding: 0 50px;
border-radius: unset;
background-color: unset;
max-width: unset;
width: 100%;
display: flex;
justify-content: center;
}
body.index .firstsection > div div.position-absolute p {
background-color: var(--green-color);
border-radius: 100px 100px 0 0;
padding: 50px;
max-width: 530px;
}
}
@media screen and (max-width: 1080px) {
body.index .firstsection > div div.position-absolute {
padding: 0 30px;
}
body.index .firstsection > div div.position-absolute p {
padding: 30px;
border-radius: 50px 50px 0 0;
}
}
body.index .index-service {
padding-top: 100px;
}
@media screen and (min-width: 1401px) {
body.index .index-service > div {
padding: 0 150px;
box-sizing: border-box;
}
}
body.index .index-service > div > div {
width: calc(33% - 100px);
text-align: center;
}
body.index .index-service > div > div h3 {
margin-bottom: 0;
}
body.index .index-service > div > div p {
margin: 25px 0;
}
@media screen and (max-width: 1400px) {
body.index .index-service > div > div {
width: 100%;
padding: 0 50px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1080px) {
body.index .index-service > div > div {
padding: 0 30px;
}
}
body.index .index-service > div > div img:not(.herisson) {
border-radius: 200px;
margin-top: 15px;
}
body.index .index-service > div > div img.herisson {
transform: translate(50%);
}
@media screen and (max-width: 1400px) {
body.index .index-hebergements {
padding: 0 30px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1401px) {
body.index .index-hebergements div {
max-width: 80%;
}
}
body.index .index-hebergements img.big {
border-radius: 400px 0;
}
@media screen and (max-width: 1400px) {
body.index .index-hebergements img.big {
border-radius: 100px 0;
}
}
body.index .index-hebergements img.position-absolute {
transform: translate(-60%, 30%);
}
body.index .index-hebergements .vague-title {
bottom: 5%;
left: 20%;
}
@media screen and (max-width: 1080px) {
body.index .index-hebergements .vague-title {
bottom: 15px;
left: 0;
width: 100%;
}
body.index .index-hebergements .vague-title p {
margin-bottom: 0;
}
}
body.index .index-hebergements-2 {
margin-top: 150px;
padding-bottom: 230px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body.index .index-hebergements-2 {
padding-bottom: 50px;
margin-top: 50px;
}
}
body.index .index-hebergements-2 > div.first .position-absolute {
left: 40%;
z-index: -1;
}
@media screen and (max-width: 1400px) {
body.index .index-hebergements-2 > div.first {
order: 2;
margin-top: 25px;
}
}
@media screen and (min-width: 1401px) {
body.index .index-hebergements-2 > div.flex1 {
padding-left: 200px;
box-sizing: border-box;
}
body.index .index-hebergements-2 > div.flex1 div.last {
padding-left: 75px;
box-sizing: border-box;
}
body.index .index-hebergements-2 > div.flex1 div.last h2 {
padding-right: 10px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1400px) {
body.index .index-hebergements-2 > div.flex1 {
order: 1;
}
}
body.index .index-activites-loisirs img:not(.fondvert ):not(.br302) {
border-radius: 380px 0 0 380px;
}
@media screen and (max-width: 1400px) {
body.index .index-activites-loisirs img:not(.fondvert ):not(.br302) {
align-self: end;
}
}
@media screen and (max-width: 1080px) {
body.index .index-activites-loisirs img:not(.fondvert ):not(.br302) {
padding-left: 30px;
box-sizing: border-box;
}
}
body.index .index-activites {
padding: 0 50px;
box-sizing: border-box;
}
@media screen and (min-width: 1401px) {
body.index .index-activites {
padding-top: 250px;
}
}
@media screen and (max-width: 1080px) {
body.index .index-activites {
padding: 0 30px;
}
}
body.index .index-activites .fondvert {
transform: translateY(99%);
object-fit: contain;
}
@media screen and (min-width: 1401px) {
body.index .index-activites > *:not(.fondvert) {
margin-bottom: -230px;
max-width: 56%;
}
}
body.index .index-activites > *:not(.fondvert):not(.zindex0) {
z-index: 1;
}
@media screen and (min-width: 1401px) {
body.index .index-activites .last-text {
padding-left: 100px;
box-sizing: border-box;
}
}
body.index .index-activites .papillon {
top: 45%;
}
@media screen and (max-width: 1400px) {
body.index .index-activites .fleur-ferme {
order: 2;
}
}
body.index .index-service.second {
margin-top: 280px;
}
@media screen and (max-width: 1400px) {
body.index .index-service.second {
margin-top: 150px;
}
}
@media screen and (max-width: 1080px) {
body.index .index-service.second {
margin-top: 100px;
}
}
@media screen and (max-width: 600px) {
body.index .index-service.second {
margin-top: 50px;
}
}
@media screen and (max-width: 1080px) {
body.index .index-service.second > p,
body.index .index-service.second h2 {
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
}
body.index .index-alentours .oiseau {
right: 150px;
top: -10px;
max-width: 30%;
}
body.index .index-alentours .first {
box-sizing: border-box;
}
@media screen and (min-width: 1401px) {
body.index .index-alentours .first {
padding-right: 150px;
}
}
body.index .index-alentours .first img {
border-radius: 0 330px 0 0;
}
@media screen and (min-width: 1401px) {
body.index .index-alentours .first img {
max-width: 42%;
}
}
@media screen and (min-width: 1401px) {
body.index .index-alentours .first h2 {
margin: 0 50px;
}
}
body.index .index-alentours .first div {
padding-left: 70px;
box-sizing: border-box;
height: 100%;
}
@media screen and (max-width: 1080px) {
body.index .index-alentours .first div {
padding-left: 30px;
padding-right: 30px;
}
}
body.index .index-alentours .first p {
padding: 70px 50px;
box-sizing: border-box;
border-radius: 300px;
margin-top: 0;
}
@media screen and (max-width: 1080px) {
body.index .index-alentours .first p {
border-radius: 150px;
padding: 50px 30px;
}
}
@media screen and (min-width: 1401px) {
body.index .index-alentours .first p {
margin-bottom: -20px;
}
}
@media screen and (min-width: 1401px) {
body.index .index-alentours .second {
padding-left: 150px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1401px) {
body.index .index-alentours .second h2 {
margin: 0 50px;
}
}
@media screen and (max-width: 1400px) {
body.index .index-alentours .second h2 {
margin: 50px 0;
}
}
body.index .index-alentours .second div {
padding-left: 70px;
box-sizing: border-box;
height: 100%;
}
@media screen and (min-width: 1401px) {
body.index .index-alentours .second div {
padding-right: 150px;
}
}
@media screen and (max-width: 1400px) {
body.index .index-alentours .second div {
margin-bottom: 50px;
}
}
@media screen and (max-width: 1080px) {
body.index .index-alentours .second div {
padding-left: 30px;
}
}
body.index .index-alentours .second p {
padding: 30px 50px 50px 50px;
box-sizing: border-box;
border-radius: 60px 0 0 60px;
margin: 0;
}
@media screen and (max-width: 1400px) {
body.index .index-alentours .second p {
padding: 30px;
}
}
@media screen and (min-width: 1401px) {
body.index .index-last > div:not(.margin-top0) {
margin-top: 100px;
}
}
body.index .index-last > div h3:not(.mb25):not(.mb50) {
margin: 0;
}
@media screen and (max-width: 1400px) {
body.index .index-last > div h3 {
margin-top: 50x;
}
}
body.index .index-last > div h3 p {
margin: 25px 0;
}
@media screen and (min-width: 1401px) {
body.index .index-last > div > div.flex1 {
padding: 0 50px;
box-sizing: border-box;
}
body.index .index-last > div > div.flex1 div:not(.last) {
margin-bottom: 100px;
}
body.index .index-last > div > div.flex1 .last {
padding-left: 100px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1080px) {
body.index .index-last > div > div.flex1 .link {
align-self: center;
}
}
body.index .index-last > div > div.flex1 div:not(.last) {
margin-bottom: 50px;
}
@media screen and (max-width: 1400px) {
body.index .index-last > div > div.last {
margin-top: 50px;
}
}
@media screen and (max-width: 1080px) {
body.index .index-last > div > div.last .link {
align-self: center;
}
}
body.index .last-index {
font-size: 30px;
font-family: var(--title-font);
}
@media screen and (max-width: 1400px) {
body.index .last-index {
font-size: 24px;
}
}
@media screen and (max-width: 600px) {
body.index .last-index {
font-size: 16px;
}
}
body#notIndex.other .video {
width: 1200px;
max-width: 100%;
border-radius: 250px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other .video {
width: 800px;
}
}
body#notIndex.other .videoslide {
width: 800px;
height: 500px;
max-width: 100%;
border-radius: 250px;
}
body#notIndex.other .camping-slide {
padding-top: 45px;
box-sizing: border-box;
justify-content: space-between !important;
}
body#notIndex.other .camping-slide > img:not(.position-absolute) {
border-radius: 0 600px 600px 0;
max-width: 50%;
}
body#notIndex.other .camping-slide .flex1 {
padding: 0 160px;
max-width: 50%;
box-sizing: border-box;
}
@media screen and (max-width: 1680px) {
body#notIndex.other .camping-slide .flex1 {
padding: 0 120px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other .camping-slide .flex1 {
padding: 0 50px;
}
}
@media screen and (max-width: 600px) {
body#notIndex.other .camping-slide .flex1 {
padding: 0 15px;
}
}
body#notIndex.other .camping-slide .flex1 h2 {
position: relative;
}
@media screen and (max-width: 1680px) {
body#notIndex.other .camping-slide .flex1 h2 {
font-size: 40px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other .camping-slide .flex1 h2 {
margin-top: 15px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other .camping-slide .flex1 h2:not(.noclass)::after {
position: absolute;
left: 50%;
bottom: -15px;
transform: translateX(-50%);
width: 45%;
height: 2px;
background-color: #483D35;
content: "";
}
}
@media screen and (min-width: 1081px) {
body#notIndex.other .campingfirst {
margin-top: 50px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other .campingfirst > div.pr100 {
padding-right: 100px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other .campingfirst > div.pr50 {
padding-right: 50px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other .campingfirst > div {
padding-right: 150px;
box-sizing: border-box;
}
}
body#notIndex.other .campingfirst img:not(.fondvert):not(.brown-back):not(.br302) {
border-radius: 250px;
}
body#notIndex.other .index-activites-loisirs {
padding-bottom: 30px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other .index-activites-loisirs {
margin-bottom: 150px;
padding-bottom: 100px;
box-sizing: border-box;
}
}
body#notIndex.other .index-activites-loisirs div {
padding-left: 100px;
padding-right: 25px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body#notIndex.other .index-activites-loisirs div {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other .index-activites-loisirs div {
padding: 0 30px;
}
}
body#notIndex.other .index-activites-loisirs div p {
padding: 50px 30px;
border-radius: 100px;
box-sizing: border-box;
}
@media screen and (min-width: 1401px) {
body#notIndex.other .index-activites-loisirs div p {
padding: 70px 100px;
margin: 0;
border-radius: 300px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other .index-activites-loisirs div p {
padding: 30px;
border-radius: 50px;
margin-bottom: 30px;
}
}
body#notIndex.other .index-activites-loisirs .fondvert {
transform: translateY(99%);
object-fit: contain;
border-radius: unset;
}
@media screen and (max-width: 1080px) {
body#notIndex.other .index-activites-loisirs .fondvert {
transform: translateY(97%);
}
}
body#notIndex.other .index-activites-loisirs .chaussure {
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
border-radius: unset;
}
body#notIndex.other .index-activites-loisirs .coq {
left: 500px;
transform: translateY(50%);
border-radius: unset;
}
body#notIndex.other .index-last > div > img:not(.noclass):not(.br302) {
border-radius: 0 300px 0 0;
}
@media screen and (max-width: 1400px) {
body#notIndex.other .index-last > div > img:not(.noclass):not(.br302) {
order: 1;
}
}
body#notIndex.other .index-last > div > div.flex1 {
padding: 0 150px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body#notIndex.other .index-last > div > div.flex1 {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other .index-last > div > div.flex1 {
padding: 0 30px;
}
}
body#notIndex.other .index-last > div > div.flex1 img:not(.noclass) {
transform: translateY(-100%);
right: 150px;
}
body#notIndex.other .index-alentours div * {
width: calc(100% - 60px);
margin-left: 30px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other .index-alentours div * {
width: 30%;
margin-left: 17.3%;
font-size: 24px;
text-align: center;
margin-top: -120px;
margin-bottom: 50px;
}
body#notIndex.other .index-alentours div * a {
font-size: 24px;
}
}
body#notIndex.other .index-alentours .oiseau {
top: -50%;
}
@media screen and (min-width: 1401px) {
body#notIndex.other .index-alentours.right h3 {
margin-right: 30px;
font-size: 34px;
width: 45%;
}
}
body#notIndex.other .index-alentours.right .fondvert {
transform: scaleX(-1);
}
body#notIndex.other .index-alentours.right .oiseau {
left: 150px;
right: unset;
top: -100%;
}
@media screen and (min-width: 1401px) {
body#notIndex.other .camping-pourquoi {
margin-bottom: 100px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.services .campingfirst section p {
padding-right: 50px;
}
body#notIndex.other.services .campingfirst section img {
border-radius: unset !important;
transform: translateY(100%);
}
body#notIndex.other.services .index-service {
padding-top: 150px;
padding-bottom: 100px;
box-sizing: border-box;
}
body#notIndex.other.services .index-service > div {
padding: 0 200px;
}
}
body#notIndex.other.services .index-service > div > div {
z-index: 1;
width: calc(50% - 100px);
}
@media screen and (max-width: 1400px) {
body#notIndex.other.services .index-service > div > div {
width: calc(100% - 60px);
margin-left: 30px;
padding: 0;
}
}
body#notIndex.other.services .index-service > div > div img {
border-radius: 300px;
}
body#notIndex.other.services .index-service > div .branche {
left: 50%;
transform: translate(-50%, 20%);
z-index: 0;
}
body#notIndex.other.services .otherdiv {
margin-top: -200px;
background: linear-gradient(transparent 200px, var(--green-color) 200px);
}
body#notIndex.other.services .otherdiv .dessin {
transform: translateX(-20%);
}
@media screen and (max-width: 1080px) {
body#notIndex.other.services .otherdiv {
margin-top: -100px;
background: linear-gradient(transparent 100px, var(--green-color) 100px);
}
body#notIndex.other.services .otherdiv img {
max-height: 500px;
object-fit: contain;
}
}
@media screen and (max-width: 600px) {
body#notIndex.other.services .otherdiv {
margin-top: -300px;
background: linear-gradient(transparent 300px, var(--green-color) 300px);
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.services .camping-pourquoi {
padding-left: 150px;
padding-right: 30px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.services .campingfirst.bien-etre > .flex1 {
padding-right: 125px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.services .campingfirst.bien-etre > .flex1 > div.main {
flex-wrap: wrap;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.services .campingfirst.bien-etre > .flex1 > div.main div {
padding-right: 125px;
box-sizing: border-box;
}
}
body#notIndex.other.services .campingfirst.bien-etre > .flex1 > div.main h3 {
padding: 85px 30px 40px 30px;
box-sizing: border-box;
border-radius: 300px 300px 0 0;
width: 100%;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.services .campingfirst.bien-etre > .flex1 > div.main h3 {
width: 41%;
}
}
@media screen and (max-width: 700px) {
body#notIndex.other.services .campingfirst.bien-etre > .flex1 > div:not(.main) {
justify-content: center;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.activites .campingfirst > div:not(.pr150):not(.pr50) {
padding-right: 250px;
box-sizing: border-box;
}
}
body#notIndex.other.activites .index-activites {
padding: 0 150px;
padding-bottom: 50px;
margin-top: -50px;
background: linear-gradient(transparent 50px, var(--green-color) 50px);
}
@media screen and (max-width: 1400px) {
body#notIndex.other.activites .index-activites {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.activites .index-activites {
padding: 0 30px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.activites .index-activites {
margin-top: -100px;
background: linear-gradient(transparent 100px, var(--green-color) 100px);
}
}
@media screen and (max-width: 600px) {
body#notIndex.other.activites .index-activites {
margin-top: -300px;
background: linear-gradient(transparent 300px, var(--green-color) 300px);
}
}
body#notIndex.other.activites .index-activites > *:not(.fondvert) {
max-width: 100%;
margin-bottom: unset;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.activites .index-activites > *:not(.fondvert).flex1 {
padding-left: 375px;
box-sizing: border-box;
}
}
body#notIndex.other.activites .index-activites > *:not(.fondvert).arbre {
left: 675px;
}
body#notIndex.other.activites .index-last .flex1 {
padding: 0;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.activites .index-last .flex1 {
padding: 0 50px;
}
body#notIndex.other.activites .index-last .flex1 > div {
width: 619px;
}
}
body#notIndex.other.mini-ferme .index-last > div > div.flex1 {
padding-left: 50px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.mini-ferme .index-last > div > div.flex1 {
padding: 0;
}
}
body#notIndex.other.mini-ferme .index-last > div > div.flex1 .row {
box-sizing: border-box;
padding-left: 50px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.mini-ferme .index-last > div > div.flex1 .row {
padding: 0;
}
}
body#notIndex.other.mini-ferme .index-last.last .brown-back {
height: 723px;
width: 100%;
}
body#notIndex.other.mini-ferme .index-last.last .biquette {
right: 150px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.mini-ferme .index-last.last {
padding-bottom: 100px;
box-sizing: border-box;
}
body#notIndex.other.mini-ferme .index-last.last > div {
margin-bottom: 100px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.mini-ferme .index-last.last > div {
margin-bottom: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.mini-ferme .index-last.last > div {
margin-bottom: 25px;
padding-right: 30px;
box-sizing: border-box;
}
}
body#notIndex.other.mini-ferme .index-last.last > div > div.flex1 {
padding: 0 150px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.mini-ferme .index-last.last > div > div.flex1 {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.mini-ferme .index-last.last > div > div.flex1 {
padding: 0 30px;
}
}
body#notIndex.other.mini-ferme .index-activites-loisirs {
background: linear-gradient(transparent 150px, var(--green-color) 150px);
margin-top: -150px;
margin-bottom: 50px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.mini-ferme .index-activites-loisirs {
background-color: var(--green-color);
padding-top: 25px;
margin-top: 0;
margin-bottom: 0;
}
}
body#notIndex.other.mini-ferme .index-activites-loisirs > div {
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.mini-ferme .index-activites-loisirs > div {
max-width: 758px;
}
}
body#notIndex.other.aln .aln-first {
margin-top: 100px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.aln .aln-first {
margin-top: 50px;
}
}
body#notIndex.other.aln .aln-second {
background: linear-gradient(transparent 150px, var(--green-color) 150px);
margin-top: -150px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.aln .aln-second {
background: var(--green-color);
margin-top: 0;
}
}
body#notIndex.other.aln .aln-second .first div img {
margin-top: 200px;
}
body#notIndex.other.aln .aln-second .last img {
border-radius: 300px 0 0 0;
}
body#notIndex.other.aln .index-last {
margin-top: 100px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.aln .index-last {
margin-top: 0;
}
body#notIndex.other.aln .index-last > div {
margin-top: 0 !important;
margin-bottom: 25px !important;
}
body#notIndex.other.aln .index-last > div > div {
padding: 0 !important;
}
}
body#notIndex.other.aln .index-last > div {
margin-top: -30px;
margin-bottom: 100px;
}
body#notIndex.other.aln .index-last > div > div {
padding: 0 50px 0 50px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.aln .aln-hebergements div {
margin-top: 50px;
max-width: 690px;
margin-right: 100px;
}
body#notIndex.other.aln .aln-hebergements img {
transform: translateY(-20%);
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.aln .aln-chevaux div {
padding: 0 100px;
box-sizing: border-box;
}
}
body#notIndex.other.aln .index-service {
margin-top: unset;
}
@media screen and (max-width: 1080px) {
body#notIndex.other.aln .index-service {
padding-top: 0;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.aln .index-service .lastof {
padding-right: 0 !important;
}
}
body#notIndex.other.aln .index-service .lastof p {
box-sizing: border-box;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.aln .index-service .lastof p {
padding: 70px 150px;
margin: 0;
border-radius: 300px;
max-width: 792px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.aln .index-service .lastof p {
padding: 30px;
border-radius: 50px;
margin-bottom: 30px;
}
}
body#notIndex.other.aln .index-service .lastof img {
border-radius: 300px 0 0 0;
}
body#notIndex.other.emplacements .emplacements-first {
background: linear-gradient(transparent 100px, var(--green-color) 100px);
margin-top: -100px;
margin-bottom: -50px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.emplacements .emplacements-first {
margin-bottom: 0;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.emplacements .emplacements-first {
margin-top: 25px;
}
}
body#notIndex.other.emplacements .emplacements-tranquilite {
box-sizing: border-box;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.emplacements .emplacements-tranquilite {
padding-left: 150px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.emplacements .emplacements-tranquilite {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.emplacements .emplacements-tranquilite {
padding: 0 30px;
}
}
body#notIndex.other.emplacements .emplacements-tranquilite > img {
margin: 0 20px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.emplacements .emplacements-tranquilite div {
max-width: 762px;
margin-bottom: -100px;
}
}
body#notIndex.other.emplacements .emplacements-tranquilite div img {
border-radius: 300px 0px 0px 0px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.emplacements .emplacements-tranquilite div img {
margin-bottom: 10px;
}
}
body#notIndex.other.emplacements .emplacements-tranquilite div p {
box-sizing: border-box;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.emplacements .emplacements-tranquilite div p {
padding: 70px 50px 100px 50px;
margin: 0;
border-radius: 60px 0 0 60px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.emplacements .emplacements-tranquilite div p {
padding: 50px;
border-radius: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.emplacements .emplacements-tranquilite div p {
padding: 30px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.emplacements .emplacements-title {
margin-top: 150px;
}
}
body#notIndex.other.emplacements .index-last > div > div.flex1 {
padding: 0 20px;
}
@media (max-width: 1400px) {
body#notIndex.other.emplacements .index-last > div > div.flex1 {
padding: 0;
}
}
body#notIndex.other.emplacements .index-last > div > div.flex1 .margin-bottom0 {
margin-bottom: 0 !important;
}
body#notIndex.other.emplacements .emplacements-last {
box-sizing: border-box;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.emplacements .emplacements-last {
padding-right: 150px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.emplacements .emplacements-last {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.emplacements .emplacements-last {
padding: 0 30px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.emplacements .emplacements-last > div {
padding-right: 40px;
box-sizing: border-box;
}
body#notIndex.other.emplacements .emplacements-last > div > div:not(.dessins) {
padding: 0 150px;
}
body#notIndex.other.emplacements .emplacements-last > div > div:not(.dessins) p {
max-width: 477px;
}
body#notIndex.other.emplacements .emplacements-last > div > div.dessins {
padding-left: 130px;
box-sizing: border-box;
margin-top: 25px;
}
body#notIndex.other.emplacements .emplacements-last > div > div.dessins .casserole {
transform: translateY(-50%);
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.emplacements .emplacements-last > img {
padding: 0 50px;
margin: 25px 0;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.emplacements .emplacements-last > img {
padding: 0 30px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.locatifs .locatifirst {
padding-top: 100px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.locatifs .locatifirst > div > div:first-of-type {
padding-right: 20vw;
box-sizing: border-box;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.locatifs .locatifirst > div > .row {
padding-right: 10vw;
box-sizing: border-box;
}
}
body#notIndex.other.locatifs .index-last > div > div.flex1 {
padding: 0 100px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.locatifs .index-last > div > div.flex1 {
padding: 0;
}
}
@media (min-width: 1401px) {
body#notIndex.other.locatifs .locatifsdiv > div div {
max-width: 455px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.locatifs .locatifsdiv > div div p {
max-width: 50%;
}
}
@media screen and (max-width: 600px) {
body#notIndex.other.locatifs .locatifsdiv > div div p {
max-width: 100%;
}
}
body#notIndex.other.locatifs .locatifsdiv > div div h2 {
text-align: center;
}
@media (min-width: 1401px) {
body#notIndex.other.locatifs .locatifslast div {
padding-left: 100px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.alentours .alentours-icons {
padding-bottom: 100px;
}
body#notIndex.other.alentours .alentours-icons div {
width: 723px;
}
body#notIndex.other.alentours .alentours-icons div img {
transform: translateY(20%);
}
body#notIndex.other.alentours .alentours-terroir > div {
padding-top: 100px;
}
body#notIndex.other.alentours .alentours-terroir > div .flex1 {
padding-right: 150px;
box-sizing: border-box;
}
}
body#notIndex.other.alentours .alentours-activites {
padding-left: 150px;
box-sizing: border-box;
margin-top: -50px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.alentours .alentours-activites {
padding: 0 50px;
margin-top: 25px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.alentours .alentours-activites {
padding: 0 30px;
}
}
body#notIndex.other.alentours .alentours-activites .cheval {
margin: 0 50px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.alentours .alentours-activites-nautiques > .flex1 {
padding-left: 150px;
box-sizing: border-box;
}
body#notIndex.other.alentours .alentours-activites-nautiques > .flex1 div {
padding-right: 200px;
box-sizing: border-box;
}
}
body#notIndex.other.alentours .index-last .biquette {
right: 150px;
top: -25px;
}
body#notIndex.other.alentours .index-activites-loisirs {
padding-top: 50px;
}
body#notIndex.other.alentours .index-activites-loisirs p {
padding: unset;
border-radius: unset;
}
body#notIndex.other.alentours .index-activites-loisirs .papillon {
top: -20%;
}
@media (min-width: 1401px) {
body#notIndex.other.alentours .index-activites-loisirs div {
padding-left: 200px;
padding-right: 150px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.alentours .alentours-fetes {
margin-top: -100px;
}
}
body#notIndex.other.alentours .alentours-fetes > img:not(.blanc) {
top: 200px;
}
body#notIndex.other.alentours .alentours-fetes > div:first-of-type {
background: linear-gradient(transparent 400px, var(--green-color) 400px);
}
@media screen and (max-width: 1400px) {
body#notIndex.other.alentours .alentours-fetes > div:first-of-type {
background: linear-gradient(transparent 200px, var(--green-color) 200px);
}
}
@media screen and (max-width: 600px) {
body#notIndex.other.alentours .alentours-fetes > div:first-of-type {
background: linear-gradient(transparent 100px, var(--green-color) 100px);
}
}
body#notIndex.other.alentours .alentours-fetes > div:first-of-type > div.flex1 {
padding-top: 50px;
box-sizing: border-box;
}
@media screen and (max-width: 600px) {
body#notIndex.other.alentours .alentours-fetes > div:first-of-type > div.flex1 {
padding-top: 15px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.alentours .alentours-fetes > div:first-of-type > div.flex1 {
padding-right: 200px;
}
}
body#notIndex.other.alentours .alentours-fetes > div:last-of-type {
padding-top: 25px;
}
@media (min-width: 1401px) {
body#notIndex.other.alentours .alentours-fetes > div:last-of-type {
justify-content: space-between;
}
body#notIndex.other.alentours .alentours-fetes > div:last-of-type > div {
width: calc(50% - 25px);
}
}
@media screen and (min-width: 601px) {
body#notIndex.other.alentours .alentours-last > div {
padding-top: 75px;
padding-bottom: 50px;
box-sizing: border-box;
}
}
body#notIndex.other.seminaires-groupes .camping-slide > div {
transform: translateY(10%);
}
@media screen and (min-width: 1401px) {
body#notIndex.other.seminaires-groupes .camping-slide > div > * {
max-width: 590px;
}
}
body#notIndex.other.seminaires-groupes .camping-slide > div h2::after {
display: none;
}
@media (min-width: 1401px) {
body#notIndex.other.seminaires-groupes .campingfirst {
margin-top: 150px;
}
}
body#notIndex.other.seminaires-groupes .index-hebergements-2 {
margin-top: 0;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.seminaires-groupes .index-hebergements-2 {
padding-bottom: 25px;
}
}
body#notIndex.other.seminaires-groupes .index-hebergements-2 > div.first .position-absolute {
left: unset;
right: -55%;
}
body#notIndex.other.seminaires-groupes .index-hebergements-2 > div.flex1 {
padding: unset;
}
@media (min-width: 1401px) {
body#notIndex.other.seminaires-groupes .index-hebergements-2 > div.flex1 {
padding-left: 300px;
box-sizing: border-box;
}
}
body#notIndex.other.seminaires-groupes .index-hebergements-2 .libellule {
right: 150px;
top: -50px;
}
body#notIndex.other.seminaires-groupes .index-activites-loisirs {
background: linear-gradient(transparent 150px, var(--green-color) 150px);
margin-top: -150px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.seminaires-groupes .index-activites-loisirs {
margin-top: 0;
background-color: var(--green-color);
}
}
body#notIndex.other.seminaires-groupes .index-activites-loisirs div {
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.seminaires-groupes .index-activites-loisirs div {
padding-right: 200px;
}
}
body#notIndex.other.seminaires-groupes .seminaires-pourquoi div {
margin-top: -100px;
background: linear-gradient(transparent 100px, var(--darkgreen-color) 100px);
}
@media screen and (max-width: 1400px) {
body#notIndex.other.seminaires-groupes .seminaires-pourquoi div {
margin-top: 0;
background-color: var(--darkgreen-color);
}
}
body#notIndex.other.seminaires-groupes .seminaires-pourquoi .oiseau {
top: -50%;
right: 150px;
max-width: 30%;
}
body#notIndex.other.engagements .engagements-first {
margin-top: 150px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.engagements .engagements-first {
margin-top: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.engagements .engagements-first {
margin-top: 25px;
}
}
body#notIndex.other.engagements .engagements-green .first {
max-width: 758px;
}
body#notIndex.other.engagements .engagements-green .first p {
background-color: var(--darkgreen-color);
padding: 125px 12.5%;
border-radius: 200px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.engagements .engagements-green .first p {
border-radius: 150px;
padding: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.engagements .engagements-green .first p {
padding: 30px;
border-radius: 50px;
}
}
body#notIndex.other.engagements .engagements-green .last {
max-width: 698px;
}
body#notIndex.other.engagements .engagements-green .last p:not(.noclass) {
background-color: var(--darkgreen-color);
padding: 125px 12.5%;
border-radius: 300px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.engagements .engagements-green .last p:not(.noclass) {
border-radius: 150px;
padding: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.engagements .engagements-green .last p:not(.noclass) {
padding: 30px;
border-radius: 50px;
}
}
body#notIndex.other.engagements .engagements-green .last div {
transform: translateX(-100px);
}
body#notIndex.other.engagements .engagements-last {
padding-top: 100px;
padding-bottom: 50px;
margin-top: -50px;
}
body#notIndex.other.engagements .engagements-last div.flex1 {
padding: 0 150px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.engagements .engagements-last {
padding-top: 50px;
margin-top: 0;
}
body#notIndex.other.engagements .engagements-last div.flex1 {
padding: 0;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.engagements .engagements-last {
padding: 0;
}
}
body#notIndex.other.contact-acces .engagements-green {
padding-top: 50px;
}
@media screen and (max-width: 1080px) {
body#notIndex.other.contact-acces .engagements-green h2 {
margin: 25px 0;
}
body#notIndex.other.contact-acces .engagements-green p {
margin: 0;
}
body#notIndex.other.contact-acces .engagements-green p:not(:last-child) {
margin-bottom: 25px;
}
}
body#notIndex.other.contact-acces .engagements-green a {
font-weight: normal;
text-decoration: underline;
}
body#notIndex.other.contact-acces .engagements-green a:hover {
color: var(--green-color);
}
@media screen and (min-width: 1401px) {
body#notIndex.other.contact-acces .engagements-green .first p {
width: 768px;
padding: 125px 22.6%;
}
}
body#notIndex.other.contact-acces .engagements-green .last {
max-width: unset;
}
body#notIndex.other.contact-acces .engagements-green .last > *:not(div) {
max-width: 698px;
}
body#notIndex.other.contact-acces .engagements-green .last div {
transform: unset;
}
body#notIndex.other.contact-acces .engagements-green .last p:not(.noclass) {
padding: 70px 65px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.contact-acces .engagements-green .last p:not(.noclass) {
padding: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.contact-acces .engagements-green .last p:not(.noclass) {
padding: 30px;
}
}
body#notIndex.other.contact-acces .contact-main {
padding-top: 100px;
padding-bottom: 100px;
box-sizing: border-box;
}
@media screen and (max-width: 1080px) {
body#notIndex.other.contact-acces .contact-main {
padding: 25px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.contact-acces .contact-main > div {
padding-right: 100px;
box-sizing: border-box;
}
}
body#notIndex.other.contact-acces .contact-main > div iframe {
min-height: 500px;
padding-bottom: 100px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.contact-acces .contact-main > div iframe {
padding-bottom: 25px;
margin-top: 25px;
}
}
body#notIndex.other.contact-acces .contact-main > div form {
background-color: #00000091;
border-radius: 10px;
padding: 50px 25px;
box-sizing: border-box;
}
body#notIndex.other.contact-acces .contact-main > div form .label-input-div {
width: calc(50% - 25px);
}
@media screen and (max-width: 600px) {
body#notIndex.other.contact-acces .contact-main > div form .label-input-div {
width: 100%;
}
}
body#notIndex.other.contact-acces .contact-main > div form .label-input-div > * {
width: 100%;
}
body#notIndex.other.contact-acces .contact-main > div form .label-input-div input {
margin-bottom: 25px;
min-height: 3rem;
}
body#notIndex.other.contact-acces .contact-main > div form .label-input-div input::placeholder {
color: #483D35;
}
body#notIndex.other.contact-acces .contact-main > div form label,
body#notIndex.other.contact-acces .contact-main > div form #btnSubmit {
font-weight: bold;
font-size: 14px;
font-family: var(--other-font);
color: white;
}
body#notIndex.other.contact-acces .contact-main > div form label {
margin-bottom: 25px;
}
body#notIndex.other.contact-acces .contact-main > div form textarea {
width: 100%;
min-height: 8rem;
}
body#notIndex.other.contact-acces .contact-main > div form .captcha-div {
overflow: hidden;
}
body#notIndex.other.contact-acces .contact-main > div form #btnSubmit {
padding: 16px 80px;
box-sizing: border-box;
background-color: #424144;
border: unset;
}
body#notIndex.other.contact-acces .contact-main > div form .message .success,
body#notIndex.other.contact-acces .contact-main > div form .message .error {
padding: 10px;
border-radius: 10px;
text-align: center;
color: white;
}
body#notIndex.other.contact-acces .contact-main > div form .message .success {
background-color: var(--green-color);
}
body#notIndex.other.contact-acces .contact-main > div form .message .error {
background-color: #721c24;
}
body#notIndex.other.contact-acces .contact-main > div form .tarteaucitron-magic-block-recaptcha {
color: white;
}
body#notIndex.other.contact-acces .tarteaucitron-magic-block {
color: white;
}
body#notIndex.other.locatifs-page #index-main > img {
bottom: 110px;
}
body#notIndex.other.locatifs-page #index-main .hidden-xxl > * {
max-width: calc(100% - 100px);
padding: 0 50px;
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main .hidden-xxl > * {
max-width: calc(100% - 60px);
padding: 0 30px;
}
}
body#notIndex.other.locatifs-page .camping-slide::after {
content: "";
width: 100%;
height: calc(100% - 90px);
top: 90px;
background-color: #F9F7F2;
z-index: -2;
position: absolute;
left: 0;
}
body#notIndex.other.locatifs-page .camping-slide .img-div img:not(.position-absolute) {
border-radius: 0 600px 600px 0;
max-width: 50vw;
}
body#notIndex.other.locatifs-page .camping-slide .img-div .position-absolute {
transform: translateX(20%);
top: -45px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.locatifs-page .camping-slide .flex1 {
padding-top: 90px;
padding-bottom: 90px;
}
}
body#notIndex.other.locatifs-page .camping-slide .flex1 *:not(.mt25) {
margin-top: 0;
}
body#notIndex.other.locatifs-page .camping-slide .flex1 *:not(.last):not(div) {
max-width: 633px;
}
body#notIndex.other.locatifs-page .camping-slide .flex1 *:not(.last):not(div):not(:mb25) {
margin-bottom: 15px;
}
body#notIndex.other.locatifs-page .camping-slide .flex1 *.last {
margin-left: -230px;
margin-top: 50px;
}
body#notIndex.other.locatifs-page #index-main > div.hidden-1081px {
padding: 0 30px;
box-sizing: border-box;
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first {
padding: 75px;
box-sizing: border-box;
padding-bottom: 0;
margin-bottom: -300px;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first {
padding: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first {
padding: 30px;
}
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div {
background-color: #F9F7F2;
padding: 75px;
box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div {
padding: 50px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div {
padding: 30px;
}
}
@media screen and (min-width: 1401px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div {
max-width: 405px;
}
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div * {
color: var(--darkgreen-color);
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div.first .big {
font-size: 55px;
font-weight: 800;
margin: 10px 0;
}
@media screen and (max-width: 1400px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div.first .big {
font-size: 40px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div.first .big {
font-size: 30px;
}
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div.first .big.under {
position: relative;
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div.first .big.under::after {
position: absolute;
left: 50%;
bottom: -15px;
transform: translateX(-50%);
width: 150%;
height: 2px;
background-color: #483D35;
content: "";
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.infos > div.first :not(.big) {
font-weight: 800;
margin-bottom: 0;
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 {
width: 100vw;
overflow: hidden;
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__slide {
width: calc(50% - 50px) !important;
padding: 0 25px;
box-sizing: border-box;
display: flex;
justify-content: center;
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__slide {
width: calc(100% - 60px) !important;
padding: 0 30px;
}
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow {
border: 2px solid black;
background-color: white;
opacity: 1;
transition: all 0.5s ease;
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow svg {
transition: all 0.5s ease;
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow:hover {
background-color: var(--darkgreen-color);
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow:hover svg {
fill: white;
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow.splide__arrow--next {
right: calc(25% + 5px);
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow.splide__arrow--next {
right: 15px;
}
}
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow.splide__arrow--prev {
left: calc(25% + 5px);
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main > .loc-p-first > div > div.slide__1 .splide__arrow.splide__arrow--prev {
left: 15px;
}
}
body#notIndex.other.locatifs-page #index-main > .slide-below > div:first-of-type {
padding-top: 200px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.locatifs-page #index-main > .slide-below > div:first-of-type > div {
width: calc(50% - 10px);
}
}
body#notIndex.other.locatifs-page #index-main > .slide-below > div:first-of-type > div .green-text {
padding: 50px 110px;
box-sizing: border-box;
color: white;
flex: 1;
}
@media (min-width: 1401px) {
body#notIndex.other.locatifs-page #index-main > .slide-below > div:first-of-type > div .green-text.padd1 {
padding: 70px 110px;
}
}
@media screen and (max-width: 1400px) {
body#notIndex.other.locatifs-page #index-main > .slide-below > div:first-of-type > div .green-text {
padding: 50px;
border-radius: 100px;
}
}
@media screen and (max-width: 1080px) {
body#notIndex.other.locatifs-page #index-main > .slide-below > div:first-of-type > div .green-text {
padding: 30px;
border-radius: 30px;
}
}
body#notIndex.other.locatifs-page #index-main > .slide-below > div:last-of-type {
margin-bottom: -50px;
}
@media screen and (min-width: 1401px) {
body#notIndex.other.locatifs-page #index-main > .slide-below > div:last-of-type .pl110 {
padding-left: 110px;
box-sizing: border-box;
}
}
@media screen and (max-width: 600px) {
body#notIndex.other.locatifs-page #index-main > .slide-below > div:last-of-type {
margin-bottom: 0;
margin-top: 25px;
}
}
body#notIndex.other.locatifs-page #index-main > .reservation-part {
overflow: hidden;
}
body#notIndex.other.locatifs-page #index-main > .reservation-part > * {
max-width: 100%;
max-height: 300px;
}
body#notIndex.other.locatifs-page #index-main > .index-alentours .notext {
content: "";
height: 100px;
}
@media (max-width: 600px) {
body#notIndex.other.locatifs-page #index-main > .index-alentours .notext {
height: 50px;
}
}
body .link {
color: white;
padding: 5px 15px;
box-sizing: border-box;
font-family: var(--title-font);
border: 1px solid var(--btn-color);
border-radius: 34px;
font-size: 22px;
transition: all 0.5s ease;
font-weight: 100 !important;
}
@media screen and (max-width: 1400px) {
body .link {
font-size: 18px;
}
}
@media screen and (max-width: 600px) {
body .link {
font-size: 14px;
}
}
body .link:hover {
background-color: var(--green-color);
border-color: white;
}
body .margin0 {
margin: 0;
}
body .aic {
align-items: center;
}
body .ais {
align-items: start;
}
body .aie {
align-items: end;
}
body .jcc {
justify-content: center;
}
body .jcs {
justify-content: start;
}
body .jce {
justify-content: end;
}
body .jcsb {
justify-content: space-between;
}
body .jcsa {
justify-content: space-around;
}
body .wrap150 {
padding: 0 150px;
box-sizing: border-box;
}
body .wrap150.pt-25px {
padding-top: 25px;
}
@media screen and (max-width: 1400px) {
body .wrap150 {
padding: 0 50px;
}
}
@media screen and (max-width: 1080px) {
body .wrap150 {
padding: 0 30px;
}
}
body .img-miror {
transform: scaleX(-1);
}
.br302 {
border-radius: 302px;
}
.br250 {
border-radius: 250px;
}
.wrap30 {
padding: 0 30px;
box-sizing: border-box;
}
.brown-back {
height: 873px;
object-fit: cover;
}
.brown-back2 {
height: 723px;
object-fit: cover;
}
.underline {
text-decoration: underline;
}
footer {
padding: 50px 150px 0 150px;
box-sizing: border-box;
}
@media screen and (max-width: 600px) {
footer {
padding: 50px 30px 0 30px;
}
}
footer * {
color: white;
}
footer .mb5 {
margin-bottom: 5px;
}
footer a {
font-weight: normal;
text-decoration: underline;
transition: all 0.5s ease;
}
footer a:hover {
color: var(--darkgreen-color);
text-decoration: none;
}
footer i {
font-size: 30px;
transition: all 0.5s ease;
}
footer i:hover {
color: var(--darkgreen-color);
}
footer > div .first > div .icon {
margin-right: 10px;
height: 100%;
width: 40px;
}
footer > div .first > div p,
footer > div .first > div a {
line-height: unset !important;
margin: 0;
}
footer > div .infos .row {
margin: 10px 0;
}
footer > div .infos .row i:first-of-type {
margin-right: 10px;
}
footer #footer-copy {
padding-top: 50px;
padding-bottom: 25px;
box-sizing: border-box;
}
@media screen and (min-width: 1081px) {
footer #footer-copy {
padding-bottom: 75px;
}
}
@media screen and (max-width: 1080px) {
footer #footer-copy {
padding-bottom: 165px;
}
}
footer #footer-copy #linkW3C {
margin: 0 10px;
}
@media screen and (max-width: 1400px) {
footer #footer-copy #linkW3C {
margin: 15px 0;
}
}
footer #footer-copy a {
text-decoration: none;
}
footer .label img {
height: 150px;
margin: 15px;
border-radius: 25px;
}
.footer__xs {
z-index: 4;
position: fixed;
left: 0;
bottom: 0;
}
@media screen and (min-width: 1081px) {
.footer__xs {
display: none;
}
}
.footer__xs div {
padding: 20px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.footer__xs div:first-of-type {
background-color: #95A688;
}
.footer__xs div:first-of-type a {
font-size: 20px;
text-transform: uppercase;
color: white;
}
.footer__xs div:not(:first-of-type) {
background-color: black;
}
.footer__xs div i {
color: white;
font-size: 30px;
}
/*RGPDS*/
#rgpds-main h1,
#rgpds-main h2,
#rgpds-main h3 {
color: var(--green-color);
}
#rgpds-main p,
#rgpds-main span,
#rgpds-main strong {
color: var(--black-color2);
}
#rgpds-main a {
color: var(--darkgreen-color);
text-decoration: underline;
}
#rgpds-main a:hover {
color: var(--green-color);
font-weight: bold;
}
.mw-63 {
max-width: 63%;
}
/*ANIMATIONS*/
.imgscaledown {
scale: 1;
transition: all 0.5s ease;
transition-property: all !important;
}
.imgscaledown:hover {
scale: 0.9;
}
.card-scale-animation {
overflow: hidden;
}
.card-scale-animation img {
transform: scale(1);
transition: transform 0.5s ease-in;
}
.card-scale-animation:hover img {
transform: scale(1.2);
transition: transform 0.5s ease-in;
}
.opacity0 {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.opacity1 {
opacity: 1;
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.animate__bounceIn {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.animate__animated {
opacity: 0;
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
.imgZoom {
-webkit-animation: zoom__in 20s infinite alternate;
animation: zoom__in 20s infinite alternate;
}
@-webkit-keyframes zoom__in {
to {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
from {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoom__in {
to {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
from {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media screen and (min-width: 1401px) {
.mw50-1401px {
max-width: 50%;
}
}
/*FLEX XXL*/
@media screen and (max-width: 1400px) {
.hidden-1400px {
display: none;
}
}
/*FLEX XL*/
@media screen and (max-width: 1200px) {
.hidden-1200px {
display: none;
}
}
@media screen and (min-width: 1081px) {
.hidden-1081px {
display: none;
}
}
@media screen and (max-width: 1080px) {
.hidden-1080px {
display: none;
}
}
/*FLEX LG*/
@media screen and (max-width: 992px) {
.hidden-990px {
display: none;
}
}
@media screen and (max-width: 800px) {
.hidden-800px {
display: none;
}
}
@media screen and (min-width: 601px) {
.hidden-601px {
display: none;
}
}
@media screen and (max-width: 600px) {
.hidden-600px {
display: none;
}
body #index-main > .col-12 > .col-11 {
width: calc(100% - 60px);
}
}
body .loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(1, 1, 1, 0.85);
z-index: 1;
transition: all 0.5s ease;
}
body .loading-screen.loaded {
display: none;
}
body .loading-screen .loader {
width: 60px;
}
body .loading-screen .loader .loader-wheel {
animation: spin 1s infinite linear;
border: 2px solid rgba(30, 30, 30, 0.5);
border-left: 4px solid #fff;
border-radius: 50%;
height: 50px;
margin-bottom: 10px;
width: 50px;
}
body .loading-screen .loader .loader-text {
color: #fff;
}
body .loading-screen .loader .loader-text::after {
content: 'Loading';
animation: load 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes load {
0% {
content: 'Loading';
}
33% {
content: 'Loading.';
}
67% {
content: 'Loading..';
}
100% {
content: 'Loading...';
}
}
.parallax {
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url("../.jpg");
}
.white-bloc-transition {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 0;
background-color: white;
z-index: 200000000001;
border-top-left-radius: 60%;
border-top-right-radius: 60%;
visibility: hidden;
}
.white-bloc-on-load {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: white;
z-index: 200000000001;
-webkit-animation: second-move-to-top-white-hidden 0.7s 1s ease forwards;
animation: second-move-to-top-white-hidden 0.7s 1s ease forwards;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.green-bloc-on-load {
z-index: 200000000002;
background-color: var(--darkgreen-color);
-webkit-animation: move-to-top-green-hidden 1s 0.5s ease forwards, decrease-radius 0.7s 0.8s ease forwards, move-to-top-white-hidden 0.7s 1.5s forwards;
animation: move-to-top-green-hidden 1s 0.5s ease forwards, decrease-radius 0.7s 0.8s ease forwards, move-to-top-white-hidden 0.7s 1.5s forwards;
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 0;
border-top-left-radius: 60%;
border-top-right-radius: 60%;
}
.animationBeforeChangePage {
-webkit-animation: decrease-radius 0.7s 0.3s ease forwards, move-to-top-visible 1s 0s ease forwards;
animation: decrease-radius 0.7s 0.3s ease forwards, move-to-top-visible 1s 0s ease forwards;
visibility: visible;
}
@-webkit-keyframes decrease-radius {
from {
border-top-left-radius: 60%;
border-top-right-radius: 60%;
}
to {
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}
}
@keyframes decrease-radius {
from {
border-top-left-radius: 60%;
border-top-right-radius: 60%;
}
to {
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}
}
@-webkit-keyframes move-to-top-visible {
from {
height: 0;
}
to {
height: 120vh;
}
}
@keyframes move-to-top-visible {
from {
height: 0;
}
to {
height: 120vh;
}
}
@-webkit-keyframes move-to-top-white-hidden {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -120vh, 0);
transform: translate3d(0, -120vh, 0);
}
}
@keyframes move-to-top-white-hidden {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -120vh, 0);
transform: translate3d(0, -120vh, 0);
}
}
@-webkit-keyframes first-move-to-top-white-hidden {
from {
-webkit-transform: translate3d(0, 100vh, 0);
transform: translate3d(0, 100vh, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes first-move-to-top-white-hidden {
from {
-webkit-transform: translate3d(0, 100vh, 0);
transform: translate3d(0, 100vh, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes second-move-to-top-white-hidden {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -120vh, 0);
transform: translate3d(0, -120vh, 0);
}
}
@keyframes second-move-to-top-white-hidden {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -120vh, 0);
transform: translate3d(0, -120vh, 0);
}
}
@-webkit-keyframes move-to-top-green-hidden {
from {
height: 0;
}
to {
height: 120vh;
}
}
@keyframes move-to-top-green-hidden {
from {
height: 0;
}
to {
height: 120vh;
}
}
#popUpPromo {
position: fixed;
top: 0;
left: 0;
background-color: rgba(99, 100, 102, 0.8);
width: 100%;
height: 100%;
z-index: 21474836460;
cursor: pointer;
}
#popUpPromo * {
box-sizing: border-box;
}
#popUpPromoVisible {
position: fixed;
z-index: 100001;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
#popUpPromoVisible {
left: 0;
transform: translate(0, -50%);
width: 100%;
}
}
#popUpPromoVisible a {
text-decoration: none;
}
.popUpPromoDetail {
position: relative;
width: 100%;
background-color: #fff;
border-radius: 20px;
padding: 20px;
font-size: 18px;
color: #1471a4;
}
@media (min-width: 992px) {
.popUpPromoDetail {
font-size: 1.5em;
}
}
@media (min-width: 1200px) {
.popUpPromoDetail h2 {
font-size: 40px;
}
}
.popUpPromoDetail .text_vert {
color: var(--darkgreen-color);
}
.popUpPromoBtn span.lien {
background-color: #d4a65c;
padding: 15px 25px 10px;
border-radius: 30px;
text-decoration: none;
text-align: center;
margin-top: -26px;
text-transform: uppercase;
font-size: 24px;
color: #fff;
}
.popUpPromoBtn span {
margin-top: 5px;
color: #fff;
font-size: 12px;
}
#popUpPromoClose {
position: absolute;
top: 10px;
right: 10px;
color: #fff;
z-index: 10;
font-size: 30px;
cursor: pointer;
}
/*# sourceMappingURL=styles.css.map */