@charset "UTF-8";
/* CSS Document */

/*

Author : Media Moon
Contact : contact@media-moon.fr
Web : http://www.media-moon.fr

*/

@import url(/web/20131219181628cs_/http://www.media-moon.fr/wp-content/themes/mediamoon/css/reset.css); /*MISE 0 ZERO DES STYLES*/
@import url(/web/20131219181628cs_/http://www.media-moon.fr/wp-content/themes/mediamoon/css/960.css); /*FRAMEWORK 960*/
@import url(/web/20131219181628cs_/http://www.media-moon.fr/wp-content/themes/mediamoon/css/wp-syntax.css); /*FRAMEWORK 960*/

/*Gnral*/

body{
	background: #fff url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/bg.jpg) repeat;
	color: #313131;
	font-family: Century Gothic,Trebuchet MS,Verdana,Sans-Serif;
	font-size: 14px;
	line-height: 21px;
	}

a, a:visited{
	color: #1e74a2;
	text-decoration:none;
	}

a:hover, a:focus{
	text-decoration: underline;
	}
	
a:focus{outline: none;}
	
h1{
	font-size: 32px;
	line-height: 36px;
	}
	
h2{
	font-size: 26px;
	line-height: 30px;
	}
	
h3{	
	font-size: 16px;
	line-height: 20px;
	}
	
h4{
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	}

h5{
	font-size: 13px;
	line-height: 16px;
	font-weight:bold;
	}
	
.up{text-transform: uppercase;}
.low{text-transform: lowercase;}
.strong, strong{font-weight:bold;}
.italic, em{font-style: italic;}

.dropcap:first-letter{
	display: block;
	font-size: 300%;
	float: left;
	margin: 1% 5px 0 0 ;
	}
	
q{
	display:block;
	font-style:italic;
	letter-spacing:1px;
	margin:10px 0;
	quotes: "\201c" "\201d" "\2018" "\2019";
	}
	
.serif{
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
/* HEAD */

h1#logo a{
	background:url("/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/logo.png") no-repeat scroll center top transparent;
	display:block;
	height:105px;
	margin: 0 auto;
	text-indent:-999em;
	width:189px;
	}
	
#head h2{
	background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/baseline.png) center top no-repeat;
	height: 24px;
	text-indent: -999em;
	}
	
#navigation{
	background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/bg-nav.png) center no-repeat;
	height: 116px;
	list-style: none;
	}
	
#navigation li{float: left;}

#navigation a{
	color:#313131;
	display:block;
	font-size:16px;
	margin:48px 0;
	text-align:center;
	width:180px;
	
	/*CSS3*/
	text-shadow:2px 2px 0 #CCCCCC;	
	
	}
	
#navigation a:hover{
	color: #1e74a2;
	text-decoration: none;
	text-shadow:2px 2px 0 #b5d4e5;	
	}
	
#navigation a:focus{
	text-decoration: none;
	text-shadow: none;	
	}
	
/* HEAD */
/*END CONTENT*/

#end-content{
	background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/shadow-separ.png) center top no-repeat;
	padding: 80px 0 10px;
	}
	
#follow ul{
	list-style: none;
	}
	
a.twitter, a.behance, a.blog, a.rss{
	display: block;
	height: 32px;
	margin: 10px 0;
	text-indent: -999em;
	width: 210px;
	}
	
a.twitter{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-twitter.png) 0 0 no-repeat;}
a.twitter:hover{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-twitter.png) 0 -32px no-repeat;}
a.twitter:focus{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-twitter.png) 0 -64px no-repeat;}

a.blog{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-blog.png) 0 0 no-repeat;}
a.blog:hover{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-blog.png) 0 -32px no-repeat;}
a.blog:focus{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-blog.png) 0 -64px no-repeat;}

a.behance{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-behance.png) 0 0 no-repeat;}
a.behance:hover{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-behance.png) 0 -32px no-repeat;}
a.behance:focus{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-behance.png) 0 -64px no-repeat;}

