Skip to content
200

https://motot.com/

76.7 KB· 1077 ms· text/html· Joomla, jQuery, Font Awesome
Saved copy from just now.
More ▾

Screenshot

https://motot.com/ · desktop 1280 × 800Download
Screenshot of https://motot.com/

Esc or a click outside closes this. The picture is taken by our server, so the site never sees your visit.

<!DOCTYPE html>
<html lang="fr-fr" dir="ltr" data-bs-theme="light">

<head>
   <meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" /><meta name="HandheldFriendly" content="true" /><meta name="mobile-web-app-capable" content="YES" /> <!-- document meta -->
   <meta charset="utf-8">
	<meta name="author" content="TM">
	<meta property="og:image" content="https://motot.com/images/alp/cv2006.jpg">
	<meta property="twitter:image" content="https://motot.com/images/alp/cv2006.jpg">
	<meta property="og:title" content="TM - work in progress">
	<meta property="twitter:title" content="TM - work in progress">
	<meta property="og:description" content="Thierry MOTOT, auteur-réalisateur multimédia">
	<meta property="twitter:description" content="Thierry MOTOT, auteur-réalisateur multimédia">
	<meta name="description" content="Thierry MOTOT, auteur-réalisateur multimédia">
	<meta name="generator" content="Joomla! - Open Source Content Management">
	<title>TM - work in progress - Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330</title>
	<link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
