/***** activites *****/
.banner 								{ position: relative; margin-top: 160px; grid-gap: 0;}
.banner .photo  						{ margin-left: -260px; border-radius: 40px;}
.banner .texte							{ background: #fff; box-shadow: var(--box-shadow-1); border-radius: 40px; padding: 95px 80px 105px; z-index: 100; overflow: hidden; max-width: 800px;}
.banner .chapo                          { margin-bottom: 20px; color: var(--bgColorDark);}
.banner .titre_main                     { margin-bottom: 20px; color: var(--bgColorDark);}

@media (max-width:1600px) { 
.banner                                 { grid-template-columns: 620px 1fr;}
.banner .photo                          { margin-left: -310px;}
}

@media (max-width:1400px) {
.banner                                 { grid-template-columns: 500px 1fr;}
.banner   								{ align-items: center;}
.banner .photo img  				    { height: 50vh; min-height: 640px;}
.banner .link                           { margin-top: 0px;}
.banner .texte							{ padding: 60px;}
}

@media (max-width:1200px) {
.banner                                 { margin-top: 120px;}

}
@media (max-width:1000px) {
.banner                                 { margin: 90px 0 0; display: block; border-radius: 0;}
.banner .photo                          { margin: 0; border-radius: 5px; margin-bottom: 40px; overflow: hidden;}
.banner .photo img 						{ height: auto; max-height: 450px; min-height: auto;  object-position: 50%; border-radius: 20px;}
.banner .texte                          { max-width: initial; background: none; border-radius: 0px; padding: 0; background: none; box-shadow: none;}
.banner .texte p 						{ max-width: none;}
.banner .link                           { margin-top: 10px;}
.banner .chapo                          { color:#fff;}
.banner .titre_main                     { color:#fff;}

}
@media (max-width:700px) {
.banner                                 { padding-bottom: 0; overflow: initial;}
.banner .photo                          { margin-bottom: 20px;}
.banner .photo img 						{ max-height: 500px; min-height: 300px; height: 75vw; border-radius: 15px;}
.banner .texte							{ padding: 35px 7vw 0 7vw; box-shadow: none; text-align: left;}
.banner .titre_main                     { margin-bottom: 15px; font-size: 30px;}
.banner .texte .link 					{ width: 100%;}
}




/***** services *****/
.services                          		 	{ position: relative; text-align: left; margin: 140px 0;}
.services .grid                          	{ position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 60px; text-align: left; margin-top: 50px;}
.services .item                     		{ position: relative;}
.services .item img                   		{ display: block; width: 100%; height: 350px; object-fit: cover; margin: 0 auto; position: relative; z-index: 5; border-radius: var(--imgRadius);}
.services .row 								{ position: relative; margin-top: 30px;}
.services .row .titre_main 					{ font-size: 25px; line-height: 30px; margin-bottom: 10px; text-transform: initial;}
.services .row p              				{ margin: 10px 0 0 0;}
.services .row p a                          { border-bottom: 1px solid var(--main-color);}
.services .row .link_plus          			{ margin: 20px 0 0 0;}

@media (min-width:1201px) {
.services .row p a:hover                    { border-color: transparent;}
}
@media (max-width:1400px) {
.services .grid:before						{ display: none;}
.services .item img                   		{ height: auto;}
}
@media (max-width:1200px) {
.services                          		 	{ margin: 80px 0;}
.services .grid                          	{ grid-gap: 40px; margin-top: 40px;}
.services .row .titre_main 					{ font-size: 22px; line-height: 28px;}
}
@media (max-width:1000px) {
.services                          		 	{ margin: 60px 0;}
.services .grid                          	{ grid-template-columns: 1fr; grid-gap: 50px;}
.services .item                     		{ display: grid; grid-template-columns: 280px 1fr; grid-gap: 40px; align-items: center;}
.services .row 								{ margin-top: 25px;}
.services .row .titre_main 					{ font-size: 20px; line-height: 26px;}
}
@media (max-width:700px) {
.services                          		 	{ text-align: left; margin: 45px 0;}
.services .grid                          	{ grid-template-columns: 1fr; grid-gap: 50px; margin-top: 30px;}
.services .item                     		{ display: block;}
.services .item img                   		{ border-radius: 10px;}
.services .row .titre_main 					{ margin-bottom: 15px;}
}





.about .titre_main                          { line-height: 38px;}
.about .item.img .boss                      { width: 220px; height: 220px; border-radius: 50%; position: absolute; top: 70%; left: 75%; }

@media (max-width:1000px) {
.about .item.img .boss                      { width: 180px; height: 180px; position: relative; top: -60px; left: 60px; margin-bottom: -60px;}
}
@media (max-width:700px) {
}





/***** atout *****/
.atout                                  { display: grid; grid-template-columns: repeat(3, 1fr); box-shadow: var(--box-shadow-1);  background: var(--bgColorDark); color: #fff; text-align: center; border-radius: 20px; line-height: 26px; padding: 50px 0 65px; margin: var(--marginTB); position: relative; z-index: 1;}
.atout .item                            { position: relative; padding: 0 20px;}
.atout .item p b                        { color: var(--mainColor1);}
.atout .item:not(:last-of-type)::after  { content: ""; position: absolute; right: 0; top: 20px; bottom: 5px; width: 1px; background: var(--mainColor1); opacity: 0.3;}
.atout img                              { display: block; margin: 0 auto 25px;}

@media (max-width:700px) {
.atout                                  { grid-template-columns: 1fr; gap: 25px; padding: 40px 20px 35px;}
.atout img                              { margin-bottom: 10px; height: 30px;}
.atout .item br,
.atout .item:not(:last-of-type)::after  { display: none;}
}






.gallery                                { margin: var(--marginTB); text-align: center;}
.gallery .container                     { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; align-items: center; }
.gallery .link                          { margin-top: 40px;}


@media (max-width:1200px) {
.gallery .container                     { grid-template-columns: 1fr 1fr; gap: 20px; }
}
@media (max-width:1000px) {

}
@media (max-width:700px) {
.gallery .container                     { grid-template-columns: 1fr; gap: 10px; }

}