<!DOCTYPE html>
<html lang="fr-FR" class="no-js no-svg">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="profile" href="https://gmpg.org/xfn/11">
		<link rel="preconnect" href="https://fonts.gstatic.com">
		<link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@400;700;800&display=swap" rel="stylesheet"> 
		<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<link rel="dns-prefetch" href="//cdntag.tarteaucitron.io"><link rel="preconnect" href="https://cdntag.tarteaucitron.io" crossorigin=""><!--cloudflare-no-transform--><script type="text/javascript" src="https://cdntag.tarteaucitron.io/load.js?domain=serem-motion.com&uuid=015f4ebcd622013dfdcc36e1c9d07c523c6bf412"></script>
	<!-- This site is optimized with the Yoast SEO plugin v28.1 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Notre histoire - Sérem Motion - Motorisations ouvrants extérieurs</title>
	<meta name="description" content="Sérem Motion est devenu une référence mondiale pour ses motorisations d’abris de piscine, de portails et d’autres ouvrants extérieurs." />
	<link rel="canonical" href="https://serem-motion.com/notre-histoire/" />
	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Notre histoire - Sérem Motion - Motorisations ouvrants extérieurs" />
	<meta property="og:description" content="Sérem Motion est devenu une référence mondiale pour ses motorisations d’abris de piscine, de portails et d’autres ouvrants extérieurs." />
	<meta property="og:url" content="https://serem-motion.com/notre-histoire/" />
	<meta property="og:site_name" content="Serem Motion" />
	<meta property="article:modified_time" content="2022-06-10T07:51:36+00:00" />
	<meta property="og:image" content="https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire.jpg" />
	<meta property="og:image:width" content="1600" />
	<meta property="og:image:height" content="1067" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Durée de lecture estimée" />
	<meta name="twitter:data1" content="1 minute" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serem-motion.com\/notre-histoire\/","url":"https:\/\/serem-motion.com\/notre-histoire\/","name":"Notre histoire - Sérem Motion - Motorisations ouvrants extérieurs","isPartOf":{"@id":"https:\/\/serem-motion.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serem-motion.com\/notre-histoire\/#primaryimage"},"image":{"@id":"https:\/\/serem-motion.com\/notre-histoire\/#primaryimage"},"thumbnailUrl":"https:\/\/serem-motion.com\/wp-content\/uploads\/2021\/08\/header-notre-histoire.jpg","datePublished":"2021-01-21T13:59:33+00:00","dateModified":"2022-06-10T07:51:36+00:00","description":"Sérem Motion est devenu une référence mondiale pour ses motorisations d’abris de piscine, de portails et d’autres ouvrants extérieurs.","breadcrumb":{"@id":"https:\/\/serem-motion.com\/notre-histoire\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serem-motion.com\/notre-histoire\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/serem-motion.com\/notre-histoire\/#primaryimage","url":"https:\/\/serem-motion.com\/wp-content\/uploads\/2021\/08\/header-notre-histoire.jpg","contentUrl":"https:\/\/serem-motion.com\/wp-content\/uploads\/2021\/08\/header-notre-histoire.jpg","width":1600,"height":1067,"caption":"Serem notre histoire"},{"@type":"BreadcrumbList","@id":"https:\/\/serem-motion.com\/notre-histoire\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/serem-motion.com\/"},{"@type":"ListItem","position":2,"name":"Notre histoire"}]},{"@type":"WebSite","@id":"https:\/\/serem-motion.com\/#website","url":"https:\/\/serem-motion.com\/","name":"Serem Motion","description":"Le mouvement, notre moteur","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serem-motion.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//static.addtoany.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Serem Motion &raquo; Flux" href="https://serem-motion.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Serem Motion &raquo; Flux des commentaires" href="https://serem-motion.com/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://serem-motion.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fserem-motion.com%2Fnotre-histoire%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://serem-motion.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fserem-motion.com%2Fnotre-histoire%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:6a7a14f301ff8*/
