/*
	BASES
	
	COLOR SCHEME :
	titres - #23282e
	détails/gris - #8b8b8d
	texte courant - #000000
	emphase - #0f7a9d
	emphase (highlighted) - #66ffff
	négatif - #fffaaa
	dark grey -  #2d2d2d
	
	liens1 - #0f7a9d
	liens2 - #48d44c
	
	erreurs - #f17070
	
	soft grey (backgrounds) - #f9f9f9
	
	FONTSIZE SCHEME :
	9px / 12px / 16px / 24px / 80px
	Line-heights (équivalences) :
	14px / 14px / 16px / 16px / 52px
	Interlettrages (équivalences) :
	2px / 1px / 1px / 2px
	
	MARGES :
	Intérieure - 20px
	Extérieure - 80px
	Intertitres (top) - 20px
	Intertitres (bottom) - 5px
	Citations (gauche et droite) - 60px 
*/

body
{
	/*width:98%;*/
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	line-height:14px;
	font-weight:normal;
	text-align:justify;
	
	margin:0;
	padding:0;
}


/*
	TITRES
*/
h1, h2, h3, h4
{
	margin:0px;
	margin-bottom:5px;
	margin-top:20px;
	font-weight:normal;
}

h1, h1 *
{
	font-size:80px;
	line-height:90px;
	letter-spacing:2px;
	/*background-color:#ff0000;*/
	color:#23282e;
	
	width:750px;
	text-align:left;
}

	div.headercat h1, div.headercat h2, div.headercat h3, div.headercat h4
	{
		color:#0f7a9d;
	}
	
	h1.maj:first-letter
	{
		text-transform:uppercase;
	}


h2, h2 *
{
	font-size:24px;
	line-height:16px;
	color:#8b8b8d;
}

	h2:first-letter
	{
		text-transform:uppercase;
	}

	div#footer h2, div#footer h2 *
	{
		color:#fffaaa;
		font-size:28px;
		margin-top:0px;
	}
	
h3
{
	color:#23282e;
}

h3, h4, h5, h6
{
	display:inline;
}

h3, h3 *, h4, h4 *
{
	font-size:16px;
}

/*
	LIENS
*/

