body  { background-color: #4B4C4D;
margin-right: auto; 
margin-left: auto;
position: relative; width: 800px;
padding: 0;
margin-top: 0; }


#body-centre {
	width : 800px;
	font-family : "Century Gothic", verdana, "trebuchet ms", tahoma, arial, helvetica, sans-serif; 
	font-size : 12px;
	background : #E8E8E8;
	}

#menuDeroulant
{
 width: 800px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
position: absolute;
}

#menuDeroulant li
{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu
{
 list-style-type: none;
 position: absolute;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}


#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: auto;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 0px 0px;
 border-right: 0px solid #fff;
 text-decoration: none;
}

#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited


{ $ display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("images/fond_menu.png") repeat;
}
#menuDeroulant .sousMenu li a:hover {
 background-image: none;
 background-color: #F2462E; }

#menuDeroulant .sousMenu li {
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 128px;
 border-top: 1px solid transparent;
 border-left: 1px solid transparent;
 }

#menuDeroulant .sousMenu {
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0; 
 }
 
#menuDeroulant li:hover > .sousMenu { display: block; }


p  { color: #011A01; font-size: 12px; font-family: "Century Gothic", Verdana, "Trebuchet MS", Arial; background-color: #E8E8E8; margin-left: 10px; margin-right: 10px; text-align: justify; }

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

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

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

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


h2 { color: #4D5C4A; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial; padding-left: 10px;}

li { color: #069; font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: none; list-style-position: inside; }

.li2
{ color:#011A01; font-size: 12px;, margin-right: 5px;, font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce.gif); list-style-position: outside; }

.li3
{ color:#011A01; font-size: 12px; margin-right: 5px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/puce.gif); list-style-position: inside; }

.li4
{ color:#011A01; font-size: 12px; margin-right: 5px; font-family: "Trebuchet MS", Verdana, Arial; list-style-image: url(images/pucefleche.png); list-style-position: inside; }


#bloc-gauche {
   float:left;
    margin: 5px;
   }
   
   div.float {
 	float: left;
 	margin-left:10px;
 }
 
    div.float2 {
 	float: left;
 	margin-left:-8px;
 	margin-top: 1px;
 }

div.float p {
 	text-align: center;
  }
  
div.container {
    background-color:#CCCCCC;
   border: 1px solid grey;
   position: relative;
   margin: 0px auto;
   width: 470px;
 }
 
 div.container2 {
    background-color:#E8E8E8;
   border: 1px solid grey;
   position: relative;
   margin: 0px auto;
   width: 700px;
 }
 
 div.spacer {
 	clear: both;
 }
 
 {
 style="border-top 1px solid"
 }
 
 #img-portrait {
border: 1px solid grey;
}

#col-gauche {
	padding-left : 40px;
    width : 250px;
	background : FFFFFF;
	border : 0px solid;
}

#col-droite {
	padding-left : 0px;
	margin-right : 140px;
	background : FFFFFF;
	border : 0px solid;
	float : right;	
}
	
 div.container3 {
    background: #4B4C4D;
   border: 1px solid grey;
   position: relative;
   margin: 0px auto;
   width: 550px;
   height: 480px;
   }