
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="http://www.mediaoptim.com/wp-content/cache/min/1/80aa757f3486fd8086384504b9d3cfe6.js" data-minify="1"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, user-scalable=yes" />
	<title>Mediaoptim </title>
    
	<style type='text/css'>
        /* VERSION 3.0.2 */
        
            @import url(https://fonts.googleapis.com/css?family=Oxygen|Oxygen|Oxygen|Oxygen|20);
        html,
        body {
            margin:0;
            padding:0;
            height:100%;
            font-size:100%;
        }
        #wrapper {
            min-height:100%;
            position:relative;
        }
        #header {
            padding:10px;
        }
        #content {
            padding-bottom:100px; /* Height of the footer element */
        }
        #footer {
            width:100%;
            height:60px;
            line-height:60px;
            position:absolute;
            bottom:0;
            left:0;
            text-align: center;
        }
        #logo {
            max-width: 100%;
            height: auto;
            text-align: center;
        }
        img, object, embed, canvas, video, audio, picture {
            max-width: 100%;
            height: auto;
        } 
        div.bloc {
            width:80%; /* largeur du bloc */
            padding:10px; /* aération interne du bloc */
            vertical-align:middle;
            display:inline-block;
            line-height:1.2; /* on rétablit le line-height */
            text-align:center; /* ... et l'alignement du texte */ 
        }
        .wpm_social {
            padding: 0 45px;
            text-align: center;
        }
        @media (max-width: 640px) {
          body {
            font-size:1.2rem;
          }
        }
        @media (min-width: 640px) {
          body {
            font-size:1rem;
          }
        }
        @media (min-width:960px) {
          body {
            font-size:1.2rem;
          }
        }
        @media (min-width:1100px) {
          body {
            font-size:1.5rem;
          }
        }
        /* On ajoute les styles */
        /* no NEWLETTER Style */
        #logo {
    text-align: center;
}

a:link {color: #888888;text-decoration: none;}
a:visited {color: #888888;text-decoration: none;}
a:hover, a:focus, a:active {color: #888888;text-decoration: none;}

.cptR-rec_countdown {
    position: relative;
    background: ;
    display: inline-block;
    line-height: 100%;
    min-height: 60px;
    text-transform: uppercase;
    text-align:center;
    margin: 0.5em auto;
}
#header {
    background: ;
}

#wpm-cpt-day, #wpm-cpt-hours, #wpm-cpt-minutes, #wpm-cpt-seconds {
    color: ;
    display: block;
    font-size: 18;
    height: 40px;
    line-height: 18px;
    text-align: center;
    float:left;
    margin:0.3em;
    padding:0px;
}
#wpm-cpt-days-span, #wpm-cpt-hours-span, #wpm-cpt-minutes-span, #wpm-cpt-seconds-span {
    color: ;
    font-size: 10px;
    padding: 25px 5px 0 2px;
}

.wpm_horizontal li {
    display: inline-block;
    list-style: none;
    margin:5px;
    opacity:1;
}
.wpm_horizontal li:hover {
    opacity:0.5;
}

.wpm_social {
    padding: 0 45px;
    text-align: center;
}
.wpm_newletter {
    text-align:center;
}
#countdown {
    clear:both;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}body { background-color: #f1f1f1; }
.wpm_social_icon {
    float:left;
    width:16px;
    margin:0px 5px auto;
}
.wpm_social ul {
    margin: 10px 0;
    max-width: 100%;
    padding: 0;
    text-align: center;
}

.wpm_newletter {font-size: 18px;font-style: ;font-weight: normal;font-family: 20, serif;}
h3 {font-family: Oxygen, serif;font-size: 40px;font-style: normal;font-weight: normal;color:#888888;
    line-height: 100%;
    text-align:center;
    margin:0.5em auto;
}
p {font-family: Oxygen, serif;font-size: 40px;font-style: normal;font-weight: normal;color:#888888;
    line-height: 100%;
    text-align:center;
    margin:0.5em auto;
    padding-left:2%;
    padding-right:2%;

}
div.bloc {font-family: Oxygen, serif;font-style: normal;font-size: 12px;font-weight: normal;color: #FFFFFF;
    text-decoration:none;
}
div.bloc a:link {color:#FFFFFF;font-size: 12px;
    text-decoration:none;
}
div.bloc a:visited {color:#FFFFFF;font-size: 12px;
    text-decoration:none;
}
div.bloc a:hover {
    text-decoration:underline;font-size: 12px;
}



            
#wpm-cpt-day, #wpm-cpt-hours, #wpm-cpt-minutes, #wpm-cpt-seconds {}
.cptR-rec_countdown {
        
    </style>

	<!--[if lt IE 7]>
		<style type="text/css">
			#wrapper { height:100%; }
            div.bloc { display:inline; /* correctif inline-block*/ }
            div.conteneur > span { zoom:1; /* layout */ }
		</style>
	<![endif]-->
	
    
    
<link rel="stylesheet" href="http://www.mediaoptim.com/wp-content/plugins/wp-maintenance/css/wpm-slideshow.css">
<link rel="stylesheet" href="http://www.mediaoptim.com/wp-content/plugins/wp-maintenance/css/wpm-responsiveslides.css">
<style type='text/css'>
    .centered-btns_nav { background: transparent url("http://www.mediaoptim.com/wp-content/plugins/wp-maintenance/images/themes.gif") no-repeat left top; } 
    .large-btns_nav { background: #000 url("http://www.mediaoptim.com/wp-content/plugins/wp-maintenance/images/themes.gif") no-repeat left 50%; }
    .callbacks_container { width: 50%; }
    @media (max-width: 640px) {
    .callbacks_container {
    width: 95%;
    }
    .callbacks_nav {
    top: 57%;
    }
    }
    .callbacks_nav { background: transparent url("http://www.mediaoptim.com/wp-content/plugins/wp-maintenance/images/themes.gif") no-repeat left top; }
</style>

        
    
        
        
    
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
    $("#wpmslider").responsiveSlides({
    auto: true,
    pager: false,
    nav: false,
    speed: 500,
    prevText: "Précédent",
    nextText: "Suivant", 
    namespace: "callbacks",
    before: function () {
      $('.events').append("<li>before event fired.</li>");
    },
    after: function () {
      $('.events').append("<li>after event fired.</li>");
    }
    });
    });
</script>
</head>

<body>

	<div id="wrapper">
		
        
        <!-- #header -->
		
		<div id="content">
            
            <div id="logo"><img src="http://www.mediaoptim.com/wp-content/uploads/2015/11/logo.png" width="212" height="34" alt="Mediaoptim " title="Mediaoptim " /></div>
            
            <div id="sscontent">
                <h3>Ce site est en maintenance</h3>
                <p>Revenez vite nous voir !</p>
                
                
                
            </div>
            
		</div><!-- #content -->
		
		<div id="footer">
            <div class="bloc"></div>
            <span></span>
		</div><!-- #footer -->
		
	</div><!-- #wrapper -->
	
</body>

</html>

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1497374768 -->