.html {
background: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.data {
background-colour:white;
}

#header {
	background-position: right top;
	background-repeat: no-repeat;
	width: 100%;
	vertical-align: top;/*padding-bottom: 5px;*/
}

#wrapper { /* Zone principale */
background:white  repeat-y right;
margin:3px;
clear: both;
width: 100%;
margin:0px 0px -4px -10px;
}	

#topbar { /* Barre contenant le menu  top*/
vertical-align: middle;
width: 100%;
background:#DD7917;
font-size:0.9em;
min-height:26px;
}

#container { /* Conteneur principale*/
background: white repeat-y right;/*#E2E1CF*/
width: 100%;
float: left;
margin-right: -180px;
margin-top: 10px;
height: 400px;
}

html>body #container{
height: 100%;
min-height: 400px;
}

#content { /* Contenu */
background:white;
margin-right: 200px;
}

#main { /* de meme ... */
margin-left: 150px;
background:white;
/*#EFEBD6*/
padding: 0 10px 10px 10px;
border-left:thin dotted #E2E1CF;
border-right:thin dotted #E2E1CF;
min-height:80%;
}



#left { /* place du menu */
background:white;
height: 400px;
width: 140px;
float: left;
}

html>body #left{
height: 100%;
min-height: 400px;
}

td.left{ /* champs d'entrées des formulaires */
width:250px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%
}

td.right{ /* label des formulaires */
width:170px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%
}

/***************************** avmenu *********************************/
#avmenu{
clear:left;
float:left;
width:150px;
margin:0px 2px 10px 0px;
padding:0;

}

	#avmenu ul{	
	list-style:none;
	width:150px;
	margin:0 0 20px 0;
	padding:0;
	}	
	
	#avmenu li{
	margin-bottom:4px;
	font-size:90%;
	}
	
	#avmenu li a{
	font-weight:bold;
	height:35px;
	text-decoration:none;
	color:#525EB7;
	display:block;
	padding:6px 0 0 10px;
	background:#E8EDF6;
	border-left:4px solid #5862A8;
	}	
		
	#avmenu li a:hover{
	background:#eaeaea;
	color:#EF9813;
	border-left:5px solid #EF9813;
	}
/**********************************************************************/

/***************************** menutop *********************************/
#menutop div {
background:#DD7917;
text-decoration:none;
text-align:center;
border-right:1px solid #ECEBD1;
float:left;
}

	#menutop a {
	padding:6px;
	float:left;
	color:white;
	text-decoration:none;
	text-align:center;
	border-right:1px solid #ECEBD1;
	}
	
	#menutop a:hover {
	background-color:#EF9508;
	}
/***********************************************************************/

/**************************** Tableau index ******************************/
#index1{
float: left;
width: 65%;
padding: 5px;
margin: 10px 5px 40px 5px;
right-margin:10px;

}
	#index1 table{
	border-spacing: 10px;
	background-color: #FFF;
	}	
		#td33{
		width: 33.33%;
		}
		
		#td66plus{
		width: 66.66%; 
		border-right: solid thin #E2E1CF;
		}
		
		#td66{
		width: 33.33%;
		}
		
		#td33align{
		vertical-align: top; 
		width: 33.33%;
		}

#index2{
float: left;
width: 65%;
padding: 5px;
right-margin:10px;
right-padding:10px;
margin: 5px;

/*border: solid 1px #000;*/
}

	#index2 table{
	border-spacing: 4px;
	background-color: #FFF;
	}
	
		#td33plus{
		font: 1.0em;
		width: 33.33%;
		border-right:solid thin #E2E1CF;
		}

#pichome{
	float:right;
	margin:10px;
	padding:10px;
	border-left:solid thin #E2E1CF;

	}
/***********************************************************************/


#sidebar { /* Colonne de droite */
margin-top:10px;
width: 160px;
/*float:right;*/
position: absolute;
top: 170px;
left: 100%;
margin-left: -200px;
padding:0px 10px 0px 10px;
background:white;
}

.clearing {
height: 0;
clear: both;
}

#footer { /* pied de page */
background: #E2E1CF;
height: 15px;
margin-left: -10px;
clear: both;
size:8em;
text-align:center;
/*we give our footer div a clear: both style to ensure that it remains below the rest of our content, regardless of which side is longer.*/
}

html>body #footer{
margin-left: -140px;
}

/**********************************************************************/

#labels{
height: 100px;
width: 400px;
}

#translations{
height: 100px;
width: 400px;
}

