@font-face {
  font-family: 'FontAwesome';
  src: url("font/fontawesome-webfont.eot?v=4.7.0");
  src: url("font/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("font/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("font/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("font/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

ul#superfish-main {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}

ul.menu a.is-active {
    color: #3e7de4 !important;
}

nav#mainNav {
    color: #000;
    font-weight: bolder;
    font-size: 14px;
    padding-left: 20px;
    letter-spacing: 1px;
    font-family: Roboto;
    padding-right: 20px;
}

#superfish-main {
  text-align: center;
}

ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
  margin-top: 10%;
}

.node__meta,
.field__label {
  display: none;
}

p.agence_bps_securite {
    font-size: 50px;
}

.field--name-field-image-agence > div:nth-child(2) > img:nth-child(1),
.img_reference,
.img_prestations,
.img_agence,
.img_accompagnement {
  width: 100%;
  height: auto;
}

.img_agence {
  margin-left: -2%;
  margin-top: -33%;
}

.informations_agences {
  transform: translate(168px, -584px);
}

.infos_complementaires {
    transform: translateX(-1.7vw);
}

.txt_accompagnement.reference_txt_1 {
  margin-top: 11%;
}

.img_reference {
  margin-bottom: -8%;
}

.nos_prestations {
  width: 25%;
  padding: 0.5% 1%;
  color: white;
  background: #1E2B52;
  font-size: 2em;
  text-align: end;
  font-weight: bold;
  transform: translateY(-31vw);
}
.les_presations {
  display: flex;
  transform: translateY(-23vw);
  justify-content: space-evenly;
}
.presta {
  border: 3px solid #1E2B52;
  border-radius: 100px;
  background: #fff;
  display: flex;
  justify-content: start;
  align-items: center;
  width: 21%;
  height: 125px;
}
#cercle {
  width: 8vh;
  height: 8vh;
  border-radius: 60%;
  background: #1E2B52;
  margin-top: 1%;
  margin-left: 1%;
  position: absolute;
}

.informations {
  margin-left: 30%;
  margin-top: 2%;
  font-weight: bold;
  font-size: 1.5em;
  color: #1E2B52;
}

.img_accompagnement {
  width: 85%;
  height: auto;
}

.container.valeurs {
  margin-top: -7%;
}

.gras {
  font-weight: bold;
}

.fond_img_accompagnement {
  background: #1E2B52;
  margin-top: 2%;
  padding: 1% 0% 0.5% 0%;
    padding-top: 1%;
    padding-right: 0%;
    padding-bottom: 0.5%;
    padding-left: 0%;
}

.txt_accompagnement {
  font-size: 1.2em;
  color: #1E2B52;
}

.titre_reference {
  text-align: center;
  color: #1E2B52;
  font-size: 2em;
  font-weight: bold;
  margin-top: 2%;
}

.article_ouest_france,
.citations {
  color: #1E2B52;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  padding: 0% 26%;
  transform: translateY(-28vw);
}

.source_ouest_france {
  transform: translate(0vw, -34vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

.source_citation {
  transform: translate(0vw, -29vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center
}

.gerant, .adresse, .tel, .horaires  {
  color: #1E2B52;
}

.gerant {
  font-size: 1.3em;
}

.tel {
  font-size: 1.7em;
  font-weight: bold;
}

.adresse {
  line-height: 5px;
}
.horaires.jour {
  line-height: 8px;
  transform: translateX(1.6vw);
}
.tel::before {
  content: "\f095";
  font-family: "FontAwesome";
  display: inline-block;
  width: 6%;
}
.horaires.horaire_ouverture::before {
  content: "\f017";
  font-family: "FontAwesome";
  font-size: 1.3em;
  display: inline-block;
  width: 6%;
}
.horaires.horaire_ouverture {
  font-size: 1.3em;
}
div.clearfix:nth-child(3) > div:nth-child(2) > p:nth-child(1) > img:nth-child(1) {
  margin-top: -22%;
}
.adresse_location::before {
  content: "\f041";
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 2em;
  transform: rotate(-22deg) translateY(0.5vw);
  color: #1E2B52;
}
.adresse.adresse_2 {
  margin-left: 6%;
}
.adresse.adresse_1 {
  margin-top: -5%;
  margin-left: 6%;
}
.agence_bps_secu {
  height: auto;
  width: 32%;
  transform: translateX(0.5vw);
}

.ouverture {
  margin-top: -3%;
}

.horaires.jour.horaire_lundi {
  margin-top: -1%;
}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    padding: 0 10%;
}

body {
	doverflow-x:hidden;
}

.btn_cta,
.btn_cta_a {
  bottom: 37%; 
  position: fixed;
  z-index: 9999;
}

.btn_cta > a > img,
.btn_cta_a > a > img
{
height: 50%;
width: 50%;
}

.btn_cta_a {
  right: -97px;
}


.btn_cta {
  right: -47px;
}


#our-clients > div > div > div:nth-child(13) > img {
    margin-left: 10px;
      margin-right: 60px;
}

.field--name-field-image {
  margin-top: -9%;
}

div.team-member:nth-child(3) > div:nth-child(1) > p:nth-child(5) {
  margin-top: -9.5%;
}

.img_lien {
  margin-left: 12%;
  width: 100%;
}

.carousel-item {
    margin-top: 50px;
}

.top-banner {
	background-color: #1E2B52;
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
    margin-left: 2px;
}

.col-md-4.col-sm-12.footer-columns {
    padding: 0;
}

#footer .footer-columns li {
	border-color: white;
}
#footer li > a {
	color: white;
}

