/***** activites *****/
.activites.mobile 					{ display: none;}
.leflux.mobile                       { display: none;}

.activites 							{ width: 100%; position: relative; z-index: 10; padding: 190px 0 0 0; background: #ffffff; text-align: center;}
.activites .img 					{ width: 100%; height: 100%; position: relative; background:url(../images/activites.jpg) 50% 0 / cover no-repeat;}
.activites .texte 					{ color: #fff; height: 100%; display: grid; align-items: center; position: relative; padding: 80px 0 100px 0;}
.activites .titre_main 				{ font-size: 35px; line-height: 45px; margin: 0 auto; width: 380px;}
.activites .content                 { position: relative;right: 0;line-height: 0;width: 100%;max-width: 700px;margin: 0 auto}
.activites .arbre                   { margin-top: 115px; text-align: center;}
.activites .content a               {overflow: hidden; position: absolute;border: 2px solid #e3c77d;border-radius: 50%}
.activites .content a span          {border-radius: 50%; opacity: 0;position: absolute;display: grid;align-items: center;top: 0;left: 0;font: 20px/30px "Sitka Text";width: 100%;height: 100%}
.activites .content .font-Horseland { font-family: lucr; font-style: italic; font-size: 19px;}

.activites .content .flow_1         { right: -115px; top: 175px;}
.activites .content .flow_2         { right: -26%; bottom: 33%;}
.activites .content .flow_3         { left: -27%; bottom: 36%;}
.activites .content .flow_4         { left: -15%; top: 13%;}
.activites .content .flow_5         { left: 37%; top: 7%;}
.activites .content a img           { width: 100%; height: 100%;object-fit: cover;transition: all 400ms ease-in-out}


@media (min-width: 1201px) {
.activites .content a.flow_1:hover  { background: #e3c77d }
.activites .content a.flow_2:hover  { background: #e3c77d }
.activites .content a.flow_3:hover  { background: #e3c77d }
.activites .content a.flow_4:hover  { background: #e3c77d }
.activites .content a.flow_5:hover  { background: #e3c77d }
.activites .content a:hover img     { opacity: 0}
.activites .content a:hover span    { opacity: 1}
}

@media (max-width:1200px) {
.activites 							{ padding: 100px 0 0 0; height: auto; grid-template-columns: 1fr 1fr;}
.activites .content                 { position: relative}
.activites .arbre                   { width: 100%}
.activites .content                 { max-width: 645px}

}
@media (max-width:1000px) {
.activites .img 					{ height: 60vw;}
.activites .content a               { width: 120px;height: 85px;}
.activites .content                 { max-width: 420px}
.activites .content a.flow_1        { right: -60px;top: 155px;}
.activites .content a.flow_2        { right: -55px;bottom: 125px;}
.activites .content a.flow_3        { left: 0;bottom: 130px;}
.activites .content a.flow_4        { left: -65px;top: 130px;}
.activites .content a.flow_5        { left: 38%;top: 40px;}
}
@media (max-width:760px) {
.activites .img 				    { height: 80vw;}
}
@media (max-width: 600px) {
.activites.mobile 					{ display: block; margin-bottom: 30px;}
.activites.desktop .btns 			{ display: none;}
.activites                          { z-index: -1;padding-top: 0px}
.activites .arbre                   { margin-top: 110px;}
.activites.mobile a					{ text-align: center; margin: 20px auto; padding: 30px;}
.activites.mobile a img				{ display: block; border-radius: 50%; border: 2px solid #e3c77d; margin: 0 auto; max-width: 280px}
.activites.mobile a span			{ display: block; }
.activites.mobile .link				{ max-width: 280px; margin: 15px auto 0; margin-top: 15px; }

}


@media (max-width:600px) {
.activites .arbre.fade_in            { opacity: 0.5;}
.leflux.mobile                       { display: block; position: absolute; top: 60%; transform: translateY(-50%);}
.leflux_desktop .chapo               { display: none; }
}


/****Flow_link***/

@media (max-width: 600px) {
.flow_link a                        { font: 18px/60px "Sitka Text";letter-spacing: 0;height: 60px;background: url(../images/arrow.svg) right 30px center no-repeat,#e3c77d}

.flow_link                          {display: grid;grid-template-columns: 1fr;gap: 10px;margin:0 0 50px;}

}

/*******slider***********/
.slider_flow 						{ display: none;}
.img_long img              	      	{ width: 100%; height: 100%; margin-bottom: 40px; }

@media (max-width: 1200px) {
.slider_flow                        { margin-top: 0}
.slider_flow                        { margin: 0 0 70px}
}

@media (max-width: 600px) {
.slider_flow 						{ display: block;}
.img_long img              	      	{ display: none; }

.slider_flow                        { width: 100%;position: relative;margin:0 0 90px;z-index: 999;background: #ffffff}
.slider_flow ul.slick-dots          { text-align: center;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);}
.slider_flow .slick-dots li         { display: inline-block;}
.slider_flow ul.slick-dots button   {width: 10px;height: 10px;background: #ffffff; border-radius: 50%;font-size: 0;padding: 0;border: 0;margin: 0 5px;cursor: pointer;}
.slider_flow ul.slick-dots .slick-active button { background: #000000;}
.slick-slide img                    { width: 100%; height: 100%;  object-fit: cover; }
.slider_flow                        { margin-bottom: 50px}
}


.bloc_texte                         { text-align: center;max-width: 1000px;margin: 0 auto 100px}
.bloc_texte p                       { color: #1d1d1d;}
.bloc_texte p:first-child           { padding-bottom: 30px}
.bloc_texte a                       { margin-top: 30px}

@media (max-width: 1200px) {
.bloc_texte                         { margin-bottom: 80px }
}
@media (max-width: 600px) {
.bloc_texte                         { margin-bottom: 50px}
}