<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>AFFAIRE DE STEEL - escaliers métalliques design - métallerie - Saint-Malo</title>
<meta name="description" content="AFFAIRE DE STEEL - escaliers métalliques design - métallerie - Saint-Malo" />
<meta name="keywords" content="" />
<meta name="robots" content="index,follow,noarchive" />
<meta name="author" content="PIERKIDESIGN / DECLIC GRAPHIC" />
<meta name="viewport" content="initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<!-- modernizr -->
<script src="https://www.affaire-de-steel.com/core/modules/modernizr/modernizr.custom.90447.js"></script>
<!-- jquery -->
<script src="https://www.affaire-de-steel.com/core/modules/jquery/jquery-1.11.1.min.js"></script>
<!-- jquery ui -->
<script type="text/javascript" src="https://www.affaire-de-steel.com/core/modules/jquery-ui-1.10.4/js/jquery-ui-1.10.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/core/modules/jquery-ui-1.10.4/css/smoothness/jquery-ui-1.10.4.custom.min.css">
<!-- dattimepicker -->
<script src="https://www.affaire-de-steel.com/core/modules/datetimepicker-master/jquery.datetimepicker.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/core/modules/datetimepicker-master/jquery.datetimepicker.css">
<!-- fancybox -->
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/core/modules/fancyapps-fancyBox-18d1712/source/jquery.fancybox.css">
<script src="https://www.affaire-de-steel.com/core/modules/fancyapps-fancyBox-18d1712/source/jquery.fancybox.pack.js"></script>
<!-- bxslider -->
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/core/modules/jquery.bxslider/jquery.bxslider.css">
<script src="https://www.affaire-de-steel.com/core/modules/jquery.bxslider/jquery.bxslider.min.js"></script>
<!-- owl slider -->
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/core/modules/jquery.owl.carousel/owl-carousel/owl.carousel.css">
<script src="https://www.affaire-de-steel.com/core/modules/jquery.owl.carousel/owl-carousel/owl.carousel.min.js"></script>
<!-- full page -->
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/core/modules/fullPage.js-master/jquery.fullPage.css">
<script src="https://www.affaire-de-steel.com/core/modules/fullPage.js-master/vendors/jquery.slimscroll.js"></script>
<script src="https://www.affaire-de-steel.com/core/modules/fullPage.js-master/jquery.fullPage.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/core/modules/cookies/cookies-eu-banner.css">
<script src="https://www.affaire-de-steel.com/core/modules/cookies/cookies-eu-banner.js"></script>
<!-- ckeditor -->
<!-- <script src="https://www.affaire-de-steel.com/core/modules/ckeditor/ckeditor.js"></script> -->
<!-- css -->
<link rel="stylesheet" type="text/css" href="https://www.affaire-de-steel.com/css/styles.css">
<!-- media queries -->
<link rel="stylesheet" media="only screen and (max-width: 1024px)" href="https://www.affaire-de-steel.com/css/styles-m.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 768px)" href="https://www.affaire-de-steel.com/css/styles-s.css" type="text/css" />
<script language="javascript">
/*
$( document ).ready(function() {
if($("#bigslide_homepage").length)
{
//$("html,body").animate({scrollTop: 0}, 100, "easeOutExpo" ); //100ms for example
var h = $(window).height() - $('footer').height();
$('#bigslide_homepage li').height(h);
}
});
$(window).resize(function() {
if($("#bigslide_homepage").length)
{
var h = $(window).height() - $('footer').height();
$('#bigslide_homepage li').height(h);
}
});
*/
$(window).on('hashchange', function() {
scrollSection();
});
$(window).load(function(){
scrollSection();
});
function scrollSection()
{
if($("#vp #small").is(":visible"))
{
var hash = window.location.hash;
if(hash != '')
{
var arr = hash.split('#');
if(arr[1] == "" || hash == "")
{
cible = "";
}
else
{
cible = arr[1];
}
var speed = 750; // Durée de l'animation (en ms)
$('html, body').animate( { scrollTop: $("."+cible).offset().top }, speed ); // Go
//return false;
}
}
}
$(function() {
$(".trace .close").click(function(){
$(this).parent().fadeOut(500);
});
$("a.fancy").fancybox({
padding : 0
});
$("a.galerie-thumbs").fancybox({
padding : 0,
helpers : {
title : {
type: 'outside'
},
thumbs : {
width : 100,
height : 100
},
overlay : {
css : {
'background' : 'rgba(0,0,0,0.8)'
}
}
}
});
$("a.photo").fancybox({
padding : 0,
helpers : {
title : {
type: 'outside'
},
overlay : {
css : {
'background' : 'rgba(0,0,0,0.9)'
}
}
}
});
$("a.fancyframe").fancybox({
type : 'iframe',
maxHeight : 300,
maxWidth : 600,
fitToView : false,
width : 600,
height : 300,
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
$(".datepicker" ).datepicker({
dateFormat:"yy-mm-dd",
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "https://www.affaire-de-steel.com/media/images/calendar.png",
buttonImageOnly: true,
dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
dayNamesMin: [ "Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa" ],
dayNamesShort: [ "Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam" ],
monthNames: [ "Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre" ],
monthNamesShort: [ "Jan", "Fev", "Mar", "Avr", "Mai", "Jun", "Jul", "Aou", "Sep", "Oct", "Nov", "Dec" ],
firstDay: 1,
yearRange: "1900:2050"
});
$(".datetimepicker").datetimepicker({
lang:'en',
i18n:{
en:{
months:['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre',],
dayOfWeek:["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa",]
}
},
timepicker:true,
format:'Y-m-d H:i'
});
$(".date_fr" ).datepicker({
dateFormat:"dd/mm/yy",
changeMonth: true,
changeYear: true,
showOn: "button",
buttonImage: "https://www.affaire-de-steel.com/media/images/calendar.png",
buttonImageOnly: true,
dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
dayNamesMin: [ "Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa" ],
dayNamesShort: [ "Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam" ],
monthNames: [ "Janvier", "Fevrier", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Decembre" ],
monthNamesShort: [ "Jan", "Fev", "Mar", "Avr", "Mai", "Jun", "Jul", "Aou", "Sep", "Oct", "Nov", "Dec" ],
firstDay: 1,
yearRange: "1900:2050"
});
$(".datetimepicker_fr").datetimepicker({
lang:'en',
i18n:{
en:{
months:['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre',],
dayOfWeek:["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa",]
}
},
timepicker:true,
format:'d/m/Y H:i'
});
/*
$("#menu-4").mouseover(function(){
$(".blackunderlay").dequeue().stop().fadeIn(100);
$(".logo_center").dequeue().stop().fadeOut(100);
$(".wrapper_bigslide .bx-controls").dequeue().stop().fadeOut(100);
});
$("#menu-4").mouseleave(function(){
$(".logo_center").dequeue().stop().delay(400).fadeIn(200);
$(".wrapper_bigslide .bx-controls").dequeue().stop().delay(200).fadeIn(200);
$(".blackunderlay").dequeue().stop().delay(100).fadeOut(200);
});
*/
if($("#vp #large").is(":visible"))
{
if($('#fullpage_produit').length)
{
var marge = 220;
$('#fullpage_produit').fullpage({
css3: true,
scrollOverflow: true,
controlArrows: false,
/*
slidesNavigation: true,
slidesNavPosition: 'top',
*/
easing: 'easeInOutCubic',
easingcss3: 'ease',
fixedElements: '.main, footer',
paddingTop: '145px',
paddingBottom: '90px',
/*anchors:['escaliers'],*/
verticalCentered: false,
afterLoad: function(anchorLink, index){
var wrapper = $(".photos").height();
var titre = $("#realisations").children("h1").height();
$("#realisations .sidescroll ul li").height(wrapper-titre-marge);
$("#realisations .sidescroll ul li a img").height(wrapper-titre-marge);
},
afterResize: function(anchorLink, index){
var wrapper = $(".photos").height();
var titre = $("#realisations").children("h1").height();
$("#realisations .sidescroll ul li").height(wrapper-titre-marge);
$("#realisations .sidescroll ul li a img").height(wrapper-titre-marge);
},
afterRender: function(anchorLink, index){
var wrapper = $(".photos").height();
var titre = $("#realisations").children("h1").height();
$("#realisations .sidescroll ul li").height(wrapper-titre-marge);
$("#realisations .sidescroll ul li a img").height(wrapper-titre-marge);
},
});
}
}
if($("#vp #large").is(":visible") || $("#vp #medium").is(":visible"))
{
if($('#fullpage_content').length)
{
var marge = 220;
$('#fullpage_content').fullpage({
scrollOverflow: true,
controlArrows: false,
fixedElements: 'header.main,footer',
paddingTop: '145px',
paddingBottom: '70px',
verticalCentered: true,
afterLoad: function(anchorLink, index){
var wrapper = $("body").height();
$(".wrapper_bg_produits .bx-viewport").height(wrapper);
},
afterResize: function(anchorLink, index){
var wrapper = $("body").height();
$(".wrapper_bg_produits .bx-viewport").height(wrapper);
},
afterRender: function(anchorLink, index){
var wrapper = $("body").height();
$(".wrapper_bg_produits .bx-viewport").height(wrapper);
},
});
}
if($('#fullpage_hp').length)
{
var marge = 220;
$('#fullpage_hp').fullpage({
css3: true,
scrollOverflow: true,
controlArrows: false,
fixedElements: 'header.main,footer',
paddingTop: '145px',
paddingBottom: '70px',
verticalCentered: true,
navigation: true,
easing: 'easeInOutCubic',
easingcss3: 'ease',
anchors:['homepage','presentation','architectes'],
//navigationTooltips: ["Page d'accueil", "Présentation","Architectes"],
afterLoad: function(anchorLink, index){
var wrapper = $("body").height();
$(".wrapper_bg_produits .bx-viewport").height(wrapper);
},
afterResize: function(anchorLink, index){
var wrapper = $("body").height();
$(".wrapper_bg_produits .bx-viewport").height(wrapper);
},
afterRender: function(anchorLink, index){
var wrapper = $("body").height();
$(".wrapper_bg_produits .bx-viewport").height(wrapper);
},
});
}
if($('#fullpage_contact').length)
{
var marge = 220;
$('#fullpage_contact').fullpage({
scrollOverflow: true,
controlArrows: false,
fixedElements: 'header.main,footer',
paddingTop: '145px',
paddingBottom: '70px',
verticalCentered: false,
navigation: true,
easing: 'easeInOutCubic',
easingcss3: 'ease',
anchors:['contacter','map'],
});
}
}
$('#realisations .wrapper_galerie ul').bxSlider({
auto: false,
speed:700,
pause: 5000,
captions: false,
responsive: true,
pager: false,
controls: true,
touchEnabled: false,
minSlides: 1,
maxSlides: 1,
/*slideWidth: 275,*/
easing: "easeInOutQuint",
useCSS: true,
/*slideSelector: "div.slide",*/
slideMargin: 0
});
if($("#vp #large").is(":visible"))
{
$("#realisations .sidescroll ul li a, .actu .bloc-33 a").mouseenter(function(){
$(this).find(".blackoverlay").dequeue().stop().fadeIn(150,"easeInOutQuad",function()
{
$(this).find(".decouvrir").delay(50).fadeIn(150);
}
)});
$("#realisations .sidescroll ul li a, .actu .bloc-33 a").mouseleave(function(){
$(this).find(".blackoverlay").find(".decouvrir").fadeOut(150,"easeInOutQuad",function(){
$(this).parent(".blackoverlay").fadeOut(100);
}).dequeue();
});
}
//accordeon
$(".accordeon h3").click(function(){
$(this).next(".details").fadeToggle(500);
});
$(".autocomplete form #ville").autocomplete({
source: function (request, response)
{
var objData = {};
objData = { ville: request.term };
$.ajax({
url: "https://www.affaire-de-steel.com/content/controller/autocomplete.php",
dataType: "json",
data: objData,
type: 'POST',
success: function (data)
{
//Ajout de reponse dans le cache
response($.map(data, function (item)
{
return {
label: item.ville_nom_reel+" ("+item.ville_departement+")",
value: function ()
{
return item.ville_nom_reel;
}
}
}));
}
});
},
minLength: 3,
delay: 600
});
if($("#vp #large").is(":visible"))
{
$('#realisations > *').mousewheel(function(e, delta) {
console.log(delta);
this.scrollLeft -= (delta * 30);
e.preventDefault();
});
}
$('.bigslide_nocontrols ul').bxSlider({
auto: true,
speed:1500,
pause: 5000,
mode: 'fade',
preloadImages: "all",
captions: false,
responsive: true,
pager: false,
controls: false,
randomStart: true,
touchEnabled: false
});
//bigslide
$('.bigslide_controls ul').bxSlider({
auto: true,
speed:1000,
pause: 5000,
mode: 'fade',
captions: false,
responsive: true,
pager: true,
controls: true,
touchEnabled: false,
pagerSelector: "#pager",
nextSelector: "#next",
prevSelector: "#prev"
});
//scrool auto du href sur ID (#blabla)
$('a.goto').click( function() { // Au clic sur un élément
var page = $(this).attr('href'); // Page cible
var speed = 750; // Durée de l'animation (en ms)
$('html, body').animate( { scrollTop: $(page).offset().top }, speed ); // Go
return false;
});
//fade in / out du menu en responsive mobile
$("nav #stickymenu").click(function(){
$("nav .niveau_1").fadeToggle(500);
});
//fade in / out apres clic sur element du menu si responsive mobile
if( $("nav #stickymenu").is(":visible"))
{
//desactivaion du double touch
//$('nav .niveau_1 ul li a').doubleTapToGo();
$("nav .niveau_1 li a").click(function(){
$("nav .niveau_1").fadeToggle(0);
});
}
});
</script>
</head>
<body id="page-2">
<header class="main">
<nav>
<a id="stickymenu">MENU</a>
<ul class='niveau_1'><li id='menu-2'><a class='up' href='http://www.affaire-de-steel.com/#homepage' data-id='2'>ACCUEIL</a></li><li id='menu-3'><a href='http://www.affaire-de-steel.com/#presentation' data-id='3'>PRÉSENTATION</a></li><li id='menu-4'><a href='https://www.affaire-de-steel.com/fr/agencement-interieur-metal-st-malo/' data-id='4'>PRODUITS</a></li><li id='menu-5'><a href='http://www.affaire-de-steel.com/#architectes' data-id='5'>ARCHITECTES</a></li><li id='menu-6'><a href='https://www.affaire-de-steel.com/fr/actualites-news-affaire-de-steel/' data-id='6'>NOS ACTUS</a></li><li id='menu-7'><a href='https://www.affaire-de-steel.com/fr/contact-fabricant-escaliers-metalliques/' data-id='7'>CONTACT</a></li></ul>
</nav>
</header>
<div id="fullpage_hp">
<div id="directions">
<div id="prev"></div>
<div id="next"></div>
</div>
<div id="pager"></div>
<div class="wrapper_bg_produits bigslide_controls" >
<ul>
<li id="bg-0" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/04092014-032.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-1" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/slide-01.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-2" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/29042014-084.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-3" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/17112010-3.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-4" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/01102014-136.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-5" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/slide-04.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-6" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/02092015-10462861-314064508762036-1280113558462248717-n-1-.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-7" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/10032012-img-3453.jpg);"><span class="overlay black30px blackalpha20"></span></li><li id="bg-8" class="bg_produit" style="background-image:url(https://www.affaire-de-steel.com/media/photos/galerie/background-homepage/slide-03.jpg);"><span class="overlay black30px blackalpha20"></span></li> </ul>
</div>
<div class="section homepage" data-anchor="homepage">
<img src="https://www.affaire-de-steel.com/media/images/logo_big.png" class="logo_center">
</div>
<!-- presentation -->
<div class="section presentation wrapper-v-center" data-anchor="presentation">
<div class="content presentation page_xsmall">
<h1>Notre <strong>entreprise</strong></h1>
<!--<figure class="bloc-33 left illustration"><img src="https://www.affaire-de-steel.com/media/images/julien_colliaux.jpg" width="182" height="339"></figure>-->
<div class="bloc-100 right texte">
<div class="padd-top padd-bottom border-top border-bottom padd-left padd-right">
<p><strong>Après avoir été gérée pendant deux ans par Gilles Redouté, Affaire de Steel (SARL AD STEEL) a été reprise par M. IVES et M. GAUTIER depuis juillet 2019.</strong></p>
<p>Créée en mai 2007 par Julien Colliaux, Affaire de Steel s’est spécialisée dans la métallerie contemporaine.</p>
<p>Affaire de Steel a pour principale activité la réalisation d’escaliers, mezzanines, garde-corps, verrières, portails et mobilier pour les particuliers et les professionnels.</p>
<p>Le succès remporté est avant tout le fait d’une exigence de qualité appliquée à tous les domaines : qualité du design des produits, qualité des études mais également qualité de fabrication.</p>
<p>L’utilisation d’un outillage industriel lourd, indispensable à la réalisation des formes complexes des modèles Affaire de Steel, ainsi que l’attention apportée dans le choix des matériaux, se conjugue à une fabrication typiquement artisanale afin de réaliser des créations « sur mesure ».</p>
<p>La conception des modèles Affaire de Steel exprime bien la préoccupation de « ne pas tomber dans la banalité » en allant toujours plus loin dans le design, la recherche de nouvelles applications et modes de fabrication.</p>
</div>
</div>
<span class="clear"></span>
</div>
</div>
<!-- architectes -->
<div class="section architectes" data-anchor="architectes" style="background-image:url(https://www.affaire-de-steel.com/media/images/bg-archi.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center;">
<div class="content presentation page_xsmall">
<h1><strong>Architectes</strong></h1>
<div class="texte">
<div class="padd-top padd-bottom border-top border-bottom padd-left">
<p><strong>Partenariat avec les architectes, les maîtres d’œuvre, les constructeurs :</strong></p>
<p> Affaire de Steel réalise des ouvrages pour vos clients particuliers ou professionnels. </p>
<p>Nous sommes spécialisés dans l'ouvrage de métallerie unique et sur mesure.</p>
<p> Grâce à notre expérience, notre savoir-faire et notre réactivité, nous sommes en mesure de vous apporter notre meilleure collaboration et ainsi mettre en valeur vos projets.</p>
<p>Affaire de Steel vous apporte des conseils sur la faisabilité des ouvrages, réalise des plans, des vues 3D. </p>
<p>Les outils informatiques utilisés et mis à votre disposition sont : SKETCHUP – AUTOCAD</p>
</div>
</div>
<span class="clear"></span>
</div>
</div>
</div>
<footer>
<div class="page_small">
<div class="left" id="adresse" itemscope itemtype="http://schema.org/Organization">
<!-- adresse postale -->
<strong><span itemprop="name">AFFAIRE DE STEEL</span></strong>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
</span> • T <span itemprop="telephone">02 99 19 50 00</span> •
<a href='mailto:contact@affaire-de-steel.com'><span itemprop="email">contact@affaire-de-steel.com</span></a>
<!-- fin adresse postale -->
</div>
<!--
<div id="pied">
</div>
-->
<p class="credits right">
<a href="https://www.affaire-de-steel.com/fr/mentions-legales/">MENTIONS LÉGALES</a>
<a href="https://www.affaire-de-steel.com/fr/politique-de-confidentialite/">RGPD</a>
</p>
<div class="sn right">
<a href="https://www.affaire-de-steel.com/media/documents/brochure-affaire-de-steel.pdf" target="_blank" class="book"></a>
<a href="https://www.affaire-de-steel.com/fr/contact-fabricant-escaliers-metalliques/" class="maps"></a>
<a href="https://www.facebook.com/ASaffairedesteel/" target="_blank" class="facebook"></a>
</div>
<span class="clear"></span>
</div>
<div id="vp">
<span id="small"></span>
<span id="medium"></span>
<span id="large"></span>
</div>
</footer>
<div id="cookies-eu-banner">
<div class="wrapper">
<div class="content">
<h4>Utilisation des cookies</h4>
<p>Nous utilisons les cookies pour l'analyse de statistiques de fréquentation et votre confort de navigation. Pour en savoir plus, consultez notre <a href="/fr/politique-de-confidentialite/" target="_blank">politique de confidentialité & RGPD</a>.</p>
<div class="buttons">
<button id="cookies-eu-reject">Continuer sans accepter</button>
<button id="cookies-eu-accept">Accepter et continuer</button>
</div>
</div>
</div>
</div>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9L95WP1ZWK"></script>
<script>
new CookiesEuBanner(function() {
console.log("gtag");
window.dataLayer = window.dataLayer || [];
function gtag() {
window.dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-9L95WP1ZWK');
}, true);
</script></body>
</html>
