/***** fonts et reset *****/
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHtv4kjgoGqM7E_CfNY8HMJmAci.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHtv4kjgoGqM7E_CfNY8H0JmA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfP04WogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfP04WouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4mogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4mouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Cfs1wH8RnA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Cfs7wH8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI42ogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI42ouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPk5GogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPk5GouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOA5WogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOA5WouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOc5mogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOc5mouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfO452ogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfO452ouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E3b_s1wH8RnA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E3b_s7wH8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-ks6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-ks51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3j-ws6VospT4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3j-ws51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveatbrush/v11/EYq0maZfwr9S9-ETZc3fKXt8UrOS43o.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/caveatbrush/v11/EYq0maZfwr9S9-ETZc3fKXt8XLOS.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --main-color: #0078be;
    --main-color-light: #e7f2f7;
    --main-color-light1: #e5f1f7;
    --main-color-light2: #afe2ff;
    --second-color: #00476f;
    --third-color: #f28c00;
    --white: #fff;
    --gray: #a1a1a1;

    --font-main: "Barlow", serif;
    --font-typo: "Caveat Brush", serif;

    --body_font: 400 16px / 30px var(--font-main); 
    --body_font-mobile: 400 15px / 30px var(--font-main);

    --titre-main: 600 50px/60px var(--font-main); 
    --titre-main-tablet: 600 35px/45px var(--font-main);
    --titre-main-mobile: 600 25px/35px var(--font-main);

    --sous-titre: 700 20px/55px var(--font-main);
    --sous-titre-tablet: 700 16px/55px var(--font-main);
    --sous-titre-mobile: 700 14px/50px var(--font-main);
}

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none;}
article, aside, dialog ,figcaption, figure, footer, header, hgroup, main, nav, section { display: block;}  
input, textarea						{ -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0;}
*          							{ outline: none; box-sizing: border-box;}
strong, b							{ font-weight: 600;}
ul									{ list-style-type: none;}
body								{ font: var(--body_font);  letter-spacing: 0.2px; color: var(--second-color); background: linear-gradient(to bottom, var(--white), 200px, var(--main-color-light1)); position: relative; overflow-x: hidden;}
body.active_overflow				{ height: 100vh; overflow: hidden;}
a									{ text-decoration: none; color: #f28c00; position: relative; border-bottom: 1px solid transparent;}
img									{ border: none; }
main 								{ position: relative;}
#wrapper 						{ min-width: 320px; width: 100%; background: url(../images/destination.svg) calc(50% - 180px) 220px no-repeat; background-size: 1700px; overflow: hidden;}
#wrapper *					{ box-sizing: border-box;}
#footer 						{ position: relative; z-index: 15;}

@media (max-width: 1550px) {
#wrapper 							{ background-position: calc(100% - 7.5vw) 180px;}
}
@media (max-width: 1200px) {
#wrapper 							{ background-image: none;}
}
@media (max-width:1000px) {
#wrapper 							{ min-width: 320px; width: 100%; background: none;}
}
@media (max-width:700px) {
body								{ font: var(--body_font-mobile);}
}


/***** scollbar *****/
::-webkit-scrollbar 				{ width: 6px; height: 6px; background-color: var(--white);}
::-webkit-scrollbar-thumb			{ background-color: var(--second-color);}


/***** transition *****/
@media (min-width:1201px) {
.link, :before, :after, a, a span, .logo, .header, .sub { transition: all 400ms ease-in-out;}
main p>a:hover                  { border-color: #f28c00;}                              
}


@keyframes moveCloud {
0%                                  { transform:translateX(-50vw);}
100%                                { transform:translateX(50vw);}
}
@keyframes moveCloudreverse {
0%                                  { transform:translateX(50vw);}
100%                                { transform:translateX(-50vw);}
}



/***** class *****/
.wrapper 							{ width: 90vw; max-width: 1400px; margin: 0 auto; position: relative; clear: both;}
.wrapper_large						{ max-width: 1800px;}
.clear								{ clear: both; display: block;}
.read_more							{ display: inline-block; color: var(--main-color); cursor: pointer; transition: color 300ms ease-in-out;}
.hide 								{ display: none;}
.anchor                             { position: absolute; left: -100px; top: -100px;}

.titre_main	 						{ font: var(--titre-main); position: relative; color: var(--main-color); margin-bottom: 15px; letter-spacing: 0.8px; text-transform: uppercase;}
.titre_main span                    { color: var(--third-color);}
.sous_titre 						{ font: var(--sous-titre); position: relative; color: var(--white); margin-bottom: 15px; border-radius: 5px; padding: 11px 30px; background-color: var(--main-color); text-transform: uppercase; display:inline; box-shadow:0 0 0 var(--main-color), 0 0 0 var(--main-color); box-decoration-break: clone; letter-spacing: 0.6px;}
.sous_titre + p                     { margin-top: 15px;}
.chapo		 						{ font: 400 16px/30px var(--font-main); margin-bottom: 40px;}
.titre                              { font: 500 40px/35px var(--font-typo); letter-spacing: 0; color: var(--main-color);}
.link 								{ font: 700 14px/60px var(--font-main); height: 60px; display: inline-block; vertical-align: top; color: var(--white); padding: 0 30px; background: var(--third-color); text-transform: uppercase; border-radius: 5px; border: none; letter-spacing: 1px; position: relative; cursor: pointer; text-align: center;}
.devis::before                      { content: url(../images/agenda.svg); display: inline-block; vertical-align: middle; margin-right: 10px; line-height: 0; position: relative; top: -2px;}
.play_button                        { position: absolute; width: 80px; height: 80px; z-index: 2; border-radius: 50%; display: grid; align-items: center; justify-content: center; background: var(--white); top: calc(50% - 40px); left: calc(50% - 40px);}
.play_button::before                { content:""; display:inline-block; width:0; height:0; border-style:solid; border-width:12px 0 12px 20px; border-color:transparent transparent transparent var(--third-color); }
video                               { max-width: 100%; max-height: 90vh;}
#video                              { background: none;}

@media (min-width:1201px) {
.link:hover 						{ background-color: var(--main-color);}
.read_more:hover 		            { color: var(--third-color);}
}
@media (max-width:1200px) {
.wrapper 							{ min-width: inherit;}
.titre_main	 						{ font: var(--titre-main-tablet);}
.sous_titre 						{ font: var(--sous-titre-tablet); padding: 13px 25px;}
}

@media (max-width:1000px) {
.wrapper 							{ max-width: 750px;}
}
@media (max-width:700px) {
#wrapper::before                    { display: none;}
.wrapper 							{ width: 85vw;}
.titre_main	 						{ font: var(--titre-main-mobile);}
.titre                              { font-size: 30px; line-height: 40px;}
.sous_titre 						{ font: var(--sous-titre-mobile); padding: 12px 20px;}
.chapo		 						{ font: 400 14px/26px var(--font-main);}
.link 								{ font-size: 13px; width: 100%;}
}
@media (max-width:700px) {
  .sous_titre  { text-transform: none;}
}


/* moving text */
.moving_text 						{ width: 100vw; text-align: center; height: 50px; overflow: hidden; color: var(--white); background: var(--main-color); position: absolute; left: 0; top: 0; transition: top 400ms ease-in-out; z-index: 202;}
.moving_text .row 					{ display: flex;}
.moving_text .item 					{ min-width: 33.33vw; white-space: nowrap; padding: 0 5vw; font: 500 15px/50px var(--font-main); letter-spacing: 0.4px; animation: scroll_text 20s linear infinite;}
.moving_text .item a 				{ color: #fff; display: inline-block; vertical-align: top;}
.moving_text .item a span			{ color: #fff; display: inline-block; vertical-align: top; margin-left: 8px; line-height: 20px; position: relative; padding-left: 32px;}
.moving_text .item a span:after 	{ background: url(../images/infos.svg) center no-repeat #fff; width: 20px; height: 20px; border-radius: 50%; position: absolute; left: 0; top: 0; content: "";}

@keyframes scroll_text {
0%									{ transform: translate(0, 0);}
100% 								{ transform: translate(-100%, 0);}
}
@media (max-width:1800px) {
.moving_text .item 					{ min-width: inherit;}
}
@media (max-width:1200px) {
.moving_text .item 					{ font-size: 12px;}
}
@media (max-width:1200px) {
.moving_text 						{ height: 44px; }
.moving_text .item 					{ line-height: 44px;}
}


/***** header et menu *****/
.header 							{ width: 100%; font-size: 0; line-height: 0; text-align: right; position: fixed; left: 0; top: 0; z-index: 100; transition: all 400ms ease-in-out; background: transparent; /*padding-top: 50px;*/}
.header.page                        { padding-top: 0;}
.header_top                         { position: absolute; top: 35px; right: 170px; z-index: 41; font: 700 12px/30px var(--font-main); letter-spacing: 1px; text-transform: uppercase; color: var(--main-color);}
.header_top>*                       { display: inline-block; vertical-align: top;}
.header_top .tel                    { margin-right: 30px; padding-left: 30px; background: url(../images/tel.svg) left center no-repeat;}
.header_top .langue .active         { color: var(--third-color);}
.header_right                       { display: inline-block; vertical-align: middle; margin-left: 30px; padding: 10px 0;}
.header_right .reservation          { display: inline-block; vertical-align: top; padding: 45px 30px 10px; color: var(--white); text-transform: uppercase; font: 700 14px/34px var(--font-main); letter-spacing: 1px; background: url(../images/agenda.svg) center 20px no-repeat var(--third-color); border-radius: 5px; min-width: 140px; text-align: center;}
.header a                           { display: inline-block; vertical-align: middle; color: var(--main-color);}
.header .logo                       { position: absolute; left: 0; z-index: 90; display: inline-block; top: 30px; transform-origin: top left; line-height: 0; transition: all ease-in-out 400ms;}
.header_nav							{ display:inline-block; vertical-align: middle; position:relative; z-index:40; transition: all ease-in-out 400ms; padding-top: 65px;}
.header_nav .menu       			{ display:inline-block;}
.header_nav .menu>li				{ display:inline-block; vertical-align:middle; margin-left: 35px; position: relative;}
.header_nav .menu li:first-child    { margin: 0;}
.header_nav .menu li a				{ font: 700 14px/60px "Barlow"; color: var(--main-color); text-transform: uppercase; letter-spacing: 1px; height:60px; display: inline-block; transition-property: all;}
.header_nav .menu>li.active>a		{ color:var(--third-color);}
.header_nav .sub					{ width: 230px; margin-left: -115px; position: absolute; top: 100%; left: 50%; display: block; background: var(--main-color);opacity: 0; visibility: hidden; text-align: center;}

.header_nav .sub li					{ width: 100%; margin: 0;}
.header_nav .sub li a				{ width: 100%; font: 500 16px/40px "Barlow"; height: 40px; color: var(--white); display: block; padding: 0 40px; background: none; text-transform: initial;}
.header_nav .menu .sub li.active a	{ color: var(--third-color);}

.sticky .header                     { background: var(--white); top: -50px;}
.sticky .header.page                { top: 0px;}

.sticky:not(.scrolling_top) .header.page         { top: 0;}

 #reservation .header_top          { right: 0;}
.sticky#reservation .header        { top: 0; height: 100px;}
.langue_mobile                     { opacity: 0; transition:opacity 400ms ease-in-out 0ms; }     


@media (max-width:1300px) {
.header_right .reservation          { min-width: 120px;}
.header_nav .menu>li				{ margin-left: 25px;}
}

@media (min-width:1201px) {
.sticky .header .logo               { transform: scale(0.8); top: 20px;}
.header_right .reservation:hover    { background-color: var(--main-color);}
.header_right,
.header_top                         { transition: all ease-in-out 400ms;}
.header_nav .menu .vue_mobile,
.menu_mobile 						{ display: none;}
.header_top a:hover,
.header_nav .menu>li:hover>a,
.link_top .tel:hover,
.header_nav li a:hover			    { color: var(--third-color);}
.header_nav .sub.large:after 		{ display: none}
.header_nav .menu>li:hover>a		{ color: var(--third-color);}
.header_nav .sub li a:hover			{ color: var(--third-color);}
.header_nav .menu li:hover .sub		{ opacity: 1; visibility: visible; z-index: 999;}
.header .link-mobile                { display: none;}
.header_nav .sub:after 				{ width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin: 0 0 0 -5px; transform: rotate(45deg); background: var(--main-color); content: ""; z-index: -1;}
    
    

.sticky:not(.scrolling_top) .header_nav          { padding-top: 0;}
.sticky:not(.scrolling_top) .header_top          { top: -50px; visibility: hidden; opacity: 0;}
.sticky#reservation .header_nav    { padding-top: 10px;}
.sticky#reservation .header_top    { top: 35px; visibility: visible; opacity: 1;}

}

@media (max-width:1200px) {
.header .logo                       { transform: scale(0.8); top: 20px;}
.header                             { z-index: 201;}
.header .logo img                   { width: 190px;}
.header_top                         { right: 260px; z-index: 51; }
.header_right .reservation          { vertical-align: middle; line-height: 60px; padding: 0 30px 0 65px; background-position: 30px center; position: relative; z-index: 51;}
.menu_mobile						{ width:60px; height:60px; display:inline-block; vertical-align:middle; cursor:pointer; position:relative; z-index:60; margin: 10px -10px 10px 5px; transition:height 400ms ease-in-out;}
.menu_mobile div					{ width:40px; height:2px; border-radius: 2px; background:var(--main-color); position:absolute; right:50%; top:50%; margin:-1px -20px 0 0;}
.menu_mobile div:before				{ width:100%; height:2px; border-radius: 2px; background:var(--main-color); position:absolute; right:0; top:7px; content:"";}
.menu_mobile div:after				{ width:100%; height:2px; border-radius: 2px; background:var(--main-color); position:absolute; right:0; top:-7px; content:"";}
.menu_mobile.active div				{ height:0;}
.menu_mobile.active div:before		{ top:0; transform:rotate(45deg);}
.menu_mobile.active div:after		{ top:0; transform:rotate(-45deg);}
.header_nav 	  					{ width:100%; height:100vh; background:linear-gradient(to bottom, var(--white), 200px, var(--main-color-light1)); position:fixed; right:0; top:-120%; overflow-y:scroll; display: flex; flex-direction: column; padding: 200px 0 0; z-index:50; transition:top 400ms ease-in-out 400ms;}
.header_nav.active					{ top:0; transition-delay: 0;}

.header_nav::-webkit-scrollbar		{ display:none;}
.header_nav .menu_top::after        { display: none; }
.header_nav .menu_top li 			{ display: block; margin: 0; padding: 0;}	
.header_nav .menu_top li:after		{ display:none;}
.menu_top                           { font-size: 0; display: inline-block; vertical-align: middle;}
.menu_top a                         { display: inline-block; width: 40px; height: 40px; background: url(../images/tel_rose.svg) no-repeat center;  z-index: 100;}
.header_nav .menu  					  { max-width: 750px; margin: 0 auto; width: 90vw; text-align:left; padding:0; transition:opacity 400ms ease-in-out 0ms; opacity:0;padding: 20px 7.5vw; background: #0078be; border-radius: 10px;}
.header_nav.active .menu			{ opacity:1; transition-delay:800ms; padding: 20px 7.5vw; background: #0078be; border-radius: 10px;}

.header_nav .menu li 				{ width:100%; display:block; margin:0; background: none; padding: 0;}
.header_nav .menu>li>a				{ line-height:50px; font-size: 18px; letter-spacing:0.4px; height:auto; background-position:100% 50%;}
.header_nav .menu li i.active:after	{ opacity:1;}
.header_nav .menu li i				{ width: 40px; background-color: var(--main-color); height: 40px; border-radius: 5px; display: block; margin-top: 5px; position: relative; z-index: 5;float: right;}
.header_nav .menu li i::after       { content: ""; display: block; position: absolute;  transform-origin: center; transition: all ease 400ms; width: 100%; height: 100%; background: url(../images/arrow_down.svg) no-repeat center;}
.header_nav .menu li a	            { background: none; font-weight: 600; line-height: 40px; text-transform: none; color: #ffffff;}
.header_nav .menu li i.active::after{ transform: rotate(180deg);}
/* sous-menu simple */
.header_nav .menu .sub 				{ width: 100%; position: relative; left: auto; top: auto; padding: 15px 0; margin: 0;  opacity: 1; display: none; visibility: visible; z-index: 150;}
.header_nav .menu .sub li  			{ width: 100%;}
.header_nav .menu .sub li a			{ width: 100%; font-size: 16px; line-height: 50px; height: 50px; font-weight: 500; text-align: left; color: var(--white);}


#reservation .menu_mobile           { display: none;}




}

@media (max-width:700px) {
.header .logo                       { top: auto; bottom: 10px;}
.header .logo img                   { width: 160px;}
.header_right .reservation          { width: 50px; height: 50px; background-position: center; padding: 0; line-height: 0; font-size: 0; min-width: 0;}
.header_top                         { position: relative; top: auto; right: auto; padding-top: 10px;}
.header_right                       { padding: 0;}
.header_nav                         { padding: 180px 7.5vw 0; align-content: baseline;}
.header_nav .menu                   { width: 100%;}
.header_nav .menu li a 	        	{ font-size: 14px;}
.header_nav .menu .sub li a 		{ font-size: 14px; line-height: 32px; height: 34px;}

.sticky .header                     { top: -44px;}
.sticky:not(.scrolling_top) .header { top: -88px;}    

#reservation .header_top           { display: none;}

.header_top { display: none;}
.header .logo { bottom: -10px;}
.sticky:not(.scrolling_top) .header { top: -44px;}

.header_nav.active .langue_mobile { opacity: 1; display: block;font: 700 12px / 30px var(--font-main); letter-spacing: 1px; text-transform: uppercase; color: var(--main-color); text-align: left; margin-left: 7.5vw; margin-top: 15px; transition-delay:800ms;}
.langue_mobile a.active { color: var(--third-color); }

.header_right .tel_mobile {    display: inline-block;    vertical-align: middle;    background: url(../images/tel-white.svg) center 20px no-repeat var(--third-color);
    width: 50px;    height: 50px;    background-position: center;    padding: 0;    line-height: 0;    font-size: 0;    min-width: 0; border-radius: 5px; margin-right: 5px; z-index: 51;}

}



.ul_list						    { margin: 20px 0; padding: 5px 0 0 0;}
.ul_list li					        { padding: 7px 0 7px 35px; position: relative; line-height: 30px; background: url(../images/checklist.svg) left 15px no-repeat;}



/***** atout *****/
.atout .titre                   { padding: 0 105px 10px 0; background: url(../images/arrow_1.svg) right bottom no-repeat; display: inline-block; vertical-align: top; margin-bottom: 40px;}
.atout .grid                    { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;}
.atout .item                    { background: var(--white); padding: 40px; border-radius: 30px; position: relative;}
.atout .item p                  { color: var(--second-color); }
.atout .item .icone             { display: grid; align-items: end; height: 70px; margin-bottom: 15px;}
.atout .item .link              { line-height: 40px; height: 40px; padding: 0 15px; font-size: 10px; position: absolute; top: 60px; left: 125px;}
.atout .item .sous_titre        { background: none; color: var(--third-color); font: 500 25px/35px var(--font-main); padding: 0; text-transform: initial; margin-bottom: 10px; display: block;}
.atout .item .arrow             { position: absolute; top: 20px; right: 20px; border-radius: 30px 10px 30px 30px; width: 30px; height: 30px; display: grid; align-items: center; justify-content: center; transition: all 300ms ease-in-out;}
.atout .item .arrow::before     { content: url(../images/arrow_up.svg);}

@media (min-width: 1201px) {
.atout .item                    { transition: all ease-in-out 400ms;}
.atout .item:hover              { box-shadow: 0 0 20px 0 rgba(0, 120, 190, 0.1);}
.atout .item:hover .arrow       { background-color: var(--main-color); width: 60px; height: 60px;}
.atout .item:hover .arrow::before{ filter: brightness(0) invert(1); }
}
@media (max-width: 1366px) {
.atout .grid                    { gap: 25px;}
}
@media (max-width: 1200px) {
.atout .grid                    { grid-template-columns: repeat(3, 1fr);}
.atout .item .link              { display: none;}
}
@media (max-width: 1000px) {
.atout .titre                   { background:none;}
.atout .grid                    { grid-template-columns: 1fr; gap: 10px;}
.atout .item                    { display: grid; grid-template-columns: 110px auto; align-items: center; padding: 0; border-radius: 5px;}
.atout .item .sous_titre        { margin-bottom: 0; font-size: 20px; line-height: 30px;}

.atout .icone                   { margin-bottom: 0; height: 80px; align-items: center; justify-content: center;}
.atout .icone img               { transform: scale(0.7);}
.atout .item .arrow::before     { display: none;}
.atout .item .arrow             { width: 100%; height: 100%; top: 0; left: 0; right: auto;z-index: 3;}
.atout .item p                  { display: none;}
}
@media (max-width: 700px) {
.atout                          { margin: 50px 0;}
.atout .titre                   { margin-bottom: 20px; background-size: 45px; padding-right: 60px; background-position: right 3px;}
.atout .item                    { padding-right: 20px; grid-template-columns: 80px auto;}
.atout .icone img               { transform: scale(0.6);}
.atout .item .sous_titre        { font-size: 16px; line-height: 22px;}
}



.cta                            { background-color: #fff; padding: 20px 60px; border-radius: 10px; text-align: center; }
.cta .titre_main                { font-size: 22px; margin: 0;}




/***** faq *****/
.show_hide 						{ position: relative; margin: 90px 0 100px;} 
.show_hide .sous_titre + .item  { margin-top: 20px;}
.show_hide .item:not(:last-of-type){ border-bottom: none; position: relative; z-index: 1;}
.show_hide .item 				{ border-radius: 5px; background: var(--white); margin-bottom: 10px; }
.show_hide .hide 				{ padding: 5px 60px 25px 30px; display: none;}
.show_hide .hide ul 			{ padding-left: 20px;}
.show_hide .hide p 			{ margin-bottom: 15px;}
.titre_plus 					{ position: relative; cursor: pointer; padding: 15px 80px 15px 30px; transition: all 400ms ease-in-out; border-radius: 5px; font-size: 16px; letter-spacing: 0.6px; font-weight: 400;}
.titre_plus:before				{ width: 40px; height: 40px; background: url("../images/plus.svg") 50% no-repeat var(--third-color); position: absolute; right: 20px; top: calc(50% - 20px); transition: all 400ms ease-in-out; content: ""; border-radius: 50%;}
.titre_plus.active 		{ font-weight: 600; }
.titre_plus.active:before 		{ transform: rotate(135deg); }

@media (max-width:1000px) {
.show_hide .hide 				{ padding: 40px;}
}
@media (max-width:700px) {
.show_hide 						{ margin: 20px 0 40px;} 
.show_hide .sized				{ margin-bottom: 20px;} 
.show_hide .hide 				{ padding: 20px;}
.titre_plus 					{ line-height: 26px; padding: 15px 80px 15px 20px; min-height: 80px; display: grid; align-items: center;}
}









/***** footer*****/
.footer								{ width: 100%; position: relative; color: var(--white); font-size: 0; background-color: var(--main-color); margin-top: 150px; }
.footer::before                     { content: ""; display: block; height: 110px; background: url(../images/shape_footer.svg) bottom right no-repeat transparent; background-size: cover; position: relative; top: -110px;}
.footer>.wrapper                    { padding-top: 20px;}
.footer .titre_main:not(.newsletter .titre_main) { color: #fff; font-size: 40px; line-height: 40px; margin-bottom: 20px;}
.footer .titre_main span:not(.newsletter .titre_main span) { color: #fff; font-weight: 500; font-size: 20px;}
.footer .bloc_footer.coordonnees    { margin-top: 0;}
.footer .bloc_footer 				{ display: inline-block; vertical-align: top; line-height: 30px; margin-right: 100px; font-size: 16px; margin-bottom: 35px;}
.footer .bloc_footer p				{ font-size: 16px; line-height: 32px; letter-spacing: 0.4px; margin-bottom: 10px;}
.footer .bloc_footer p span         { font: 500 20px/25px var(--font-main); display: block; margin-bottom: 10px;}
.footer .bloc_footer p a			{ color: var(--white); text-transform: none; display: inline-block; border: none;}
.footer .bloc_footer ul             { margin-top: 15px;}
.footer .bloc_footer li a           { color: var(--white);}
.footer .bloc_footer li             { margin-bottom: 10px;}
.footer	.rs							{ position: absolute; right: 0; top: 5px;}
.footer	.rs a						{ display: inline-block; vertical-align: top; margin-right: 10px; width: 50px; height: 50px; border-radius: 50%;}
.footer	.rs .facebook			    { background: url(../images/facebook.svg) 50% no-repeat var(--white);}
.footer	.rs .instagram			    { background: url(../images/instagram.svg) 50% no-repeat var(--white);}
.footer	.rs .scroll					{ background: url(../images/scrolltop.svg) center no-repeat var(--white); margin: 0;}
.footer_bottom   					{ padding: 20px 0; line-height: 0; margin-top:40px;}
.footer_bottom li 					{ display: inline-block; font-size: 11px; letter-spacing: 0.8px; line-height: 15px; margin-right: 35px; position: relative;}
.footer_bottom li:last-child        { margin-right: 0;}
.footer_bottom li:not(:last-child):after{ width: 1px; height: 8px; content: ""; position: absolute; right: -18px; top: 4px; background: var(--white);}
.footer_bottom li a 				{ color: var(--white);}

.footer .bloc_footer p span.only-mobile { display: none;}

.toponweb							{ display: block; z-index: 85; position: absolute; right: 0; bottom: -1px; transition: bottom 400ms ease-in-out;}
.toponweb span						{ width: auto; height:60px; display: block;padding: 20px; background:  var(--white); background-size: 200% 100%; background-position: 100% 0;}
.toponweb img						{ width: 74px; height: auto; display: block; margin: 0 auto;}

@media (min-width:1201px) {
.footer .bloc_footer p a:hover,
.footer_bottom li a:hover,
.footer .bloc_footer li a:hover 	{ color: var(--third-color);}
.footer	.rs .facebook:hover         { background: url(../images/facebook_white.svg) 50% no-repeat var(--third-color);}
.footer	.rs .instagram:hover        { background: url(../images/instagram_white.svg) 50% no-repeat var(--third-color);}
.footer	.rs .scroll:hover		    { background: url(../images/scrolltop_white.svg) center no-repeat var(--third-color); margin: 0;}
.toponweb:hover span                { background-color: var(--third-color);}
.toponweb:hover img                 { filter: brightness(0) invert(1);}
}
@media (max-width:1200px) {
.footer								{ width: 100%; position: relative; color: var(--white); font-size: 0; background-color: var(--main-color); margin-top: 150px; }
.footer::before                     {  height: 100px; top: -100px;}
}
@media (max-width:1000px) {
.footer .bloc_footer 				{ margin-right: 40px;}
.footer .footer_link                { display: none;}
.footer_bottom   					{ margin-top: 50px;}
.footer::before                     { height: 90px; top: -90px;}
}
@media (max-width:700px) {
.footer                             { text-align: center;}
.footer::before                     { height: 70px; top: -60px;}
.footer .wrapper                    { margin-top: 10px;}
.footer .titre_main                 { font-size: 30px; line-height: 30px; margin-bottom: 15px;}
.footer .titre_main span            { font-size: 16px;}
.footer .bloc_footer p br,
.footer .footer_link                { display: none !important;}
.footer .bloc_footer 				{ display: block; margin: 0 0 30px;}
.footer .bloc_footer p              { font-size: 15px; line-height: 30px; margin-bottom: 0;}
.footer .bloc_footer p span         { font-size: 18px; margin-bottom: 0;}
.footer	.rs                         { position: static; margin-bottom: 50px;}

.footer_bottom 	 					{ margin-top: 40px; padding: 0 0 20px; text-align: left;}
.footer_bottom li 					{ display: block; margin-right: 0; line-height: 25px; font-size: 11px;}
.footer_bottom li:after				{ display: none;}

.footer .titre_main:not(.newsletter .titre_main) { font-size: 30px; line-height: 30px;}
.footer .bloc_footer p span.only-mobile { display: inline-block; font-size: inherit; margin: inherit;}
}

/*

.link-moins,.link-plus              { cursor:pointer; color: #f28c00;}
.textMore                           { display: none; margin-top: 40px;}
.textMore p:not(:first-of-type)     { margin-top: 15px;}
@media (min-width:1201px) {
.link-moins:hover,.link-plus:hover  { color: #f28c00;}
}
@media (max-width:600px) {
.textMore                           { margin-top: 20px;}
}
*/


/***** inscription newsletter *****/
.newsletter                         { padding: 30px 40px 40px 40px; background-color: var(--white); border-radius: 30px;}
.newsletter .titre_main             { text-transform: initial; color: var(--main-color); font: 500 20px/35px var(--font-main);}
.newsletter .titre_main span        { color: var(--third-color); font: 500 20px/40px var(--font-main);}
.form_newsletter 					{ background: var(--noir); color:#fff;}
.form_newsletter .grid				{ display: grid; grid-template-columns: 1fr 1fr 1fr auto; grid-gap: 10px; width: 100%;}
.form_newsletter input[type="text"],
.form_newsletter input[type="email"]{ border:none; margin:0; height:60px; font:400 15px/20px "Barlow"; letter-spacing:0.4px; padding:0 30px;}
/*.form_newsletter .link				{ margin:0; height: 60px; line-height: 58px; text-align:center; display:block; background:#bb9c51; color:#fff; border:none; cursor:pointer;}*/

.form_newsletter_ok					{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:950;}
.form_newsletter_ok .row			{ width:85vw; max-width:450px; margin:0 auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:20; background:#fff; text-align:center; padding:40px;}
.form_newsletter_ok .row img		{ margin:0 auto 14px auto; display:block;}
.form_newsletter_ok .row p			{ margin-bottom:20px; font-size:14px; line-height:30px; letter-spacing:0.4px; color:#111;}
.form_newsletter_ok .row .link		{ cursor:pointer;}
.form_newsletter_ok .close_bg		{ width:100%; height:100%; background:#111; position:absolute; left:0; top:0; z-index:10; opacity:0.9;}

#rgpdPopupFormTarget 				{ display:none !important;}

@media (min-width:1201px) {
.form_newsletter .link:hover		{ background:#1a1a1a;}
}
@media (max-width:1000px) {
.form_newsletter .grid				{ grid-template-columns:1fr; grid-gap:20px;}
}
@media (max-width:700px) {
.form_newsletter 					{ padding: 0 7.5vw 10px; margin: 0 -7.5vw;}
.form_newsletter .wrapper			{ padding: 0;}
.form_newsletter .titre_main span	{ font-size:18px; line-height:28px;}
.form_newsletter .grid				{ grid-gap:10px;}
.form_newsletter_ok .row			{ padding:7.5vw;}
.newsletter 					    { margin: 0 auto 0;}
.form_newsletter input[type="text"],
.form_newsletter input[type="email"]{ height:50px; padding:0 20px;}
.form_newsletter .link				{ height: 50px; line-height: 48px;}

.newsletter                         { border-radius: 10px; padding: 20px 30px 20px; text-align: left;}
.newsletter .titre_main             { margin-bottom: 10px; font-size: 20px; line-height: 20px;}
.newsletter .titre_main span        { font-size: 20px;}

.form_newsletter input[type="text"],
.form_newsletter input[type="email"]{ font:400 14px/18px "Barlow";}

}