<link href="/plugins/content/up/assets/up.css?3a85d2" rel="stylesheet">
	<link href="https://fonts.gstatic.com?3a85d2" rel="preconnect">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&amp;display=swap" rel="stylesheet">
	<link href="https://use.fontawesome.com/releases/v7.3.1/css/all.css?3a85d2" rel="stylesheet">
	<link href="/media/astroid/assets/vendor/lenis/lenis.css?3a85d2" rel="stylesheet">
	<link href="/media/templates/site/astroid_template_one/css/compiled-4af21acae9cc0f7929e1ec2d8fbadb12.css?3a85d2" rel="stylesheet">
	<link href="/media/templates/site/astroid_template_one/css/compiled-e8513a0aae0ba27b2bd09dec14cf1284.css?3a85d2" rel="stylesheet">
	<link href="/media/vendor/awesomplete/css/awesomplete.css?1.1.7" rel="stylesheet">
	<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet">
	<link href="/components/com_pagebuilderck/assets/pagebuilderck.css?ver=3.6.6" rel="stylesheet">
	<link href="/components/com_pagebuilderck/assets/font-awesome.min.css" rel="stylesheet">
	<link href="https://motot.com/plugins/content/fastsocialshare/style/style.css" rel="stylesheet">
	<link href="/plugins/system/cookiesck/assets/front.css?ver=3.7.1" rel="stylesheet">
	<link href="/media/plg_system_imageeffectck/css/imageeffectck.css?ver=2.2.7" rel="stylesheet">
	<link href="/plugins/system/mediabox_ck/assets/mediaboxck.css?ver=2.11.2" rel="stylesheet">
	<style>.reverse-spinner {position: relative;height: 115px;width: 115px;border: 2px solid transparent;border-top-color: rgba(255, 73, 0, 1);border-left-color: rgba(255, 73, 0, 1);border-radius: 50%;-webkit-animation: preload-spin 1.5s linear infinite;animation: preload-spin 1.5s linear infinite;}.reverse-spinner::before {position: absolute;top: 15%;left: 15%;right: 15%;bottom: 15%;content: "";border: 2px solid transparent;border-top-color: rgba(255, 73, 0, 1);border-left-color: rgba(255, 73, 0, 1);border-radius: 50%;-webkit-animation: preload-spin-back 1s linear infinite;animation: preload-spin-back 1s linear infinite;}@-webkit-keyframes preload-spin-back {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(-720deg);transform: rotate(-720deg);}}@keyframes preload-spin-back {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(-720deg);transform: rotate(-720deg);}}@-webkit-keyframes preload-spin {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes preload-spin {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}[data-bs-theme=dark] .reverse-spinner {border-top-color: rgba(56, 68, 58, 1);border-left-color: rgba(56, 68, 58, 1);}[data-bs-theme=dark] .reverse-spinner::before {border-top-color: rgba(56, 68, 58, 1);border-left-color: rgba(56, 68, 58, 1);}#astroid-preloader{background:rgb(255, 255, 255);z-index: 99999;}[data-bs-theme=dark] #astroid-preloader{background:rgb(255, 255, 255);}</style>
	<style>.comingsoon-wrap {
 background-repeat: no-repeat!important;
}

figure.effectck-layla {
    background: #fff !important;
}


.astroid-banner-inner {
  
    background-color: transparent !important;
   
}

a {text-decoration: none !important;}
a:hover {text-decoration: underline !important;}



.introimage {
   float: inline-start;
    width: 220px;
    padding: 20px;
}

.fullimage {
    float: inline-end;
    width: 420px;
    padding: 20px;
}

.btn-link, .readmore-btn {
  text-decoration: none;
}

.btn-primary, .btn-backtohome, .btn-prosandcons, div.jd-register-login-wrapper .jd-register-login-box .jd-button-control .jd-form-button {
  --bs-btn-bg: #eece15 !important;
  --bs-btn-border-color: #191919 !important;
  --bs-btn-hover-bg: #eece15;</style>
	<style>.pbck-container { max-width: 1000px}</style>
	<style>@media only screen and (min-width:801px){
.ckhide5 { display: none !important; } 
.ckstack5 > .inner { display: block; }
.ckstack5 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;}
}@media only screen and (max-width:800px) and (min-width:641px){
.ckhide4 { display: none !important; } 
.ckstack4 > .inner { display: block; }
.ckstack4 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;}
}@media only screen and (max-width:640px) and (min-width:481px){
.ckhide3 { display: none !important; } 
.ckstack3 > .inner { display: block; }
.ckstack3 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;}
}@media only screen and (max-width:480px) and (min-width:321px){
.ckhide2 { display: none !important; } 
.ckstack2 > .inner { display: block; }
.ckstack2 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;}
}@media only screen and (max-width:320px){
.ckhide1 { display: none !important; } 
.ckstack1 > .inner { display: block; }
.ckstack1 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;}
}</style>
	<style>  #ID1732113694127 > .inner {  	padding: 5%;  }  #ID1732113694127 {  }#ID1732113694127:hover {  }  #ID1640447558227 > .inner {  	margin-top: 25px;  	font-size: 1.2em;  }  #ID1640447558227 {  }#ID1640447558227:hover {  }  #ID1640447558228 .ui-accordion-header .pbckicon {  	color: #ff000d;  	font-size: 24px;  }  #ID1640447558228 {  }#ID1640447558228:hover {  }  #ID1640447558228 .ui-accordion-header {  	border: none;  	font-weight: bold;  	font-size: 1.2em;  }    #ID1640447558228 .ui-accordion-content {  	border-top: none;  	border-bottom: none;  	border-left: #c4c4c4 1px solid;  	border-right: none;  	text-align: justify;  }    		#ID1640447558228 svg * {  	fill: #ff0022;  	stroke-width: 2;  }    		#ID1640447558228 svg.ionicon *, #ID1640447558228 svg.fontawesome *,#ID1640447558228 svg.svgicon-ionicon *, #ID1640447558228 svg.svgicon-fontawesome *{  	stroke-width: 32;  }  		  		#ID1640447558228 svg {  	width: 52px;  	height: 52px;  }    #row_ID1640447851530  {  }    #row_ID1640447851530 a.pbck-link-wrap {  }    #row_ID1640447851530 a.pbck-link-wrap:hover,#row_ID1640447851530 .ckfakehover:hover > a.pbck-link-wrap {  }  #row_ID1640447851530 {  }#row_ID1640447851530:hover {  }[data-gutter="2%"][data-nb="2"]:not(.ckadvancedlayout) [data-width="33.33333333333333"] {width:32.33333333333333%;}[data-gutter="2%"][data-nb="2"].ckadvancedlayout [data-width="33.33333333333333"] {width:33.33333333333333%;}[data-gutter="2%"][data-nb="2"]:not(.ckadvancedlayout) [data-width="66.66666666666666"] {width:65.66666666666666%;}[data-gutter="2%"][data-nb="2"].ckadvancedlayout [data-width="66.66666666666666"] {width:66.66666666666666%;}</style>
	<style>
			#cookiesck {
				position:absolute;
				left:0;
				right: 0;
				top: 0;
				z-index: 1000000;
				min-height: 30px;
				color: #eeeeee;
				background: rgba(0,0,0,0.5);
				text-align: center;
				font-size: 14px;
				line-height: 14px;
			}
			#cookiesck_text {
				padding: 10px 0;
				display: inline-block;
			}
			#cookiesck_buttons {
				float: right;
			}
			.cookiesck_button,
			#cookiesck_accept,
			#cookiesck_decline,
			#cookiesck_settings,
			#cookiesck_readmore {
				float:left;
				padding:10px;
				margin: 5px;
				border-radius: 3px;
				text-decoration: none;
				cursor: pointer;
				transition: all 0.2s ease;
			}
			#cookiesck_readmore {
				float:right;
			}
			#cookiesck_accept {
				background: #1176a6;
				border: 2px solid #1176a6;
				color: #f5f5f5;
			}
			#cookiesck_accept:hover {
				background: transparent;
				border: 2px solid darkturquoise;
				color: darkturquoise;
			}
			#cookiesck_decline {
				background: #000;
				border: 2px solid #000;
				color: #f5f5f5;
			}
			#cookiesck_decline:hover {
				background: transparent;
				border: 2px solid #fff;
				color: #fff;
			}
			#cookiesck_settings {
				background: #fff;
				border: 2px solid #fff;
				color: #000;
			}
			#cookiesck_settings:hover {
				background: transparent;
				border: 2px solid #fff;
				color: #fff;
			}
			#cookiesck_options {
				display: none;
				width: 30px;
				height: 30px;
				border-radius: 15px;
				box-sizing: border-box;
				position: fixed;
				bottom: 0;
				left: 0;
				margin: 10px;
				border: 1px solid #ccc;
				cursor: pointer;
				background: rgba(255,255,255,1) url(/plugins/system/cookiesck/assets/cookies-icon.svg) center center no-repeat;
				background-size: 80% auto;
				z-index: 1000000;
			}
			#cookiesck_options > .inner {
				display: none;
				width: max-content;
				margin-top: -40px;
				background: rgba(0,0,0,0.7);
				position: absolute;
				font-size: 14px;
				color: #fff;
				padding: 4px 7px;
				border-radius: 3px;
			}
			#cookiesck_options:hover > .inner {
				display: block;
			}
			#cookiesck > div {
				display: flex;
				justify-content: space-around;
				align-items: center;
				flex-direction: column;
			}
			
			
			.cookiesck-iframe-wrap-text {
				position: absolute;
				width: 100%;
				padding: 10px;
				color: #fff;
				top: 50%;
				transform: translate(0,-60%);
				text-align: center;
			}
			.cookiesck-iframe-wrap:hover .cookiesck-iframe-wrap-text {
				color: #333;
			}
			.cookiesck-iframe-wrap-allowed .cookiesck-iframe-wrap-text {
				display: none;
			}

		</style>
	<style>
			#mbCenter, #mbToolbar {
	background-color: #1a1a1a;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
	}
	
	#mbOverlay {
		background-color: #000;
		
	}
	
	#mbCenter.mbLoading {
		background-color: #1a1a1a;
	}
	
	#mbBottom {
		color: #999;
	}
	
	#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink, #mbPlayLink, #mbPauseLink, #mbZoomMinus, #mbZoomValue, #mbZoomPlus {
		color: #fff;
	}
		</style>
	<style>  #block_ID1634671253668  {  }    #block_ID1634671253668 a.pbck-link-wrap {  }    #block_ID1634671253668 a.pbck-link-wrap:hover,#block_ID1634671253668 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1634671253668 > .inner {  	background:  url('/images/pixabay/gbf4539c7ad71c83424d1a279834bb63e258f0757b5283cf896703bf8b6af5dffb48969727f6448b0e2f69970fcee6a1c_1280.jpg') center 0px no-repeat scroll;  	background-size: cover;  	margin: 10px;  	padding-top: 100px;  	padding-bottom: 100px;  }  #block_ID1634671253668 { -webkit-transition: transform 1s;transition: transform 1s;filter: ;-webkit-transform: scale(0.9);transform: scale(0.9); -webkit-transition-delay: 0s;transition-delay: 0s;}#block_ID1634671253668:hover { -webkit-transform: scale(1);transform: scale(1); }  #block_ID1634741619656  {  }    #block_ID1634741619656 a.pbck-link-wrap {  }    #block_ID1634741619656 a.pbck-link-wrap:hover,#block_ID1634741619656 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1634741619656 > .inner {  	background: #ffffff;  	background: rgba(255,255,255,0.9);  	color: #2b2b2b;  	padding-top: 10px;  	padding-bottom: 20px;  }  #block_ID1634741619656 { -webkit-transition: opacity 1s;transition: opacity 1s;filter: ;opacity: 0.8; -webkit-transition-delay: 0s;transition-delay: 0s;}#block_ID1634741619656:hover { opacity: 1; }  #ID1634671253669 > .inner {  	background: #2B2B2B;  	margin-bottom: 50px;  }  #ID1634671253669 {  }#ID1634671253669:hover {  }  		#ID1634671253669 svg * {  	stroke-width: 2;  }    		#ID1634671253669 svg.svgicon-ionicon *, #ID1634671253669 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1634671253669 svg {  	width: 24px;  	height: 24px;  }    #ID1634671253669 .titleck {  	color: #ffffff;  	padding: 15px;  	text-align: center;  	text-transform: uppercase;  }  #ID1634741625578 {  }#ID1634741625578:hover {  }  #ID1634741625578 .iconck {  	text-align: center;  }    		#ID1634741625578 svg * {  	stroke-width: 2;  }    		#ID1634741625578 svg.svgicon-ionicon *, #ID1634741625578 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1634741625578 svg {  	width: 24px;  	height: 24px;  }    #ID1634741625578 .textck {  	text-align: left;  }    #ID1634741625578 .titleck {  	padding: 10px;  	text-align: center;  	font-size: 1.5em;  }    #ID1634744138220 .buttonck:hover .pbckicon {  }    #ID1634744138220 ,#ID1634744138220 ID,#ID1634744138220  {  }    #ID1634744138220 > .inner {  	background: #ffdf01;  	border: #f0f0f0 1px solid;  	-moz-border-radius: 3px;  	-o-border-radius: 3px;  	-webkit-border-radius: 3px;  	border-radius: 3px;  	-moz-border-radius: 3px 3px 3px 3px;  	-o-border-radius: 3px 3px 3px 3px;  	-webkit-border-radius: 3px 3px 3px 3px;  	border-radius: 3px 3px 3px 3px;  	color: #555555;  	margin: 20px;  	padding-top: 8px;  	padding-right: 20px;  	padding-bottom: 8px;  	padding-left: 20px;  	font-size: 1.2em;  }  #ID1634744138220 {  }  	#ID1634744138220 > .inner:hover {  		text-decoration: none;  }  	#ID1634744138220:hover {  }  		#ID1634744138220 svg * {  	stroke-width: 2;  }    		#ID1634744138220 svg.svgicon-ionicon *, #ID1634744138220 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1634744138220 svg {  	width: 24px;  	height: 24px;  }    #row_ID1634741619655  {  }    #row_ID1634741619655 a.pbck-link-wrap {  }    #row_ID1634741619655 a.pbck-link-wrap:hover,#row_ID1634741619655 .ckfakehover:hover > a.pbck-link-wrap {  }  #row_ID1634741619655 {  }#row_ID1634741619655:hover {  }  #block_ID1634741080828  {  }    #block_ID1634741080828 a.pbck-link-wrap {  }    #block_ID1634741080828 a.pbck-link-wrap:hover,#block_ID1634741080828 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1634741080828 > .inner {  	background:  url('/images/pixabay/gafe1fdf3cb79da7287d3d5e1c220c644c7d498472e3be290323b58d35cbdb5d0b26c152c93901000851db4cd88e76b3e_1280.jpg') center 0px no-repeat scroll;  	background-size: cover;  	margin: 10px;  	padding-top: 100px;  	padding-bottom: 100px;  }  #block_ID1634741080828 { -webkit-transition: transform 1s;transition: transform 1s;filter: ;-webkit-transform: scale(0.9);transform: scale(0.9); -webkit-transition-delay: 0s;transition-delay: 0s;}#block_ID1634741080828:hover { -webkit-transform: scale(1);transform: scale(1); }  #block_ID1634741415764  {  }    #block_ID1634741415764 a.pbck-link-wrap {  }    #block_ID1634741415764 a.pbck-link-wrap:hover,#block_ID1634741415764 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1634741415764 > .inner {  	background: #ffffff;  	background: rgba(255,255,255,0.9);  	color: #2b2b2b;  	padding-top: 10px;  	padding-bottom: 20px;  }  #block_ID1634741415764 { -webkit-transition: opacity 1s;transition: opacity 1s;filter: ;opacity: 0.8; -webkit-transition-delay: 0s;transition-delay: 0s;}#block_ID1634741415764:hover { opacity: 1; }  #ID1634742815563 > .inner {  	background: #2B2B2B;  	margin-bottom: 50px;  }  #ID1634742815563 {  }#ID1634742815563:hover {  }  		#ID1634742815563 svg * {  	stroke-width: 2;  }    		#ID1634742815563 svg.svgicon-ionicon *, #ID1634742815563 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1634742815563 svg {  	width: 24px;  	height: 24px;  }    #ID1634742815563 .titleck {  	color: #ffffff;  	padding: 15px;  	text-align: center;  	text-transform: uppercase;  }  #ID1634741421329 {  }#ID1634741421329:hover {  }  #ID1634741421329 .iconck {  	text-align: center;  }    		#ID1634741421329 svg * {  	stroke-width: 2;  }    		#ID1634741421329 svg.svgicon-ionicon *, #ID1634741421329 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1634741421329 svg {  	width: 56px;  	height: 56px;  }    #ID1634741421329 .textck {  	text-align: left;  }    #ID1634741421329 .titleck {  	padding: 10px;  	text-align: center;  	font-size: 1.5em;  }    #ID1634744259418 .buttonck:hover .pbckicon {  }    #ID1634744259418 ,#ID1634744259418 ID,#ID1634744259418  {  }    #ID1634744259418 > .inner {  	background: #ffdf01;  	border: #f2f2f2 1px solid;  	-moz-border-radius: 3px;  	-o-border-radius: 3px;  	-webkit-border-radius: 3px;  	border-radius: 3px;  	-moz-border-radius: 3px 3px 3px 3px;  	-o-border-radius: 3px 3px 3px 3px;  	-webkit-border-radius: 3px 3px 3px 3px;  	border-radius: 3px 3px 3px 3px;  	color: #555555;  	margin: 20px;  	padding-top: 8px;  	padding-right: 20px;  	padding-bottom: 8px;  	padding-left: 20px;  	font-size: 1.2em;  }  #ID1634744259418 {  }  	#ID1634744259418 > .inner:hover {  		text-decoration: none;  }  	#ID1634744259418:hover {  }  		#ID1634744259418 svg * {  	stroke-width: 2;  }    		#ID1634744259418 svg.svgicon-ionicon *, #ID1634744259418 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1634744259418 svg {  	width: 24px;  	height: 24px;  }    #block_ID1634671253672  {  }    #block_ID1634671253672 a.pbck-link-wrap {  }    #block_ID1634671253672 a.pbck-link-wrap:hover,#block_ID1634671253672 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1634671253672 > .inner {  	background:  url('/images/pixabay/ga9149cf2491bbb637a93af1bacfc05f0efa17c56cef21f9f520ea873dfb17e5267a3bd612f3820ae9c1d6f785dc13092_1280.jpg') center 0px no-repeat scroll;  	background-size: cover;  	margin: 10px;  	padding-top: 100px;  	padding-bottom: 100px;  }  #block_ID1634671253672 { -webkit-transition: transform 1s;transition: transform 1s;filter: ;-webkit-transform: scale(0.9);transform: scale(0.9); -webkit-transition-delay: 0s;transition-delay: 0s;}#block_ID1634671253672:hover { -webkit-transform: scale(1);transform: scale(1); }  #block_ID1634742917685  {  }    #block_ID1634742917685 a.pbck-link-wrap {  }    #block_ID1634742917685 a.pbck-link-wrap:hover,#block_ID1634742917685 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1634742917685 > .inner {  	background: #ffffff;  	background: rgba(255,255,255,0.9);  	color: #2b2b2b;  	padding-top: 10px;  	padding-bottom: 20px;  }  #block_ID1634742917685 { -webkit-transition: opacity 1s;transition: opacity 1s;filter: ;opacity: 0.8; -webkit-transition-delay: 0s;transition-delay: 0s;}#block_ID1634742917685:hover { opacity: 1; }  #ID1634743957985 > .inner {  	background-color: #2B2B2B;  	background-color: rgba(43,43,43,1);  	margin-bottom: 50px;  }  #ID1634743957985 {  }#ID1634743957985:hover {  }  		#ID1634743957985 svg * {  	stroke-width: 2;  }    		#ID1634743957985 svg.ionicon *, #ID1634743957985 svg.fontawesome *,#ID1634743957985 svg.svgicon-ionicon *, #ID1634743957985 svg.svgicon-fontawesome *{  	stroke-width: 32;  }  		  		#ID1634743957985 svg {  	width: 24px;  	height: 24px;  }    #ID1634743957985 .titleck {  	color: #ffffff;  	padding: 15px;  	text-align: center;  	text-transform: uppercase;  }    #ID1634671253674 > .inner {  	color: #;  }  #ID1634671253674 {  }#ID1634671253674:hover {  }  #ID1634671253674 .iconck {  	text-align: center;  }    		#ID1634671253674 svg * {  	stroke-width: 0.2;  }    		#ID1634671253674 svg.ionicon *, #ID1634671253674 svg.fontawesome *,#ID1634671253674 svg.svgicon-ionicon *, #ID1634671253674 svg.svgicon-fontawesome *{  	stroke-width: 3.2;  }  		  		#ID1634671253674 svg {  	width: 64px;  	height: 64px;  }    #ID1634671253674 .textck {  	text-align: left;  }    #ID1634671253674 .titleck {  	padding: 10px;  	text-align: center;  	font-size: 1.5em;  }    #ID1634744335962 .buttonck:hover .pbckicon {  }    #ID1634744335962 ,#ID1634744335962 ID,#ID1634744335962  {  }    #ID1634744335962 > .inner {  	background: #ffdf01;  	border: #f0f0f0 1px solid;  	-moz-border-radius: 3px;  	-o-border-radius: 3px;  	-webkit-border-radius: 3px;  	border-radius: 3px;  	-moz-border-radius: 3px 3px 3px 3px;  	-o-border-radius: 3px 3px 3px 3px;  	-webkit-border-radius: 3px 3px 3px 3px;  	border-radius: 3px 3px 3px 3px;  	color: #555555;  	margin: 20px;  	padding-top: 8px;  	padding-right: 20px;  	padding-bottom: 8px;  	padding-left: 20px;  	font-size: 1.2em;  }  #ID1634744335962 {  }  	#ID1634744335962 > .inner:hover {  		text-decoration: none;  }  	#ID1634744335962:hover {  }  		#ID1634744335962 svg * {  	stroke-width: 2;  }    		#ID1634744335962 svg.svgicon-ionicon *, #ID1634744335962 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1634744335962 svg {  	width: 24px;  	height: 24px;  }  [data-gutter="2%"][data-nb="3"]:not(.ckadvancedlayout) [data-width="33.333333333333336"] {width:31.833333333333336%;}[data-gutter="2%"][data-nb="3"].ckadvancedlayout [data-width="33.333333333333336"] {width:33.333333333333336%;}[data-gutter="2%"][data-nb="3"]:not(.ckadvancedlayout) [data-width="33.333333333333336"] {width:31.833333333333336%;}[data-gutter="2%"][data-nb="3"].ckadvancedlayout [data-width="33.333333333333336"] {width:33.333333333333336%;}[data-gutter="2%"][data-nb="3"]:not(.ckadvancedlayout) [data-width="33.333333333333336"] {width:31.833333333333336%;}[data-gutter="2%"][data-nb="3"].ckadvancedlayout [data-width="33.333333333333336"] {width:33.333333333333336%;}[data-gutter="2%"][data-nb="1"]:not(.ckadvancedlayout) [data-width="100"] {width:100%;}[data-gutter="2%"][data-nb="1"].ckadvancedlayout [data-width="100"] {width:100%;}[data-gutter="2%"][data-nb="1"]:not(.ckadvancedlayout) [data-width="100"] {width:100%;}[data-gutter="2%"][data-nb="1"].ckadvancedlayout [data-width="100"] {width:100%;}[data-gutter="2%"][data-nb="1"]:not(.ckadvancedlayout) [data-width="100"] {width:100%;}[data-gutter="2%"][data-nb="1"].ckadvancedlayout [data-width="100"] {width:100%;}</style>
	<style>  #block_ID1638355581275  {  }    #block_ID1638355581275 a.pbck-link-wrap {  }    #block_ID1638355581275 a.pbck-link-wrap:hover,#block_ID1638355581275 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1638355581275 > .inner {  	text-align: justify;  }  #block_ID1638355581275 {  }#block_ID1638355581275:hover {  }#ID1638355581275 {  }#ID1638355581275:hover {  }  #ID1638355581275 .iconck {  	text-align: center;  }    		#ID1638355581275 svg * {  	stroke-width: 2;  }    		#ID1638355581275 svg.svgicon-ionicon *, #ID1638355581275 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1638355581275 svg {  	width: 24px;  	height: 24px;  }    #ID1638355581275 .textck {  	text-align: center;  }    #ID1638355581275 .titleck {  	padding: 10px;  	text-align: center;  	font-size: 1.2em;  }    #ID1638355581276 .buttonck:hover .pbckicon {  }    #ID1638355581276 ,#ID1638355581276 ID,#ID1638355581276  {  	text-align: center;  }    #ID1638355581276 > .inner {  	background-color: #f2f2f2;  	background-color: rgba(242,242,242,1);  	-moz-border-radius: 3px;  	-o-border-radius: 3px;  	-webkit-border-radius: 3px;  	border-radius: 3px;  	-moz-border-radius: 3px 3px 3px 3px;  	-o-border-radius: 3px 3px 3px 3px;  	-webkit-border-radius: 3px 3px 3px 3px;  	border-radius: 3px 3px 3px 3px;  	width: 100%;  	color: #555555;  	margin: 2%;  	padding-top: 8px;  	padding-right: 20px;  	padding-bottom: 8px;  	padding-left: 20px;  	font-size: 14px;  }  #ID1638355581276 {  }  	#ID1638355581276 > .inner:hover {  		background-color: #dedede;  	background-color: rgba(222,222,222,1);  	text-decoration: none;  }  	#ID1638355581276:hover {  }  #ID1638355581276 .iconck .pbckicon, #ID1638355581276 .iconck i {  	padding-right: 10px;  }    		#ID1638355581276 svg * {  	stroke-width: 1.6;  }    		#ID1638355581276 svg.ionicon *, #ID1638355581276 svg.fontawesome *,#ID1638355581276 svg.svgicon-ionicon *, #ID1638355581276 svg.svgicon-fontawesome *{  	stroke-width: 25.6;  }  		  		#ID1638355581276 svg {  	width: 20px;  	height: 20px;  }    #block_ID1638355581277  {  }    #block_ID1638355581277 a.pbck-link-wrap {  }    #block_ID1638355581277 a.pbck-link-wrap:hover,#block_ID1638355581277 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1638355581277 > .inner {  	padding: 5px;  	text-align: left;  }  #block_ID1638355581277 {  }#block_ID1638355581277:hover {  }#ID1732114804252 {  }#ID1732114804252:hover {  }  		#ID1732114804252 svg * {  	stroke-width: 2;  }    		#ID1732114804252 svg.svgicon-ionicon *, #ID1732114804252 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1732114804252 svg {  	width: 24px;  	height: 24px;  }    #ID1638355581279 > .inner {  	border-left: #a6a4a6 1px solid;  	text-align: left;  }  #ID1638355581279 {  }#ID1638355581279:hover {  }  #block_ID1638355581280  {  }    #block_ID1638355581280 a.pbck-link-wrap {  }    #block_ID1638355581280 a.pbck-link-wrap:hover,#block_ID1638355581280 .ckfakehover:hover > a.pbck-link-wrap {  }    #block_ID1638355581280 > .inner {  	border-left: none;  	padding: 5px;  	text-align: left;  }  #block_ID1638355581280 {  }#block_ID1638355581280:hover {  }#ID1638355581281 {  }#ID1638355581281:hover {  }  		#ID1638355581281 svg * {  	stroke-width: 2;  }    		#ID1638355581281 svg.svgicon-ionicon *, #ID1638355581281 svg.svgicon-fontawesome * {  	stroke-width: 32;  }  		  		#ID1638355581281 svg {  	width: 24px;  	height: 24px;  }    #ID1638355581282 > .inner {  	border-left: #a6a4a6 1px solid;  	text-align: left;  }  #ID1638355581282 {  }#ID1638355581282:hover {  }  #row_ID1638355581274  {  	padding: 15px;  }    #row_ID1638355581274 a.pbck-link-wrap {  }    #row_ID1638355581274 a.pbck-link-wrap:hover,#row_ID1638355581274 .ckfakehover:hover > a.pbck-link-wrap {  }  #row_ID1638355581274 {  }#row_ID1638355581274:hover {  }[data-gutter="2%"][data-nb="3"]:not(.ckadvancedlayout) [data-width="20"] {width:18.666666666666668%;}[data-gutter="2%"][data-nb="3"].ckadvancedlayout [data-width="20"] {width:20%;}[data-gutter="2%"][data-nb="3"]:not(.ckadvancedlayout) [data-width="40"] {width:38.666666666666664%;}[data-gutter="2%"][data-nb="3"].ckadvancedlayout [data-width="40"] {width:40%;}[data-gutter="2%"][data-nb="3"]:not(.ckadvancedlayout) [data-width="40"] {width:38.666666666666664%;}[data-gutter="2%"][data-nb="3"].ckadvancedlayout [data-width="40"] {width:40%;}</style>
