<?php header('Content-type: text/html; charset=UTF-8'); ?>
<!DOCTYPE html>
<head>
<meta name='robots' content='noindex,nofollow' />
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<title>Maintenance</title>
<style>
@charset "utf-8";
/* CSS Document */
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: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;}
  
html, body {
  height: 100%; }

body {
line-height: 21px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  background-color:#f1f1f1;
  color:#474747;
  padding:0 20px;
  }
/*-----------------------------*** Ã‰lÃ©ments HTML ***-----------------------------*/ 
img {
  	max-width: 100%;
  	height: auto;
	width: auto;
  }
  
a img {
  border: none;
  }

a{
	color:#006db6;
	}
p{
	margin:0 0 10px 0;
	}
h1{
	color:#006db6;
	font-size:30px;
	font-weight:bold;
	margin:20px 0 15px 0;
	line-height:normal;
	}
h2{
	color:#474747;
	font-size:21px;
	font-weight:bold;
	margin:15px 0 10px 0;
	padding:10px 0 0 25px;
	background:url(images/puce-h2-grise-LP.jpg) no-repeat 0 5px;
	background-size:14px 29px;
	min-height:29px;
	}
h2.sanspuce{
	color:#474747;
	font-size:21px;
	font-weight:bold;
	margin:15px 0 10px 0;
	padding:10px 0 0 0;
	min-height:29px;
	background:none;
	}
h3{
	color:#006db6;
	font-size:16px;
	font-weight:bold;
	margin:20px 0 10px 0;
	}
h4{
	font-weight:bold;
	margin-top:15px;
	}

ul{
	margin-bottom:20px;
	}
ul li{
	font-size:14px;
	padding:3px 0 0 20px;
	margin:0 0 4px 0;
	width:90%;
	list-style-type:none;
	background:url(images/puce-bleue-LP.jpg) no-repeat 0 5px;
	background-size:16px 18px;
	}
	
table {
  border-collapse: collapse;
  border-spacing:0;
  }
  
table td{
	height:30px;
	}
	textarea{
	border: 1px solid #cccccc;
		}
.center{
	text-align:center;
	}
/*-----------------------------*** Structure ***-----------------------------*/ 
#header{
	max-width:1024px;
	background: #006db6;
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	overflow:none;
	}
#header a{/* conteneur logo */
	float:left;
	width:180px;
	height:47px;
	margin:20px;
	padding-right:20px;
	background:url(http://storage.dolist.net/dolist/style/images/logo-bandeau-LP.jpg) no-repeat;
	background-size:180px 47px;
	}
#page{
  margin: 0 auto;
  padding: 0;
  max-width:1024px;
  background:#FFF;
  }
#content{
	padding:20px 40px;
	}
.col_deux_tiers{
	float:left;
	width:62%;
	margin:0 15px 0 0;
	}
.col_tiers2_last{
	float:right;
	width:31%;
	margin:0;
	padding:0;
	}
.clear{
	clear:both;
	margin:0;
	padding:0;
	height:0;
	}
/* ----------------------------------------------------- */
/* Tablet (Portrait) */
/* ----------------------------------------------------- */
/* Width of 768px */
/* ----------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {	
	#header{
	margin:0;
	padding:0;
	}
#header a{
	border:none;
	background-position:center top;
	width:100%;
	padding:0;
	margin:20px 0;
	}
	.col_deux_tiers{
	width:48%;
	margin:0;
	}
	}

/* ----------------------------------------------------- */
/* Mobile (Landscape */
/* ----------------------------------------------------- */
/* Width of 480px */
/* ----------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
#header{
	margin:0;
	padding:0;
	}
#header a{
	border:none;
	background-position:center top;
	width:100%;
	padding:0;
	margin:20px 0;
	}
#content {
	padding:10px;
	}
	.col_deux_tiers{
		width:100%;
		float:none;
	}
.col_tiers2_last{
	float:none;
	width:350px;
	margin:0 auto 20px auto;
	}
	}
/* ----------------------------------------------------- */
/* Mobile (Portrait) */
/* ----------------------------------------------------- */
/* Width of 320px */
/* ----------------------------------------------------- */

@media only screen and (max-width: 479px) {
#header{
	margin:0;
	padding:0;
	}
#header a{
	border:none;
	background-position:center top;
	width:100%;
	padding:0;
	margin:20px 0;
	}
#page{
	max-width:320px;
	}
#content {
	padding:10px;
	}
h1{
	font-size:24px;
	}
.col_deux_tiers{
	width:100%;
	}
.col_tiers2_last{
	float:none;
	width:290px;
	margin:0 auto 20px auto;
	}
	}
</style>
</head>
<body screen_capture_injected="true" style="margin:0; background:#f1f1f1;">
<div id="page">
<div id="header"><a href="http://www.dolist.net"></a>
<div style="clear:both; height:0; margin:0; padding:0;"></div></div><!-- fin div header -->
<div id="content">
<div  class="col_deux_tiers">
<h1>Opération de maintenance en cours</h1>
<p style="margin-bottom:20px">Cher client,</p>
<p style="margin-bottom:20px">Afin de vous offrir un service de meilleure qualité, nous procédons à une opération de maintenance.</p>
<p style="margin-bottom:20px">Nous faisons le maximum pour reprendre notre activité dans les plus brefs délais et vous prions de bien vouloir nous excuser de la gêne occasionnée.</p>

<br>
<h2 class="sanspuce">Pour toute information, contactez-nous :</h2>
<p>Par téléphone : +33 (0)5 57 26 25 70<br>Par e-mail : <a href="mailto:support@dolist.net" style="color:#006db6;">support@dolist.net</a></p><br><br>
</div>
<div class="col_tiers2_last center">
<a href="http://www.dolist.net/agenda" target="_blank"><img src="http://storage.dolist.net/dolist/style/images/pictos_rond_gris_0088.png" width="300" height="294"/></a>
</div>
<p style="clear:both; height:0; margin:0; padding:0;"></p>
</div><!-- fin div content -->
</div><!-- fin div page -->
<p class="center" style="background-color:#f1f1f1; margin-bottom:0; padding-top:20px;">&copy; Dolist</p>

<p style="height:30px;"></p>
</BODY></HTML>
<!-- FIN DU CODE DU FORMULAIRE -->
