body {
	margin: 0px;
	padding: 0px;
	text-align:justify;
	text-indent:0px;
	background:url(images/petalhautgauche.jpg) no-repeat top left;
	background-position: 0px 0px;
	background-color:#FFFFFF;
}
a{
	/*color:#0000FF;*/
}
a:hover{
	text-decoration:none;
}

body a:visited{
	text-decoration:none;
	color:#0000FF;
}
	

/* Emplacement du FLASH Banniere */
div#banniereFlash {
	position: absolute;
	top:0px;
	left: 26px;
	width: 825px;
	height: 160px;
	font-size : 100%;
}

/* Article a Gauche*/
div#articleg {
	position: absolute;
	top: 360px;
	left: 20px;
	width: 280px;
	font-size : 100%;
}
div#articleg h1{
    text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	color:#FFFFFF;
	font-weight: bold;
	background-color:#ECA75B;
	text-align:left;
}

div#articleg h2{
    text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#FFFFFF;
	background-color:#C5D8E9;
	text-align:left;
}

div#articleg p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#666666;
	font-weight: normal;
}
div#articled p.paraOver{
	background-color:#A0D57A;
}
div#articleg p.paraOver{
	background-color:#A0D57A;
}
div#articleg li.paraOverLi{
	background-color:#A0D57A;
}
div#articleg td.paraOverTD{
	background-color:#A0D57A;
}

div#articleg div.contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color : #666666;
	background-color : #fefefe;
	margin-bottom : 11px;
	padding : 10px;
	line-height : 140%;
	
}


/*Article a droite*/
div#articled {
	position: absolute;
	top: 360px;
	left: 320px;
	width: 280px;
	font-size : 100%;
}

div#articled h1{
	text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	color:#FFFFFF;
	font-weight: bold;
	background-color:#ECA75B;
}
div#articled h2{
    text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#FFFFFF;
	background-color:#C5D8E9;
	text-align:left;
}
div#articled p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#666666;
	font-weight: normal;
}

div#articled div.contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color : #666666;
	background-color : #fefefe;
	margin-bottom : 11px;
	padding : 10px;
	line-height : 140%;
}
/*Message d'introductions*/

div#introMess {
	position: absolute;
	top: 160px;
	left: 20px;
	width: 580px;
	font-size : 100%;
}

div#introMess h1{
	text-indent:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	color:#FFFFFF;
	font-weight: bold;
	background-color:#ECA75B;
}
div#introMess h2{
	text-indent:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#000000;
	font-weight: bold;
}
div#introMess h3{
	text-indent:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#333333;
	text-indent:5px;
}

div#introMess p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#666666;
	font-weight: normal;
}

div#introMess div.contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color : #666666;
	background-color : #fefefe;
	padding : 10px;
	line-height :140%;
}

div#introMess div.contenu h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style:normal;
	color:#999999;
}
div#introMess div.contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style:normal;
}
.explication{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style:normal;
}
.date{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 100%;
	font-style:normal;
	font-style:italic;
}
/*fin d'introductions*/


/* Sidebar*/
div#sidebar {
	position: absolute;
	top: 180px;
	left: 630px;
	width: 222px;
	font-size : 70%;
}

div#sidebar div.feature {
	font-family: Arial, Helvetica, sans-serif;
	color : #666666;
	background-color : #fefefe;
	border : 1px solid #efefef;
	margin-bottom : 11px;
	padding : 10px;
	line-height : 140%;
}

div#sidebar div.flash {
	font-family: Arial, Helvetica, sans-serif;
	background-color : #fefefe;
	border : 1px solid #efefef;
	margin-bottom : 11px;
	padding : 0px;
	line-height : 140%;
}
div#sidebar div.flash h1{
	font-size : 110%;
	margin : 0;
	padding : 10px;
	color: #000000;
}
div#sidebar div.feature ul{
	margin : 0;
	padding : 0;
	line-height : 180%;
	list-style-type: square;
	list-style-position: inside;
}
div#sidebar div.feature ul li{
	color : #C5D8E9;
	background-color : transparent;
}
div#sidebar div.feature ul li a{
	color : #115EFC;
	background-color : transparent;
	text-decoration : underline;
}
div#sidebar div.feature a:hover, a:active{ 
	color: #9685BA;
}
div#sidebar div.feature a:visited { 
	text-decoration: underline; 
	color : #0099FF;
}
div#sidebar div.feature ul li a:hover{
	text-decoration : underline;
}
div#sidebar h1{
	font-size : 110%;
	margin : 0;
	padding : 0;
	color: #000000;
}
div#sidebar h2{
	font-size : 100%;
	margin : 0;
	padding : 0;
	color:#336699;

}
/*fin Sidebar*/

/*Emplacement Titre */
div#titre{
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:20px;
	left:160px;
	font-weight:200;
	font-size:140%;
}
div#titre h0{
	position:absolute;
	top:0px;
	color:#FFCC33;
	left:30px;
	font-size:130%;
	width:800px;
	height:auto;
	font-weight:bold;
}
div#titre h1{
	position:absolute;
	top:-20px;
	left:30px;
	font-size:100%;
	width:800px;
	height:auto;
}