html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button, input, select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img, video {
  height: auto;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* COLOR */
.ct-pg p a, .ct-pg li a, #ct_home nav li, #menu_aside nav > ul > li, #index header {
  position: relative;
}

.cat_1, .close_site_lateral, #more_info div, #search_menu #valid_search, #ct_faq h2 button, #quizz #valid_quizz, #menu_aside nav > ul > li button, #show_list_ct, #search_ct #valid_form, .show-faq button {
  cursor: pointer;
}

.cat_1, .ct-menu-access > div:last-child a p, #menu_site_lateral > ul li a, #menu_site_lateral > ul li button, #ct_faq h2 button, .ct-pg th, #fil_ariane a, .direct-access a, .direct-access h2, h2, h1, #header_menu ul li a, #select_ct h2 {
  text-transform: uppercase;
}

.cat_1, #ct_faq h2 button, #quizz legend, .direct-access h2, h2, h1 {
  font-family: "Ubuntu", "Arial", sans-serif;
}

#btn_delete_contact, .ct-menu-access > div:last-child a p, #back_ct_choice a, .liens-footer li, #more_info div, #menu_site_lateral > ul li a, #menu_site_lateral > ul li button, #groupe_menu li a, #bourse_menu li a, #search_menu #valid_search, #search_menu #input_search, #quizz #valid_quizz, #quizz .result-quizz, #quizz .answer, #quizz label, #quizz li, .ct-pg p, .ct-pg li, .ct-pg td, .ct-pg th, .ct-pg caption, #fil_ariane a, #fil_ariane, .direct-access a, #ct_home nav a, #menu_aside nav > ul > li, .show-faq button {
  font-family: "Roboto", "Arial", sans-serif;
}