<script src="/media/astroid/assets/vendor/gsap/gsap.min.js?3a85d2"></script>
	<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
	<script src="/media/vendor/jquery/js/jquery-noconflict.min.js?3.7.1"></script>
	<script src="/media/astroid/js/megamenu.min.js?3a85d2"></script>
	<script src="/media/astroid/js/videobg.min.js?3a85d2"></script>
	<script src="/media/astroid/js/mobilemenu.min.js?3a85d2"></script>
	<script src="/media/astroid/assets/vendor/lenis/lenis.min.js?3a85d2"></script>
	<script src="/media/astroid/js/script.min.js?3a85d2"></script>
	<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"MEDIABOXCK_SHARE":"Partager","MEDIABOXCK_EMAIL":"Email","MEDIABOXCK_CLOSE":"=\"Fermer\"","MEDIABOXCK_NEXT":"Suivant","MEDIABOXCK_PREV":"Précédent","MEDIABOXCK_DOWNLOAD":"Télécharger","MEDIABOXCK_PLAY":"Lecture","MEDIABOXCK_PAUSE":"Pause","MOD_FINDER_SEARCH_VALUE":"Recherche &hellip;","COM_FINDER_SEARCH_FORM_LIST_LABEL":"Résultats de la recherche","JLIB_JS_AJAX_ERROR_OTHER":"Une erreur est survenue lors de la récupération des données JSON : code de statut HTTP %s .","JLIB_JS_AJAX_ERROR_PARSE":"Une erreur d'analyse s'est produite lors du traitement des données JSON suivantes :<br><code style=\"color:inherit;white-space:pre-wrap;padding:0;margin:0;border:0;background:inherit;\">%s<\/code>","ERROR":"Erreur","MESSAGE":"Message","NOTICE":"Annonce","WARNING":"Alerte","SUCCESS":"Success","JCLOSE":"Fermer","JOK":"OK","JOPEN":"Ouvrir"},"finder-search":{"url":"\/component\/finder\/?task=suggestions.suggest&format=json&tmpl=component&Itemid=241"},"system.paths":{"root":"","rootFull":"https:\/\/motot.com\/","base":"","baseFull":"https:\/\/motot.com\/"},"csrf.token":"2a93f1c636dda57879087b9dd6d7d94a"}</script>
	<script src="/media/system/js/core.min.js?3a85d2"></script>
	<script src="/media/vendor/bootstrap/js/offcanvas.min.js?5.3.8" type="module"></script>
	<script src="/media/system/js/joomla-hidden-mail.min.js?3a85d2" type="module"></script>
	<script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.7" defer></script>
	<script src="/media/com_finder/js/finder.min.js?3a85d2" type="module"></script>
	<script src="/media/system/js/messages.min.js?3a85d2" type="module"></script>
	<script src="/components/com_pagebuilderck/assets/jquery-uick.min.js?ver=3.6.6"></script>
	<script src="/components/com_pagebuilderck/assets/pagebuilderck.js?ver=3.6.6"></script>
	<script src="/plugins/system/cookiesck/assets/front.js?ver=3.7.1"></script>
	<script src="/media/plg_system_imageeffectck/js/imageeffectck.js"></script>
	<script src="/plugins/system/mediabox_ck/assets/mediaboxck.min.js?ver=2.9.1"></script>
	<script>const initSmoothScrollingGSAP = () => {const lenis = new Lenis({duration: 1.2});lenis.on('scroll', ScrollTrigger.update);gsap.ticker.add((time)=>{lenis.raf(time * 1000)});gsap.ticker.lagSmoothing(0);};const initSmoothScrolling = () => {const lenis = new Lenis({duration: 1.2});function raf(time) {lenis.raf(time);requestAnimationFrame(raf);}requestAnimationFrame(raf);};if (typeof ScrollTrigger !== 'undefined') {initSmoothScrollingGSAP()} else {initSmoothScrolling()}</script>
	<script>const TEMPLATE_HASH = "533211de3e368fd844b7fc82a259dd52", ASTROID_COLOR_MODE ="light";</script>
	<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://motot.com/#/schema/Organization/base","name":"Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330","url":"https://motot.com/"},{"@type":"WebSite","@id":"https://motot.com/#/schema/WebSite/base","url":"https://motot.com/","name":"Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330","publisher":{"@id":"https://motot.com/#/schema/Organization/base"},"potentialAction":{"@type":"SearchAction","target":"https://motot.com/recherche?q={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://motot.com/#/schema/WebPage/base","url":"https://motot.com/","name":"TM - work in progress - Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330","description":"Thierry MOTOT, auteur-réalisateur multimédia","isPartOf":{"@id":"https://motot.com/#/schema/WebSite/base"},"about":{"@id":"https://motot.com/#/schema/Organization/base"},"inLanguage":"fr-FR"},{"@type":"Article","@id":"https://www.motot.com/#/schema/com_content/article/274","name":"TM - work in progress","headline":"TM - work in progress","inLanguage":"fr-FR","isPartOf":{"@id":"https://www.motot.com/#/schema/WebPage/base"}}]}</script>
	<script>var PAGEBUILDERCK_DISABLE_ANIMATIONS = "0";</script>
	<script>