/*# sourceURL=wp-block-library-inline-css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="wp-block-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */
</style>
<style id="wp-global-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
/*# sourceURL=wp-global-styles-placeholder-inline-css */
</style>
<link rel='stylesheet' id='powertip-css' href='https://serem-motion.com/wp-content/plugins/devvn-image-hotspot/frontend/css/jquery.powertip.min.css?ver=1.2.0' media='all' />
<link rel='stylesheet' id='maps-points-css' href='https://serem-motion.com/wp-content/plugins/devvn-image-hotspot/frontend/css/maps_points.css?ver=1.3.0' media='all' />
<link rel='stylesheet' id='font-google-css' href='https://fonts.googleapis.com/css2?family=Catamaran:wght@400;700;800&#038;display=swap&#038;ver=7.0.3' media='all' />
<link rel='stylesheet' id='slick-css-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css?ver=1.8.1' media='all' />
<link rel='stylesheet' id='style-css' href='https://serem-motion.com/wp-content/themes/serem-motion/css/style.css?ver=1785769059' media='all' />
<link rel='stylesheet' id='addtoany-css' href='https://serem-motion.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' media='all' />
<script id="addtoany-core-js-before">
window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};a2a_localize = {
	Share: "Partager",
	Save: "Enregistrer",
	Subscribe: "S'abonner",
	Email: "E-mail",
	Bookmark: "Marque-page",
	ShowAll: "Montrer tout",
	ShowLess: "Montrer moins",
	FindServices: "Trouver des service(s)",
	FindAnyServiceToAddTo: "Trouver instantan&eacute;ment des services &agrave; ajouter &agrave;",
	PoweredBy: "Propuls&eacute; par",
	ShareViaEmail: "Partager par e-mail",
	SubscribeViaEmail: "S’abonner par e-mail",
	BookmarkInYourBrowser: "Ajouter un signet dans votre navigateur",
	BookmarkInstructions: "Appuyez sur Ctrl+D ou \u2318+D pour mettre cette page en signet",
	AddToYourFavorites: "Ajouter &agrave; vos favoris",
	SendFromWebOrProgram: "Envoyer depuis n’importe quelle adresse e-mail ou logiciel e-mail",
	EmailProgram: "Programme d’e-mail",
	More: "Plus&#8230;",
	ThanksForSharing: "Merci de partager !",
	ThanksForFollowing: "Merci de nous suivre !"
};


//# sourceURL=addtoany-core-js-before
</script>
<script id="addtoany-core-js" defer src="https://static.addtoany.com/menu/page.js"></script>
<script id="jquery-core-js" src="https://serem-motion.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://serem-motion.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="addtoany-jquery-js" defer src="https://serem-motion.com/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1"></script>
<link rel="https://api.w.org/" href="https://serem-motion.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://serem-motion.com/wp-json/wp/v2/pages/188" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://serem-motion.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0.3" />
<link rel='shortlink' href='https://serem-motion.com/?p=188' />
		<style type="text/css">
			.comments-link {
				display: none;
			}
					</style>
		
		<script>document.documentElement.className += " js";</script>
<link rel="icon" href="https://serem-motion.com/wp-content/uploads/2021/07/cropped-favicon-serem-1-32x32.png" sizes="32x32" />
<link rel="icon" href="https://serem-motion.com/wp-content/uploads/2021/07/cropped-favicon-serem-1-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://serem-motion.com/wp-content/uploads/2021/07/cropped-favicon-serem-1-180x180.png" />
<meta name="msapplication-TileImage" content="https://serem-motion.com/wp-content/uploads/2021/07/cropped-favicon-serem-1-270x270.png" />
	</head>

	<body class="wp-singular page-template page-template-page-templates page-template-histoire page-template-page-templateshistoire-php page page-id-188 wp-theme-serem-motion">

		<div id="main" class="site-main" data-scroll-container>
			<div id="top" data-scroll-section></div>

			<header id="site-header" class="site-header">

				<nav class="navbar" role="navigation">
					<div class="container">
						
						<!-- TOP BAR -->
						<div class="navbar__header">
							<div class="navbar__brand">
								<!-- Logo -->
								<a href="https://serem-motion.com" class="brand-link">
									<img src="https://serem-motion.com/wp-content/themes/serem-motion/images/svg/logo-serem.svg" alt="Serem motion" class="img-responsive is-hidden-md">
									<img src="https://serem-motion.com/wp-content/themes/serem-motion/images/svg/logo-serem-2.svg" alt="Serem motion" class="img-responsive is-hidden-md--plus">
								</a>
							</div>

							<div class="navbar__content">

																							
									<!-- Button -->
									<a href="https://serem-motion.com/ou-acheter/" class="btn-outline is-hidden-md" >
										<div class="btn-outline__mask" data-title="Où acheter">
											<span class="btn-outline__copy">Où acheter</span>
										</div>				
									</a>
								
								<!-- Burger -->
								<button type="button" class="navbar__toggle">
									<span class="sr-only">Menu</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
						</div>									

					</div>

					<!-- Cache -->
					<div class="navbar__collapse-cache js-navbar__close"></div>

					<!-- Menu collapse-->
					<div class="collapse navbar__collapse">
						<div class="collapse-layout">
							
							<!-- Header -->
							<div class="collapse-header">
								<!-- Logo -->
								<a href="https://serem-motion.com" class="brand-link">
									<img src="https://serem-motion.com/wp-content/themes/serem-motion/images/svg/logo-serem-couleur.svg" alt="Serem motion" class="img-responsive">
								</a>

								<!-- Close btn -->
								<button type="button" class="navbar__close js-navbar__close">
									<div class="navbar__close-label is-hidden-sm">Fermer</div>
									<div class="navbar__close-icon">
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</div>															
								</button>
							</div>

							<!-- Body -->
							<div class="collapse-body">
								<!-- Menu -->
								<div class="navbar__nav-container"><ul id="menu-menu_header" class="navbar__nav"><li id="menu-item-224" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-224"><a>Serem motion</a>
