Outiref

Code source de l'URL : https://www.tellierbrisesoleil.com/

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html> <!--<![endif]-->
<head>

	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	

		<title>Tellier Brise Soleil : Tellier Brise Soleil</title>
		<meta name="description" content="Tellier Brise Soleil fabricant d'une gamme complète de lame brise soleil fixe et orientable, grille de ventilation, volet en aluminium" /><meta name="keywords" content="Brise-soleil, ombrage, protection solaire, fabrication française" />
		<link rel="stylesheet" type="text/css" href="/modeles/fr/charte/css/styles.css?mtime=1699256335" media="screen" title="Normal"/><link rel="stylesheet" type="text/css" href="/core/2.16z/css_public/fr/DefaultSkins1.5/css/print.css?mtime=1634904493" media="print" title="Normal"/><link rel="stylesheet" type="text/css" href="/modeles/fr/charte/css/behaviors/mobilynotes.css?mtime=1699256335" media="screen" title="Normal"/>
		<script src="/script-jquery-2.2.4" type="text/javascript"></script>
<script src="/script-jquery-migrate" type="text/javascript"></script>
<script src="/script-jquery-mobilynotes" type="text/javascript"></script>
<script src="/core/2.16z/js/wom.js" type="text/javascript"></script>
		<script type="text/javascript">
				<!--
					
			var urls = ['https://www.tellierbrisesoleil.com/configurateur-d-ombrage/', '/configurateur-d-ombrage/'];
			jQuery(function () {
				jQuery.each(urls, function(i, url) {
					jQuery('a[href="' + url + '"]').attr('target', '_blank').click(function(event) {
						event.preventDefault();
						window.open(this.href);
						return false;
					});
				});
		});
				//-->
				</script><link rel="canonical" href="https://www.tellierbrisesoleil.com/" />

	
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<!-- 
	@changelog 2016-12-16 (adrien) Non obligatoire
	<script type="text/javascript" src="/common_scripts/nav.js"></script>
	-->
	
	
	
	<link rel="apple-touch-icon" sizes="57x57" href="/images/charte/favico/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/images/charte/favico/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/images/charte/favico/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/images/charte/favico/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/images/charte/favico/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/images/charte/favico/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/images/charte/favico/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/images/charte/favico/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/images/charte/favico/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="/images/charte/favico/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/images/charte/favico/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/images/charte/favico/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/images/charte/favico/favicon-16x16.png">
	<link rel="manifest" href="/images/charte/favico/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/images/charte/favico/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">
	

	
	


	
	

	
	<script type="text/javascript" src="/scripts/charte/libs/RegisterSpe.js"></script>
	
	
	<script src="/scripts/charte/polyfill/ofi.browser.js"></script>
	
	<script>
		RegisterSpe.setConfigue({
			base : "scripts/charte"
		});

		// Passer une image en BG
		jQuery(function(){
			objectFitImages();
		});

		jQuery(function(){
			// Hover sur Rightbar
			$("#rightbar li").hover(
				function(){ $(this).addClass('right-hover'); },
				function(){ $(this).removeClass('right-hover'); }
			);
		});

	</script>


	<script>
		(_axcb = window._axcb || []).push(function (sdk) {
			sdk.on('cookies:complete', function (choices) {
				document
					.querySelectorAll('[data-hide-on-vendor-consent]')
					.forEach(el => {
						const vendor = el.getAttribute('data-hide-on-vendor-consent');
						el.style.display = choices[vendor] ? 'none' : 'inherit';
					});
				document
					.querySelectorAll('[data-requires-vendor-consent]')
					.forEach(el => {
						const vendor = el.getAttribute('data-requires-vendor-consent');
						if (choices[vendor]) {
							el.setAttribute('src', el.getAttribute('data-src'));
						}
					});
			});
		});
	</script>




<!-- Google Tag Manager -->
		<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
		})(window,document,'script','dataLayer','GTM-NDRMCMP');</script>
		<!-- End Google Tag Manager --><script>
			
			</script></head>
<body class="layoutLeftContentRight home fullscreen AdvancedHeaderPage_disable"><!-- Google Tag Manager (noscript) -->
		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NDRMCMP"
		height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
		<!-- End Google Tag Manager (noscript) -->
	<div id="page">
		
		<header id="header">
			

				<aside id="leftbar">
					<div class="inner container leftbar__inner">
						<div class="box box-text box-left-menu no-title">

		<div class="box-titre">
			Menu secondaire
		</div>

	
	<div class="box-container">
		<p><span class="close-menu"><span class="ico-close-menu"></span><span class="close-text">Fermer</span></span></p>

<p><a href="/" class="LinkIn"><img alt="logo-tellier-brise-soleil" src="/media/logo-tellier-brise-soleil.png" style="height: 67px; width: 283px;" /></a></p>

<p><a class="LinkIn bouton2 ico-contact" href="https://www.tellierbrisesoleil.com/contact/" hreflang="fr" title="Nous contacter">Nous contacter</a></p>

<ul>
	<li><a href="https://www.tellierbrisesoleil.com/entreprise/presentation/" hreflang="fr" title="à propos" class="LinkIn">&Agrave; propos</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/entreprise/actualites/" hreflang="fr" title="Actualités" class="LinkIn">Actualit&eacute;s</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/blog/" hreflang="fr" title="Blog" class="LinkIn">Blog</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/realisations/" hreflang="fr" title="Nos réalisations" class="LinkIn">R&eacute;alisations</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/gammes/" hreflang="fr" title="Gammes" class="LinkIn">Gammes</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/entreprise/catalogue-pdf/" hreflang="fr" title="Documentation" class="LinkIn">Documentations</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/espace-pro/" hreflang="fr" title="Espace pro" class="LinkIn">Espace pro</a></li>
	<li><a href="https://ombrage.tellierbrisesoleil.com/" target="_blank" class="LinkOut">Configurateur d&#39;ombrage</a></li>
</ul>

<div class="follow-us-bottom box-rs">
<p>Suivez-nous&nbsp;</p>

<ul>
	<li><a href="https://www.pinterest.fr/tellierbrisesoleil/" hreflang="fr" target="_blank" title="Pinterest" class="LinkOut"><span class="ico pinterest"></span></a></li>
	<li><a href="https://www.linkedin.com/company/tellier-brise-soleil/" hreflang="fr" target="_blank" title="Linkedin" class="LinkOut"><span class="ico linkedin"></span></a></li>
</ul>
</div>

	</div>
	
	<div class="box-footer"></div>
</div>
					</div>
				</aside>

			
		


				
				<div id="headerInner">
					
	<div class="box-incompatible">

		
		
		
		
		

			
		
		<noscript>
			<div class="msg noscript">
				Votre navigateur ne supporte pas le JavaScript. Pour naviguer facilement ou profiter de toutes les améliorations graphiques, veuillez l'activer.
			</div>
		</noscript>

	</div>





<div class='div-groupe box-heading-top no-title d-flex flex-wrap'><div class='div-groupe box-heading-top-inner no-title d-flex flex-wrap justify-content-end align-items-center color07 container'><div class="widget widgetLogin box-menu1 col-xs-12 col-sm-12 col-md-7 col-lg-7">
	<div class="box-titre">Se connecter et créer son compte</div>
	
	<div class="widgetContainer">

	

			<div class="widgetLoginLinks">
				<a href="https://www.tellierbrisesoleil.com/mon-compte/login.html" hreflang="fr" title="Se connecter" rel="nofollow" class="LinkIn">Se connecter</a>
				<a href="https://www.tellierbrisesoleil.com/mon-compte/subscribe.html" hreflang="fr" title="Créer son compte" rel="nofollow" class="LinkIn">Créer son compte</a>
			</div>

	

	</div>
	
	<div class="widgetFooter"></div>
</div></div></div><div class='div-groupe box-heading no-title d-flex flex-wrap justify-content-end inner container'><div class="box box-text box-logo">

		<div class="box-titre">
			Logo site accueil
		</div>

	
	<div class="box-container">
		<h1><a href="/" class="LinkIn"><img alt="Tellier Brise Soleil, spécialiste du confort thermique" class="null" src="https://tellierbrisesoleil.com/modeles/fr/charte/images/charte/tellier-brise-soleil-logo.svg" /></a></h1>

	</div>
	
	<div class="box-footer"></div>
</div><div class="widget widgetSearch box-search-header no-title col-md-4 col-xs-6 col-sm-6">
	<div class="box-titre">Recherche</div>
  
	<div class="widgetContainer">	
  		<form id="searchform" method="post" action="https://www.tellierbrisesoleil.com/recherche/">

      		<div class="row-search">
				<input value="Recherche" type="text" id="search_input_box" name="q" onblur="spe_search_word(this,'out')" onfocus="spe_search_word(this,'enter')" class="wordsbox  box-size" />
				
      		</div>
			
			
			<script>
				(function($){
					var textWord="";
					window.spe_search_word = function(e,etat){
						
						if(etat=="enter"){
							
							//on sav le value
							if( !$(e).data("value") ){
								$(e).data("value", $(e).val() )
							}
							if(e.value == $(e).data("value") ){
								e.value='';
								$(e).removeClass("tempWord");
							}
						}else{
							if(e.value==''){
								e.value = $(e).data("value");
								$(e).addClass("tempWord");
							}
						}
						
					}
				})(jQuery);
			</script>
			
			
      		<div class="submit">
        		<input type="submit" name="searchbutton" value="Chercher" />
      		</div>
			
			<span class="clear"></span>
  		</form>
  	</div>
  
 
	<div class="widgetFooter"></div>  
