.photos_agence_challans { width: 350px !important; height: auto !important;  margin-top: 50px; }
.photos_agence_lh { width: 350px !important; height: auto !important;  margin-top: 50px; }
.photos_agence_niort { width: 350px !important; height: auto !important;  margin-top: -40px; }

header .box_agence, div .box_agence, footer .box_agence {display: block; position: relative; width: 1310px; box-shadow: 0px 0px 6px 0px #22222273; margin: 0 auto;}

#features { text-align: center; }

#features .features-content {display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; border: none !important;  background: #fff; width: 100%; }

#features .features-content+.features-content { border: 0 }
#features .features-content-col { width: 50%;  z-index: 2; text-align: left }
#features .features-textblock { display: none; position: relative}
#features .features-textblock.__active { display: block; padding: 5px; }

#features .features-graph .sq-bt-label {   font-family: "frank-new",sans-serif;
background: #272727; opacity: 0.9; color: #fff; border-radius: 3px;  font-size: 14px; font-weight: 500; padding: 2px 5px;   position: absolute;
}

#features .features-graph .sq-bt-label:hover { color: #cc0000;     font-weight: 600; }

#features .features-graph .label-top-left { right: 134px;   top: 141px; }
#features .features-graph .label-top { right: 208px; top: 207px }
#features .features-graph .label-top-right { right: 323px; top: 259px }
#features .features-graph .label-bottom-left { right: 375px; top: 161px; } 
#features .features-graph .label-bottom { right:107px; top: 272px; }
#features .features-graph .label-bottom-niort { right:76px; top: 328px; }
#features .features-graph .label-top-cholet { right: 170px; top: 83px; }

#features .features-items { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; list-style: none; margin: 0;  padding: 0 }

.hidden {display:none;}
.visible {display:block;}

#features .features-graph { height: 310px;     margin-left: 160px; margin-top: 10px; }
#features .features-graph .button-holder { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;  align-items: center }
#features .features-graph .animation-holder { display: flex; justify-content: center;  align-items: center }
#features .features-graph .flash-oval { width: 550px; height: 390px; margin-top: -40px;  border: 4px solid #fff; background: #cc0000; box-shadow: 0px 0px 6px 0px #22222273;}
#features .features-graph .flash-oval img { width: 100%; height: 100%; margin: 0px auto; }

.icon_content_agences  {display: inline-block; margin-bottom: 1px; margin-left: -5px; position: relative; text-align: center; width: 100%;}
.icon_content_agences h3 {  display: inline-block; font-size: 18px;  position: relative; font-weight: 500; text-align: center;}
.icon_enveloppe_agences { margin-left: 15px; position: relative; top: 7px; margin-right: 5px;  display: inline-block;  width: 28px;  text-align: center; }
.icon_telephone_agences {  margin-right: 5px; width: 33px; position: relative; top: 10px;  display: inline-block; text-align: center; }
.icon_content_agences2  {  display: block; text-align: center; width: 100%; position: relative; }
.icon_clock_agences {  margin-right: 5px; width: 28px; position: relative; top: 10px;  display: inline-block; text-align: left; }

figure.snip0041 {position: relative;overflow: hidden;width: 810px; z-index: 1; height: 280px;background: #fff;}
figure.snip0041 * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s;transition: all 0.35s;}
figure.snip0041 > img { margin-right: 40%; border-radius: 5px; width: 400px; height: 100%; }

figure.snip0041 figcaption { right: 1px; text-align: left; position: absolute; top: 0; width: 450px; font-size: 18px; height: 100%; font-weight: 500; background: #fff; }


figure.snip0041 figcaption p { color: #000; font-weight: 500; text-align: center; font-size: 20px; padding: 0 15px; margin: 15px auto;}

.header_agences h2 {   padding: 2px 0 1px 0; margin: 0 auto; color: #fff;  font-size: 24px; text-align: center;
background: #CC0000; width: 810px; font-weight: 900;   text-transform: uppercase; border-bottom: 3px solid #cc0000; 
}

.header_agences h2 span {  font-weight: 800;   text-align: center; }

figure.snip0041 figcaption p i {  color: #cc0000; margin-right: 3px; margin-left: 1px;  }
.hide_mobileagence { display: block; }
.show_mobileagence { display: none; }

 @media only screen and (max-width: 950px) {
   
.hide_mobileagence { display: none; }
.show_mobileagence { display: block; border: 4px solid #fff; background: #cc0000; width: 360px; margin-left: auto; margin-top: 10px; 
margin-right: auto; box-shadow: 0px 0px 6px 0px #22222273; position: relative;  }
.show_mobileagence img { width: 100%; height: 100% }   

.show_mobileagence .sq-bt-labelagence {   font-family: "frank-new",sans-serif;
background: #272727; opacity: 0.9; color: #fff; border-radius: 3px; font-size: 12px; font-weight: 500; padding:2px  3px; position: absolute;
}

.show_mobileagence .labelagence-top-left { right: 85px; top: 119px; }
.show_mobileagence .labelagence-top {right: 138px;top: 165px}
.show_mobileagence .labelagence-top-right {    right: 230px;    top: 202px}
.show_mobileagence .labelagence-bottom-left {    right: 264px;    top: 132px; }
.show_mobileagence .labelagence-bottom {    right:75px;    top: 213px; }
.show_mobileagence .labelagence-top-cholet { right: 122px; top: 77px; }
.show_mobileagence .labelagence-top-niort { right: 52px; top: 252px; }
   
.container_agences_mobile { width: 330px; margin-left: auto; margin-right: auto; margin-top: 30px; }

.card_agences_mobile { background: #fff; position: relative; color: #000; padding: 0px; margin-bottom: 15px;  }
.card_agences_mobile .img_card_agences_mobile { display: block; margin-top: 0px; padding: 0px; text-align: center; overflow: hidden;   }
.card_agences_mobile .img_card_agences_mobile img { width: 330px; overflow: hidden;  }
   
.icon_content_agences  {display: block; position: relative; text-align: left; width: 100%;}
.icon_content_agences h3 {  display: inline-block; font-size: 16px;  position: relative; font-weight: 500; text-align: left;}
.icon_enveloppe_agences { margin-left: 10px; position: relative; top: 15px; margin-right: 5px;  display: inline-block;  width: 25px;  text-align: left; }
.icon_telephone_agences {  margin-left: 10px; margin-right: 5px; width: 25px; position: relative; top: 10px;  display: inline-block; text-align: left; }
.icon_content_agences2  {  display: block; text-align: left; width: 100%; position: relative; }
.icon_clock_agences {  margin-left: 5px;  margin-right: 5px; width: 25px; position: relative; top: 10px;  display: inline-block; text-align: left; }

figure.snip0041 {width: 100%; height: 280px;}
figure.snip0041 figcaption { width: 100%; font-size: 16px; }
figure.snip0041 figcaption p {font-size: 16px;   padding: 0px;}

}