#homepage 									{ position: relative; z-index: 20;}
.sous_titre                                 { font-size: 25px; line-height: 40px;}
/***** banner *****/
.banner 									{ position: relative; margin-top: 140px;}
.banner img  						        { width: 100%; height: auto; object-fit: cover; position: relative; display: block;max-height: 660px; }

@media (max-width:1300px) {
.banner 									{ margin: 140px -5vw 0 -5vw;}
.banner .titre_main  						{ left: 5vw; top: 5vw;}
}
@media (max-width:1200px) {
.banner 									{ margin-top: 100px;}
}
@media (max-width:1000px) {
.banner   						            { margin: 100px -12.5vw 0;}
}
@media (max-width:600px) {
.banner 									{ margin: 100px -6vw 0 -6vw;}
.banner .titre_main  						{ left: 6vw; top: 6vw;}
.sous_titre                                 { font-size: 20px; line-height: 30px;}
}


.devis_intro                                { display: grid; grid-template-columns: 1fr 1fr; align-items: start; margin-top: -100px; gap: 80px; margin-bottom: 100px;}
.devis_intro .info                          { background-color: #182c83; padding: 50px 60px 70px; color: #fff;}
.devis_intro .info .sous_titre              { color:#fff;}
.devis_intro .link                          { display: block; margin-top: 30px;}
.devis_intro .ul_list                       { margin-top: 20px;}
.devis_intro .ul_list li                    { font-size: 18px;}
.devis_intro .intro                         { padding-top: 150px;}

@media (max-width:1200px) {
.devis_intro                                { gap: 50px;}
.devis_intro .info                          { padding: 50px 45px ;}
}

@media (max-width:1000px) {
.devis_intro                                { grid-template-columns: 1fr; margin-top: 0; gap: 30px;  margin-bottom: 50px;}
.devis_intro .info                          { grid-area: 2;}
.devis_intro .intro                         { padding: 30px 0 0;}
}
@media (max-width:600px) {
.devis_intro                                 { gap: 10px;}
.devis_intro .intro .sous_titre              { font-size: 16px; line-height: 26px;}
.devis_intro .chapo                          { display: none;}
.devis_intro .info                           { margin: 0 -7.5vw; padding: 40px 7.5vw 50px;}
.devis_intro .ul_list                        { margin: 10px 0;}
.devis_intro .ul_list li                     { font-size: 13px;}
.devis_intro .link                           { margin-top: 20px;}
.devis_intro .intro                         { padding: 20px 0 0;}
}

.three_photo                                { position: relative;}
.three_photo::after                         { position: absolute; content: ""; background-color: #0db0ed; opacity: 0.1; width: 1485px; height: 1485px; top: 50%; left: calc(100% - 200px); transform:  rotate(45deg);}
.three_photo .photo                         { display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.three_photo .image_1                       { grid-area: 1/1/2/3; height: 440px;}
.three_photo .image_2                       { grid-area: 2/1; height: 240px;}
.three_photo .image_3                       { grid-area: 2/2;  height: 240px;}
.three_photo .photo img                     { height: 100%;}
.link_arrow                                 { display: block; margin-top: 10px; text-align: left;}
.link_arrow span                            { display: block; background: url(../images/arrow.svg) no-repeat center right;}
.group_link                                 { margin-top: 30px;}
.icone                                      { margin-bottom: 20px;}
.icone img                                  { display: block;}


@media (max-width:1200px) {
.three_photo .image_1                       { height: 100%;}
.three_photo .image_2                       { height: 100%;}
.three_photo .image_3                       { height: 100%;} 
.three_photo                                { gap: 50px;}
.three_photo::after                         { display: none;}
}

@media (max-width:1000px) {
.three_photo                                { margin: 60px 0;}
.three_photo .photo                         { gap: 10px;}
.icone                                      { display: none;}
}
@media (max-width:600px) {
.three_photo                                { margin: 50px 0; gap: 20px;}
.group_link                                 { margin-top: 20px;}
}


.two_grid                                   { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin: 100px 0 90px;}
.two_grid .photo                            { position: relative; margin-bottom: 30px;}
.two_grid .icone                            { position: absolute; top: 30px; left: 30px;}
.two_grid .image img                        { display: block; width: 100%; object-fit: cover; height: auto; }
.two_grid .link                             { margin-top: 30px;}

@media (max-width:1200px) {
.two_grid                                   { gap: 50px;}
}

@media (max-width:1000px) {
.two_grid                                   { grid-template-columns: 1fr; gap:50px; margin: 60px 0;}        
}

@media (max-width:600px) {
.two_grid                                   { margin: 50px 0;}
.two_grid .link                             { margin-top: 20px; display: block; background: url(../images/arrow.svg) no-repeat right 20px center #0db0ed; text-align: left;}
.two_grid .photo                            { margin-bottom: 20px;}
}
.about                                      { position: relative;  margin-top: 100px; padding: 0 0 100px;}
.about_grid                                 { display: grid; grid-template-columns: 1fr 1fr; gap: 80px;}
.about_grid .texte                          { position: relative; padding: 60px 0 0;}
.about_grid .sous_titre                     { position: relative;}
.about_grid .photo img                      { display: block; width: 100%; object-fit: cover; height: auto;}
.about::after                               { content: ""; position: absolute; width:100%; height: calc(100% - 170px); background-color: #182c83; left: 0; bottom: 0; z-index:-1; }
.about_plus                                 { margin: 70px 0 0;}
.about_plus .titre_plus                     { background: none; font-size: 20px; color: #0db0ed;margin: 0; padding: 20px 0;}
.about .item:first-child                    { border-top: 1px solid #5e6ca8;}
.about_plus .item                           { margin-bottom: 0; border-bottom: 1px solid #5e6ca8; }
.about_plus .titre_plus::before             { content: url(../images/bottom.svg);}
.about_plus .titre_plus.active::before      { transform: rotate(180deg);}
.about_plus .hide                           { padding: 0 0 30px; color: #fff;}

@media (max-width:1200px) {
.about_grid                                 { gap: 50px; }
.about                                      { margin-top: 80px; padding-bottom: 80px;}
.about_grid .sous_titre                     { font-size: 20px;}
}
@media (max-width:1000px) {
.about_grid                                 { grid-template-columns: 1fr;}
.about                                      { padding: 0; margin: 50px 0;}
.about::after                               { display: none;}
.about_grid .photo                          { display: none;}
.about_plus .hide                           { color: #182c83;}
.about .sous_titre                          { display: none;}
.about .texte                               { padding: 0;}
.about_plus                                 { margin: 0;}
.about_plus .titre_plus                     { padding:20px 30px; background-color: #0db0ed; color: #fff;}
.about_plus .titre_plus::before             { content: url(../images/bottom_white.svg); top: 30px;}
.about_plus .item                           { border: none; margin-bottom: 10px;}
.about_plus .hide                           { padding: 20px 0;}
.about .item:first-child                    { border: none;}
}
@media (max-width:600px) {
.about_plus .titre_plus                     { font-size: 14px; padding: 14px 80px 14px 20px ;}
.about_plus .titre_plus::before             { top: 20px;}
.about                                      { margin: 50px 0 -10px;}
}

/***** moving galerie *****/
.moving_galerie 				    { width: auto; position: relative; text-align: center; margin: 100px 0; overflow: hidden;}
.moving_galerie .row 			    { width: auto; display: flex; align-items: center; gap: 30px;}
.moving_galerie .row .item 		    { width: auto; display: flex; align-items: center; animation: scroll_gallery 80s linear infinite; gap: 30px;}
.moving_galerie .row .item img 	    { width: auto; height: 440px; display: block; margin: 0 auto; transition: all 300ms ease-in-out;}

@keyframes scroll_gallery {
0%								    { transform: translate(0, 0);}
100% 							    { transform: translate(-100%, 0); }
}
@media (max-width:1000px) {
.moving_galerie                     { margin: 60px 0;}
}
@media (max-width:600px) {
.moving_galerie 				    { margin: 50px 0;}
.moving_galerie .row                { gap: 10px;}
.moving_galerie .row .item          { gap: 10px;}
.moving_galerie .row .item img      { width: 400px; height: 300px; object-fit: cover;}
}