/* Generic styles */

*
{
	border: 0;
	margin: 0;
	padding: 0;
}

/* Common styles */

.clear
{
	clear: both;
	float: none !important;
	font-size: 0px;
}

.hidden
{
	display: none !important;
}

ul
{
	list-style-type: none;
}

body
{
	background: #000 url( img/bg/body.gif ) repeat-x top left;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}

a
{
	color: #f60;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

img
{
	border: 0;
}

input.submit,
.button
{
	background: #f60;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 4px;
	text-decoration: none;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

.button:hover
{
	text-decoration: none;
}

* html img
{
	/* Transparency fix for IE6 */
	behavior: url( htc/png.htc );
}

/* Layout */

#page
{
	margin: 0 auto;
	position: relative;
	width: 1000px; /* 1066px is the standard width for 728px banners */
}

div#wrapper div#main
{
	float: left;
	margin: 0 5px 0 0;
	width: 662px; /* Should be 728px */
}

#sidebar
{
	float: right;
	margin: 0 0 0 5px;
	width: 314px;
}

#sidebar div#blogextra
{
	display: none;
}

/* Sections */

.section,
#sidebar > div > div
{
	background: #f7f7ff none;
	border-color: #e1e1f7;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 10px 0;
	padding: 6px;
	position: relative;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

.section h1,
.section h2,
.section h3
{
	background: #d3d3e3 none;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 700;
	padding: 5px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

.section p
{
	font-size: 12px;
	line-height: 16px;
	margin: 6px 0 0 0;
	text-align: justify;
}

.section p.small
{
	font-size: 11px;
	line-height: 12px;
	margin: 4px 0;
}



/* Prelude */

div#top div#prelude
{
	background: #fff;
	border-radius: 0 0 2px 2px;
	color: #000;
	padding: 7px;
	position: absolute;
	right: 0;
	top: 0;
	
	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-o-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	behavior: url( htc/border-radius.htc );
}

div#top div#prelude a
{
	font-weight: 700;
}

/* Fix for IE6 that sets the display of field to block by default */
* html div#top div#prelude form fieldset
{
	display: inline;
}

div#top div#prelude form input
{
	border-radius: 2px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#top div#prelude form input#q,
div#top div#prelude form input#keywords
{
	background: #f9f9f9;
	border-color: #d3d3e3;
	border-style: solid;
	border-width: 1px;
	width: 125px;
}

/* Baseline */

div#top h3
{
	font-size: 14px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 71px;
}

div#top h3 a
{
	color: #fff;
	text-decoration: none;
}

/* Categories */

div#top div.categories
{
	background: #f60;
	border-radius: 2px;
	margin: 0 0 10px 0;
	padding: 7px 0;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#top div.categories:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Internet Explorer 6 only fix */
* html div#top div.categories
{
	height: 1%;
}

/* Internet Explorer 7 only fix */
*+html div#top div.categories
{
	height: 1%;
}

div#top div.categories ul li
{
	display: block;
	float: left;
	margin: 0 4px;
}

div#top div.categories ul li a
{
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 4px;
}

div#top div.categories ul li a:hover
{
	background: #fff;
	border-radius: 2px;
	color: #f60;
	text-decoration: none;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#top div.categories ul li a sup
{
	position: absolute;
	margin: -4px 0 0 4px;
}

div#top div.categories ul li a:hover sup
{
	color: #fff;
	margin: -4px 0 0 8px;
}

/* Wrapper */

div#wrapper
{
	background: #fff;
	border-radius: 2px;
	color: #000;
	padding: 7px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Internet Explorer 6 only fix */
* html div#wrapper
{
	height: 1%;
}

/* Internet Explorer 7 only fix */
*+html div#wrapper
{
	height: 1%;
}

/* Tags markers */

a.tag100,
a.tag60,
a.tag30,
a.tag20,
a.tag10,
a.tag0
{
	display: block;
	padding: 0 0 0 18px;
}

a.tag100
{
	background: transparent url( img/icons/tag-100.png ) no-repeat scroll left 1px;
}

a.tag60
{
	background: transparent url( img/icons/tag-60.png ) no-repeat scroll left 1px;
}

a.tag30
{
	background: transparent url( img/icons/tag-30.png ) no-repeat scroll left 1px;
}

a.tag20
{
	background: transparent url( img/icons/tag-20.png ) no-repeat scroll left 1px;
}

a.tag10
{
	background: transparent url( img/icons/tag-10.png ) no-repeat scroll left 1px;
}

a.tag0
{
	background: transparent url( img/icons/tag-0.png ) no-repeat scroll left 1px;
}

/* Sidebar- blog navigation */

#sidebar div div h2
{
	background: #d3d3e3 none;
	border-radius: 2px;
	color: #223353;
	font-size: 14px;
	margin: 0 0 6px 0;
	padding: 3px 3px 3px 8px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

#sidebar div div h3
{
	background: #e1e7f7 none;
	border-radius: 2px;

	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 8px;
	
	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

#sidebar div div h2 a.feed,
#sidebar div div h3 a.feed
{
	background: url("img/icons/abonnement-flux-rss-atom.png") no-repeat scroll left top transparent;
	display: block;
	float: right;
	width: 16px;
	height: 16px;
}

#sidebar div a
{
	color: #223353;
	font-weight: 700;
}

#sidebar div ul li
{
	line-height: 16px;
	margin: 2px 0;
	padding: 0 0 0 20px;
}

/* Sidebar rss page widget */

#sidebar div.rss h2
{
	display: none;
}

#sidebar div.rss a p
{
	background: url( img/icons/abonnement-aux-flux-rss-atom-billets.png ) no-repeat scroll left top transparent;
	color: #000;
	font-weight: 400;
	height: 64px;
	line-height: 16px;
	padding: 0 0 0 69px;
	text-align: justify;
}

#sidebar div.rss a:hover p
{
	color: #f60;
}

/* Sidebar twitter page widget */

#sidebar div.twitter h2
{
	display: none;
}

#sidebar div.twitter p
{
	background: url( img/icons/suivez-nous-sur-twitter.png ) no-repeat scroll left top transparent;
	border-bottom: 1px solid #e1e1f7;
	color: #000;
	font-weight: 400;
	height: 64px;
	line-height: 16px;
	margin-bottom: 5px;
	padding: 0 0 5px 69px;
	text-align: justify;
}

#sidebar div.twitter a:hover p
{
	color: #f60;
}

/* Sidebar facebook page widget */

#sidebar div.facebook h2
{
	display: none;
}

#sidebar div.facebook a p
{
	background: url( img/icons/devenez-fan-de-xna-connection-sur-facebook.png ) no-repeat scroll left top transparent;
	color: #000;
	font-weight: 400;
	height: 64px;
	line-height: 16px;
	padding: 0 0 0 69px;
	text-align: justify;
}

#sidebar div.facebook a:hover p
{
	color: #f60;
}

#sidebar div.facebook iframe
{
	border: none;
	display: block;
	height: 255px;
	margin: 6px 0 0 0;
	overflow: hidden;
	width: 300px;
}

/* Sidebar last comments widget */

#sidebar div.lastcomments ul li
{
	border-color: #ddd;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	height: 32px;
	margin: 5px 0 0;
	overflow: hidden;
	padding: 4px 4px 4px 42px;
	
	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

#sidebar div.lastcomments ul li.last-comment
{
	background: #fff url( img/icons/voir-commentaire-tutoriel.png ) no-repeat scroll 12px 50%;
}

#sidebar div.lastcomments ul li.last-tb
{
	background: #fff url( img/icons/voir-trackback-tutoriel.png ) no-repeat scroll 12px 50%;
}

/* Sidebar twend widget */

#sidebar div.twend ul li
{
	background: #fff;
	border-radius: 2px;
	margin: 5px 0 0;
	padding: 4px 4px 4px 32px;
	position: relative;
	
	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

#sidebar div.twend ul li img
{
	height: 24px;
	left: 5px;
	margin-top: -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}

#sidebar div.twend ul li div
{
	font-size: 11px;
	text-align: justify;
}

#sidebar div.twend ul li div span.description:before
{
	content: " : ";
}

#sidebar div.twend ul li div span.date
{
	display: none;
}

/* Sidebar categories widget */

#sidebar div.categories ul li
{
	background: transparent url( img/icons/categorie.png ) no-repeat scroll left top;
}

/* Sidebar contact widget */

#sidebar #contact ul li
{
	background: transparent url( img/icons/contacter-equipe-xna-connection.png ) no-repeat scroll left 5px;
}

/* Sidebar links widget */

#sidebar div.links ul
{
	margin: 0 0 15px 0;
}

#sidebar div.links ul:last-child
{
	margin: 0;
}

#sidebar div.links ul li
{
	background: transparent url( img/icons/lien-communaute.png ) no-repeat scroll left top;
}

/* Sidebar pages widget */

#sidebar div.pages ul li
{
	background: transparent url( img/icons/pages.png ) no-repeat scroll left top;
}

/* Sidebar selected posts widget */

#sidebar div.selected ul li
{
	background: #fff url( img/icons/voir-tutoriel.png ) no-repeat scroll 4px 50%;
	border-radius: 2px;
	margin: 5px 0 0;
	padding: 4px 4px 4px 26px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

/* Sidebar next posts widget */

#sidebar div.nextpost ul li
{
	background: #fff url( img/icons/voir-tutoriel.png ) no-repeat scroll 4px 50%;
	border-radius: 2px;
	color: #223353;
	font-weight: 700;
	margin: 5px 0 0;
	padding: 4px 4px 4px 26px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

/* Sidebar last posts widget */

#sidebar div.last-posts ul li
{
	background-color: #fff;
	border-color: #ddd;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	color: #223353;
	font-weight: 700;
	height: 32px;
	margin: 5px 0 0;
	overflow: hidden;
	padding: 4px 4px 4px 42px;
	position: relative;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

#sidebar div.last-posts ul li img
{
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	left: 0;
	height: 32px;
	margin: 3px;
	position: absolute;
	top: 0;
	width: 32px;
}

#sidebar div.last-posts ul li a
{
	display: block;
}

#sidebar div.last-posts ul li a.category
{
	color: #999;
	font-size: 11px;
	font-weight: 400;
}


/* Sidebar syndication widget */

#sidebar div.syndicate ul li
{
	background: transparent url( img/icons/abonnement-flux-rss-atom.png ) no-repeat scroll left top;
}

/* Sidebar tags widget */

#sidebar div.tags ul li
{
	float: left;
	padding: 0;
	width: 132px;
}

#sidebar div.tags p
{
	clear: both;
	text-align: right;
}

/* Main content */

/* Content - navigation links */

div#wrapper div#main div#content p#navlinks
{
	display: none;
}

/* Content - informations */

div#wrapper div#main div#content div#content-info
{
	position: relative;
}

div#wrapper div#main div#content div#content-info p.feeds
{
	float: right;
	margin: 6px 0 0 0;
	padding: 4px;
	position: absolute;
	right: 0;
	top: 0;
}

div#wrapper div#main div#content div#content-info p.feeds a
{
	background: transparent url( img/icons/abonnement-flux-rss-atom.png ) no-repeat left top;
	font-weight: 700;
	line-height: 16px;
	padding: 1px 8px 1px 20px;
}

div#wrapper div#main div#content div#content-info p.feeds span.separator
{
	display: none;
}

/* Content - sub-categories */

div#wrapper div#main div#content div#subcategories
{
	display: none;
}

/* Content - Inner content */

div.content-inner h2
{
	background: #d3d3e1 none;
	border-radius: 2px;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div.content-inner h3
{
	background: #e1e7f7 none;
	border-radius: 2px;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div.content-inner ul
{
	list-style-type: disc;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

div.content-inner ul.tags
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.content-inner ul.tags:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Internet Explorer 6 only fix */
* html div.content-inner ul.tags
{
	height: 1%;
}

/* Internet Explorer 7 only fix */
*+html div.content-inner ul.tags
{
	height: 1%;
}

div.content-inner ul.tags li
{
	float: left;
	line-height: 16px;
	margin: 2px 0;
	width: 200px;
}

div.content-inner p.day-date
{
	font-size: 11px;
	margin: 0 0 5px 0;
	text-align: right;
}

div.content-inner p.post-info
{
	margin: 5px 0;
}


/* Content - posts */

div#wrapper div.post p.day-date
{
	display: none;
}

div#wrapper div.post div.header
{
	background: #d3d3e1 none;
	border-radius: 2px;
	padding: 6px;
	margin: 0 0 10px 0;
	position: relative;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div.post div.header .social
{
	background-image: url(img/icons/reseaux-sociaux.png);
	display: block;
	height: 32px;
	position: absolute;
	text-decoration: none;
	width: 32px;
}

div#wrapper div.post div.header .social span
{
	background: #fff;
	border-color: #999;
	border-radius: 3px 0 3px 0;
	border-style: solid;
	border-width: 1px;
	bottom: 1px;
	color: #000;
	display: none;
	font-family: small fonts, arial, helvetica, sans-serif;
	font-size: 8px;
	font-weight: 700;
	height: 15px;
	line-height: 15px;
	position: absolute;
	text-align: center;
	right: 1px;
	width: 24px;
	
	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius:  3px 0 3px 0;
	-moz-border-radius:  3px 0 3px 0;
	-o-border-radius:  3px 0 3px 0;
	-webkit-border-radius:  3px 0 3px 0;
}

div#wrapper div.post div.header .social:hover span
{
	display: block;
}

div#wrapper div.post div.header .facebook
{
	background-position: 0px 0px;
	bottom: 8px;
	right: 40px;
}

div#wrapper div.post div.header .twitter
{
	background-position: -32px 0px;
	bottom: 8px;
	right: 4px;
}

div#wrapper div.post div.header .post-title
{
	background: #223353 none;
	border-radius: 2px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div.post div.header .post-title a
{
	color: #f60;
	text-decoration: none;
}

div#wrapper div.post div.header .post-info
{
	line-height: 16px;
	margin: 5px 0 0;
	padding: 0 120px 0 0;
}

div#wrapper div.post div.header .post-info a
{
	font-weight: 700;
}

div#wrapper div.post div.header .post-info a.category
{
	background: transparent url( img/icons/categorie.png ) no-repeat scroll left top;
	padding: 1px 0 0 18px;
}

div#wrapper div.post div.header .post-info a.permalink
{
	background: transparent url( img/icons/lien-permanent.png ) no-repeat scroll left top;
	padding: 0 0 0 18px;
}

div#wrapper div.post div.header .post-tags
{
	margin: 5px 0 0;
	padding: 0 74px 0 0;
}

div#wrapper div.post div.header .post-tags li
{
	background: transparent url( img/icons/tag-0.png ) no-repeat scroll left top;
	display: inline;
	line-height: 16px;
	padding: 0 4px 0 18px;
}

div#wrapper div.post div.header .post-tags li a
{
	font-weight: 700;
	line-height: 18px;
}

div#wrapper div.post p.read-it
{
	margin: 5px 0;
	text-align: right;
}

div#wrapper div.post p.read-it a
{
	font-weight: 700;
}

div#wrapper div.post p.post-info-co
{
	background: #d3d3e3 none;
	border-radius: 2px;
	font-weight: 700;
	margin: 5px 0 0 0;
	padding: 4px;
	text-align: right;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div.post p.post-info-co a
{
	padding: 2px 4px 2px 18px;
}

div#wrapper div.post p.post-info-co a.comment_count
{
	background: transparent url( img/icons/voir-commentaire-tutoriel.png ) no-repeat scroll left 2px;
}

div#wrapper div.post p.post-info-co a.ping_count
{
	background: transparent url( img/icons/voir-trackback-tutoriel.png ) no-repeat scroll left 1px;
}

div#wrapper div.post p.post-info-co a.attach_count
{
	background: transparent url( img/icons/annexe-fichier-telechargement.png ) no-repeat scroll left 2px;
}

/* Post content clear fix */

div#wrapper div.post div.post-excerpt:after,
div#wrapper div.post div.post-content:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Post content skinning - lists */

div#wrapper div.post div.post-excerpt ul,
div#wrapper div.post div.post-content ul,
div#wrapper #content-info ul
{
	list-style-type: disc;
	margin: 6px 0;
	padding: 0 0 0 20px;
}

div#wrapper div.post div.post-excerpt ul li,
div#wrapper div.post div.post-content ul li,
div#wrapper #content-info ul li
{
	margin: 3px 0;
	text-align: justify;
}

/* Post content skinning - titles */

div#wrapper div.post div.post-excerpt h2,
div#wrapper div.post div.post-excerpt h3,
div#wrapper div.post div.post-excerpt h4,
div#wrapper div.post div.post-excerpt h5,
div#wrapper div.post div.post-excerpt h6,
div#wrapper div.post div.post-content h2,
div#wrapper div.post div.post-content h3,
div#wrapper div.post div.post-content h4,
div#wrapper div.post div.post-content h5,
div#wrapper div.post div.post-content h6,
div#wrapper #content-info h2,
div#wrapper #content-info h3,
div#wrapper #content-info h4,
div#wrapper #content-info h5,
div#wrapper #content-info h6
{
	line-height: 16px;
	margin: 10px 0;
	text-align: justify;
	
	background: #d3d3e3 none no-repeat scroll 8px 7px;
	border-radius: 2px;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper #content-info h2:first-child
{
	margin-top: 0;
}

div#wrapper div.post div.post-excerpt h2,
div#wrapper div.post div.post-content h2,
div#wrapper #content-info h2
{
	font-size: 14px;
	font-weight: 700;
}

div#wrapper div.post div.post-excerpt h3,
div#wrapper div.post div.post-content h3,
div#wrapper #content-info h3
{
	font-size: 13px;
	font-weight: 700;
}

div#wrapper div.post div.post-excerpt h4,
div#wrapper div.post div.post-content h4,
div#wrapper #content-info h4
{
	font-size: 13px;
	font-weight: 400;
}

div#wrapper div.post div.post-excerpt h5,
div#wrapper div.post div.post-content h5,
div#wrapper #content-info h5
{
	font-size: 12px;
	font-weight: 700;
}

div#wrapper div.post div.post-excerpt h6,
div#wrapper div.post div.post-content h6,
div#wrapper #content-info h6
{
	font-size: 12px;
	font-weight: 400;
}

/* Post content skinning - paragraphs */

div#wrapper div.post div.post-excerpt p,
div#wrapper div.post div.post-content p,
div#wrapper #content-info p
{
	line-height: 16px;
	margin: 6px 0;
	text-align: justify;
}

div#wrapper div.post div.post-excerpt table,
div#wrapper div.post div.post-content table,
div#wrapper #content-info table
{
	background: #fff;
	border-collapse: collapse;
	border-color: #d3d3e3;
	border-style: solid;
	border-width: 1px 1px 0 0;
	margin: 0 auto;
}

div#wrapper div.post div.post-excerpt table th,
div#wrapper div.post div.post-excerpt table td,
div#wrapper div.post div.post-content table th,
div#wrapper div.post div.post-content table td,
div#wrapper #content-info table th,
div#wrapper #content-info table td
{
	border-color: #d3d3e3;
	border-style: solid;
	border-width: 0 0 1px 1px;
	line-height: 16px;
	margin: 6px 0;
	padding: 2px 5px;
	text-align: justify;
}

div#wrapper div.post div.post-excerpt p.note,
div#wrapper div.post div.post-content p.note,
div#wrapper #content-info p.note
{
	background: #fff url( img/icons/noter-information.png ) no-repeat scroll 8px 7px;
	border-color: #d3d3e3;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	padding: 6px 6px 6px 30px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div.post div.post-excerpt p.warning,
div#wrapper div.post div.post-content p.warning,
div#wrapper #content-info p.warning
{
	background: #fff url( img/icons/attention-tres-important.png ) no-repeat scroll 8px 7px;
	border-color: #d3d3e3;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	padding: 6px 6px 6px 30px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

/* Post content skinning - image list */

div#wrapper div.post div.post-excerpt p.thumbs-list,
div#wrapper div.post div.post-content p.thumbs-list,
div#wrapper #content-info p.thumbs-list
{
	margin: 0 auto 5px auto;
	width: 508px;
}

div#wrapper div.post div.post-excerpt p.thumbs-list:after,
div#wrapper div.post div.post-content p.thumbs-list:after,
div#wrapper #content-info p.thumbs-list:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Internet Explorer 6 only fix */
* html div#wrapper div.post div.post-excerpt p.thumbs-list,
* html div#wrapper div.post div.post-content p.thumbs-list,
* html div#wrapper #content-info p.thumbs-list:after
{
	height: 1%;
}

/* Internet Explorer 7 only fix */
*+html div#wrapper div.post div.post-excerpt p.thumbs-list,
*+html div#wrapper div.post div.post-content p.thumbs-list,
*+html div#wrapper #content-info p.thumbs-list:after
{
	height: 1%;
}

div#wrapper div.post div.post-excerpt p.thumbs-list img,
div#wrapper div.post div.post-content p.thumbs-list img,
div#wrapper #content-info p.thumbs-list img
{
	float: left;
	height: 144px;
	margin: 0 10px 10px 0;
	width: 244px;
}

/* Post content skinning - legends */

div#wrapper div.post div.post-excerpt p.legend,
div#wrapper div.post div.post-content p.legend,
div#wrapper #content-info p.legend
{
	display: block;
	font-size: 11px;
	font-style: italic;
	margin: -4px 0 6px 0;
	text-align: center;
}

div#wrapper div.post div.post-excerpt p.legend + p.legend,
div#wrapper div.post div.post-content p.legend + p.legend,
div#wrapper #content-info p.legend + p.legend
{
	margin: -8px 0 6px 0;
}

div#wrapper div.post div.post-excerpt div.quote,
div#wrapper div.post div.post-content div.quote,
div#wrapper #content-info div.quote
{
	background: #fff url( img/icons/citation.png ) no-repeat scroll 8px 7px;
	border-color: #d3d3e3;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	clear: both;
	padding: 0 6px 0 30px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

/* Post content skinning - vectors */

div#wrapper div.post div.post-excerpt span.vector,
div#wrapper div.post div.post-content span.vector,
div#wrapper #content-info span.vector
{
	background: url( img/vecteur.png ) no-repeat scroll right top transparent;
	padding: 2px 1px 0 1px;
}

div#wrapper div.post div.post-excerpt h2 span.vector,
div#wrapper div.post div.post-excerpt h3 span.vector,
div#wrapper div.post div.post-excerpt h4 span.vector,
div#wrapper div.post div.post-content h2 span.vector,
div#wrapper div.post div.post-content h3 span.vector,
div#wrapper div.post div.post-content h4 span.vector,
div#wrapper #content-info h2 span.vector,
div#wrapper #content-info h3 span.vector,
div#wrapper #content-info h4 span.vector
{
	background: url( img/vecteur-orange.png ) no-repeat scroll right top transparent;
}

/* Post content skinning - videos */

div#wrapper div.post div.post-excerpt object.video,
div#wrapper div.post div.post-content object.video,
div#wrapper #content-info object.video
{
	display: block;
	height: 408px;
	margin: 6px 0;
	width: 648px;
}

/* Post content skinning - framing */

div#wrapper div.post div.post-excerpt div.left-framing,
div#wrapper div.post div.post-content div.left-framing,
div#wrapper #content-info div.left-framing
{
	float: left; 
	display: block; 
	margin: 0 1em 1em 0;
}

div#wrapper div.post div.post-excerpt div.right-framing,
div#wrapper div.post div.post-content div.right-framing,
div#wrapper #content-info div.right-framing
{
	float: left; 
	display: block; 
	margin: 0 0 1em 1em;
}

div#wrapper div.post div.post-excerpt div.left-framing img,
div#wrapper div.post div.post-excerpt div.right-framing img,
div#wrapper div.post div.post-content div.left-framing img,
div#wrapper div.post div.post-content div.right-framing img,
div#wrapper #content-info div.left-framing img,
div#wrapper #content-info div.right-framing img

{
	display: block;
	margin: 0 auto;
}


/* Post content skinning - code chunk */

div#wrapper div.post div.post-excerpt ul.options,
div#wrapper div.post div.post-content ul.options,
div#wrapper #content-info ul.options
{
	background: #f6f6f6 none no-repeat scroll left top;
	border-color: #d3d3e3;
	border-radius: 2px 2px 0 0;
	border-style: solid;
	border-width: 1px;
	margin: 6px 0 0 0;
	padding: 6px;
	text-align: right;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div.post div.post-excerpt ul.options li,
div#wrapper div.post div.post-content ul.options li,
div#wrapper #content-info ul.options li
{
	color: #f60;
	cursor: pointer;
	display: inline;
	font-weight: 700;
	padding: 2px 4px 2px 18px;
}

div#wrapper div.post div.post-excerpt ul.options li:hover,
div#wrapper div.post div.post-content ul.options li:hover,
div#wrapper #content-info ul.options li:hover
{
	text-decoration: underline;
}

div#wrapper div.post div.post-excerpt ul.options li.copy,
div#wrapper div.post div.post-content ul.options li.copy,
div#wrapper #content-info ul.options li.copy
{
	background: transparent url( img/icons/coller-vers-le-presse-papier.png ) no-repeat scroll left 1px;
}

div#wrapper div.post div.post-excerpt ul.options li.plain,
div#wrapper div.post div.post-content ul.options li.plain,
div#wrapper #content-info ul.options li.plain
{
	background: transparent url( img/icons/mode-texte-plein.png ) no-repeat scroll left 1px;
}

div#wrapper div.post div.post-excerpt textarea.code,
div#wrapper div.post div.post-content textarea.code,
div#wrapper #content-info textarea.code
{
	background: #fcfcfc none no-repeat scroll left top;
	border-color: #d3d3e3;
	border-radius: 0 0 2px 2px;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	font-size: 11px;
	margin: 0 0 5px 0;
	overflow: auto;
	padding: 0 6px 6px 6px;
	width: 638px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-o-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div.post div.post-excerpt pre.code,
div#wrapper div.post div.post-content pre.code,
div#wrapper #content-info pre.code
{
	background: #fcfcfc none no-repeat scroll left top;
	border-color: #d3d3e3;
	border-radius: 0 0 2px 2px;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	font-size: 11px;
	margin: 0 0 5px 0;
	overflow: auto;
	padding: 0 6px 6px 6px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-o-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div.post div.post-excerpt pre.code ol,
div#wrapper div.post div.post-content pre.code ol,
div#wrapper #content-info pre.code ol
{
	padding: 0 0 0 36px;
}

div#wrapper div.post div.post-excerpt pre.code ol li,
div#wrapper div.post div.post-content pre.code ol li,
div#wrapper #content-info pre.code ol li
{
	border-color: #0f0;
	border-style: solid;
	border-width: 0 0 0 3px;
	padding: 0 0 0 5px;
}

div#wrapper div.post div.post-excerpt pre.code ol li.li1,
div#wrapper div.post div.post-content pre.code ol li.li1,
div#wrapper #content-info pre.code ol li.li1
{
	background: #f9f9f9;
}

div#wrapper div.post div.post-excerpt pre.code ol li a,
div#wrapper div.post div.post-content pre.code ol li a,
div#wrapper #content-info pre.code ol li a
{
	color: #000;
	text-decoration: underline;
}

div#wrapper div.post div.post-excerpt pre.code ol li div span.kw1,
div#wrapper div.post div.post-excerpt pre.code ol li div span.kw2,
div#wrapper div.post div.post-excerpt pre.code ol li div span.kw3,
div#wrapper div.post div.post-excerpt pre.code ol li div span.kw4,
div#wrapper div.post div.post-content pre.code ol li div span.kw1,
div#wrapper div.post div.post-content pre.code ol li div span.kw2,
div#wrapper div.post div.post-content pre.code ol li div span.kw3,
div#wrapper div.post div.post-content pre.code ol li div span.kw4,
div#wrapper #content-info pre.code ol li div span.kw1,
div#wrapper #content-info pre.code ol li div span.kw2,
div#wrapper #content-info pre.code ol li div span.kw3,
div#wrapper #content-info pre.code ol li div span.kw4
{
	color: #00f;
}

div#wrapper div.post div.post-excerpt pre.code ol li div span.kw6,
div#wrapper div.post div.post-content pre.code ol li div span.kw6,
div#wrapper #content-info pre.code ol li div span.kw6
{
	color: teal;
}

div#wrapper div.post div.post-excerpt pre.code ol li div span.co1,
div#wrapper div.post div.post-content pre.code ol li div span.co1,
div#wrapper #content-info pre.code ol li div span.co1
{
	color: #090;
}

div#wrapper div.post div.post-excerpt pre.code ol li div span.st0,
div#wrapper div.post div.post-content pre.code ol li div span.st0,
div#wrapper #content-info pre.code ol li div span.st0
{
	color: #900;
}

div#wrapper div.post div.post-excerpt > :last-child,
div#wrapper div.post div.post-content > :last-child,
div#wrapper #content-info > :last-child
{
	margin: 10px 0 0;
}

/* Special skin for game card */

div#wrapper div.post div.post-content .game-card .summary
{
	background: #fff;
	border: 1px solid #e1e1f7;
	float: right;
	margin-left: 7px;
	padding: 12px 7px;
	width: 200px;
}

div#wrapper div.post div.post-content .game-card .summary .box-art img
{
	display: block;
	height: 150px;
	margin: 0 auto;
	width: 110px;
}

div#wrapper div.post div.post-content .game-card .summary h4
{
	background: none transparent;
	color: #f60;
	font-weight: 700;
	font-size: 22px;
	padding: 0;
	margin: 10px 0;
	text-align: center;
}

div#wrapper div.post div.post-content .game-card .summary dl
{
	border-color: #e1e1f7;
	border-style: solid;
}

div#wrapper div.post div.post-content .game-card .summary dl.ratings
{
	border-width: 1px 0;
	margin: 10px 0;
	padding: 10px 0;
}

div#wrapper div.post div.post-content .game-card .summary dl.extra
{
	border-width: 0 0 1px 0;
	height: 80px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

div#wrapper div.post div.post-content .game-card .summary dt
{
	font-weight: 700;
	line-height: 16px;
	margin: 0 0 5px 0;
	width: 90px;
}

div#wrapper div.post div.post-content .game-card .summary dd
{
	float: right;
	height: 16px;
	margin: 0 0 5px 0;
}

div#wrapper div.post div.post-content .game-card .summary dd div
{
	float: left;
	height: 16px;
}

div#wrapper div.post div.post-content .game-card .summary dd.rating
{
	background-image: url( 'img/icons/icone-game-card-note-base.png' );
	width: 80px;
}

div#wrapper div.post div.post-content .game-card .summary dd.rating div
{
	background-image: url( 'img/icons/icone-game-card-note.png' );
}

div#wrapper div.post div.post-content .game-card .summary dd.violence
{
	background-image: url( 'img/icons/icone-game-card-violence-base.png' );
	width: 48px;
}

div#wrapper div.post div.post-content .game-card .summary dd.violence div
{
	background-image: url( 'img/icons/icone-game-card-violence.png' );
}

div#wrapper div.post div.post-content .game-card .summary dd.sex
{
	background-image: url( 'img/icons/icone-game-card-sexe-base.png' );
	width: 48px;
}

div#wrapper div.post div.post-content .game-card .summary dd.sex div
{
	background-image: url( 'img/icons/icone-game-card-sexe.png' );
}

div#wrapper div.post div.post-content .game-card .summary dd.adult
{
	background-image: url( 'img/icons/icone-game-card-contenu-adulte-base.png' );
	width: 48px;
}

div#wrapper div.post div.post-content .game-card .summary dd.adult div
{
	background-image: url( 'img/icons/icone-game-card-contenu-adulte.png' );
}

div#wrapper div.post div.post-content .game-card .summary dd .level-0
{
	width: 0px;
}

div#wrapper div.post div.post-content .game-card .summary dd .level-1
{
	width: 16px;
}

div#wrapper div.post div.post-content .game-card .summary dd .level-2
{
	width: 32px;
}

div#wrapper div.post div.post-content .game-card .summary dd .level-3
{
	width: 48px;
}

div#wrapper div.post div.post-content .game-card .summary dd .level-4
{
	width: 64px;
}

div#wrapper div.post div.post-content .game-card .summary dd .level-5
{
	width: 80px;
}

div#wrapper div.post div.post-content .game-card .summary ul
{
	border-color: #e1e1f7;
	border-style: solid;
	border-width: 0 0 1px 0;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

div#wrapper div.post div.post-content .game-card .summary ul li
{
	background-repeat: no-repeat;
	background-position: left -1px;
	padding: 0 0 0 20px;
}

div#wrapper div.post div.post-content .game-card .summary ul li.unavailable
{
	background-image: url( 'img/icons/fonctionnalite-manquante.png' );
	color: #666;
}

div#wrapper div.post div.post-content .game-card .summary ul li.available
{
	background-image: url( 'img/icons/fonctionnalite-presente.png' );
	color: #000;
	font-weight: 700;
}

div#wrapper div.post div.post-content .game-card .summary .demo
{
	clear: both;
	margin: 0 10px 0 50px;
}

div#wrapper div.post div.post-content .game-card .description
{
	margin-right: 224px;
}

div#wrapper div.post div.post-content .game-card .description p.thumbs-list
{
	margin: 0;
	overflow: hidden;
	width: 436px;
}

div#wrapper div.post div.post-content .game-card .description p.thumbs-list img
{
	height: 120px;
	width: 206px;
}

/* Post attachments */

div#wrapper div#main div#content div#attachments h3
{
	background: #d3d3e3 none no-repeat scroll left top;
	border-radius: 2px;
	margin: 0 0 5px 0;
	padding: 2px 6px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content div#attachments ul:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Internet Explorer 6 only fix */
* html div#wrapper div#main div#content div#attachments ul
{
	height: 1%;
}

/* Internet Explorer 7 only fix */
*+html div#wrapper div#main div#content div#attachments ul
{
	height: 1%;
}


div#wrapper div#main div#content div#attachments ul li
{
	float: left;
	display: block;
	margin: 2px;
	width: 213px;
}

div#wrapper div#main div#content div#attachments ul li a
{
	border-radius: 2px;
	display: block;
	line-height: 16px;
	padding: 2px 2px 2px 26px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content div#attachments ul li.text a
{
	background: #fff url( img/icons/fichier-code-source.png ) no-repeat scroll 4px 50%;
}

div#wrapper div#main div#content div#attachments ul li.document a
{
	background: #fff url( img/icons/fichier-document.png ) no-repeat scroll 4px 50%;
}

/* Similar posts */

div#wrapper div#main div#content div.similar h3
{
	margin: 0 0 5px;
	padding: 2px 6px;
}

div#wrapper div#main div#content div.similar ul
{
	margin: 0 -21px 0 0;
}

div#wrapper div#main div#content div.similar ul:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#wrapper div#main div#content div.similar ul li
{
	float: left;
	margin: 0 21px 0 0;
	position: relative;
	width: 202px;
}

div#wrapper div#main div#content div.similar ul li img
{
	border: 1px solid #e1e1f7;
	height: 116px;
	position: absolute;
	width: 200px;
}

div#wrapper div#main div#content div.similar ul li a.title
{
	color: #223353;
	display: block;
	font-weight: 700;
	line-height: 16px;
	padding: 120px 0 0 0;
	text-align: center;
}

div#wrapper div#main div#content div.similar ul li a:hover
{
	color: #f60;
}

/* Post comments/pings */

div#wrapper div#main div#content div#comments h3,
div#wrapper div#main div#content div#pings h3
{
	background: #d3d3e3 none no-repeat scroll left top;
	border-radius: 2px;
	margin: 0 0 5px 0;
	padding: 2px 6px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content div#comments dl dt,
div#wrapper div#main div#content div#pings dl dt
{
	border-color: #ddd;
	border-bottom-color: #f3f3f3;
	border-style: solid;
	border-radius: 2px 2px 0 0;
	border-width: 1px;
	margin: 5px 0 0 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content div#comments dl dt.comment,
div#wrapper div#main div#content div#pings dl dt.comment
{
	background: #f6f6f6 url( img/icons/voir-commentaire-tutoriel.png ) no-repeat scroll 628px 4px;
}

div#wrapper div#main div#content div#comments dl dt.ping,
div#wrapper div#main div#content div#pings dl dt.ping
{
	background: #f9f9f9 url( img/icons/voir-trackback-tutoriel.png ) no-repeat scroll 628px 4px;
}

div#wrapper div#main div#content div#comments dl dd,
div#wrapper div#main div#content div#pings dl dd
{
	background: #fcfcfc none no-repeat scroll right top;
	border-color: #ddd;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 2px 2px;
	margin: 0 0 5px 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-o-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content div#comments dl dd p,
div#wrapper div#main div#content div#pings dl dd p
{
	line-height: 16px;
	margin: 5px 0;
}

/* Post add comment */

div#wrapper div#main div#content form#comment-form h3
{
	background: #d3d3e3 none no-repeat scroll left top;
	border-radius: 2px;
	margin: 0 0 5px 0;
	padding: 2px 6px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content form#comment-form p
{
	margin: 0 0 5px 0;
}

div#wrapper div#main div#content form#comment-form label
{
	display: block;
	float: left;
	padding: 2px 0 0 0;
	width: 198px;
}

div#wrapper div#main div#content form#comment-form input,
div#wrapper div#main div#content form#comment-form textarea
{
	background: #f9f9f9;
	border-color: #d3d3e3;
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;
	width: 440px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content form#comment-form p.form-help
{
	background: transparent url( img/icons/aide-formulaire.png ) no-repeat scroll 200px top;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 0 218px;
	text-align: justify;
}

div#wrapper div#main div#content form#comment-form p.remember
{
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 0 200px;
	text-align: justify;
}

div#wrapper div#main div#content form#comment-form p.remember input
{
	float: left;
	margin: 1px 3px 0 2px;
	width: auto;
}

div#wrapper div#main div#content form#comment-form p.buttons
{
	clear: both;
	margin: 5px 0 0 0;
	text-align: right;
}

div#wrapper div#main div#content form#comment-form p.buttons input
{
	cursor: pointer;
	color: #f60;
	font-weight: 700;
	padding: 4px 6px;
	width: auto;
}

/* Post comment preview */

div#wrapper div#main div#content .error,
div#wrapper div#main div#content .message
{
	background: #fff none no-repeat scroll left top;
	border: 1px solid #e7e7f7;
	border-radius: 2px;
	font-weight: 700;
	margin: 0 0 10px 0;
	padding: 6px 6px 6px 24px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content .error
{
	background: #fff url( img/icons/erreur-publication-commentaire.png ) no-repeat scroll 6px 5px;
	color: #c00;
}

div#wrapper div#main div#content .message
{
	background: #e7e7f1 url( img/icons/information-publication-commentaire.png ) no-repeat scroll 6px 6px;
}

div#wrapper div#main div#content div#pr dl dd
{
	background: #fcfcfc none no-repeat scroll right top;
	border-radius: 2px;
	margin: 0 0 5px 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content div#pr dl dd p,
div#wrapper div#main div#content div#pr dl dd p
{
	line-height: 16px;
	margin: 5px 0;
}

div#wrapper div#main div#content div#pr p.buttons
{
	margin: 5px 0;
}

/* Post ping urls */

div#wrapper div#main div#content p#ping-url
{
	background: #e7e7f1 none no-repeat scroll left top;
	border-radius: 2px;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 4px;
	text-align: right;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content p#comments-feed
{
	display: none;
}

/* Content - publication date */

div#wrapper div#main div#content p.page-info
{
	display: none;
}

/* Content - Pagination */

div#wrapper div#main div#content p.pagination
{
	background: #e7e7f1 none;
	border-radius: 2px;
	margin: 0 0 10px 0;
	padding: 6px;
	text-align: center;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content p.pagination span.separator
{
	display: none;
}

div#wrapper div#main div#content p.pagination a
{
	font-weight: 700;
}

div#wrapper div#main div#content p.pagination a.prev
{
	float: left;
}

div#wrapper div#main div#content p.pagination a.next
{
	float: right;
}

/* Adsense block in content */

div#wrapper div#main div#content .adsense
{
	text-align: center;
}

/* Contribute */

#contribute form:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contribute form input
{
	background: #f60;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	float: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

#contribute form textarea
{
	width: 640px;
}

#contribute form input#post_title,
#contribute form input#c_name,
#contribute form input#c_mail,
#contribute form input#c_site
{
	background: #f9f9f9;
	border-color: #d3d3e3;
	border-style: solid;
	border-width: 1px;
	color: #000;
	cursor: text;
	margin: 0 0 5px 0;
}

#contribute form input#post_title
{
	float: none;
	width: 638px;
}

#contribute form div.format
{
	height: 24px;
}

#contribute form div.format label
{
	font-weight: 700;
	position: relative;
	top: 2px;
}

#contribute form div.format select
{
	border: 1px solid #d3d3e3;
	float: right;
}

#contribute form div.format select option
{
	padding: 0 4px;
}

#contribute form #p-convert-xhtml,
#contribute form #wiki-syntax-reference
{
	float: right;
	margin: 0 4px 0 0;
	position: relative;
	top: -1px;
}

#contribute form #wiki-syntax-reference a
{
	background: #f60;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 7px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
}

#contribute form #wiki-syntax-reference a:hover
{
	text-decoration: none;
}

div#wrapper div#main div#content #contribute form .jstSwitcher
{
	list-style-type: none;
	margin: 0 0 0 -5px;
	padding: 1px 0 5px;
}

#contribute form .jstHandle
{
	margin: 0 0 4px 0;
}

#contribute form p.field
{
	height: 26px;
}

#contribute form div.preview input
{
	background: #f60;
	color: #fff;
	cursor: pointer;
	float: right;
	font-weight: 700;
	margin: 0 0 0 5px;
}

/* Footer */

div#footer
{
	clear: both;
}

div#footer ul.link-list li:first-child
{
	background: none transparent;
	padding: 0;
}

div#footer p
{
	font-size: 11px;
	margin: 7px 0;
	text-align: center;
}

div#footer div.keywords
{
	background: #fff none;
	border-radius: 2px;
	color: #000;
	column-count: 3;
	margin: 7px 0;
	padding: 7px;
	text-align: center;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url( htc/border-radius.htc );
	
	-khtml-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	-webkit-column-count: 3;
}

div#footer div.keywords p
{
	font-size: 10px;
	margin: 0 0 5px 0;
	text-align: justify;
}

div#footer div.keywords p:last-child
{
	margin: 0;
}