.container-fluid.wow.fadeInUp {
    padding-bottom: 140px;
}

div#btn {
    display: flex;
    justify-content: center;
    margin-top: -7%;
    position: sticky;
    z-index: 25;
}

button#btn_en_savoir_plus {
    border: none;
    border-radius: 10px;
    background: #E6E6E6;
    color: #1e2b52;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

#footer {
    margin-top: 8%;
    padding-left: 85px;
}

.row .clients {
	text-align: center;
	background-color: whitesmoke;
}
#our-clients h2::after {
	background-color: white;
}
#our-clients .wow {
	text-align: center;
	color: white;
	font-weight: bold;
    font-size: 22px;
    //margin-top: -30px;
}

#edit-plaquette-pj-rej--description,
#edit-plaquette-pj-rej--label {
  display: none;
}

#edit-plaquette-txt-rej > h3,
#edit-cv-file-desc > h3 {
  color: #000;

}

.carte_implementations > img {
  width: 115%;
  height: auto;
  padding-top: 0%;
}

@media (max-width: 575.98px) {
	
	#our-clients > div > div > div:nth-child(13) > img{
		margin: 0px;
		max-width: 400px;
	}

	span.entrepeneur_gras {
		font-size: 2.4rem !important;
	}

	.apro_secu {
		font-size: 3rem !important;
	} 

        .carte_implementations > img {
                width: 100%;
         }


}

#our-team {
	background-color: #E5E5E5;
}
#our-team h2 {
	display: none;
}
#our-team .team-members {
	height: 100% !important;
	background-color: white;
}

#our-team .team-members h4 {
    font-size: 1rem;
}

#our-team .team-members h6 {
    font-size: 0.8rem;
}

h2.wow.fadeInUp {
    padding-top: 70px;
}

#mainNav > div > a > img {
    width: 280px;
}

.texte_1, .texte_2 {
    font-weight: initial;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
}

span.entrepeneur_gras {
    font-weight: bold;
    font-size: 60px;
}

span.independants_gras {
    font-weight: bold;
}

.apro_secu {
    text-align: center;
    font-size: 55px;
    margin-top: 10px;
}

.secu_gras {
    font-weight: bold;
}

#features {
    padding: 0px 0px;
}

.col-md-6.col-sm-12.col-xs-12.about-page-img.animate-box {
    display: none;
}

.texte_3 {
    font-weight: initial;
}

.texte_3, .texte_4 {
    color: #FFF;
    font-size: 50px;
    text-transform: uppercase;
}

#block-apro-secu-content > article > div > div:nth-child(4) {
    padding-bottom: 8%;
}

#services {
    //background-color: #283337;
    background: url('/themes/apro_secu/img/talky-walky-aprolliance-securite_1920.jpg');
background-size:cover;
}

#services h2 {
	color: white;
}
#services h2::after {
	background-color: white;
}


#services .service {
	border: 0;
margin-right: auto;
margin-left: auto;

}

#services .service h3 {
	font-size: 1rem;
}

#services .service hr {
	display: none;
}

#block-apro-secu-footerfirst img
{
    display: block;
    max-width: 267px;
    max-height: 95px;
    width: auto;
    height: auto;
}