</div>
<div class="box box-text box-rs">

		<div class="box-titre">
			RS
		</div>

	
	<div class="box-container">
		<ul>
	<li><a href="https://www.pinterest.fr/tellierbrisesoleil/" hreflang="fr" target="_blank" title="Pinterest" class="LinkOut"><span class="ico pinterest"></span></a></li>
	<li><a href="https://www.linkedin.com/company/tellier-brise-soleil/" hreflang="fr" target="_blank" title="Linkedin" class="LinkOut"><span class="ico linkedin"></span></a></li>
</ul>

	</div>
	
	<div class="box-footer"></div>
</div></div>
				</div>

				<div class="menus for-scroll">
					<div class="d-flex align-items-center justify-content-between container">

						<div class="menu-left smart-menu" id="btn-menu">
							<span class="mobile-buton"><span></span></span>
						</div>


							<div class="nested nested-header col-sm-12">
								


<nav class="inner">
	<ul class="firstLevel">

			<li class="defaultmenu ico ico-protection">
				<a href="https://www.tellierbrisesoleil.com/protection-solaire/" title="Protection solaire" class="LinkIn">
					<span class="dim">
						<span class="nom-menu d-flex align-items-center justify-content-center">Protection solaire</span>
						
					</span>
				</a>

					<div class="secondLevelContainer">
						<ul class="secondLevel">
							

								<li class="secondLevelItem defaultmenu brise-soleil_fixe">
									<a href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Brise-soleil fixes
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu lame-fixe-aile-avion">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/lames-ailes-avion/">
														<span>
															Brise-soleil fixe à lames ailes d'avion
															
														</span>
													</a>

												</li>

												<li class="defaultmenu lames-rectangulaires">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/lames-rectangulaires/">
														<span>
															Brise-soleil fixe à lames rectangulaires
															
														</span>
													</a>

												</li>

												<li class="defaultmenu lames_trapezoidales">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/lames-trapezoidales/">
														<span>
															Brise-soleil fixe à lames trapézoïdales
															
														</span>
													</a>

												</li>

												<li class="defaultmenu lames-fixes">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/lames-clipsables-en-c/">
														<span>
															Brise-soleil fixe à lames clipsables en C
															
														</span>
													</a>

												</li>

												<li class="defaultmenu lames-bois">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/brise-soleil-fixe-a-lames-bois/">
														<span>
															Brise-soleil fixe à lames bois
															
														</span>
													</a>

												</li>

												<li class="defaultmenu lames-biosourcees">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/brise-soleil-fixe-a-lames-biosourcees/">
														<span>
															Brise-soleil fixe à lames biosourcées
															
														</span>
													</a>

												</li>

												<li class="defaultmenu profils_specifiques">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/accessoires-profils-specifiques/">
														<span>
															Accessoires & Profils spécifiques
															
														</span>
													</a>

												</li>

										</ul>

								</li>

								<li class="secondLevelItem defaultmenu brise-soleil_orientable">
									<a href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-orientables/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Brise-soleil orientables
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu lames-orientables-ailes-avion">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-orientables/lames-ailes-avion/">
														<span>
															Brise-soleil orientable à lames ailes d'avion
															
														</span>
													</a>

												</li>

												<li class="defaultmenu brise-soleil-orientable-lames-rectangulaires">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-orientables/lames-rectangulaires/">
														<span>
															Brise-soleil orientable à lames rectangulaires
															
														</span>
													</a>

												</li>

												<li class="defaultmenu lames-orientables-trapezoidales">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-orientables/lames-trapezoidales/">
														<span>
															Brise-soleil orientable à lames trapézoïdales
															
														</span>
													</a>

												</li>

										</ul>

								</li>

								<li class="secondLevelItem defaultmenu bso">
									<a href="https://www.tellierbrisesoleil.com/protection-solaire/stores-orientables-bso/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												BSO | Stores orientables
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu stores-orientables-bso-bombees">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/stores-orientables-bso/store-orientable-a-lames-bombees/">
														<span>
															Store orientable à lames bombées
															
														</span>
													</a>

												</li>

												<li class="defaultmenu stores-orientables-bso-convexes">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/stores-orientables-bso/store-orientable-a-lames-convexes/">
														<span>
															Store orientable à lames convexes
															
														</span>
													</a>

												</li>

												<li class="defaultmenu stores-orientables-bso-lame-z">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/protection-solaire/stores-orientables-bso/store-orientable-a-lames-en-z/">
														<span>
															Store orientable à lames en Z
															
														</span>
													</a>

												</li>

										</ul>

								</li>

							<li class="bg-img-thirdLevel">

									



												<div class="third_levelImg defaultmenu lame-fixe-aile-avion" >
													<div class="picture-thirdLevel"><img src="/media/brise-soleil-fixe-ailes-avion-menu.jpg" alt="brise-soleil-fixe_ailes-avion_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu lames-rectangulaires" >
													<div class="picture-thirdLevel"><img src="/media/brise-soleil-fixe-rectangulaires-menu.jpg" alt="brise-soleil-fixe_rectangulaires_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu lames_trapezoidales" >
													<div class="picture-thirdLevel"><img src="/media/brise-soleil-fixe-trapezoidales-menu.jpg" alt="brise-soleil-fixe_trapezoidales_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu lames-fixes" >
													<div class="picture-thirdLevel"><img src="/media/brise-soleil-fixe-clipsables-menu.jpg" alt="brise-soleil-fixe_clipsables_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu lames-bois" >
													<div class="picture-thirdLevel"><img src="/media/gamme-woodligne.png" alt="Gamme woodligne"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu lames-biosourcees" >
													<div class="picture-thirdLevel"><img src="/media/menu-vesta.jpg" alt="Menu-VESTA"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu profils_specifiques" >
													<div class="picture-thirdLevel"><img src="/media/accessoires-menu.jpg" alt="accessoires_menu"  /></div>
	
												</div>
		

		

									
	

									



												<div class="third_levelImg defaultmenu lames-orientables-ailes-avion" >
													<div class="picture-thirdLevel"><img src="/media/brise-soleil-orientable-ailes-avion-menu.jpg" alt="brise-soleil-orientable_ailes-avion_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu brise-soleil-orientable-lames-rectangulaires" >
													<div class="picture-thirdLevel"><img src="/media/brise-soleil-orientable-rectangulaires-menu.jpg" alt="brise-soleil-orientable_rectangulaires_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu lames-orientables-trapezoidales" >
													<div class="picture-thirdLevel"><img src="/media/brise-soleil-orientable-trapezoidales-menu.jpg" alt="brise-soleil-orientable_trapezoidales_menu"  /></div>
	
												</div>
		

		

									
	

									



												<div class="third_levelImg defaultmenu stores-orientables-bso-bombees" >
													<div class="picture-thirdLevel"><img src="/media/bso-bombees-menu.jpg" alt="bso_bombees_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu stores-orientables-bso-convexes" >
													<div class="picture-thirdLevel"><img src="/media/bso-convexes-menu.jpg" alt="bso_convexes_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu stores-orientables-bso-lame-z" >
													<div class="picture-thirdLevel"><img src="/media/bso-z-menu.jpg" alt="bso_z_menu"  /></div>
	
												</div>
		

		

									
	

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

			</li>

			<li class="defaultmenu ico ico-facade">
				<a href="https://www.tellierbrisesoleil.com/habillage-de-facade/" title="Habillage de façade" class="LinkIn">
					<span class="dim">
						<span class="nom-menu d-flex align-items-center justify-content-center">Habillage de façade</span>
						
					</span>
				</a>

					<div class="secondLevelContainer">
						<ul class="secondLevel">
							

								<li class="secondLevelItem defaultmenu lames_a_clipper">
									<a href="https://www.tellierbrisesoleil.com/habillage-de-facade/lames-decoratives/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Lames d'habillage de façade
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu lames-decoratives">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/habillage-de-facade/lames-decoratives/lames-clipsables/">
														<span>
															Lames clipsables sans fixation apparente
															
														</span>
													</a>

												</li>

										</ul>

								</li>

								<li class="secondLevelItem defaultmenu cadre_d_entourage">
									<a href="https://www.tellierbrisesoleil.com/habillage-de-facade/cadres-d-entourage/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Cadres d'entourage
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu cadres-entourage">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/habillage-de-facade/cadres-d-entourage/cadre-a-lames-rectangulaires/">
														<span>
															Cadre à lames rectangulaires
															
														</span>
													</a>

												</li>

										</ul>

								</li>

							<li class="bg-img-thirdLevel">

									



												<div class="third_levelImg defaultmenu lames-decoratives" >
													<div class="picture-thirdLevel"><img src="/media/lames-facade-menu.jpg" alt="lames-facade_menu"  /></div>
	
												</div>
		

		

									
	

									



												<div class="third_levelImg defaultmenu cadres-entourage" >
													<div class="picture-thirdLevel"><img src="/media/cadres-menu.jpg" alt="cadres_menu"  /></div>
	
												</div>
		

		

									
	

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

			</li>

			<li class="defaultmenu ico ico-occultation">
				<a href="https://www.tellierbrisesoleil.com/occultation/" title="Occultation" class="LinkIn">
					<span class="dim">
						<span class="nom-menu d-flex align-items-center justify-content-center">Occultation</span>
						
					</span>
				</a>

					<div class="secondLevelContainer">
						<ul class="secondLevel">
							

								<li class="secondLevelItem defaultmenu fixe">
									<a href="https://www.tellierbrisesoleil.com/occultation/volets-fixes-claustras/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Volets fixes type claustras
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu volet-claustra-remplissage-lames-cadres">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-fixes-claustras/volet-a-cadre-74x38-remplissage-a-lames/">
														<span>
															Volet à cadre 74x38 remplissage à lames
															
														</span>
													</a>

												</li>

												<li class="defaultmenu volet-claustra-remplissage-plein">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-fixes-claustras/volet-a-cadre-74x38-remplissage-plein-ou-tole/">
														<span>
															Volet à cadre 74x38 remplissage plein ou tôle
															
														</span>
													</a>

												</li>

												<li class="defaultmenu volet-claustra-remplissage-lames-volet-cadre">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-fixes-claustras/volet-a-cadre-50x50-ou-100x50-remplissage-a-lames/">
														<span>
															Volet à cadre 50x50 ou 100x50 remplissage à lames
															
														</span>
													</a>

												</li>

												<li class="defaultmenu volet-claustravolet-claustra-remplissage-ventelles">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-fixes-claustras/volet-a-cadre-50x58-remplissage-a-ventelles/">
														<span>
															Volet à cadre 50x58 remplissage à ventelles
															
														</span>
													</a>

												</li>

										</ul>

								</li>

								<li class="secondLevelItem defaultmenu coulissant">
									<a href="https://www.tellierbrisesoleil.com/occultation/volets-coulissants/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Volets coulissants
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu volets-coulissants-remplissage-lames-volets-cadre">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-coulissants/volet-a-cadre-74x38-remplissage-a-lames/">
														<span>
															Volet à cadre 74x38 remplissage à lames
															
														</span>
													</a>

												</li>

												<li class="defaultmenu volets-coulissants-remplissage-plein-tole">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-coulissants/volet-a-cadre-74x38-remplissage-plein-ou-tole/">
														<span>
															Volet à cadre 74x38 remplissage plein ou tôle
															
														</span>
													</a>

												</li>

												<li class="defaultmenu volets-coulissants-remplissage-lames">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-coulissants/volet-a-cadre-50x50-ou-100x50-remplissage-a-lames/">
														<span>
															Volet à cadre 50x50 ou 100x50 remplissage à lames
															
														</span>
													</a>

												</li>

												<li class="defaultmenu volets-coulissants-plein-tole">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-coulissants/volet-a-cadre-50x50-ou-100x50-remplissage-plein-ou-tole/">
														<span>
															Volet à cadre 50x50 ou 100x50 remplissage plein ou tôle
															
														</span>
													</a>

												</li>

												<li class="defaultmenu volets-coulissants-ventelles">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/occultation/volets-coulissants/volet-a-cadre-50x58-remplissage-a-ventelles/">
														<span>
															Volet à cadre 50x58 remplissage à ventelles
															
														</span>
													</a>

												</li>

										</ul>

								</li>

								<li class="secondLevelItem defaultmenu pliant">
									<a href="https://www.tellierbrisesoleil.com/occultation/volets-pliants/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Volets pliants
											</span>
										</div>
									</a>

								</li>

							<li class="bg-img-thirdLevel">

									



												<div class="third_levelImg defaultmenu volet-claustra-remplissage-lames-cadres" >
													<div class="picture-thirdLevel"><img src="/media/volet-fixe-australe-ajoure-menu.jpg" alt="volet-fixe_australe_ajoure_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu volet-claustra-remplissage-plein" >
													<div class="picture-thirdLevel"><img src="/media/volet-fixe-australe-plein-menu.jpg" alt="volet-fixe_australe_plein_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu volet-claustra-remplissage-lames-volet-cadre" >
													<div class="picture-thirdLevel"><img src="/media/volet-fixe-boreale-ajoure-menu.jpg" alt="volet-fixe_boreale_ajoure_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu volet-claustravolet-claustra-remplissage-ventelles" >
													<div class="picture-thirdLevel"><img src="/media/volet-fixe-ventelles-menu.jpg" alt="volet-fixe_ventelles_menu"  /></div>
	
												</div>
		

		

									
	

									



												<div class="third_levelImg defaultmenu volets-coulissants-remplissage-lames-volets-cadre" >
													<div class="picture-thirdLevel"><img src="/media/volet-coulissant-australe-ajoure-menu.jpg" alt="volet-coulissant_australe_ajoure_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu volets-coulissants-remplissage-plein-tole" >
													<div class="picture-thirdLevel"><img src="/media/volet-coulissant-australe-plein-menu.jpg" alt="volet-coulissant_australe_plein_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu volets-coulissants-remplissage-lames" >
													<div class="picture-thirdLevel"><img src="/media/volet-coulissant-boreale-ajoure-menu.jpg" alt="volet-coulissant_boreale_ajoure_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu volets-coulissants-plein-tole" >
													<div class="picture-thirdLevel"><img src="/media/volet-coulissant-boreale-plein-menu.jpg" alt="volet-coulissant_boreale_plein_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu volets-coulissants-ventelles" >
													<div class="picture-thirdLevel"><img src="/media/volet-coulissant-ventelles-menu.jpg" alt="volet-coulissant_ventelles_menu"  /></div>
	
												</div>
		

		

									
	

									


									
	

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

			</li>

			<li class="defaultmenu ico ico-ventilation">
				<a href="https://www.tellierbrisesoleil.com/ventilation/" title="Ventilation" class="LinkIn">
					<span class="dim">
						<span class="nom-menu d-flex align-items-center justify-content-center">Ventilation</span>
						
					</span>
				</a>

					<div class="secondLevelContainer">
						<ul class="secondLevel">
							

								<li class="secondLevelItem defaultmenu bardage_a_ventelles">
									<a href="https://www.tellierbrisesoleil.com/ventilation/bardage-ventelles/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Bardage à ventelles
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu lames_a_clipper">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/ventilation/bardage-ventelles/ventelles-clipsables/">
														<span>
															Ventelles clipsables en Z
															
														</span>
													</a>

												</li>

												<li class="defaultmenu lames_a_visser">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/ventilation/bardage-ventelles/ventelles-entre-plats/">
														<span>
															Ventelles entre plats en Z
															
														</span>
													</a>

												</li>

										</ul>

								</li>

								<li class="secondLevelItem defaultmenu grilles_de_ventilation">
									<a href="https://www.tellierbrisesoleil.com/ventilation/grilles-ventilation/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Grilles de ventilation
											</span>
										</div>
									</a>

										<ul class="thirdLevel">

												<li class="defaultmenu pose_en_applique">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/ventilation/grilles-ventilation/grilles-applique/">
														<span>
															Grilles aluminium en tunnel
															
														</span>
													</a>

												</li>

												<li class="defaultmenu pose_en_encastrement">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/ventilation/grilles-ventilation/grilles-encastrement/">
														<span>
															Grilles aluminium en encastrement
															
														</span>
													</a>

												</li>

												<li class="defaultmenu pose_en_feuillure">
													<a class="LinkIn bouton4" href="https://www.tellierbrisesoleil.com/ventilation/grilles-ventilation/grille-feuillure/">
														<span>
															Grilles aluminium en feuillure
															
														</span>
													</a>

												</li>

										</ul>

								</li>

							<li class="bg-img-thirdLevel">

									



												<div class="third_levelImg defaultmenu lames_a_clipper" >
													<div class="picture-thirdLevel"><img src="/media/ventelles-clipsables-menu.jpg" alt="ventelles_clipsables_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu lames_a_visser" >
													<div class="picture-thirdLevel"><img src="/media/ventelles-entre-plats-menu.jpg" alt="ventelles_entre-plats_menu"  /></div>
	
												</div>
		

		

									
	

									



												<div class="third_levelImg defaultmenu pose_en_applique" >
													<div class="picture-thirdLevel"><img src="/media/grilles-tunnel-menu.jpg" alt="grilles_tunnel_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu pose_en_encastrement" >
													<div class="picture-thirdLevel"><img src="/media/grilles-encastrement-menu.jpg" alt="grilles_encastrement_menu"  /></div>
	
												</div>
		

												<div class="third_levelImg defaultmenu pose_en_feuillure" >
													<div class="picture-thirdLevel"><img src="/media/grilles-feuillure-menu.jpg" alt="grilles_feuillure_menu"  /></div>
	
												</div>
		

		

									
	

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

			</li>

			<li class="defaultmenu logo-genatis ico ico-genetis">
				<a href="https://www.tellierbrisesoleil.com/genatis/" title="Genatis" class="LinkIn">
					<span class="dim">
						<span class="nom-menu d-flex align-items-center justify-content-center">Genatis</span>
						
					</span>
				</a>

					<div class="secondLevelContainer">
						<ul class="secondLevel">
							

								<li class="secondLevelItem defaultmenu lumiere_naturelle">
									<a href="https://www.tellierbrisesoleil.com/genatis/lumiere-naturelle/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Lumière naturelle
											</span>
										</div>
									</a>

								</li>

								<li class="secondLevelItem defaultmenu ventilation_naturelle">
									<a href="https://www.tellierbrisesoleil.com/genatis/ventilation-naturelle/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Ventilation naturelle
											</span>
										</div>
									</a>

								</li>

								<li class="secondLevelItem defaultmenu rafraichissement_par_evaporation">
									<a href="https://www.tellierbrisesoleil.com/genatis/rafraichissement-par-evaporation/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Rafraîchissement par évaporation
											</span>
										</div>
									</a>

								</li>

								<li class="secondLevelItem defaultmenu facade_bioclimatique">
									<a href="https://www.tellierbrisesoleil.com/genatis/facade-bioclimatique/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Façade bioclimatique
											</span>
										</div>
									</a>

								</li>

								<li class="secondLevelItem defaultmenu solution_d_ombrages">
									<a href="https://www.tellierbrisesoleil.com/genatis/solutions-d-ombrage/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Solutions d'ombrage
											</span>
										</div>
									</a>

								</li>

								<li class="secondLevelItem defaultmenu destratification_de_l_air">
									<a href="https://www.tellierbrisesoleil.com/genatis/destratification-de-l-air/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Destratification de l'air
											</span>
										</div>
									</a>

								</li>

								<li class="secondLevelItem defaultmenu pilotage_et_automates">
									<a href="https://www.tellierbrisesoleil.com/genatis/pilotage-et-automates/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Pilotage et automates
											</span>
										</div>
									</a>

								</li>

								<li class="secondLevelItem defaultmenu diagnostic_et_installation">
									<a href="https://www.tellierbrisesoleil.com/genatis/diagnostic-et-installation/" class="LinkIn">
									
										<div class="titre-ss-menu">
											<span class="dim">
												Diagnostic et installation
											</span>
										</div>
									</a>

								</li>

							<li class="bg-img-thirdLevel">

									


									
	

									


									
	

									


									
	

									


									
	

									


									
	

									


									
	

									


									
	

									


									
	

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

			</li>

			<li class="defaultmenu blog">
				<a href="https://www.tellierbrisesoleil.com/blog/" title="Blog" class="LinkIn">
					<span class="dim">
						<span class="nom-menu d-flex align-items-center justify-content-center">Blog</span>
						
					</span>
				</a>

			</li>

	</ul>
