html {
                background: url(images/fond.png) repeat left top;
           }

  body  {
                font: 0.9em Verdana, Arial, Helvetica, sans-serif;
                background: url(images/ombre.png) repeat-y center;
                margin: 0;
                padding: 0px;
                text-align: center;
                color: #000000;
        } 



.DeuxCol #conteneur {
                width: 960px; 
                height: auto;   
                background: #565656;           
                margin: 0 auto; 
                
                border-top: 8px solid #D01CBD;
                padding: 0px; 
                text-align: left;
        }
        


 img {
   border: 2px solid #fff;
 }

       .DeuxCol #header{
   height: 155px;
   background-image: url("images/bandeau.jpeg");
   /*background: #fff;*/
   background-repeat: no-repeat;
   margin: 0;
        padding: 0;
   }
   .DeuxCol #header h1 
   { 
   margin: 0; 
   padding: 10px 0; 
   }

.DeuxCol #sidebar { 
   float: right; 
    width: 200px; 
    background: #565656;
     padding: 15px 10px; 
     color: #fff;
     margin : -60px 30px 0 0px;
     } 
				
		
#sidebar ul {
	margin : 0; padding : 5px 0 0 10px;
	}
#sidebar li {
    width: auto ;
	float : left;
	margin-top: 8px ; padding :  0 0 0 0px;
	list-style-type : none;
	font-size: 1.2em;
	text-align : left;
	 color: #fff ;
	 font-weight: bold ;
	 text-decoration: none;
	}
#sidebar li a {
	list-style-type : none;
	text-align : left;
	color: #fff ;
	text-decoration: none;
	}
#sidebar li a:hover {
       color: #D01CBD;
	}

  .DeuxCol #contenu { 
   width: 580px; 
   background: #EBEBEB; 
   padding: 10px 10px 20px 10px; 
   margin: 10px 0px 0px 85px ;
   border-bottom: 4px solid #D01CBD;
   }
    .DeuxCol #contenu h1 
   { 
   margin: 5px -10px 0 25px; 
   padding: 0px 0 4px 15px;
   color: #fff ; 
   font-size: 1.6em ;
   background: #565656;
   }
   .DeuxCol #contenu h2
   { 
   /*margin: 5px 250px 0 25px; */
   margin : 5px 250px 0px 25px;
   padding: 0px 0 4px 15px;
   color: #fff ; 
   font-size: 1.2em ;
   background: #565656;
   }
   
   .DeuxCol  #date {
	text-align : left;
	font-size : 0.7em;
	color: #ccc ;
    margin-left: 25px;
	}

.DeuxCol #footer { padding: 0 10px 0 20px; background:#565656; } 
    .DeuxCol #footer p { margin: 0; padding: 10px 0;  } 
    .DeuxCol #footer a { margin: 0; padding: 10px 0; color: #fff; font-size : 0.7em; } 

  .DeuxCol #contenu p
   {
   padding: 0 25px 0 25px;
   }
   
   .DeuxCol  #texte {
   text-align: justify ;
   line-height: 1.3em ;
   display:list-item;
    list-style-image:url(images/puce.png);
    list-style-position:inside;
    margin-right: 30px;
   }
     
   
   a:link{
   text-decoration:none;
   color: #565656; 
   }
   a:visited{
   color: #565656;
   text-decoration:none;
   }
    a:hover{
   color: #D01CBD;
   }
   a.extern {
  background-image: url(images/fleche.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 12px;
}
   
   /*liste*/
   
   #categories ul {
	margin : 0; padding : 0 0 0 17px;
	}
#categories li {
	float : right;
	margin : 0; padding :  0 0 0 10px;
	list-style-type : none;
	font-size: 1.2em;
	text-align : center;
	}
#categories li a {
            width: 120px ;
			line-height: 26px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
	}
#categories li a:hover {
        background: #999 repeat-x 0 0 ;
	border-bottom : 4px solid #dbd7ae;
	}
	
	/*tables*/
.DeuxCol #centretable 
{
padding: 0 25px 0 25px;
}	
	
table {
width: auto;
}	
	td /* Toutes les cellules des tableaux... */
{
height:60px;
   /*border: 1px solid black;  ... auront une bordure de 1px */
}

 tr {
 width=320px;
 }

<!--[if IE]>
 <style type="text/css">
 html pre
{
	width: 940px ;
}
</style>
<![endif]-->