var COOKIESCK = {
	ALLOWED : ["cookiesck","cookiesckiframes","cookiesckuniquekey","jform_captchacookie","ba61a9c522d298ed9bc0aee8b67c82f6"]
	, VALUE : 'yes'
	, UNIQUE_KEY : 'knt1rv5ueltgm7he8e9ihvq1b2'
	, LOG : '0'
	, LIST : '{}'
	, LIFETIME : '365'
	, DEBUG : '0'
	, TEXT : {
		INFO : 'En visitant ce site, vous acceptez l\'utilisation de cookies afin de vous proposer les meilleurs services possibles.'
		, ACCEPT_ALL : 'Tout accepter'
		, ACCEPT_ALL : 'Tout accepter'
		, DECLINE_ALL : 'Tout décliner'
		, SETTINGS : 'Personnaliser'
		, OPTIONS : 'Options des cookies'
		, CONFIRM_IFRAMES : 'Veuillez confirmer que vous voulez charger les iframes'
	}
};
console.log("COOKIES CK MESSAGE : The list of cookies is empty. Please check the documentation");jQuery(document).ready(function(){ckInitCookiesckIframes();});</script>
	<script>
						Mediabox.scanPage = function() {
							var links = jQuery('a').filter(function(i) {
								if ( jQuery(this).attr('rel') 
										&& jQuery(this).data('mediaboxck_done') != '1') {
									var patt = new RegExp(/^lightbox/i);
									return patt.test(jQuery(this).attr('rel'));
								}
							});
							if (! links.length) return false;

							new Mediaboxck(links, {
								overlayOpacity : 	0.7,
								resizeOpening : 	1,
								resizeDuration : 	240,
								initialWidth : 		320,
								initialHeight : 	180,
								fullWidth : 		'0',
								defaultWidth : 		'640',
								defaultHeight : 	'360',
								showCaption : 		1,
								showCounter : 		1,
								loop : 				0,
								isMobileEnable: 	1,
								// mobileDetection: 	'resolution',
								isMobile: 			false,
								mobileResolution: 	'640',
								attribType :		'rel',
								showToolbar :		'0',
								diapoTime :			'3000',
								diapoAutoplay :		'0',
								toolbarSize :		'normal',
								medialoop :		false,
								showZoom :		0,
								share :		0,
								download :		0,
								theme :		'default',
								counterText: '({x} de {y})',
							}, null, function(curlink, el) {
								var rel0 = curlink.rel.replace(/[[]|]/gi," ");
								var relsize = rel0.split(" ");
								return (curlink == el) || ((curlink.rel.length > 8) && el.rel.match(relsize[1]));
							});
						};
					jQuery(document).ready(function(){
						Mediabox.scanPage();
					});
</script>
 <!-- joomla head -->
    <!-- head styles -->
    <!-- head scripts -->
</head> <!-- document head -->

<body class="site astroid-framework com-content view-article layout-default itemid-241 guest-user astroid-header-horizontal-center thierry-motot-alias tp-style-54 fr-FR ltr">
   <div id="astroid-preloader" class="d-flex align-items-center justify-content-center position-fixed top-0 start-0 bottom-0 end-0">
   <div class="reverse-spinner"></div></div><button type="button" title="Retour en haut" id="astroid-backtotop" class="btn square" ><i class="fas fa-arrow-up"></i></button><!-- astroid container -->