</nav>

<script>


	$('.nested .firstLevel li').mouseover(function(){
		$(this).addClass('hover-in-active');
	})
	$('.nested .firstLevel li').mouseout(function(){ 
			$(this).removeClass('hover-in-active');
			
		}, 

	);
                     
	$('.thirdLevel li').mouseover(function(){ 
		$(this).addClass('hover-in');
		var i = $(this).attr('class');

		var classname = i.split(' ')[1];

		// test pour récupérer parent li puis la class de cet élément
		var parent = $(this).parents()[1];


		// var parentItem = $(this).closest('.secondLevelItem');

		// var testclass = parentItem.attr('class');

		// var testclassinner = testclass.split(' ')[2];


		// fin de test
		
		
		var image = $(".secondLevel .bg-img-thirdLevel ." + classname);
		
		// image.addClass(testclassinner);
		
		$(image).addClass('hover-in-img');
		$(parent).addClass('hover-in-img');


		// var item = image; 

	


	});
	$('.thirdLevel li').mouseout(function(){ 
			$(this).removeClass('hover-in');
			var i = $(this).attr('class');
			var classname = i.split(' ')[1];

			var image = $(".secondLevel .bg-img-thirdLevel ." + classname);

			// image.removeClass(testclassinner);

			$(image).removeClass('hover-in-img');
		}, 

	);
	
