@charset "UTF-8";
 @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,500italic,600,600italic,700,700italic,800,900,400italic,200italic,300italic|Playfair+Display:400,400italic,700,700italic,900,900italic);
@font-face { font-family: 'CenturyGothic'; src: url('../fonts/centurygothic-webfont.ttf'); src: url('../fonts/centurygothic-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/centurygothic-webfont.woff') format('woff'),  url('../fonts/centurygothic-webfont.ttf') format('truetype'),  url('../fonts/centurygothic-webfont.svg#webfont') format('svg'); }
@font-face { font-family: 'CenturyGothicBold'; src: url('../fonts/centurygothicbold-webfont.ttf'); src: url('../fonts/centurygothicbold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/centurygothicbold-webfont.woff') format('woff'),  url('../fonts/centurygothicbold-webfont.ttf') format('truetype'),  url('../fonts/centurygothicbold-webfont.svg#centurygothic') format('svg'); }
/*---  HTML5 READY ---*/
html { font-size: 62.5%; }
body { color: #333; font-family: 'CenturyGothic', sans-serif; overflow-x: hidden; }
article, footer, header, main, aside, nav { -webkit-transition: all 0.5s; transition: all 0.5s; }
.cycle-slideshow, .cycle-slide, .gmap div { transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
main:after, /*section:after,*/ header:after, aside:after, /*footer:after,*/ nav:after, form:after, article:after, ul:after, div:after { clear: both; content: ""; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
h1 { font-family: 'Playfair Display', serif; font-size: 4rem; color: #FFF; font-weight: 400; }
h2 { font-family: "Raleway", sans-serif; font-size: 4rem; color: #FFF; font-weight: 200; }
p { font-family: "CenturyGothic", sans-serif; font-weight: 400; font-size: 1.4rem; margin: 0 0 20px 0; }
address { font-family: "CenturyGothic", sans-serif; font-weight: 400; font-size: 1.4rem; font-style: italic; margin: 10px 0; }
/*---------------*/
/* GEN */
/*---------------*/
video { top:50%; position: fixed; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }
#accroche{ visibility:visible; opacity:1;transition: opacity 1s linear;} 
#accroche.disappear{ visibility:hidden;opacity:0;transition: visibility 0s 1s, opacity 1s linear;} 
/**/
.header_img { width: 100%; margin: 0; }
main { margin: 90px auto 40px auto; width: 100%; position: relative; }
.home { margin: 0; overflow: hidden; }
.home section { overflow: hidden; width: 100%; }
.home section h1 { position: fixed; right: 11%; top: 76%; font-style: normal; }
.home section h2 { position: fixed; right: 5%; top: 65%; width: 51%; }
.home section img:first-of-type { min-height: 100vh; min-width: 100vw; position: fixed; top: 0px; }
.ontop { color: #000; -webkit-border-radius: 0; border-radius: 0; background: #000; bottom: 33px; }
.ontop:hover .fa { color: #000; background: none; }
.ontop .fa { font-size: 16px; background: none; padding: 0; -webkit-border-radius: 0; border-radius: 0; }
/* details biens*/
main.details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1920px; margin: 120px auto 40px auto; }
main.details img { margin: 0; width: 80%; height: auto; z-index: 0; display: inline-block; -webkit-align-self: flex-start; align-self: flex-start; }
main.details .intro { border: 6px solid #fff; margin: 0; position: absolute; top: 1.5%; left: 10%; z-index: 100; width: auto; padding: 70px; background: none; max-width: 560px; }
.details .intro h1 { z-index: 100; font-family: 'Playfair Display', serif; text-transform: uppercase; font-weight: 400; font-size: 6rem; line-height: 7rem; color: #fff; text-align: center; vertical-align: middle; margin: 0; }
.details .intro h3 { z-index: 100; text-transform: uppercase; font-size: 1.2rem; color: #fff; text-align: center; letter-spacing: 1px; margin: 0; }
.details .intro p.titre { z-index: 100; text-transform: uppercase; font-size: 1.2rem; color: #fff; text-align: center; letter-spacing: 1px; margin: 0; font-weight: 700; }
.details aside { padding: 15px 0 0 0; text-align: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; position: relative; }
.details aside .call { position: relative; margin: auto; width: 50%; }
.details aside .call a { font-family: "CenturyGothic", sans-serif; color: #000; text-decoration: none; text-align: center; display: block; font-size: 1.2rem; padding: 30px; border: 1px solid #ccc; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: calc(100%-30px); -webkit-transition: all 0.3s; transition: all 0.3s; height: 100%; margin: 0; }
.details aside .call a:hover { border: 1px solid #ddd; }
/* bocca effect */
div.bocca { position: relative; margin: 15px auto; width: 100%; height: 100%; }
div.bocca a::before, div.bocca a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; opacity: 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
div.bocca a::before { border-top: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.55s; -moz-transition: all 0.55s; -ms-transition: all 0.55s; -o-transition: all 0.55s; transition: all 0.55s; }
div.bocca a::after { border-right: 1px solid #000; border-left: 1px solid #000; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
div.bocca:hover a::before, div.bocca:hover a::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/* */
.details aside .retour { width: 100%; margin: 0 0 25px 0; font-size: 1.1rem; border: none; padding: 0; }
.details aside .retour a { text-decoration: none; color: #000; }
.details aside .retour:hover { border: none; }
.details aside .retour .ico { padding: 0 15px; font-size: 1.2rem; }
.details aside .retour .ico:hover { color: #000; font-weight: bold; }
.details aside .share { margin: 15px 0 0 0; font-size: 1.8rem; }
.details aside .share a { margin: 0 10px; color: #000; }
.details aside .share a:hover i { color: #999; }
.details .text h2 { margin: 0 0 10px 0; }
.details .text { width: 50%; margin: -264px 0 0 50%; padding: 90px 5%; background: #FFF; z-index: 100; max-width: 800px; }
.details h3 { color: #000; font-family: 'CenturyGothic', sans-serif; font-size: 3.4rem; letter-spacing: 0.5rem; margin: 0 0 17px 0; }
.details .text p { margin: 17px 0 0 0; letter-spacing: 1px; text-align: justify; }
.details .text p:first-of-type { margin: 30px 0 0 0; }
.details .galery { margin: auto; width: 100%; max-width: 1024px; padding: 0; }
.details .galery h2 { margin: 0 0 17px 200px; }
/*hover galery*/
.details .galery .detailsGalery figure figcaption { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 40; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; margin: 0; border: 2px solid #202020; }
.details .galery .detailsGalery figure:hover figcaption { opacity: 1; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px 0 0 20px; }
.details .galery .detailsGalery figure figcaption h3 { color: #202020; opacity: 1; font-family: "CenturyGothic", sans-serif; font-size: 1.2rem; letter-spacing: 0.2rem; text-transform: uppercase; margin: 10% 0 0 0; width: 100%; text-align: center; }
.details .galery .detailsGalery figure figcaption a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.details .galery figure:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); }
/* charpentery*/
.details .galery > div { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; width: 100%; vertical-align: top; }
.details .galery figure { margin: 0 0 20px 0; display: inline-block; position: relative; overflow: hidden; vertical-align: top; }
.details .galery figure img { position: relative; min-width: 100%; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-transform: scale(1.09); -moz-transform: scale(1.09); -ms-transform: scale(1.09); -o-transform: scale(1.09); transform: scale(1.09); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; display: block; }
.details .map { margin: auto; width: 100%; max-width: 1024px; padding: 0; padding: 0 20px; }
.details .map h2 { margin: 40px 0 17px 200px; }
.details .map .gmap { height: 70vh; margin: 0 0 40px 0; }
.content .video { padding: 0; margin: 0; position: relative; width: 100%; margin: auto; display: block; }
.content .video a { width: 100%; height: 100%; }
.content .video img { display: block; width: 100%; height: auto; }
/*---------------*/
/* WYSI */
/*---------------*/
.wysiwyg { }
.wysiwyg > section, .intro { max-width: 1024px; margin: 0 auto; width: 100%; background: #fff; padding: 25px 50px; }
.wysiwyg.biens .intro { margin: -20px auto 0 auto; }
.intro, .wysiwyg .intro { margin: -50px auto 0 auto; position: relative; }
.wysiwyg.biens h1 { margin: 0 0 10px 0; }
.intro h1, .wysiwyg h1 { font-family: 'Playfair Display', serif; font-size: 5.2rem; color: #000; font-weight: 300; margin: 30px 50px 0 0; text-transform: uppercase; }
.intro p, .wysiwyg .intro p { font-family: "CenturyGothic", sans-serif; font-size: 1.5rem; font-weight: 400; color: #535353; }
.wysiwyg h2 { font-family: "CenturyGothic", sans-serif; font-weight: 400; font-size: 2.8rem; color: #000; letter-spacing: 0.3px; margin: 0 0 30px 0; }
.wysiwyg p { font-family: "CenturyGothic", sans-serif; font-weight: 400; font-size: 1.4rem; margin: 0 0 30px 0; }
.wysiwyg .wysi_content p { }
.wysiwyg p br { margin: 0 0 20px 0; }
.wysiwyg .galerywysi { padding: 0; }
.wysiwyg .galerywysi h2, .wysiwyg .galerywysi p, .wysiwyg .galerywysi h3, .wysiwyg .galerywysi h4, .wysiwyg .galerywysi li { padding: 0 0 0 50px; }
.wysiwyg .galerywysi .theGalery { text-align: right; height: auto; padding: 20px 0 50px 0; width: 100%; }
.wysiwyg .galerywysi .theGalery > div { max-width: 243px; width: 25%; min-width: 170px; display: inline-block; float: right; position: relative; overflow: hidden; }
.wysiwyg .galerywysi .theGalery img { min-width: 100%; max-width: 243px; -webkit-transition: all 0.5s; transition: all 0.5s; }
.wysiwyg .galerywysi .theGalery a:hover img { opacity: 0.7; -webkit-transform: scale(1.1); transform: scale(1.1); }
.wysiwyg .galerywysi .theGalery a { background: rgba(255,255,255,0.7); overflow: hidden; }
/* --------- */
/*  share   */
/* -------- */
.intro .share { position: absolute; right: 50px; top: 20px; }
.intro .share a { color: #000; font-size: 2rem; margin: 0 20px 0 0; }
.intro .share a:last-of-type { margin: 0; }
/* -------- */
/* LISTINGS */
/* -------- */
/* galerie de biens */
.wysiwyg .listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.wysiwyg .listing div { -ms-flex-preferred-size: 33%; flex-basis: 33%; position: relative; margin: 0; }
.wysiwyg .parc_immo div { overflow: hidden; }
.wysiwyg .listing div img { width: 100%; }
.wysiwyg .parc_immo div img { min-width: 100%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
.wysiwyg .parc_immo div:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.wysiwyg .listing div .fig { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 40; background: rgba(255, 255, 255, 0.7); overflow: hidden; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.wysiwyg .listing div:hover .fig { overflow: visible; opacity: 1; }
.wysiwyg .listing div .figure { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }
.wysiwyg .listing div .figure h2, .wysiwyg .listing div .figure p { color: #202020; position: absolute; opacity: 0; }
.wysiwyg .listing div:hover .figure h2, .wysiwyg .listing div:hover .figure p { opacity: 1; -webkit-transition: all 0.7s; transition: all 0.7s; }
.wysiwyg .listing div .figure h2 { font-family: "Playfair display", serif; font-size: 3rem; letter-spacing: 0.2rem; text-transform: uppercase; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; padding: 10% 0; text-align: center; border: 3px solid #000; }
.wysiwyg .listing div .figure p { font-size: 1.2rem; text-transform: uppercase; margin: 0; bottom: 0; right: 0; text-align: right; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.wysiwyg .listing div .figure p:before { content: ""; width: 20%; height: 1px; background: #202020; margin: 0 5px 0 0; }
.wysiwyg .listing div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; }
/* listing autres activites */
.wysiwyg.activites { max-width: 100%; }
.wysiwyg.activites section:nth-of-type(1) { width: 100%; max-width: 1024px; }
.wysiwyg.activites section:nth-of-type(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 100%; padding: 25px 0; }
.wysiwyg.activites section:nth-of-type(2)>div { width: 100%; }
.wysiwyg.activites section:nth-of-type(2)>div:nth-of-type(odd) { background: #F6F8F8; }
.wysiwyg.activites section:nth-of-type(2)>div>div { width: 100%; max-width: 1024px; min-height: 200px; margin: 0 auto; padding: 15px 50px 30px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.wysiwyg.activites section:nth-of-type(2) h2 { width: 100%; letter-spacing: 0.2rem; margin: 0 0 15px 0;  line-height: 36px;}
.wysiwyg.activites section:nth-of-type(2) h3 { width: 100%; font-size: 2rem; line-height: 0; line-height: 2rem; }
.wysiwyg.activites section:nth-of-type(2) > div div .logo{ z-index: 0; -webkit-flex: 1 1 30%; -ms-flex: 1; flex: 1 1 30%; border: none; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; }
.wysiwyg.activites section:nth-of-type(2) img { margin: 0 auto; height: auto; width: auto; }
.wysiwyg.activites section:nth-of-type(2) .adresse { -ms-flex: 1 1 17%; -webkit-box-flex: 1; flex: 1 1 17%; padding: 0 0 0 2%; border-left: 1px solid #ccc; }
.wysiwyg.activites .adresse, .wysiwyg.activites p { font-size: 1.8rem; line-height: 1.8rem; -ms-flex-item-align: stretch; align-self: stretch; }
.wysiwyg.activites .adresse br, .wysiwyg.activites p br { margin: 0; }
.wysiwyg.activites section:nth-of-type(2)>div div div { -ms-flex: 1 1 17%; -webkit-box-flex: 1; flex: 1 1 17%; border-left: 1px solid #ccc; padding: 0 0 0 2%; position: relative; }
.wysiwyg.activites section:nth-of-type(2)>div div div p a { text-decoration: none; color: #000; -webkit-transition: all 0.5s; transition: all 0.5s; }
.wysiwyg.activites section:nth-of-type(2)>div div div p a:hover { text-decoration: underline; color: #555; }
.wysiwyg.activites .site_btn { font-size: 1.8rem; color: #FFF; background: rgba(0,0,0, 0.56); text-decoration: none; padding: 5px 20px; position: relative; width: 145px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; height: 33px; display: block; }
.wysiwyg.activites .site_btn:after { content: "Visiter le site"; position: absolute; width: 0; height: 100%; background: #e30513; left: 145px; top: 0; line-height: 33px; text-align: center; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; text-shadow: 0 0 32px white; color: transparent; visibility: hidden; clear: none; }
.wysiwyg.activites .site_btn:hover { color: rgba(0,0,0,0) }
.wysiwyg.activites .site_btn:hover:after { left: 0; opacity: 1; width: 100%; color: #FFF; text-shadow: 0 0 0 transparent; visibility: visible; }
/* listing interlocuteurs */
.team section { max-width: 1024px; }
.team .team_list{ -webkit-justify-content: flex-start; justify-content: flex-start;}
.team .team_list .personne { margin: 30px 14px; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; flex-shrink: 1; -webkit-flex-basis: auto; flex-basis: auto; width: auto; }
.team .team_list .personne:first-of-type{ display: block; text-align: center; vertical-align: middle; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin-left: 50%; }
.team .team_list div { position: relative; }
.team .team_list .image_personne { width: 130px; height: 130px; overflow: hidden; margin: 0; }
.team .team_list .image_personne img { min-width: 100%; min-height: 100%; margin: 0; }
.team .team_list .mask { background-image: url('../images/mask.png'); max-width: 130px; width: 100%; max-height: 130px; height: 100%; position: absolute; top: 0; left: 0; }
.team .team_list .personne >div:nth-of-type(2) { background: rgba(255,255,255,0.76); margin: -34px 0 0 40px; width: 240px; border-top: 3px solid #000; padding: 5px; height: auto; -webkit-transition: all 0.3s; transition: all 0.3s; }
.team .team_list .personne:hover >div:nth-of-type(2) { border-top: 3px solid #666; }
.team .team_list .personne h2 { font-size: 2rem; letter-spacing: 0.2rem; margin: 0 0 5px 0; }
.team .team_list .personne p { margin: 5px 0 0 5px; max-width: 200px; }
.team .team_list .personne a { position: absolute; display: inline-block; right: 0; float: none; color: transparent; }
.team .team_list .personne:first-of-type a{ display: none;}
.team .team_list a::before { font-family: 'FontAwesome'; content: "\f0e0"; font-size: 2.2rem; color: #ccc; margin: 0; position: absolute; right: 0; bottom: 0; -webkit-transition: all 0.2s; transition: all 0.2s; visibility: visible; padding: 5px; display: inline-block; }
.team .team_list a:hover::before { color: #666; }
/**/
/*---------------*/
/* MODULES */
/*---------------*/
/* contact */
.contact section { width: 100%; max-width: 1024px; }
.contact section:first-of-type { margin: 0 auto; }
.contact h1 { font-family: 'Playfair Display', serif; font-size: 5.2rem; color: #000; letter-spacing: 0.5rem; font-weight: 300; margin: 0 0 30px 0; }
.contact p { width: 100%; margin: 20px auto; max-width: 800px; }
form { width: 100%; max-width: 800px; margin: 30px auto; border: 3px solid #000; padding: 50px; }
form * { -webkit-transition: all 0.2s; transition: all 0.2s; }
.contact_obligatoire { margin: 0 auto; font-size: 11px; color: #aaa; width: 200px; }
/*---------------*/
/* CUSTOM FORM */
/*---------------*/
input, textarea, select { border-radius: 0; background: none; border: none; border-bottom: 1px solid #030303; text-transform: uppercase; }
input[type="submit"] { background: #030303; margin: 10px 0; }
input[type="submit"]:hover { background: #aaa; }
input:hover, textarea:hover, select:hover, file:hover { border-bottom: 1px solid #aaa; }
input:focus, textarea:focus, select:focus, file:focus { border-bottom: 1px solid #aaa; }
label span { background: #000; }
.selectElem:hover i, .selectElem:focus i { color: #555; }
input:hover + .checkbox, input:hover + .radio { border-color: #555; }
input:focus + .checkbox, input:focus + .radio { border-color: #555; }
input:focus + .radio::before { background: #555; }
input:focus + .checkbox::before { border-color: #555; }
input:checked + .checkbox, input:checked + .radio { border: 3px solid #555; }
.checkbox:before { border-color: #555; }
.radio::before { background: #555; }
.radioElem { float: left; margin: 0 10px; }
.form_authent input[type="submit"]:hover { background: #FFF; }
/*sitemap*/
.sitemap { width: 80%; max-width: 1000px; margin: auto; color: #000; }
.sitemap * { transition: all 0.5s; }
.sitemap h2 { padding: 40px 0; }
.sitemap ul li { list-style: none; font-size: 1.8rem; margin: 0 40px; padding: 10px; text-transform: uppercase; }
.sitemap a { text-decoration: none; color: #000; }
.sitemap ul li:hover, .sitemap a:hover { color: #999; }
/**/
/*---------------*/
/* FOOTER */
/*---------------*/
footer { width: 100%; height: 30px; background: #FFF; padding: 0 20px; position: fixed; bottom: 0; z-index: 9999; }
footer section { width: 100px; display: inline-block; }
footer .fa { font-size: 13px; background: #202020; color: #FFF; border-radius: 10.5px; padding: 2.5px; width: 18px; height: 18px; text-align: center; vertical-align: middle; margin: 5px 2.5px 0 2.5px; -webkit-transition: all 0.2s; transition: all 0.2s; }
footer .fa:hover { background: #999; }
footer .fa.fa-pinterest { font-size: 21px; border-radius: none; background: none; color: #202020; padding: 0; float: right; margin: 3.2px 2.5px 0 2.5px; }
footer .fa.fa-pinterest:hover { color: #999; }
footer .f_about { float: right; padding: 0; text-align: right; width: auto; }
footer h4 { display: inline-block; font-size: 1.1rem; color: #202020; padding: 0 5px; font-weight: 300; font-family: "CenturyGothic", sans-serif; letter-spacing: 0.87px; line-height: 30px; float: left; position: relative; }
.f_about h4 > a:before { content: " "; width: 0; height: 1px; overflow: hidden; position: absolute; left: 0; top: 8px; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-duration: 0.1s; transition-timing-function: ease-out; z-index: -1; background: #ba4040; }
.f_about h4:hover > a:before { background: #666; width: 6px; }
footer .f_about h4:after { content: " - "; padding: 0 3px; font-weight: 500; display: inline-block; position: absolute; }
footer .f_about h4:last-of-type:after { content: ""; padding: 0; }
footer .f_about a { font-family: "CenturyGothic", sans-serif; color: #202020; text-decoration: none; padding: 0; font-size: 1.1rem; position: relative; width: 100%; line-height: 30px; margin: 0; display: inline-block; }
/*réseaux sociaux*/
.f_follow { display: none; }

/*---------------*/
/* MEDIA QUERIES */
/*---------------*/
/* 800 galaxy note & tab - nexus 10 768 ipad, 720 surface pro */
@media all and (max-width: 1024px) {
.header_img { margin: 0; height: auto; }
.home section img:first-of-type { position: relative; top: 0; min-height: 100vh; }
.home section h2 { font-size: 3.4rem; font-weight: 300; top: 70%; }
.home section h1 { top: 83%; right: 15%; font-size: 3rem; }
main.details .intro { padding: 40px 0; width: 330px; }
.details .intro h1 { font-size: 3.3rem; }
.wysiwyg h1 { margin: 0; font-size: 5rem; }
.details aside { padding: 0; }
.details aside .call { width: 80%; }
.details .text { width: 100%; margin: -100px 0 0 33%; max-width: 100%; }
.details .galery { padding: 0 20px; }
.intro h1,  .wysiwyg h1 { margin: 0 0 15px 0; }
.wysiwyg section { padding: 15px 50px; }
.intro,  .wysiwyg .intro { margin: 0 auto; padding: 15px 50px; }
.intro p,  .wysiwyg p { margin: 0 0 15px 0; }
.wysiwyg .listing.team_list { -ms-flex-pack: distribute; justify-content: space-around; }
.wysiwyg .galerywysi .theGalery { -webkit-transform: none; transform: none; }
.wysiwyg .galerywysi .theGalery img { min-width: 100px; min-height: 0; height: auto; }
}
@media all and (max-width: 960px) {
.wysiwyg .listing.activites > div { -ms-flex-preferred-size: calc(48% - 10px); flex-basis: calc(48% - 10px); }
.wysiwyg.activites .adresse, .wysiwyg.activites p { font-size: 1.5rem; }
}
@media all and (max-width: 800px) {
html { font-size: 50%; }
p { font-size: 1.8rem; }
.share { right: 20px; }
.share a { margin: 0 7px 0 0; }
.details aside > a { padding: 15px 0; font-size: 1.8rem; min-width: 100px; }
.details .text { margin: -35px 0 0 25%; }
.details .galery h2,  .details .map h2 { margin: 0 0 17px 0; }
.wysiwyg > section { padding: 20px; }
.wysiwyg .listing.activites { width: 100%; }
.wysiwyg .listing.activites > div { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); }
.intro,  .wysiwyg .intro { padding: 20px; }
.intro p,  .wysiwyg p { margin: 0; }
.wysiwyg .wysi_content p { -webkit-columns: 1; -moz-columns: 1; columns: 1; }
.wysiwyg .galerywysi .theGalery { text-align: center; width: 90%; float: none; margin: auto; }
.wysiwyg .galerywysi h2, .wysiwyg .galerywysi p, .wysiwyg .galerywysi h3, .wysiwyg .galerywysi h4, .wysiwyg .galerywysi li { padding: 0 0 0 20px; }
.wysiwyg .galerywysi .theGalery > div { float: none; width: 48%; }
.wysiwyg .listing { width: 100%; max-width: 650px; margin: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.wysiwyg .listing div { -ms-flex-preferred-size: 305px; flex-basis: 305px; max-width: 305px; margin: auto; }
.wysiwyg.activites section:nth-of-type(2) > div > div { min-height: 170px; padding: 20px; }
.wysiwyg.activites section:nth-of-type(2) h3 { margin: 0 0 10px 0; }
.wysiwyg.activites section:nth-of-type(2) img {margin: 0 1.5% 0 0; width: auto; max-width: 90%; }
.wysiwyg.activites section:nth-of-type(2) .adresse { font-size: 1.8rem; padding: 0 0 0 1.5%; -webkit-flex: 1 1 34%; -ms-flex: 1 1 34%; flex: 1 1 34%; }
.wysiwyg.activites section:nth-of-type(2) > div div div { -webkit-flex: 1 1 25%; -ms-flex: 1 1 25%; flex: 1 1 25%; padding: 0 0 0 1.5%; }
.wysiwyg.activites .site_btn { line-height: 22px; width: 125px; margin: 10px 0;}
/**/
video { margin:0; top:auto; position: relative; left: auto; max-width: 100%; max-height: 100%; min-height:auto; z-index:0; transform:translate(0,0); -webkit-transform:translate(0,0); -ms-transform:translate(0,0); }
#accroche{ position:relative; text-align:center; min-height:120px;}
#accroche.disappear{opacity: 1;}
.home section h2 { position:relative; top: auto; left:auto; right:auto; width: 100%; padding:0 25px; font-size: 3rem; font-weight: 400; color:#000; }
.home section h1 { position:relative; top:65px; right:auto; color:#000; }
}
@media all and (max-width: 640px) {
main.details img { width: 70%; }
main.details .intro { width: 50%; padding: 30px 0; left: 15%; }
.details .intro h3 { margin: 0; }
.details .intro h1,  .wysiwyg h1 { font-size: 2.7rem; line-height: 4rem; letter-spacing: 0.2rem; }
.details aside .retour .ico { padding: 0 10px; }
.details .text { margin: 0; padding: 20px; }
.details .galery > div { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }
.details .galery figure { margin: 0 0 10px 0; }
.details .galery .detailsGalery figure:hover figcaption { width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px 0 0 10px; }
.wysiwyg .listing.team_list { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.wysiwyg .listing div .figure h2 { margin: 0; }
.intro,  .wysiwyg .intro { padding: 40px 20px 20px 20px; }
.wysiwyg.activites .site_btn { padding: 5px 10px; }
footer { height: auto; }
footer .f_follow,  footer .f_about { float: none; display: block; margin: 10px 0; height: auto; }
footer .f_follow { display: none; }
footer h4,  footer .f_about a { line-height: normal; padding: 0 0 5px 5px; }
.f_about h4 > a:before { left: 0; top: 0; }
}
/* 480 galaxy s - 414 iphone 6s */
@media all and (max-width: 480px) {
main.details .intro { padding: 30px 0; left: 20%; top: 40px; width: 60%; }
main.details img { width: 100%; }
.details aside { padding: 0; margin: 20px 20px 0 20px; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.details aside > a { margin: 5px auto; font-size: 1.8rem; }
.details aside .retour { font-size: 1.5rem; line-height: 18px; margin: 18px 0px 15px 0; width: auto; text-align: left; -webkit-order: 1; -ms-order: 1; order: 1; padding: 0; }
.details aside .retour a { vertical-align: top; }
.details aside .retour .ico { font-size: 2.4rem; padding: 0 5px 0 0; }
.details aside .retour a:last-of-type .ico { padding: 0 0 0 5px; }
.wysiwyg h2 { font-size: 2.4rem; margin: 30px 0; letter-spacing: 0.2rem; }
.details aside .call { width: 100%; display: flex; margin: auto; }
.details aside .call div.bocca { width: 45%; margin: auto; position: relative; }
.details aside .call a { height: 100%; margin: 0; padding: 20px 0; font-size: 1.7rem; line-height: normal; }
.details aside .share { margin: 15px 0 0 20px; font-size: 1.8rem; text-align: left; width: auto; }
.details aside .share a { margin: 0 10px; }
.details aside .share a i { font-size: 2.4rem; }
#container { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
.wysiwyg .listing div { -ms-flex-preferred-size: 305px; flex-basis: 305px; max-width: 305px; margin: auto; }
.wysiwyg .listing.activites > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 70px 0 20px 0; }
h3 { margin: 15px auto 25px; }
.wysiwyg.activites section:nth-of-type(2) { display: block; }
.wysiwyg.activites section:nth-of-type(2) > div > div { padding: 20px; display: block; }
.wysiwyg.activites section:nth-of-type(2) h2 { width: 100%; }
.wysiwyg.activites section:nth-of-type(2) h3 { width: 100%; line-height: 2rem; }
.wysiwyg.activites section:nth-of-type(2) img { width: auto; max-width: 100%; margin: 20px auto; }
.wysiwyg.activites section:nth-of-type(2) .adresse, .wysiwyg.activites section:nth-of-type(2) > div div div { -ms-flex: 1 1 100%; -webkit-box-flex: 1; flex: 1 1 100%; width: 100%; padding: 0; border-left: none; margin: 10px 0; line-height: 1.8rem; text-align: center; }
.wysiwyg.activites .site_btn { padding: 0 30px; display: block; text-align: center; margin: 15px auto; width: 170px; text-align: center; line-height: 33px; }
.wysiwyg.activites .site_btn::after { line-height: 40px; }
/**/
#accroche{  min-height:160px;}
.home section h1 {  top:105px;}
}
/* 414 -iphone 6s - 375 iphone 6, 360 galaxy s3, nexus , note - htc one - xperia z - */
@media all and (max-width: 380px) {
.home section h1 {  top:120px;}
.wysiwyg .galerywysi .theGalery > div { width: 100%; }
form { padding: 20px; }
}
@media all and (max-width: 320px) {	
.home section h2{ padding:0; }
footer{ display:none;}
}