.texte_5, .texte_6 {
    font-weight: initial;
    color: #FFF;
    font-size: 50px;
    text-transform: uppercase;
}

.texte_6 {
    font-weight: bold;
}

#blog-page .btn.btn-infos {
    display: none;
}


#blog-page .blog-date p:first-child {
	background: #1E2B52;
}

#blog-page .btn.btn-infos{
	background-color: #1E2B52;
}

#features ul li {
	text-align: left;
}

.icon-hand {
  background-image: url(/themes/apro_secu/img/hand-paper-solid.svg);
  fill: #1E2B52;
}

.contact {
    font-size: 50px;
    text-transform: uppercase;
}

#carte_implentations_block img
{
width: 48%;
height: auto;
float: right;
margin-top: -8%;

}

#carte_implentations img
{
width: 48%;
height: auto;
}
#form_type
{
float: left;
}

#contact-message-postuler-form,
#contact-message-rejoindre-form,
#contact-message-devis-form
{
margin-top:1px;
float:left;
}

#form_type
{
margin-left: 29px;
margin-top:25px;
width: 51%;

}

#form_type option
{
text-align: center;
}

#form_type select
{
text-align: center;
width:100%;
}

#edit-field-email-0-value
{
border: 1px solid #ccc;
display: block;
border-radius: 5px;
padding-left: 10px;
}
/*.form-item label 
{

*/}

@media screen and (max-width: 767.99px){
div.fond_img_accompagnement {
        display: none;
 }

ul#superfish-main {
  display: flex !important;
  flex-direction: column;
  align-items: initial;
  padding-left: 0;
  margin-bottom: 0;
}

.sf-accordion-toggle.sf-style-none {
  display: none;
}

.sf-depth-1.menuparent.sfHover {
  margin-bottom: 15% !important;
}

#superfish-main {
  text-align: initial;
}

ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
  margin-top: initial;
}


}

@media screen and (max-width: 767.99px){
div.fond_img_accompagnement {
        display: none;
 }
ul#superfish-main {
  display: flex !important;
  flex-direction: column;
  align-items: initial;
  padding-left: 0;
  margin-bottom: 0;
}

.sf-accordion-toggle.sf-style-none {
  display: none;
}

.sf-depth-1.menuparent.sfHover {
  margin-bottom: 15% !important;
}

#superfish-main {
  text-align: initial;
}

ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
  margin-top: initial;
}

}

@media screen and (min-width: 768px){
div.fond_img_accompagnement_mobile {
        display: none;
 }
}

@media screen and (max-width: 767px) {
  .texte_1, .texte_2 {
      font-size: 34px;
  }

  span.entrepeneur_gras {
    font-size: 43px;
  }


  .apro_secu {
    font-size: 51px;
  }

  .texte_3, .texte_4 {
    font-size: 29px;
  }

  .texte_5, .texte_6 {
    font-size: 50px;
  }


#services {
    padding-left: 0px;
    padding-right: 0px;
background-size: cover;

ul#superfish-main {
  display: flex !important;
  flex-direction: column;
  align-items: initial;
  padding-left: 0;
  margin-bottom: 0;
}

.sf-accordion-toggle.sf-style-none {
  display: none;
}
}

#services .service {
        border: 0;

}

#services .service h3 {
        font-size: 5vw;
}

#services .service hr {
        display: none;
}
#block-apro-secu-footerfirst img
{
    display: block;
    max-width: 190px;
    max-height: 167px;
    width: auto;
    height: auto;
}

#carte_implentations_block img {
  width: 100%;
  height: auto;
}

#footer {
    margin-top: 30%;
}

div#btn {
    margin-top: -33%;
}

.carte_implementations > img {
  width: 100%;
}
}
@media (min-width: 320px) and (max-width: 574px) {
.nos_prestations {
  width: 92%;
  font-size: 1.5em;
}
.les_presations {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translate(0vw, -10vw);
}
.presta {
  align-items: center;
  width: 92%;
  height: 80px;
  margin-top: 4%;
}
#cercle {
  width: 5vh;
  height: 5vh;
  margin-top: 4%;
}
.informations {
  margin-left: 24%;
  font-size: 1.3em;
}
.source_ouest_france {
  transform: translate(0vw, -160px);
  font-size: 0.8em;
}
.source_citation {
  transform: translate(0vw, -136px);

font-size: 0.8em;
}
.article_ouest_france {
  font-size: 0.8em;
  transform: translateY(-200px);
  padding: 0% 19%;
}

