@CHARSET "UTF-8";

#sitemeter {
	display: none;
}

/* Reset */

html { font-size: 100%; }
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	display: inline;
}
a:link{
	text-decoration: none;
	color: black;
}

a:visited {
	text-decoration: none;
	color: #777777;
}

a img {
	text-decoration: none;
	border: none;
}

body {
	background-color: #fff;
	color: #000;
	margin: 0;			/* void out browser-defined gutterspace */
	padding: 0;
	font-family: futura lt, futura, helvetica, sans-serif;
	font-size: 10pt;
	font-stretch: condensed;
	text-align: center;
}

#sleeve {
	max-width: 999px;	/* max resolution - 25px to accomadate for the vertical
						   scrollbar */
	min-width: 615px;	/* min resolution - 25px */
	margin: 0 auto;		/* auto horizontal margins will cause the layout to be
						   horizontally centered (usually) */
	text-align: left;
}

#book {
	margin: 10px;			/* reserve some gutter space around the layout even in very low resolution */
	/*border: solid 1px #ccc;*/
	background-color: #fff;
}

/* Styles pour le bloc d'en-tête en 3 parties, avec alignement sur la ligne du bas
*/
#en-tete {
/*	clear: both;*/
	float:none;
	width: 95%;
	margin: 0 auto;
	/*border: 2 solid;*/
	position: relative;
	height: 12em; /* Parce que la box ne se dimensionne pas par rapport aux élements qu'elle contient et qui sont positionnés absolument */
/*	background-color: #fbc;
	background-color: #fdb;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;*/
}

#etg, #etc, #etd {
	position: absolute;
	bottom: 0;
/*	background-color: #f00;*/
	padding:0;
	left: 1em;
	
}

#etg {
	float: left;
	width: 26%;
	max-width: 26%;
	left: 0;
	font-size: 0.7em;
	padding-right: 5px;
	/*font-stretch: narrower;*/
	letter-spacing: -0.01em;
}

#etg img {
	float: right;
	padding-right: 0.6cm;
	padding-left: 0.2cm;
}

#etg p {
	margin-bottom: 0;
	margin-top: 0em;
	text-align: justify;
	padding-top: 2em;
}

#etc {
	float:left;
	width: 48%;
	left: 25%;
}

#etc h1 {
	text-align: right;
	float: left;
	font-size: 4.3em;
	/*clear: left;*/
	display: block;
	width: 100%;
	margin-bottom: -0.4cm;
}

#etc h2 {
	font-style: normal;
	font-weight: normal;
	text-align: right;
	display: block;
	float: left;
	clear: left;
	width: 100%;
}

#etd {
	float: left;
	/*clear: left;*/ 
	text-align: right;
	width: 26%;
	left: 74%;
}

/* Début styles pour les blocs de blogs */ 

#blogs {
	position: relative;
}

#blog-st {
	padding: 1px 10px 10px 10px;
	position: relative;
	height: 23em;
	z-index: 1;
	/*border: 1px solid black;*/
}

#blog-pod {
	padding: 0.1em 1em 0em 1em;
	height: 13.8em;
	position: relative;
	z-index: 1;
	/*border: 1px solid black;*/
}

#blog-cdj {
	/*background-color: blue;*/
	padding: 0.1em 1em 1em 1em;
	position: absolute;
	z-index: 2;
	left: 41em;
	top: 12em;
	width: 41.5%;
	height: 22.3em;
}

#env-txt-blog-nl, #txt-blog-nl, #txt-blog-st, #env-txt-blog-st,
#env-txt-blog-pod, #txt-blog-pod, #txt-blog-cdj, #env-txt-blog-cdj {
	display: none;
}

.titre-bloc {
	/* Changement de font pour avoir une police plus épaisse */
	font-family: arial, helvetica, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: bold;
}
.date-bloc {
	font-size: 1.5em;
	font-weight: bold;
	font-family: futura md, futura, helvetica, sans-serif;
}

.premier-billet a {
	font-size: 1.2em;
}

.groupe-billets img {
	/*height: 100%;*/
	float: left;
	position: absolute;
	clear: left;
}

.liste-billets {
	float: right;
	left:220px;
	position: absolute;
	width: 75%;
}

.groupe-billets {
	position: relative;
	float:none;
	height: 15em;
}

.derniers-posts {
	font-weight: bold;
	color: white;
}

#blog-st .autres-titres {
	width: 50%;
}

#grp-posts-cdj {
	position: relative;
	float:none;
	height: 17em;
}

#grp-posts-cdj img {
	/*height: 100%;*/
	float: left;
	/*position: absolute;*/
	clear: both;
}

#lst-posts-cdj {
	float: right;
	left:110px;
	position: absolute;
	width: 50%;
}

#aut-posts-cdj {
	/*top: 20em;*/
	/*float:left;*/
	clear: both;
}

#blog-pod .premier-corps-billet {
	float: right;
}

#blog-pod .image-titre img{
	/*height: 100%;*/
	float: left;
	/*position: absolute;*/
	clear: both;
}

#blog-pod .liste-billets, #blog-nl .liste-billets {
	width: 29em;
	left: 110px;
}

#blog-nl, #res {
	float: left;
	padding-top: 3px;
}

#res {
	padding-right: 6px;
}

#blog-nl {
	border-left:3px solid black;
	height:90%;
	margin-top:0.5em;
	padding-left:4px;
	width:60%;
}

#blog-nl .groupe-billets {
	height: 8em;
}

#res .titre-bloc, #blog-nl .titre-bloc {
	font-size: 1.1em;
	font-weight: bold;
	color: black;
	text-transform: none;
}

#blog-nl .premier-billet {
	margin-bottom: 3px;
}

#blog-nl .premier-billet a{
	color: black;
	font-size: 1em;
}

#ligne-nl {
	height: 11em;
	width: 95%;
	margin: 0 auto;
	padding: 0;
	border-bottom: 3px solid black;
	z-index: 1;
	position: relative;
}

#footer {
	margin: 0 auto;
	width: 50%;
}

#footer span {
	padding-left: 1em;
	padding-right: 1em;
	min-width: 10em;
	float: left;
	text-align: center;
}