/***** Class *****/ 
a.read_more         { position: relative; padding-right: 40px; color: #000000;}
.read_more:after    { content: ''; position: absolute; right: 0; width: 30px; height: 30px; border-radius: 50%; background: url("../images/arrow-slider.svg") 50% 50% no-repeat #ffffff; transform: rotate(90deg); }

h2.chapo            { font: 400 clamp(1.3rem, 1.2407rem + 0.2593vw, 2rem)/2 var(--fontBody); margin-bottom: 25px;}

.slogan             { width: 100%; margin: 0 auto; text-align: center; font: 400 clamp(2rem, 1.5551rem + 1.9449vw, 3.5rem)/1.2 var(--fontTitre);}
.slogan span        { font: 600 13px/1 var(--fontBody); margin-bottom: 15px; display: block; letter-spacing: 3px; text-transform: uppercase;}

.anchor-top        { position: relative;}

@media (max-width:800px) {
    .read_more:after     { content: none;}
}

@media (max-width:600px) {
    div.slogan     { display: none;}
    .link          { width: 100%; text-align: center; display: block; border: 1px solid #000000; padding: 20px 0;}
    .link:after    { content: none;}
}

@media (max-width:400px) {
    a.read_more  { display: none;}
}

/***** Banner *****/ 
.swiper-slide     { display: flex; flex-direction: column;}
.swiper-slide img { display: block; width: 100%; height: 680px; object-fit: cover;}

.swiper-button-next:after { content: none;}
.swiper-button-prev:after { content: none;}

.swiper-button-next { width: 30px; height: 30px; position: absolute; border-radius: 50%; background: url("../images/arrow-slider.svg") 50% 50% no-repeat #ffffff; bottom: 30px; top: inherit; right: 30px}
.swiper-button-prev { width: 30px; height: 30px; position: absolute; border-radius: 50%; background: url("../images/arrow-slider.svg") 50% 50% no-repeat #ffffff; transform: rotate(180deg); bottom: 30px; top: inherit; right: 70px; left: inherit;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 10px; bottom: inherit;}

.swiper-pagination-bullet          { background: #ffffff; width: 10px; height: 10px; opacity: 1; border: 1px solid #00000050;}
.swiper-pagination-bullet-active   { background: #000000;}

.swiper-slide .texte          { font: 400 clamp(2.5rem, 2.2034rem + 1.2966vw, 3.5rem)/1.2 var(--fontTitre); color: #ffffff; width: 340px; height: 340px; background-color: rgba(41, 41, 41, 0.502); border-top-right-radius: 80px; border-bottom-left-radius: 80px; z-index: 10; position: absolute; left: calc(100px + 3vw); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.swiper-slide .texte span     { font: 400 1.3rem/1 var(--fontBody); color: #ffffff; margin-bottom: 15px;}


@media (max-width:1200px) {
    .swiper-banner .swiper-slide img        { height: 550px;}
    .swiper-banner .swiper-slide .texte     { width: 300px; height: 300px; border-top-right-radius: 60px; border-bottom-left-radius: 60px;}
}

@media (max-width:1000px) {
    .swiper-banner .swiper-slide img         { height: 500px;}
    .swiper-banner .swiper-slide .texte      { border-top-right-radius: 40px; border-bottom-left-radius: 40px;}
}

@media (max-width:800px) {
    .swiper-banner .swiper-slide                 { display: grid; grid-template-columns:1fr;}
    .swiper-banner .swiper-slide .texte          { position: relative; left: inherit; top: inherit; background-color: #ffffff; border-radius: 0; width: 100%; height: 150px; padding: 0; display: flex; justify-content: center; color: #000000; transform: none;}
    .swiper-banner .swiper-slide .texte span     { color: #000000;}
    .swiper-banner .swiper-slide img { height: 300px;}
    .swiper-banner .swiper-pagination-bullet     { display: none;}
    
    .swiper-banner .swiper-button-prev     { right: calc(50% + 10px);}
    .swiper-banner .swiper-button-next     { right: calc(50% - 30px);}
}

@media (max-width:600px) {
    .swiper-slide img { height: 400px;}
}

/***** Slider logo *****/ 
.swiperLogo                    { margin-top: 60px; position: relative;}
.swiper-logo                   { width: 290px; overflow: hidden;}
.swiper-logo .swiper-slide img { display: block; width: 290px; height: 120px; object-fit: cover;}

.swiper-logo .swiper-button-next { bottom: inherit; top: inherit; right: inherit; left: 355px; top: 50%; }
.swiper-logo .swiper-button-prev { bottom: inherit; top: inherit; right: inherit; left: 310px; top: 50%; transform: rotate(180deg);}

@media (max-width:600px) {
    .swiper-logo .swiper-button-next,
    .swiper-logo .swiper-button-prev     { display: none;}
    .swiper-logo                         { overflow: inherit;}
    .swiper-logo .swiper-slide           { margin-right: 10px;}
}

/***** Slider création *****/
.sliderCreation              { width: 90vw; max-width: 1600px; margin: 120px auto; position: relative; height: 680px; display: block; overflow: hidden;}

.sliderCreation .texte            {font: 400 clamp(3rem, 2.4068rem + 2.5932vw, 5rem)/2 var(--fontTitre); color: #ffffff;  border-top-right-radius: 80px; border-bottom-left-radius: 80px; z-index: 10; position: absolute; left: 200px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; text-align: left; padding: 80px 50px; width: 500px; background-color: rgba(0, 0, 0, 0.502); height: auto; align-items: normal;}

.sliderCreation .texte a.link     { color: #ffffff; display: inline-block; margin-top: 20px;}
.sliderCreation .texte a.link:after { background: #ffffff;}
/*.sliderCreation .texte span       { font: 400 1.5rem/2 var(--fontBody); letter-spacing: 1px;}*/
.sliderCreation .texte span       { font: 400 clamp(1.3rem, 1.2407rem + 0.2593vw, 1.8rem)/2 var(--fontBody); letter-spacing: 1px;}


@media (max-width:1000px) {
    .sliderCreation .texte      { left: 5vw; }
}

@media (max-width:600px) {
    .swiper-creation            { display: flex; flex-direction: column-reverse;}
    .swiper-creation span       { display: block;}
    .sliderCreation .texte a.link      { color: #000000;}
    .sliderCreation             { width: 100%; margin: 40px auto 40px auto; height: inherit; overflow: inherit;}
    .sliderCreation .texte      { color: #000000;  border-top-right-radius: 0; border-bottom-left-radius: 0; z-index: 10; position: relative; left: inherit; top: inherit; transform: none; display: block; padding: 20px 40px 60px 40px; width: 100%; background-color: #ffffff;}
    
    .swiper-creation .swiper-button-prev     { right: calc(50% + 20px); top: 370px;}
    .swiper-creation .swiper-button-next     { right: calc(50% - 30px); top: 370px;}
    
}



/***** hide about *****/
.hide_readMore                { max-width: 1000px; margin: var(--marginBloc); position: relative; background: #ffffff70; padding: 50px;}
.hide_readMore .anchor        { top: -120px; position: relative;}
.hide_readMore p              { margin-bottom: 40px;}