<ul class="sub-menu">
	<li id="menu-item-244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-244"><a href="https://serem-motion.com/qui-sommes-nous/">Qui sommes-nous ?</a></li>
	<li id="menu-item-239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-239"><a href="https://serem-motion.com/nos-engagements/">Nos engagements</a></li>
	<li id="menu-item-242" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-188 current_page_item menu-item-242"><a href="https://serem-motion.com/notre-histoire/" aria-current="page">Notre histoire</a></li>
	<li id="menu-item-238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-238"><a href="https://serem-motion.com/nos-brevets/">Nos brevets</a></li>
	<li id="menu-item-233" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-233"><a href="https://serem-motion.com/equipes-et-expertises/">Équipes et expertises</a></li>
	<li id="menu-item-247" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-247"><a href="https://serem-motion.com/temoignages/">Témoignages</a></li>
</ul>
</li>
<li id="menu-item-225" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-225"><a>Nos moteurs</a>
<ul class="sub-menu">
	<li id="menu-item-1000" class="menu-item__title menu-item menu-item-type-custom menu-item-object-custom menu-item-1000"><a>Moteurs abri de piscine</a></li>
	<li id="menu-item-235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-235"><a href="https://serem-motion.com/les-motorisations-pour-abri-de-piscine/">Tous les moteurs d&rsquo;abri de piscine</a></li>
	<li id="menu-item-245" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-245"><a href="https://serem-motion.com/reconnaitre-votre-type-d-abri-de-piscine/">Aide : Bien choisir mon moteur d&rsquo;abri de piscine</a></li>
	<li id="menu-item-1001" class="menu-item__title menu-item menu-item-type-custom menu-item-object-custom menu-item-1001"><a>Moteurs portails</a></li>
	<li id="menu-item-237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237"><a href="https://serem-motion.com/les-motorisations-pour-portail/">Tous les moteurs portail</a></li>
	<li id="menu-item-246" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-246"><a href="https://serem-motion.com/savoir-reconnaitre-votre-type-de-portail-pour-bien-choisir-votre-moteur/">Aide : Bien choisir mon moteur de portail</a></li>
</ul>
</li>
<li id="menu-item-263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-263"><a href="https://serem-motion.com/ou-acheter/">Où acheter ?</a></li>
<li id="menu-item-227" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-227"><a>SAV et support</a>
<ul class="sub-menu">
	<li id="menu-item-240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-240"><a href="https://serem-motion.com/notice-dinstallation/">Notice d’installation</a></li>
	<li id="menu-item-243" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-243"><a href="https://serem-motion.com/pieces-et-accessoires-de-rechange/">Pièces et accessoires</a></li>
	<li id="menu-item-234" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-234"><a href="https://serem-motion.com/faq/">FAQ</a></li>
</ul>
</li>
<li id="menu-item-228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-228"><a>Devenez motorisateur</a>
<ul class="sub-menu">
	<li id="menu-item-232" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-232"><a href="https://serem-motion.com/devenir-installateur-revendeur/">Devenir installateur / Revendeur</a></li>
	<li id="menu-item-230" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-230"><a href="https://serem-motion.com/recrutement/">Nous rejoindre</a></li>
