a {	
	color: #3366CC;	
	text-decoration: none;
}
body {	
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 2em;	
	/*color: #336699;*/
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
	}
h2 {
	color: #CCCCCC
	}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	background-color: #006666;  	
	color: #DCDCDC
	}
h4 {
	color: #000000
	}
	.TablePrincipale
	{
	background:#FFFFFF;
	border:  hidden;
	text-align:center;
	}
	.TableSSbordNonCentrer
	{
	background:#FFFFFF;
	border:  hidden;
	}
	.ColonneTablePrincipale
	{
	border:  hidden;
	}

	.sectiontableentry1
	{
	border-style:dashed;
	border-width:1px;
	}
	.sectiontableentry2
	{
	border-style:dashed;
	border-width:1px;
	background:#FFFFEF; 
	}

table {
	color: #000000;
	border: 1px solid black;
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	
	}
 th {	
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #FF33F1;
    background-color: #eefcf3;
	text-align:center;
	}
 .tdMernu {	
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
    /*background-color: #eefcf3;*/
	}
textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em
	}
.BulletBackgroundColor {
	color: #FFFFFF
	}
.DataColor {
	color: #DEDECA
	}
.footer { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.167em;
	font-weight: bold;
	line-height: 1.83em;
	color: #333333;
	background-color: #CCCCCC
	}
.FormBackgroundColor {
	color: #CCCCCC
	}
.ImageTitleColor {
	color: #CCCCCC
	}
.LabelColor {
	color: #CCCCCC
	}
.ListColorEven {
	color: #CCCCCC
	}
.ListFooterColor {
	color: #333333
	}
.ListHeaderColor {
	color: #333333
	}
.ListColorOdd {
	color: #DEDECA
	}
.ListTitleColor {
	color: #CCCCCC
	}
.NavigationBackgroundColor {
	color: #666666
	}
.NavigationColor {
	color: #CCCCCC
	}
.NewsDataColor {
	color: #DEDECA
	}
.StoryTitle {
	color: #000000;
	font-weight: bold
	}
.StoryContentColor {
	color: #000000
	}
.TitleColor {
	color: #000000
	}
a:hover {
	background-color: #5039d5;
	color:#FFFFFF;      
	text-decoration: underline;
	 
	}
tr.ListHeaderColor th {
	text-align: left;
	}.small {
	font-size: 85%;
}
div {
	text-align:left;
	}
div#bandeau {
/*	
	width:800px;
	background-color: #D49F00;*/
	margin-left:3%;	
	background-color: #333377;
	height:80px;
	}
div#menu {
	float:left;/*
	background-color: #D49F00;*/
	padding:3px;
	margin-left:3%;
	padding-left:0px;
	width:16.5%;
	height:150px;
	}
	
/* fond blanc pour le menu */ 
div#menu ul {padding: 0; width: 100%; border:1px solid; margin:0px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(../cdebf150/fleche.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 100%; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}


/* fond blanc pour le menuentete */ 
div#menuentete ul {padding: 0; margin:0px; width: 130px; background: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menuentete li:hover {background: #EDD}
div#menuentete li.sousmenu:hover {background: #EBB;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menuentete li.sousmenu {background: url(../cdebf150/fleche.gif) 95% 50% no-repeat;}

div#menuentete  li {position:relative; list-style: none;}
div#menuentete ul ul {position: absolute;  top: -1px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menuentete li a {text-decoration: none; padding: 4px 0 4px 8px; display:block;}
div#menuentete ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menuentete ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 

div#contenu {
	/*float:right;*/
	text-align:left;
	margin-top:10px;
	margin-left:250px;	
	}

 div#part0
{
   width:100%; 
   height:400px; 
   float:left;
   padding-left:10px;
   
}
div#part3
{
   width:39%; 
   /*height:1500px;*/ 
   float:left;
}

div#part4
{
   width:59%; 
   /*height:1500px;*/ 
   float:right;
}
div#part1
{
   width:49%; 
   /*height:1500px;*/ 
   float:left;
}

div#part2
{
   width:49%; 
   /*height:1500px;*/ 
   float:right;
}
div#parta
{
   width:70%; 
   height:400px; 
   float:left;
   margin-left:10px;
   
}
div#partb
{
   width:25%; 
   height:400px; 
   float:right;
   margin-left:10px;
 
}
 div#partc
{
   width:100%; 
   height:400px; 
   float:left;
   margin-left:10px;
   
}
section
{
   width:100%; 
    margin-left:210px;
	margin-top:10px;
 }