if (sessionStorage.getItem("visited") == null){ document.documentElement.classList.add("show-loader"); } sessionStorage.setItem("visited", "true");
document.addEventListener('DOMContentLoaded', (event) => {
function setFontSize() { if (window.innerWidth <= 1560 && window.innerWidth >= 991) { document.body.style.fontSize = window.innerWidth / 1440 + "rem"; } else { if (document.body.style.removeProperty) { document.body.style.removeProperty("font-size"); } else { document.body.style.removeAttribute("font-size"); } } } window.addEventListener("resize", function () { setFontSize(); }); setFontSize(); });
Atelier d’Architecture bassin
d’arcachon
Nous créons des lieux de vie uniques et durables, pensés pour le partage.
Réalisations
Notre approche est holistique et nous créons des lieux aimés de nos clients, de nous–mêmes et de notre planète.
Notre vision
Nous souhaitons offrir des lieux de vie de qualité, durable et ayant un impact minimum sur la planète pour des familles qui souhaitent protéger et vivre respectueusement ce bassin de vie.
Découvrir l’Atelier
Notre approche
Nous privilégions la construction bois
en circuit court et faisons le choix
d’une architecture fluide, simple,
lumineuse dans une ambiance intemporelle.
Découvrir l’Atelier
NOS services
Nous sommes là pour vous guider de la genèse du projet jusqu’à son aboutissement.
Architecture
Intérieur
Décoration
Nous sommes spécialisés dans la création d’habitats. Notre architecture est une retranscription innovante et créative du mode de vie et des codes du bassin d’Arcachon. Nous dessinons des maisons intégrées dans leur environnement. Nous imaginons pour vous un havre de paix dans lequel vous pourrez vous ressourcer.
Voir les projets d’Architecture
Parce que l’architecture n’est pas qu’une coquille vide, mais bien la réalisation d’un espace à habiter, nous concevons et aménageons vos intérieurs pour qu’ils soient fonctionnels, esthétiques et confortables. Nous aimons jouer avec les volumes, la lumière, l‘agencement et les matériaux.
Voir les projets d’Architecture Intérieur
Vivre au sein d’un espace où tous les éléments sont en harmonie et en cohérence est bénéfique. La décoration sublime les partis pris de l’architecture c’est pourquoi nous vous proposons désormais un service d’aide à la sélection du mobilier et de la décoration. Pour vous, nous privilégions des marques éthiques dont les produits sont réalisés par la main de l’homme.
Voir les projets de Décoration
Calculez votre budget
Utilisez notre outil ludique pour faire une estimation rapide de votre projet.
Découvrir
Parutions
PRIX RÉGIONAL CONSTRUCTION BOIS 2022 : parution du projet Origami et CND dans le catalogue 2022 catégorie réhabiliter un logement
Décembre
2022
TROPHÉES DE LA CONSTRUCTION ET DE L’INNOVATION 2022 Lauréat dans la catégorie “Construction logement individuel” Wabi Sabi
Septembre
2022
PRIX RÉGIONAL CONSTRUCTION BOIS 2022 :2eme prix, Villa Wabi Sabi, catégorie Habiter une maison
Juillet
2022
ORIGINE HORS SERIE 2022: éco-rénover par où commencer?
Mai
2022
ART & DÉCORATION: Hors série 2021 Vivre Green c’est facile
Septembre
2021
PRIX RÉGIONAL CONSTRUCTION BOIS 2021 : parution du projet, Coeur de Pin, dans le catalogue 2021
Juin
2021
ARCHITECTURES À VIVRE: Hors série journées à vivre 2020
Octobre
2020
200 ARCHITECTES : les coups de coeur de la rédaction (Hors série)
Juillet
2019
PRIX RÉGIONAL CONSTRUCTION BOIS 2019 : parution du projet, Village de Famille, dans le catalogue 2019
Juin
2019
Journal
Nous vous partageons inspirations, quotidien de l’atelier et articles sur notre pratique et technique des projets.
Voir tous les articles
Contact
Donnons vie à votre projet.
Faites–nous savoir comment nous pouvons vous aider au mieux.
Être
appelé
Adresse
9 Avenue des Genêts
Village de Petit-Piquey
33950 Lège Cap Ferret
contact
9 Avenue des Genêts
Village de Petit-Piquey
33950 Lège Cap Ferret
+
Voir le projet
gsap.registerPlugin(ScrollTrigger);
ScrollTrigger.defaults({ markers: false });
// Find all text with .tricks class and break each letter into a span var tricksWord = document.getElementsByClassName("tricks"); for (var i = 0; i < tricksWord.length; i++) { var wordWrap = tricksWord.item(i); wordWrap.innerHTML = wordWrap.innerHTML.replace(/(^|<\/?[^>]+>|\s+)([^\s<]+)/g, '$1$2');
}
var tricksLetter = document.getElementsByClassName("tricksword"); for (var i = 0; i < tricksLetter.length; i++) { var letterWrap = tricksLetter.item(i); letterWrap.innerHTML = letterWrap.textContent.replace(/\S/g, "$&");
} // Copyright end
// animation stagger scroll
$('.fade-up-holder').each(function () {
let trigger = $(this)[0];
let timeline = gsap.timeline({ scrollTrigger: { trigger: trigger, start: "top 80%", ease: Power3.easeInOut }, delay: .0, }); let elements = $(this).find('.fade-up, .fade-up-slower, .tricksword, .divider, .divider is-tab, .divider is-top is-parution, .fade-nav, .fade-up-hero-delay'); elements.each(function () {
if ($(this).hasClass('tricksword')) { gsap.set($(this)[0], { y: 50 }) timeline.to($(this)[0], { y: 0, opacity: 1, duration: 1.5, ease: Power1.easeOut, }, "<0.07"); } else if ($(this).hasClass('divider is-tab')) { gsap.set($(this)[0], { width: '0vw' }) timeline.to($(this), { width: '100vw', opacity: 1, duration: 1.3, onComplete: () => { $(this).css('width', '100vw'); }, ease: Power2.easeOut, }, "<0.15"); } else if ($(this).hasClass('divider is-top is-parution')) { gsap.set($(this)[0], { width: '0vw' }) timeline.to($(this), { width: '150vw', opacity: 1, duration: 1, onComplete: () => { $(this).css('width', '150vw'); }, ease: Power2.easeOut, }, "<0.15"); } else if ($(this).hasClass('divider')) { gsap.set($(this)[0], { width: '0%' }) timeline.to($(this), { width: '100%', opacity: 1, duration: 1.3, onComplete: () => { $(this).css('width', '100%'); }, ease: Power2.easeOut, }, "<0.15"); } else if ($(this).hasClass('fade-nav')) { gsap.set($(this)[0], { y: -50 }) timeline.to($(this), { y: 0, opacity: 1, duration: 1.3, ease: Power2.easeOut, }, "<0.1"); } else if ($(this).hasClass('fade-up-hero-delay')) { gsap.set($(this)[0], { y: 50 }) timeline.to($(this), { y: 0, opacity: 1, duration: 1.2, ease: Power2.easeOut, delay: 0.5, }, "<0.15"); } else if ($(this).hasClass('fade-up-slower')) { gsap.set($(this)[0], { y: 50 }) timeline.to($(this), { y: 0, opacity: 1, duration: 2.2, ease: Power2.easeOut, }, "<0.2"); } else { gsap.set($(this)[0], { y: 50 }) timeline.to($(this), { y: 0, opacity: 1, duration: 1.3, ease: Power2.easeOut, }, "<0.09"); } }); }); function itallicize(elements) { elements.each(function () { if (/(\/)(?:(?=(\/?)).)*?\1/g.test($(this).text())) { let matchArray = $(this).text().match(/(\/)(?:(?=(\/?)).)*?\1/g); matchArray.forEach(i => { let spanText = i.replace(/\//g, ""); $(this).html($(this).html().replace(i, `${spanText}`)); }); } }); }
$('.home-tab-content-holder').removeClass('is-open'); $('.home-tab-link').removeClass('is-open');
$('.home-tab-content-holder').eq(0).addClass('is-open'); $('.home-tab-link').eq(0).addClass('is-open');
$('.home-tab-link').on('click', function () { let currentTab = $(this).index(); $('.home-tab-link').removeClass('is-open'); $(this).addClass('is-open'); $('.home-tab-content-holder').removeClass('is-open'); $('.home-tab-content-holder').eq(currentTab).addClass('is-open');
$('.eyes-holder').on('mouseenter', function() { $('.home--service-display-w').removeClass('hovered'); $('.home--service-display-w').eq(currentTab).addClass('hovered'); }); $('.eyes-holder').on('mouseleave', function() { $('.home--service-display-w').removeClass('hovered'); });
});
$('.home-service-img-list').each(function () {
let list = $(this)
document.addEventListener("DOMContentLoaded", () => { list.find(".home-service-item-img").eq(0).addClass("is--current"); let imgTimer = setInterval(function () { let currentItems = list.find(".is--current"); currentItems.each(function () { $(this).removeClass("is--current"); if ($(this).next().length > 0) { $(this).next().addClass("is--current"); } else {
list.find(".home-service-item-img").eq(0).addClass("is--current");
} })
}, 1200); });
});
$('.home-tab-link').eq(0).click();
var currentParution;
$('.parution-item').on('click', function() { currentParution = $(this).index(); });
gsap.registerPlugin(ScrollTrigger);
ScrollTrigger.create({ trigger: '#parution', start: "top bottom", end: "bottom top", onEnter: () => {
}, onEnterBack: () => {
}, onLeave: () => {
if($('.parution-item').eq(currentParution).find('.parution-press-back').css('display') == 'block') { $('.parution-item').eq(currentParution).find('.parution-press-back').click() }
// $('.parution-item').eq(currentParution).find('.parution-press-back').click()
}, onLeaveBack: () => { if($('.parution-item').eq(currentParution).find('.parution-press-back').css('display') == 'block') { $('.parution-item').eq(currentParution).find('.parution-press-back').click() } //$('.parution-item').eq(currentParution).find('.parution-press-back').click()
} })
//const languageBtn = document.getElementById('languageBtn'); const languageBtn = document.getElementsByClassName( "languages-link.is-current" );
function handleBtnClick() { console.log(languageBtn.innerText) localStorage.setItem('language', languageBtn.innerText); } languageBtn.addEventListener('click', handleBtnClick); window.unload = () => { languageBtn.removeEventListener('click', handleBtnClick); }
$('.cta-call-target').on('click', function () { $('.cta-call').toggleClass('is-open'); }); $(".languages-link.fr").addClass("is-current"); $(".languages-link.is-nav-front.fr").addClass("is-current");
function swapMonth(element) { if (element instanceof jQuery) { element = element[0]; } switch (element.textContent) { case "1": element.textContent = "Janvier"; break; case "2": element.textContent = "Février"; break; case "3": element.textContent = "Mars"; break; case "4": element.textContent = "Avril"; break; case "5": element.textContent = "Mai"; break; case "6": element.textContent = "Juin"; break; case "7": element.textContent = "Juillet"; break; case "8": element.textContent = "Août"; break; case "9": element.textContent = "Septembre"; break; case "10": element.textContent = "Octobre"; break; case "11": element.textContent = "Novembre"; break; case "12": element.textContent = "Décembre"; break; default: break; } } $('.date-mois').each(function () { swapMonth($(this)); });