</script>
							</div>


						
							<script>
							$(function(){
								//navigation mobile 
								// spe.tools.initMenu("mmenu", {
								// 	$btn : $(".smart-menu"),
								// 	$menu : $(".nested-header nav"),
								// 	idContent : "#page"
								// });
								spe.tools.initMenu("mmenu", {
									$btn : $(".smart-menu"),
									$menu : $("#leftbar"),
									idContent : "#page"
								});

								
								if (window.matchMedia("(max-width: 1026px)").matches){

									spe.tools.move(".nested-header nav", ".box-left-menu", "inner:last");
									spe.tools.move(".follow-us-bottom", ".box-left-menu", "inner:last");
								}

										
								

								//menu fixe
								spe.tools.initMenu("scrollUp", {
									$menu : $(".for-scroll"),
								});
							});
							</script>
					</div>

				</div>
				

		</header>
		
		


		<div class="img-header">


				

			
			

			<div class="bg-header"></div>
			<div class="img-header-inte">
				<div class="container">
					 
 
				</div>
			</div>
		</div>

	
		
		<div id="wrapper">
			<div id="wrapperInner" class="inner">

				<div class="breadcrumb container">
					<div class="breadcrum-inner d-flex align-items-center justify-content-between">

							



					
<nav class="breadcrumb">
	<span class="breadcrumb_label"><a href="/" class="LinkIn">Accueil</a>&nbsp;&gt;&nbsp;</span>
	<span class="breadcrumb_navigation">
		
<span><a title="Tellier Brise Soleil" href="https://www.tellierbrisesoleil.com/" lang="fr" class="LinkIn"><span>Tellier Brise Soleil</span></a></span>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Tellier Brise Soleil","item":"https://www.tellierbrisesoleil.com/"}]}</script>
	</span>
</nav>

						<a href="javascript:history.back()" class="LinkIn d-flex px-0 align-items-center"><span class="ico-back"></span>Retour</a>
					</div>

				</div>


				<section id="contents">
					

						<div id="contentsInner" class="inner">
							
							

							<div class="container notfull">
								<article id="article" class="accordOn" itemscope itemtype="http://schema.org/Article">

		

		<div id="text">
			

<div id="template-home">

	
	<section class="slider-home">
			<script type="text/javascript">
				<!--
					
				$(function() {
					if ($('#emBehavior_79').mobilynotes) {
						$('#emBehavior_79').mobilynotes({init: "plain", interval: 3000, autoplay: true, positionMultiplier: 2, showList: false, submit: "Sauvegarder", title: "h2"});
					}
				});
			
				//-->
				</script>


<script>
	var mobile_img = [];
</script>


<div class="slick-spe slick-load">
	<ul id="emBehavior_79">

			<li class="slick-slider">
				<a href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/brise-soleil-fixe-a-lames-bois/" class="LinkIn">
					<div class="picture">
						<img src="/media/thumbnails/tbs-brise-soleil-bois-corse-1.jpg" alt="TBS_brise-soleil bois_Corse"  />
						
						<script>
							mobile_img.push('<img src="/media/thumbnails/tbs-brise-soleil-bois-corse-460x520.jpg" alt="TBS_brise-soleil bois_Corse 460x520"  />');
						</script>
					</div>
					<div class="slick-titre-desc">
						<div class="slick-titre">WOOD'LIGNE</div>
						<div class="slick-description"><p>D&eacute;couvrez nos brise-soleil &agrave; lames bois.</p>
</div>
						<span class="bouton1">En savoir plus</span>
					</div>
					
				</a>
			</li>

			<li class="slick-slider">
				<a href="https://www.tellierbrisesoleil.com/protection-solaire/brise-soleil-fixes/lames-rectangulaires/" class="LinkIn">
					<div class="picture">
						<img src="/media/thumbnails/tbs-brise-soleil-college-chaume.jpg" alt="TBS_brise-soleil college chaume"  />
						
						<script>
							mobile_img.push('<img src="/media/thumbnails/tbs-brise-soleil-college-chaume-460-520.jpg" alt="TBS_brise-soleil college chaume 460-520"  />');
						</script>
					</div>
					<div class="slick-titre-desc">
						<div class="slick-titre">Protection solaire architecturale</div>
						<div class="slick-description"><p><span class="ember-view" id="ember8102"><span></span></span> D&eacute;couvrez nos lames rectangulaires de brise-soleil.</p>
</div>
						<span class="bouton1">En savoir plus</span>
					</div>
					
				</a>
			</li>

			<li class="slick-slider">
				<a href="https://www.tellierbrisesoleil.com/ventilation/bardage-ventelles/ventelles-clipsables/" class="LinkIn">
					<div class="picture">
						<img src="/media/thumbnails/tellier_brise_soleil_ventilation.jpg" alt="tellier-brise-soleil_ventilation"  />
						
						<script>
							mobile_img.push('<img src="/media/thumbnails/tellier_brise_soleil_ventilation_1.jpg" alt="tellier_brise_soleil_ventilation"  />');
						</script>
					</div>
					<div class="slick-titre-desc">
						<div class="slick-titre">Façade ventilée</div>
						<div class="slick-description"><p>D&eacute;couvrez notre bardage &agrave; ventelles filantes.</p>