.cat_1, #accueil_offre h1, #accueil_peg h1, #accueil_groupe h1, h2 {
  background: linear-gradient(102.4deg, #219cdc, #004690 81.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@font-face {
  font-family: "loveloblack";
  src: url("webfonts/lovelo-black-webfont.eot");
  src: url("webfonts/lovelo-black-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/lovelo-black-webfont.woff2") format("woff2"), url("webfonts/lovelo-black-webfont.woff") format("woff"), url("webfonts/lovelo-black-webfont.ttf") format("truetype"), url("webfonts/lovelo-black-webfont.svg#loveloblack") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "loveloline_bold";
  src: url("webfonts/lovelo-linebold-webfont.eot");
  src: url("webfonts/lovelo-linebold-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/lovelo-linebold-webfont.woff2") format("woff2"), url("webfonts/lovelo-linebold-webfont.woff") format("woff"), url("webfonts/lovelo-linebold-webfont.ttf") format("truetype"), url("webfonts/lovelo-linebold-webfont.svg#loveloline_bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "loveloline_light";
  src: url("webfonts/lovelo-linelight-webfont.eot");
  src: url("webfonts/lovelo-linelight-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/lovelo-linelight-webfont.woff2") format("woff2"), url("webfonts/lovelo-linelight-webfont.woff") format("woff"), url("webfonts/lovelo-linelight-webfont.ttf") format("truetype"), url("webfonts/lovelo-linelight-webfont.svg#loveloline_light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gotham-BlackItalic";
  src: url("webfonts/38DE3E_0_0.eot");
  src: url("webfonts/38DE3E_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_0_0.woff2") format("woff2"), url("webfonts/38DE3E_0_0.woff") format("woff"), url("webfonts/38DE3E_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Black";
  src: url("webfonts/38DE3E_1_0.eot");
  src: url("webfonts/38DE3E_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_1_0.woff2") format("woff2"), url("webfonts/38DE3E_1_0.woff") format("woff"), url("webfonts/38DE3E_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-BoldItalic";
  src: url("webfonts/38DE3E_2_0.eot");
  src: url("webfonts/38DE3E_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_2_0.woff2") format("woff2"), url("webfonts/38DE3E_2_0.woff") format("woff"), url("webfonts/38DE3E_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Bold";
  src: url("webfonts/38DE3E_3_0.eot");
  src: url("webfonts/38DE3E_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_3_0.woff2") format("woff2"), url("webfonts/38DE3E_3_0.woff") format("woff"), url("webfonts/38DE3E_3_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-LightItalic";
  src: url("webfonts/38DE3E_4_0.eot");
  src: url("webfonts/38DE3E_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_4_0.woff2") format("woff2"), url("webfonts/38DE3E_4_0.woff") format("woff"), url("webfonts/38DE3E_4_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Light";
  src: url("webfonts/38DE3E_5_0.eot");
  src: url("webfonts/38DE3E_5_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_5_0.woff2") format("woff2"), url("webfonts/38DE3E_5_0.woff") format("woff"), url("webfonts/38DE3E_5_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Medium";
  src: url("webfonts/38DE3E_6_0.eot");
  src: url("webfonts/38DE3E_6_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_6_0.woff2") format("woff2"), url("webfonts/38DE3E_6_0.woff") format("woff"), url("webfonts/38DE3E_6_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-MediumItalic";
  src: url("webfonts/38DE3E_7_0.eot");
  src: url("webfonts/38DE3E_7_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_7_0.woff2") format("woff2"), url("webfonts/38DE3E_7_0.woff") format("woff"), url("webfonts/38DE3E_7_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-RegularItalic";
  src: url("webfonts/38DE3E_8_0.eot");
  src: url("webfonts/38DE3E_8_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_8_0.woff2") format("woff2"), url("webfonts/38DE3E_8_0.woff") format("woff"), url("webfonts/38DE3E_8_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Regular";
  src: url("webfonts/38DE3E_9_0.eot");
  src: url("webfonts/38DE3E_9_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_9_0.woff2") format("woff2"), url("webfonts/38DE3E_9_0.woff") format("woff"), url("webfonts/38DE3E_9_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Thin";
  src: url("webfonts/38DE3E_A_0.eot");
  src: url("webfonts/38DE3E_A_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_A_0.woff2") format("woff2"), url("webfonts/38DE3E_A_0.woff") format("woff"), url("webfonts/38DE3E_A_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-ThinItalic";
  src: url("webfonts/38DE3E_B_0.eot");
  src: url("webfonts/38DE3E_B_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_B_0.woff2") format("woff2"), url("webfonts/38DE3E_B_0.woff") format("woff"), url("webfonts/38DE3E_B_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-UltraItalic";
  src: url("webfonts/38DE3E_C_0.eot");
  src: url("webfonts/38DE3E_C_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_C_0.woff2") format("woff2"), url("webfonts/38DE3E_C_0.woff") format("woff"), url("webfonts/38DE3E_C_0.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Ultra";
  src: url("webfonts/38DE3E_D_0.eot");
  src: url("webfonts/38DE3E_D_0.eot?#iefix") format("embedded-opentype"), url("webfonts/38DE3E_D_0.woff2") format("woff2"), url("webfonts/38DE3E_D_0.woff") format("woff"), url("webfonts/38DE3E_D_0.ttf") format("truetype");
}
html {
  font-size: 62.5%;
}

body {
  width: clamp(300px, 100%, 1200px);
  margin: auto;
  font-size: 1.8rem;
}

button {
  text-align: left;
}

.show-faq button {
  font-size: 1.3rem;
  font-weight: 400;
  background: none;
  border: 0;
}

#accessibilite h3, #accessibilite h4, #accessibilite h5 {
  font-size: 2.5rem;
  font-family: "Gotham-Bold", "Arial", sans-serif;
  margin: 15px 0;
}

.red {
  color: #E4003A;
}

.orange {
  color: #EC6608;
}

.strong, strong * {
  font-weight: 600 !important;
}

.li-style-none {
  list-style-type: none !important;
}

.error {
  padding: 5px;
  text-align: center;
  background-color: #E4003A;
  color: #ffffff;
  font-family: "Gotham-Bold", "Arial", sans-serif;
  font-size: 1.1rem;
  margin-top: 15px;
  border-radius: 5px;
}

main {
  width: 100%;
}

#index {
  background-size: 100%;
}
#index header {
  margin-top: 76px;
}
#index h1 {
  font-family: "loveloline_bold", "Arial", sans-serif;
  font-size: 6rem;
  margin: 0;
  padding: 0;
  color: #ffffff;
  line-height: 6rem;
  z-index: 10;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
#index h1::after {
  display: none;
}
#index h2 {
  color: #ffffff;
  font-size: 2.2rem;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  margin: 0;
}
#index .parallelogramme {
  position: absolute;
  right: 100px;
  top: -250px;
  max-width: 400px;
  background: linear-gradient(30deg, #17428C 0%, #0095D4 100.6%);
  padding: 40px;
}

#select_ct h2, #select_ct strong {
  font-family: "Gotham-Bold", "Arial", sans-serif;
}
#select_ct p, #select_ct h2 {
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: normal;
}
#select_ct h2 {
  margin-top: 15px;
  margin-bottom: 5px;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
#select_ct p {
  font-family: "Gotham-Medium", "Arial", sans-serif;
}

#edit_textes_menu {
  padding: 50px;
}
#edit_textes_menu p {
  font-size: 1.8rem;
}

#search_ct {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#search_ct #input_country {
  border: 1px solid #ffffff;
  padding: 2px 5px;
  font-family: "Gotham-Medium", "Arial", sans-serif;
  font-size: 1.3rem;
  width: 90%;
}
#search_ct #valid_form {
  color: #ffffff;
  font-family: "Gotham-Bold", "Arial", sans-serif;
  background: none;
  font-size: 1.1rem;
  border: 0;
  border-bottom: 1px solid #ffffff;
  padding: 0;
  margin: 0;
}

#show_list_ct button {
  font-size: 1.4rem;
  font-family: "Gotham-Bold", "Arial", sans-serif;
  background: none;
  color: #ffffff;
  border: 0;
  border-bottom: 1px solid #ffffff;
  margin-top: 15px;
}
#show_list_ct li button {
  color: #17428C;
}
#show_list_ct:focus-within #list_ct {
  display: block;
}

