/* a) Header */

#header {float: left; width: 100%; height: 90px;}

/* b) Logo */

#header h1 a {
	display: block;
	position: absolute;
	width: 286px;
	height: 97px;
	margin-top: 0px;
	margin-left: 0px;
	border: none;
	background: transparent  url(../img/logobanner.jpg) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	}
#header h2 {display: none;}

/* c) Top navigation */

ul#topnav {
	list-style: none;
	float: right;
	margin: 6px 3px 0 0;
	text-align: right;
	}
ul#topnav li {padding: 0 16px 1px;}
ul#topnav li.active {
	font-weight: bold;
	}
ul#topnav a:link, ul#topnav a:visited {
	margin-top: 11px;
	padding: 1px 0;
	border-bottom: 1px solid #555;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
ul#topnav li.active a:link, ul#topnav li.active a:visited {
	color: #e9e9e9;
	}
ul#topnav a:hover {
	border-bottom: 1px solid #fff;
	background: none;
	color: #fff;
	}
#userbox {
	float: right;
	width: 250px;
	height: 72px;
	padding: 6px 16px 0;
	}

#userbox img {
	float: left;
	padding: 4px;
        border: none;
	}
#userbox p {margin: 0; color: #ccc; font-weight:bold;}

#userbox h3 a {
color:#FFFFFF;
text-decoration:underline;
}	

#userbox h4 a {
color:#FFFFFF;
font-size:14px;
border-bottom:none;
text-decoration: underline;
}	

#userbox h5 a {
color:#FFFFFF;
text-decoration:underline;
}	

	
/* e) Pagebar */

#pagebar1 {float: left; width: 100%; margin: 0 0px;}
#pagebar1 h2 {
	padding: 10px 10px 10px;
	color: #fff;
	font-size: 15px;
	font-family: 'Trebuchet MS', Trebuchet, Arial, sans-serif;
	}

#pagebar1 h2 a { border: none; color: #fff;
}


/* news           */

.news_style{
display:none;
}
.news_show
{
background-color: #cdc6c6;
color:black;
width:500px;
height:180px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
overflow: auto;	

}
.news_border
{
background-color: white;
width:500px;
height:180px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 1px solid gray;
padding: 5px 5px 5px 5px;
overflow: auto;	

}
.news_mark{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px normal gray;
width:500px;
height:35px;
color:black;
text-align:center;
}
.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 1px normal gray;
padding: 5px 0px 9px 5px;
color:black;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
background-color:white ;
border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
font: normal 90% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
}


.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 3px 3px 5px 3px;
background-color:red ;
border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
}
.news_show2
{
background-color:red;
color:white;
width:480px;
height:180px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
overflow: auto;	

}
.news_show2 img{

margin-left: 5px;
margin-right: 5px;

}
.news_title2{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
width:480px;
color:white;
}  


.border_div{
        background: #ffd84e;
	border:solid 1px #643200;
	width: 500px;
	text-align: center;
	padding: 5px 7px;	/* padding greater than corner height|width */
        margin: 2px 1px;

}

.Titres1  {
 margin:10px;

}
.Titres1 a {

 font-family: helvetica, serif ;
font-size: 13.5pt ;
color: #460000 ;
}

.Titres2 A{
font-family: @MS Gothic;
font-size: 10pt ;
color: #0000fd;
}

#suite {
color: #ff5000;
}
.Titres2 A:hover {
       COLOR: #6f43fd; TEXT-DECORATION: none;
}