
html {scroll-behavior: smooth;}
.main-content .page {margin: 0 auto!important;max-width: 1919px!important;padding: 0!important;}
#wrapper_cata_noel {margin-top: -60Px;background: #E50046;}
#wrapper_cata_noel .cata {position: relative;display: flex;justify-content: center;align-items: center;padding: 3rem 0;max-width: 85%;color: #fff;margin: auto;}
#wrapper_cata_noel .cata .img{text-align: center;flex: 1;}
#wrapper_cata_noel .cata .bloc-text h2{font-size: clamp(27px, 4vw, 53px);font-weight: 400;line-height: 1.5;margin-bottom: 30px;letter-spacing: 8px;text-align: center;}
#wrapper_cata_noel .cata .bloc-text{padding: 30px;flex-direction: column;display: flex;flex: 1;justify-content: center;text-align: center;gap: 2rem;}
#wrapper_cata_noel .cata .bloc-text p{font-size: 22px;letter-spacing: 2px;font-weight: 300;}
#wrapper_cata_noel .cata .bloc-cta {display: flex;flex-direction: column;display: flex;flex-direction: column; text-align: center;}
#wrapper_cata_noel .bloc-cta a, 
#wrapper_cata_noel .cta{background-color: #fff;border: 1px solid #fff;color: #E50046;font-size: 17px;padding: 14px 35px;margin-bottom: 15px;font-weight: 600;text-align: center;letter-spacing: 2px;display: table;width: fit-content;    margin: auto;}
#wrapper_cata_noel .cata .bloc-cta a:hover,
#wrapper_cata_noel .cta:hover{background-color: #E50046;border: 1px solid #fff;;color:#fff;}
#wrapper_cata_noel .bt-noel{position: relative;}
#wrapper_cata_noel .bt-noel .clic{position: absolute;width: 100%;height: 100%;background-color: transparent;top:0;left: 0;z-index: 1;}

#wrapper_cata_noel .cata-categ{background: #E50046;padding-bottom: 2rem;}
#wrapper_cata_noel .cata-categ h2{    font-size: clamp(22px, 5vw, 35px);text-transform: uppercase;color: #fff;text-align: center;margin: 2rem 0;padding: 0 10px;}
#wrapper_cata_noel .scroll-cata{width: 100%;overflow: auto;}
#wrapper_cata_noel .catalogues-list{    display: flex;width: max-content;justify-content: center;gap: 1rem;margin: auto;}
#wrapper_cata_noel  .catalogues-list .bloc-cta a, #wrapper_cata_noel  .catalogues-list .cta{width: 100%;margin: auto;text-transform: uppercase;line-height: 19px;height: 53Px;display: flex;align-items: center;justify-content: center;    padding: 6px 15px;}
#wrapper_cata_noel .catalogues-list li{display: flex;flex-direction:column;gap: 1rem;
justify-items: center;}
#wrapper_cata_noel .bt-noel .text-head {font-size: clamp(30px, 6vw, 54px);font-weight: normal;letter-spacing: 4px;}
#wrapper_cata_noel .bt-noel .title-header{ margin-bottom: 50px;}
#wrapper_cata_noel .bt-noel .text-head-pic {display: flex;align-items: center;}
#wrapper_cata_noel .bt-noel .text-head-pic img {margin-left: 30Px;}
#wrapper_cata_noel .bt-noel .text-head-pic {display: flex;align-items: center;}
#wrapper_cata_noel .bt-noel .bloc-text{position:  absolute;left: 12%;top: 27%;transform: translate(-10%, -50%); color: #E50046; }
 
#wrapper_cata_noel .bt-noel .bloc-cta a, 
#wrapper_cata_noel .bt-noel .cta{background-color: #E50046;border: 1px solid #E50046;color: #FFF;margin:inherit;}
#wrapper_cata_noel .bt-noel  .bloc-cta a:hover,
#wrapper_cata_noel .bt-noel .cta:hover{background-color: transparent; border: 1px solid #E50046;color:#E50046;}

@media only screen and (max-width: 1025px) {
#wrapper_cata_noel {margin-top: 0}
#wrapper_cata_noel .cata{flex-direction: column;     max-width: 90%;}
#wrapper_cata_noel .cata .img { margin: auto;}
#wrapper_cata_noel .cata .bloc-text p{font-size: 16px;}
#wrapper_cata_noel .cata .bloc-text {padding: 0;margin-top: 2rem;}
#wrapper_cata_noel .bt-noel .bloc-text {top: 41%;}
}

@media only screen and (max-width: 768px) {
 #wrapper_cata_noel .catalogues-list li img{width:  200Px;}
 #wrapper_cata_noel .catalogues-list .bloc-cta a, #wrapper_cata_noel .catalogues-list .cta {  line-height: 15px;height: 42Px;}
 #wrapper_cata_noel .cata-categ h2 { margin: 1rem 0;}
  #wrapper_cata_noel .bt-noel .bloc-text{    padding-top:7rem;left: 50%;top: 15%;transform: translate(-50%, -50%); text-align: center;   width: 95%;}
   #wrapper_cata_noel .bt-noel .bloc-text br{display: none;}
   #wrapper_cata_noel .bloc-cta a,  #wrapper_cata_noel .cta{ max-width: 100%; font-size: 15px;padding: 14px 20px;}
  #wrapper_cata_noel .cta { display: block; width: fit-content; margin: auto; margin-top: 1rem; }
  #wrapper_cata_noel .bt-noel .text-head-pic { justify-content: center;}
  #wrapper_cata_noel .bt-noel .bloc-cta a, #wrapper_cata_noel .bt-noel .cta{margin:auto;}
  #wrapper_cata_noel .bt-noel .text-head-pic img { margin-left: 8Px;        width: 200px;}
  #wrapper_cata_noel .bt-noel .title-header {margin-bottom: 29px;}
}
