/* Ce document est la propriété de son auteur, Pierrick Boulière <contact@phpevolution.net>. */
/* Toute reproduction totale ou partielle est strictement interdite, sauf autorisation de son auteur. */
/* ~~~~~ Global ~~~~~ */
body {
	background: #ebf0f8;	
	color: #000;
	font: smaller arial, helvetica, sans-serif;
	margin: 16px 0;
	padding: 0;
	text-align: center;
}

/* Links
~~~~~~~~~~~~~~~~~~~~~ */
a, a:link, 
a:visited {
	color: #9c6;
	color: #390;
	text-decoration: none;
}
a:hover, 
a:active {
	color: #9c6;
	color: #390;
	text-decoration: underline;
}
a[hreflang]:after {
	content: " [" attr(hreflang) "]";
}

/* --- Others -- */
abbr, acronym {
	border-bottom: #000 dotted 1px;
	cursor: help;
}
blockquote {
	background: #f8f8fc url('images/blockquote.png') no-repeat 0 0;
	margin: 0 16px;
	padding: 8px 8px 1px;
	text-align: justify;
}

/* --- Layout --- */
#Container {
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 750px;
}
#Intro {
	height: 134px;
	width: 750px;
}
#Access {
	position: absolute;
	top: 7px;
	width: 580px; /* note: for IE */
}
html > body #Access {
	width: 750px;
}
#Menu {
	position: relative;
	width: 164px;
	margin: 0 3px;
}
#Outro {
	position: relative;
	clear: both;
	width : 750px;
	height: 32px;
}
#Path {
	position: absolute;
	top: 50px;
	width: 750px;
}
#SupportingText {
	position: relative;
	width: 570px;
	padding: 0 5px;
	float: right;
}
#StyleSheet {
	position: absolute;
	top: 36px;
}
#Valid {
	position: relative;
	width: 164px;
	margin: 0 3px;
}

/* --- Container --- */
#Container {
	background: #fff url("images/background.png") repeat-y 0 0;
}

/* --- Intro --- */
#Intro {
	background: transparent url('images/top.png') no-repeat 0 0;
}
#Intro h1 {
	position: absolute;
	margin: 0 130px;
	padding: 5px 0;
}
#Intro h1 a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	text-indent: -15em;
	height: 82px;
	width : 200px;
	background: transparent url('images/newsevolution-ie.png') no-repeat 0 0; /* Pour IE */
}
html > body #Intro h1 a {
	background: transparent url('images/newsevolution.png') no-repeat 0 0; /* Pour non IE */
}
#Intro p {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 116px;
	color: #ebf0f8;
	text-align: right;
	width: 740px;
}

/* --- Access --- */
#Access h2 {
	display: none;
}
#Access ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
#Access ul li {
	display: inline;
	margin: 0 0.5em;
}
#Access a {
	color: #000;
	text-decoration: none;
}
#Access a:hover {
	color: #390;
}

/* --- Legal --- */
#Legal {
	background: #ebf0f8;
	margin: 0;
	padding: 1em 120px 0;
	font-size: smaller;
}
#Legal p {
	margin: 0;
	padding: 0;
	text-align: center;
}


/* --- Menu --- */
#Menu h2 {
	margin: 0;
	text-align: right;
}
#Menu h2 a {
	color: #000;
}
#Menu h2:first-letter, #Menu h2 a:first-letter {
	color: #9c6;
}
#Menu h3 {
	color: #9c6;
	margin: 0;
	/* border-top: #000 dashed 1px; */
	border-bottom: #000 dashed 1px;
}
#Menu h3 a {
	color: #9c6;
	text-decoration: none;
	display: block;
}
#Menu h3 a:hover {
	/* color: #000; */
	background-color: #fff;
}
#Menu ul {
	margin: 0;
	padding: 0;
}
#Menu ul li {
	list-style: none;
}
#Menu ul li ul {
	margin: 2px 0 6px 0;
	padding: 0;
}
#Menu ul li ul li {
	display: inline; /* note: for IE */
	list-style: none;
}
#Menu ul li ul li a {
	color: #000;
	display: block;
	line-height: 14px;
	padding: 0 0 0 5px;
	text-decoration: none;
	border-right: #f8f8fc solid 1px;
}
#Menu ul li ul li a:hover {
	color: #9c6;
	border-right: #9c6 dashed 1px;
}

/* --- Outro --- */
#Outro {
	background: #ebf0f8 url('images/bottom.png') no-repeat 0 0;
}
#Outro p {
	font-weight: bold;
	font-variant: small-caps;
	font-style: italic;
	color: #ebf0f8;
	padding: 0.55em;
	text-align: right;
	word-spacing: 0.25em;
}
#Outro .copyright {
}
#Outro .website {
	font-variant: normal;
}
#Outro .website a {
	color: #ebf0f8;
}
#Outro .time {
	font-size: smaller;
}