.citations {
  font-size: 0.8em;
  transform: translateY(-188px);
  padding: 0% 19%;
}
.col-xs-12.col-sm-12.col-md-6.image {
  display: flex;
  justify-content: center;
}
.adresse.adresse_2 {
  margin-left: -9%;
  line-height: 0px;
}

div.reference:nth-child(2) {
  margin-top: -84px;
  margin-bottom: -162px;
}

}

@media (min-width: 320px) and (max-width: 399px) {
.col-xs-12.col-sm-6.carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.informations_agences {
  transform: translate(10vw, -115vw);
}

.img_agence {
  margin-left: initial;
  margin-top: initial;
  max-width: 122%;
  width: 122%;
  min-height: auto;
  max-height: initial;
}

.gerant {
  font-size: 1em;
}
.agence_bps_secu {
  height: auto;
  width: 53%;
  transform: translateX(3vw);
  margin-top: -4%;
}

.infos_complementaires {
  transform: translateX(2vw);
  margin-top: -7%;
}

.accompagnement {
  margin-top: -125%;
}

.txt_accompagnement.reference_txt_3 {
  margin-bottom: 28%;
}

.txt_accompagnement.reference_txt_1 {
  margin-top: 27%;
}

.adresse_location::before {
  content: "\f041";
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 1.2em;
  rotate: -21deg;
  color: #1E2B52;
  margin-top: 9%;
  transform: translate(-33px, -9px);
}

.adresse.adresse_1 {
  margin-top: -8%;
  margin-left: -9%;
  line-height: 15px;
}

.adresse.adresse_2 {
  margin-left: -9%;
  line-height: 0px;
}


.tel::before {
  content: "\f095";
  font-family: "FontAwesome";
  display: inline-block;
  width: 7%;
  font-size: 1em;
}

.tel {
  font-size: 1.2em;
  font-weight: bold;
}

.tel {
  font-size: 1em;
  font-weight: bold;
  margin-left: -17%;
}

.ouverture {
  margin-left: -17%;
}

.horaires.horaire_ouverture::before {
  content: "\f017";
  font-family: "FontAwesome";
  font-size: 1.2em;
  display: inline-block;
  width: 7%;
}

.horaires.jour {
  line-height: 8px;
  transform: translateX(1.5vw);
  margin-left: 5%;
}

.horaires.horaire_ouverture {
  font-size: 0.9em;
  margin-top: -5%;
}

.article_ouest_france {
  color: #1E2B52;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 0% 19% !important;
  transform: translateY(-49vw) !important;
}

.source_ouest_france {
  transform: translate(0vw, -147px) !important;
  color: #1E2B52;
  font-size: 0.7em !important;
  text-align: center !important;
}

.citations {
  color: #1E2B52;
  font-size: 0.7em !important;
  font-weight: bold;
  text-align: center;
  padding: 0% 19% !important;
  transform: translateY(-48vw) !important;
}

.source_citation {
  transform: translate(0vw, -122px) !important;
  color: #1E2B52;
  font-size: 0.7em !important;
  text-align: center;
}

}

