/* INITIALISATION DES ÉLÉMENTS HTML */
	* { margin: 0; padding: 0; }
	HTML, BODY {
		height: 100%;
		margin: 0;
		padding: 0;
		}
	BODY {
		color: #000;
		cursor: default;
		}
	H1,H2,H3,H4,H5,H6 {
		padding: 0;
		margin: 1em 0 0.5em;
		}
	H1 {
		margin: 0 0 0.5em;
		}
	H1 SPAN {
		position: relative;
		z-index: 1;
		}
	P {
		margin: 0.25em;
		padding: 0.25em;
		}
	DT { margin-top: 1em; }
	DD { margin: 0.25em 0 0 2em; }
	OL, UL, DL {
		margin: 1em 0em 1em 3em;
		padding: 0em;
		}
	LABEL {
		font: normal 1em Verdana;
		} 
	SELECT:focus { outline: none; } /* Pour chrome */


/* ZONES CIBLES  TESTS */
	.empty {
		background: #ff0;
		border: 1px solid #000;
		color: #639;
		font: normal 2em/100px "Comic Sans MS", cursive;
		margin: 0.5em;
		text-align: center;
		height: 100px;
		}
	
	#left .description,
	#right .description {
		display: none;
		}		
	#left IMG,
	#right IMG {
		display: ;
		}
	#left .items,
	#right .items {
		margin: 0 0.5em;
		}
	#left .rss H1,
	#right .rss H1 {
		display: none;
		}
	#left .rss H2,
	#right .rss H2 {
		font: normal 1em Verdana;
		}
		
	#right .header {
		padding: 0 0 0.5em 0;
		}
	#right .items LI:hover .description {
		display: block;
		}
	#right H6 {
		display: none;
		}
	#right .description {
		margin: 0 0 1em 0;
		}

	#up .items {
		list-style-type: decimal;
		margin: 0 3em;
		}
	#up .channel IMG {
		float: right;
		display: inline;
		}

	#down {
		clear: left; /* IE7 FIX */
		}
	#down .channel IMG {
		float: right;
		display: inline;
		}
	#down .items {
		list-style-type: none;
		margin: 0 3em;
		}
	#down .numero {
		display: block;
		}


/*** GABARIT  ***/
		
/* Navigation */
	#navigation {
		padding: 1em;
		position: relative;
		z-index: 4;
		}
		
/* Page */
	#header {
		left: 500px;
		top: -155px;
		position: absolute;
		width: 400px;
		height: 220px;
		background: transparent url(../images/clouds.png) scroll repeat-x 0 35px;
		z-index: 3;
		}
	.contents {
		font: normal 0.85em 'Trebuchet MS',Helvetica, sans-serif;
		float: left;
		position: relative;
		width: 940px;
		}
	#footer {
		clear: left;
		padding: 1em 0; /* (1) IE7 FIX = 0 doit-être égale à 0  */
		text-align: center;
		width: 100%; /* (1) : IE7 FIX */
		}
		
/* Décoration */
	BODY {
		background: #729FCF url(../images/clouds.png) fixed repeat-x 1000% 50px;
		width: 100%;
		}
	.outerTemplate {
		background: transparent url(../images/clouds.png) repeat-x -500% 150px;
		height: 100%;
		text-align: center;
		}
	#template {
		margin: 1em auto;
		text-align: left;
		width: 1000px;
		} 
	#template .top,
	#template .bottom  {
		height: 18px;
		}
	#template .top,
	#template .middle,
	#template .bottom  {
		margin-right: 20px;
		}
	#template .top DIV ,
	#template .middle #page,
	#template .bottom DIV  {
		left: 20px;
		position: relative;
		}
	#template .top DIV ,
	#template .bottom DIV  {
		float: right;
		height: 18px;
		width: 20px;
		}
	#template .top {
		background: transparent url(../images/box_top.png) no-repeat 0 0;
		}
	#template .top DIV {
		background: transparent url(../images/box_top.png) no-repeat 100% 0;
		}
	#template .middle {
		background: transparent url(../images/box_middle.png) repeat-y 0 0;
		}
	#template .middle #page {
		background: transparent url(../images/box_middle.png) repeat-y 100% 0;
		padding: 0 20px 0 0;
		padding: 0 30px 0 10px; /* padding côté +10px  */
		}
	#template .bottom {
		background: transparent url(../images/box_bottom.png) no-repeat 0 0;
		}
	#template .bottom  DIV {
		background: transparent url(../images/box_bottom.png) no-repeat 100% 0;
		}

	
/* MINI FRAMEWORK  CSS */

	.fLeft {
		float: left;
		position: relative;
		z-index: 3;
		}
	.w100  {
		clear: both;
		width: 100%;
		}
	.w90 { width: 90%; }
	.w85 { width: 85%; }
	.w80 { width: 80%; }
	.w75 { width: 75%; }
	.w70 { width: 70%; }
	.w65 { width: 65%; }
	.w60 { width: 60%; }
	.w55 { width: 55%; }
	.w50 { width: 50%; }
	.w45 { width: 45%; }
	.w40 { width: 40%; }
	.w35 { width: 35%; }
	.w30 { width: 30%; }
	.w25 { width: 25%; }
	.w20 { width: 20%; }
	.w15 { width: 15%; }
	.w10 { width: 10%; }