<!--
Ouvrir par une oeuvre (ou est-ce ouvrir par un texte sur une oeuvre?)

MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMMMMMMMMMMMNNDDMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMNMNMMDMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNMNNMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMMMMMMMMMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMNNNMMMMMMNMNMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMNNMMMMMNNNNMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMNZ7777Z8MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMMNOO?+??I7O8NNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMNMND7I+?III7$ZODNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMMZ??+?III7ONNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMNI?$OOD$ZNNDNNNNMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMMMMMMMMMMN?I$DD87INND8DDNMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMZZ?I7$ZZ?IZNNOO8NNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMZ$+?II?II$DND8DNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMM7$I?I??$I7NNN8DNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMM87IIII?II$DDNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMMMMMMMMMMMNN7?II778DNNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMMMMMMMMNNMNNN7I?II7OODNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMMMMMMMMNMMMMMM77III7$ONMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMNNMMMMMMMMOODNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMNMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMMMMMMMMMMMNMMMMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMMMDDNNMNMNMMMNNMMMMMMMMMMMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMMMNNNNDNMNNNNNNMMDNMMMNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMM8DNNNNMNMNNNNNNMMNMMMMNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMNDNNNNNMDDNNNNNNMMMMMMMMNNMMNMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMM8DMMNNNMNNNDNNNMMMNMNNMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMM8DDDNMNMMMNMNNDDNMNNMNNMMMNMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMDDDNNMMMMMNDNDDNMNNNNNNMMMNMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMM8DNDDMMMNMMNDNNNNNNNDNNNNMMNMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMDDDNNDNMMMMNDDNMNNNDNMNNMNNNMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMDMNNNNNNNMMMNNNNNNNDNMMMMMNMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMDNMNNNNMMMMMMNDNNNN8MMMMMMMDNNNMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMDNMNNNNNMMMMMNNNNDMMMMMMMMMMNNMMMMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMNNMNMMMMMMMMMMNNNNMMMMMMMMNMNMDMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMDNMMNNMMMMMMMMMNNMMNMMMNMMMNNMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMNNNNMMMMMMMMMMMMNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMNNMMMMMMMMMMMMMMMNNMNMNMMMMMMMMNMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMNNNNMMNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMNNMMMMMMMMMMMMMM8NNDDDNDNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMNMNMMMMMMMMMMMMMMMMMMMNNNNMNMMMMMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMNNMNNNMMMMNMMNMNMMMMMMMMDMMMMMMMMMMMMMMDNNMMMM$$NMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMNNNNNMMNMMMMMMMMMMMMMMMNNMMNMMM8ZOZ88DNMMMNZ?I$$8DNMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMNMDNMMMNNMMMMMMMMMMMMMMNMMMNDI7III7OO8Z$ZZ7$7Z888IDNMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMNNNMMNMMMMMMMMMMMMMMMMMNNMNDDZ77I7$OZ$ZZ?7$I$ODNNDMNMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMNMNNMMMMMMMMMMMMMMMMMMMMMNNND$77$OOO8DDI7778N8N8MMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMNMNNNNNNNMMMMMMMMMMMMMNNNMNDZ$ZO88DMMMOOZZ8NDMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMNNNMMMNMMMMNMMMMMMMMMMMMNO8DDDMMMM8MD$MNMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMNMMMMMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMDMNDMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMMNNMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMM8$MMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMMDMNNMNMMMMMMMMMMMMMMNDNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMDDNNMNMMMMMMMMMMMMMMMMNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMMDDNNNMMMMMMMMMMMMMMMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMDDDNNMMNMMMMMMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMMDNNMMMNMNMNMMMMMNMMMMMMMMNMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMMDNMMMMNMNMMMMNNNMNMMMMMMMMMMMMMMMMMNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMMDNNMMMMMMMMMMNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM 
MMMMMMMMMMMMNNNNNMNNMNMMMNMNNNMMMMMMMMMMMMMNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
MMMMMMMMMMMMDDDNMMMNMMMMNMMMMNMMMMMMMMNMMMMMMMMMMMMMNOMNMMMNMMMMNMMMMMMMMMMMMMM.