#list_ct {
  width: 100%;
  background-color: #ffffff;
  max-height: 300px;
  overflow: auto;
  padding: 5px 15px;
  border-left: 3px solid #17428C;
  display: none;
}
#list_ct li {
  margin-top: 5px;
}
#list_ct li a {
  font-size: 1.5rem;
  color: #000000;
  font-family: "Gotham-Medium", "Arial", sans-serif;
  transition: 0.3s ease-in-out;
}
#list_ct li a:hover {
  color: #17428C;
  text-decoration: underline;
}

#menu_aside {
  width: 80px;
  background-color: #000000;
  height: 100vh;
  z-index: 1000;
  position: sticky;
  top: 0;
}
#menu_aside nav > ul {
  width: 80px;
  background-color: #000000;
  height: 100vh;
}
#menu_aside nav > ul > li {
  text-align: center;
  padding: 25px 0;
  border-bottom: 3px solid #B2B2B2;
  color: #ffffff;
  font-weight: 100;
  font-size: 1.2rem;
}
#menu_aside nav > ul > li button {
  background-color: #000000;
  border: 0;
}
#menu_aside nav > ul > li button:focus {
  border: 1px solid #ffffff;
}
#menu_aside nav > ul > li a {
  display: block;
}
#menu_aside nav > ul > li a:focus {
  border: 1px solid #ffffff;
}

#ct_site {
  display: flex;
}
#ct_site #main_site {
  width: 1120px;
}

#ct_home {
  margin-top: 15px;
  display: flex;
}
#ct_home nav li {
  width: 205px;
  height: 150px;
  display: flex;
  align-items: center;
  margin-top: -15px;
}
#ct_home nav li:nth-child(1) {
  margin-top: 0;
}
#ct_home nav li:nth-child(1) a {
  font-weight: 400;
}
#ct_home nav img {
  display: block;
  margin-bottom: 15px;
  position: absolute;
  top: 20px;
  right: 20px;
}
#ct_home nav a {
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 10px;
  display: block;
  line-height: 1.5rem;
}
#ct_home nav a strong {
  font-weight: 700;
}

#header_menu ul {
  margin-left: 40px;
}
#header_menu ul li:not(:first-child) {
  margin-right: 37px;
}
#header_menu ul li:first-child {
  margin-right: 85px;
}
#header_menu ul li a {
  color: #706F6F;
  font-size: 1.2rem;
  font-family: "Gotham-Bold", "Arial", sans-serif;
}

.menu_home {
  padding: 50px;
}

h1 {
  background: linear-gradient(102.4deg, #219cdc, #004690 81.98%);
  color: #ffffff;
  padding: 10px;
  font-weight: 600;
  font-size: 3.4rem;
}

h2 {
  font-weight: 600;
  font-size: 2.4rem;
  margin-top: 30px;
  margin-bottom: 30px;
}

.direct-access {
  background: linear-gradient(115.12deg, #137bb7, #00448a);
  padding: 10px 20px;
  border-radius: 10px;
}
.direct-access h2 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #ffffff;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.direct-access li {
  padding: 10px 0;
}
.direct-access li::before {
  content: " ";
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}
.direct-access a {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 500;
}
.direct-access a:focus {
  border: 1px solid #ffffff;
}
.direct-access a:hover {
  text-decoration: underline;
}

#fil_ariane {
  padding: 50px;
  padding-bottom: 0;
  color: #ffffff;
  margin-top: 30px;
  background: linear-gradient(102.4deg, #219cdc, #004690 81.98%);
  padding-bottom: 30px;
  text-transform: uppercase;
}
#fil_ariane li {
  font-size: 1.3rem;
  font-weight: 400;
  color: #ffffff;
}
#fil_ariane a {
  font-weight: 400;
  color: #ffffff;
  font-size: 1.3rem;
}