<div class="astroid-container">
        <!-- astroid content -->
    <div class="astroid-content">
                <!-- astroid layout -->
        <div class="astroid-layout astroid-layout-wide">
                        <!-- astroid wrapper -->
            <div class="astroid-wrapper">
                                <div class="astroid-section astroid-header-section" id="hs-1529472563843"><div class="container"><div class="astroid-row row no-gutters gx-0" id="ar-1529472563843"><div class="astroid-column col-lg-12 col-md-12 col-sm-12 col-12" id="ac-1529472563843"><div class="astroid-module-position" id="ah-1529472563843"><!-- header starts -->
<header id="astroid-header" class="astroid-header astroid-horizontal-header astroid-horizontal-center-header">
   <div class="d-flex flex-row justify-content-between">
      <div class="d-flex d-lg-none justify-content-start"><div class="header-mobilemenu-trigger burger-menu-button align-self-center"><button data-bs-toggle="offcanvas" data-bs-target="#astroid-mobilemenu" aria-controls="astroid-mobilemenu" type="button" class="button"><span class="box"><span class="inner"><span class="visually-hidden">Mobile Menu Toggle</span></span></span></button></div></div>      <div class="header-left-section as-gutter-x-xl@lg d-flex align-items-center justify-content-start">
                   <!-- logo starts -->
    <!-- image logo starts -->
        <div class="logo-wrapper astroid-logo">
                <a target="_self" class="astroid-logo astroid-logo-image d-flex align-items-center mr-0 mr-lg-4" href="https://motot.com/" aria-label="Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330">
                                                                    
            <img src="https://motot.com/images/alp/Motot_Alp04.jpg" alt="Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330" class="astroid-logo-mobile" />                            </a>
            </div>
    <!-- image logo ends -->
<!-- logo ends -->                         </div>
            <div class="header-center-section d-none d-lg-flex align-items-center justify-content-center flex-lg-grow-1"><nav class="align-self-center d-none d-lg-block" data-megamenu data-megamenu-class=".has-megamenu" data-megamenu-content-class=".megamenu-container" data-dropdown-arrow="true" data-header-offset="true" data-transition-speed="201" data-megamenu-animation="slide" data-easing="linear" data-astroid-trigger="hover" data-megamenu-submenu-class=".nav-submenu" data-megamenu-backdrop="false" data-megamenu-stagger="false" data-megamenu-spacing="true" aria-label="horizontal menu"><ul class="astroid-nav d-none d-lg-flex"><li data-position="right" class="nav-item nav-item-id-241 nav-item-level-1 nav-item-default nav-item-current nav-item-active"><!--menu link starts--><a href="/" class="as-menu-item nav-link-item-id-241 nav-link active item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Thierry Motot</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-64 nav-item-level-1"><!--menu link starts--><a href="/prestations" class="as-menu-item nav-link-item-id-64 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Prestations</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-29 nav-item-level-1"><!--menu link starts--><a href="/blog" class="as-menu-item nav-link-item-id-29 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Blog</span></div></a><!--menu link ends--></li><li data-position="left" class="nav-item nav-item-id-24 nav-item-level-1"><!--menu link starts--><a href="/trousse-a-outils" class="as-menu-item nav-link-item-id-24 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Trousse à Outils</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-66 nav-item-level-1"><!--menu link starts--><a href="/espace-client" class="as-menu-item nav-link-item-id-66 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Espace client</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-21 nav-item-level-1"><!--menu link starts--><a href="/contact" class="as-menu-item nav-link-item-id-21 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Contact</span></div></a><!--menu link ends--></li></ul></nav></div>               <div class="header-right-section as-gutter-x-xl@lg d-flex min-w-30 align-items-center justify-content-end">
                                                      <div class="d-flex offcanvas-button offcanvasRight">                 <div class="header-offcanvas-trigger burger-menu-button align-self-center d-block d-xl-none" data-offcanvas="#astroid-offcanvas" data-effect="st-effect-2" data-direction="offcanvasDirRight">
    <button type="button" data-bs-toggle="offcanvas" data-bs-target="#astroid-offcanvas" aria-controls="astroid-offcanvas" class="button">
        <span class="box">
            <span class="inner"><span class="visually-hidden">Off-Canvas Toggle</span></span>
        </span>
    </button>
</div>                 </div>                      </div>
         </div>
</header>
<!-- header ends --><!-- header starts -->
<header id="astroid-sticky-header" class="astroid-header-sticky header-sticky-desktop header-static-mobile header-static-tablet d-none">
    <div class="container">
        <div class="astroid-header d-flex flex-row justify-content-between">
            <div class="d-flex d-lg-none justify-content-start"><div class="header-mobilemenu-trigger burger-menu-button align-self-center"><button data-bs-toggle="offcanvas" data-bs-target="#astroid-mobilemenu" aria-controls="astroid-mobilemenu" type="button" class="button"><span class="box"><span class="inner"><span class="visually-hidden">Mobile Menu Toggle</span></span></span></button></div></div>            <div class="header-left-section d-flex justify-content-start align-items-center">
                                <!-- logo starts -->
    <!-- image logo starts -->
        <div class="logo-wrapper astroid-logo">
                <a target="_self" class="astroid-logo astroid-logo-image d-flex align-items-center mr-0 mr-lg-4" href="https://motot.com/" aria-label="Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330">
                                            <img src="https://motot.com/images/alp/Motot_Alp04.jpg" alt="Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330" class="astroid-logo-sticky" />                        
            <img src="https://motot.com/images/alp/Motot_Alp04.jpg" alt="Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330" class="astroid-logo-mobile" />                            </a>
            </div>
    <!-- image logo ends -->
<!-- logo ends -->                            </div>
                        <div class="header-center-section d-none d-lg-flex justify-content-center align-items-center flex-lg-grow-1"><nav class="astroid-nav-wraper align-self-center px-3 d-none d-lg-block mx-auto" data-megamenu data-megamenu-class=".has-megamenu" data-megamenu-content-class=".megamenu-container" data-dropdown-arrow="true" data-header-offset="true" data-transition-speed="201" data-megamenu-animation="slide" data-easing="linear" data-astroid-trigger="hover" data-megamenu-submenu-class=".nav-submenu" data-megamenu-backdrop="false" data-megamenu-stagger="false" data-megamenu-spacing="true" aria-label="sticky menu"><ul class="astroid-nav d-none d-lg-flex"><li data-position="right" class="nav-item nav-item-id-241 nav-item-level-1 nav-item-default nav-item-current nav-item-active"><!--menu link starts--><a href="/" class="as-menu-item nav-link-item-id-241 nav-link active item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Thierry Motot</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-64 nav-item-level-1"><!--menu link starts--><a href="/prestations" class="as-menu-item nav-link-item-id-64 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Prestations</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-29 nav-item-level-1"><!--menu link starts--><a href="/blog" class="as-menu-item nav-link-item-id-29 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Blog</span></div></a><!--menu link ends--></li><li data-position="left" class="nav-item nav-item-id-24 nav-item-level-1"><!--menu link starts--><a href="/trousse-a-outils" class="as-menu-item nav-link-item-id-24 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Trousse à Outils</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-66 nav-item-level-1"><!--menu link starts--><a href="/espace-client" class="as-menu-item nav-link-item-id-66 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Espace client</span></div></a><!--menu link ends--></li><li data-position="right" class="nav-item nav-item-id-21 nav-item-level-1"><!--menu link starts--><a href="/contact" class="as-menu-item nav-link-item-id-21 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Contact</span></div></a><!--menu link ends--></li></ul></nav></div>                            <div class="header-right-section as-gutter-x-xl@lg d-flex min-w-30 justify-content-end align-items-center">
                                                                                    <div class="d-flex offcanvas-button offcanvasRight">                        <div class="header-offcanvas-trigger burger-menu-button align-self-center d-block d-xl-none" data-offcanvas="#astroid-offcanvas" data-effect="st-effect-2" data-direction="offcanvasDirRight">
    <button type="button" data-bs-toggle="offcanvas" data-bs-target="#astroid-offcanvas" aria-controls="astroid-offcanvas" class="button">
        <span class="box">
            <span class="inner"><span class="visually-hidden">Off-Canvas Toggle</span></span>
        </span>
    </button>
</div>                        </div>                                    </div>
                    </div>
    </div>
</header>
<!-- header ends --></div></div></div></div></div><div class="astroid-section" id="bs-2zhf89w67"><div class="astroid-row row no-gutters gx-0" id="ar-63och5d96"><div class="astroid-column col-lg-12 col-md-12 col-sm-12 col-12" id="ac-wh463brki"><div class="astroid-banner" id="Banner" data-as-video-bg="/images/videos/p1820636.webm" data-as-video-poster="/images/">    <div class="astroid-banner-inner position-relative" style="display:flex;align-items:center;height:60dvh">
        <div class="container" style="z-index:1;"><h3 class="astroid-banner-title" style="width:100%">Thierry MOTOT</h3><span class="astroid-banner-subtitle"style="width:100%">Réalisation multimédias</span></div>    </div>
    </div></div></div></div><div class="astroid-section astroid-component-section" id="cs-1528971561366"><div class="container"><div class="astroid-row row" id="ar-1528971561366"><div class="astroid-column col-lg-6 col-md-12 col-sm-12 col-12 col-lg-12" id="ac-1528971561366"><div class="astroid-message" id="m-1528971711775"><div id="system-message-container" aria-live="polite"></div>