a.rss{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-rss.png) 0 0 no-repeat;}
a.rss:hover{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-rss.png) 0 -32px no-repeat;}
a.rss:focus{background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-rss.png) 0 -64px no-repeat;}

/*END CONTENT*/
/*FOOTER*/

#footer{
	background:url("/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/separ-line.png") no-repeat scroll center top transparent;
	margin:20px 0;
	padding:20px 0 0;
	}
	
/*FOOTER*/
/*HOME*/

#home{
	background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/circle.png) 500px 60px no-repeat;
	}
	
#flowpanes{
	height: 250px;
	overflow: hidden;
	float: right;
	margin: 20px 0;
	position: relative;
	width: 540px;
	
	/*Fix ie6*/
	display: inline;
	
	/*CSS3*/
	-webkit-box-shadow: 0px 0px 10px  #000000;
	-moz-box-shadow: 0px 0px 30px #666;
	box-shadow: 0px 0px 10px #000000; 
	
	}
	
#flowpanes .items{position: absolute;}

#flowpanes .items div {
	height:250px;
	position:relative;
	width:540px;
}

#flowpanes img{
	left:0;
	position:absolute;
	top:0;
	}

a.projet-btn, a.projet-btn:visited{
	background:url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-projet.png) 0 center no-repeat;
	display: block;
	height: 30px;
	text-indent: -999em;
	position: relative;
	left: 380px;
	top: 200px;
	width: 132px;
	z-index: 100;
	}
	
a.projet-btn:hover, a.projet-btn:focus{
	background:url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/btn-projet.png) 0 -60px no-repeat;
	}
	
#disclaimer ul{
	background:url("/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/disclaimer.png") no-repeat scroll 150px top transparent;
	height:188px;
	list-style:none outside none;
	margin:30px 0;
	text-indent:-999em;
	}

/*HOME*/
/*page*/

#page{
	line-height: 18px;
	}

/*page*/
/*realisation*/

#realisation{
	background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/bg-page.png) center 50px no-repeat;
	}
	
#realisation h1{
	color: #1e74a2;
	margin: 80px 0 0;
	
	text-shadow: 2px 2px 0px #cccccc;
	filter: dropshadow(color=#cccccc, offx=2, offy=2) 	
	}
	
#realisation span{font-size: 12px;}
	
#cat-list{
	float: left;
	margin: 10px 0 30px;
	}
	
#cat-list a{
	background: #1e74a2;
	color: #fff;
	display: block;        
	padding: 5px 10px;
	margin: 0 10px;
	float: left;
	
	text-shadow: 1px 1px 0px #333333;
	filter: dropshadow(color=#ffffff, offx=1, offy=1); 	
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	}
	
#page-wrap{
	background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/bg-page-wrap.png) center bottom no-repeat;
	padding-bottom: 35px;
	}
	
#content{
	background: #fcfcfc;
	padding:5px 30px 30px;
	
	-webkit-box-shadow: 0px 0px 30px #333333;
	-moz-box-shadow: 0px 0px 30px #333333;
	box-shadow: 0px 0px 30px #333333; 
	}
	
.post-projet{
	border-bottom: 1px dotted #1e74a2;
	}
	
.type .post-projet{
	border: none;
	}
	
.post-projet img, .post-pojet embed{
	-webkit-box-shadow-:0px 0px 30px #ccc;
	-moz-box-shadow:0px 0px 30px #ccc;
	box-shadow:0px 0px 30px #ccc; 
	}
	
#nav-top{
	border-bottom: 1px dotted #1e74a2;
	padding: 10px 0;
	margin: 0 0 -50px;
	}	
	
#nav-bottom{
	padding: 20px 0 0;
	}

.nav-previous{
	float: left;
	}
	
.nav-next{
	float:right;
	}

/*PAGE*/
/*A PROPOS*/

#a-propos{
	background: none;
	margin-bottom: 50px;
	}
	
#a-propos h3{
	margin: 30px 0 10px;
	}
	
#a-propos ul{
	list-style: none;
	}

/*A PROPOS*/
/*BLOG*/

#sidebar-blog{
	background: url("/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/bg-sidebar.png") no-repeat scroll -20px top transparent;
	min-height: 1400px;
	}
	