.ct-pg {
  padding: 50px;
}
.ct-pg p, .ct-pg li, .ct-pg td, .ct-pg th, .ct-pg caption {
  font-size: 1.8rem;
  margin-top: 15px;
  font-weight: 400;
}
.ct-pg li {
  margin-left: 40px;
  margin-top: 5px;
  list-style-type: disc;
}
.ct-pg strong, .ct-pg th {
  font-weight: 600;
}
.ct-pg em {
  font-style: italic;
  font-size: 1.4rem;
  font-weight: 100;
}
.ct-pg h1 {
  margin-bottom: 30px;
  background: linear-gradient(102.4deg, #219cdc, #004690 81.98%);
  color: #ffffff;
  padding: 10px;
  margin-left: -50px;
  padding: 50px;
  margin-top: -50px;
  width: calc(100% + 100px);
}
.ct-pg p a, .ct-pg li a {
  color: #E4003A;
  display: inline-block;
}
.ct-pg p a::after, .ct-pg li a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #E4003A;
  transition: 0.5s ease-in-out;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.ct-pg p a:hover::after, .ct-pg li a:hover::after {
  width: 100%;
}

.focus-abondement, .dates-cles {
  background-color: #17428C;
  padding: 25px;
  padding-left: 75px;
  border-radius: 15px;
  margin: 15px 0;
  margin-left: 88px;
  margin-top: 30px;
}
.focus-abondement p, .dates-cles p {
  color: #ffffff;
}
.focus-abondement p:first-child, .dates-cles p:first-child {
  margin-top: 0;
}
.focus-abondement h2, .dates-cles h2 {
  color: #ffffff;
  margin-top: 0;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background: none;
}

.focus-abondement:before {
  content: "";
  background: url("https://assets.peg.saint-gobain.com/xnet/2026/images/macaron.png") center no-repeat;
  display: block;
  width: 180px;
  height: 180px;
  background-size: 130px;
  position: absolute;
  left: -100px;
  top: -20px;
}
.focus-abondement p {
  font-size: 1.8rem !important;
}

#simulator .focus-abondement p {
  font-size: 1.8rem !important;
}

.dates-cles {
  margin-left: 0;
  padding-left: 25px;
}

.abondement-formule {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.abondement-formule div {
  width: 48%;
}
.abondement-formule div table {
  margin-top: 30px;
  border-collapse: collapse;
  border-radius: 15px;
  overflow: hidden;
  position: initial;
  border-collapse: separate;
  border-spacing: 0;
}
.abondement-formule div table tr:first-child, .abondement-formule div table tr:last-child {
  color: #ffffff;
}
.abondement-formule div table tr:first-child td, .abondement-formule div table tr:last-child td {
  font-weight: 600;
}
.abondement-formule div table tr:first-child th, .abondement-formule div table tr:last-child th {
  padding: 10px;
  font-size: 1.4rem;
}
.abondement-formule div table tr td {
  background-color: #efefef;
  padding: 10px;
  width: 33% !important;
  text-align: center;
  font-size: 1.4rem !important;
}
.abondement-formule div:first-child p > strong {
  color: #EC6608;
}
.abondement-formule div:first-child table tr:first-child td, .abondement-formule div:first-child table tr:first-child th, .abondement-formule div:first-child table tr:last-child td, .abondement-formule div:first-child table tr:last-child th {
  background-color: #EC6608;
  border: 0;
}
.abondement-formule div:first-child table tr td {
  border-bottom: 1px solid #EC6608;
}
.abondement-formule div:last-child p > strong {
  color: #E4003A;
}
.abondement-formule div:last-child table tr:first-child td, .abondement-formule div:last-child table tr:first-child th, .abondement-formule div:last-child table tr:last-child td, .abondement-formule div:last-child table tr:last-child th {
  background-color: #E4003A;
  border: 0;
}
.abondement-formule div:last-child table tr td {
  border-bottom: 1px solid #E4003A;
}

.abd-f-sim table tbody tr td {
  background-color: #efefef !important;
  color: #000000;
}

#quizz fieldset {
  border: 0;
}
#quizz legend {
  font-size: 1.9rem;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 10px;
}
#quizz div {
  margin-top: 30px;
}
#quizz label, #quizz li {
  font-size: 1.5rem;
  font-weight: 400;
}
#quizz .answer {
  font-size: 1.5rem;
  font-weight: 400;
}
#quizz .result-quizz {
  padding: 15px;
  margin: 10px 0;
  border: 1px solid #efefef;
  color: #ffffff;
  border-radius: 5px;
  font-weight: 400;
  font-size: 1.7rem;
}
#quizz .quizz-success {
  background-color: #17428C;
}
#quizz .quizz-error {
  background-color: #E4003A;
}
#quizz #valid_quizz {
  background: linear-gradient(102.4deg, #219cdc, #004690 81.98%);
  padding: 15px;
  color: #ffffff;
  margin-top: 30px;
  font-weight: 600;
  font-size: 1.8rem;
  border-radius: 50px;
  width: 200px;
  text-align: center;
  transition: background 0.5s 0.5s ease-in-out, color 0.2s ease-in;
  border: 1px solid #17428C;
}
#quizz #valid_quizz:hover {
  background: #ffffff;
  color: #17428C;
}