</div>
						<span class="bouton1">En savoir plus</span>
					</div>
					
				</a>
			</li>

	</ul>

	
	<span class="loader"><span></span></span>
	

	
	<script>
		(function($){
			//
			var params;
			var sliderID;

			//init
			if(typeof(spe) === 'undefined' ){
				window.spe = {};
			}
			if(typeof(spe.BREAK_WIDTH_MOBILE) === 'undefined' ){
				spe.BREAK_WIDTH_MOBILE = 767;
			}

			/**
			 * surcharge le plugin de diapo
			 */
			var mobilynotes = $.fn.mobilynotes = function(pParams){
				//
				var _self = this;

				//params
				params = pParams;

				//
				this.loads = [];

				//id du diapo
				_self.sliderID = $(this).selector;


				/**
				* load rssource
				*/
				this.resourceLoad = function(LOAD){
					var _self = this;

					//stoque le chargement effectué
					this.loads.push(LOAD);

					//si tout n'est pas chargé on lance
					if(this.loads.length != 2){
						return false;
					}

					//timer car l'image peut retourner une mauvaise hauteur
					setTimeout(function(){
						//Set height conteneur = height first img
						var imgHeight = $(_self.sliderID).find("img:eq(0)").height();
						$(_self.sliderID).parent().css("height", imgHeight);

						//set class
						$(_self.sliderID).parent().addClass("slick-first-img-load");

						//timer effet
						setTimeout(function(){
							//lance le diapo
							_self.start();
						},100);

					},100);

					
				}

				/**
				* lance le diapo
				*/
				this.start = function(){
					//enlève class de chargement
					$(_self.sliderID).parent().removeClass("slick-load");

					//timer pour effet de disparition
					setTimeout(function(){
						$(_self.sliderID).parent().addClass("slick-load-end");
					},1000);


					//lance le diaporama
					$(_self.sliderID).slick({
						"autoplay" : params.autoplay,
						"autoplaySpeed" : params.interval,
						"dots" : false
					});

					console.log(params);

					//réinit height
					$(_self.sliderID).parent().css("height", "auto");
				}

				/**
				* init
				*/

				/**
				*	img en full
				*/
				$(_self.sliderID).find("img").each(function(i){
					//src
					var src = $(this).attr("src");
					$(this).attr("src", "");
					src = src.replace("/thumbnails/","/");

					//gestion image secondaire pour mobile
					var imgMobile = mobile_img[i];
					if(imgMobile && spe.BREAK_WIDTH_MOBILE >= $(window).width()){
						var srcSecondaire = $(imgMobile).attr("src");
						srcSecondaire =srcSecondaire.replace("/thumbnails/","/");
						//
						src = srcSecondaire;
					}

					/**
					* si première image
					* on écoute son chargement pour lancer le diapo ensuite
					*/
					if(i == 0){
						$(this).on('load', function(){
							//on peut lancer le diapo
							_self.resourceLoad("IMG_LOAD");

						}).attr("src", src);

					}else{
						$(this).attr("src", src);
					}
				});
				
				/**
				* chargement du script du diapo
				*/
				RegisterSpe.add( "libs/diaporama/slick/slick.min.js", function(){
					//on peut lancer le diapo
					_self.resourceLoad("PLUGIN_LOAD");

				});
			};
		})(jQuery);
	</script>
</div>
			
			<div class="accroche color06 bg-color00 p-5 text-center uppercase">Assurer un confort thermique et visuel dans les bâtiments, telle est l’ambition de TELLIER BRISE-SOLEIL. </div>
	</section>



	<section class="bloc-products bg-color05">
		<div class="container">
			
				<div class="center like-h2">
					Nos produits
				</div>


 
			

			<div class="bloc-products-listing row flex-wrap">

				
					<div class="item col-md-5 col-xs-12">
						<div class="item-inner">
							<a href="/protection-solaire/brise-soleil-fixes/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone-brise-soleil-fixe.jpg" alt="Brise-soleil à lames fixes"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/protection_solaire_picto.png" alt="protection-solaire-picto"  /></span>
											<span class="family_title">Protection solaire</span>
										

											<h2 class="like-h4">
												Brise-soleil à lames fixes
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12 col-md-offset-2">
						<div class="item-inner">
							<a href="/habillage-de-facade/lames-decoratives/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_lames_habillage_facade.jpg" alt="Lames d'habillage de façade"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/picto_habillage_facade.png" alt="picto-habillage-facade"  /></span>
											<span class="family_title">Habillage de façade</span>
										

											<h2 class="like-h4">
												Lames d'habillage de façade
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12">
						<div class="item-inner">
							<a href="/protection-solaire/brise-soleil-orientables/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_brise_soleil_orientable.jpg" alt="Brise-soleil à lames orientables"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/protection_solaire_picto.png" alt="protection-solaire-picto"  /></span>
											<span class="family_title">Protection solaire</span>
										

											<h2 class="like-h4">
												Brise-soleil à lames orientables
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12 col-md-offset-2">
						<div class="item-inner">
							<a href="/habillage-de-facade/cadres-d-entourage/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_cadres_entourages.jpg" alt="Cadres d'entourage"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/picto_habillage_facade.png" alt="picto-habillage-facade"  /></span>
											<span class="family_title">Habillage de façade</span>
										

											<h2 class="like-h4">
												Cadres d'entourage
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12">
						<div class="item-inner">
							<a href="/stores-orientables-bso/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_stores_lames_orientables.jpg" alt="Stores à lames orientables"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/protection_solaire_picto.png" alt="protection-solaire-picto"  /></span>
											<span class="family_title">Protection solaire</span>
										

											<h2 class="like-h4">
												Stores à lames orientables
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12 col-md-offset-2">
						<div class="item-inner">
							<a href="/ventilation/bardage-ventelles/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_bardage_ventelles.jpg" alt="Bardage à ventelles"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/picto_ventilation.png" alt="picto-ventilation"  /></span>
											<span class="family_title">Ventilation</span>
										

											<h2 class="like-h4">
												Bardage à ventelles
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12">
						<div class="item-inner">
							<a href="/occultation/volets-coulissants/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_volets_coulissants.jpg" alt="Volets coulissants"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/picto_occultation.png" alt="picto-occultation"  /></span>
											<span class="family_title">Occultation</span>
										

											<h2 class="like-h4">
												Volets coulissants
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12 col-md-offset-2">
						<div class="item-inner">
							<a href="/ventilation/grilles-ventilation/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_grilles_ventilation.jpg" alt="Grilles de ventilation"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/picto_ventilation.png" alt="picto-ventilation"  /></span>
											<span class="family_title">Ventilation</span>
										

											<h2 class="like-h4">
												Grilles de ventilation
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				
					<div class="item col-md-5 col-xs-12">
						<div class="item-inner">
							<a href="/occultation/volets-fixes-claustras/"  class="LinkIn">
								<div class="item-inner__inside d-flex align-items-center">
									<img src="/media/thumbnails/icone_volets_claustras.jpg" alt="Volets fixes type claustras"/>
									<div class="family">

										
											<span><img src="/media/thumbnails/picto_occultation.png" alt="picto-occultation"  /></span>
											<span class="family_title">Occultation</span>
										

											<h2 class="like-h4">
												Volets fixes type claustras
											</h2>
									</div>
								</div>
							</a>
						</div>
					
					</div>
				

				

										
										

					
				

				

										
										

					
				
			</div>
	
			 
			


		</div>

	</section>
	

	
	<section class="bloc-news-pro">
		<div class="container">
			
				<h2 class="center like-h2">Nos dernières publications</h2>
			
				<div class="bloc-news">
					<div class="bloc-news-pro-inner d-flex flex-wrap align-items-center justify-content-between">
						
							<div class="like-h3">Nos actualités</div>
						<a href="/entreprise/actualites/" class="LinkIn bouton4">Voir toutes les actualités</a>
					</div>
					<div class="row flex-wrap">
							<div class="bloc-actu col-xs-12 col-sm-6 col-md-6 col-lg-4">
								
									<div class="img-news">
										<img src="/media/tbs-institut-curie-accueil1.jpg" alt="TBS_Institut Curie Accueil1"  />

										<div class="desc-actu">
											<a href="https://www.tellierbrisesoleil.com/entreprise/actualites/215-brisesoleil-en-quadrille-expertise-et-maitrise-technique.html" hreflang="fr" title="Brise‑soleil en quadrille – Expertise et maîtrise technique" class="LinkIn">Lire l'article</a>
										</div>
									</div>

								
								<div class="header-actu">
										<div class="author">
											<span class="author2">Découvrir</span>
										</div>
										<script>
											// On remplace les é par des e et on met en minuscule
											(function($){
												// Variables
												//var href = $(".author2").attr("class");
												var parent = "Découvrir";
												// Modifications
												parent = parent.toLowerCase();
												parent = parent.replace(/[é]/gi,"e");
												// Résultat
												$(".author2").attr("class",parent);
											})(jQuery);
										</script>
	
									<h3>
										<a href="https://www.tellierbrisesoleil.com/entreprise/actualites/215-brisesoleil-en-quadrille-expertise-et-maitrise-technique.html" hreflang="fr" title="Brise‑soleil en quadrille – Expertise et maîtrise technique" class="LinkIn">
											Brise‑soleil en quadrille – Expertise et maîtrise technique
										</a>
									</h3>
								</div>
								
							</div>
							<div class="bloc-actu col-xs-12 col-sm-6 col-md-6 col-lg-4">
								
									<div class="img-news">
										<img src="/media/tbs-fdes-accueil.jpg" alt="TBS_FDES Accueil"  />

										<div class="desc-actu">
											<a href="https://www.tellierbrisesoleil.com/entreprise/actualites/214-fdes-et-re2020-la-demarche-durable-de-tellier-brise-soleil.html" hreflang="fr" title="FDES et RE2020 : la démarche durable de Tellier Brise-Soleil" class="LinkIn">Lire l'article</a>
										</div>
									</div>

								
								<div class="header-actu">
										<div class="author">
											<span class="author2">Découvrir</span>
										</div>
										<script>
											// On remplace les é par des e et on met en minuscule
											(function($){
												// Variables
												//var href = $(".author2").attr("class");
												var parent = "Découvrir";
												// Modifications
												parent = parent.toLowerCase();
												parent = parent.replace(/[é]/gi,"e");
												// Résultat
												$(".author2").attr("class",parent);
											})(jQuery);
										</script>
	
									<h3>
										<a href="https://www.tellierbrisesoleil.com/entreprise/actualites/214-fdes-et-re2020-la-demarche-durable-de-tellier-brise-soleil.html" hreflang="fr" title="FDES et RE2020 : la démarche durable de Tellier Brise-Soleil" class="LinkIn">
											FDES et RE2020 : la démarche durable de Tellier Brise-Soleil
										</a>
									</h3>
								</div>
								
							</div>
							<div class="bloc-actu col-xs-12 col-sm-6 col-md-6 col-lg-4">
								
									<div class="img-news">
										<img src="/media/tbs-actu-artibat25.jpg" alt="TBS_Actu-Artibat25"  />

										<div class="desc-actu">
											<a href="https://www.tellierbrisesoleil.com/entreprise/actualites/209-venez-decouvrir-notre-nouvelle-gamme-a-artibat-2025.html" hreflang="fr" title="Venez découvrir notre nouvelle gamme à ARTIBAT 2025 !" class="LinkIn">Lire l'article</a>
										</div>
									</div>

								
								<div class="header-actu">
										<div class="author">
											<span class="author2">Evénement</span>
										</div>
										<script>
											// On remplace les é par des e et on met en minuscule
											(function($){
												// Variables
												//var href = $(".author2").attr("class");
												var parent = "Evénement";
												// Modifications
												parent = parent.toLowerCase();
												parent = parent.replace(/[é]/gi,"e");
												// Résultat
												$(".author2").attr("class",parent);
											})(jQuery);
										</script>
	
									<h3>
										<a href="https://www.tellierbrisesoleil.com/entreprise/actualites/209-venez-decouvrir-notre-nouvelle-gamme-a-artibat-2025.html" hreflang="fr" title="Venez découvrir notre nouvelle gamme à ARTIBAT 2025 !" class="LinkIn">
											Venez découvrir notre nouvelle gamme à ARTIBAT 2025 !
										</a>
									</h3>
								</div>
								
							</div>

					</div>

				</div>
			

		</div>
	</section>

	
	<section class="bloc-real-prod bloc-real-home">
		<div class="container">

			<div class="bloc-real-prod-inner d-flex flex-wrap align-items-center justify-content-between">
				
					<div class="like-h3">Nos réalisations</div>
				<a href="/realisations/" class="LinkIn bouton4">Voir toutes nos réalisations</a>

			</div>
			
			
			 

			<div class="widget widgetProduct box-realisations">
				<div class="widgetContainer grid">
					<div class="grid-sizer"></div>
							<article class="realisation-widget grid-item short_product  canicule grid-item-width1 h1 short_product  recti-ligne">

	<div class="short_product_container">
		<a href="https://www.tellierbrisesoleil.com/realisations/482-clinique-mont-ventoux-carpentras-84.html" hreflang="fr" title="Clinique Mont Ventoux, CARPENTRAS (84)" class="LinkIn link-prod"></a>

		<div class="pictureContainer">

				<img src="/media/thumbnails/clinique-carpentras-11200.jpg" alt="Clinique Carpentras (1)1200"  />

			


		</div>
		<div class="titre-real-fiche-prod">


				<div class="titre-real-inte">
					
				</div>


			<h2 class="like-h3">Clinique Mont Ventoux, CARPENTRAS (84)</h2>
		</div>

		<div class="on-hover">
			
			<p>Habillage de façade et cadres d&#39;entourage de la clinique Mont Ventoux à Carpentras.