@media (min-width: 400px) and (max-width: 767px) {
.col-xs-12.col-sm-6.carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.informations_agences {
  transform: translate(10vw, -115vw);
}

.img_agence {
  margin-left: initial;
  margin-top: initial;
  max-width: 122%;
  width: 122%;
  min-height: auto;
  max-height: initial;
}

.gerant {
  font-size: 1em;
}
.agence_bps_secu {
  height: auto;
  width: 53%;
  transform: translateX(3vw);
  margin-top: -4%;
}

.adresse_location::before {
  content: "\f041";
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 1.2em;
  rotate: -21deg;
  color: #1E2B52;
  margin-top: 9%;
  transform: translate(-33px, -9px);
}

.adresse.adresse_1 {
  margin-top: -8%;
  margin-left: -9%;
  line-height: 15px;
}

.adresse.adresse_2 {
  margin-left: -9%;
  line-height: 0px;
}


.tel::before {
  content: "\f095";
  font-family: "FontAwesome";
  display: inline-block;
  width: 7%;
  font-size: 1em;
}

.tel {
  font-size: 1.2em;
  font-weight: bold;
}

.tel {
  font-size: 1em;
  font-weight: bold;
  margin-left: -17%;
}

.ouverture {
  margin-left: -17%;
}

.horaires.horaire_ouverture::before {
  content: "\f017";
  font-family: "FontAwesome";
  font-size: 1.2em;
  display: inline-block;
  width: 7%;
}

.horaires.jour {
  line-height: 8px;
  transform: translateX(1.5vw);
  margin-left: 4%;
}

.horaires.horaire_ouverture {
  font-size: 0.9em;
  margin-top: -5%;
}

.accompagnement {
  margin-top: -67vw;
}

.txt_accompagnement.reference_txt_1 {
  margin-top: initial;
}

.txt_accompagnement.reference_txt_3 {
  margin-bottom: 28%;
}

.infos_complementaires {
  transform: translateX(5vw);
  margin-top: -7%;
}

.col-xs-12.col-sm-6.carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.informations_agences {
  transform: translate(10vw, -117vw);
}

.img_agence {
  margin-left: initial;
  margin-top: initial;
}

.gerant {
  font-size: 1em;
}
.agence_bps_secu {
  height: auto;
  width: 53%;
  transform: translateX(3vw);
  margin-top: -4%;
}

.adresse_location::before {
  content: "\f041";
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 1.2em;
  rotate: -21deg;
  color: #1E2B52;
  margin-top: 9%;
  transform: translate(-33px, -9px);
}

.adresse.adresse_1 {
  margin-top: -8%;
  margin-left: -9%;
  line-height: 15px;
}

.adresse.adresse_2 {
  margin-left: -9%;
  line-height: 0px;
}


.tel::before {
  content: "\f095";
  font-family: "FontAwesome";
  display: inline-block;
  width: 7%;
  font-size: 1em;
}

.tel {
  font-size: 1em;
  font-weight: bold;
  margin-left: -17%;
}

.ouverture {
  margin-left: -17%;
}

.horaires.horaire_ouverture::before {
  content: "\f017";
  font-family: "FontAwesome";
  font-size: 1.2em;
  display: inline-block;
  width: 7%;
}

.horaires.jour {
  line-height: 8px;
  transform: translateX(1.5vw);
  margin-left: 5%;
}

.horaires.horaire_ouverture {
  font-size: 0.9em;
  margin-top: -5%;
}

}
@media (min-width: 575px) and (max-width: 767px) {
.informations_agences {
  transform: translate(36px, -558px) scale(1.6);
}

.accompagnement {
  margin-top: -368px;
}

div.clearfix:nth-child(3) > div:nth-child(2) > p:nth-child(1) > img:nth-child(1) {
  margin-top: -15%;
}

.article_ouest_france {
  color: #1E2B52;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding: 0% 26%;
  transform: translateY(-53vw);
}

.citations {
  color: #1E2B52;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding: 0% 26%;
  transform: translateY(-300px);
}

.source_ouest_france {
  transform: translate(0vw, -228px);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

.source_citation {
  transform: translate(0vw, -228px);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

div.reference:nth-child(2) {
  margin-top: -62px;
}

.nos_prestations {
  width: 68%;
  transform: translateY(-34vw);
}

.les_presations {
  transform: translateY(-10vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.presta {
  width: 77%;
  height: auto;
  margin-top: 3%;
  font-size: 1.3em;
}

#cercle {
  width: 5vh;
  height: 5vh;
  margin-top: 3%;
  margin-left: 3%;
  position: initial;
}

.informations {
  margin-left: 5%;
  font-size: 1em;
}

.col-xs-12.col-sm-12.col-md-6.image {
  display: flex;
  justify-content: center;
}

.col-xs-12.col-sm-6.carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}
.img_agence {
  margin-left: initial;
  margin-top: initial;
}

.col-xs-12.col-sm-6.carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}
.img_agence {
  margin-left: initial;
  margin-top: initial;
}

.tel {
  font-size: 1.2em;
  font-weight: bold;
}

}

@media (min-width: 832px) and (max-width: 991px) {
.col-xs-12.col-sm-12.col-md-6.pres_carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}

.informations_agences {
  transform: translate(320px, -664px) scale(1.3);
}

.agence_bps_secu {
  width: 18%;
  transform: translateX(3vw);
}

.txt_accompagnement.reference_txt_1 {
  margin-top: -56%;
}

div.clearfix:nth-child(3) > div:nth-child(2) > p:nth-child(1) > img:nth-child(1) {
  margin-top: -9%;
}

.nos_prestations {
  width: 47%;
  transform: translateY(-33vw);
}

.les_presations {
  transform: translateY(-27vw);
}

.presta {
  width: 24%;
  height: 102px;
  padding: 2% 0;
}

#cercle {
  width: 5.5vh;
  height: 5.5vh;
}