.list-applis {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.list-applis > li {
  width: 70%;
}
.list-applis > li li {
  list-style-type: circle;
}
.list-applis > li:first-child, .list-applis > li:last-child {
  width: 15%;
}
.list-applis > li:first-child li, .list-applis > li:last-child li {
  list-style-type: none;
}

#ct_faq h2 {
  border-bottom: 1px solid #17428C;
  padding-bottom: 10px;
  width: fit-content;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
#ct_faq h2 button {
  background: none;
  border: 0;
  font-weight: 100;
  color: #17428C;
  font-size: 2.4rem;
  margin-top: 30px;
  font-weight: 600;
}
#ct_faq li {
  list-style-type: disc;
}
#ct_faq td {
  padding: 10px;
}
#ct_faq table th, #ct_faq table td {
  padding: 10px;
}
#ct_faq table th {
  background-color: #ddd;
}

#tab_eligible caption {
  background-color: #17428C;
  color: white;
  font-weight: 600;
}

#epargne_info caption {
  background-color: #17428C;
  color: white;
  font-weight: 600;
}
#epargne_info tr:nth-child(1) td, #epargne_info tr:nth-child(5) td {
  background-color: #17428C;
  color: white;
  font-weight: 600;
}

.splide__pagination__page.is-active {
  background: #E4003A !important;
  border: 1px solid #222;
}

.splide {
  overflow: hidden;
  text-align: center;
}

.splide__pagination {
  bottom: initial !important;
}

.splide__arrows {
  top: 50%;
  width: 95%;
  left: 2.5%;
}

.validate-website {
  background-color: green;
  padding: 5px;
  color: #ffffff;
  border: 1px solid #000000;
  border-radius: 5px;
  margin: 10px;
  display: block;
  width: 100px;
  text-align: center;
}

.menu-lateral-subnav {
  position: absolute;
  left: 80px;
  z-index: 1000;
  background-color: #000000;
  height: 100%;
  top: 3px;
  padding: 15px;
  width: 330px;
  border-bottom: 3px solid #B2B2B2;
  display: none;
  text-transform: uppercase;
}

#search_menu #input_search {
  width: 300px;
  margin-bottom: 5px;
  font-size: 1.5rem;
  padding-left: 1rem;
}
#search_menu #valid_search {
  background-color: #ffffff;
  color: #17428C;
  padding: 0 10px;
  font-size: 1.5rem;
  border: 0;
}
#search_menu #valid_search:focus {
  border: 1px double #ffffff;
}

#groupe_menu li, #bourse_menu li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#groupe_menu li a, #bourse_menu li a {
  font-size: 1.8rem;
  font-weight: 400;
  color: #ffffff;
}

#menu_site_lateral {
  position: absolute;
  left: 70px;
  width: 1120px;
  background-color: #000000;
  height: 100vh;
  top: 0;
  padding: 50px;
  display: none;
}
#menu_site_lateral .titre-2, #menu_site_lateral .titre-3 {
  color: #ffffff;
  text-align: left;
  font-weight: 600;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