Imaginé par...</p>
			<a href="https://www.tellierbrisesoleil.com/realisations/482-clinique-mont-ventoux-carpentras-84.html" hreflang="fr" title="Clinique Mont Ventoux, CARPENTRAS (84)" class="LinkIn bouton2">Voir la réalisation</a>
			
		</div>
		

	</div>
</article>


							<article class="realisation-widget grid-item short_product  canicule grid-item-width1 h1 short_product  facad-ligne">

	<div class="short_product_container">
		<a href="https://www.tellierbrisesoleil.com/realisations/168-cetim-nantes-44.html" hreflang="fr" title="CETIM, NANTES (44)" class="LinkIn link-prod"></a>

		<div class="pictureContainer">

				<img src="/media/thumbnails/tbs-cetim-nantes-3-1.jpg" alt="TBS_Cetim_NANTES-3"  />

			


		</div>
		<div class="titre-real-fiche-prod">


				<div class="titre-real-inte">
					
				</div>


			<h2 class="like-h3">CETIM, NANTES (44)</h2>
		</div>

		<div class="on-hover">
			
			<p>Ventilation naturelle  FAÇAD&#39;LIGNE.

Fourniture de 18 grilles de ventilation sur-mesure GRM34 en...</p>
			<a href="https://www.tellierbrisesoleil.com/realisations/168-cetim-nantes-44.html" hreflang="fr" title="CETIM, NANTES (44)" class="LinkIn bouton2">Voir la réalisation</a>
			
		</div>
		

	</div>
</article>


							<article class="realisation-widget grid-item short_product  canicule grid-item-width1 h1 short_product  recti-ligne">

	<div class="short_product_container">
		<a href="https://www.tellierbrisesoleil.com/realisations/92-campus-orange-tolosa-balma-33.html" hreflang="fr" title="Campus Orange Tolosa, BALMA (33)" class="LinkIn link-prod"></a>

		<div class="pictureContainer">

				<img src="/media/thumbnails/tellier_brise_soleil_campus_orange_1.jpg" alt="tellier-brise-soleil_campus-orange_1"  />

			


		</div>
		<div class="titre-real-fiche-prod">


				<div class="titre-real-inte">
					
				</div>


			<h2 class="like-h3">Campus Orange Tolosa, BALMA (33)</h2>
		</div>

		<div class="on-hover">
			
			<p> </p>
			<a href="https://www.tellierbrisesoleil.com/realisations/92-campus-orange-tolosa-balma-33.html" hreflang="fr" title="Campus Orange Tolosa, BALMA (33)" class="LinkIn bouton2">Voir la réalisation</a>
			
		</div>
		

	</div>
</article>


							<article class="realisation-widget grid-item short_product  canicule grid-item-width1 h1 short_product  varangue">

	<div class="short_product_container">
		<a href="https://www.tellierbrisesoleil.com/realisations/478-capitainerie-port-st-roch-montargis-45.html" hreflang="fr" title="Capitainerie Port St-Roch MONTARGIS (45)" class="LinkIn link-prod"></a>

		<div class="pictureContainer">

				<img src="/media/thumbnails/capitainerie-port-saint-roch-montargis-2web.jpg" alt="Capitainerie Port Saint-Roch_MONTARGIS-2web"  />

			


		</div>
		<div class="titre-real-fiche-prod">


				<div class="titre-real-inte">
					
				</div>


			<h2 class="like-h3">Capitainerie Port St-Roch MONTARGIS (45)</h2>
		</div>

		<div class="on-hover">
			
			<p>Volet coulissant en aluminium BORÉALE.

Fourniture de 46 volets coulissants qui habille les façades de...</p>
			<a href="https://www.tellierbrisesoleil.com/realisations/478-capitainerie-port-st-roch-montargis-45.html" hreflang="fr" title="Capitainerie Port St-Roch MONTARGIS (45)" class="LinkIn bouton2">Voir la réalisation</a>
			
		</div>
		

	</div>
