/*
Redéfinition des balises HTML pour la typographie 
*/
BODY {
	background-color:#FFFFFF;
	color:#333333;
	font-family:Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

A {
font-family:Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#333333;
}

A.menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#000000;
}

A.menuhaut {
font-family:Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

a:hover {
text-decoration:none;
color:black;
}

TD {
font-family:Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}

TD.bordure {
font-family:Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border-left: 1px solid gray;
}

FIELDSET { 
border: 1px solid gray;
padding:10px; 
}

INPUT, SELECT, TEXTAREA, OPTION {
border: 1px none #003399;
color:#333333;
background-color:#BBBBBB;
font-family:Bitstream Vera Sans, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}


/*
Classes de présentation
*/

.bouton { border: 1px dotted gray; background-color:#c8e4bd; }

.titre {
	font-weight:bold;
    color:red;
}

.legende {
	font-size:10px;
	font-style:italic;
}

.actu {
	font-size:11px;
	font-style:italic;
}

/*
Positions, dimensions et présentation des blocs
*/
DIV.accueil {
	z-index:6;
	border:0px solid #DDDDDD;
	

	position:absolute;
	top:110px;
	left:27%;
	width:70%;
	height:75%;

	text-align:justify;
	padding-right:5px;
	
	overflow:auto;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-arrow-color:black;
	scrollbar-base-color:#AAD0F5;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:white
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-track-color:white;
}

FORM.login, .loginmess {
	position:absolute;
	top:10px;
	left:800px;
}

.erreur {
	position:absolute;
	top:55px;
	left:725px;
	font-size:10px;
	font-style:italic;
	color:red;
}

DIV.menu {
	z-index:6;
	

	position:absolute;
	border:0px solid #DDDDDD;
	top:110px;
	left:-15px;
	width:25%;
	height:75%;
	overflow:auto;
}

DIV.contenu {
	z-index:6;
	border:0px solid #DDDDDD;
	

	position:absolute;
	top:110px;
	left:27%;
	width:70%;
	height:75%;

	text-align:justify;
	padding-right:5px;
	padding:11px;
	
	overflow:auto;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-arrow-color:black;
	scrollbar-base-color:#AAD0F5;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:white
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-track-color:white;
}

DIV.contenu IMG {
	margin:5px;
}

DIV.liens_directs {
	background-color:#FEFFFE;
	border:1px dashed #DDDDDD;

	position:absolute;
	top:460px;
	left:22%;
	width:70%;
	height:35px;

	text-align:justify;
	padding-right:5px;
	
	overflow:auto;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-arrow-color:black;
	scrollbar-base-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:white
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-track-color:white;
}

DIV.liens_connexes {
	background-color:#FEFFFE;
	border:1px dashed #DDDDDD;
	padding:3px;
	position:absolute;
	top:55px;
	left:220px;
	width:140px;
	height:12px;
}

DIV.affiche_connexes {
	background-color:#FEFFFE;
	border:1px dashed #DDDDDD;

	position:absolute;
	top:60px;
	left:25px;
	width:500px;
	height:600px;

	text-align:justify;
	padding-right:5px;
	
	overflow:auto;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-arrow-color:black;
	scrollbar-base-color:white;
	scrollbar-darkshadow-color:white;
	scrollbar-face-color:white
	scrollbar-highlight-color:white;
	scrollbar-shadow-color:white;
	scrollbar-track-color:white;
}