/*--------- [RESET] ---------*/
* { border:0; margin:0; padding:0; list-style:none; font-size:100%; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display:block; }
/*--------- [ FORMULAIRES ] ---------*/
label, input[type=submit], button { cursor:pointer; -webkit-appearance:none; }
input:not([type=submit]), textarea, select { vertical-align:middle; font-family:Roboto; background:#fff; border:1px solid #b2b4b7; border-radius: 3px; width: 100%; padding:8px 10px 7px; font-size: 13px}
input[type=radio], input[type=checkbox] { width:auto; }
textarea { padding:10px; height: 150px; resize:none;}
input[type=submit], button[type=submit] {  }
::-webkit-input-placeholder {  opacity:1; color:#000}
::-moz-placeholder {  opacity:1; color:#000}
:-ms-input-placeholder {  opacity:1; color:#000}
input.hide { text-indent: -9999px; text-transform:capitalize; }
/*--------- [ TEXTE / BOUTONS / ALIGNEMENT / EFFETS... ] ---------*/
a { text-decoration:none; color:#000;  transition: all 0.3s ease;}
a:hover { color:#f5509e }
.trans03s {  transition: all 0.3s ease;}
.fadeIn { -webkit-transform:translateZ(0); transition:opacity 0.3s ease; }
.fadeIn:hover { opacity:0.8; }
.rgba { background-color: rgba(0, 0, 0, 0.8); }
.align_center { text-align: center}
.align_right { text-align: right}

/*********************[CONTENU]****************************/

hr {      height:1px; background:#b2b4b7}
hr.pfaq {  margin:60px 0 }

h1, h2, h3, h4, h5 {   font-family: 'Catamaran', sans-serif; font-weight: 300}
.txt_24px_catamaran { font-size: 24px; font-family: 'Catamaran', sans-serif; line-height: 30px; font-weight: 300}

/* Haut Page */
.banniere_page { display: flex; align-items: flex-end;    align-self: flex-end; }
.titre_h1 { width: 730px; max-width: 100%; margin:0 auto -1px; font-family: 'Catamaran', sans-serif; text-align: center; padding:17px 10px 3px; background:#fff; border-radius: 5px 5px 0 0}
.titre_h1 .moovup { font-size: 24px; line-height: 24px; padding-bottom: 5px}
.titre_h1 .moovup span { color:#e4016d}
.titre_h1 h1, .titre_h1 .titre { font-size:36px; line-height: 32px;}
.intro_page {  padding:68px 30px 0; line-height: 26px; margin-bottom: -15px;}
.intro_page p { padding-top:25px;}
.intro_page p:first-child { padding-top:0}
.main-title { font-size: 48px; line-height: 45px; text-transform: uppercase; clear: both; width: 100%  }
.main-title:after { content:""; clear: both; display: block; width: 100%}
.main-title .bg {  display: inline-block; vertical-align: top}
.main-title strong { position: relative; display: inline-block; vertical-align: top; }
.main-title strong:after { content:""; background:#f5509e; position: absolute; left:50%; margin-left:-15px; width: 30px; bottom:-3px; height: 6px;}
.main-title .min {  font-size: 15px; display: block; font-weight: bold; text-transform: initial; line-height: 15px; position:relative; top:-3px}

.gris {  background:#f7f7f7;}

.btn_rose { background:#f5509e; color:#fff; display: inline-block; vertical-align: top; font-size: 16px; line-height: 24px;  font-family: 'Catamaran', sans-serif; border-radius: 4px; padding:7px 15px 4px; transition:all 0.3s ease; }
.btn_rose:hover { background:#000000; color:#fff }

.bloc-2blocs { margin:90px 0;  }
.bloc-2blocs .main-title .bg {  background:#f7f7f7; padding:50px 50px 36px 32px; min-width: 660px}
.bloc-2blocs .conteneur { overflow: hidden  }
.bloc-2blocs .left { width:43.2%; background:#f7f7f7; padding:0 30px 66px 109px; float: left;}
.bloc-2blocs .right { width:56.8%; background:#fff; padding:53px 65px;float:right;font-size: 14px;}
.bloc-2blocs .right p:first-child { padding-top: 0}
.bloc-2blocs .right.gris { background:#f7f7f7; padding-top: 35px}
.bloc-2blocs .right.gris .main-title .bg { padding-left:0; padding-top: 0}
.bloc-2blocs h3 { font-size: 24px; font-family: 'Catamaran', sans-serif; line-height: 30px; font-weight: 300; margin-bottom: -10px }
.bloc-2blocs p { padding-top:20px; }
.bloc-2blocs .right li { padding-left: 30px;}
.bloc-2blocs .right li:before { content:"•"; margin-right: 5px }
.bloc-2blocs.bg_gris { padding: 66px 0 13px}
.bloc-2blocs.bg_gris, .bloc-2blocs.bg_gris .right {  background:#f7f7f7; }
.bloc-2blocs.bg_gris .main-title .bg, .bloc-2blocs.bg_gris .left { background: #fff;}
.bloc-2blocs .liste_arrow li { position: relative; padding-left: 10px; margin-bottom: 5px  }
.bloc-2blocs .liste_arrow li:before { content:""; background:url(images/arrow_right.svg) no-repeat; width: 5px; height: 7px; position: absolute; top:8px; left:0; background-size: 100% auto }
.liens_rond { text-align: center; margin-bottom: -25px }
.liens_rond > div { display: inline-block; vertical-align: top; width: 40%; text-align: center; padding:0 15px 25px}
.liens_rond a { display: block}
.liens_rond a .rond {  width: 157px; height:157px; margin: 0 auto 8px;  border-radius: 157px; border:1px solid #f5509e; justify-content: center; display:flex; align-content: center; transition:all 0.3s ease;}
.liens_rond a .rond img {  filter: invert(.5); transition:all 0.3s ease;}
.liens_rond a:hover .rond img { filter: invert(0) }
.liens_rond a:hover .rond { background:#f5509e}
.liens_rond a .label { text-align: center; font-size: 24px; font-family: 'Catamaran', sans-serif;  font-weight: 300; white-space: nowrap}
.liens_rond a .label:after { content:""; background:url(images/arrow_right.svg) no-repeat; width: 5px; height: 7px; display:inline-block;  margin:0 7px; background-size: 100% auto; position: relative; top:-2px;  transition:all 0.3s ease; }
.liens_rond a:hover .label:after {  background-image:url(images/arrow_right_rose.svg) ;  }
.parallax-mirror { z-index: 0 !important;}
.banniere_bloc { margin-top:-112px; margin-bottom: -10px}
.bloc-2blocs.approche .left { min-height: 296px}
.bloc-2blocs.approche .right { min-height: 408px}
.bloc_service_picto { display: flex; justify-content: center; width: 100%; text-align: center; margin-top:-30px; }
.bloc_service_picto.trois_services .service { width: 33.33%}
.bloc_service_picto  .service { padding: 0 60px }
.bloc_service_picto .rond {  width: 157px; height:157px; margin: 0 auto 18px;  border-radius: 157px; border:1px solid #f5509e; justify-content: center; display:flex; align-content: center; transition:all 0.3s ease;}
.bloc_service_picto .rond img {  filter: invert(.5); transition:all 0.3s ease;}
.bloc_service_picto h2 { font-size: 24px; font-family: 'Catamaran', sans-serif; line-height: 30px; font-weight: 300; }
.bloc_service_picto .pres { max-width: 350px; margin:0 auto; padding: 10px 0}
.bloc_service_picto ul { padding: 15px 0 0 }
.bloc_service_picto ul li:before { content:"• ";}
.bloc_service_picto .resultat { line-height: 18px; font-weight: bold;}
.bloc_service_picto .resultat:before { content:""; background-image:url(images/arrow_down_rose.svg); width: 21px; height: 15px; background-size: 100% auto; display: block; margin: 10px auto}

.temoignages_image { height: 114px; position: relative; text-align: right}
.temoignages_image img { width:255px; height: 315px; border: 10px solid #6e6e6e;}
.temoignages_texte { padding-left: 70px; position: relative; top:-10px; min-height: 280px;  }
.temoignages_texte:after { content:""; width: 48px; height: 41px;  position: absolute; top:0; left:0;    background:url(images/quote.svg) no-repeat;}
.temoignages_texte .titre { font-size: 24px; font-weight: 300; font-family: 'Catamaran', sans-serif; margin-bottom: -10px}
.temoignages_texte .bottom { padding-top:15px; display: flex; justify-content: space-between}
.temoignages_texte .auteur { line-height: 18px;}
.temoignages_texte .auteur:before { content:""; width: 79px; height: 1px; background:#b2b4b7; display: block; margin-bottom:8px; }
.temoignages_texte .social { padding-left: 15px; }
.temoignages_texte .social img {  filter: grayscale(100%); transition:all 0.3s ease; }
.temoignages_texte .social img:hover {  filter: grayscale(0%); }
.slider_temoignages .left, .slider_temoignages .right {    opacity: 1 !important; transform: translate(0) !important;  }
.slider_temoignages .owl-nav { position:absolute;     left: calc(43.2% - 63px); width: 33px; top:335px; height: 16px;  }
.slider_temoignages .owl-nav button  { position:absolute; top:0; width: 11px; height: 16px;   text-indent: -9999px;  }
.slider_temoignages .owl-nav button:hover {            background: #869791;            color: #FFF;            text-decoration: none; }
.slider_temoignages .owl-nav .disabled {      display:none;}
.slider_temoignages .owl-prev { left:0;}
.slider_temoignages .owl-next {    right: 0;}
.slider_temoignages .owl-prev  { background:url(images/arrow_left.svg) no-repeat !important;  }
.slider_temoignages .owl-next  { background:url(images/arrow_right.svg) no-repeat !important; }
/* Agence */
.bloc-2blocs.agence_presentation .left { padding-left: 90px; padding-right: 0}
.agence_equipe { max-width: 1570px; margin: 0 auto;  padding-bottom: 40px}
.agence_equipe .ligne { position:relative; min-height: 435px; overflow: hidden; margin-bottom: 15px}
.agence_equipe .visuel { background-size: cover; background-position: center; height: 387px; width: 60%; position: absolute; top:0; left:0;}
.agence_equipe .presentation {  background:#f7f7f7; width: 49%; position:relative; z-index: 5; float: right; margin-top: 113px; padding:25px  35px 35px }
.agence_equipe .presentation .fonction { font-size: 24px; font-weight: 300; font-family: 'Catamaran', sans-serif; padding:30px 0 10px }
.agence_equipe .presentation ul { padding-top: 15px }
.agence_equipe .presentation ul li strong { color:#f5509e  }
.agence_equipe .ligne:nth-child(even) {  }
.agence_equipe .ligne:nth-child(even) .visuel { left:inherit; right: 0; top:60px }
.agence_equipe .ligne:nth-child(even) .presentation { float:none; margin-top:0; width: 52.29%; padding-left:18%; padding-right: 5% }

/* Page referencement */
.map_referencement { padding: 80px 0; overflow: hidden  }
.map_referencement.bg_gris { background:#f7f7f7; }
.map_referencement .map { width: 42.7%; background:#eedfe6; float:left; height: 350px; padding: 50px 0 0 45px;}
.map_referencement .map img { max-width: 100%;}
.map_referencement .loc { background:#f7f7f7; padding: 50px 30px; width: 73%; float:right; margin-top:-270px}
.map_referencement .loc .main-title { padding:0 30px 20px;}
.map_referencement .loc ul { column-count: 2;}
.map_referencement .loc ul li { position: relative; padding-left: 10px; margin:7px 30px; line-height: 1.2; }
.map_referencement .loc ul li:before { content:""; background:url(images/arrow_right.svg) no-repeat; width: 5px; height: 7px; position: absolute; top:3px; left:0; background-size: 100% auto}
.map_referencement .loc .presentation { padding-left: 65px }
.map_referencement .loc .presentation p { padding-top: 25px  }
.map_referencement .loc .presentation a { color:#f5509e}
.referencement_presentation .right { position: relative; top:-30px;}
.referencement_presentation .right .content { padding:0 0 0 66px  }
.referencement_details_img { margin:90px 0; overflow: hidden; line-height: 0 }
.referencement_details_img img { max-width: 100%}
.referencement_details_img .left { float:left; width: 57.01% }
.referencement_details_img .right {float:right; margin-top:-250px; width: 48.7% }
.referencement_details_img .img_mobile { display: none !important;}
/* Page clients */
.clients { margin:45px -30px 0; border-top: 1px solid #b2b4b7; padding: 20px 0 100px  }
.clients li { display: inline-block; vertical-align: middle; line-height: 0; width: 25%; margin-right: -4px; padding:25px 30px; text-align: center}
.clients li img { max-width: 100%; height: auto !important;  filter: grayscale(100%); opacity: 0.8;transition:all 0.3s ease;}
.clients li img:hover {  filter: grayscale(0%); opacity:1}
/* Page BLOG */
#isotop .item {    width: 33.3%;        float: left;}
#filters { margin:0 auto 0; position: relative;  z-index: 100; text-align: center; padding: 85px 0 23px;  font-size: 14px; line-height: 14px;  text-transform: uppercase  }
#filters .filtres { padding: 0 80px;}
#filters .filtres p { display: inline-block; vertical-align: top; padding:0 7px; margin-bottom: 10px}
#filters .filtres  p input { display: none;}
#filters .filtres p:after { content:""; display: block; width:100%; height: 6px; background:#fff; margin-top:3px;}
#filters .filtres p.check  { font-weight: bold; }
#filters .filtres p.check:after {  background:#f5509e}
#filters .select  {  font-size: 14px;  font-family: 'Catamaran', sans-serif; position: absolute; top:-6px; right: 6px; text-align: center }
#filters .select select {  height: 35px;  border-radius: 3px;padding:0 6px;  cursor: pointer}
.bloc_article { margin:0 14px 30px; padding-bottom: 15px; position: relative}
.bloc_article .visuel {  background-size: cover; background-position: center; height: 155px; margin-bottom: 6px}
.bloc_article h2 { font-size: 24px; line-height: 24px;  font-family: 'Catamaran', sans-serif; font-weight: 300; padding: 10px 0; transition:all 0.3s ease;}
.bloc_article .desc { line-height: 22px;}
.bloc_article .lien  { color:#f5509e; font-weight: bold; padding-top:5px;  transition:all 0.3s ease; }
.bloc_article a:hover { color:#000}
.bloc_article a:hover h2 { color:#f5509e}
.pagination {  text-align: center;font-family: 'Catamaran', sans-serif; font-weight: bold; font-size: 0}
.pagination a { display: inline-block; padding:2px 8px 1px; text-align: center; min-width: 25px; vertical-align: top; border-radius:3px; font-size: 16px; }
.pagination a:hover, .pagination a.current { background:#f5509e; color:#fff; }
.pagination .prev {background:url(images/arrow_left.svg) no-repeat; width: 5px; height: 7px; text-indent: -9999px; background-size: 100% auto; padding: 0; min-width: 0; margin: 10px 7px 0  }
.pagination .next {background:url(images/arrow_right.svg) no-repeat; width: 5px; height: 7px; text-indent: -9999px; background-size: 100% auto; padding: 0; min-width: 0; margin: 10px 7px 0   }
#conteneur_isotop { width: 100%; overflow: hidden; padding:0 0 80px}
#isotop { position: relative; z-index: 2; margin:0 -10px}
.isotope-item {    z-index: 2;}
.isotope-hidden.isotope-item {    pointer-events: none;    z-index: 1;}
.isotope,.isotope .isotope-item {    -webkit-transition-duration: 0.8s;    -moz-transition-duration: 0.8s;    transition-duration: 0.8s;}
.isotope {    -webkit-transition-property: height, width;    -moz-transition-property: height, width;    transition-property: height, width;}
.isotope .isotope-item {    -webkit-transition-property: -webkit-transform, opacity;    -moz-transition-property:    -moz-transform, opacity;    transition-property:         transform, opacity;}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {    -webkit-transition-duration: 0s;    -moz-transition-duration: 0s;    transition-duration: 0s;}
#single { padding: 75px 0 }
#single .entete  { position:relative; margin-bottom: 45px}
#single .entete h1 {  max-width: 350px; background:#f5509e; color:#fff; font-size: 24px; line-height: 24px; font-family: 'Catamaran', sans-serif; padding:28px 30px 23px; position: relative; z-index: 10}
#single .entete .intro {  background:#f7f7f7; padding:57px 30px 45px 80px; margin-top:-38px; }
#single .entete .action { position: absolute; top:15px; right: 0}
#single .entete .action p { display:inline-block; vertical-align:middle; }
#single .entete .action .print a { background:url(images/picto_print.svg); width: 25px; height: 27px; text-indent: -9999px; display: block; margin:0 15px; transition:all 0s ease; }
#single .entete .action .print a:hover {background:url(images/picto_print_hover.svg);   }
#single .entete .action .download a { width: 190px; height: 35px; background:#000; border-radius: 4px; color:#fff; line-height: 35px; display: block; text-align: center  }
#single .entete .action .download a span { display: inline-block; width: 16px; height: 15px;  background:url(images/picto_download.svg); margin:0 5px; position: relative; top:2px; transition:all 0.3s ease;  }
#single .entete .action .download a:hover { background:#f5509e; color:#fff; }
#single .entete .action .download a:hover span { background:url(images/picto_download_hover.svg); }
#single .content img { max-width: 100%; height: auto !important;}
#single .content h2 { font-size: 26px; line-height: 24px; font-weight: bold; font-family: 'Catamaran', sans-serif; padding:0 0 20px  }
#single .content h3 { font-size: 18px; line-height: 26px; font-weight: bold; color:#f5509e;  }
#single .content p { line-height: 26px; padding-bottom: 25px}
.alignleft {    display: inline;    float: left;    margin-right: 1.625em;}
.alignright {    display: inline;    float: right;    margin-left: 1.625em;}
.aligncenter {    clear: both;    display: block;    margin-left: auto;    margin-right: auto;}
#single #blog_sommaire { width: 285px; padding-left: 30px}
#single #blog_sommaire h4 { font-size: 24px;  font-family: 'Catamaran', sans-serif; font-weight: 300; height: 40px; line-height: 44px; background:#f7f7f7; padding:0 15px }
#single #blog_sommaire ul { padding:5px 0; font-size: 15px  }
#single #blog_sommaire ul li { position: relative; padding-left: 10px; margin:7px 17px;  font-weight: bold; }
#single #blog_sommaire ul li:before { content:""; background:url(images/arrow_right.svg) no-repeat; width: 5px; height: 7px; position: absolute; top:8px; left:0; background-size: 100% auto}
#single #blog_sommaire ul li a {color:#f5509e}
#single #blog_sommaire ul li a:hover {color:#000}
#blog_autre {background:#f7f7f7; margin:100px -15px 0 }
#blog_autre .main-title { background:#e8e8e8; max-width: 650px; padding:36px 30px 22px; height: 250px;margin-top:-75px}
#blog_autre .articles {margin:-113px -14px 0; padding:0 30px; position: relative  }
#blog_autre .articles > div { width: 33.33%;  float:left;  }
#blog_autre.home { margin: 180px -15px 0; background:#fff !important;}
#blog_autre .all { position: absolute; top:-48px; right: 54px; font-style: italic}

/* Page FAQ */
#page_faq { border-top: 1px solid #b2b4b7; margin:50px 0 80px}
.bloc-faq { padding:0px 0 100px  }
.bloc-faq .main-title { margin-bottom: 15px  }
.bloc-faq ul { padding-left: 60px;  }
.bloc-faq ul li { border-bottom: 1px solid #b2b4b7; }
.bloc-faq ul li a { font-size: 16px; font-weight: bold; display: block; padding:9px 25px 8px 0; position: relative; }
.bloc-faq ul li a:after { content:""; background:url(images/arrow_right.svg) no-repeat; width: 5px; height: 7px; position: absolute; top:18px; right:10px; background-size: 100% auto }

.page_faq {visibility: visible !important;
    -webkit-transform: translateY(0)!important;
    opacity: 1!important;
    transform: translateY(0)!important;
    opacity: 1!important;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s!important;
    transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s!important;}

.page_faq h2 { font-size: 48px; line-height: 45px; font-family: 'Catamaran', sans-serif; font-weight: 300; margin-top: 20px; }
.page_faq h3 {font-size: 24px; font-family: 'Catamaran', sans-serif; line-height: 30px; font-weight: 300; margin-top: 10px;  }
.page_faq ul { padding-left: 30px; }
.page_faq li {display: list-item; text-align: -webkit-match-parent; list-style-type: disc;  }
.page_faq .wp-caption { max-width: 100%; width: auto !important;}

@media all and (max-width:1024px) {
    .page_faq h2 { font-size: 30px; line-height: 35px;}

}



/* Page CONTACT */
#contact { padding:90px 0; overflow: hidden }
#contact h3 { font-size: 14px; font-weight: bold; margin: 28px 0 10px}
#contact h3:before { content:""; width: 30px; height: 6px; background:#87898d; display: block; margin-bottom: 5px}
#contact_form { width:60%; float:left; background:#f7f7f7; padding: 50px 30px; min-height: 780px  }
#contact_form form { max-width: 530px}
#contact_form label { display: block; padding-bottom: 1px}
#contact_form .ligne { overflow: hidden; margin:0 -16px; padding-bottom: 15px }
#contact_form .ligne p { padding:0 16px  }
#contact_form .double p { float:left; width: 50%; }
#contact_form .sub {text-align: center;}
#contact_form .sub button { width: 180px; }
#contact_form .sub button span {  background:url(images/contact-envoyer.svg) no-repeat; width: 22px; height: 17px; display: inline-block; position: relative; top:2px; margin-left:5px; }
#contact_coordonnees { width:40%; float:right; background:#eedfe6; margin-top: 90px; padding:75px 20px 60px 100px  }
#contact_coordonnees h3 { margin:50px 0 0 -20px}
#contact_coordonnees .infos { padding-left: 20px;}
#contact_coordonnees .picto { display:flex; align-items: center; margin-left:-20px; padding-top:15px; }
#contact_coordonnees img {margin-right: 7px;}
#gmap {  height:410px; width: 100%;}

/* Page Home */
.referencement_details {  margin-bottom: -70px}
.banniere_home_agence { display: flex;    align-items: center; text-align: center; padding-top: 155px   }
.banniere_home_agence .main-title { display: inline-block; margin:5px auto; }
.banniere_home_agence .main-title .bg {  text-align: left; color:#fff}
.banniere_home_agence .pres { max-width: 475px; margin: 0 auto; text-align: left; color:#fff; padding: 17px 0}
.banniere_home_agence .pres h3 { font-size: 24px; padding: 10px 0}
#home_approche { margin-bottom: -15px}
#home_approche  .main-title .bg {   background:#f7f7f7; padding: 74px 50px 49px 32px; min-width: 572px}
#home_approche .ronds { width: 63%; display: flex; justify-content: space-between; float:right; margin-top: -70px; position: relative; z-index: 10}
#home_approche .ronds > div { display: inline-block; vertical-align: top;  text-align: center; padding:0 15px 25px}
#home_approche .ronds .rond {  width: 157px; height:157px; margin: 0 auto 25px;  border-radius: 157px; border:1px solid #f5509e; background:#fff; justify-content: center; display:flex; align-content: center; transition:all 0.3s ease;}
#home_approche .ronds .rond img {  filter: invert(.5); transition:all 0.3s ease;}
#home_approche .ronds .label { text-align: center; font-size: 24px; font-family: 'Catamaran', sans-serif;  font-weight: 300; white-space: nowrap}
@media all and (max-width:1023px) {
    #home_approche .ronds { width: 73%}

}


.cms { padding:30px 0 }
.cms p { padding-bottom: 20px;  }
.cms ul { padding-bottom: 20px}
.cms li { list-style: disc; margin-left:25px;  }
.cms h2 { font-size: 30px; line-height: 30px; padding-bottom: 20px;}
.cms h3 {  font-size: 23px; line-height: 23px; padding-bottom: 15px;}
.cms h4 {   font-size: 20px; line-height: 20px; padding-bottom: 15px;}
.cms a { text-decoration: underline}


/*********************[LAYOUT]****************************/
body { font:100%/22px Roboto, Verdana, sans-serif; color:#000; font-size:14px; letter-spacing: 0.5px }
#wrapper { padding: 70px 15px 0  }
.center_site { max-width:1110px; margin:0 auto; position:relative;}
.clear { clear:both; width: 100% }
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* Table */
.tab { display: table; width: 100%}
[class^="tab-row"] { display: table-row; }
[class^="tab-cell"]  { display: table-cell; vertical-align: top;}
[class^="tab-cell-middle"]  {  vertical-align: middle;}
[class^="tab-cell-bottom"]  {  vertical-align: bottom;}
/* Flex */
.flex { display: flex;}
.Vtop{    align-items: flex-start;    align-self: flex-start; }
.Vcenter {    align-items: center;    align-self: center; }
.Vbottom {    align-items: flex-end;    align-self: flex-end; }
.Hstart {justify-content: flex-start; }
.Hend {  justify-content: flex-end; }
.Hcenter {    justify-content: center; }
.Hbetween {    justify-content: space-between; }
.Haround {    justify-content: space-around; }
/* Responsive */
.row {     max-width: 1170px; margin:0 auto;  position: relative;       display: flex;       flex: 1 1 auto;      flex-wrap: wrap; clear: both;}
.row.full { max-width: 100%; padding:0}
.row .row { max-width: 100%; padding:0 }
.row [class^="col-"] {   margin-left:1.6%; }
.row [class^="col-"]:first-child { margin-left: 0; }
.col-12-12 {    width: 100%;}
.col-11-12 {    width: 91.53%;}
.col-10-12 {    width: 83.06%;}
.col-9-12 {    width: 74.6%;}
.col-8-12 {    width: 66.13%;}
.col-7-12 {    width: 57.66%;}
.col-6-12 {    width: 49.2%;}
.col-5-12 {    width: 40.73%;}
.col-4-12 {    width: 32.26%;}
.col-3-12 {    width: 23.8%;}
.col-2-12 {    width: 15.33%;}
.col-1-12 {    width: 6.866%;}
@media only screen and (max-width: 767px) {
    .row [class^="col-"]  { margin:0 !important; width: 100% !important;}
}
/********[HEADER]********/
#header { height: 70px;  position: fixed; top:0; left:15px; right: 15px; z-index: 9999; background:#fff; font-family: 'Catamaran', sans-serif; font-size: 16px; border-bottom: 1px solid #ececec; }
#header .hamburger { display:none;}
.hlogo {  position: absolute; top:32px; left:56px; line-height: 0; z-index:9999; transition:all 0.3s ease; }
.hlogo img { transition:all 0.3s ease; width: 172px; height: 81px }
.hcontact { position: absolute; top:18px; right:56px; text-align: right}
.hcontact li { display: inline-block;vertical-align: top; margin-left:7px  }
.hcontact li a { width: 149px; height: 35px; display: block; text-align: center; line-height: 36px; border-radius: 3px; transition:all 0.3s ease;}
.hcontact li.tel a { color:#000; border:1px solid #b2b4b7;  }
.hcontact li.tel a:hover { background:#000;  border:1px solid #000; color:#fff;   }
.hcontact li.mail a { background:#f5509e; color:#fff;  }
.hcontact li.mail a:hover { background:#000}
#hmenu { position: absolute; top:26px; right: 388px }
#hmenu > ul  { height: 44px }
#hmenu > ul > li  { display: inline-block; margin-left: 24px; position: relative  }
#hmenu > ul > li.ssmenu > a:after { content:""; background:url(images/arrow_down.svg) no-repeat; display: inline-block; width: 7px; height: 5px; vertical-align: middle; margin-left: 5px; position: relative; top:-1px }
#hmenu > ul > li.tel { display: none;}
#hmenu > ul > li > a { transition:all 0.3s ease; display: block; height: 26px; }
#hmenu > ul > li:hover > a { height: 60px}
#hmenu > ul > li:hover > a, #hmenu > ul ul a:hover { color:#f5509e}
#hmenu > ul > li:hover ul { opacity:1; visibility: visible; transform: scaleY(1); }
#hmenu > ul ul { transform: scaleY(0);     transform-origin: 50% 0;  position: absolute; top:44px; left:-10px; background-color: rgba(255, 255, 250, 0.95); padding: 10px 15px 10px;  transition:all 0.3s ease; border:1px solid #ececec; border-top: 0; border-radius: 0 0 3px; }
#hmenu > ul ul li {  white-space: nowrap}
#hmenu > ul ul li a { font-size: 15px;  transition:all 0.3s ease; }
#hmenu > ul ul li:before { content:"•"; margin-right: 5px }
#hmenu > ul > li:nth-child(5) ul { width: 150px}

#header.mini .hlogo  { top:8px; }
#header.mini .hlogo img { width:117px; height: 55px}

/********[FOOTER]********/
#footer { border-top:3px solid #b2b4b7;}
#ftop { padding: 38px 0  }
#ftop .titre { font-size: 25px; font-family: 'Catamaran', sans-serif; width: 230px; border-right:1px solid #b2b4b7; float:left; min-height: 54px; padding-top: 6px }
#ftop .titre strong{ font-size: 24px; display: block; font-weight: normal; padding-bottom: 3px  }
#ftop .titre strong span { color:#f5509e}
#ftop ul { overflow: hidden; text-align: right; padding-left: 10px; font-size: 0}
#ftop li { display:inline-block; vertical-align:middle;  width: 25%; text-align: center; margin-right: -4px; padding:0 10px }
#ftop li:first-child { margin-left: 0}
#ftop img { filter: grayscale(100%); transition:all 0.3s ease; display:inline-block; vertical-align: top; max-width: 100%; height: auto !important;}
#ftop img:hover { filter: grayscale(0%);  }
#fmiddle { background:#f7f7f7; text-align: center; line-height: 18px;     }
#fmiddle .center_site { display: flex; align-items: center; justify-content: center; padding: 33px 0}
#fmiddle .fcontact { order:2; width: 362px}
#fmiddle .fcontact em { font-style: normal; font-size: 24px; line-height: 24px; font-weight: 300; font-family: 'Catamaran', sans-serif; padding-bottom: 3px; display: block }
#fmiddle .fcontact strong { display: block; padding-top:7px;  }
#fmiddle .fcontact a { color:#f5509e}
#fmiddle .fcontact .contact a {  margin:9px auto 0;   background: #f5509e;    color: #fff; width: 149px;    height: 35px;    display: block;    text-align: center;    line-height: 36px;    border-radius: 3px;    transition: all 0.3s ease; }
#fmiddle .fcontact .contact a:hover { background:#000}
#fmiddle .fsocial.left { order:1 }
#fmiddle .fsocial.right { order:3  }
#fmiddle .fsocial { font-size: 0; display: inline-block; vertical-align: top}
#fmiddle .fsocial li  { display: inline-block; vertical-align: top; margin:0 9px; }
#fmiddle .fsocial li a:hover { background:#f5509e;  }
#fmiddle .fsocial li img { filter: grayscale(100%); opacity: 0.8;  transition:all 0.3s ease; width: 44px;}
#fmiddle .fsocial li img:hover {  filter: grayscale(0%); opacity:1}
#fbottom .center_site { display: flex; justify-content: space-between; padding:10px 0; align-items: center  }
#fbottom .fregion { padding-right: 15px; line-height: 14px; white-space: nowrap}
#fbottom .fregion a { font-size:14px; font-weight: bold; }
#fbottom .fliens { font-size: 11px; color:#b2b4b7; line-height: 11px; text-align: right }
#fbottom .fliens li { display: inline-block; vertical-align: top }
#fbottom .fliens li:before { content:"• "; }
#fbottom .fliens li:first-child:before { display: none}
#fbottom .fliens a { color:#b2b4b7}
#fbottom .fliens a:hover { color:#f5509e }







/*********************[RESPONSIVE]****************************/

@media all and (max-width:1150px) {
    .hlogo { left:0;}
    .hlogo img { width: 132px; height: 61px;}
    .hcontact { right: 0}
    #hmenu { right:349px;}
    #ftop ul { padding-left: 0}
    #ftop .titre { width: 205px}
    .banniere_page { min-height: 300px !important;}
    .main-title { font-size: 41px; line-height: 42px}
    .hcontact li a { width: 130px}
    #hmenu { right: 300px}
    .agence_equipe .presentation {     padding: 25px 35px 35px !important; }
    .map_referencement .map {    padding: 30px 0 0 20px; }
    .clients { margin:45px 0 0;}
    .liens_rond > div { width: 49%}
    .clients, #blog_autre.home { margin-left:0; margin-right: 0}
    #contact_form, #contact_coordonnees { padding:50px 30px; min-height: auto  }
    #gmap { height: 310px}
}




@media all and (max-width:989px) {

    .hcontact { right: 60px}

    /********[MENU]********/
    html.menu-open { overflow: hidden;}
    .hamburger { position:absolute; top:23px; right:10px;    display: inline-block !important;    cursor: pointer;    transition-property: opacity, -webkit-filter;    transition-property: opacity, filter;    transition-property: opacity, filter, -webkit-filter;    transition-duration: 0.15s;    transition-timing-function: linear;    font: inherit;    color: inherit;    text-transform: none;    background-color: transparent;    border: 0;    margin: 0;    overflow: visible; }
    .hamburger-box {    width: 30px;    height: 24px;    display: inline-block;    position: relative; }
    .hamburger-inner {    display: block;    top: 50%;    margin-top: -2px; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {    width: 30px;    height: 3px;    background-color: #000;    position: absolute;    transition-property: -webkit-transform;    transition-property: transform;    transition-property: transform, -webkit-transform;    transition-duration: 0.15s;    transition-timing-function: ease; }
    .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after {    background-color: #000;}
    .hamburger-inner::before, .hamburger-inner::after {    content: "";    display: block; }
    .hamburger-inner::before {    top: -10px; }
    .hamburger-inner::after {    bottom: -10px; }
    .is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after{    background-color: #000;}
    .hamburger--collapse .hamburger-inner {    top: auto;    bottom: 0;    transition-duration: 0.15s;    transition-delay: 0.15s;    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--collapse .hamburger-inner::after {    top: -20px;    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
    .hamburger--collapse .hamburger-inner::before {    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .hamburger--collapse.is-active .hamburger-inner {    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);    transform: translate3d(0, -10px, 0) rotate(-45deg);    transition-delay: 0.32s;    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger--collapse.is-active .hamburger-inner::after {    top: 0;    opacity: 0;    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
    .hamburger--collapse.is-active .hamburger-inner::before {    top: 0;    -webkit-transform: rotate(-90deg);    transform: rotate(-90deg);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
    #hmenu {background:#f3f3f3;   font-weight:bold; font-size:12px;  position:absolute; top:70px; left:-120%; height:calc(100vh - 70px); overflow: auto; line-height:1.3; z-index:9998;  width:100%; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
    #hmenu > ul { height: auto; padding:40px 15px}
    #hmenu ul li {  border-top: 1px solid #d9d9d9; float:none; display:block; height:auto; padding:0; width: 100%; margin-left: 0}
    #hmenu ul li:first-child { border-top:0;}
    #hmenu ul li a { padding:10px 10px; display:block; text-decoration:none; height: auto; font-size: 15px;  text-transform:uppercase; }
    #hmenu ul ul { position:inherit; top:inherit; left:inherit;        opacity: 1; visibility: visible; background: none; padding:0 20px 15px; transform: scaleY(1);}
    #hmenu ul ul li { border:0; }
    #hmenu ul ul li a { padding:3px 0; display: inline-block;  text-transform:initial; font-weight: normal; font-size: 14px}
    #hmenu ul li a:hover, #hmenu ul li.actif a { background:#f3f3f3; color:#000;}
    #hmenu > ul > li:hover > a { height: auto}
    #hmenu.open { left:0; }
    .titre_h1 { width: 680px}
    .intro_page { padding-top: 30px; margin-bottom: 0}
    .bloc-2blocs { margin: 20px 0; background:#fff;}
    .bloc-2blocs .main-title .bg {  background:#fff;      display: block; min-width: 0; padding:35px 30px 25px}
    .bloc-2blocs .left, .bloc-2blocs .right  { float:none; width: 100%}
    .bloc-2blocs .left{ padding:0 30px; background:#fff; }
    .bloc-2blocs .right { background:#fff;padding:20px 30px 35px  }
    .bloc-2blocs .right.gris .main-title .bg { background: #f7f7f7}
    .bloc-2blocs.bg_gris { padding:0;}
    .bloc-2blocs.bg_gris .main-title .bg, .bloc-2blocs.bg_gris .left { background:#f7f7f7}
    .bloc-2blocs .right.gris.prestations { margin-top:30px; background: #fff}
    .bloc-2blocs .right.gris.prestations .bg {background: #fff;}
    .bloc-faq { padding-top: 30px}
    .slider_temoignages { padding-bottom: 20px; }
    .slider_temoignages .left{ float:left; width: 285px; padding-right: 0 }
    .slider_temoignages .right{ overflow: hidden; width: auto}
    .slider_temoignages .owl-nav { left:255px}
    .bloc-2blocs.agence_presentation .left { padding:0 30px 50px;}
    .temoignages_texte { padding-left: 0}
    .temoignages_texte:after { display: none}
    #ftop .titre { font-size: 19px; padding-bottom: 0; min-height: 0; width: 160px}
    #ftop .titre strong { font-size: 20px; padding-bottom: 0}
    #fmiddle .fcontact { width: 320px}
    .map_referencement .map { height: 370px;}
    .map_referencement .loc {    width: calc(100% - 275px);  }
    .map_referencement .loc ul { column-count: 1;}
    .referencement_presentation .right { top:inherit; margin-top: 30px; background: #fff !important;}
    .referencement_presentation .right.gris .main-title .bg { background:#fff;}
    .referencement_details_img .right { margin-top: -190px;}
    .map_referencement.bg_gris { padding:0}
    .map_referencement.bg_gris  .loc { padding:10px 30px 30px}
    .map_referencement.bg_gris  .loc .presentation { padding-left: 0}
    #isotop .item { width: 50%}
    #single #blog_sommaire { width: 225px;}
    #blog_autre .articles > div { width: 50%;  }
    #blog_autre .articles > div:nth-child(3) { display: none}
    .bloc-2blocs.approche .left, .bloc-2blocs.approche .right { min-height: 0px}
    .bloc_service_picto { margin-top: 20px}
    .bloc_service_picto .service { padding: 0 20px}

    #blog_autre .all { display: none}

    .referencement_details .right { margin:30px 0 10px  }
    #home_approche { margin-bottom: 20px}
    #blog_autre.home { margin-top:105px; }
    .banniere_home_agence { min-height: 350px !important; padding-top:0}


}






@media all and (max-width:767px) {

    /********[LAYOUT]********/
    .hide_mobile { display:none;}
    .tab, [class^="tab-row"], [class^="tab-cell"] { display: block; width: 100%; }

    .hcontact li.tel  { display: none}
    #hmenu > ul > li.tel { display: block;}
    #hmenu > ul > li.tel a { width: 140px; height: 35px;   background: #f5509e;   line-height: 35px; padding:0;     color: #fff; margin: 20px auto; font-weight: normal; border-radius: 3px; text-align: center}
    #ftop { padding: 20px 0}
    #ftop .titre { width: 100%; text-align: center; border: 0; float:none; font-size: 24px}
    #ftop .titre strong { font-size: 26px}
    #ftop li { width: 50%; margin-top:15px }
    #fmiddle { margin:0 -15px;}
    #fmiddle .fcontact { width: 100%; padding-bottom: 20px}
    #fmiddle .center_site { display: block; padding: 20px 15px}
    #fbottom .center_site {  display: block; text-align: center;}
    #fbottom .fliens { text-align: center; padding-top: 6px}

    /********[CONTENU]********/
    .txt_24px_catamaran { font-size: 18px; line-height: 25px}
    .main-title { font-size: 28px; line-height: 30px;}
    .main-title strong:after {   width:25px; margin-left:-12.5px;    height: 4px;}
    .bloc-2blocs .row { padding:0;}
    .bloc-2blocs .right li { padding-left: 20px;}

    .banniere_page { padding-top: 30px; min-height: 190px !important;}
    .titre_h1 { width: 95%; }
    .titre_h1 h1, .titre_h1 .titre { padding:0 10px; font-size: 20px; line-height: 20px;}
    .titre_h1 h1 br, .titre_h1 .titre br { display: none}
    .titre_h1 .moovup { font-size: 21px; line-height: 23px}
    .intro_page, .bloc-2blocs .main-title .bg, .bloc-2blocs .left, .bloc-2blocs .right { padding-left:15px; padding-right: 15px}
    .bloc-2blocs { margin:0 -15px}

    .liens_rond a .rond { width: 130px; height: 130px;}
    .liens_rond a .rond img { max-width: 70px}

    .slider_temoignages .left, .slider_temoignages .right { width: 100%; float:none;}
    .slider_temoignages .right { padding-bottom: 0}
    .temoignages_image { height: auto; text-align: center; display: none}
    .slider_temoignages .owl-nav { position: inherit; top: inherit; left:inherit; margin: 15px auto; padding-bottom: 30px}

    .agence_equipe { padding: 30px 0 0}
    .agence_equipe .ligne { min-height: 0; margin-bottom: 30px}
    .agence_equipe .visuel { position: inherit; top:inherit !important; left:inherit !important;; right:inherit !important;; width: 100%; height: 220px}
    .agence_equipe .presentation { float:none; width: 100% !important; margin-top: 0 !important; padding: 25px 20px !important;}

    .map_referencement { padding: 30px 0 }
    .map_referencement .map { height: auto; width: 100%; float: none; padding:20px; line-height: 0; text-align: center }
    .map_referencement .loc { width: 100%; float: none; margin:0; padding: 30px}
    .map_referencement .loc .main-title { padding:0 0 20px}
    .map_referencement .loc ul li { margin:7px 0}

    .referencement_presentation .right .content { padding-left: 0}
    .referencement_details_img { margin:0 0 20px}
    .referencement_details_img div div { float:none }
    .referencement_details_img .left img, .referencement_details_img .right img { display:none; }
    .referencement_details_img .img_mobile { display: block !important; text-align: center}
    .referencement_details_img .img_mobile img { margin:20px 0 0}


    .clients { padding-bottom: 20px}
    .clients li { width: 50%; padding: 20px 20px}

    #filters { padding-top: 45px}
    #filters .filtres { padding: 0}
    #filters .select { position: inherit; top:inherit; right: inherit; display: none}
    #filters .select select { width:auto; }
    #isotop .item { width: 100%}

    #single { padding: 25px 0}
    #single .entete .intro { padding: 75px 30px 40px}
    #single #blog_sommaire { display: none}
    #blog_autre .articles > div { width: 100%; float:none;}
    #blog_autre .articles > div:nth-child(3) { display: block}
    #blog_autre .main-title { padding:36px 15px 0; height: 220px}
    #blog_autre .bloc_article {    margin: 0 0px 30px;}


    .bloc-faq ul { padding-left: 0}

    .bloc_service_picto { display: block}
    .bloc_service_picto .service { padding:20px 0; width: 100% !important;}

    #contact { padding: 30px 0 0; }
    #contact_form, #contact_coordonnees { width: 100%; margin-top: 0}
    #contact_form .double p { float:none; width: 100%}


    .banniere_home_agence .pres { max-width: 100%; padding:20px 20px}

    #home_approche .ronds { width: 100%; float:none; display: block; text-align: center; margin-top: 20px}

    #home_approche .main-title .bg { min-width: 0; width: 100%; padding:35px 15px 25px}
    #home_approche .ronds > div { width: 49%}
    #home_approche .ronds .rond { width: 130px; height: 130px; border-radius: 130px}
    #home_approche .ronds .rond img {     max-width: 70px;}
    #home_approche .ronds .label, .liens_rond a .label { font-size:20px; }



}

@media all and (max-width:350px) {
    .hcontact li a { width: 85px}
    .liens_rond > div, #home_approche .ronds > div  { width: 100%}


}