</div><div class="astroid-component" id="ca-1529739248826"><main class="astroid-component-area">
   <div class="com-content-article item-page" itemscope itemtype="https://schema.org/Article"><meta itemprop="inLanguage" content="fr-FR"><div class="astroid-section" id="as-61b5cf11613cc086185689"><div class="astroid-row row no-gutters gx-0" id="ar-61b5cf11613cc033152637"><div class="astroid-column col-lg-12 col-md-12 col-sm-12 col-12" id="ac-61b5cf11613cc030930660"><div class="astroid-article-text" id="awt-61bae20c0d2cf499628496"><div class="fastsocialshare_container fastsocialshare-align-right"><div class="fastsocialshare-subcontainer"><script>
					var loadAsyncDeferredFacebook = function() {
						(function(d, s, id) {
						  var js, fjs = d.getElementsByTagName(s)[0];
						  if (d.getElementById(id)) return;
						  js = d.createElement(s); js.id = id;
						  js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v3.0";
						  fjs.parentNode.insertBefore(js, fjs);
						}(document, 'script', 'facebook-jssdk'));
					}
	
			  		if (window.addEventListener)
						window.addEventListener("load", loadAsyncDeferredFacebook, false);
					else if (window.attachEvent)
						window.attachEvent("onload", loadAsyncDeferredFacebook);
					else
				  		window.onload = loadAsyncDeferredFacebook;
					</script>
					<div class="fastsocialshare-share-fbsh fb-shareme-core">
					<div class="fb-share-button fb-shareme-core"
						data-href="https://motot.com/"
						data-layout="button"
						data-size="small">
					</div></div><div class="fastsocialshare-share-lin">
						<script>
							var loadAsyncDeferredLinkedin =  function() {
								var po = document.createElement('script');
								po.type = 'text/javascript';
								po.async = true;
								po.src = 'https://platform.linkedin.com/in.js';
								po.innerHTML = 'lang: fr_FR';
								var s = document.getElementsByTagName('script')[0];
								s.parentNode.insertBefore(po, s);
							};
		
							 if (window.addEventListener)
							  window.addEventListener("load", loadAsyncDeferredLinkedin, false);
							else if (window.attachEvent)
							  window.attachEvent("onload", loadAsyncDeferredLinkedin);
							else
							  window.onload = loadAsyncDeferredLinkedin;
						</script>
						<script type="in/share" data-url="https://motot.com/" data-counter="right"></script>
						</div><div class="fastsocialshare-share-whatsapp">
    					<a style="text-decoration:none; border-radius: 2px; padding:1px 5px 2px; font-size:14px; background-color:#25d366; color:#ffffff !important;" onclick="window.open('https://api.whatsapp.com/send?text=https%3A%2F%2Fmotot.com%2F - TM%20-%20work%20in%20progress','whatsappshare','width=640,height=480')" href="javascript:void(0)"><span class='fastsocialshare-share-whatsappicon'  style='margin-right:4px'><svg style="vertical-align:text-bottom" fill="#fff" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 2 40 40"><g><path d="m25 21.7q0.3 0 2.2 1t2 1.2q0 0.1 0 0.3 0 0.8-0.4 1.7-0.3 0.9-1.6 1.5t-2.2 0.6q-1.3 0-4.3-1.4-2.2-1-3.8-2.6t-3.3-4.2q-1.6-2.3-1.6-4.3v-0.2q0.1-2 1.7-3.5 0.5-0.5 1.2-0.5 0.1 0 0.4 0t0.4 0.1q0.4 0 0.6 0.1t0.3 0.6q0.2 0.5 0.8 2t0.5 1.7q0 0.5-0.8 1.3t-0.7 1q0 0.2 0.1 0.3 0.7 1.7 2.3 3.1 1.2 1.2 3.3 2.2 0.3 0.2 0.5 0.2 0.4 0 1.2-1.1t1.2-1.1z m-4.5 11.9q2.8 0 5.4-1.1t4.5-3 3-4.5 1.1-5.4-1.1-5.5-3-4.5-4.5-2.9-5.4-1.2-5.5 1.2-4.5 2.9-2.9 4.5-1.2 5.5q0 4.5 2.7 8.2l-1.7 5.2 5.4-1.8q3.5 2.4 7.7 2.4z m0-30.9q3.4 0 6.5 1.4t5.4 3.6 3.5 5.3 1.4 6.6-1.4 6.5-3.5 5.3-5.4 3.6-6.5 1.4q-4.4 0-8.2-2.1l-9.3 3 3-9.1q-2.4-3.9-2.4-8.6 0-3.5 1.4-6.6t3.6-5.3 5.3-3.6 6.6-1.4z"></path></g></svg></span><span class='fastsocialshare-share-whatsapptext'>Whatsapp</span></a>
						</div></div></div><div class="pagebuilderck"><div class="pbckid6adb94ba60577"><div class="rowck ckstack3 ckstack2 ckstack1 uick-sortable noreplayck" id="row_ID1640447851530" data-gutter="2%" data-nb="2" style="position: relative;" data-columns-space-between="1"><div class="inner animate clearfix"><div class="blockck valign-top" id="block_ID1640447851530" data-real-width="32.33333333333333%" data-width="33.33333333333333" style="position: relative;" ckclass="valign-top"><div class="inner animate resizable"><div class="innercontent uick-sortable"><div id="ID1640448358643" class="cktype" data-type="image"  style="position: relative;">  			  			<div class="imageck">  				<img loading="lazy" src="/images/alp/cv2006.jpg"   >  			</div>  		</div><div id="ID1732113694127" class="cktype has-success" data-type="text" style="position: relative;">  			  			<div class="cktext inner" style="position: relative;" spellcheck="false"><p><strong>Thierry MOTOT</strong><br>Réalisation multimédias</p><p><strong>06 67 40 13 30 </strong><br><joomla-hidden-mail href="mailto:thierry@motot.com" data-mce- is-link="1" is-email="1" first="dGhpZXJyeQ==" last="bW90b3QuY29t" text="dGhpZXJyeUBtb3RvdC5jb20=" base="" >Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.</joomla-hidden-mail><br>21340 CHANGE</p><p><em>siret : 33088150900047</em><br><em>code naf : 7312Z</em></p></div>  		</div></div></div></div><div class="blockck valign-center" id="block_ID1640448352393" data-real-width="65.66666666666666%" data-width="66.66666666666666" style="position: relative;" ckclass="valign-center"><div class="inner animate resizable"><div class="innercontent uick-sortable"><div id="ID1640447558227" class="cktype has-success" data-type="text" style="position: relative; display: block;">  			  			<div class="cktext inner" style="position: relative;" spellcheck="false"><p style="text-align: justify;" data-mce-style="text-align: justify;">Depuis <strong>2001, </strong>j'accompagne mes clients pour <strong>la promotion de leurs activités </strong>et la gestion de <strong>leur présence sur internet.<br></strong>Comment réussir votre projet web ?&nbsp; <strong>Le conseil </strong>avant tout !&nbsp; Nous construirons ensemble un cahier des charges qui fera émerger la <strong>meilleure solution</strong> possible pour répondre à vos attentes. <br>Ensuite je vous propose, autant pour vos projets audiovisuels que multimédias<strong> </strong>une <strong>gamme complète de prestations.</strong></p></div>  		</div><div id="ID1640447558228" class="cktype" data-type="accordion"  style="position: relative; display: block;">  			  			<div id="ID1640447110965_accordion" class="accordionsck" activetab="0">  			  <h3 class="accordionck-header"><span class="itemtitleck">Pouquoi suis-je le bon interlocuteur pour la réalisation de votre projet ?</span></h3>  			  <div class="accordionck" style=""><div class="innercontent uick-sortable"></div><div class="itemcontentck"><ol>  <li><strong>La compétence technique<br></strong>Chef-opérateur de prises de vues et intégrateur multimédia , je maîtrise parfaitement les rouages de la production audiovisuelle et multimédia, de la fabrication des ressources (prise de vues, montage,création graphique) à l'utilisation finale, vous assurant ainsi d'obtenir un résultat de qualité.</li>  <li><strong>Une vision globale<br></strong>qui me permet de vous apporter des conseils avisés à toutes les étapes de votre projet. Tout d'abord déterminer quels sont les outils technologiques les mieux adaptés à sa réalisation puis réunir autour de celui-ci les meilleurs éléments et prestataires dans chaque domaine de la production.</li>  <li><strong>Une offre de formation et d'assistance<br></strong>personnalisée pourra vous être proposée afin de répondre à vos attentes particulières.<br><br>En bref du <strong>sur mesure</strong> où expertise technique, souplesse et créativité se conjuguent pour assurer <strong>la réussite de votre projet.</strong></li>  </ol>  <p style="padding-left: 40px;"><a href="/contact">ME CONTACTER</a></p></div><div class="innercontent uick-sortable"></div></div>  			    			    			    			    			    			    			</div>  		</div></div></div></div></div></div></div></div></div></div></div></div></div>
</main></div></div></div></div></div><div class="astroid-section astroid-footer-section footer-section" id="fs-1528971627712"><div class="container"><div class="astroid-row row" id="ar-941582093674805"><div class="astroid-column col-lg-12 col-md-12 col-sm-12 col-12" id="ac-627590fa00204473018954"><div class="astroid-module-position" id="p0-608f28d57fe12c3485312"><div class="position-0-position moduletable ">
        
<search>
    <form class="mod-finder js-finder-searchform form-search" action="/recherche" method="get" aria-label="search">
        <label for="mod-finder-searchword260" class="visually-hidden finder">Rechercher</label><div class="mod-finder__search input-group"><input type="text" name="q" id="mod-finder-searchword260" class="js-finder-search-query form-control" value="" placeholder="Recherche &hellip;"><button class="btn btn-primary" type="submit"><span class="icon-search icon-white" aria-hidden="true"></span> Rechercher</button></div>
                            </form>
</search>
</div><div class="position-0-position moduletable ">
        
