<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr" xmlns:og="http://ogp.me/ns#"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr" xmlns:og="http://ogp.me/ns#"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr" xmlns:og="http://ogp.me/ns#"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="fr" xmlns:og="http://ogp.me/ns#"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Accueil - DUFORMATION BATIMENT</title>
<base href="https://www.formations-toitures.com/" >
<meta property="og:type" content="website" >
<meta property="og:title" content="Accueil" >
<meta property="og:description" content="Des formations adapt&eacute;es aux m&eacute;tiers du b&acirc;timentDepuis 2006, la soci&eacute;t&eacute; Formations Toitures forme avec passion les professionnels de demain.Cr&eacute;&eacute;e par James GORRIER, charpentier-couvreur , puis reprise sous le nom de DUFormation..." >
<meta property="og:url" content="https://www.formations-toitures.com/accueil" >
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Accueil" >
<meta property="twitter:description" content="Des formations adapt&eacute;es aux m&eacute;tiers du b&acirc;timentDepuis 2006, la soci&eacute;t&eacute; Formations Toitures forme avec passion les professionnels de demain.Cr&eacute;&eacute;e par James GORRIER, charpentier-couvreur , puis reprise sous le nom de DUFormation..." >
<link rel="shortcut icon" href="/oktThemes/ra165-s/images/favicon/favicon.ico" />
<link rel="icon" type="image/png" href="/oktThemes/ra165-s/images/favicon/favicon-96x96.png" sizes="96x96" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="DUFORMATION BATIMENT">
<meta name="theme-color" content="#fff">
<meta name="application-name" content="DUFORMATION BATIMENT">
<meta name="msapplication-TileColor" content="#fff">
<script type="application/ld+json">
{"@context":"http:\/\/schema.org","@type":"localbusiness","@id":"new.formations-toitures.com","priceRange":"$000 - $000","address":{"@type":"PostalAddress","addressLocality":"Cournon-d'Auvergne","postalCode":"63800","streetAddress":"DU Formation (ex Formations Toitures) 4 Rue Louis Bl\u00e9riot, 63800 Cournon-d'Auvergne, France 4 Rue Louis Bl\u00e9riot","addressCountry":"FR"},"geo":{"@type":"GeoCoordinates","latitude":"45.7482375","longitude":"3.1624292"},"name":"DUFORMATION BATIMENT","telephone":"04 73 77 09 92","image":"https:\/\/www.formations-toitures.com\/oktThemes\/ra165-s\/images\/head-logo.png"}
</script>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link type="text/css" href="https://www.formations-toitures.com/oktMin/?g=css_public_a727714437a51d1a7cbe36570d866dfa" rel="stylesheet" media="all" />
<script type="text/javascript" src="/oktMin/?g=js_public_d62f41a79b679dd08f36be6c4e306ec0" ></script>
<script type="text/javascript">
//<![CDATA[
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-T8B7GMSJ4M', { 'anonymize_ip': true });
//]]>
</script>
</head>
<body>
<div id="global">
<div id="global_header">
<header>
<div class="container-fluid">
<div class="row align-items-center justify-content-sm-between">
<div id="head" class="col col-sm-3 col-md col-xl-auto order-xl-1">
<a href="/" class="line-height-none d-block" >
<img src="/oktThemes/ra165-s/images/head-logo.png" alt="DUFORMATION BATIMENT" width="250" height="33" />
</a>
</div><!-- -->
<div class="col-auto order-xl-4 order-md-4">
<div id="tel_head">
<a href="tel:+33473770992"
>
<i class="fa fa-phone-alt"></i>
<span class="d-none d-sm-inline-block">04 73 77 09 92</span>
</a>
</div>
</div><!-- #tel_head -->
<div class="col-auto order-sm-last col-xl order-xl-2">
<div id="menus">
<div class="menu_plie menu_hide">
<div class="menu_toggle">
<button class="menu_btn gs_cursor_handle" data-cursor-stick=".menu_btn_icon" data-cursor="cursor_big" aria-label="DUFORMATION BATIMENT">
<span class="menu_btn_icon" data-cursor-magnetic="{'x':'0.08','y':'0.08'}"><span></span><span></span></span>
</button>
</div>
<div class="menu_box">
<div class="menu_content">
<div class="position_menu">
<div class="menu_content_text">
<ul><li class="active"><a class="cliqueRubrique menu0" href="/" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Accueil</span></a></li>
<li class=""><a class="cliqueRubrique menu1" href="/formation-diplomante-1" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Formation Diplômante</span></a></li>
<li class=""><a class="cliqueRubrique menu2" href="/formation-a-la-demande-2" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Formation à la demande</span></a></li>
<li class=""><a class="cliqueRubrique menu3" href="/candidatures" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Candidatures</span></a></li>
<li class=""><a class="cliqueRubrique menu4" href="/employeurs" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Employeurs</span></a></li>
<li class=""><a class="cliqueRubrique menu5" href="/le-centre" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Le centre</span></a></li>
<li class=""><a class="cliqueRubrique menu6" href="/i-notre-actu-2" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Notre Actu</span></a></li>
<li class=""><a class="cliqueRubrique menu7" href="/avis-client" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Votre Avis</span></a></li>
<li class=""><a class="cliqueRubrique menu8" href="/contact" data-cursor="cursor_big cursor_gris"><span class="rubrique_T">Contact</span></a></li></ul>
<div class="encart">
<div class="encartContenu">
<ul class="insertLogoNetwork">
<li>
<a href="https://www.facebook.com/profile.php?id=61570215459087" title="Nous suivre sur Facebook" rel="noreferrer noopener" target="_blank" >
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/feed/" title="Nous suivre sur Linkedin" rel="noreferrer noopener" target="_blank" >
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/_duformation_batiment_/" title="Nous suivre sur Instagram" rel="noreferrer noopener" target="_blank" >
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu_deplie menu_hide">
<nav>
<ul class="nav"><li class="active"><a class="cliqueRubrique menu9" href="/"><span class="rubrique_T">Accueil</span></a></li>
<li class=""><a class="cliqueRubrique menu10" href="/formation-diplomante-1"><span class="rubrique_T">Formation Diplômante</span></a></li>
<li class=""><a class="cliqueRubrique menu11" href="/formation-a-la-demande-2"><span class="rubrique_T">Formation à la demande</span></a></li>
<li class=""><a class="cliqueRubrique menu12" href="/candidatures"><span class="rubrique_T">Candidatures</span></a></li>
<li class=""><a class="cliqueRubrique menu13" href="/employeurs"><span class="rubrique_T">Employeurs</span></a></li>
<li class=""><a class="cliqueRubrique menu14" href="/le-centre"><span class="rubrique_T">Le centre</span></a></li>
<li class=""><a class="cliqueRubrique menu15" href="/i-notre-actu-2"><span class="rubrique_T">Notre Actu</span></a></li>
<li class=""><a class="cliqueRubrique menu16" href="/avis-client"><span class="rubrique_T">Votre Avis</span></a></li>
<li class=""><a class="cliqueRubrique menu17" href="/contact"><span class="rubrique_T">Contact</span></a></li></ul><!-- #nav --> </nav>
</div>
</div> </div>
<div class="col-sm-auto order-lg-3 order-md-2 d-none d-md-block">
<!--div class="row align-items-center">
<div class="col col-sm-auto">
<div class="bouton_primaire">
<a href="contact" target="_blank">
Prendre RDV<i class="fal fa-long-arrow-right"></i>
</a>
</div>
</div>
</div-->
<form id="recherche_form" action="/recherche" method="get" class="row align-items-center">
<div class="col padd0"><span class="input input--yoshiko"> <input type="text" name="query" id="query" maxlength="255" value="" class="text input__field input__field--yoshiko" autocomplete="off" placeholder="Rechercher" /></span></div>
<div class="col-auto bloc_defaut padd0">
<div class="bouton_primaire"> <button type="submit" id="recherche_bouton" name="recherche_bouton">
<i class="far fa-search"></i> </button>
</div>
</div>
</form>
</div>
</div><!-- .row -->
</div><!-- .container -->
</header>
</div><!-- #global_header -->
<div id="global_diapo">
<div id="diapo">
<div class="splide splide_image" id="splide1">
<div class="splide__track">
<ul class="splide__list s1 splide_ul">
<li class="splide__slide diapo" >
<img class="image_diapo" src="/upload/modules/slideshow/diapo1.webp"
alt="DUFORMATION BATIMENT" width="2000" height="900" />
<div class="diapo_bloc_texte">
<div class="diapo_position_texte slideshow_style_d2" >
<div class="">
<p class="diapo_titre">DUFormation Bâtiment</p>
</div>
<div class="d-none d-md-block">
<p class="diapo_soustitre">Centre de formation des métiers de Charpentier Bois et Couvreur Zingueur </p>
</div>
<div class="diapo_boutons">
<div class="row">
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="scroll_down gs_anim" data-type="complex" data-anim="goto" data-target="#main">
<i class="far fa-mouse-alt"></i>
<i class="far fa-angle-double-down"></i>
</div>
</div><!--#diapo-->
</div>
<div id="global_main">
<div id="main">
<div >
<div id="content_bg_image">
<section id="center_column">
<div id="content">
<div id="page_item">
<div class="page-content">
<div class="bloc_defaut bloc2b blocPadd overflow-hidden">
<div class="container bordure">
<div class="trait_vertical">
<h2 class="center" style="text-align: center;">Des formations adaptées aux métiers du bâtiment</h2>
</div>
<div class="row align-items-top justify-content-center">
<div class="col-lg-9 center">
<p>Depuis 2006, la société Formations Toitures forme avec passion les professionnels de demain.</p>
<p>Créée par James GORRIER, charpentier-couvreur , puis reprise sous le nom de <strong>DUFormation Bâtiment </strong>par <strong>Matthieu DUFOUR </strong>en 2024, <strong>notre CFA </strong>a pour mission de transmettre les savoir-faire du bâtiment tout en respectant les valeurs fondamentales de nos métiers.</p>
<p><strong>DUFORMATION Bâtiment</strong>, c’est un organisme dédié à la <strong>formation dans les domaines de la couverture, de la zinguerie et de la charpente – bois.</strong><br />Nous accompagnons les entreprises, les salariés, les demandeurs d’emploi et les apprentis grâce à des parcours sur mesure, pensés pour répondre aux réalités du terrain.</p>
<p>Des formations individualisées, conçues selon vos besoins spécifiques.<br />Que vous soyez une entreprise à la recherche de compétences ciblées ou un apprenant avec un projet professionnel précis, nous construisons un programme personnalisé pour vous.</p>
<p><strong>Faites de votre avenir un projet concret.</strong><br />Contactez-nous pour en savoir plus.</p>
</div>
</div>
</div>
</div>
<div class="bloc4d">
<div class="container-fluid images_full_screen">
<div class="row align-items-center">
<div class="col-md padd0">
<div class="gs_anim" data-type="complex" data-anim="slide" data-direction="bt" data-duration="1" data-delay="0"><picture> <source srcset="/oktThemes/ra165-s/images/realisations/image8.webp 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/realisations/image8.webp" srcset="/oktThemes/ra165-s/images/realisations/image8.webp 2x" alt="Centre de formation métiers de charpentier" width="900" height="900" /> </picture>
<div class="bloc_encart">
<div class="picto"><a href="/formation-diplomante-1"> <picture> <source srcset="/oktThemes/ra165-s/images/services/picto1.svg 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/services/picto1.svg" srcset="/oktThemes/ra165-s/images/services/picto1.svg 2x" alt="Centre de formation métiers de charpentier" width="68" height="68" /> </picture> </a></div>
<h3><a href="/formation-diplomante-1">Formation Diplômante</a></h3>
</div>
</div>
</div>
<div class="col-md padd0">
<div class="gs_anim" data-type="complex" data-anim="slide" data-direction="bt" data-duration="1" data-delay="0"><picture> <source srcset="/oktThemes/ra165-s/images/realisations/image9.webp 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/realisations/image9.webp" srcset="/oktThemes/ra165-s/images/realisations/image9.webp 2x" alt="Centre de formation métiers de charpentier" width="900" height="900" /> </picture>
<div class="bloc_encart">
<div class="picto"><a href="/formation-a-la-demande-2"> <picture> <source srcset="/oktThemes/ra165-s/images/services/picto2.svg 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/services/picto2.svg" srcset="/oktThemes/ra165-s/images/services/picto2.svg 2x" alt="Centre de formation métiers de charpentier" width="68" height="68" /> </picture> </a></div>
<h3><a href="/formation-a-la-demande-2">Formation à la demande</a></h3>
</div>
</div>
</div>
<div class="col-md padd0">
<div class="gs_anim" data-type="complex" data-anim="slide" data-direction="bt" data-duration="1" data-delay="0"><picture> <source srcset="/oktThemes/ra165-s/images/realisations/image10.webp 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/realisations/image10.webp" srcset="/oktThemes/ra165-s/images/realisations/image10.webp 2x" alt="Centre de formation métiers de charpentier" width="900" height="900" /> </picture>
<div class="bloc_encart">
<div class="picto"><a href="/candidatures"> <picture> <source srcset="/oktThemes/ra165-s/images/services/picto3.svg 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/services/picto3.svg" srcset="/oktThemes/ra165-s/images/services/picto3.svg 2x" alt="Centre de formation métiers de charpentier" width="68" height="68" /> </picture> </a></div>
<h3><a href="/candidatures">Candidatures</a></h3>
</div>
</div>
</div>
<div class="col-md padd0">
<div class="gs_anim" data-type="complex" data-anim="slide" data-direction="bt" data-duration="1" data-delay="0"><picture> <source srcset="/oktThemes/ra165-s/images/realisations/image11.webp 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/realisations/image11.webp" srcset="/oktThemes/ra165-s/images/realisations/image11.webp 2x" alt="Centre de formation métiers de charpentier" width="900" height="900" /> </picture>
<div class="bloc_encart">
<div class="picto"><a href="/le-centre"> <picture> <source srcset="/oktThemes/ra165-s/images/services/picto4.svg 2x" media="(max-width: 767px)" /> <img class="scale" src="/oktThemes/ra165-s/images/services/picto4.svg" srcset="/oktThemes/ra165-s/images/services/picto4.svg 2x" alt="Centre de formation métiers de charpentier" width="68" height="68" /> </picture> </a></div>
<h3><a href="/le-centre">Le Centre</a></h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bloc_defaut bloc1 blocPadd overflow-hidden">
<div class="container-fluid">
<div class="trait_vertical">
<h2 class="center">Un centre de formation au service de votre avenir</h2>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-xl-5 order-xl-1 order-2 center">
<div class="gs_anim" data-type="complex" data-anim="slide" data-direction="lr" data-duration="1" data-delay="0"><picture> <source srcset="/oktThemes/ra165-s/images/accueil/image1.webp 2x" media="(max-width: 767px)" /> </picture></div>
</div>
<div class="col-xl-5 order-xl-2 order-1">
<p class="texte_important texte_trait">Situé à Cournon-d’Auvergne, DUFormation Bâtiment s’appuie sur une expertise solide et un ancrage terrain pour proposer des formations adaptées à chaque profil.</p>
<p style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">Chez <strong>DUFORMATION</strong>, nous formons les professionnels du bâtiment de demain. Que vous soyez demandeur d’emploi, salarié ou chef d’entreprise, nos formations vous permettent de <strong>gagner en compétences concrètes</strong>, de<strong> monter en qualification</strong> ou de préparer <strong>une reconversion solide</strong> dans les métiers du bois et de la couverture.</p>
<p><span style="font-family: 'times new roman', times, serif;"><span style="background-color: #ffffff; color: #000000;"><strong>Notre objectif est clair :</strong></span> vous rendre rapidement opérationnel.</span><br /><span style="font-family: 'times new roman', times, serif;">Dès le départ, nous vous <span style="background-color: #ffffff;">recevons </span>en réunion d’information puis en entretien individuel pour cerner vos besoins, vos objectifs et vous proposer un parcours de formation sur mesure, adapté à votre profil.</span></p>
<p><span style="font-family: 'times new roman', times, serif;"><strong>Nos formateurs qualifiés</strong>, issus du terrain, assurent un suivi personnalisé à chaque étape.</span><br /><span style="font-family: 'times new roman', times, serif;">Les formations sont organisées en alternance, pour une immersion directe en entreprise. Grâce à notre réseau de partenaires, nous facilitons votre mise en relation avec des employeurs du secteur, tout en assurant un encadrement technique en situation réelle.</span></p>
<p><span style="font-family: 'times new roman', times, serif;"><strong>Vous apprendrez un métier. Vous prendrez confiance.</strong> Vous serez prêt à intégrer une entreprise ou à faire évoluer la vôtre.</span></p>
<p><span style="font-family: 'times new roman', times, serif;"><span style="color: #000000;"><strong>Notre engagement </strong>: </span>vous aider à bâtir un projet professionnel concret, durable et adapté aux réalités du terrain.</span></p>
<br />
<p class="bouton_primaire"><a href="/contact">Contactez-nous</a></p>
</div>
</div>
</div>
</div>
<div class="bloc7 parallax parallax1 blocPadd overflow-hidden">
<div class="container-fluid blocPadd">
<div class="row justify-content-center align-items-center">
<div class="col-lg-6 col-xl-4">
<p class="slogan"></p>
<h2><span style="color: #ffffff;">Formez-vous aux métiers du bois et de la couverture avec DUFormation Bâtiment ! </span></h2>
</div>
<div class="col-lg-6 col-xl-5">
<div id="formulaire">
<div id="formulaire" class="encart">
<p class="titre_encart">Vous avez des questions ?</p>
<div class="encartContenu">
<form method="post" action="/contact-ajax" id="contact_form">
<div class="cadre_avec_entete zone_annonce_0">
<div class="row">
<div class="col-xs-12 col-12 col-lg-6"><div class="champ champ_0"><div id="nom-wrapper"><span class="input input--yoshiko"> <input type="text" name="nom" id="nom" maxlength="255" value="" class="text input__field input__field--yoshiko" /> <label class="input__label input__label--yoshiko" for="nom"> <span class="input__label-content input__label-content--yoshiko" data-content="Nom, prénom"><span>Nom, prénom</span></span> </label></span></div></div><div class="champ champ_1"><div id="e_mail-wrapper"><span class="input input--yoshiko"> <input type="text" name="e_mail" id="e_mail" maxlength="255" value="" class="text input__field input__field--yoshiko required" title="Champ requis" /> <label class="input__label input__label--yoshiko" for="e_mail"> <span class="input__label-content input__label-content--yoshiko" data-content="E-mail *"><span>E-mail *</span></span> </label></span></div></div><div class="champ champ_2"><div id="telephone-wrapper"><span class="input input--yoshiko"> <input type="text" name="telephone" id="telephone" maxlength="255" value="" class="text input__field input__field--yoshiko" /> <label class="input__label input__label--yoshiko" for="telephone"> <span class="input__label-content input__label-content--yoshiko" data-content="Téléphone"><span>Téléphone</span></span> </label></span></div></div></div><div class="col-xs-12 col-12 col-lg-6"><div class="champ champ_3"><div id="message-wrapper"><span class="input input--yoshiko textarea--yoshiko"> <textarea name="message" id="message" class="textArea input__field input__field--yoshiko textarea__field--yoshiko required"></textarea> <label class="input__label input__label--yoshiko" for="message"> <span class="input__label-content input__label-content--yoshiko" data-content="Message * (1)"><span>Message * <sup>(1)</sup></span></span> </label></span><span class="textarea_description"><sup>(1) Veuillez ne pas saisir d'informations personnelles.</sup></span></div></div>
</div>
</div>
</div>
<div>
<div id="contact_form_capt">
<input type="hidden" name="g-recaptcha-response" class="g-recaptcha-response" value="" /> </div><!-- #contact_form_capt -->
<div class="wrapRgpd clearfix">
<div class="customCheckboxLarge"><input type="checkbox" name="rgpd1" value="J’accepte que les données saisies dans le formulaire soient utilisées pour me recontacter dans le cadre de ma demande" id="rgpd1" class="checkbox" />
<label for="rgpd1"><span class="customCheck"></span><span class="customCheckboxLabel">En cochant cette case, j’accepte que les données saisies dans le formulaire ci-dessus soient utilisées par www.formations-toitures.com pour me recontacter dans le cadre de ma demande. Les destinataires sont www.formations-toitures.com et son sous-traitant en charge du serveur web (Owentis). Pour plus d'informations sur le traitement de vos données et l'exercice de vos droits, reportez-vous à notre <a href="/politique-de-confidentialite">politique de confidentialité</a>.<br /><br /> * Les informations nécessaires au traitement de votre demande sont marquées par un astérisque.</span></label></div> </div>
<div class="contact_form_submit center">
<div class="bouton_primaire"> <button type="submit" id="submit-contact-form" name="submit-contact-form">
Envoyer le formulaire </button>
</div>
<input type="hidden" name="sended" value="1" />
</div>
</div>
</form>
<div id="contactLoading" class="center">
<img src="/oktCommon/img/ajax-loader/big-circle-ball.gif" alt="loader" class="ajax-loader" width="54" height="55" /><br /><br />
Chargement, veuillez patienter… </div>
</div><!-- .encartContenu -->
</div><!-- .encart -->
</div>
</div>
</div>
</div>
</div>
<div class="bloc_defaut bloc1c blocPadd overflow-hidden">
<div class="container-fluid">
<div class="trait_vertical">
<h2><strong>Des parcours de formation adaptés à tous les niveaux</strong></h2>
<p class="texte_important center" style="text-align: left;">DUFormation Bâtiment propose un large choix de formations adaptées aux besoins du marché et des professionnels du bâtiment.</p>
</div>
<div class="row align-items-center justify-content-center blocPaddTop">
<div class="col-xl center">
<div class="gs_anim" data-type="complex" data-anim="slide" data-direction="rl" data-duration="1" data-delay="0">
<p style="text-align: left;"><span style="text-decoration: underline; color: #000000;"><strong><em>Nos formations s’organisent autour de trois grandes étapes pour répondre à tous les profils :</em></strong></span><span style="text-decoration: underline; color: #000000;"><strong><em></em></strong></span></p>
<ul style="text-align: left;">
<li style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">Découverte & Pré-qualification: Une première immersion dans les métiers de la couverture, zinguerie, charpente et construction bois, idéale pour valider un projet professionnel ou amorcer une reconversion.</li>
<li style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> Qualification: Des formations diplômantes pour acquérir un véritable métier : CAP Couvreur, CAP Charpentier Bois, Mention Complémentaire Zinguerie, BP Couvreur et BP Charpentier.</li>
<li style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> Perfectionnement: Des modules spécifiques et des formations à la carte, conçus en lien direct avec les besoins des entreprises, pour renforcer les compétences techniques des équipes.</li>
</ul>
<p></p>
<h3><strong>Un accompagnement technique sur le terrain</strong></h3>
<p style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;"><em><strong><span style="text-decoration: underline;">Nous proposons également un service d’assistance technique pour les professionnels et les particuliers :</span></strong></em></p>
<ul style="text-align: left;">
<li style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">Réalisation d’études techniques en couverture, zinguerie et charpente</li>
<li style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">Métrés quantitatifs, plans 2D et 3D</li>
<li style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">Interventions sur chantier pour le conseil, le suivi et le contrôle des ouvrages</li>
<li style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">Formations en entreprise pour les salariés, sur des thématiques ciblées et pratiques</li>
</ul>
<p style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;"><strong><span style="text-decoration: underline;">Notre priorité :</span> transmettre un savoir-faire technique pointu et garantir un accompagnement opérationnel sur le terrain.</strong></p>
<p style="color: #000000; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;">Pour en savoir plus sur nos formations ou nos services techniques, contactez-nous au<strong> 04 73 77 09 92</strong> ou via <strong>notre formulaire en ligne.</strong></p>
</div>
</div>
</div>
</div>
</div>
<div class="bloc-produits">
<div class="bloc_defaut overflow-hidden blocPadd">
<div class="container">
<div class="trait_vertical">
<h2 class="center" style="text-align: center;">Les <span>nouveautés</span></h2>
</div>
<div class="blocPadd" style="text-align: left;"><span style="font-size: 14px;">
<div class="container-fluid bloc_defaut bloc_etiquette" data-type="nouveaute">
<div id="produit_display_nouveaute">
<div class='row row-cols-1 row-cols-sm-2 row-cols-md-4 row-change'>
<div class="col splide__slide div_liste_produits">
<div class="cadre_liste_produit">
<div class="produit_image">
<a href="https://www.formations-toitures.com/formation-a-la-demande-2/-couverture-zinguerie-isolation-de-toiture-methode-sarking-module-couverture-3-3" title="COUVERTURE- ISOLATION DE TOITURE MÉTHODE SARKING MODULE COUVERTURE 3">
<span class="produit_image_hover">
<img alt="COUVERTURE- ISOLATION DE TOITURE MÉTHODE SARKING MODULE COUVERTURE 3" src="/upload/modules/mosaic/produit/product-default.jpg" width="250" height="340">
</span>
</a>
</div>
<div class="produit_texte">
<div class="cadre_vignette">
<div class="vignette_mini vignette_nouveaute">Nouveauté</div>
</div><!-- cadre_vignette-->
<div class="titre_produit center">
<a href="https://www.formations-toitures.com/formation-a-la-demande-2/-couverture-zinguerie-isolation-de-toiture-methode-sarking-module-couverture-3-3">COUVERTURE- ISOLATION DE TOITURE MÉTHODE SARKING MODULE COUVERTURE 3</a>
</div>
<div class="produit_boutons bloc_filtres">
<a class="pictoMosaic icoLoupe" href="/formation-a-la-demande-2/-couverture-zinguerie-isolation-de-toiture-methode-sarking-module-couverture-3-3">
<i class="fal fa-eye"></i>
<span class="d-none d-lg-block d-xl-block">Plus de détails</span>
</a>
</div>
<div class="center">
</div>
</div>
</div>
</div>
<div class="col splide__slide div_liste_produits">
<div class="cadre_liste_produit">
<div class="produit_image">
<a href="https://www.formations-toitures.com/formation-a-la-demande-2/formation-d-acces-direct-a-l-emploi-2" title="Formation d'accés direct a l'emploie">
<span class="produit_image_hover">
<img alt="Formation d'accés direct a l'emploie" src="/upload/modules/mosaic/produit/product-default.jpg" width="250" height="340">
</span>
</a>
</div>
<div class="produit_texte">
<div class="cadre_vignette">
<div class="vignette_mini vignette_nouveaute">Nouveauté</div>
</div><!-- cadre_vignette-->
<div class="titre_produit center">
<a href="https://www.formations-toitures.com/formation-a-la-demande-2/formation-d-acces-direct-a-l-emploi-2">Formation d'accés direct a l'emploie</a>
</div>
<div class="produit_boutons bloc_filtres">
<a class="pictoMosaic icoLoupe" href="/formation-a-la-demande-2/formation-d-acces-direct-a-l-emploi-2">
<i class="fal fa-eye"></i>
<span class="d-none d-lg-block d-xl-block">Plus de détails</span>
</a>
</div>
<div class="center">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="produit_loader_nouveaute" class="oktopusHidden">
<div class="ajaxLoader center">
<div class="loader">
<div class="inner one"></div>
<div class="inner two"></div>
<div class="inner three"></div>
</div>
</div>
<div class="ajaxLoaderTxt">Chargement, veuillez patienter…</div> </div>
</div>
</span></div>
</div>
</div>
</div>
<div class="bloc_defaut bloc5b overflow-hidden">
<div class="container-fluid">
<div class="trait_vertical">
<h2 class="center"><span>Retrouvez-nous</span> Sur Facebook</h2>
</div>
<div class="row align-items-center justify-content-center">
<div class="col-sm col-md-8 center blocPadd">
</div>
</div>
</div>
</div>
</div><!-- .page-content -->
</div><!-- #page_item -->
</div><!-- #content -->
</section><!-- #center_column -->
</div><!-- #content_bg_image -->
</div><!-- .container -->
</div><!-- #main -->
</div><!-- #global_main -->
<div id="global_footer">
<div id="footer">
<div class="container"><div id="bouton_footer" class="row align-items-center justify-content-between">
<div class="col col-xl-3 center">
<a href="/"><img src="/oktThemes/ra165-s/images/logo.png" alt="DUFORMATION BATIMENT" width="339" height="171" /></a>
</div><!-- .col-sm-6 -->
<div class="col-md-6 center">
<div class="row">
<div class="col-md-6 center">
<div id="bouton_footer_1">
<p class="bouton_secondaire">
<a href="/contact">
<i class="fal fa-envelope"></i>
Prendre RDV </a>
</p>
</div>
</div>
<div class="col-md-6 center">
<div id="bouton_footer_2">
<p class="bouton_primaire">
<a href="tel:04 73 77 09 92">
<i class="fal fa-mobile"></i>
04 73 77 09 92 </a>
</p>
</div>
</div>
</div>
</div></div>
<div class="row esp-footer">
<div class="order-lg-1 col-md-6 col-lg-6">
<p class="titre_footer">Menu</p>
<nav>
<ul id="menu_bas_liste"><li class="active"><a class="cliqueRubrique menu18" href="/"><span class="rubrique_T">Accueil</span></a></li>
<li class=""><a class="cliqueRubrique menu19" href="/formation-diplomante-1"><span class="rubrique_T">Formation Diplômante</span></a></li>
<li class=""><a class="cliqueRubrique menu20" href="/formation-a-la-demande-2"><span class="rubrique_T">Formation à la demande</span></a></li>
<li class=""><a class="cliqueRubrique menu21" href="/candidatures"><span class="rubrique_T">Candidatures</span></a></li>
<li class=""><a class="cliqueRubrique menu22" href="/employeurs"><span class="rubrique_T">Employeurs</span></a></li>
<li class=""><a class="cliqueRubrique menu23" href="/le-centre"><span class="rubrique_T">Le centre</span></a></li>
<li class=""><a class="cliqueRubrique menu24" href="/i-notre-actu-2"><span class="rubrique_T">Notre Actu</span></a></li>
<li class=""><a class="cliqueRubrique menu25" href="/avis-client"><span class="rubrique_T">Votre Avis</span></a></li>
<li class=""><a class="cliqueRubrique menu26" href="/contact"><span class="rubrique_T">Contact</span></a></li></ul> </nav>
</div>
<div class="order-4 order-md-2 col-md-6 col-lg-3">
<p class="titre_footer"></p>
<nav>
<div id="menu_bottom" class="menu_footer_deplie">
<ul class="block_various_links"><li class=""><a class="cliqueRubrique menu0" href="/gestion-de-donnees">Données personnelles</a></li>
<li class=""><a class="cliqueRubrique menu1" href="/mentions-legales">Mentions légales</a></li>
<li class=""><a class="cliqueRubrique menu2" href="/politique-de-confidentialite">Politique de confidentialité</a></li>
<li class=""><a class="cliqueRubrique menu3" href="/cookie">Gestion des cookies</a></li></ul><!-- #menu_footer --></div><!-- #menu_bottom --> </nav>
<div class="encart">
<div class="encartContenu">
<ul class="insertLogoNetwork">
<li>
<a href="https://www.facebook.com/profile.php?id=61570215459087" title="Nous suivre sur Facebook" rel="noreferrer noopener" target="_blank" >
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/feed/" title="Nous suivre sur Linkedin" rel="noreferrer noopener" target="_blank" >
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/_duformation_batiment_/" title="Nous suivre sur Instagram" rel="noreferrer noopener" target="_blank" >
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="order-4 order-md-3 col-md-6 col-lg-3">
<p class="titre_footer">Coordonnées</p>
<div class="first_coordinate">
<div class="coordinates">
<footer>
<ul class="coordinates_list">
<li class="picto_adresse sous_titre">4 Rue Louis Blériot</li> <li>63800 Cournon-d'Auvergne</li>
</ul>
<ul class="coordinates_list" >
<li><i class="fal fa-phone-alt"></i> 04 73 77 09 92</li> </ul>
<ul class="coordinates_list" >
<li><i class="fal fa-mobile pr-2"></i> 06 34 33 82 12</li> </ul>
</footer>
</div>
</div>
</div>
</div>
<div id="marque">
<a href="https://www.youlead.fr/" aria-label="Youlead" rel="noopener noreferrer" target="_blank"><?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1_-_copie" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewbox="0 0 415.9 135.7" style="enable-background:new 0 0 415.9 135.7;height:45px;width:138px" xml:space="preserve">
<g>
<path class="st0" d="M90.3,47.2L69,59.5v24.7l21.3,12.3l21.3-12.3V59.5C111.7,59.5,90.3,47.2,90.3,47.2z M104.2,66.1L92.3,73v13.7 l-1.9,1.1l-1.9-1.1V73l-11.9-6.9v-2.3l1.9-1.1l11.9,6.9l11.9-6.9l1.9,1.1L104.2,66.1L104.2,66.1z"/>
<path class="st0" d="M90.3,21.3L46,46.9v51.2l44.3,25.6l44.3-25.6V46.9L90.3,21.3z M115.6,86.4l-25.3,14.6L65.1,86.4V57.2 l25.3-14.6l25.2,14.6C115.6,57.2,115.6,86.4,115.6,86.4z"/>
</g>
<g>
<path class="st0" d="M174.3,96.4c2.6,0,4.5-1.8,5.7-4.7l1.5-3.5l-11-25.5c-0.5-1.1-1.1-1.2-2.1-1.2h-0.8v-5.3h3.6 c2.6,0,3.6,0.8,4.7,3.3l7.4,18.2c0.6,1.7,1.2,3.9,1.2,3.9h0.2c0,0,0.5-2.3,1.1-3.9l6.8-18.2c0.9-2.6,2.1-3.3,4.7-3.3h3.8v5.3H200 c-1.1,0-1.7,0.3-2.1,1.2l-12.8,31.4c-2,5-5.9,7.5-10.4,7.5c-4.8,0-7.5-3.2-7.5-3.2l2.6-4.5C169.6,94.1,171.6,96.4,174.3,96.4 L174.3,96.4z"/>
<path class="st0" d="M220.4,55.4c9.6,0,17.4,7.1,17.4,16.8s-7.8,17-17.4,17c-9.6,0-17.3-7.1-17.3-17S210.8,55.4,220.4,55.4 L220.4,55.4z M220.4,83.8c6.2,0,11.1-4.8,11.1-11.6s-5-11.4-11.1-11.4c-6.2,0-11,4.8-11,11.4S214.4,83.8,220.4,83.8z"/>
<path class="st0" d="M245.5,62.7c0-0.9-0.5-1.4-1.4-1.4h-2.6V56h6c2.9,0,4.2,1.2,4.2,3.9v15.3c0,4.5,0.9,8,6,8 c6.6,0,10.5-5.9,10.5-12.2V56h6.2v25.5c0,0.9,0.5,1.4,1.4,1.4h2.6v5.3h-5.9c-2.7,0-4.1-1.2-4.1-3.6v-1.2c0-1.1,0-1.8,0-1.8h-0.2 c-1.4,3.2-5.4,7.4-11.9,7.4c-7.2,0-11-3.8-11-12.3L245.5,62.7L245.5,62.7z"/>
<path class="st0" d="M285,50c0-0.9-0.5-1.4-1.4-1.4H281v-5.3h6.2c2.9,0,4.1,1.2,4.1,4.1v34.3c0,0.9,0.5,1.4,1.4,1.4h2.6v5.3h-6.2 c-2.9,0-4.1-1.2-4.1-4.1V50z"/>
<path class="st0" d="M315.2,55.4c9,0,13.8,6.8,13.8,15c0,0.9-0.2,2.6-0.2,2.6h-23.4c0.5,6.9,5.4,10.8,11.1,10.8S326,80,326,80 l2.7,4.4c0,0-4.8,4.7-12.5,4.7c-10.2,0-17.1-7.4-17.1-16.8C299.1,62,306.1,55.4,315.2,55.4z M322.7,68.4c-0.2-5.4-3.6-8.3-7.5-8.3 c-4.7,0-8.6,2.9-9.5,8.3H322.7z"/>
<path class="st0" d="M353.7,68.3h1.4V68c0-5.7-2.1-7.7-7.1-7.7c-1.5,0-5.3,0.5-5.3,2.6v1.8h-5.9v-3.2c0-5.3,8-6,11.1-6 c10.5,0,13.2,5.4,13.2,12.6v13.7c0,0.9,0.5,1.4,1.4,1.4h2.6v5.1h-5.9c-2.9,0-4.1-1.4-4.1-3.8c0-1.1,0.2-2,0.2-2h-0.2 c0,0-2.6,6.3-10.2,6.3c-5.6,0-11-3.3-11-9.8C334.3,68.9,348.3,68.3,353.7,68.3L353.7,68.3z M346.6,84.1c5.3,0,8.6-5.4,8.6-10.2 v-1.1h-1.7c-4.7,0-13.1,0.3-13.1,6.2C340.5,81.5,342.6,84.1,346.6,84.1L346.6,84.1z"/>
<path class="st0" d="M383.6,55.4c7.5,0,9.9,5,9.9,5h0.2c0,0-0.2-0.9-0.2-2.1v-8.1c0-0.9-0.5-1.4-1.4-1.4h-2.6v-5.3h6.2 c2.9,0,4.1,1.2,4.1,4.1v34.3c0,0.9,0.5,1.4,1.4,1.4h2.6v5.1h-5.9c-2.9,0-3.9-1.2-3.9-3.5c0-0.9,0-1.7,0-1.7h-0.2 c0,0-2.7,5.9-10.5,5.9c-8.7,0-14.3-6.9-14.3-16.8S375,55.2,383.6,55.4L383.6,55.4z M393.7,72.1c0-5.7-3-11.4-9.2-11.4 c-5,0-9.2,4.2-9.2,11.6s3.8,11.6,9.2,11.6C389.2,83.8,393.7,80.3,393.7,72.1L393.7,72.1z"/>
<path class="st0" d="M409.6,81.7h6.3v6.6h-6.3V81.7z"/>
</g>
</svg>
</a> </div><!-- #marque -->
</div><!-- .container -->
</div><!-- #footer -->
</div><!-- #global_footer -->
</div><!-- #global -->
<div id="backTop" class="btnTop"><i class="far fa-chevron-up"></i></div>
<link type="text/css" href="https://www.formations-toitures.com/oktMin/?g=css_public_e058302b46c7de1d70b6ff203cfab7a5" rel="stylesheet" media="all" />
<script type="text/javascript">
//<![CDATA[
var OKT_LANG = 'fr';
var OKT_COMMON_URL = '/oktCommon';
var OKT_THEME = '/oktThemes/ra165-s';
var BASE_URL = '/';
var FORM_THEME = 'yoshiko';
var bootstrap = 4;
var reCaptchaLoaded = false;
document.querySelectorAll("form").forEach(function(form) {
form.dataset.ready = true;
form.dataset.captcha = false;
});
var reCaptchaLoaded = false;
document.querySelectorAll("form").forEach(function(form) {
form.dataset.ready = true;
form.dataset.captcha = false;
});
//]]>
</script>
<script type="text/javascript" src="/oktMin/?g=js_public_bfa04a5655fef2effee04ba274bdeb0f" ></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfBKygrAAAAAPp_3MWL89oDJvZctmhfndJTjK2O" defer></script>
<script type="text/javascript">
//<![CDATA[
function loadFancybox() {
if (jQuery("a.modal").length) {
jQuery("a.modal").fancybox({"padding":10,"margin":40,"fitToView":true,"autoWidth":true,"modal":false,"helpers":{"title":{"type":"float"},"overlay":null},"closeClick":false,"loop":true,"openEffect":"elastic","openSpeed":500,"closeEffect":"elastic","closeSpeed":500,"openEasing":"swing","closeEasing":"swing"});
}
}
var onloadRecaptchaCallback = function(force = false) {
if(reCaptchaLoaded && !force){
return;
}
$("body").addClass("captcha");
$("input.g-recaptcha-response").each(function(){
if(force){
$(this).closest("form").get(0).dataset.ready = true;
}
$(this).closest("form").get(0).dataset.captcha = true;
onload($(this).closest("form").find("button[type=submit]"));
});
reCaptchaLoaded = true;
}
if(typeof grecaptcha === "undefined") {
grecaptcha = {};
}
grecaptcha.ready = function(cb){
if(typeof grecaptcha === "undefined") {
const c = "___grecaptcha_cfg";
window[c] = window[c] || {};
(window[c]["fns"] = window[c]["fns"]||[]).push(cb);
} else {
cb();
}
}
grecaptcha.ready(function() {
onloadRecaptchaCallback();
});
var aReCaptcha = new Array();
function runCaptcha(submitForm) {
$("form").each(function(){
$(this).attr("data-toSend","false");
});
submitForm.attr("data-toSend","true");
grecaptcha.execute("6LfBKygrAAAAAPp_3MWL89oDJvZctmhfndJTjK2O", {action: "forms"}).then(function(token) {
submitForm.find(".g-recaptcha-response").val(token);
submitForm.submit();
});
};
function onload(submitInput) {
$(submitInput).click(async function(event){
event.preventDefault();
await $.until(_ => $(submitInput).closest("form").get(0).dataset.ready === "true");
runCaptcha($(submitInput).closest("form"));
})
};
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
if($(".link_fancybox").size()>0) {
$(".link_fancybox").fancybox();
}
setTimeout(function(){
$(".cliqueRubrique").on("click", function() {
$.ajax({url: "/verification", async: false, data: "action=videRecherche"});
});
}, 500);
$.initFormulaire();
if($("#global_header").length > 0){
$(document).on("stickupLoaded", function(){
$("#global_header").stickUp();
});
}
if(window.innerWidth >= 768){
$("#backTop").backTop({
"position" : 600,
"speed" : 500,
"color" : "btnTop",
});
}
AOS.init({
offset: 200,
duration: 1000,
easing: "ease-in-out-sine",
delay: 100,
placement: "bottom-bottom",
once: true,
disable: window.innerWidth < 992
});
var oGSAP = new GreenSock({
button_effect: "fade",
disable: false,
debug: false,
cursor: false,
cursor_follow: false
});
try {
oGSAP.init();
} catch (error) {
console.error(error);
}
function toggleProduct(type){
$("#produit_display_"+type+", #produit_loader_"+type).toggle();
}
function chargeProduit(item, success){
var type = item.closest(".bloc_etiquette").data("type");
toggleProduct(type);
$.get(item.attr("href"), function(data){
$("#produit_display_"+type).html(data);
if(typeof success === "function"){
success.apply();
}
toggleProduct(type);
if(typeof oProduit !== "undefined"){
oProduit.setAjoutRubrique();
}
});
}
$(document).on("click", ".btn_change_type", function(evt){
evt.preventDefault();
var lien = $(this);
chargeProduit(lien, function(){
$(".btn_change_type").parent().removeClass();
$(".btn_change_type").not(lien).parent().addClass("bouton_secondaire");
lien.parent().addClass("bouton_primaire");
});
});
$(document).on("click", ".pagination_btn", function(evt){
evt.preventDefault();
chargeProduit($(this));
});
var contactValidator = $('#contact_form').validate({
rules: {
e_mail: { required: true },message: { required: true }
},
errorPlacement: function(error, element) {
error.insertAfter(element);
error.addClass('input--error');
}
});
$(".dateSaisi").oktJsDate();
$(".datetime").oktJsDate({ format: "L LT" });
if(typeof onloadRecaptchaCallback === "function"){
onloadRecaptchaCallback(true);
}
var div = $("#contact_form").parent().parent().parent();
$("#contact_form").ajaxForm({
target: div,
beforeSubmit: function(){
$("#contact_form").hide();
$("#contactLoading").show();
}
});
loadFancybox();
var pliage = 2;
var ptRupture = 1200;
var enableOverlay = 0;
if(pliage === 1 || (pliage > 1 && $(window).width() < ptRupture)){
$("#global_header").addClass("ordre_elements");
$(".sub-menu").addClass("sub-menu_pliage");
$(".menu_plie").show();
$(".menu_deplie").hide();
$(".menu_btn").on("click", function(){
if($("body").hasClass("menu_open")){
$("body, .head_top, #menus").removeClass("menu_open");
$("body,.menu_toggle").css("margin-right", "0px");
$("#menus").trigger("menu_close");
} else {
var w = $.getScrollbarWidth();
$("body,.menu_toggle").css("margin-right", w+"px");
$("body, .head_top, #menus").addClass("menu_open");
$("#menus").trigger("menu_open");
}
});
$(".sub-menu > a").click(function(evt){
evt.preventDefault();
$(this).toggleClass("opened");
$(this).next().slideToggle();
});
if(enableOverlay){
$(".menu_overlay").on("click", function(){
$(".menu_btn").click();
});
}
} else {
$("#global_header").removeClass("ordre_elements");
$(".sub-menu").removeClass("sub-menu_pliage");
$(".menu_plie").hide();
$(".menu_deplie").show();
}
var oCookieConsent = new CookieConsent("okt_consent", "/");
oCookieConsent.initInsert();
$("#panelPreloader").fadeOut();
});
//]]>
</script>
<div id="cookie_barre">
<div class="position_popup_cookie">
<div class="fond_cookie">
<span class='cookie_titre'>Ce site utilise des cookies afin d’améliorer votre expérience de navigation</span><br/>Vous pouvez paramétrer vos préférences et modifier vos choix en cliquant sur le lien de gestion des cookies en bas de page.
<div class="row justify-content-center bloc_defaut margTop15">
<div class="col-sm-auto">
<div class="bouton_secondaire">
<a href="/cookie" >
Paramétrer mes choix </a>
</div>
</div>
<div class="col-sm-auto">
<div id="cookie_fermer_o" class="accepte cookie_bouton bouton_primaire">
<button>
OK pour moi ! </button>
</div>
</div>
</div>
<div id="cookie_fermer_n" class="refuse cookie_bouton">
Continuer sans accepter </div>
</div>
</div>
</div>
<div id="panelPreloader">
<div id="panelPreloaderContent">
<div id="panelPreloaderPicto"></div>
</div>
</div> </body>
</html>