</article>


							<article class="realisation-widget grid-item short_product  canicule grid-item-width1 h1 short_product  harmonie-facade">

	<div class="short_product_container">
		<a href="https://www.tellierbrisesoleil.com/realisations/470-siege-prostyl-beaupreau-en-mauges-49.html" hreflang="fr" title="Siège Prostyl, BEAUPREAU-EN-MAUGES (49)" class="LinkIn link-prod"></a>

		<div class="pictureContainer">

				<img src="/media/thumbnails/tbs-prostyl-0.jpg" alt="TBS_Prostyl-0"  />

			


		</div>
		<div class="titre-real-fiche-prod">


				<div class="titre-real-inte">
					
				</div>


			<h2 class="like-h3">Siège Prostyl, BEAUPREAU-EN-MAUGES (49)</h2>
		</div>

		<div class="on-hover">
			
			<p>Lame décorative en aluminium HARMONIE FAÇADE sur les façades de la nouvelle unité de production...</p>
			<a href="https://www.tellierbrisesoleil.com/realisations/470-siege-prostyl-beaupreau-en-mauges-49.html" hreflang="fr" title="Siège Prostyl, BEAUPREAU-EN-MAUGES (49)" class="LinkIn bouton2">Voir la réalisation</a>
			
		</div>
		

	</div>
</article>



				</div>
			</div>

			
			
		</div>
		

		
		<script src="/scripts/charte/libs/outils/spe.ajaxArticle.js"></script>
		<script>
				(function($){
					spe.ajaxArticle.run({
						$links : $(".short-product-real .link-prod"),
						idContent : "product-realisation"
					});
				})(jQuery);
		</script>
		<script>
			
	(function($){
		$(document).ready(function(){

			// Ajoute des classes pour les tailles
			$('.box-realisations .widgetContainer .realisation-widget:nth-child(1)').addClass("grid-item-width2 h2");
			$('.box-realisations .widgetContainer .realisation-widget:nth-child(2)').addClass("grid-item-width2 h2");
			$('.box-realisations .widgetContainer .realisation-widget:nth-child(3)').addClass("grid-item-width1 h1");
			$('.box-realisations .widgetContainer .realisation-widget:nth-child(4)').addClass("grid-item-width1 h1");
			$('.box-realisations .widgetContainer .realisation-widget:nth-child(5)').addClass("grid-item-width1 h1");
			$('.box-realisations .widgetContainer .realisation-widget:nth-child(6)').addClass("grid-item-width1 h1");
			// $('.box-realisations .widgetContainer .realisation-widget:nth-child(7)').addClass("grid-item-width2 h2");
			// $('.box-realisations .widgetContainer .realisation-widget:nth-child(8)').addClass("grid-item-width1 h1");

			// On créé le masonry
			$('.box-realisations .grid').masonry({
				itemSelector: '.grid-item',
				columnWidth: '.grid-sizer',
				percentPosition: true
			});
		});
	})(jQuery);

		</script>
	</section>


	<section class="bloc-espace-pro-genatis bg-color05">
		<div class="container cover">
			<div class="row flex-wrap">
				
					<div class="bloc-pro col-xs-12 col-sm-12 col-md-6 col-lg-6">
						<div class="bloc-pro2">
							<div class="img-pro"><img src="/media/espace_pro_tellier_brise_soleil.jpg" alt="espace-pro_tellier-brise-soleil"  /></div>
							<div class="bloc-pro-inte">
								<a href="https://www.tellierbrisesoleil.com/espace-pro/" hreflang="fr" title="Espace pro" class="LinkIn">
									<div class="dim bg-color00 d-flex align-items-end">
										<div class="col-sm-11">
											<span class="ico-espace-pro"></span>
												<h3 class="like-h4">
													Accéder à votre Espace pro
												</h3>
											<p>Catalogues, Fiches techniques, Books de r&eacute;f&eacute;rences, Aide &agrave; la r&eacute;daction des CCTP ou Objets BIM, retrouvez tous nos outils sur notre espace pro.</p>

										</div>
										<div class="col-sm-2">
											<a href="https://www.tellierbrisesoleil.com/espace-pro/" hreflang="fr" title="Espace pro" class="LinkIn"><div class="cta-access">Voir</div></a>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
				
	
				
					<div class="bloc-genatis col-xs-12 col-sm-12 col-md-6 col-lg-6">
						<div class="bloc-pro2">
							<div class="img-pro"><img src="/media/genatis_les_batiments.jpg" alt="Genatis - les batiments"  /></div>
							<div class="bloc-pro-inte">
								<a href="https://www.tellierbrisesoleil.com/genatis/" hreflang="fr" title="Genatis" class="LinkIn">
									<div class="dim bg-color00 d-flex align-items-end">
										<div class="col-sm-11">
											<span class="ico-genatis"></span>
												<h3 class="like-h4">											
													Découvrir la gestion des énergies naturelles
												</h3>
											<p>Parce que les préoccupations énergétiques dans le bâtiment sont l'affaire de tous, nous vous invitons de découvrir notre offre globale GENATIS.</p>
										</div>
										<div class="col-sm-2">
											<a href="https://www.tellierbrisesoleil.com/genatis/" hreflang="fr" title="Genatis" class="LinkIn"><div class="cta-access">Voir</div></a>
										</div>
									</div>
								</a>
							</div>
						</div>

					
					</div>
				

			</div>
		</div>

	</section>



	
	<section class="bloc-about bg-color05">
		<div class="container">
			
				<div class="bloc-propos">
					<h2>TELLIER BRISE-SOLEIL l’acteur clé pour la garantie <br> d’un confort d’été dans votre bâtiment.</h2>
					<table border="1" cellpadding="1" cellspacing="1" style="width:100%;">
	<tbody>
		<tr>
			<td>
			<p><strong>Soucieux de participer &agrave; la conception d&rsquo;&eacute;difices plus performants et d&rsquo;accompagner les &eacute;volutions des besoins dans le domaine du b&acirc;timent, TELLIER BRISE-SOLEIL se veut porteur de modernit&eacute;.&nbsp;</strong></p>

			<p>Bas&eacute; &agrave; Chemill&eacute;-en-Anjou (49), TELLIER BRISE-SOLEIL est un&nbsp;sp&eacute;cialiste fran&ccedil;ais de solutions de protection solaire, d&rsquo;habillage des fa&ccedil;ades, d&rsquo;occultation et de ventilation. L&rsquo;ensemble de ces solutions est destin&eacute; &agrave; am&eacute;liorer le bien-&ecirc;tre des occupants &agrave; l&rsquo;int&eacute;rieur des b&acirc;timents en cr&eacute;ant un climat sain et agr&eacute;able. Une offre globale et diversifi&eacute;e qui r&eacute;pond aux d&eacute;fis de la construction durable et de la r&eacute;novation &eacute;nerg&eacute;tique. Cette volont&eacute; d&rsquo;assurer un confort d&rsquo;&eacute;t&eacute; pour un meilleur cadre de vie est le moteur qui nous permet d&rsquo;avancer au quotidien.</p>

			<p>Avec 19&nbsp;ann&eacute;es d&rsquo;exp&eacute;rience en tant qu&rsquo;industriel du b&acirc;timent et plus de 1&nbsp;000 chantiers r&eacute;alis&eacute;s par an en France et &agrave; l&rsquo;International, TELLIER BRISE-SOLEIL a acquis une v&eacute;ritable expertise et des comp&eacute;tences reconnues dans la conception et la fabrication de brise-soleil architecturaux &agrave; lames fixes ou orientables, de stores &agrave; lames orientables type BSO, de lames d&eacute;coratives, de cadres d&rsquo;entourage de baie, de bardages &agrave; ventelles, de grilles de ventilation, de brise-vue et de volets pliants ou coulissants.</p>

			<p><a class="LinkIn bouton6" href="https://www.tellierbrisesoleil.com/entreprise/presentation/" hreflang="fr" title="En savoir plus">En savoir plus</a></p>
			</td>
			<td>
			<p>Dot&eacute; d&rsquo;une nouvelle usine &eacute;quip&eacute;e des derniers outils technologiques, nous mettons &agrave; votre disposition tout notre savoir-faire pour vous proposer les produits les plus performants. Nos gammes de profil&eacute;s extrud&eacute;s en aluminium sont continuellement am&eacute;lior&eacute;es et sans cesse renouvel&eacute;es pour anticiper toujours mieux vos besoins et r&eacute;pondre &agrave; toutes vos attentes<br />
			L&rsquo;ensemble de nos &eacute;quipes se mobilise et vous accompagne &agrave; chaque &eacute;tape de votre processus de construction ou de r&eacute;novation, avec une prestation &laquo; sur mesure &raquo; pour une bonne ex&eacute;cution de votre chantier depuis la conception jusqu&rsquo;&agrave; la livraison du produit en pr&ecirc;t-&agrave;-poser.</p>

			<p>En octobre 2018, TELLIER BRISE-SOLEIL a rejoint le Groupe ADEXSI, leader en France du d&eacute;senfumage et de la gestion &eacute;nerg&eacute;tique naturelle des b&acirc;timents. Avec notre int&eacute;gration, le Groupe ADEXSI poursuit son d&eacute;veloppement dans le domaine des &eacute;nergies naturelles avec l&rsquo;offre globale GENATIS, d&eacute;di&eacute;e au bien-&ecirc;tre int&eacute;rieur des occupants, &agrave; travers la gestion de la lumi&egrave;re naturelle, l&rsquo;ombrage, la ventilation naturelle, le rafra&icirc;chissement adiabatique, la destratification de l&rsquo;air, la fa&ccedil;ade bioclimatique et le pilotage par automates.</p>
			</td>
		</tr>
	</tbody>