<div id="mod-custom251" class="mod-custom custom">
    <p><div class="pagebuilderck pagebuilderck13"><div class="pbckid6adb94ba6b1e8">  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  									  																																																																															  		  		  		  		  		  		  					  						  		  		  		  		  		  		  		  					  																					  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  					  			  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  					  			<div class="rowck ckstack3 ckstack2 ckstack1 uick-sortable" id="row_ID1634671253666" data-gutter="2%" data-nb="3" style="position: relative;" data-columns-space-between="1"><div class="inner animate clearfix"><div class="blockck noreplayck" id="block_ID1634671253668" data-real-width="31.833333333333336%" data-width="33.333333333333336" style="position: relative;"><div class="inner animate resizable"><div class="innercontent uick-sortable"><div class="rowck ckstack3 ckstack2 ckstack1 uick-sortable noreplayck" id="row_ID1634741619655" data-gutter="2%" data-nb="1" style="position: relative;"><div class="inner animate clearfix"><div class="blockck noreplayck valign-top pbck-has-link-wrap" id="block_ID1634741619656" data-real-width="100%" data-width="100" style="position: relative;" ckclass="valign-top"><div class="inner animate resizable"><a href="/prestations/realisation-multimedia" class="pbck-link-wrap">Link to index.php?option=com_content&amp;view=article&amp;id=330&amp;Itemid=405</a><div class="innercontent uick-sortable"><div id="ID1634671253669" class="cktype" data-type="heading" style="position: relative; display: block;">  			  			<div class="inner">  				<div class="iconck">  				</div>  				  			<h2 class="titleck">Réalisation multimédias</h2></div>  		</div><div id="ID1634741625578" class="cktype" data-type="icontext" data-layout="top" style="position: relative;">  			  			  			  				  			<div class="inner">  				<div class="iconck"><i class="pbckicon fa fa-video-camera fa-3x" data-iconclass="fa fa-video-camera"></i></div>  				<div class="contentck has-success">  					<div class="titleck">conception de contenus multimédias</div>  					<div class="textck" style="position: relative;" spellcheck="false"><ul><li style="text-align: left;" data-mce-style="text-align: left;">réalisation audiovisuelle</li><li style="text-align: left;" data-mce-style="text-align: left;">prise de vues et montage vidéo</li><li style="text-align: left;" data-mce-style="text-align: left;">packshot photos</li><li style="text-align: left;" data-mce-style="text-align: left;">création graphique</li><li style="text-align: left;" data-mce-style="text-align: left;">édition sur tous supports</li></ul><p style="padding-left: 40px;" data-mce-style="padding-left: 40px;"><br></p></div>  				</div>  			</div>  		</div><div id="ID1634744138220" class="cktype" data-type="button" style="position: relative; text-align: center; display: block;">  			  			  			  			  			<a class="buttonck iconck inner" href="javascript:void(0)" data-align="center"><span class="buttontextck">En savoir plus</span></a>  		</div></div></div></div></div></div></div></div></div><div class="blockck noreplayck" id="block_ID1634741080828" data-real-width="31.833333333333336%" data-width="33.333333333333336" style="position: relative;"><div class="inner animate resizable"><div class="innercontent uick-sortable"><div class="rowck ckstack3 ckstack2 ckstack1 uick-sortable" id="row_ID1634741415764" data-gutter="2%" data-nb="1" style="position: relative;"><div class="inner animate clearfix"><div class="blockck noreplayck valign-top pbck-has-link-wrap" id="block_ID1634741415764" data-real-width="100%" data-width="100" style="position: relative;" ckclass="valign-top"><div class="inner animate resizable"><a href="/prestations/creation-de-sites-internets" class="pbck-link-wrap">Link to index.php?option=com_content&amp;view=article&amp;id=332&amp;Itemid=406</a><div class="innercontent uick-sortable"><div id="ID1634742815563" class="cktype" data-type="heading" style="position: relative; display: block;">  			  			<div class="inner">  				<div class="iconck">  				</div>  				  			<h2 class="titleck">Création de sites internets</h2></div>  		</div><div id="ID1634741421329" class="cktype" data-type="icontext" data-layout="top" style="position: relative;">  			  			  			  				  			<div class="inner">  				<div class="iconck"><span class="pbckicon" data-path="fontawesome_brands_joomla.svg" data-pos="undefined" style="display:inline-block;"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" class="svgicon-fontawesome" style="display: inline-block;"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M.6 92.1C.6 58.8 27.4 32 60.4 32c30 0 54.5 21.9 59.2 50.2 32.6-7.6 67.1.6 96.5 30l-44.3 44.3c-20.5-20.5-42.6-16.3-55.4-3.5-14.3 14.3-14.3 37.9 0 52.2l99.5 99.5-44 44.3c-87.7-87.2-49.7-49.7-99.8-99.7-26.8-26.5-35-64.8-24.8-98.9C20.4 144.6.6 120.7.6 92.1zm129.5 116.4l44.3 44.3c10-10 89.7-89.7 99.7-99.8 14.3-14.3 37.6-14.3 51.9 0 12.8 12.8 17 35-3.5 55.4l44 44.3c31.2-31.2 38.5-67.6 28.9-101.2 29.2-4.1 51.9-29.2 51.9-59.5 0-33.2-26.8-60.1-59.8-60.1-30.3 0-55.4 22.5-59.5 51.6-33.8-9.9-71.7-1.5-98.3 25.1-18.3 19.1-71.1 71.5-99.6 99.9zm266.3 152.2c8.2-32.7-.9-68.5-26.3-93.9-11.8-12.2 5 4.7-99.5-99.7l-44.3 44.3 99.7 99.7c14.3 14.3 14.3 37.6 0 51.9-12.8 12.8-35 17-55.4-3.5l-44 44.3c27.6 30.2 68 38.8 102.7 28 5.5 27.4 29.7 48.1 58.9 48.1 33 0 59.8-26.8 59.8-60.1 0-30.2-22.5-55-51.6-59.1zm-84.3-53.1l-44-44.3c-87 86.4-50.4 50.4-99.7 99.8-14.3 14.3-37.6 14.3-51.9 0-13.1-13.4-16.9-35.3 3.2-55.4l-44-44.3c-30.2 30.2-38 65.2-29.5 98.3-26.7 6-46.2 29.9-46.2 58.2C0 453.2 26.8 480 59.8 480c28.6 0 52.5-19.8 58.6-46.7 32.7 8.2 68.5-.6 94.2-26 32.1-32 12.2-12.4 99.5-99.7z"></path></svg></span></div>  				<div class="contentck has-success">  					<div class="titleck">personnalisés, modulaires et évolutifs</div>  					<div class="textck" style="position: relative;" spellcheck="false"><ul><li>Basés sur un CMS open-source</li><li>sites dynamiques</li><li>multi-utilisateurs</li><li>habillage graphique personnalisé</li><li>modules e-commerce</li></ul></div>  				</div>  			</div>  		</div><div id="ID1634744259418" class="cktype" data-type="button" style="position: relative; text-align: center; display: block;">  			  			  			  			  			<a class="buttonck iconck inner" data-align="center"><span class="buttontextck">En savoir plus</span></a>  		</div></div></div></div></div></div></div></div></div><div class="blockck noreplayck" id="block_ID1634671253672" data-real-width="31.833333333333336%" data-width="33.333333333333336" style="position: relative;"><div class="inner animate resizable"><div class="innercontent uick-sortable"><div class="rowck ckstack3 ckstack2 ckstack1 uick-sortable" id="row_ID1634742803120" data-gutter="2%" data-nb="1" style="position: relative; display: block;"><div class="inner animate clearfix"><div class="blockck noreplayck valign-top pbck-has-link-wrap" id="block_ID1634742917685" data-real-width="100%" data-width="100" style="position: relative;" ckclass="valign-top"><div class="inner animate resizable"><a href="/prestations/formation-et-assistance" class="pbck-link-wrap">Link to index.php?option=com_content&amp;view=article&amp;id=329&amp;Itemid=407</a><div class="innercontent uick-sortable"><div id="ID1634743957985" class="cktype" data-type="heading" style="position: relative; display: block;" data-align="">  			  			<div class="inner">  				<div class="iconck">  				</div>  				  			<h2 class="titleck">Indépendance numérique</h2></div>  		</div><div id="ID1634671253674" class="cktype" data-type="icontext" data-layout="top" style="position: relative; display: block;">  			  			  			  				  			<div class="inner">  				<div class="iconck"><span class="pbckicon" data-path="fontawesome_solid_hands-helping.svg" data-pos="undefined" style="display:inline-block;"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 640 512" class="svgicon-fontawesome" style="display: inline-block;"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M488 192H336v56c0 39.7-32.3 72-72 72s-72-32.3-72-72V126.4l-64.9 39C107.8 176.9 96 197.8 96 220.2v47.3l-80 46.2C.7 322.5-4.6 342.1 4.3 357.4l80 138.6c8.8 15.3 28.4 20.5 43.7 11.7L231.4 448H368c35.3 0 64-28.7 64-64h16c17.7 0 32-14.3 32-32v-64h8c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24zm147.7-37.4L555.7 16C546.9.7 527.3-4.5 512 4.3L408.6 64H306.4c-12 0-23.7 3.4-33.9 9.7L239 94.6c-9.4 5.8-15 16.1-15 27.1V248c0 22.1 17.9 40 40 40s40-17.9 40-40v-88h184c30.9 0 56 25.1 56 56v28.5l80-46.2c15.3-8.9 20.5-28.4 11.7-43.7z"></path></svg></span></div>  				<div class="contentck has-success">  					<div class="titleck">Assistance et formation</div>  					<div class="textck" style="position: relative;" spellcheck="false"><ul>  <li>mettre en place des outils vertueux et des services hébergés en France pour reprendre le contrôle de vos données</li>  <li>vous accompagner pour rendre leur utilisation simple et efficace</li>  </ul></div>  				</div>  			</div>  		</div><div id="ID1634744335962" class="cktype" data-type="button" style="position: relative; text-align: center; display: block;">  			  			  			  			  			<a class="buttonck iconck inner" href="javascript:void(0)" data-align="center"><span class="buttontextck">En savoir plus</span></a>  		</div></div></div></div></div></div></div></div></div></div></div></div></div></p></div>