.informations {
  margin-left: 37%;
  margin-top: 2%;
  font-size: 1.1em;
}
.col-xs-12.col-sm-6.carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}
.img_agence {
  margin-left: initial;
  margin-top: initial;
}

.adresse.adresse_1 {
  margin-top: -5%;
  margin-left: 6%;
}

.adresse_location::before {
  font-size: 2em;
}

.gerant {
  font-size: 1.3em;
  margin-left: 4%;
}

.horaires.jour {
  line-height: 8px;
  transform: translateX(1.6vw);
  margin-left: 4%;
}

}

@media (min-width: 768px) and (max-width: 831px) {
.nos_prestations {
  width: 50%;
  transform: translateY(-33vw);
}

.les_presations {
  transform: translateY(-8vw);
  flex-direction: column;
  align-items: center;
}

.presta {
  width: 66%;
  height: 88px;
  margin-top: 3%;
  font-size: 1.2em;
}

#cercle {
  width: 5vh;
  height: 5vh;
  margin-top: 2%;
}
.informations {
  margin-left: 13%;
  font-size: 1.5em;
}

.col-xs-12.col-sm-6.carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}

.img_agence {
  margin-left: initial;
  margin-top: initial;
}

.informations_agences {
  transform: translate(326px, -667px) scale(1.3);
}

.agence_bps_secu {
  width: 16%;
  transform: translateX(3vw);
}

.adresse_location::before {
  font-size: 2em;
  transform: rotate(-22deg) translateY(2vw);
}

.txt_accompagnement.reference_txt_1 {
  margin-top: -58%;
}

div.clearfix:nth-child(3) > div:nth-child(2) > p:nth-child(1) > img:nth-child(1) {
  margin-top: -15%;
}

.adresse.adresse_1 {
  margin-top: -3%;
  margin-left: 6%;
}

.gerant {
  font-size: 1.3em;
  margin-left: 4%;
}

.horaires.jour {
  line-height: 8px;
  transform: translateX(1.6vw);
  margin-left: 4%;
}
}

@media (min-width: 961px) and (max-width: 991px) {
.informations {
  margin-left: 32%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.nos_prestations {
  width: 39%;
  transform: translateY(-33vw);
}

.les_presations {
  transform: translateY(-29vw);
}

.presta {
  width: 23%;
  height: 110px;
  padding: 2% 0%;
}

#cercle {
  width: 8vh;
  height: 8vh;
}

.informations {
  margin-left: 38%;
  font-size: 1.3em;
}

.informations_agences {
  transform: translate(142px, -484px);
}

.gerant {
  font-size: 1.3em;
  margin-left: 4%;
}

.adresse_location::before {
  font-size: 2em;
  transform: rotate(-21deg) translate(0vw, 1vw);
}

.adresse.adresse_1 {
  margin-top: -5%;
  margin-left: 8%;
}

.adresse.adresse_2 {
  margin-left: 8%;
}

.tel::before {
  width: 8%;
}

.tel {
  font-size: 1.5em;
  font-weight: bold;
}

.horaires.horaire_ouverture::before {
  width: 8%;
}

.horaires.horaire_ouverture {
  font-size: 1.1em;
}

.horaires.jour {
  line-height: 8px;
  transform: translateX(1.6vw);
  margin-left: 4%;
}


}

@media (min-width: 1154px) and (max-width: 1199px) {
.informations {
  margin-left: 32%;
}
.presta {
  padding: 5% 0%;
}
.informations {
  margin-left: 31%;
  font-size: 1.5em;
}
}

@media (min-width: 1200px) and (max-width: 1255px) {
.nos_prestations {
  width: 33%;
  transform: translateY(-33vw);
}
.les_presations {
  transform: translateY(-27vw);
}
#cercle {
  width: 8vh;
  height: 8vh;
}
.informations {
  font-size: 1.5em;
  margin-left: 39%;
}
.adresse_location::before {
  font-size: 2em;
  transform: rotate(-22deg) translateY(1vw);

}

.adresse.adresse_1 {
  margin-top: -5%;
  margin-left: 6%;
}