George A. Reid, Portrait de Mary Hiester Reid, 1885
Huile sur toile, 76,7 x 64,3 cm
Don de Mary Wrinch Reid, Toronto, 1965
Muse'e des beaux-arts du Canada
https://www.gallery.ca/fr/voir/collections/artwork.php?mkey=6684

-->


<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Marc Gauthier</title>
    <style>
        body {
            margin: 0;
            background: #000
        }
        
        video {
            position: fixed;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -100;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background: url(rain.jpg) no-repeat;
            background-size: cover;
            -webkit-transition: 1s opacity;
            transition: 1s opacity
        }
        
        div {
            font-family: Agenda-Light, Agenda\ Light, Agenda, Arial\ Narrow, sans-serif;
            font-weight: 100;
            background: rgba(0, 0, 0, .65);
            color: #fff;
            padding: 2rem;
            width: 360px;
            margin: 2rem;
            font-size: 1.2rem
        }
        
        h1,p {
            font-size: 1.1rem;
            font-weight: 100;
            margin-top: 0;
            color: gray;
            text-align: right;
        }
        
        h2 {
            text-align: right;
            font-size: 1.0rem;
            font-weight: 900;
            margin-top: -5px;
        }
        
		a {
            text-align: right;
            font-size: 1.0rem;
            font-weight: 900;
            margin-top: -5px;
            color: #FFFFFF;
            text-decoration: none;
        }

		a.plain {
            font-family: Agenda-Light, Agenda\ Light, Agenda, Arial\ Narrow, sans-serif;
            font-size: 1.1rem;
            font-weight: 100;
            margin-top: 0;
            color: gray;
            text-align: right;
            text-decoration: none;
        }

        
        #vidpause {
            display: block;
            width: 60%;
            padding: .4rem;
            border: none;
            margin: 0 auto;
            font-size: 1.0rem;
            text-align: center;
            background: #067bb7;
            color: #fff;
            border-radius: 3px;
            
            -webkit-transition: .3s background;
            transition: .3s background
        }
        
 
        @media screen and (max-width: 480px) {
            h1,
            h2 {
                font-size: 0.9rem;
            }
            div {
                width: 60%
            }
            
        }        
        
 
    </style>
<!--[if lt IE 9]>
<script>
document.createElement('video');
</script>
<![endif]-->
</head>
<body>

    <video autoplay loop poster="rain.jpg" id="bgvid">
        <source src="rain.webm" type="video/webm">
            <source src="rain.mp4" type="video/mp4">
    </video>

   	 <div id="contenu">
        <p>
        historien d'art (1860-1920)<br />
        programmeur, parfois<br />
        <a href="bio.html">bio</a><br /><br />
		art historian (1860-1920)<br />
		something like a computer programmer<br />
		<a href="about.html">about</a><br />
    </p>
    </div>
    
        <div id="contenu">
        <p>
            en ce moment<br />
			pr&eacute;sence virtuelle moindre<br /><br />
            facebook&trade;, twitter&trade;, linkedin&trade;, etc. : &empty;<br />
            <a href="social.html">pourquoi&nbsp;?</a><br />
            <a href="social_en.html">why?</a><br />
            </p>        
    </div>

    <div id="contenu">
        <p>
            archives<br /><br />
            <a href="entrevues.html">entrevues radio CKIA, 2009-10</a><br />
            <a href="critiques.html">critiques d'exposition, 2007-13</a><br />
        </p>        
    </div>

    <div id="contenu">
        <h1>derni&egrave;re mise &agrave; jour&nbsp;: juin 2016<br />
        last update: june 2016<br /></h1>        
    </div>

</body>
</html>