body		
{/* general stuff*/
	margin :0;
	padding :0;
}

a img
{
	border-style : none;

}

a {
	color: #808080;
	text-decoration: none;
}

a:hover {
	color: #e9a600;
	
}

.bullets {
	list-style-type: square;
}

ul{
	margin: 0px;
	padding :0px;
}

li {
	list-style: none;
}

strong{
	font-weight : bold;
}

#page
{
	width : 750px;
	margin :auto; /*to center the div*/
	background-color: #F3F3F3;
	background-image:url("img/fond.png"); /* trick for colmun of equal height*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	margin-bottom :0px;
	border-right : 0px;
	min-height : 100%; /**/
/*	border : 1px solid blue;*/
}

.orange{
	color : #e9a600;
}

/* page header*/

#header p /*img must be include in p tag but we don't want to have margins*/
{
	padding :0;
	margin:0;
	/*border : 1px solid green;*/
}

#aero { /* link to BISA site*/
	background-color: #f3f3f3; /*to complete the picture*/
	text-align : right;
	font-size :10px;
	height :13px;
	padding : 3px;
	padding-right :0px;
	/*border : 1px solid yellow;*/
}

#aero a
{
	color : #336699;
}

/* topmenu*/

#topmenu{
	width:100%;
	height: 22px;
	background-color: #F3F3F3;
	font: bold 11px/16px arial, helvetica, sans-serif;
	color: #808080;
	border-top: 1px solid #ffffff;
/*	border : 1px solid black;*/
} 

 #topmenu ul {
 	display:inline;
	/*border : 1px dashed blue;*/
}

#topmenu ul li
   {
	float:left;
	position: relative;
	display: block;
	padding-left : 18px;
	padding-right : 18px;
	line-height: 22px;
	cursor: pointer;
	border-right: 1px solid white;
	/*border : 1px dashed green;*/
   }

#topmenu ul li a{
	display: block;
	line-height: 22px; /*to align correctly the divs*/
/*	border : 1px dashed red;*/
}
   
 #topmenu ul li:hover {
 	color: #e9a600;
 }  

#topmenu ul li ul{
	display : none; /*sous-menu ne s'affiche pas si souris pas pointée sur item correspondant*/
	position: absolute; /* pour que le sous-menu se positionne bien en dessous de l'item et ne clignote pas*/
	background-color: #F3F3F3;/* nécessaire car menu caché*/
	padding : 0px;
	margin : 0px;
	border: 1px solid #808080;
/*	border-bottom : none;*/
	/*border : 1px dashed blue;*/
}

#topmenu ul li:hover ul {
	display : block; /*affichage du sous-menu quand la souris pointe dessus*/
}

#topmenu ul li ul li{
	position: relative; /* pour que le sous-menu se positionne bien en dessous de l'item*/
	width : 170px;
	font-size: 9px;
	line-height : 25px;
	padding : 0px;
	margin : 0px;
/* 	border-bottom : 1px solid #808080; */
	/*border : 1px dashed green;*/
}

#topmenu ul li ul li a:hover {
	display : block; /*normalement a inline, block pour avoir tout le fond coloré*/
	background-color: #e9a600;
	color: black;

}

#topmenu ul li:hover ul li ul {
	display : none;/*non-affichage*/
	top: 0;/*positionnement */
	left: 100%;/*positionnement */
}

#topmenu ul li ul li:hover ul {
	display : block;/*affichage du sous-menu quand la souris pointe dessus*/
}


/*sidemenu*/

#sidemenu {
	width :188px;
	float: left;
	font-size: 11px;
	padding: 25px 5px 30px 5px;
	text-align: center;
	border-top : 1px solid #ffffff; /*to align correctly the divs*/
/*	border : 1px solid black;*/
}

#sidemenu h2{
	font-weight: normal;
	background-color: #E6E6E6;
	font-size: 13px;
	text-align : center;
	padding: 0px 5px 0px 5px;
	margin:0px 10px 10px 10px;
  }
  
#sidemenu #sidelogo p {
	text-align :center;
	margin-top : 50px;
}
 
.payattention{
	font-size: 10px;
	color: #333300;
	margin-bottom : 0px;
}  