/* --- Path --- */
#Path  {
	display: none;
}

/* --- SupportingText --- */
/* . hx . */
#SupportingText h2 {
	margin: 0;
	border-bottom: #9c6 dashed 2px;
	text-align: right;
}
#SupportingText h2 a {
	color: #000;
}
#SupportingText h2:first-letter, #SupportingText h2 a:first-letter {
	color: #9c6;
}
#SupportingText h3 {
	padding: 0 4px;
	font-size: 1.2em;
}
#SupportingText h4 {
	padding: 0 8px;
	font-size: 1.1em;
}
#SupportingText h5 {
	padding: 0 12px;
	font-size: 1em;
}
#SupportingText h6 {
	padding: 0 16px;
	font-size: 1em;
}
#SupportingText h2:first-letter {
	color: #9c6;
}

	#SupportingText p, #SupportingText li, #SupportingText dd, #SupportingText label, #SupportingText fieldset legend {
		/* font-size: 0.8em; */
	}
	#SupportingText ul li ul, #SupportingText fieldset ul {
		/* font-size: 1.25em; */
	}
	#SupportingText h2:first-letter {
		color: #9c6;
	}
	
	/* ~~ Forms ~~ */
	#SupportingText .fElementText label, #SupportingText .fElementPwd label, #SupportingText .fElementFile label, #SupportingText .fElementSelect label {
		width: 11em;
		float: left;
		margin-left: 0.6em;
	}
	#SupportingText .fElementTextArea label {
		width: 11em;
		margin-left: 0.6em;
	}
	#SupportingText .fElementText input, #SupportingText .fElementPwd input, #SupportingText .fElementFile input {
		margin-left: 0.6em;
		width: 14em;
	}
	#SupportingText .fElementSelect select {
		margin-left: 0.6em;
	}
	#SupportingText .fElementTextArea textarea {
		margin-left: 0.3em;
		width: 98%;
		overflow: auto;
	}
	#SupportingText .fElementSubmit {
		margin: 0.6em;
		text-align: center;
	}
	#SupportingText .fElementSubmit input {
	
	}
	#SupportingText fieldset {
		border: 1px dashed #000;
		margin: 0.1em 0 0.6em;
	}
	#SupportingText fieldset legend {
		background-color: #fff;
		margin: 0; 
		padding: 0 0.7em;
	}
	#SupportingText fieldset ul {
		padding: 0;
	}
	#SupportingText fieldset ul li {
		list-style: none;
	}

	#SupportingText .fElementDate fieldset fieldset #sArticleDateDate, 
	#SupportingText .fElementDate fieldset fieldset #sArticleDateHour {
    clear: both;
  }
  
	#SupportingText .fElementDate fieldset fieldset #sArticleDateDate label, 
	#SupportingText .fElementDate fieldset fieldset #sArticleDateHour label {
		width: 2em;
		float: none;
		margin-left: 0;
		display: inline;
  }
  
	#SupportingText .fElementDate fieldset fieldset #sArticleDateDate select, 
	#SupportingText .fElementDate fieldset fieldset #sArticleDateHour select {
	  clear: both;
    margin-left: 0;
  }

	#SupportingText .fElementDate fieldset fieldset {
    margin-right: 1em;
    margin-bottom: 1em;
  }
	#SupportingText .fElementDate fieldset ul li input {
    margin: 0 0 0 18px;
  }
	#SupportingText .fElementDate fieldset ul li legend input {
    margin: 0;
  }

	/* ~~ ToolBar ~~ */
	#SupportingText .ToolBar {
		font-size: smaller;
	}
	#SupportingText .ToolBar h3 {
	}
	#SupportingText .ToolBar ul {
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .ToolBar ul li {
		display: block;
		margin: 0 0.2em;
	}
	#SupportingText .ToolBar ul li ul {
		display: inline;
	}
	#SupportingText .ToolBar ul li ul li {
		display: inline;
		margin: 0 0.2em;
	}

	/* ~~ NavigBar ~~ */
	#SupportingText .NavigBar {
		text-align: center;
		margin: 0.3em 0;
	}
	#SupportingText .NavigBar h3 {
		display: none;
	}
	#SupportingText .NavigBar ul {
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .NavigBar ul li {
		text-align: center;
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}
	#SupportingText .NavigBar ul .LinkTrue {
		background: #fff;
	}
	#SupportingText .NavigBar ul .LinkFalse {
		font-weight: bold;
	}

	#SupportingText .NavigBar ul li[class=NavigationTotal]:before {
		content: "[ ";
	}
	#SupportingText .NavigBar ul li[class=NavigationTotal]:after {
		content: " ]";
	}

	/* ~~ Error ~~ */
	#SupportingText #sError {
		color: #c03;
		text-align: center;
	}

	/* ~~ ManageAdmin ~~ */
	#SupportingText .AdminInfos a {
		text-decoration: none;
	}
	#SupportingText .AdminInfos div p {
		margin: 0;
		padding: 0;
	}
	#SupportingText .AdminOptions {
		background: #f4f7f7;
		-moz-border-radius: 0.7em;
	}
	#SupportingText .AdminOptions ul {
		text-align: right;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .AdminOptions ul li {
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}
	#SupportingText .AdminOptions ul li a {
		border-bottom: 1px dashed #9c6;
	}
	#SupportingText .AdminOptions ul li a:hover {
		text-decoration: none;
	}

	/* ~~ ManageArticle & Search ~~ */
	#SupportingText .ArticleInfos a, #SupportingText .SearchInfos a {
		text-decoration: none;
	}
	#SupportingText .ArticleInfos .ArticleId {
		position: absolute;
		width: 100px;
		left: 469px;
		text-align: right;
	}
	#SupportingText .ArticleInfos div p, #SupportingText .SearchInfos div p {
		margin: 0;
		padding: 0;
	}
	#SupportingText .ArticleInfos .ArticleSummary p, #SupportingText .SearchInfos .ArticleSummary p {
		padding: 0.5em 0;
		font-style: italic;
	}
	#SupportingText .ArticleOptions, #SupportingText .SearchOptions {
		background: #f4f7f7;
		-moz-border-radius: 0.7em;
	}
	#SupportingText .ArticleOptions ul, #SupportingText .SearchOptions ul {
		text-align: right;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .ArticleOptions ul li, #SupportingText .SearchOptions ul li {
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}
	#SupportingText .ArticleOptions ul li a, #SupportingText .SearchOptions ul li a {
		border-bottom: 1px dashed #9c6;
	}
	#SupportingText .ArticleOptions ul li a:hover, #SupportingText .SearchOptions ul li a:hover {
		text-decoration: none;
	}
	
	/* ~~ ManageComment ~~ */
	#SupportingText .CommentInfos h3 a {
		font-size: 0.8em;
	}
	#SupportingText .CommentInfos h3 a:hover {
		text-decoration: none;
	}
	#SupportingText .CommentInfos div p {
		margin: 0;
		padding: 0;
	}
	#SupportingText .CommentInfos .CommentText p {
		padding-left: 0.5em;
		font-style: italic;
	}

	#SupportingText .CommentOptions {
		background: #f4f7f7;
		-moz-border-radius: 0.7em;
	}
	#SupportingText .CommentOptions ul {
		text-align: right;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .CommentOptions ul li {
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}
	#SupportingText .CommentOptions ul li a {
		border-bottom: 1px dashed #9c6;
	}
	#SupportingText .CommentOptions ul li a:hover {
		text-decoration: none;
	}

	/* ~~ ManageHeading ~~ */
	#SupportingText .HeadingInfos a {
		text-decoration: none;
	}
	#SupportingText .HeadingInfos div p {
		margin: 0;
		padding: 0;
	}
	#SupportingText .HeadingInfos .HeadingId {
		position: absolute;
		width: 100px;
		left: 469px;
		text-align: right;
	}
	#SupportingText .HeadingOptions {
		background: #f4f7f7;
		-moz-border-radius: 0.7em;
	}
	#SupportingText .HeadingOptions ul {
		text-align: right;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .HeadingOptions ul li {
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}
	#SupportingText .HeadingOptions ul li a {
		border-bottom: 1px dashed #9c6;
	}
	#SupportingText .HeadingOptions ul li a:hover {
		text-decoration: none;
	}

	/* ~~ ManageMedia ~~ */
	#SupportingText .MediaInfos .MediaName {
		/* font-weight: bold; */
		padding-left: 0.5em;
		font-style: italic;
	}
	#SupportingText .MediaInfos div p {
		margin: 0;
		padding: 0;
	}
	#SupportingText .MediaOptions {
		background: #f4f7f7;
		-moz-border-radius: 0.7em;
	}
	#SupportingText .MediaOptions ul {
		text-align: right;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .MediaOptions ul li {
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}
	#SupportingText .MediaOptions ul li a {
		border-bottom: 1px dashed #9c6;
	}
	#SupportingText .MediaOptions ul li a:hover {
		text-decoration: none;
	}

	/* ~~ ManageTemplate ~~ */
	#SupportingText .TemplateInfos .MediaName {
		/* font-weight: bold; */
		padding-left: 0.5em;
		font-style: italic;
	}
	#SupportingText .TemplateInfos div p {
		margin: 0;
		padding: 0;
	}
	#SupportingText .TemplateInfos .TemplateFormatList .TemplateFormatInfos {
		background: #f4f4f7;
		-moz-border-radius: 0 0.7em 0.7em 0.7em;
		margin-left: 0.4em;
		margin-bottom: 0.2em;
	}
	#SupportingText .TemplateInfos .TemplateFormatList .TemplateFormatInfos .TemplateFormatTitle p {
		font-style: italic;
	}

	#SupportingText .TemplateInfos .TemplateFormatList .TemplateFormatInfos .TemplateOptionsFormat ul {
		text-align: right;
		margin: 0; 
		padding: 0;
		list-style: none;
	}

	#SupportingText .TemplateInfos .TemplateFormatList .TemplateFormatInfos .TemplateOptionsFormat ul li {
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}

	#SupportingText .TemplateInfos .TemplateFormatList .TemplateFormatInfos .TemplateOptionsFormat ul li a {
		border-bottom: 1px dashed #9c6;
	}

	#SupportingText .TemplateInfos .TemplateFormatList .TemplateFormatInfos .TemplateOptionsFormat ul li a {
		border-bottom: 1px dashed #9c6;
	}

	#SupportingText .TemplateInfos .TemplateFormatList .TemplateFormatInfos .TemplateOptionsFormat ul li a:hover {
		text-decoration: none;
	}
	
	/* ~~ ManageSmiley ~~ */
	#SupportingText .smiley {
		width: 48%;
		float: left;
		padding: 2px;
		margin: 2px;
		margin-bottom: 10px;
	}
	#SupportingText .SmileyInfos a {
		text-decoration: none;
	}
	#SupportingText .SmileyInfos div p {
		margin: 0;
		padding: 0;
	}
	
	
	
	#SupportingText .SmileyInfos .SmileyTag {
		float: right;
		padding: 2px 7px;
		color: #390;
		background: #f4f7f7;
		-moz-border-radius: 0.7em;
		font-size: larger;
		font-weight: bold;
	}
	#SupportingText .SmileyInfos .SmileyImage {
		padding: 10px 0;
		text-align: center;
	}
	#SupportingText .SmileyInfos .SmileyUrl {
		font-size: smaller;
	}
	
	
	
	#SupportingText .SmileyOptions {
		background: #f4f7f7;
		-moz-border-radius: 0.7em;
	}
	#SupportingText .SmileyOptions ul {
		text-align: right;
		margin: 0; 
		padding: 0;
		list-style: none;
	}
	#SupportingText .SmileyOptions ul li {
		display: inline;
		margin: 0 0.15em;
		padding: 0 0.1em;
	}
	#SupportingText .SmileyOptions ul li a {
		border-bottom: 1px dashed #9c6;
	}
	#SupportingText .SmileyOptions ul li a:hover {
		text-decoration: none;
	}