</ul>
</li>
<li id="menu-item-223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-223"><a href="https://serem-motion.com/contact/">Contact</a></li>
</ul></div>
								<div class="navbar__social">
																			<div class="socials__label">Nous suivre</div>
										<ul class="socials__list">
																																			
													
													<li class="socials__item">
														<a href="https://www.facebook.com/seremmotion/" class="socials__link" target="_blank">
															<!-- SVG HERE -->
															<svg xmlns="http://www.w3.org/2000/svg" width="31.5" height="31.5" viewBox="0 0 31.5 31.5">
  <path id="Icon_facebook-square" data-name="Icon facebook-square" d="M28.125,2.25H3.375A3.375,3.375,0,0,0,0,5.625v24.75A3.375,3.375,0,0,0,3.375,33.75h9.65V23.041H8.6V18h4.43V14.158c0-4.37,2.6-6.784,6.586-6.784a26.836,26.836,0,0,1,3.9.34V12h-2.2a2.521,2.521,0,0,0-2.842,2.723V18h4.836l-.773,5.041H18.475V33.75h9.65A3.375,3.375,0,0,0,31.5,30.375V5.625A3.375,3.375,0,0,0,28.125,2.25Z" transform="translate(0 -2.25)" fill="#e4004d"/>
</svg>
														</a>
													</li>

																																															
													
													<li class="socials__item">
														<a href="https://www.linkedin.com/company/serem-motion" class="socials__link" target="_blank">
															<!-- SVG HERE -->
															<svg xmlns="http://www.w3.org/2000/svg" width="31.5" height="31.5" viewBox="0 0 31.5 31.5">
  <path id="Icon_awesome-linkedin" data-name="Icon awesome-linkedin" d="M29.25,2.25H2.243A2.26,2.26,0,0,0,0,4.521V31.479A2.26,2.26,0,0,0,2.243,33.75H29.25a2.266,2.266,0,0,0,2.25-2.271V4.521A2.266,2.266,0,0,0,29.25,2.25Zm-19.73,27H4.852V14.217H9.527V29.25ZM7.186,12.164A2.707,2.707,0,1,1,9.893,9.457a2.708,2.708,0,0,1-2.707,2.707ZM27.021,29.25H22.352V21.938c0-1.744-.035-3.987-2.426-3.987-2.433,0-2.805,1.9-2.805,3.86V29.25H12.452V14.217h4.479V16.27h.063a4.917,4.917,0,0,1,4.423-2.426c4.725,0,5.6,3.115,5.6,7.165Z" transform="translate(0 -2.25)" fill="#e4004d"/>
</svg>
														</a>
													</li>

																																															
													
													<li class="socials__item">
														<a href="https://www.youtube.com/user/Abrimotion" class="socials__link" target="_blank">
															<!-- SVG HERE -->
															<svg xmlns="http://www.w3.org/2000/svg" width="38.4" height="27" viewBox="0 0 38.4 27">
  <path id="Icon_awesome-youtube" data-name="Icon awesome-youtube" d="M38.648,8.725a4.825,4.825,0,0,0-3.395-3.417c-2.995-.808-15-.808-15-.808s-12.008,0-15,.808A4.825,4.825,0,0,0,1.852,8.725c-.8,3.014-.8,9.3-.8,9.3s0,6.289.8,9.3a4.753,4.753,0,0,0,3.395,3.362c2.995.808,15,.808,15,.808s12.008,0,15-.808a4.753,4.753,0,0,0,3.395-3.362c.8-3.014.8-9.3.8-9.3s0-6.289-.8-9.3ZM16.323,23.737V12.318l10.036,5.71L16.323,23.737Z" transform="translate(-1.05 -4.5)" fill="#e4004d"/>
</svg>
														</a>
													</li>

																																	</ul>
																		
								</div>
							</div>

						</div>
					</div>

				</nav>

			</header>

			<a href="#top" class="scroll-to-top" data-scroll-to>
				<span class="chevron">
					<img src="https://serem-motion.com/wp-content/themes/serem-motion/images/svg/chevron-down.svg" alt="" class="img-responsive">
				</span>				
			</a>
		
<div id="primary" class="content-area">
	<div id="content" class="site-content">


        <!-- HEADER -->
        <div data-scroll-section>
            