#menu_site_lateral .titre-3 {
  font-size: 2.2rem;
  margin-bottom: 15px;
  margin-left: 40px;
}
#menu_site_lateral .titre-2 {
  font-size: 2.2rem;
  margin-bottom: 15px;
}
#menu_site_lateral > ul {
  width: 50%;
}
#menu_site_lateral > ul li {
  text-align: left;
  border-bottom: 1px solid #3c3c3c;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#menu_site_lateral > ul li a, #menu_site_lateral > ul li button {
  color: #ffffff;
  font-size: 1.8rem;
}
#menu_site_lateral > ul li button {
  background: none;
  border: 0;
  display: block;
  width: 100%;
}
#menu_site_lateral > ul li button:after {
  content: url("https://assets.peg.saint-gobain.com/xnet/2026/images/arrow_menu.svg");
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.sous_nav_lat {
  position: unset;
}

.sub_nav_lateral {
  position: absolute;
  left: 100%;
  width: 100%;
  top: -37px;
  display: none;
}
.sub_nav_lateral li {
  padding-left: 40px;
}
.sub_nav_lateral h2 {
  margin-top: 0;
}

#bro_oeb_bref {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
#bro_oeb_bref li {
  display: flex;
  align-items: center;
}
#bro_oeb_bref li::before {
  content: url("https://assets.peg.saint-gobain.com/xnet/2026/images/picto_pdf.png");
  display: inline-block;
  margin-right: 10px;
}

.list-docs li {
  display: flex;
  align-items: center;
}
.list-docs li:before {
  content: url("https://assets.peg.saint-gobain.com/xnet/2026/images/picto_pdf.png");
  display: inline-block;
  margin-right: 10px;
}

#more_info {
  background: none;
  border: 0;
  display: flex;
  align-items: center;
}
#more_info div {
  padding-left: 15px;
  font-weight: 600;
  font-size: 1.8rem;
}
#more_info img {
  transform: rotate(180deg);
}

.list-docs a {
  color: #17428C !important;
  padding-bottom: 5px;
}
.list-docs a:after {
  background-color: #17428C !important;
}

.close_site_lateral {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 30px;
  font-size: 1.8rem;
  font-weight: 600;
  background-color: #706F6F !important;
  color: #ffffff;
}

.liens-footer li {
  font-size: 1.6rem;
  font-weight: 400;
}

#back_ct_choice {
  padding-right: 30px;
}
#back_ct_choice a {
  font-weight: 400;
  font-size: 1.2rem;
  color: #000000;
}

#nav_home_btn {
  top: -30px;
}

#nav_arbitrage {
  background-image: url("https://assets.peg.saint-gobain.com/xnet/2026/images/nav_arbitrage.png");
  background-size: cover;
  transition: 0.3s ease-in-out;
}
#nav_arbitrage:hover {
  transform: scale(1.2);
}

#nav_comprendre {
  background-image: url("https://assets.peg.saint-gobain.com/xnet/2026/images/nav_comprendre.png");
  background-size: cover;
  transition: 0.3s ease-in-out;
}
#nav_comprendre:hover {
  transform: scale(1.2);
}

#nav_simuler {
  background-image: url("https://assets.peg.saint-gobain.com/xnet/2026/images/nav_simuler.png");
  background-size: cover;
  transition: 0.3s ease-in-out;
}
#nav_simuler:hover {
  transform: scale(1.2);
}

#nav_souscrire {
  background-image: url("https://assets.peg.saint-gobain.com/xnet/2026/images/nav_souscrire.png");
  background-size: cover;
  transition: 0.3s ease-in-out;
}
#nav_souscrire:hover {
  transform: scale(1.2);
}

.ct-menu-access {
  display: flex;
  margin-top: 30px;
}
.ct-menu-access > div:first-child {
  min-width: 30%;
  margin-right: 30px;
}
.ct-menu-access > div:last-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ct-menu-access > div:last-child img {
  transition: 0.3s ease-in-out;
  border-radius: 10px;
}
.ct-menu-access > div:last-child a {
  position: relative;
  display: block;
  margin-right: 15px;
  overflow: hidden;
}
.ct-menu-access > div:last-child a p {
  font-size: 2rem;
  position: absolute;
  font-weight: 600;
}
.ct-menu-access > div:last-child a:hover img {
  transform: scale(1.2);
}

#link_bourse p {
  top: 30px;
  left: 10px;
  color: #ffffff;
}

