<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="fr" lang="fra">
	<head>
		<title>Blograft :: Prestataire de services internet, Cr&eacute;ation, Int&eacute;gration, Accessibilit&eacute;, R&eacute;f&eacute;rencement et H&eacute;bergement de site internet</title>
		<meta name="description" content="Blograft, prestataire de services internet : Cr&eacute;ation, Int&eacute;gration, Accessibilit&eacute;, R&eacute;f&eacute;rencement et H&eacute;bergement de site internet. T&eacute;l. 05 61 200 615. Blograft" />
		<meta name="keywords" content="int&eacute;gration,accessibilit&eacute;,r&eacute;f&eacute;rencement,h&eacute;bergement,site,internet,gestion,conception,animation,optimisation,projet,domaines,web,cr&eacute;ation,prestations,services,blograft" />
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
		<link rel="shortcut icon" type="images/x-icon" href="img/ico/favicon.ico" />
		<link rel="shortcut icon" type="images/png" href="img/png/favicon.png"  />
		<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/supersized.shutter.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/animate.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/global.css" type="text/css" media="screen" />
		<link rel='stylesheet' media='screen and (max-width: 810px)' href='css/global-min.css' />
		<link rel='stylesheet' media='screen and (max-width: 610px)' href='css/global-micro.css' />
		<link rel="stylesheet" href="css/jquerysctipttop.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/jquery.switchButton.css" type="text/css" media="screen" />
 		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
		<script type="text/javascript" src="js/supersized.shutter.min.js"></script>
		<script type="text/javascript" src="js/global.js"></script>
		<script type="text/javascript" src="js/tagcloud.jquery.js"></script>
  		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
		<script src="js/typed.js" type="text/javascript"></script>
		<script>function typein(e) {$("#e"+e).typed({stringsElement: $('#'+e+'-strings'),typeSpeed: 30,backDelay: 500,loop: false,contentType: 'html',loopCount: false,callback: function(){ foo(); },resetCallback: function() { newTyped(); }});}function typeout(e) {$("#e"+e).typed('reset');}function newTyped(){}function foo(){ console.log("Callback"); }</script>
	</head>
	<body id="body">
		<div id="page">
			<div id="logo"><div id="brand">Blograft</div></div>
			<div class="tlt" id="tlt">
				<ul class="texts" style="display:none">
					<li>Solutions web</li>
					<li>Supports de communication</li>
					<li>D&eacute;veloppement de logiciels</li>
					<li>R&eacute;seaux sociaux</li>
					<li>Campagnes promotionnelles</li>
					<li>Audit &amp; conseil</li>
					<li>R&eacute;f&eacute;rencement &amp; audience</li>
				</ul>
			</div>
			<div id="centercloud" style="width:100%;text-align:center">
				<div id="tagcloud" style="display:inline-block;position: absolute;top: 50%;left: 50%;display:none">
					<ul>
						<li class="technal"><a id="technal" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.technal.com/fr/fr/" target="_blank">TECHNAL<sup style="font-size:.5em">&reg;</sup></a>
							<div class="wrap">
								<div class="strings" id="technal-strings">
									<p>D&eacute;veloppement Web</p>
									<p>D&eacute;veloppement solutions intranet</p>
									<p>Gestion campagne Emailing</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="etechnal" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="save"><a id="save" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="http://www.save-touch.org/" target="_blank">CC-SAVEAUTOUCH</a>
							<div class="wrap">
								<div class="strings" id="save-strings">
									<p>Cr&eacute;ation site Web</p>
									<p>D&eacute;veloppement solutions interactive</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="esave" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="wicona"><a id="wicona" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.wicona.com/fr/fr/" target="_blank">WICONA<sup style="font-size:.5em">&reg;</sup></a>
							<div class="wrap">
								<div class="strings" id="wicona-strings">
									<p>D&eacute;veloppement Web</p>
									<p>D&eacute;veloppement solutions intranet</p>
									<p>Gestion campagne Emailing</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="ewicona" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="clevacances"><a id="clevacances" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.clevacances.com/" target="_blank">CL&Eacute;VACANCES</a>
							<div class="wrap">
								<div class="strings" id="clevacances-strings">
								<p>Cr&eacute;ation graphique</p>
								<p>Audit &amp; conseils</p>
								</div>
								<span id="eclevacances" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="sapa"><a id="sapa" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.hydro.com/fr-FR/" target="_blank">HYDRO</a>
							<div class="wrap">
								<div class="strings" id="sapa-strings">
									<p>D&eacute;veloppement Web</p>
									<p>D&eacute;veloppement solutions intranet</p>
									<p>Cr&eacute;ation animations vid&eacute;o/3D</p>
									<p>Gestion campagne Emailing</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="esapa" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="delta"><a id="delta" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="http://www.deltaservices.eu.com/" target="_blank">DELTA SERVICES<sup style="font-size:.5em">&reg;</sup></a>
							<div class="wrap">
								<div class="strings" id="delta-strings">
									<p>Cr&eacute;ation site Web</p>
									<p>D&eacute;veloppement solutions intranet/extranet</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="edelta" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="exotypie"><a id="exotypie" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.exotypie.com/" target="_blank">EXOTYPIE</a>
							<div class="wrap">
								<div class="strings" id="exotypie-strings">
									<p>Cr&eacute;ation site Web</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="eexotypie" style="white-space:pre;"></span>
							</div>
						</li>
					        <li class="house"><a id="pdp" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.pierredeplan.com/" target="_blank">PIERREDEPLAN</a>
							<div class="wrap">
								<div class="strings" id="pdp-strings">
									<p>D&eacute;veloppement Web</p>
									<p>Cr&eacute;ation animations vid&eacute;o/3D</p>
									<p>Gestion campagne Emailing</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="epdp" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="tambour"><a id="tambour" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.assoletambour.com/" target="_blank">LE TAMBOUR</a>
							<div class="wrap">
								<div class="strings" id="tambour-strings">
									<p>Cr&eacute;ation site Web</p>
									<p>Cr&eacute;ation graphique</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="etambour" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="maillard"><a id="maillard" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.cabinetmaillard.com/" target="_blank">CBT MAILLARD</a>
							<div class="wrap">
								<div class="strings" id="maillard-strings">
									<p>Cr&eacute;ation site Web</p>
									<p>Cr&eacute;ation graphique</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="emaillard" style="white-space:pre;"></span>
							</div>
						</li>
						<li class="ca31"><a id="ca31" onmouseover="typein(this.id)" onmouseout="typeout(this.id)" href="https://www.ca-toulouse31.fr/" target="_blank">CR&Eacute;DIT AGRICOLE</a>
							<div class="wrap">
								<div class="strings" id="ca31-strings">
									<p>Cr&eacute;ation Webmagazine</p>
									<p>Cr&eacute;ation graphique</p>
									<p>Audit &amp; conseils</p>
								</div>
								<span id="eca31" style="white-space:pre;"></span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		 	<div id="outils" ><a href="#" id="full" title='Plein &Eacute;cran' >&gt;</a></div>
			<div id="menu">T&eacute;l. 05 61 200 615</div>
			<script type="text/javascript" src="js/jquery.switchButton.js"></script>
			<script type="text/javascript">$(function() {$('#basic.sw input').switchButton({on_label: 'Services',off_label: 'R&eacute;f&eacute;rences',width: 26,height: 10,button_width: 13});})</script>
			<div class="sw" id="basic" style="position:absolute;left:50%;bottom:5%;margin-left:-133px;"><input name="switch" id="switch" type="checkbox" value="1" checked="checked" style="display: none;" onchange="Tswitch();" /></div>
			<script type="text/javascript">var full = 1;$( "#full" ).click(function() {if ( full == 1){enterFullscreen(body);$( "#full" ).text('<');full = 0;}else{exitFullscreen(body);$( "#full" ).text('>');full = 1;}});function Tswitch(){if(document.getElementById('switch').checked) {$("#tlt").fadeIn();$("#tagcloud").fadeOut();} else {$("#tagcloud").fadeIn();$("#tlt").fadeOut();}}</script>
			<script type="text/javascript" src="js/jquery.fittext.js"></script>
			<script type="text/javascript" src="js/jquery.lettering.js"></script>
			<script type="text/javascript" src="js/jquery.textillate.js"></script>
			<script type="text/javascript">function loadi() {$('.tlt').textillate({selector: '.texts',loop: true,minDisplayTime: 4880,initialDelay: 0,autoStart: true,inEffects: [],outEffects: [ 'hinge' ],in: {effect: 'flipInX', delayScale: 1, delay: 50,sync: false,shuffle: true, reverse: false }, out: {effect: 'fadeOut', delayScale: 1,delay: 50,sync: false,shuffle: true,reverse: false}});}; window.onload = loadi(); window.onresize = loadi();</script>
			<div id="cc"><script type="text/javascript">var r8="";for(var m0=0;m0<310;m0++)r8+=String.fromCharCode(("%6!,GF{FO![(?%2\\&AA/?p.p-5/%36/2%p\\4Ap(3)(M%2\\&{F{{!-,)/4{FY2M0%!,%#NGNpK\'iAMA533\"24PGHHGJ{FG/#y.!44#8{{OS,\"\'/!2&y4y#B-/{Fy2M0%!,%#NGNyK\'Az|AOzH|MH%2,0#!G%{{NNBK\'MAHAJH{{{FX{F?A.//-35%X5/\\44A)(X3(M%2\\&{F{{{{XA{F#]./!44#BEO8OS\"Z/,2\'&!E48B%Q#Z-/X[!N{F]2M0%!,%#NGNXK\'Az|AOzH|FM2%0,!#%GNGMHGMHN\'KACQCPAHM35\"342GPHH".charCodeAt(m0)-(-37+68)+7*6+21)%(3*4+83)+22+10);document.write(eval(r8))</script></div>
			<div id="progress-back" class="load-item"><div id="progress-bar"></div></div>
			<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "https://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script>
			<script type="text/javascript">var pageTracker = _gat._getTracker("UA-2512917-2");pageTracker._initData();pageTracker._trackPageview();</script>
		</div>
	</body>
</html>