</div></div></div><div class="astroid-column col-lg-7 col-md-12 col-sm-12 col-12 col-lg-12" id="ac-851582093674805"><div class="astroid-module-position" id="f1-901582093687823"><div class="footer-1-position moduletable ">
        <div class="pagebuilderck ">
	<div class="pbckid6adb94ba6f966">  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  				  									  							  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  		  					  			<div class="rowck ckstack3 ckstack2 ckstack1 uick-sortable noreplayck" id="row_ID1638355581274" data-gutter="2%" data-nb="3" style="position: relative;" data-columns-space-between="1"><div class="inner animate clearfix"><div class="blockck noreplayck" id="block_ID1638355581275" data-real-width="18.666666666666668%" data-width="20" style="position: relative;" ckclass=""><div class="inner animate resizable"><div class="innercontent uick-sortable"><div id="ID1638355581275" class="cktype" data-type="icontext" data-layout="top" style="position: relative;">  			  			  			  				  			<div class="inner">  				<div class="iconck"><span class="pbckicon" data-path="heroicons_solid_user-circle.svg" data-pos="undefined" style="display:inline-block;"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: inline-block;">    <path fill-rule="evenodd" clip-rule="evenodd" d="M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM12 7C12 8.10457 11.1046 9 10 9C8.89543 9 8 8.10457 8 7C8 5.89543 8.89543 5 10 5C11.1046 5 12 5.89543 12 7ZM9.99993 11C7.98239 11 6.24394 12.195 5.45374 13.9157C6.55403 15.192 8.18265 16 9.99998 16C11.8173 16 13.4459 15.1921 14.5462 13.9158C13.756 12.195 12.0175 11 9.99993 11Z" fill="#4A5568"></path>  </svg></span></div>  				<div class="contentck has-success">  					<div class="titleck">Thierry MOTOT</div>  					<div class="textck" style="position: relative;" spellcheck="false"><p>Réalisation multimédias</p><p><em>siret : 33088150900039</em><br><em>code naf : 7312Z</em></p></div>  				</div>  			</div>  		</div><div id="ID1638355581276" class="cktype" data-type="button" style="position: relative;">  			  			  			  			  			<a class="buttonck iconck inner" href="tel:+33667401330" target="blank"><span class="buttontextck">06 67 40 13 30</span></a>  		</div></div></div></div><div class="blockck noreplayck" id="block_ID1638355581277" data-real-width="38.666666666666664%" data-width="40" style="position: relative;" ckclass=""><div class="inner animate resizable"><div class="innercontent uick-sortable"><div id="ID1732114804252" class="cktype" data-type="heading" style="position: relative; display: block;">  			  			<div class="inner">  				<div class="iconck">  				</div>  				  			<h3 class="titleck">Derniers articles<br></h3></div>  		</div><div id="ID1638355581279" class="cktype" data-type="module" style="position: relative;">  			  			<div class="moduleck inner"><div class="moduletable">         <ul class="mod-articleslatest latestnews mod-list">     <li itemscope itemtype="https://schema.org/Article">         <a href="/trousse-a-outils/app-polotno-studio-une-alternative-open-source-a-canva" itemprop="url">             <span itemprop="name">                 [app] Polotno studio, une alternative open source à Canva             </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/trousse-a-outils/app-une-grosse-trousse-a-outils-pour-manipuler-des-pdf" itemprop="url">             <span itemprop="name">                 [app] Une (grosse) trousse à outils pour manipuler des PDF            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/trousse-a-outils/app-factur-x" itemprop="url">             <span itemprop="name">                 [app] Factur-X            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/trousse-a-outils/app-saracroche-le-bloqueur-dappels-indesirables-pour-iphone-et-android" itemprop="url">             <span itemprop="name">                 [app] Saracroche, le bloqueur d&#039;appels indésirables pour iPhone et Android            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/blog/video-cleia-2024" itemprop="url">             <span itemprop="name">                 [video] CLEIA 2024             </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/blog/video-biennale-de-sculpture-a-nolay-edition-2024" itemprop="url">             <span itemprop="name">                 [video] BISCB - édition 2024            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/trousse-a-outils/tuto-montage-de-rushes-3d-avchd-avec-davinci-resolve-18" itemprop="url">             <span itemprop="name">                 [tuto] montage de rushes 3d AVCHD avec DaVinci resolve 18            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/trousse-a-outils/app-free-ac" itemprop="url">             <span itemprop="name">                 [app] FREE:AC            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/trousse-a-outils/tuto-gestion-synchronisee-de-mots-de-passe-open-source" itemprop="url">             <span itemprop="name">                 [tuto] Gestion synchronisée de mots de passe (open-source)            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/prestations/creation-de-sites-internets" itemprop="url">             <span itemprop="name">                  Création de sites Internets            </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/prestations/realisation-multimedia" itemprop="url">             <span itemprop="name">                 Réalisation multimédia             </span>         </a>     </li>     <li itemscope itemtype="https://schema.org/Article">         <a href="/prestations/formation-et-assistance" itemprop="url">             <span itemprop="name">                 Indépendance numérique            </span>         </a>     </li> </ul> </div> </div>  		</div></div></div></div><div class="blockck noreplayck valign-top" id="block_ID1638355581280" data-real-width="38.666666666666664%" data-width="40" style="position: relative;" ckclass="valign-top"><div class="inner animate resizable"><div class="innercontent uick-sortable"><div id="ID1638355581281" class="cktype" data-type="heading" style="position: relative; display: block;">  			  			<div class="inner">  				<div class="iconck">  				</div>  				  			<h3 class="titleck">Tous les articles</h3></div>  		</div><div id="ID1638355581282" class="cktype" data-type="module" style="position: relative;">  			  			<div class="moduleck inner"></div>  		</div></div></div></div></div></div></div></div>
</div></div></div></div><div class="astroid-row row" id="ar-1528971627712"><div class="astroid-column col-lg-6 col-md-12 col-sm-12 col-12 col-lg-12" id="ac-1529739273646"><div class="astroid-module-position" id="f4-1529739275917"><div id="astroid-footer" class="astroid-footer"><div class="text-left text-lg-right">© 2012-2026  Thierry MOTOT, réalisation multimédia , sites internets clef en main  - 0667401330 </div></div></div></div></div></div></div>                            </div>
            <!-- end of astroid wrapper -->
                    </div>
        <!-- end of astroid layout -->
            </div>
    <!-- end of astroid content -->
    <div class="astroid-offcanvas offcanvas offcanvas-end" tabindex="-1" id="astroid-offcanvas" aria-labelledby="astroid-offcanvas-label" data-lenis-prevent><div class="offcanvas-header burger-menu-button"><h5 class="offcanvas-title" id="astroid-offcanvas-label"></h5><button type="button" class="button close-offcanvas offcanvas-close-btn" data-bs-dismiss="offcanvas" aria-label="Close"><span class="box"><span class="inner"><span class="visually-hidden">Off-Canvas Toggle</span></span></span></button></div><div class="offcanvas-body pt-0"><div class="alert alert-danger">No module Published on <strong>Offcanvas</strong> position</div></div></div><div id="astroid-mobilemenu-wrap"><div class="astroid-mobilemenu offcanvas offcanvas-start" tabindex="-1" aria-labelledby="astroid-mobilemenu-label" id="astroid-mobilemenu" data-lenis-prevent><div class="offcanvas-header burger-menu-button"><h5 class="offcanvas-title" id="astroid-mobilemenu-label"></h5><button type="button" data-bs-dismiss="offcanvas" aria-label="Close" class="button close-offcanvas offcanvas-close-btn"><span class="box"><span class="inner"><span class="visually-hidden">Mobile Menu Toggle</span></span></span></button></div><ul class="astroid-mobile-menu d-none"><li class="nav-item nav-item-id-241 nav-item-level-1 nav-item-default nav-item-current nav-item-active"><!--menu link starts--><a href="/" class="as-menu-item nav-link-item-id-241 nav-link active item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Thierry Motot</span></div></a><!--menu link ends--></li><li class="nav-item nav-item-id-64 nav-item-level-1"><!--menu link starts--><a href="/prestations" class="as-menu-item nav-link-item-id-64 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Prestations</span></div></a><!--menu link ends--></li><li class="nav-item nav-item-id-29 nav-item-level-1"><!--menu link starts--><a href="/blog" class="as-menu-item nav-link-item-id-29 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Blog</span></div></a><!--menu link ends--></li><li class="nav-item nav-item-id-24 nav-item-level-1"><!--menu link starts--><a href="/trousse-a-outils" class="as-menu-item nav-link-item-id-24 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Trousse à Outils</span></div></a><!--menu link ends--></li><li class="nav-item nav-item-id-66 nav-item-level-1"><!--menu link starts--><a href="/espace-client" class="as-menu-item nav-link-item-id-66 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Espace client</span></div></a><!--menu link ends--></li><li class="nav-item nav-item-id-21 nav-item-level-1"><!--menu link starts--><a href="/contact" class="as-menu-item nav-link-item-id-21 nav-link item-link-component item-level-1" data-drop-action="hover"><div class="nav-title as-gutter-x-md"><span class="nav-title-text">Contact</span></div></a><!--menu link ends--></li></ul></div></div></div>
<!-- end of astroid container -->
   <!-- body and layout -->
    <!-- body scripts -->
<div id="cookiesck_interface"></div></body> <!-- document body -->

</html> <!-- document end -->

Shown as plain text. Nothing from motot.com runs in your browser. Underlined links open their own code view, and line numbers give you a link to share.