/**** Banner ****/
.banner 								{ width: 100%; min-height: 700px; position: relative; z-index: 10; }
.banner:after 							{ content: ""; width: 30%; height: 60%; background-color: #f7efe5; position: absolute; top: 0; right: 0; z-index: -1;}
.banner .wrapper             			{ padding: 165px 0 0 0; text-align: left; display: grid; grid-template-columns: 580px 1fr; align-items: center; }

.banner .photo 							{ width: 100%; height: auto; max-height: 750px; margin: 0 auto; position: relative; border-radius: 35px; overflow: hidden;}
.banner .photo img						{ width: 100%; height: auto; object-fit: cover; display: block; border-radius: 20px;}

.banner .content                        { position: relative; padding: 50px 80px; background-color: #F7EFE5; border-radius: 15px; width: 640px; z-index: 50;}
.banner .titre_main                     { font-size: 40px; }

@media (max-width:1500px) {
.banner .wrapper             			{ grid-template-columns: 480px 1fr; }
.banner .content                        { width: 560px; padding: 50px 60px;}
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {
.banner .wrapper             			{ padding: 100px 0 0 0; grid-template-columns: 1fr; }
.banner .content                        { grid-area: 2;}
.banner .titre_main                     { font-size: 30px; }
.banner .photo 							{ grid-area: 1;}
.banner .content                        { width: 520px; width: 80%; padding: 50px 60px; margin: -80px auto 0 auto ;}
.banner .photo 							{ border-radius: 28px;}
.banner .photo img						{ border-radius: 15px;}
}
@media (max-width:1000px) {
.banner .titre_main                     { font-size: 25px; }
.banner .photo 							{ border-radius: 25px;}
.banner .photo img						{ border-radius: 10px;}
}
@media (max-width:600px) {
.banner                                 { min-height: inherit; }
.banner .wrapper             			{ padding: 160px 0 0 0; grid-gap: 35px;} 
.banner .titre_main                     { font-size: 22px; }
.banner:after 							{ width: 110vw; top: inherit; bottom: 0; right: -7.5vw; left: -7.5vw; z-index: -1;}
.banner .photo 							{ border-radius: 10px; overflow: hidden;}
.banner .photo img						{ width: 100%; height: auto; object-fit: cover; display: block; border-radius: 5px;}
.banner .content                        { width: 100%; padding: 0 0 0 0; margin: 0;}
}



.intro                                  { margin: 100px 0; display: grid; grid-template-columns: 1fr auto; grid-gap: 80px; align-items: center;}
.intro .horaire                         { padding: 30px 40px; background-color: #F7EFE5; border-radius: 10px;}
.intro .horaire ul li                   { display: grid; grid-template-columns: 1fr auto; grid-gap: 30px; min-width: 250px; }
@media (max-width:1200px) {
.intro                                  { margin: 80px 0; }
.intro                                  { grid-template-columns: 1fr auto; grid-gap: 80px; align-items: center;}
}
@media (max-width:1000px) {
.intro                                  { margin: 70px 0; grid-template-columns: 1fr; grid-gap: 50px;}
}
@media (max-width:600px) {
.intro                                  { margin: 0 0 40px 0; grid-gap: 10px; position: relative;}
.intro .horaire                         { padding: 20px 7.5vw; background-color: #fff; margin-bottom: 40px; border-radius: 5px; }
.intro .titre_main                      { display: none;}
.intro .chapo                           { display: none;}
.intro .link                            { height: 50px; line-height: 48px; padding: 0 7.5vw;}
.intro .link.btn_visite                 { margin-top: 10px;}
}





.bloc_grid .double_btn                  { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; align-items: center; }
.bloc_grid .photo                       { position: relative; }

@media (max-width:1200px) {

}
@media (max-width:1000px) {

}
@media (max-width:600px) {
.bloc_grid .double_btn                  { grid-template-columns: 1fr; grid-gap: 10px;}

}




.services                              { position: relative; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(247,239,229,1) 40%, rgba(247,239,229,1) 100%); padding-bottom: 80px; }
.services .titre_main                  { margin-bottom: 15px;}
.services .grid_trio                   { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 45px; margin-top: 40px;}
.services .grid_trio img               { display: block; width: 100%; height: auto; border-radius: 15px; margin-bottom: 20px;}
.services .grid_trio .sous_titre       { margin-bottom: 10px;}
.services .grid_trio .link             { margin-top: 15px; display: block; width: 100%;}
.services .grid_trio .item .photo      { position: relative;}
.services .grid_trio .item .aqua_beauty { position: absolute; width: 90px; height: 90px; border-radius: 50%; background-color: #fff; right: 20px; bottom: 20px; display: grid; padding: 5px;}


@media (max-width:1200px) {
.services:before						{ width: 100vw; height: 4px; background: #F7EFE5; position: absolute; left: calc(-100vw + 5vw); bottom: 80px; content: ""; z-index: 80;}
.services:after							{ width: 100vw; height: 4px; background: #F7EFE5; position: absolute; right: calc(-100vw + 5vw); bottom: 80px; content: ""; z-index: 80;}
.services ::-webkit-scrollbar 			{ width: 4px; height: 4px; background-color: #fff;}
.services ::-webkit-scrollbar-thumb		{ background-color: #810124;}
.services .row							{ overflow-x: scroll; padding: 0 15vw 30px 15vw; margin: 0 -15vw;}
.services .grid_trio					{ width: 1200px;}
}
@media (max-width:1000px) {
    
}
@media (max-width:600px) {
.services .grid_trio					{ width: 900px; grid-gap: 25px; }
    
.services:before						{ left: calc(-100vw + 7.5vw);}
.services:after							{ right: calc(-100vw + 7.5vw);}
}


.amis                                   { margin: 100px auto;}
.amis .item                             { display: grid; grid-template-columns: 38% 1fr; grid-gap: 80px; align-items: center;}
.amis .item .link                       { margin-top: 25px; }
.amis .item img                         { display: block; width: 100%; max-width: 500px; height: auto; border-radius: 15px; }

@media (max-width:1200px) {
.amis                                   { margin: 80px auto;}
.amis .item                             { grid-gap: 60px;}
.amis .item img                         { border-radius: 10px; margin: 0 auto; }
}
@media (max-width:1000px) {
.amis                                   { margin: 70px auto;}
.amis .item                             { grid-template-columns: 1fr; grid-gap: 50px;}
}
@media (max-width:600px) {
.amis                                   { margin: 70px auto;}
.amis .item                             { grid-gap: 40px;}
.amis .item img                         { border-radius: 5px; }
}


.about                                  { margin: 120px auto 0;}

@media (max-width:1200px) {
.about                                  { margin: 80px auto 0;}
}
@media (max-width:1000px) {
.about                                  { margin: 70px auto 0;}
}
@media (max-width:600px) {
.about                                  { margin: 60px auto 0;}
}