a
{
	color:#48d44c;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

	h1 a, h1 a:hover
	{
		color:inherit;
		text-decoration:none;
	}

	a.auteur
	{
		color:#0f7a9d;
	}
	
	div.blackbk a
	{
		color:#fffaaa;
		font-size:9px;
		letter-spacing:3px;
	}
	
	div#about a
	{
		color:#48d44c;
		font-weight:normal;
	}
	
	div.com a, div.pagination a, div#footer a
	{
		color:#0f7a9d;
	}
	
	div.com a, div.pagination a
	{
		font-weight:bold;
		font-size:12px;
	}
	
	div#comments span.master a
	{
		color:#0f7a9d;
		font-size:12px;
		letter-spacing:1px;
		font-weight:bold;
	}
	
	div#footer a
	{
		font-size:16px;
	}
	
		div#footer a:hover
		{
			text-decoration:none;
			color:#66ffff;
		}
	
	h1 a
	{
		color:#23282e;
	}

	h2 a
	{
		color:#8b8b8d;
	}


/*
	IMAGES
*/

img
{
	color:#f17070;
	font-style:italic;
	letter-spacing:3px;
	border:0;
}

	div#header img
	{
		width:750px;
		height:150px;
	}
	
img#rss
{
	vertical-align:middle;
}

div.newpost img, div.lonepost img
{
	max-width:750px;
}

	div.contenu img.illus
	{
		border-style:solid;
		border-width:5px;
		border-color:#000000;
	}

div#comments dt img
{
	vertical-align:middle;
}


/*
	ZONES, BLOCS
	- divs
	- spans
*/

div
{
	margin:0;
	padding:0;
}

div.centrer
{
	width:100%;
}

	/*div.centrer div
	{
		min-width:750px;
	}*/
	
div.blackbk
{
	background-color:#000000;
	color:#fffaaa;
}

div#header, div#page, div.zone
{
	margin-left:-490px;
	padding-left:50%;
	width:980px;
	min-width:750px;
}

	div#header
	{
		height:160px;
		padding-top:10px;
	}

	/*
	div#page
	{
		
	}
	*/
	
	div.zone
	{
		padding-top:5px;
		padding-bottom:5px;
	}
	
div#diaporama
{
	width:100%;
	height:100px;
}

div.newpost, div#search
{
	margin-bottom:80px;
}

	div.lonepost
	{
		margin-bottom:0px;
	}

div.headercat
{
	
}

div.contenu
{
	padding-top:20px;
}

div.com
{
	margin-top:20px;
	font-size:9px;
	letter-spacing:2px;
}

div#about, div#search
{
	width:690px; /* 750 - 60 */
	background-color:#23282e;
	padding-left:60px;
	padding-top:20px;
	padding-bottom:20px;
}

	div#about
	{
		margin-bottom:10px;
		padding-right:60px;
		width:630px; /* 690 (voir plus haut) - 60 */
	}
	
	div#search
	{
		padding-top:2px;
		padding-bottom:0px;
	}
	
		div#search *
		{
			margin:0px;
			padding:0px;
			display:inline;
			border:none;
		}
		
			div#search input#q
			{
				width:200px;
				max-width:200px;
				height:16px;
				border-style:solid;
				border-width:1px;
				border-color:#fffaaa;
				background-color:#000000;
				color:#8b8b8d;
			}
			
			div#search input.submit
			{
				width:100px;
				height:30px;
				vertical-align:middle;
				margin-top:-4px;
			}

div.pagination
{
	margin-top:20px;
	/*margin-bottom:20px;*/
	margin-bottom:80px;
}

	div.pagination p
	{
		margin-top:20px;
	}

div#footer
{
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#2d2d2d;
	color:#fffaaa;
	
	border-width:0px;
	border-top-width:1px;
	border-style:solid;
	border-color:#000000;
}

	div#footer div
	{
		padding-left:50%;
		margin-left:-490px;
		width:480px;
		padding-top:10px;
	}
	
	div#footer div#fcol1
	{
		position:absolute;
		display:block;
		float:left;
		background-image:url('http://www.moonmotel.fr/images/v-separateur.png');
		background-position:right;
		background-repeat:repeat-y;
	}
	
	div#footer div#fcol2
	{
		width:480px;
		height:160px; /* 150 */
		margin-left:1px;
	}
	
div#comments
{
	margin-bottom:20px;
	padding:0px;
	/*padding-left:60px;
	width:690px;*/
	width:750px;
}

div#comments span.master:after
{
	content:url('http://www.moonmotel.fr/images/com_auteur-icon.png');
}

div.diapos
{
	margin:0;
	margin-bottom:15px;
	width:750px;
	height:503px;
	background-color:#00000;
	display:block;
	overflow:hidden;
}
/*div.parpaing
{
	width:740px;
	height:503px;
	display:block;
}*/
	
span.infos
{
	display:block;
}

span.infos, span.tip
{
	font-size:9px;
	letter-spacing:2px;
	color:#23282e;
}

span.grand
{
	font-size:80px;
	line-height:90px;
}

span.moyen
{
	font-size:24px;
	line-height:16px;
}

span.petit
{
	font-size:9px;
}

/*
	MISES EN PAGE
	- [all]
	- blockquotes
	- p
	- string, etc
	- classes génériques
*/

blockquote, p, div.contenu img
{
	margin:0px;
	margin-bottom:10px;
}

blockquote
{
	margin-top:10px;
	padding:0px;
	padding-left:60px;
	width:690px;
		/*
			980px - 60px > 920
			OU
			750 - 60 > 690
		*/
	
	font-style:italic;
	font-size:24px;
	line-height:30px;
}

div#about p, div#search p
{
	color:#fffaaa;
	margin-top:10px;
}

div.contenu p
{
	text-indent:20px;
}

div.com p, strong
{
	color:#0f7a9d;
}

div#footer p
{
	font-size:9px;
	letter-spacing:2px;
	margin-top:10px;
}

div#comments #pr
{
	font-style:italic;
	margin-top:20px;
}

div#comments p.message, div#comments p.form-help
{
	color:#0f7a9d;
}

strong
{
	text-transform:uppercase;
	letter-spacing:3px;
}

div#page div.newpost ul, div#page div.lonepost ul
{
	list-style-image:url('./images/listes_icon-grey.png')
}

div#footer ul, div#footer li
{
	margin:0px;
	padding:0px;
}

	div#footer ul
	{
		margin-top:10px;
		margin-left:5px;
		list-style-image:url('./images/listes_icon.png')
	}
	
	div#footer li
	{
		margin-top:2px;
		margin-bottom:2px;
	}

div#comments dl
{
	margin-bottom:20px;
}

	div#comments #pr dl
	{
		margin-bottom:5px;
	}

	div#comments dt
	{
		margin-top:20px;
		color:#8b8b8d;
		font-size:9px;
		letter-spacing:2px;
		line-height:14px;
	}
	
	div#comments dd
	{
		width:720px;
		margin:0px;
		margin-top:5px;
		padding:20px;
		background-color:#f9f9f9;
		color:#8b8b8d;
	}
	
div#comments fieldset
{
	border:0;
	padding:0px;
	margin:0px;
	margin-top:20px;
	color:#000000;
}

div#comments form
{
	padding:0px;
	margin:0px;
	margin-top:20px;
}

	div#comments input
	{
		margin-right:50px;
		border:none;
		background:none;
		color:#0f7a9d;
	}
	
	div#comments label
	{
		font-size:9px;
		letter-spacing:2px;
	}
	
	div#comments input#c_name, div#comments input#c_mail, div#comments input#c_site, div#comments textarea#c_content
	{
		background-color:#2d2d2d;
		color:#fffaaa;
		display:block;
	}
	
	div#comments input#c_name, div#comments input#c_mail, div#comments input#c_site
	{
		width:200px;
		max-width:200px;
		height:24px;
		max-height:24px;
		vertical-align:middle;
		font-size:12px;
		letter-spacing:1px;
		padding:3px;
	}
	
	div#comments textarea#c_content
	{
		/*width:690px;*/
		width:750px;
		border:0px;
		overflow:auto;
		margin-top:5px;
		margin-bottom:5px;
	}
	
.en, .italique
{
	font-style:italic;
}

.noVisible
{
	display:none;
}

.error
{
	color:#ff0000;/*#f17070*/
	font-weight:bold;
	letter-spacing:3px;
}

/*
	REWRITING IE
*/

	h1, h1 *
	{
		*line-height:95px;
	}

	div#about, div#search
	{
		*width:750px;
	}
	
	div#about
	{
		*width:690px;
	}
	
	div.centrer div, div.zone
	{
		*width:980px;
	}

	/*
	div.centrer div#page, div.centrer div#header, div.centrer div.zone
	{
		*margin-left:-25%;
		*background-color:#cccccc;
	}
	*/
	
	blockquote
	{
		*width:750px;
	}
	
		div#search input.submit
		{
			*margin-top:-2px;
		}
		
	div#comments dd
	{
		/**width:630px;*/ /* +60 */
		*width:690px;
	}
	
	div#comments dl
	{
		*margin-top:20px;
	}
	
	div#comments input#c_name, div#comments input#c_mail, div#comments input#c_site
	{
		*padding:5px;
		*height:14px;
	}