/* 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;
}

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

/* Layout */

#page
{
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

div#wrapper div#main
{
	float: left;
	margin: 0 5px 0 0;
	width: 664px;
}

div#wrapper div#sidebar
{
	float: right;
	margin: 0 0 0 5px;
	width: 312px;
}

div#wrapper div#sidebar div#blogextra
{
	display: none;
}

/* Sections */

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

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

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

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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 0 7px;
	color: #000;
	padding: 7px;
	position: absolute;
	right: 0;
	top: 0;
	
	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 0 0 0 7px;
	-moz-border-radius: 0 0 0 7px;
	-o-border-radius: 0 0 0 7px;
	-webkit-border-radius: 0 0 0 7px;
	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: 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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;
}

div#top div#prelude form input.submit
{
	background: #f60;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
}

/* Baseline */

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

/* Categories */

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

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	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
{
	zoom: 1;
}

/* Internet Explorer 7 only fix */
*+html div#top div.categories
{
	zoom: 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: 4px;
	color: #f60;
	text-decoration: none;

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

/* Wrapper */

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

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	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
{
	zoom: 1;
}

/* Internet Explorer 7 only fix */
*+html div#wrapper
{
	zoom: 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 */

div#wrapper div#sidebar div div h2
{
	background: #223353 none;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 2px 8px;

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

div#wrapper div#sidebar div div h3
{
	background: #d3d3e3 none;
	border-radius: 4px;

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

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

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

/* Sidebar facebook widget */

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

/* Sidebar last comments widget */

div#wrapper div#sidebar div.lastcomments ul li
{
	border-radius: 4px;
	margin: 5px 0 0;
	padding: 4px 4px 4px 26px;
	
	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url( htc/border-radius.htc );
}

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

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

/* Sidebar twend widget */

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

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

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

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

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

/* Sidebar categories widget */

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

/* Sidebar contact widget */

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

/* Sidebar links widget */

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

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

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

/* Sidebar pages widget */

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

/* Sidebar selected posts widget */

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

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

/* Sidebar next posts widget */

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

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

/* Sidebar last posts widget */

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

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


/* Sidebar syndication widget */

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

/* Sidebar tags widget */

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

div#wrapper div#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;
	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#wrapper div#main div#content div.content-inner h2
{
	background: #223353 none;
	border-radius: 4px;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 4px;

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

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

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

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

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

div#wrapper div#main div#content 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#wrapper div#main div#content div.content-inner ul.tags
{
	zoom: 1;
}

/* Internet Explorer 7 only fix */
*+html div#wrapper div#main div#content div.content-inner ul.tags
{
	zoom: 1;
}

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

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

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


/* Content - posts */

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

div#wrapper div#main div#content div.post div.header
{
	background: #d3d3e3 none;
	border-radius: 4px;
	padding: 0 0 4px 0;
	margin: 0 0 10px 0;
	position: relative;

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

div#wrapper div#main div#content 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#main div#content 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#main div#content div.post div.header .social:hover span
{
	display: block;
}

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

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

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

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

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

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

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

div#wrapper div#main div#content 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#main div#content 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#main div#content div.post div.header .post-tags
{
	margin: 5px 0 0;
	padding: 0 74px 0 4px;
}

div#wrapper div#main div#content 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#main div#content div.post div.header .post-tags li a
{
	font-weight: 700;
	line-height: 18px;
}

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

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

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

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

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

div#wrapper div#main div#content 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#main div#content 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#main div#content 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#main div#content div.post div.post-excerpt:after,
div#wrapper div#main div#content 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#main div#content div.post div.post-excerpt ul,
div#wrapper div#main div#content div.post div.post-content ul
{
	list-style-type: disc;
	padding: 0 0 0 20px;
}

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

/* Post content skinning - titles */

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

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

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

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

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

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

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

/* Post content skinning - paragraphs */

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

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

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

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

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

/* Post content skinning - image list */

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

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

/* Post content skinning - legends */

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

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

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

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

/* Post content skinning - videos */

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

/* Post content skinning - framing */

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

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

div#wrapper div#main div#content div.post div.post-excerpt div.left-framing img,
div#wrapper div#main div#content div.post div.post-content div.left-framing img,
div#wrapper div#main div#content div.post div.post-excerpt div.right-framing img,
div#wrapper div#main div#content div.post div.post-content div.right-framing img
{
	display: block;
	margin: 0 auto;
}


/* Post content skinning - code chunk */

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

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

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

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

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

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

div#wrapper div#main div#content div.post div.post-excerpt textarea.code,
div#wrapper div#main div#content div.post div.post-content textarea.code
{
	background: #fcfcfc none no-repeat scroll left top;
	border-color: #d3d3e3;
	border-radius: 0 0 6px 6px;
	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 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	behavior: url( htc/border-radius.htc );
}

div#wrapper div#main div#content div.post div.post-excerpt pre.code,
div#wrapper div#main div#content div.post div.post-content pre.code
{
	background: #fcfcfc none no-repeat scroll left top;
	border-color: #d3d3e3;
	border-radius: 0 0 6px 6px;
	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 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	behavior: url( htc/border-radius.htc );
}

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

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

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

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

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

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

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

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

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

/* Post attachments */

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

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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
{
	zoom: 1;
}

/* Internet Explorer 7 only fix */
*+html div#wrapper div#main div#content div#attachments ul
{
	zoom: 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: 4px;
	display: block;
	line-height: 16px;
	padding: 2px 2px 2px 26px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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%;
}

/* 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: 4px;
	margin: 0 0 5px 0;
	padding: 2px 6px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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: 4px 4px 0 0;
	border-width: 1px;
	margin: 5px 0 0 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 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 4px 4px;
	margin: 0 0 5px 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	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: 4px;
	margin: 0 0 5px 0;
	padding: 2px 6px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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;
	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: 4px;
	border-style: solid;
	border-width: 1px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;
	width: 442px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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 p#pr.error,
div#wrapper div#main div#content p#pr.message
{
	background: #e7e7f1 none no-repeat scroll left top;
	border-radius: 6px;
	font-weight: 700;
	margin: 0 0 10px 0;
	padding: 6px 6px 6px 24px;

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

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

div#wrapper div#main div#content p#pr.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: 4px;
	margin: 0 0 5px 0;
	padding: 4px;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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: 4px;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 4px;
	text-align: right;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	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: 6px;
	margin: 0 0 10px 0;
	padding: 6px;
	text-align: center;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	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;
}

/* 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: 7px;
	color: #000;
	column-count: 3;
	margin: 7px 0;
	padding: 7px;
	text-align: center;

	/* Compatibility for not-so CSS3 browsers */
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-webkit-border-radius: 7px;
	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;
}

/* Forum specific styles */

/* Forum - Integrated login form */

form.login
{
	background: #f7f7ff none;
	border-color: #e1e1f7;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 10px 0;
	padding: 6px;

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

form.login h3
{
	background: #d3d3e3 none;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	padding: 4px;

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

form.login input
{
	border-radius: 4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px;

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

form.login input#username,
form.login input#password
{
	background: #f9f9f9;
	border-color: #d3d3e3;
	border-style: solid;
	border-width: 1px;
	width: 125px;
}

form.login input.submit
{
	background: #f60;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
}

/* Forum - Forum list */

.section .topic-list .header
{
	background: #223353 none;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 4px;

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

.section .topic-list li:after
{
	/* Clear fix: see http://www.positioniseverything.net/easyclearing.html */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section .topic-list dt
{
	float: left;
	width: 50%;
}

.section .topic-list dd
{
	float: left;
	width: 10%;
}

.section .topic-list dd.topics,
.section .topic-list dd.posts
{
	text-align: center;
}

.section .topic-list .header dd
{
	font-size: 12px;
}

.section .topic-list dd.last-post
{
	width: 30%;
}

.section .forums li
{
	background: #fff;
	border-color: #ddd;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	color: #000;
	padding: 4px;
	margin: 6px 0 0 0;

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

.section .forums li dt
{
}

.section .forums li dt a
{
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 2px 0;
}

.section .forums li dt span
{
	font-size: 11px;
}

.section .forums li dd.topics,
.section .forums li dd.posts
{
	font-size: 16px;
	font-weight: 700;
	padding: 12px 0 0 0;
	text-align: center;
}

.section .forums li dd dfn
{
	display: none;
}

.section .forums li dd span
{
	display: block;
}

.section .forums li dd a.icon
{
	float: left;
	margin: 2px 2px 0 0;
}

.section .forums li dd span.time
{
	float: left;
	font-size: 11px;
}

/* Forum - footer */

div#footer ul.link-list
{
	background: #fff none;
	border-radius: 7px;
	color: #000;
	font-size: 11px;
	margin: 7px 0;
	padding: 7px;
	text-align: center;

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

div#footer ul.link-list li
{
	background: url( img/icons/puce.png ) no-repeat 6px 50% transparent;
	display: inline;
	padding: 0 0 0 20px;
}