/* --- StyleSheet --- */
#StyleSheet {
	width: 200px;
	margin-left: 550px;
}
#StyleSheet h2 {
	margin: 0;
	padding: 0 10px;
	font-size: medium;
}
#StyleSheet h2 a {
	color: #000;
}
#StyleSheet h2:first-letter, #StyleSheet h2 a:first-letter {
	color: #9c6;
}
#StyleSheet ul {
	margin: 0 12px;
	padding: 0;
	text-align: right;
	border-top: #000 dashed 1px;
}
#StyleSheet ul li {
	display: inline; /* note: for IE */
	list-style: none;
}
#StyleSheet ul li a {
	color: #000;
	display: block;
	padding: 0 0.2em;
	text-decoration: none;
}
#StyleSheet ul li a:hover {
	color: #ddf;
	border-left: #ddf dashed 1px;
}

/* --- Valid ---*/
#Valid h2 {
	margin: 0;
	text-align: right;
}
#Valid h2 a {
	color: #000;
}
#Valid h2:first-letter, #Valid h2 a:first-letter {
	color: #9c6;
}
#Valid ul {
	margin: 0;
	padding: 3px 0 0 0;
	border-top: #336 dashed 1px;
}
#Valid ul li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 1px 0 0 0;
}
#Valid ul li a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	text-indent: -15em;
	height: 15px;
	width : 80px;
}
#Valid #ValidXhtml {
	background: transparent url('images/xhtml10.png') no-repeat 0 0;
}
#Valid #ValidCss {
	background: transparent url('images/css.png') no-repeat 0 0;
}