#link_resultat p {
  bottom: 15px;
  left: 10px;
  color: #17428C;
}

#message_pdg p em {
  font-size: 1.8rem;
  font-weight: 400;
}

#link_message_pdg p {
  bottom: 15px;
  right: 25px;
  color: #ffffff;
  text-align: right;
}

#link_aide_sous p {
  bottom: 15px;
  right: 5px;
  color: #17428C;
  text-align: right;
}

#link_offre p {
  bottom: 15px;
  left: 5px;
  color: #ffffff;
  text-align: left;
}

#link_simulateur p {
  top: 15px;
  left: 5px;
  color: #17428C;
  text-align: left;
}

#link_brochure p {
  bottom: 15px;
  right: 20px;
  color: #ffffff;
  text-align: right;
}

#link_applis p {
  bottom: 15px;
  left: 20px;
  color: #ffffff;
  text-align: left;
}

#link_suivre_epargne p {
  top: 15px;
  left: 20px;
  color: #EC6608;
  text-align: left;
}

#link_comprendre p {
  top: 15px;
  left: 130px;
  color: #E4003A;
  text-align: left;
}

#link_faq p {
  top: 15px;
  left: 10px;
  color: #ffffff;
  text-align: right;
}

#accueil_offre h1, #accueil_peg h1, #accueil_groupe h1 {
  padding-left: 0;
}

.ariane-bg-white {
  background: none !important;
}
.ariane-bg-white li, .ariane-bg-white a, .ariane-bg-white ul {
  color: #17428C !important;
}

.cat_1 {
  display: block !important;
  font-weight: 600;
  font-size: 2.4rem;
  margin-top: 60px;
  margin-bottom: 0px;
}

#footer_faq p {
  font-size: 1.1rem;
  font-weight: 100;
  font-style: italic;
}

#btn_delete_contact {
  display: block;
  padding: 15px;
  width: 100px;
  margin: auto;
  margin-top: 30px;
  background-color: #efefef;
  border: 1px solid #000000;
  font-size: 1.6rem;
  color: #17428C;
}

#prix_souscription ol li {
  list-style-type: inherit;
}

.list-contact {
  width: 90%;
  margin: auto;
  background-color: #efefef;
  border-radius: 10px;
}
.list-contact li {
  list-style: none;
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #706F6F;
  padding: 15px 0;
}
.list-contact li h3 {
  font-size: 2.5rem;
}

#sitemap a {
  text-transform: uppercase;
}

.tab-res {
  width: 100%;
  overflow: auto;
}

#show__search_menu:focus-within ul {
  display: block;
  position: absolute;
  top: -1px;
  z-index: 1000;
  background-color: #000000;
  height: 93px;
  padding: 15px;
  width: 330px;
  border-bottom: 3px solid #B2B2B2;
  text-transform: uppercase;
}
#show__search_menu:focus img {
  border: 1px solid #ffffff;
}

#show__groupe_menu:focus-within ul {
  display: block;
}
#show__groupe_menu:focus img {
  border: 1px solid #ffffff;
}

#show__bourse_menu:focus-within ul {
  display: block;
}
#show__bourse_menu:focus img {
  border: 1px solid #ffffff;
}

#select__contact_usa_canada {
  max-width: 500px;
  margin-bottom: 20px;
  font-family: "Roboto", "Arial", sans-serif;
  border-radius: 5px;
  min-height: 30px;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  display: block;
  margin: auto;
}

#submit__contact_usa_canada {
  background: linear-gradient(102.4deg, #219cdc, #004690 81.98%);
  padding: 15px;
  color: #ffffff;
  margin-top: 30px;
  font-weight: 600;
  font-size: 1.8rem;
  border-radius: 50px;
  width: 200px;
  text-align: center;
  transition: background 0.5s 0.5s ease-in-out, color 0.2s ease-in;
  border: 1px solid #17428C;
  display: block;
  margin: 20px auto;
}

.vid_tem {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}
.vid_tem > div {
  width: 48%;
}
.vid_tem > div .accordion {
  display: none;
}