.tel {
  font-size: 1.5em;
  font-weight: bold;
}

.horaires.horaire_ouverture::before {
  font-size: 1.3em;
}

.horaires.jour {
  margin-left: 3%;
}

}
@media (min-width: 1256px) and (max-width: 1601px) {
.nos_prestations {
  width: 32%;
}
.les_presations {
  transform: translateY(-27vw);
}
.presta {
  height: 147px;
}
#cercle {
  width: 8vh;
  height: 8vh;
}
.informations {
  font-size: 1.5em;
  word-break: break-word;
  margin-left: 35%
}

.adresse_location::before {
  font-size: 2em;
  transform: rotate(-22deg) translateY(1vw);

}

.adresse.adresse_1 {
  margin-top: -5%;
  margin-left: 6%;
}

.tel {
  font-size: 1.5em;
  font-weight: bold;
}

.horaires.horaire_ouverture::before {
  font-size: 1.3em;
}

.horaires.jour {
  margin-left: 3%;
}

}
@media (min-width: 768px) and (max-width: 1024.99px) {
.col-xs-12.col-sm-12.col-md-6.reference,
.col-xs-12.col-sm-12.col-md-6.pres_carte {
  -ms-flex: 0 0 50%;
  flex: 0 0 100%;
  max-width: 100%;
}
.article_ouest_france,
.citations {
  color: #1E2B52;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: 0% 26%;
  transform: translateY(-54vw);
}
div.reference:nth-child(2) > img:nth-child(1) {
  margin-top: -12%;
}
.source_ouest_france {
  transform: translate(0vw, -39vw);
  text-align: center;
}
.source_citation {
  transform: translate(0vw, -34vw);
  text-align: center;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {
.article_ouest_france, .citations {
  color: #1E2B52;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 0% 21%;
  transform: translateY(-26vw);
}

.source_ouest_france {
  transform: translate(0vw, -19vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

.source_citation {
  transform: translate(0vw, -17vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

}
@media (min-width: 1400px) and (max-width: 1699px) {
.article_ouest_france, .citations {
  color: #1E2B52;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  padding: 0% 26%;
  transform: translateY(-28vw);
}

.source_ouest_france {
  transform: translate(0vw, -24vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

.source_citation {
  transform: translate(0vw, -19vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

}

@media (min-width: 1700px) {
.source_ouest_france {
  transform: translate(0vw, -25vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

.source_citation {
  transform: translate(0vw, -20vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}
}

@media (min-width: 1025px) and (max-width: 1199px) {
.article_ouest_france, .citations {
  color: #1E2B52;
  font-weight: bold;
  text-align: center;
  padding: 0% 21%;
  transform: translateY(-25vw);
  font-size: 1em;
}

.source_ouest_france {
  transform: translate(0vw, -19vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}

.source_citation {
  transform: translate(0vw, -17vw);
  color: #1E2B52;
  font-size: 1.1em;
  text-align: center;
}
}

@media (min-width: 400px) and (max-width: 475px) {
.informations_agences {
  transform: translate(10vw, -105vw) scale(1.3);
}
}

@media (min-width: 476px) and (max-width: 575px) {
.informations_agences {
  transform: translate(10vw, -102vw) scale(1.4);
}
.horaires.jour {
  line-height: 8px;
  transform: translateX(1.5vw);
  margin-left: 4%;
}
}

@media (min-width:576px) and (max-width: 767px) {
.horaires.jour {
  line-height: 8px;
  transform: translateX(1.5vw);
  margin-left: 4%;
}
}

@media (min-width:1200px) and (max-width: 1599px) {
.horaires.jour {
  margin-left: Z%;
}
}

@media (min-width:992px) and (max-width: 1136px) {
#cercle {
  width: 7vh;
  height: 7vh;
}

.informations {
  margin-left: 38%;
}
}

@media (min-width:1137px) and (max-width: 1154px) {
.informations {
  word-break: break-word;
  margin-left: 38%;
}
}

@media (min-width:1155px) and (max-width: 1199px) {
.informations {
  margin-left: 38%;
}
}


@media screen and (max-width: 991.99px){
.field--name-field-image {
  margin-top: initial;
  margin-left: 35%;
}
}

/*
@media screen and (max-width: 1024px){
.field--name-field-image {
  margin-top: initial;
  margin-left: 40%;
}
}
*/