<!DOCTYPE html>
<html>
	<head>
		<title>Réseau Canopé - Maintenance</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<style>
			/*RESET */
			html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0px 0px;padding:0;border:0;font:inherit;vertical-align:baseline;font-weight:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;} html {font-size: 63%;}
			@font-face{
				font-family:"Simplon-Regular";
				src:url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.eot?#iefix");
				src:url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.eot?#iefix") format("eot"),
					url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.woff") format("woff"),
					url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.ttf") format("truetype");
			}
			@font-face{
				font-family:"Simplon-Medium";
				src:url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.eot?#iefix");
				src:url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.eot?#iefix") format("eot"),
					 url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.woff") format("woff"),
					 url("//www.reseau-canope.fr/fileadmin/template/fonts/simplon/normal/Simplon-Medium.ttf") format("truetype");
			}
			@font-face{
				font-family:"Caecilia-Roman";
				src:url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.eot?#iefix");
				src:url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.eot?#iefix") format("eot"),
					url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.woff") format("woff"),
					url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.ttf") format("truetype"),
					url("//www.reseau-canope.fr/fileadmin/template/fonts/caecilia/Caecilia-Roman.svg#Caecilia-Bold") format("svg");
			}		
			body {background: #fff;}
			#cartouche {
				margin:auto;
				width:640px;
			}
			.header {padding:14px;background: #006978;}
			.header img {display:block;}
			.contenu {max-width: 945px;margin: 0 auto;}
			.logo {float: left;}
			h1 {font-family:"Simplon-Medium";font-size:2.1em; color:#006978;margin: 0 0 20px 0; text-transform: uppercase;	}
			.catchword {float:left;font-family:"Simplon-Medium";font-size:20px;color: #fff;padding:5px 26px 0;}
			.clear {clear:both; line-height: 0px; height:0px;}
			
			#content {
				padding:36px 73px 26px 144px;
				background:#e5e5e5 url("fileadmin/template/images/maintenance.png") 36px 36px no-repeat;
			}
			#content p {
				font-family:"Caecilia-Roman";
				font-size: 16px;
				line-height: 1.2em;
				margin-bottom: 1em;
			}
			#content p a {
				display:inline-block;
				color:#fff; 
				font-family:"Caecilia-Roman";
				text-decoration: none;
				padding: 10px 50px 10px 15px; 
				background:#006978 url("fileadmin/template/images/icone_btn_extLink.png") 256px center no-repeat;
			}
			#content p a:visited {color: white;}
			#content p a:hover {opacity: 0.9;}
			#message {
				width: 460px;
				
			}
			
			@media (max-width:640px) {
				.catchword {display: none;}
			}
			#footer a {
				display:block;
			}
		</style>
		
		<script>
			function align()
			{
				var lmt = document.getElementById('cartouche');
				var container = document.documentElement;

				if(lmt && container)
				{
					 var containerHeight;
					 if (container.innerWidth)
					 {
							containerHeight = container.innerHeight;
					}
					else
					{
							containerHeight = container.clientHeight;
					}
					 var lmtHeight;
					 if (lmt.innerWidth)
					 {
							lmtHeight = lmt.innerHeight;
					}
					else
					{
							lmtHeight = lmt.offsetHeight;
					}
					var y = Math.ceil((containerHeight - lmtHeight) / 2);
					if(y < 0)
					{
						y = 0;
					}
					lmt.style.position = "relative";
					lmt.style.top = y + "px";
				}
				if (document.getElementById)
				{
					document.body.style.visibility = 'visible';
				}

			}

			function addevent(obj,evt,fn,capt){
				if(obj.addEventListener)
				{
					obj.addEventListener(evt, fn, capt);
					return true;
				}
				else if(obj.attachEvent)
				{
					obj.attachEvent('on'+evt, fn);
					return true;
				}
				else return false;
			}

			if (document.getElementById && document.getElementsByTagName)
			{
				addevent(window, 'load', align, false);
				addevent(window, 'resize', align, false);
			}	
		</script>
	</head>
	
	<body>
		<div id="cartouche">
			<div class="header">
				<div class="logo">
					<img width="226" src="//www.reseau-canope.fr/fileadmin/template/images/canope.png" alt="CANOPE : le réseau de création et d'accompagnement pédagogiques">
				</div>
				<div class="catchword">Le réseau de création <br>et d'accompagnement pédagogiques</div>
				<div class="clear"></div>			
			</div>
			<div id="content">
				<div id="message">
					<h1>Le site est en cours de maintenance.</h1>
					<p>Nous nous excusons pour la gêne occasionnée.</p>
					<p>Nos équipes mettent tout en œuvre pour vous permettre d'y accéder à nouveau.</p>
					<p>Nous vous remercions de l’intérêt que vous portez au site du réseau Canopé qui sera de nouveau disponible très rapidement.</p>
				</div>				
				<div class="clear"></div>	
			</div>
			<div id='footer'>				
				<a style="float: right;" href="http://www.education.gouv.fr/" title="Site du ministère de l'Éducation nationale - Nouvelle fenêtre" target="_blank">
					<img width="283" class="ministere" src="fileadmin/template/images/logo_men_2017.png" alt="Ministère de l'Éducation nationale">
				</a>
				<a href="http://www.education.gouv.fr/pid29064/ecole-numerique.html?gclid=CJq1wfzm9sACFUsOwwodH5wAkA" title="École numérique - Site du ministère de l'Éducation nationale - Nouvelle fenêtre - Nouvelle fenêtre" target="_blank">
					<img width="270" class="ministere" src="fileadmin/template/images/feeen.png" alt="Faire entrer l'école dans l'ère du numérique">
				</a>
			</div>
		</div>
	</body>
</html>