/* loggin */
#loggin {
	width :188px;
	margin : auto;
	font-size: 13px;
/*	border : 1px solid yellow;*/
}

#sidemenu #loggin h2{
	font-weight: bold;
}

#loggin p {
	background-color: #E6E6E6;
	margin-top: 10px;
	margin-bottom: 10px;
	10px 0px 10px 0px;
}

#loggin ul li{
	padding-bottom : 10px;
}

#login .payattention {
	border: 1px solid red;
	text-align: center;
}


/*news */

#news{
	width :188px;
	margin : auto;
	margin-bottom : 0px;
	padding-bottom : 0px;
/*	border : solid 1px red;*/
}

#news h2{
/*	background-color: #E6E6E6;*/
	font-weight: normal;
}

#news h3{
	width : 158px;
	margin :auto;
	font-weight: bold;
	color: black;
	font-size : 11px;/*sinon taille par défaut de h3, pas adaptée*/
	margin-top : 5px;
	margin-bottom : 5px;
/*	border : solid 1px blue;*/
}

#news p{
	width : 138px;
	margin :auto;
	padding-bottom : 5px;
}

#news a{
	display : block;
	color: #e9a600;
	text-align : right;
	line-height: 15px;
	border-bottom : solid 1px #999999;
}

#news a:hover{
	background-color: #e9a600;
	color: black;
}
#sidemenu ul{
	margin-bottom : 10px;
}
#sidemenu ul li {
	text-align : left;
}

#sidemenu ul li a{
	display: block;
	color: #333300;/*for IE */
	padding: 3px 4px 3px 10px;
	border-bottom: 1px solid #808080;

}

#sidemenu ul li a:hover{
	border-bottom: 1px solid #808080;
	background-color: #E6E6E6; 
	color: #336699; 
}

/*content*/

#content{
	min-height : 620px;
	margin-left : 198px;
	font-size: 12px;
	text-align : justify;
	padding-left : 5px;
	padding-bottom : 25px;
	border : 1px solid white; /* to correctly align*/
}

#content h1{
	font-size: 22px;
	color: #04406a;
	text-align : center;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top : 10px;
}

#content h2{
	background-color: #F3F3F3;
	font-size: 12px;
	color: #E9A600;
	font-weight: bold;
}

#content #logo1 a{
	margin-right : 25px;
}

#content #logo1 a img{
	border : none;
}

#content #publications {
	margin-top : 10px;
	/* border : 2px outset #808080; */
}

#content #publications h2{
	/* border : 1px inset #e9a600;*/
	/*background-color: #e9a600; */
	margin : 2px;
	margin-bottom : 4px;
}

#content #publications ul li h2{
	/*display : block; */
	/*border : 1px inset #808080;*/
	margin-top : 20px;
	line-height: 2.5;
	text-indent: 0em;
}

#content #publications ul li{
	/*display : block; */
	/*border : 1px inset #808080;*/
	margin-top : 20px;
	margin-left : 16px;
	line-height: 1.3;
	text-indent: -0em;
	 text-align: left;
}

#content .equation {
	font-size: 18px;
  	text-align: center;
  	color: #000000;
}

#content input {
	margin-left : 75px;
}

#content img {
	/*border : 1px solid black;*/
}

#content .legend {
	font-style :italic;
	text-align : center;
	color: #E9A600;
}

#content table {
	border-collapse: collapse; 
}

#content table tr{
	border: 1px solid #e9a600;
}

#content table td{
	border: 1px solid #e9a600;
}

#content table th{
	border: 1px solid #e9a600;
}

/*footer*/
#footer{
	clear : both;	
	font-size: 9px;
	margin :0px;
/*	border : 1px solid green;*/
}

#bottomlogo{
	width : 198px;
	margin : 0px;
	padding : 0px
/*		border : 1px solid red;*/
}

#bottomlogo a{
	margin-left : 33px;
	margin-right : 33px;
}

#update{
	background-color: #f3f3f3;
	font-size: 9px;
	margin : 0px;
	padding :0px;
	padding-bottom : 5px;
	margin-left: 198px;
	text-align : right;
/*	border : 1px solid blue;*/
	border-top : 1px solid #e9a600;
}