.ct_banner > div:first-of-type {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  padding: 40px 0 0 40px;
}
.ct_banner > div:first-of-type h2 {
  text-align: left;
  background: unset;
  color: #17428C;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  line-height: 40px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 4rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
}
.ct_banner > div:first-of-type h3 {
  background: linear-gradient(90deg, #17428C -6.52%, #ED0530 68.01%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}

.splide__track {
  margin: 2px;
  padding: 2px;
  padding-bottom: 0;
  margin-bottom: 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.txt_banner {
  color: #ffffff;
  text-align: center;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #17428C;
  padding: 10px 10px;
}

.ct_txt_banner {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.txt_banner--bg_dark_blue {
  background-color: #17428C;
}

.txt_banner--bg_light_blue {
  background-color: #00ADE1;
}

.txt_banner--bg_orange {
  background-color: #FF7800;
}

.txt_banner--bg_linear_purple_orange {
  background: linear-gradient(270deg, #FF7800 0%, #4C3375 65.38%);
}

.txt_banner--bg_red {
  background-color: #ED0530;
  font-size: 3rem;
}

.txt_banner--bg_linear_red_blue {
  background: linear-gradient(270deg, #17428C -4.42%, #ED0530 50%);
}

#splide01-track {
  margin-inline: 40px !important;
}

.splide__arrow--prev {
  left: -2rem !important;
}

.splide__arrow--next {
  right: -2rem !important;
}

.arbitrage_focus {
  display: flex;
  padding: 25px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 20px;
  background: var(--blue-dark, #17428C);
  margin: 40px 0;
}

.arbitrage_focus_ligthblue {
  background: var(--blue-light, #00ADE1) !important;
}

.arbitrage_focus h3 {
  font-weight: 600;
  font-size: 2.4rem;
  font-family: "Ubuntu", "Arial", sans-serif;
  text-transform: uppercase;
}

.arbitrage_focus .white {
  color: #FFF !important;
  background: unset;
  -webkit-text-fill-color: unset;
}

.doubleCas {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}

.doubleCas_encart {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}

.doubleCas_encart p, .doubleCas_encart span, .doubleCas_encart strong {
  text-align: center;
}

.doubleEncart_marge {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  gap: 20px;
}

.title_doubleCas {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.title_doubleCas {
  color: #FFF;
  font-weight: 700;
  font-size: 24px;
  font-family: "Ubuntu", "Arial", sans-serif;
}

.title_doubleCas_bleu {
  background: linear-gradient(90deg, #01AFDD 0%, #17428C 100%);
}

.title_doubleCas_orange {
  background: linear-gradient(90deg, #ED0530 0%, #FF7800 100%);
}

.doubleCas_bleu {
  border: 2px solid var(--blue-dark, #17428C);
}

.doubleCas_orange {
  border: 2px solid var(--orange, #FF7800);
}

.lightblue {
  color: var(--blue-light, #00ADE1);
  font-family: "Roboto";
  font-size: 18px;
}

.orange {
  color: var(--orange, #FF7800);
  font-family: "Roboto";
  font-size: 18px;
}

.encart_doubleCas_bleu, .encart_doubleCas_orange {
  display: flex;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.encart_doubleCas_bleu {
  background: var(--blue-dark, #17428C);
}

.encart_doubleCas_orange {
  background: var(--orange, #FF7800);
}

.arbitrageTab tr td {
  padding: 20px;
  text-align: center;
  border: 2px solid var(--blue-dark, #17428C);
}

.noBorder {
  border: unset !important;
}

.arbitrageTab tr .white {
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.arbitrageTab tr td strong {
  text-transform: uppercase;
}

.lastRow {
  background: #E9E9EE;
}

.lastRow_bleu {
  color: var(--blue-light, #00ADE1);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700 !important;
}

.lastRow_orange {
  color: var(--orange, #FF7800);
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700 !important;
}

.linkWhite {
  color: #FFF !important;
}

.linkWhite::after {
  background-color: #FFF !important;
}

.linkBlack {
  color: #000 !important;
}

.linkBlack::after {
  background-color: #000 !important;
}

.doubleCas_encart p {
  margin-top: 0;
  font-size: 14px;
}

.ct-pg a {
  text-decoration: underline;
}

#ct_faq .arbitrageTab {
  margin: 20px 0;
}

#ct_faq .arbitrageTab tr .white {
  font-size: 18px;
}

.q_arbitrage > strong {
  color: #17428C;
  cursor: pointer;
}

.q_arbitrage {
  margin-top: 20px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #17428C;
  width: fit-content;
}

@keyframes plane {
  to {
    right: 0;
  }
}
@keyframes showPlaneBlue {
  to {
    left: 0;
  }
}
@keyframes showShadow {
  to {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes upDown {
  0% {
    bottom: 35px;
  }
  100% {
    bottom: 25px;
  }
}

/*# sourceMappingURL=styles_site.css.map */