<header class="hero" data-scroll data-scroll-speed="-1" data-scroll-id="scaleImgInHero">
    <div class="show-init">
        <div class="hero__content">
            <img width="1600" height="1067" src="https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire.jpg" class="hero__img img-fit--cover js-img-scale wp-post-image" alt="Serem notre histoire" decoding="async" fetchpriority="high" srcset="https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire.jpg 1600w, https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire-600x400.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire-1024x683.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire-768x512.jpg 768w, https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire-1536x1024.jpg 1536w, https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire-400x267.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire-300x200.jpg 300w, https://serem-motion.com/wp-content/uploads/2021/08/header-notre-histoire-2048x1365.jpg 2048w" sizes="(max-width: 1600px) 100vw, 1600px" />        </div>
    </div>
        
    <div class="hero__scroll scroll-indicator">
        <span class="mouse"></span>
        <span class="chevron"><img src="https://serem-motion.com/wp-content/themes/serem-motion/images/svg/chevron-down.svg" alt="" class="img-responsive"></span>
    </div>
</header>
            <!-- TITLE -->
            <section class="title-section has-animated-line" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                <div class="container">
                    <h1 class="site-title" data-splitting>Notre histoire</h1>

                                            <div class="element-mask">
                            <div class="title-section__copy entry-content gutenberg-content element-mask__content">
                                
<p class="wp-block-paragraph">Au fil des ans, Sérem Motion est devenu une référence mondiale pour ses motorisations d’abris de piscine, de portails et d’autres ouvrants extérieurs. Proposer des solutions simples, fiables, ingénieuses et novatrices a toujours été le crédo suivi par ses dirigeants.</p>
                            </div>
                        </div>
                                    </div>
            </section>
        </div>


                    
        
            <div data-scroll-section>
                <!-- STORY -->
                <section class="story">                                             

                        <ul class="story__list">
                                
                            
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/1970-voiture-600x403.jpg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/1970-voiture-400x268.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/1970-voiture-600x403.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/1970-voiture.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/1970-voiture.jpg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="1970-voiture rouge" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                                                                    <div class="story-item__credit">Crédit photo : <a href="https://www.gtdreams.com/index.php" target="_blank">GT Dreams</a></div>
                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="-2" data-scroll-direction="horizontal">
                                                            1970                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">1970</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p>Jean-Louis Villars, futur fondateur de Sérem, est spécialisé dans la conception et la construction de voitures de course. Certains modèles sont encore présents aujourd’hui sur les circuits À la fin de la décennie, les premiers abris de piscines apparaissent.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/niveau-bulle-1980-450x600.jpg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/niveau-bulle-1980-300x400.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/niveau-bulle-1980-450x600.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/niveau-bulle-1980-768x1024.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/niveau-bulle-1980.jpg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="niveau-bulle-1980" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="2" data-scroll-direction="horizontal">
                                                            1980                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">1980</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p>Jean-Louis Villars se lance dans le domaine de la piscine en démarrant la fabrication de volets flottants. Les premières motorisations pour abris télescopiques émergent… il conçoit alors ses propres systèmes. Ces activités le conduisent ainsi à créer, en 1988, la société SEREM AUTOM, précurseur de Sérem Motion.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/Escande-2-600x450.jpg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/Escande-2-400x300.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/Escande-2-600x450.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/Escande-2-1024x768.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/Escande-2.jpg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="Escande" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="-2" data-scroll-direction="horizontal">
                                                            1990                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">1990</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p>A la fin des années 1990, l’activité automobile de SEREM AUTOM prend définitivement fin. L’entreprise se consacre à la conception, la construction, la vente et le SAV de motorisations pour abris de piscines et devient ainsi le partenaire privilégié des principaux fabricants d’abris de piscines en France et en Europe. Dans le même temps, Chorin automatisme déploie ses 1ere motorisations portail sous le nom « Autoporte ».</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/abris-2000-600x450.jpg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/abris-2000-400x300.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/abris-2000-600x450.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/abris-2000-1024x768.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/abris-2000.jpg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="abris piscine" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="2" data-scroll-direction="horizontal">
                                                            2000                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">Années 2000</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p><strong>2001</strong> : Naissance de la béquille électrique ClicUp, encore<br />
aujourd’hui seule solution du marché pour les abris relevables.<br />
<strong>2002</strong> : Création du Twist Control par SEREM AUTOM. Ce concept pour motorisations ClicRoll destiné aux abris télescopiques est reconnu comme une avancée majeure par les professionnels pour faciliter l’installation et améliorer la qualité de fonctionnement.<br />
<strong>2009</strong> : SEREM AUTOM développe le modèle ClicRoll SM3, destiné aux abris bas.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/moteurs-2010-600x450.jpg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/moteurs-2010-400x300.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/moteurs-2010-600x450.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/moteurs-2010-1024x768.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/moteurs-2010.jpg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="Moteurs" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="-2" data-scroll-direction="horizontal">
                                                            2010                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">2010</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p>Chorin Automatisme commence sa diversification vers les motorisations d’abris de piscines sous le nom Rotoline.<br />