</table>

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


	

</div>


<script>
	// Justine 01/22 on cient chercher le picto avec la même url mais en rajoutant blanc à la fin
	$('.item-inner__inside').mouseover(function(){

		$(this).addClass('active');

		var imgChild = $(this).find('.family span img');

		var imgChildInnerItem = imgChild.attr('src').slice(0, -4);
		var imgChildInner = imgChild.attr('src').slice(0, -4);




		var test = $(this).find('.family span img').removeAttr('src').attr('src', imgChildInnerItem + '_blanc.png' );


	})
	$('.item-inner__inside').mouseout(function(){ 
			$(this).removeClass('active');

			var imgChild = $(this).find('.family span img');

			var imgChildInnerItem = imgChild.attr('src').slice(0, -10);
			var imgChildInner = imgChild.attr('src').slice(0, -10);




			var test = $(this).find('.family span img').removeAttr('src').attr('src', imgChildInnerItem + '.png' );
			
		}, 

	);
</script>
		</div>

		<div id="view_more">

		
  
		</div>

	<div class="author"></div>

	
	


	


	

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

					
				</section>
				
				
		
				

					<aside id="rightbar">
						<div class="inner">

							<div class="box box-text box-right">

		<div class="box-titre">
			Box right
		</div>

	
	<div class="box-container">
		<ul>
	<li class="link-contact"><a href="https://www.tellierbrisesoleil.com/contact/" hreflang="fr" title="Nous contacter" class="LinkIn"><span class="ico ico-contact"></span> <span class="txt-right">Nous contacter</span> </a></li>
	<li class="link-catalogue"><a href="https://www.tellierbrisesoleil.com/entreprise/catalogue-pdf/" hreflang="fr" title="Documentation" class="LinkIn"><span class="ico ico-visionner"></span> <span class="txt-right">Documentation </span> </a></li>
	
	<li class="link-pro"><a href="https://www.tellierbrisesoleil.com/espace-pro/" hreflang="fr" title="Accéder à l'espace pro." class="LinkIn"><span class="ico ico-espace-pro"></span> <span class="txt-right">Outils en ligne</span></a></li>
</ul>

	</div>
	
	<div class="box-footer"></div>
</div>
						</div>
						
						
						<script>
							(function($){
								var $box = $(".box-right");

								$box.find("ul li").hover(
									function(e){
										setHover($(this), "in");
									}, 
									function(e){
										setHover($(this), "out");
									}
								);

								//
								function setHover($element, status){	
									var $parent = $element.parent();
									//
									if(status == "out"){
										$parent.find("li").removeClass("disable");
										$parent.find("li").addClass("enable");
									}else{
										$parent.find("li").removeClass("enable");
										$parent.find("li").addClass("disable");
									}
								}
							})(jQuery);
						</script>
                        

						<script>
							(function($){
								var $closeMenu = $(".close-menu");

								
								// au clic sur l'ouverture du menu
								$('#btn-menu').on('click', function(){
									$(".close-menu").on("click", function(){
										$("html").removeClass("mm-opened mm-blocking mm-background mm-pagedim-black mm-opening");
										$("#mm-leftbar").removeClass("mm-current mm-opened");
										
									})
									if('$("html").hasClass("mm-opened mm-blocking mm-background mm-pagedim-black mm-opening")'){
										console.log('ok1');
										$("html").removeClass("mm-opened mm-blocking mm-background mm-pagedim-black mm-opening");
										$("#mm-leftbar").removeClass("mm-current mm-opened");
									}
									else{

										console.log('ok3');
										$("html").addClass("mm-opened mm-blocking mm-background mm-pagedim-black mm-opening");
										$("#mm-leftbar").addClass("mm-current mm-opened");
									}
									
								})
									
								




								
							})(jQuery);
						</script>
					</aside>

				
				
				<span class="clear"></span>
			</div>
		</div>
		
		
		
		<footer id="footer">
			<div id="footerInner" class="inner">

					<div class='div-groupe boite-footer'><div class='div-groupe box-footer-inte container'><div class="box box-text box-adexsi box-footer-1 no-title col-xs-12 col-sm-4 col-md-6 col-lg-3">

		<div class="box-titre">
			Adexsi
		</div>

	
	<div class="box-container">
		<ul>
	<li class="logo-groupe"><a href="http://www.adexsi.fr" target="_blank" class="LinkOut"><img alt="logo_adexsi_blanc__074243500_1614_07012019" src="/media/logo-adexsi-blanc-074243500-1614-07012019-018570200-1029-08012019.png" /></a></li>
</ul>

	</div>
	
	<div class="box-footer"></div>
</div><div class="box box-text box-footer-2 col-xs-12 col-sm-4 col-md-6 col-lg-3">

		<div class="box-titre">
			Liens utiles
		</div>

	
	<div class="box-container">
		<ul>
	<li><a href="https://www.tellierbrisesoleil.com/entreprise/presentation/" hreflang="fr" title="Présentation de l'entreprise" class="LinkIn">&Agrave; propos de TELLIER BRISE-SOLEIL</a></li>
	<li><span class="ILfuVd"><span class="hgKElc"><a href="https://www.tellierbrisesoleil.com/outils-ecommerce/conditions-generales-vente/" hreflang="fr" title="Conditions Générales de Vente" class="LinkIn">Conditions G&eacute;n&eacute;rales</a></span></span></li>
	<li><a href="https://www.tellierbrisesoleil.com/entreprise/catalogue-pdf/" hreflang="fr" title="Documentation" class="LinkIn">Documentations</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/realisations/" hreflang="fr" title="Réalisations" class="LinkIn">R&eacute;alisations</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/espace-pro/" hreflang="fr" title="Espace pro" class="LinkIn">Espace pro</a></li>
	<li><a href="https://www.tellierbrisesoleil.com/entreprise/emplois/" hreflang="fr" title="Emplois" class="LinkIn">Emplois</a></li>
</ul>

	</div>
	
	<div class="box-footer"></div>
</div><div class="box box-text box-footer-3 col-xs-12 col-sm-4 col-md-6 col-lg-3">

		<div class="box-titre">
			Contact
		</div>

	
	<div class="box-container">
		<p>Zone Actiparc P&ocirc;le Ouest<br />
4 Rue de Bruxelles<br />
49120 CHEMILL&Eacute;-EN-ANJOU | FR<br />
T&eacute;l. Commerce : +33 2 52 21 06 90<br />
T&eacute;l. Accueil : +33 2 41 30 45 45<br />
Mail : devis@tellierbrisesoleil.com</p>

	</div>
	
	<div class="box-footer"></div>
</div><div class="box box-text box-footer-4 col-xs-12 col-sm-4 col-md-6 col-lg-3">

		<div class="box-titre">
			Vous avez une question ?
		</div>

	
	<div class="box-container">
		<div><a class="LinkIn bouton2" href="https://www.tellierbrisesoleil.com/contact/" hreflang="fr" title="Contactez-nous">Contactez-nous</a></div>

<div class="box-rs">

<ul>
	<li><a href="https://www.pinterest.fr/tellierbrisesoleil/" hreflang="fr" target="_blank" title="Pinterest" class="LinkOut"><span class="ico pinterest"></span></a></li>
	<li><a href="https://www.linkedin.com/company/tellier-brise-soleil/" hreflang="fr" target="_blank" title="Linkedin" class="LinkOut"><span class="ico linkedin"></span></a></li>
</ul>
</div>
	</div>
	
	<div class="box-footer"></div>
</div></div></div><div class="box box-text box-mentions-footer container no-title">

		<div class="box-titre">
			Mentions footer
		</div>

	
	<div class="box-container">
		<p>&copy; Copyright TELLIER BRISE-SOLEIL - Conception et r&eacute;alisation : <a href="https://www.tellierbrisesoleil.com/lien-site/mediapilote/" hreflang="fr" title="Mediapilote" class="LinkIn">Mediapilote</a> | <a href="https://www.tellierbrisesoleil.com/outils-ecommerce/conditions-generales-vente/" hreflang="fr" title="CGU" class="LinkIn">CGU</a>&nbsp; -&nbsp; <a href="https://www.tellierbrisesoleil.com/lien-site/mentions-legales/" hreflang="fr" title="Mentions légales" class="LinkIn">Mentions l&eacute;gales</a></p>

	</div>
	
	<div class="box-footer"></div>
</div>
					<span class="clear"></span>

			</div>
		</footer>
		

	</div>

		
	
	<div id="overDiv" style="position:absolute;visibility:hidden;z-index:1000;" ></div>

	
	
	<script type="text/javascript" src="/scripts/charte/mainJs.js"></script>
	<script type="text/javascript" src="/scripts/charte/tools.js"></script>
	
	
</body>
</html>