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 */
/*MAIN COLOR*/
/*GENERIC COLOR*/
/* Font */
@font-face {
  font-family: "poppinsbold";
  src: url("../css/webfonts/poppins-bold-webfont.woff2") format("woff2"), url("../css/webfonts/poppins-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppinsitalic";
  src: url("../css/webfonts/poppins-italic-webfont.woff2") format("woff2"), url("../css/webfonts/poppins-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppinslight";
  src: url("../css/webfonts/poppins-light-webfont.woff2") format("woff2"), url("../css/webfonts/poppins-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "poppinsregular";
  src: url("../css/webfonts/poppins-regular-webfont.woff2") format("woff2"), url("../css/webfonts/poppins-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "syensqoregular";
  src: url("../css/webfonts/syensqo-regular-webfont.woff2") format("woff2"), url("../css/webfonts/syensqo-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* 1rem = 10px */
/* TITLE */
/* TEXT SITE */
.evitement {
  z-index: 10000;
  top: 0;
  position: fixed;
  overflow: hidden;
  width: 1px;
  height: 1px;
  display: inline-block;
  white-space: nowrap;
}
.evitement:focus {
  width: fit-content;
  height: fit-content;
}

.hors-ecran {
  position: absolute;
  left: -99999rem;
}

.hide {
  display: none;
}

p, li, td, span, a, p a, span a, strong {
  font-size: 16px;
  line-height: 112.05%;
  font-family: "", "poppinsregular", sans-serif;
}

strong, b, strong span, strong b {
  font-family: "", "poppinsbold", sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 32px;
  line-height: 113.183%;
  color: #353C47;
  font-family: "", "poppinsbold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 32px;
}

h2 {
  font-size: 32px;
  line-height: 113.183%;
  color: #FF6542;
  font-family: "", "poppinsbold", sans-serif;
  margin-bottom: 16px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ul li, ol li {
  margin-left: 20px;
  margin-bottom: 16px;
}

a {
  color: unset;
}

.orange {
  color: #FF6542;
}

.beige {
  color: #F5ECE1;
}

.darksilver {
  color: #353C47;
}

.lightsilver {
  color: #626976;
}

.black {
  color: #000000;
}

.white {
  color: #ffffff;
}

.bg_orange {
  background-color: #FF6542;
}

.bg_beige {
  background-color: #F5ECE1;
}

.bg_darksilver {
  background-color: #353C47;
}

.bg_lightsilver {
  background-color: #626976;
}

.bg_black {
  background-color: #000000;
}

.bg_white {
  background-color: #ffffff;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  width: 100%;
  margin: auto;
}

.mainIndex {
  background-image: url("../images/xnet/index_background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  height: max-content;
}

.headerIndex {
  background-image: none;
}

.index_header {
  text-align: center;
}
.index_header img {
  padding: 10px 0;
}

.logo_corp_index {
  position: relative;
  display: block;
  margin: auto;
  padding: 32px 0;
}

.containerChooseCountry {
  background-color: #ffffff;
  padding: 16px 32px 0px 32px;
  border-bottom: 1px solid #626976;
}
.containerChooseCountry h2 {
  text-align: center;
  font-size: 18px;
  line-height: normal;
  text-transform: uppercase;
  font-family: "", "poppinsbold", sans-serif;
}

.menu_burger {
  display: none;
}

.chooseCountry__list li:first-child {
  padding-top: 16px;
}

.chooseCountry__list li:hover a {
  font-family: "", "poppinsbold", sans-serif;
}

.blocSelectionPays {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}

.bloc_pays {
  border: 1px solid #626976;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  width: 400px;
  margin-bottom: 32px;
}
.bloc_pays li {
  list-style: none;
  margin-left: unset;
  padding: 6px 0;
}
.bloc_pays li a {
  font-size: 16px;
  color: #000000;
  text-decoration: none;
}

header {
  width: 100%;
  padding: 16px 80px;
  background-image: url(../images/bannieres_site/banner_bg.jpg);
  background-size: cover;
}

.headerContent {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
.headerContent img {
  margin-right: 32px;
}

.header_catchphrase {
  color: #FF6542;
  font-family: "", "syensqoregular", sans-serif;
  font-size: 38px;
  font-style: normal;
  line-height: 112.05%; /* 42.579px */
  text-transform: uppercase;
}
.header_catchphrase span {
  border-radius: 8px;
  padding: 8px;
  background: #FFF;
  color: #FF6542;
  text-align: center;
  font-family: "", "poppinsregular", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 112.05%;
  text-transform: uppercase;
  display: block;
  width: fit-content;
}

.upper_headerContent {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.upper_headerContent .header_banner_logo {
  display: block;
  margin-bottom: 10px;
}
.upper_headerContent .header_banner_logo_responsive {
  display: none;
}
.upper_headerContent .switch_lg a {
  padding: 10px;
  gap: 10px;
  border-radius: 8px;
  background: #F5ECE1;
  border-radius: 8px;
  font-size: 12px;
  color: #FF6542;
  background: #F5ECE1;
  text-decoration: none;
  font-family: "", "poppinsbold", sans-serif;
  text-transform: uppercase;
}
.upper_headerContent .switch_lg img {
  padding: 0 5px 0 10px;
}
.upper_headerContent .switch_lg:hover a {
  background: #353C47;
  color: #ffffff;
  transition: 0.3s;
}
.upper_headerContent .switch_lg:hover a img {
  stroke: #ffffff;
  stroke-width: 2;
}

.filAriane {
  display: flex;
  padding: 2px 14px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: rgba(98, 105, 118, 0.2);
}
.filAriane .filAriane__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.filAriane .filAriane__item {
  list-style: none;
  font-size: 10px;
  font-family: "", "poppinslight", sans-serif;
  font-style: italic;
  color: #626976;
  margin-left: 16px;
  margin-bottom: unset;
  margin-top: 2px;
}
.filAriane .filAriane__item a {
  color: #626976;
  font-size: 10px;
  font-family: "", "poppinslight", sans-serif;
  font-style: italic;
  text-decoration: none;
}

footer {
  display: flex;
  padding: 16px 50px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: nowrap;
  background: #353C47;
  width: 100%;
}
footer .footer_picto, footer .footer_picto_social {
  width: 25%;
}
footer .footer_lien a {
  font-size: 13px;
  color: #ffffff;
  font-family: "", "poppinsregular", sans-serif;
}
footer .footer_lien a:hover {
  color: #FF6542;
}
footer .footer_picto_social {
  text-align: center;
}
footer .footer_picto_social img {
  padding: 0 16px;
  width: 60px;
}
footer .footer_picto_social a {
  text-decoration: none;
}
footer .footer_picto_social img:hover {
  transition: 0.3s;
  padding: 0 13px;
}

.menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 260px;
}
.menu a {
  display: flex;
  min-height: 60px;
  height: auto;
  max-width: 244px;
  padding: 10px 6px 10px 64px;
  align-items: center;
  margin-top: 10px;
  flex-shrink: 0;
  margin-bottom: unset;
  border-radius: 0px 8px 8px 0px;
  border-top: 1px solid #FF6542;
  border-right: 1px solid #FF6542;
  border-bottom: 1px solid #FF6542;
  background: #F5ECE1;
  font-size: 14px;
  font-family: "", "poppinsregular", sans-serif;
  text-decoration: none;
  color: #FF6542;
}
.menu a li {
  margin-bottom: unset;
  text-decoration: none;
  list-style: none;
  display: flex;
  align-items: center;
}
.menu div {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  margin-left: -45px;
}
.menu .menu__home {
  background-image: url(../images/xnet/menu_home.svg);
}
.menu .menu__group {
  background-image: url(../images/xnet/menu_group.svg);
}
.menu .menu__offer {
  background-image: url(../images/xnet/menu_offer.svg);
}
.menu .menu__modalites {
  background-image: url(../images/xnet/menu_modalites.svg);
}
.menu .menu__documentation {
  background-image: url(../images/xnet/menu_documentation.svg);
}
.menu .menu__faq {
  background-image: url(../images/xnet/menu_faq.svg);
}
.menu .menu__contact {
  background-image: url(../images/xnet/menu_contact.svg);
}

.menu a:hover, .menu .active {
  transition: 0.3s;
  max-width: 260px;
  width: 260px;
  background: #FF6542;
}
.menu a:hover li, .menu .active li {
  color: #ffffff;
  font-family: "", "poppinsbold", sans-serif;
}
.menu a:hover .menu__home, .menu .active .menu__home {
  background-image: url(../images/xnet/menu_home_hover.svg);
}
.menu a:hover .menu__group, .menu .active .menu__group {
  background-image: url(../images/xnet/menu_group_hover.svg);
}
.menu a:hover .menu__offer, .menu .active .menu__offer {
  background-image: url(../images/xnet/menu_offer_hover.svg);
}
.menu a:hover .menu__modalites, .menu .active .menu__modalites {
  background-image: url(../images/xnet/menu_modalites_hover.svg);
}
.menu a:hover .menu__documentation, .menu .active .menu__documentation {
  background-image: url(../images/xnet/menu_documentation_hover.svg);
}
.menu a:hover .menu__faq, .menu .active .menu__faq {
  background-image: url(../images/xnet/menu_faq_hover.svg);
}
.menu a:hover .menu__contact, .menu .active .menu__contact {
  background-image: url(../images/xnet/menu_contact_hover.svg);
}

.blocSidebar_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 260px;
  padding: 0 16px;
  margin-top: 10px;
}

.blocSidebar_left {
  width: 260px;
  padding-bottom: 20px;
}

.blocSidebar_left li {
  margin-left: unset;
}

.subBloc {
  display: flex;
  height: auto;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 10px;
  background: #F5ECE1;
  text-align: center;
}
.subBloc p:first-child {
  font-size: 14px;
  color: #FF6542;
  font-family: "", "poppinsbold", sans-serif;
  text-transform: uppercase;
  padding: 8px;
}
.subBloc .date {
  font-size: 12px;
  color: #FF6542;
  font-family: "", "poppinslight", sans-serif;
  text-transform: uppercase;
}

.subButton {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 50px;
  background: #FF6542;
  margin: 0 auto;
  margin-top: 10px;
}
.subButton a {
  color: #ffffff;
  text-align: center;
  font-family: "", "poppinsbold", sans-serif;
  font-size: 24px;
  text-decoration: none;
}

.subButton:hover {
  transition: 0.3s;
  background: #353C47;
  padding: 16px 26px;
}
.subButton:hover a {
  color: white;
}

.content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.contentSite {
  text-align: left;
  display: block;
  width: 60%;
  margin-top: 10px;
  min-height: 462px;
}

.content_p {
  margin-top: 16px;
}

.btnGreyHorizon {
  display: flex;
  flex-direction: row;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  flex-wrap: nowrap;
  background: #353C47;
}
.btnGreyHorizon span {
  font-size: 20px;
  font-family: "", "poppinsbold", sans-serif;
  color: #ffffff;
}
.btnGreyHorizon .txt_btnGreyHorizon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.btnGreyHorizon .txt_btnGreyHorizon img {
  margin-right: 16px;
}
.btnGreyHorizon .btn_btnGreyHorizon {
  border-radius: 8px;
  background: #FFF;
  padding: 16px;
  gap: 16px;
  text-align: center;
  min-width: fit-content;
}
.btnGreyHorizon .btn_btnGreyHorizon a {
  font-size: 20px;
  font-family: "", "poppinsbold", sans-serif;
  color: #000000;
  text-decoration: none;
}
.btnGreyHorizon .btn_btnGreyHorizon:hover {
  background: #FF6542;
  transition: 0.3s;
}
.btnGreyHorizon .btn_btnGreyHorizon:hover a {
  color: #ffffff;
}

.content_blocTxtImg {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 32px;
  gap: 32px;
}

.bloc_info {
  display: block;
  padding: 32px;
  gap: 10px;
  align-self: stretch;
  border-radius: 16px;
  background: #F5ECE1;
  margin-top: 32px;
}
.bloc_info li {
  margin-bottom: unset;
}

.bloc_info::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  margin-top: -43px;
  background-image: url("../images/xnet/picto_info.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

.contentSite .subButton {
  width: 180px;
  margin: unset;
  margin-top: 16px;
}

.btn_innerLink {
  text-decoration: none;
  margin-top: 16px;
  display: block;
  width: fit-content;
}
.btn_innerLink div {
  padding: 16px;
  background: #F5ECE1;
  text-align: center;
}
.btn_innerLink div p {
  font-family: "", "poppinsbold", sans-serif;
  color: #FF6542;
}

.btn_innerLink:hover div {
  background: #FF6542;
}
.btn_innerLink:hover div p {
  color: #ffffff;
}

.end {
  display: block;
  height: 32px;
}

.blocGrisVertical {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 16px;
  justify-content: center;
  margin-bottom: 32px;
}
.blocGrisVertical div {
  border-radius: 8px;
  background: #353C47;
  padding: 16px;
  width: 20%;
  height: auto;
  min-height: 170px;
}
.blocGrisVertical div p {
  color: #ffffff;
}

.video_content {
  margin-bottom: 32px;
}

.content_blocTxtImg em {
  color: #FF6542;
}

.container_doc {
  display: block;
  padding: 32px;
  gap: 16px;
  border-radius: 16px;
  background: #F5ECE1;
  margin-bottom: 32px;
}
.container_doc .documentation__item {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: #353C47;
  flex-direction: row;
  flex-wrap: nowrap;
}
.container_doc .documentation__item .nameDoc, .container_doc .documentation__item .downloadDoc {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.container_doc .documentation__item .nameDoc img {
  margin-right: 16px;
}
.container_doc .documentation__item .nameDoc span {
  font-size: 20px;
  color: #ffffff;
  font-family: "", "poppinsbold", sans-serif;
  text-decoration: none;
}
.container_doc .documentation__item .nameDoc .extension {
  font-size: 13px;
  color: #ffffff;
  font-family: "", "poppinslight", sans-serif;
  text-decoration: none;
}
.container_doc .documentation__item .inputDocs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  min-width: 250px;
}
.container_doc .documentation__item .previewDoc {
  margin-right: 16px;
  height: 50px;
  width: 60px;
}
.container_doc .documentation__item .previewDoc .previewDoc_btn {
  background-image: url(../images/xnet/previewDoc.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: auto;
  height: 50px;
}
.container_doc .documentation__item .downloadDoc {
  border-radius: 8px;
  background: #FFF;
  padding: 16px;
  justify-content: center;
}
.container_doc .documentation__item .downloadDoc .btn_download_doc {
  display: flex;
}
.container_doc .documentation__item .downloadDoc .pictoDownload {
  margin-right: 16px;
  height: 18px;
  width: 18px;
  background-image: url(../images/xnet/picto_doc_download.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.container_doc .documentation__item .downloadDoc a {
  text-decoration: none;
}
.container_doc .documentation__item .downloadDoc a span {
  font-size: 16px;
  color: #000000;
  font-family: "", "poppinsbold", sans-serif;
  text-decoration: none;
  top: 2px;
  position: relative;
}
.container_doc .documentation__item .previewDoc:hover .previewDoc_btn {
  background-image: url(../images/xnet/previewDoc_hover.svg);
}
.container_doc .documentation__item .downloadDoc:hover {
  transition: 0.3s;
  background: #FF6542;
}
.container_doc .documentation__item .downloadDoc:hover .pictoDownload {
  background-image: url(../images/xnet/picto_doc_download_hover.svg);
}
.container_doc .documentation__item .downloadDoc:hover a span {
  color: #ffffff;
}

.faq {
  margin-bottom: 32px;
  display: block;
}

.faqDownload {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 16px;
  background: #353C47;
}
.faqDownload div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.faqDownload img {
  margin-right: 16px;
}
.faqDownload span {
  color: #ffffff;
  font-size: 20px;
  font-family: "", "poppinsbold", sans-serif;
  text-align: center;
}
.faqDownload a {
  text-align: center;
  text-decoration: none;
  background: #ffffff;
  padding: 16px;
  border-radius: 16px;
}
.faqDownload a span {
  color: #000000;
  font-size: 20px;
  font-family: "", "poppinsbold", sans-serif;
}
.faqDownload a:hover {
  background: #FF6542;
  transition: 0.3s;
}
.faqDownload a:hover span {
  color: #ffffff;
}

.encart_edit_code, #div_text_dyn_refresh_id_faq_qa, #div_text_dyn_refresh_id_faq_qa_btn {
  display: none !important;
}