Franck Lapeyronnie arrive à la direction de SEREM AUTOM qui évolue et devient la SARL SEREM ABRIMOTION.<br />
De nouveaux produits sont lancés : le ClicRoll SM8 pour les abris mi-hauts, le ClicRoll SM3R pour les abris bas cintrés sur rails, etc.<br />
La même année, Sérem Abrimotion participe au Salon Mondial de la Piscine à Lyon.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/2012-600x400.jpeg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/2012-400x267.jpeg 400w, https://serem-motion.com/wp-content/uploads/2021/08/2012-600x400.jpeg 600w, https://serem-motion.com/wp-content/uploads/2021/08/2012-1024x683.jpeg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/2012.jpeg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="serem" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="2" data-scroll-direction="horizontal">
                                                            2012                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">2012</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p>Chorin Automatisme dépose de nouveaux brevets pour des motoréducteurs ultra fins permettant de les dissimuler dans des profilés aluminium (portails et abris de piscine). Les produits de la gamme Line se développent.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/Chorin_Lapeyronnie-600x450.jpg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/Chorin_Lapeyronnie-400x300.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/Chorin_Lapeyronnie-600x450.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/Chorin_Lapeyronnie-1024x768.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/Chorin_Lapeyronnie.jpg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="Chorin_Lapeyronnie" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="-2" data-scroll-direction="horizontal">
                                                            2019                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">Février 2019</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p>SEREM ABRIMOTION rachète CHORIN AUTOMATISME.<br />
Les deux sociétés deviennent une seule et même entité sous le nom SEREM MOTION et détiennent ainsi plus de 80% du marché des motorisations d’abris de piscines.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                                <li class="story__item story-item" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="10%, 10%">
                                    <div class="story-item__layout">

                                        <!-- Image -->
                                        <div class="story-item__col story-item__col--figure">
                                            <div class="story-item__figure img-mask">
                                                                                                    <img src="https://serem-motion.com/wp-content/uploads/2021/08/toiture-batiment-2020-600x450.jpg" srcset="https://serem-motion.com/wp-content/uploads/2021/08/toiture-batiment-2020-400x300.jpg 400w, https://serem-motion.com/wp-content/uploads/2021/08/toiture-batiment-2020-600x450.jpg 600w, https://serem-motion.com/wp-content/uploads/2021/08/toiture-batiment-2020-1024x768.jpg 1024w, https://serem-motion.com/wp-content/uploads/2021/08/toiture-batiment-2020.jpg 1200w" sizes="(min-width: 768px) 75vw, 100vw" alt="toiture-batiment" class="story-item__img img-fit--cover" loading="lazy">
                                                                                                 
                                            </div>
                                        </div> 

                                        <!-- Content -->
                                        <div class="story-item__col story-item__col--content">

                                            <div class="container">

                                                <div class="story-item__text">
                                                    <div class="story-item__title-bg title-background">
                                                        <div class="title-background__content" data-scroll data-scroll-speed="2" data-scroll-direction="horizontal">
                                                            2020                                                        </div>
                                                    </div>
                                                    

                                                    <div class="story-item__content">
                                                        <h2 class="story-item__title story-item__title--pink element-mask" >
                                                            <div class="element-mask__content">2020</div>
                                                        </h2>
                                                        <div class="element-mask">
                                                            <div class="story-item__copy element-mask__content entry-content">
                                                                <p>Une année synonyme de changement pour le groupe, qui déménage à Bassens (33) et change d’identité. Nouveau logo, nouvelle charte graphique, diversification des produits… Sérem Motion est dorénavant le spécialiste de la motorisation outdoor pour professionnels et particuliers dans les domaines des abris de piscines, portails, bâtiment et industrie.</p>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                                                                        
                                            </div>
                                            
                                        </div> 

                                    </div>
                                </li>
                                
                                
                            
                        </ul>
                    
                </section>
            </div>

        

        <div data-scroll-section>
            <!-- INTERLUDE 2 -->
            <section class="interlude2 has-animated-line" data-scroll data-scroll-call="animeEntrance" data-scroll-offset="15%, 15%">

                <error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &gt; Erreur]]></title>
    <message><![CDATA[&lt;p&gt;Il y a eu une erreur critique sur ce site.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://fr.wordpress.org/support/article/debugging-in-wordpress/&quot;&gt;En apprendre plus sur le débogage de WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
