@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: left;
	padding-right: 0.6cm;
	padding-left: 0.2cm;
	margin-bottom: 0.45em;
}

#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: center;
	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-cdj {
	background-color: #6EB46C;
	/*padding: 0.1em 1em 1em 1em;*/
	position: absolute;
	z-index: 1;
	left: 41em;
	top: 11.8em;
	width: 32.4em;
	height: 26em;
	/*left: 0px;
	top: 0px;*/
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#txt-blog-cdj {
	font-size: 11.7em;
	font-weight: bold;
	color: #5AC456;
	font-family: arial;
	padding: 0 0 0 0;
	margin: 0 0 0 -0.08em;
	line-height: 74%;
	letter-spacing: -0.08em;
}

#env-txt-blog-pod {
	background-color: rgb(51, 99, 51);
	/*padding: 0.1em 1em 1em 1em;*/
	position: absolute;
	z-index: 0;
	top: 23.71em;
	width: 100%;
	height: 14.1em;
	left: 0px;
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#txt-blog-pod {
	color:#5E4D5D;
	font-family:arial;
	font-size:19.5em;
	font-weight:bold;
	letter-spacing:-0.08em;
	line-height:74%;
	margin-left:-0.08em;
	padding:0;
}

#env-txt-blog-st {
	background-color: rgb(129, 194, 128);
	/*padding: 0.1em 1em 1em 1em;*/
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 23.71em;
	/*left: 0px;
	top: 0px;*/
	overflow: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#txt-blog-st {
	font-size: 33em;
	font-weight: bold;
	color: rgb(150, 203, 147);
	font-family: arial;
	padding: 0 0 0 0;
	margin: 0 0 0 -0.09em;
	line-height: 74%;
	letter-spacing: -0.06em;
}

#env-txt-blog-nl {
	height:12em;
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:37.77em;
	width:100%;
	z-index:0;
}

#txt-blog-nl {
	font-size: 15em;
	font-weight: bold;
	color: rgb(229,229,229);
	font-family: arial;
	padding: 0 0 0 0;
	margin: 0 0 0 -0.08em;
	line-height: 74%;
	border: 0;
	letter-spacing: -0.06em;
	width: 100%;
}

.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;
	color: white;
        text-shadow: -3px 0 orange, 0 3px orange,
          3px 0 orange, 0 -3px orange,
          -2px 2px orange, 2px 2px orange,
          -2px -2px orange, 2px -2px orange;
}
.date-bloc {
	font-size: 1.5em;
	font-weight: bold;
	font-family: futura md, futura, helvetica, sans-serif;
}

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

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

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

.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;
}
#grp-posts-cdj .titre-billet img {
	display: inline;
	clear: none;
	float: none;
}

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

#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: 115px;
}

#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:40%;
}

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

#res .titre-bloc, #blog-nl .titre-bloc a:link, #blog-nl .titre-bloc a:visited {
	font-weight: bold;
	color: orange;
	text-transform: none;
}

#res .titre-bloc {
	font-size: 1.5em;
}

#blog-nl .titre-bloc {
	font-size: 1.5em;
}
#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 div {
	padding-left: 1em;
	padding-right: 1em;
	min-width: 45%;
	float: left;
	margin-bottom: 1em;
/*	text-align: center;*/
}

#ftg {
	text-align: right;
}
#ftd {
	text-align: left;
}