@font-face {
  font-family: 'gotham_roundedbold';
  src: url('../fonts/gotham_rounded_bold.eot');
  src: url('../fonts/gotham_rounded_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham_rounded_bold.woff2') format('woff2'), url('../fonts/gotham_rounded_bold.woff') format('woff'), url('../fonts/gotham_rounded_bold.ttf') format('truetype'), url('../fonts/gotham_rounded_bold.svg#gotham_roundedbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_roundedbook';
  src: url('../fonts/gotham_rounded_book.eot');
  src: url('../fonts/gotham_rounded_book.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham_rounded_book.woff2') format('woff2'), url('../fonts/gotham_rounded_book.woff') format('woff'), url('../fonts/gotham_rounded_book.ttf') format('truetype'), url('../fonts/gotham_rounded_book.svg#gotham_roundedbook') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_roundedmedium_italic';
  src: url('../fonts/gotham_rounded_medium_italic.eot');
  src: url('../fonts/gotham_rounded_medium_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham_rounded_medium_italic.woff2') format('woff2'), url('../fonts/gotham_rounded_medium_italic.woff') format('woff'), url('../fonts/gotham_rounded_medium_italic.ttf') format('truetype'), url('../fonts/gotham_rounded_medium_italic.svg#gotham_roundedmedium_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gotham_roundedmedium';
  src: url('../fonts/gotham_rounded_medium.eot');
  src: url('../fonts/gotham_rounded_medium.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham_rounded_medium.woff2') format('woff2'), url('../fonts/gotham_rounded_medium.woff') format('woff'), url('../fonts/gotham_rounded_medium.ttf') format('truetype'), url('../fonts/gotham_rounded_medium.svg#gotham_roundedmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
#landing { font-family: 'nunito', arial; margin-top: 20px; color: #333333; }
#landing .text-center .img-responsive { margin: 0 auto; }
.region.region-footer { margin-top: 0 !important; }
#landing .img-block { position: relative; overflow: hidden; }
#landing .img-zoom { display: block; width: 100%; height: auto; transition: transform 0.4s ease; }
#landing .img-block:hover .img-zoom { transform: scale(2); }
/*-------------------------*/
#landing .bg-blanc { background-color: #FFFFFF !important; }
#landing .bg-violet { background-color: #985C9E !important; }
#landing .bg-purple { background-color: rgba(157, 97, 163, 0.1); border-radius: 16px; padding: 32px 16px 32px 16px; }
#landing .bg-bleu { background-color: #2A818D !important; }
#landing .bg-blue { background-color: rgba(0, 172, 197, 0.1); border-radius: 16px; padding: 32px 16px 32px 16px; }
#landing .bg-rose { background-color: #BF4077 !important; }
#landing .bg-vert { background-color: #3D8450 !important; }
#landing .bg-pink { background-color: rgba(241, 154, 192, 0.1); border-radius: 16px; padding: 32px 16px 32px 16px; }
/*-------------------------*/
#landing .container a { color: #333333; text-decoration: none; }
#landing .container a.btn { color: #FFF; text-decoration: none; font-weight: bold; border: 3px solid #FFFFFF; /*+box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);*/ -moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1); /*+border-radius: 8px;*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-size: 22px; white-space: normal; }
#landing .btn a { color: #FFFFFF; }
#landing .btn { display: inline-block; padding: 8px 16px 12px 16px; margin-bottom: 0; font-size: 24px; font-family: 'gotham_roundedmedium'; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 8px; box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1); margin-right: 20px; transition: transform 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out; }
#landing .btn:hover { transform: scale(0.95); filter: brightness(120%); box-shadow: 0px 0 0 rgba(0, 0, 0, 0.1); }
#landing .btn.btn-site-compagnon { background: #2B8270; width: 100%; text-align: left; margin-bottom: 16px; }
#landing .btn.btn-facebook { background: #4267B2; width: 100%; text-align: left; font-size: 24px; margin-bottom: 16px; }
#landing .btn.btn-site-compagnon img, #landing .btn.btn-facebook img { display: inline-block; margin-right: 3px; }
#landing .btn.btn-site-compagnon span, #landing .btn.btn-facebook span { display: inline-block; }
#landing a.btn-link { display: inline-block; padding: 8px 16px 12px 16px; margin-bottom: 0; font-size: 24px; font-family: 'gotham_roundedmedium'; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 8px; box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1); margin-right: 20px; transition: transform 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out; }
#landing a.btn-link:hover { transform: scale(0.95); filter: brightness(120%); box-shadow: 0px 0 0 rgba(0, 0, 0, 0.1); }
#landing a.btn-link.ce1 { background-color: #C24100; border-color: #00869B; color: white; }
#landing a.btn-link.gs { background-color: #9A3B8C; border-color: #9A3B8C; color: white; }
#landing a.btn-link.pianoplus { background-color: #A86405; border-color: #A86405; color: white; }
/*-------------------------*/
#landing .container { background-color: transparent; font-size: 20px; }
#landing .container p { font-size: 20px; }
#landing h1, #landing .h1, #landing h2, #landing .h2, #landing h3, #landing .h3, #landing h4, #landing .h4, #landing h5, #landing .h5 { margin-top: 0em; font-weight: normal; margin-bottom: 0.5em; }
#landing .h2, #landing h2 { font-size: 36px; margin-bottom: 0; }
#landing .h3, #landing h3, #landing .container h3 p { font-size: 26px; font-family: 'gotham_roundedmedium'; color: #1C3077; display: inline-block; }
#landing .h4, #landing h4 { font-size: 22px; font-family: 'gotham_roundedmedium'; color: #1C3077; }
#landing .h5, #landing h5 { font-size: 18px; font-family: 'gotham_roundedmedium'; color: #1C3077; }
#landing h4 img { vertical-align: middle; }
#landing h4 span { top: 5px; position: relative; }
#landing .intro p { font-size: 28px; font-family: 'gotham_roundedbook'; color: #333333; }
/*-------------------------*/
#landing .btn-ancres { display: inline-block; margin: 10px 6px; padding: 16px 24px 16px 24px; border-radius: 16px; box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.15); transition: transform 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out; }
#landing .btn-ancres:hover { transform: scale(0.95); filter: brightness(120%); box-shadow: 0 0px 0 0 rgba(0, 0, 0, 0.15); }
#landing .btn-ancres a { font-family: 'gotham_roundedmedium'; color: #FFF !important; font-size: 32px; }
#landing #points-forts h2 { font-family: 'gotham_roundedmedium'; color: #3D8450; font-size: 40px; }
#landing #points-forts .video { background: url(../img/bg-video-points-forts.jpg) no-repeat 0 100%; padding: 4em 1em; }
/*-------------------------*/
#landing .titre-onglet { font-family: 'gotham_roundedmedium'; color: #FFF !important; font-size: 32px !important; padding: 8px 16px 8px 16px; border-radius: 16px 16px 0 0; margin-left: 60px; display: inline-block; }
#landing .number-title { font-family: 'gotham_roundedmedium'; font-size: 30px; box-shadow: 0px 4px 8px 0px #4A4A4A33; border: 4px solid #FFFFFF; background: #985C9E; color: #FFFFFF; border: 4px solid #FFFFFF; border-radius: 50px; width: 50px; height: 50px; position: relative; display: inline-block; text-align: center; }
#landing .number-title span { top: 1px; position: relative; }
/*-------------------------*/
#landing .note { border-radius: 16px; background: #FFF; padding: 16px; }
#landing .note h5 { margin: 0; font-family: 'gotham_roundedmedium_italic'; font-weight: 400; font-size: 24px; color: #985C9E; }
#landing .note h5 img { vertical-align: middle; }
#landing .note h5 span { position: relative; top: 5px; }
#landing .note p { font-style: italic; font-size: 18px; margin-bottom: 0; }
/*-------------------------*/
#landing #entrainement { background: #FAF7FA; border: 2px solid #FFFFFF; border-radius: 16px; padding: 16px 16px 0 16px; }
#landing #entrainement #titre-entrainement { background: #985C9E; color: #FFF; font-family: 'gotham_roundedmedium'; font-size: 20px; margin-top: 0; border-radius: 16px; padding: 8px; }
/*-------------------------*/
#landing .periode-programmation { border-radius: 16px; padding: 16px; }
#landing .periode-programmation .titre-periode { background: #FFF; font-family: 'gotham_roundedmedium' !important; font-size: 20px !important; margin-top: 0; border-radius: 16px; padding: 8px 16px; display: inline-block; margin-bottom: 0; }
#landing .periode-programmation.bg-vert { background: #C2E3CA !important; }
#landing .periode-programmation.bg-rose { background: #F8CDE0 !important; }
#landing .periode-programmation.bg-bleu { background: #80D6E2 !important; }
#landing .periode-programmation.bg-vert .titre-periode { color: #3D8450; }
#landing .periode-programmation.bg-rose .titre-periode { color: #BF4077; }
#landing .periode-programmation.bg-bleu .titre-periode { color: #2A818D; }
#landing .periode-programmation p { font-size: 16px; }
/*-------------------------*/
#landing #ico-clic img { vertical-align: middle; }
#landing #ico-clic span { font-family: 'gotham_roundedmedium'; color: #1C3077 !important; font-size: 22px; margin-top: 0; top: 4px; position: relative; }
/*-------------------------*/
#landing ul { padding-left: 2rem; margin-top: 0; }
#landing ul li::before { left: -1rem; top: 0.7rem; width: 0.4rem; height: 0.4rem; background: #000; }
/*-------------------------*/
#landing .titre-couv { border-top: 4px dotted #2A818D; text-align: center; border-spacing: 37px; }
#landing .titre-couv h3 { background: #2A818D; color: #FFF; text-align: center; top: -24px; position: relative; border-radius: 8px; padding: 4px 16px 6px 16px; }
#landing .titre-couv-2025 { display: flex; justify-content: center; /* Centre le H3 horizontalement */ position: relative; width: 100%; /* S'assure que le conteneur prend toute la largeur */ }
#landing .titre-couv-2025 h3 { background: #2A818D; color: #FFF; text-align: center; position: relative; border-radius: 8px; padding: 4px 16px 6px 16px; z-index: 1; /* Garde le titre au-dessus du filet */ }
#landing .titre-couv-2025::before { content: ""; position: absolute; top: 43%; left: 0; width: 100%; transform: translateY(-50%); z-index: 0; /* Place le filet en arrière-plan */ border-top: 4px dotted #2A818D; }
#landing .couvs a p { padding: 0; margin: 16px 0 8px; font-size: 16px; line-height: 1.2; }
#landing .couvs.rose .titre-couv-2025 h3 { background: #BF4077; /* Garde le titre au-dessus du filet */ }
#landing .couvs.rose .titre-couv-2025::before { border-top: 4px dotted #BF4077; }
#landing .couvs a { color: #1C3077 !important; font-weight: bold; }
#landing img.shadow { box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.10); margin: 8px 0; transition: box-shadow 0.4s ease-in-out; }
#landing img.shadow:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); }
#landing .couvs a span { text-transform: uppercase; font-size: 14px; display: block; }
#landing .rose a span { color: #B43C70; text-transform: uppercase; display: block; }
/*RESPONSIVE*/
/*-------------------------*/
@media (max-width: 1280px) {
  #landing .btn-ancres a { font-size: 24px; }
}
@media (max-width: 992px) {
  #landing .container h2 { font-size: 28px; }
  #landing .container h3 { font-size: 24px; }
  #landing .container h4 { font-size: 20px; }
}
@media (max-width: 768px) {
  #landing .titre-onglet { margin-left: 0; }
}
@media (max-width: 640px) {
  #landing #points-forts .video { background: none; }
  #landing .btn-ancres { margin: 10px 6px; }
  #landing .btn-ancres a { font-size: 18px; }
  #landing h3 { text-align: center; }
  #landing .btn { margin-bottom: 10px; }
  #landing .couv { text-align: center; }
  #landing #autrice { text-align: center; }
  #landing .bg-purple, #landing .bg-blue, #landing .bg-pink { border-radius: 0 0 16px 16px; }
  #landing .btn.btn-site-compagnon, #landing .btn.btn-facebook { text-align: center; white-space: normal; }
  #landing .btn.btn-site-compagnon img, #landing .btn.btn-facebook img { display: block; margin: 0 auto; }
}
/*-------------------------*/
ul.list-unstyled, ul.list-inline, main .text-formatted ul.list-unstyled, main .text-formatted ul.list-inline { list-style: none; margin: 0; padding: 0; }
ul.list-unstyled li::before, ul.list-inline li::before, main .text-formatted ul.list-unstyled li::before, main .text-formatted ul.list-inline li::before { display: none; }
ul.list-unstyled li, main .text-formatted ul.list-unstyled li { margin: 0; padding: 0; }
ul.list-inline li, main .text-formatted ul.list-inline li { display: inline-block; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; padding-bottom: 0px; overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
ul.list-unstyled li::before, ul.list-unstyled li a::before { font-family: 'Roboto', sans-serif; }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
main .text-formatted ul li.lead::before { top: 0.75rem; }
@media (min-width: 768px) {
  .lead { font-size: 21px !important; }
}
a.btn { display: inline-block; }
#landing a.btn.btn-intro-temoin, #landing a.btn.btn-intro-itw, #landing a.btn.btn-lg.comparatif { margin: 24px !important; }