#sidebar-blog h3{
	font-size: 19px;
	}
	
#sidebar-blog ul, #sidebar-blog ul ul{
	list-style: none;
	}
	
#sidebar-blog #Twitter li{
	margin: 0 0 10px;
	}
	
#content-blog .post img{
	-webkit-box-shadow-:0px 0px 30px #ccc;
	-moz-box-shadow:0px 0px 30px #ccc;
	box-shadow:0px 0px 30px #ccc;
	}

#content-blog h3{
	color:#1E74A2;
	margin-bottom:20px;
	margin-top:50px;
	}
	
#content-blog .post{
	margin-bottom: 0;
	}
	
#content-blog #nav-top{margin: 0;}
	
#content-blog h1{
	margin-bottom: 5px; 
	}
	
span.meta{
	color:#666666;
	display:block;
	font-size:11px;
	margin-bottom:0;
	}
	
span.meta br{
	display: none;
	}

hr.separ{
	color: #fcfcfc;
	margin-top: 10px;
	margin-bottom: 30px;
	}

#searchsubmit{
	border: none;
	background: url(/web/20131219181628im_/http://www.media-moon.fr/wp-content/themes/mediamoon/images/search-submit.png) top center no-repeat;
	height: 46px;
	text-indent: -999em;
	width: 46px;
	}
	
#searchsubmit:hover{cursor: pointer;}
	
#s, input[type=text], textarea{
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	height:26px;
	width:249px;
	
	-webkit-box-shadow: 0px 0px 10px  #999999;
	-moz-box-shadow: 0px 0px 10px #999999;
	box-shadow: 0px 0px 10px #999999; 
	}
	
textarea{height: auto;}

form.wpcf7-form input[type=text], form.wpcf7-form textarea{
	padding: 0 5px 0;
	margin: 10px 0;
	width: 600px;
	}
	
form.wpcf7-form textarea{padding: 5px; font-family: Century Gothic,Trebuchet MS,Verdana,Sans-Serif;}

form.wpcf7-form{
	display: block;
	margin: 0 0 0 70px;
	}
	
form.wpcf7-form input[type=submit]{
	border: none;
	background: #1e74a2;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 3px 15px 5px;
	
	text-shadow: #000 -2px 2px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	-webkit-box-shadow: 0px 0px 10px  #999999;
	-moz-box-shadow: 0px 0px 10px #999999;
	box-shadow: 0px 0px 10px #999999; 
	}
	
form.wpcf7-form input[type=submit]:hover{
	text-shadow: #000 0 0 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; 
	}
	
form.wpcf7-form span{
	color:red;
	display:block;
	font-size:11px;
	margin:0 0 20px;
	}
	
.wpcf7-response-output{
	color: red;
	font-size: 11px;
	}
	
/*COMMENTAIRES*/

ol.commentlist{
	list-style: none;
	}
	
ol.commentlist li{
	margin: 30px 0;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 30px #ccc;
	-moz-box-shadow: 0px 0px 30px #ccc;
	box-shadow: 0px 0px 30px #ccc; 
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	}
	
ol.commentlist ul.children li{
	list-style: none;
	-webkit-box-shadow-:inset 0px 0px 30px #ccc;
	-moz-box-shadow:inset 0px 0px 30px #ccc;
	box-shadow:inset 0px 0px 30px #ccc; 
	margin-bottom: 0;
	}
	
img.avatar{
	float: left;
	margin: 0 15px 0 0;
	}
	
cite.fn{
	font-weight: bold;
	}
	
.commentmetadata{
	font-size: 12px;
	}
	
textarea#comment{
	height: auto;
	width: auto;
	}

/*COMMENTAIRES*/

/*BLOG*/

#message{
	background: #fff;
	border: 3px dotted #1e74a2;
	text-align: center;
	}
	
#message h3{
	margin-top:30px;
	}
	
a.more-link{
	display:block;
	margin-bottom: 25px;
	}
/*
     FILE ARCHIVED ON 18:16:28 Dec 19, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:52:56 May 12, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/