body  { background-color: #c8c8c4;
background-image: url(images/fond.jpg);
margin-right: auto; 
margin-left: auto;
position: relative; width: 705px;
padding: 0;
margin-top: 0; }

#body-centre { width : 703px;
	font-family : verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	font-size : 12px;
	background : #eaeaea;
	border: 1px #9e9e9e solid;
	margin-top: 1px;
	position: relative; }
	
#center { overflow: auto; }
	
#colG{ width : 350px;
    float : left;
	background : #eaeaea; }
	
#colD{ width : 351px;
position : absolute;
	margin-left : 350px;
	background : #eaeaea; }
	
#blogG{ width : 480px;
    float : left;
    border-right: 1px solid white;
	background : #eaeaea; 
	margin-bottom: 10px;
	}
	
#blogD{ width : 223px;
    margin-left: 480px; margin-top: -20px ;
	background : #eaeaea; }
	
#ecoute { margin-top: 25px; margin-left: 25px; margin-right: 25px; }
	
p  { color: #504f4f; font-size: 12px; font-family: Verdana, "Trebuchet MS", Arial;  margin-left: 15px; margin-right: 15px; text-align: justify }

.p2  { color: #504f4f; font-size: 12px; font-family: Verdana, "Trebuchet MS", Arial;  margin-left: 25px; margin-right: 25px; padding: 5px; text-align: justify; border: 1px; border-style: solid; border-color: red; }

.p3  { color: #4B4C4D; font-size: 12px; font-family: "Arial Narrow", Verdana, "Trebuchet MS", Arial; text-align: center }

.p4  { color: #504f4f; font-size: 12px; font-family: Verdana, "Trebuchet MS", Arial;  margin-left: 10px; margin-right: 10px; text-align: justify }

h1 {padding-left: 10px; font-size: 14px; font-weight: bold; font-family: "Arial Narrow", "Trebuchet MS", Verdana; color: black; }

h2 {padding-left: 25px; font-size: 12px; font-weight: bold; font-family: "Arial Narrow", "Trebuchet MS", Verdana; color: black; border-bottom: 1px dotted #503f10; width: 80px;}

h3 {padding-left: 20px; font-size: 12px; font-weight: bold; font-family: "Arial Narrow", "Trebuchet MS", Verdana; color: grey;  }

img { float: middle; border : 0px;}


#date { color: #504f4f; font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial;  margin-right: 10px; text-align: right; padding-top: 3px; }

#date2 { color: #546a9d; font-size: 12px; font-weight: bold; font-family: "Arial Narrow", "Trebuchet MS", Verdana, Arial;  margin-left: 15px; text-align: left; margin-bottom: -10px; }

a { color: #4B4C4D; font-size: 13px; font-weight: bold; font-family: "Arial Narrow", "Trebuchet MS", Verdana, Arial; text-decoration: none; }

a:hover { color: red; text-decoration: underline;}

b { font-weight: bold; font-size: 12px; font-family: Verdana, "Trebuchet MS", Arial; color: #4B4C4D; }

.li2 { color: #504f4f; font-size: 12px; margin-left: 10px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce2.png); list-style-position: inside; padding-top: 2px;}

.li3 { color: #504f4f; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce3.png); list-style-position: inside; padding-top: 2px;}

.li4 {color: #504f4f; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce4.png); list-style-position: inside; padding-top: 2px;}

.li5 {color: #504f4f; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce5.png); list-style-position: inside; padding-top: 2px;}

.li6 { color: #504f4f; font-size: 12px; margin-left: 20px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce5.png); list-style-position: inside; padding-top: 2px;}

.li7 {color: #504f4f; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce4.png); list-style-position: inside; padding-top: 2px; margin-left: -15px;}

/******   H3    */
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:705px;
	position:relative;
	display:block;
	height:24px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #555555;
	border-top:1px solid #919191;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	}
ul#menu li a{
	display:block;
	float:left;
	color:black;
	text-decoration:none;
	font-weight:bold;
	padding:6px 20px 0 20px;
	height:17px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}
ul#menu li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;	
	}