#homepage .wrapper p a                { border-bottom: 1px solid transparent; padding-bottom: 2px; color: #24b0ce;}
@media (min-width:1201px) {
#homepage .wrapper p a:hover					{ border-color: #24b0ce;}
}
/***** banner *****/
.banner                             { position: relative; z-index: 1; padding: 150px 0 100px; color: #fff; background: #1b272f;}
.banner .wrapper                    { padding-left: 500px;}
/*.banner .content                    {     position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}*/
@media (min-width: 1000px) {
  .banner .content                    {     position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
}

/* Banner textes */
.banner .titre_main                 { color: #fff; margin-bottom: 10px; font-size: 45px; line-height: 60px;}
@media (min-width: 1200px) {
.banner .titre_main                 { max-width: 700px; }
}
@media (min-width: 1000px) {
  .banner .titre_main               { max-width: 600px; }
}
.banner .text { 
  margin: -20px 0 30px 0; 
}
.banner .ul_list                    { margin-bottom: 30px; font-size: 18px;}

/* image de la banner */
/*.banner .img                        { width: 100%; height: auto; object-fit: cover; box-shadow: 10px 10px 0 0 #24b0ce;}*/
.banner .img picture                { position: relative; display: block;
}
.banner .img img  					        { width: 100%; height: auto; object-fit: cover; position: relative; display: block;  box-shadow: 10px 10px 0 0 #24b0ce; }
@media (max-width: 1500px) {
  .banner .img img                  { height: 520px;}
}@media (max-width: 1000px) {
  .banner .img img                  { height: auto;}
}
@media (min-width: 1500px) {
  .banner .img img                  { height: auto;}
}
}


@media (max-width:1366px) {
.banner .wrapper                    { padding-left: 400px;}
}
@media (max-width:1200px) {
.banner                             { padding-top: 90px;}
.banner .wrapper                    { padding-left: 360px;}
.banner .titre_main                 { font-size: 40px; }
}
@media (max-width:1000px) {
.banner                             { padding-bottom: 0;}
/*.banner .img                        { position: static; height: 500px; min-height: 0;}*/
.banner::after                      { display: none;}
.banner .wrapper                    { padding: 0;}
.banner .content                    { position: static; width: 100%; max-width: 90vw; margin: 0 auto; padding: 40px 0;}
.banner .titre_main                 { max-width: 100%); }

}
@media (max-width:700px) {
.banner                             { padding-top: 80px;}
/*.banner .img                        { background-image: url(../images/banner_mobile.webp); height: 240px; box-shadow: 5px 5px 0 0 #24b0ce;}*/
.banner .titre_main                 { line-height: 35px; font-size: 25px; margin-bottom: 15px;}
.banner p                           { font-size: 16px; line-height: 28px;}
.banner .content                    { padding: 35px 0 50px;}
.banner .ul_list                    { margin-bottom: 25px; font-size: 16px;}
}




/***** intro *****/
.intro                              { margin: 95px 0;}
.intro .chapo                        { margin-bottom: 15px;}

@media (min-width:1201px) {
.link-moins:hover,.link-plus:hover  { border-color: #24b0ce; color: #24b0ce;}
}
@media (max-width:1000px) {
.intro                              { margin: 70px 0;}
}
@media (max-width:700px) {
.intro                              { text-align: center; margin: 40px 0 20px;}
.intro .chapo span                  { display: none;}
}



/***** services *****/
.gridhome                           { margin-bottom: 120px;}
.gridhome .photo::before            { background: #eeeeee; right: 60%; top: 100px;}
.gridhome .photo img                { box-shadow: -10px 10px 0 0 #24b0ce;}
.gridhome .photo.right img                { box-shadow: 10px 10px 0 0 #24b0ce;}
/*.gridhome .photo.right.cabine img                { height: auto; width: ;}*/

@media (max-width:1000px) {
.gridhome                           { margin-bottom: 80px;}
.gridhome .photo img                { box-shadow: none;}
.gridhome .photo::before            { display: none;}
}
@media (max-width:700px) {
.gridhome                           { margin: 0 0 50px;}
.gridhome .titre_main br            { display: none;}
}




/***** cabine *****/
.cabine .photo                      { text-align: right;}
.cabine.reverse .photo::before      { top: 140px; bottom: 100px; left: 50%; height: auto;}
.cabine.reverse > .photo > img               { box-shadow: 10px 10px 0 0 #24b0ce; width: calc(100% - 100px); display: inline-block; vertical-align: top; z-index: 0; }
@media (max-width: 700px) {
  .cabine.reverse > .photo > img { width: 100%; }
}
/*
@media (min-width: 1000px) { 
.gridhome .photo.cabine picture img { width: 75%; position: relative; right: -120px;}
}
*/

.cabine.reverse .photo .inner               { position: relative; line-height: 0; margin-top: -100px;}
.cabine.reverse .photo .inner::before       { content: ""; display: block; position: absolute; top: 100px; left: 10px; width: 300px; bottom: -10px; background: #24b0ce;}
.cabine.reverse .photo .inner img           { width: 300px; height: auto; box-shadow: none;}

.cabine .gridlink                   { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 45px;}
.cabine .gridlink a                 { display: block; text-align: center; color: #fff; text-transform: uppercase; border-radius: 5px; background: #24b0ce; font: italic 700 14px/24px "Barlow"; letter-spacing: 0.8px; padding: 25px;}
.cabine .gridlink a img             { display: block; margin: 0 auto 15px;}




@media (min-width:1201px) {
  .cabine .gridlink a { transition: all .4s ease-in-out; }
.cabine .gridlink a:hover           { background: #1b272f;}
}
@media (max-width:1200px) {
.cabine.reverse .photo              { padding-left: 40px;}
.cabine.reverse > .photo > picture > img                  { width: calc(100% - 40px);}
}
@media (max-width:1000px) {
.cabine.reverse .photo .inner               { display: none;}
.cabine.reverse .photo              { padding: 0;}
.cabine.reverse > .photo > picture > img                   { width: 100%; box-shadow: none;}
}
@media (max-width:700px) {
.cabine .gridlink                   { margin-top: 20px; grid-template-columns: 1fr; gap: 10px;}
.cabine .gridlink a img             { display: none;}
.cabine .gridlink a                 { padding: 0 30px; line-height: 60px; font-size: 13px;}
}



/***** bureau *****/
.bureau                             { margin-top: 130px;}
.bureau .photo::before              { content: ""; top: -100px;}

@media (max-width:1000px) {
.bureau                             { margin-top: 80px;}
}
@media (max-width:700px) {
.bureau                             { margin-top: 50px;}
}




/***** avis *****/
.avis                               { margin: 90px 0 100px;}
.avis .label                        { color: #fff; background: #24b0ce; font: 500 16px/60px "Barlow"; letter-spacing: 0.5px; padding: 0 30px; position: relative; z-index: 2;}
.avis .label::before                { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 14px 14px 0; border-color: transparent #24b0ce transparent transparent; position: absolute; left: 0; right: 0; margin: auto; bottom: -14px;}
.avis .content                      { position: relative; display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center;}
.avis .arrownavwrap                 { margin-bottom: 0;}
.avis .swiper                       { background: #eee;}
.avis .content img                  { margin: 0 20px 0 0;}
.avis .content span                 { font-size: 20px;}
.avis .note   						{ line-height: 0; letter-spacing: 0; font-size: 0; margin-bottom: 20px;}
.avis .note img 					{ display: inline-block; height: auto; margin-right: 10px;}
.avis .note img:last-child 			{ margin-right: 0;}
.avis .texte                        { font-style: italic;}
.avis .item                         { padding: 50px 80px;}
.avis .author                       { margin-top: 20px;}
.arrownavwrap                       { position: relative; z-index: 2; text-align: right; right: -15px; font-size: 0; letter-spacing: 0; margin-bottom: 20px;}
.arrownav                           { width: 45px; height: 45px; background-position: center; background-repeat: no-repeat; cursor: pointer; display: inline-block; vertical-align: top;}
.arrownav_prev                      { background-image: url(../images/arrow_prev.svg);}
.arrownav_next                      { background-image: url(../images/arrow_next.svg);}

@media (max-width:1000px) {
.avis                               { margin: 70px 0 80px;}
}
@media (max-width:700px) {
.avis                               { margin: 45px 0 35px; position: relative; padding-bottom: 60px;}
.avis .arrownavwrap                 { position: absolute; left: 0; right: 0; bottom: 0; text-align: center;}
.avis .content               		{ margin-bottom: 10px;}
.avis .content strong,
.avis .content span                 { font-size: 16px; color: #fff;}
.avis .content img                  { margin: 0 10px; width: 140px;}
.avis .item                         { padding: 30px; width: calc(85vw - 80px);}
.avis .content                      { margin-bottom: 0; position: static;}
.avis .label                        { display: none;}
}