/*-----------------------------------------------------------------------------*/
/* CSS INSTITUTIONNEL NOVELIA.FR - SQUELETTE.CSS - LES CONTAINERS PRINCIPAUX	 */
/*-----------------------------------------------------------------------------*/

/* GENERAL ET HACK IE */
.nospace {width:100%; margin: 0px;} /* Affichage en plein ecran Opera */
* html body .main {	height:100%; overflow:hidden;} /* gestion des debordements IE */
.spacer { clear:both;}/* force au retour à la ligne après des fenêtres float */
/* *{padding:0; margin:0} */
/*-----------------------------------------------------------------------------*/
/* BALISE GENERIQUE */
body{	margin:0;	padding:0;color:#000;text-align:center;background-color: #EEE;}
a{font-family: Arial, sans-serif; font-size:1em; font-size:1em;}
abbr{font-family: Arial, sans-serif; font-size:1em;}
acronym{font-family: Arial, sans-serif; font-size:1em;}
blockquote{font-family: Arial, sans-serif; font-size:1em;}
body{font-family: Arial, sans-serif; font-size:1em;}
caption{font-family: Arial, sans-serif; font-size:1em;}
cite{font-family: Arial, sans-serif; font-size:1em;}
code{font-family: Arial, sans-serif; font-size:1em;}
div{font-family: Arial, sans-serif; font-size:1em;}
dd{font-family: Arial, sans-serif; font-size:1em;}
dt{font-family: Arial, sans-serif; font-size:1em;}
fieldset{font-family: Arial, sans-serif; font-size:1em;}
form{font-family: Arial, sans-serif; font-size:1em;}
h1{font-family: Arial, sans-serif; font-size:1em;}
h2{font-family: Arial, sans-serif; font-size:1em;}
h3{font-family: Arial, sans-serif; font-size:1em;}
h4{font-family: Arial, sans-serif; font-size:1em;}
h5{font-family: Arial, sans-serif; font-size:1em;}
h6{font-family: Arial, sans-serif; font-size:1em;}
iframe{font-family: Arial, sans-serif; font-size:1em;}
img{font-family: Arial, sans-serif; font-size:1em;}
input{font-family: Arial, sans-serif; font-size:1em;}
label{font-family: Arial, sans-serif; font-size:1em;}
legend{font-family: Arial, sans-serif; font-size:1em;}
li{font-family: Arial, sans-serif; font-size:1em;}
ol{font-family: Arial, sans-serif; font-size:1em;}
p{font-family: Arial, sans-serif; font-size:1em;}
pre{font-family: Arial, sans-serif; font-size:1em;}
q{font-family: Arial, sans-serif; font-size:1em;}
select{font-family: Arial, sans-serif; font-size:1em;}
span{font-family: Arial, sans-serif; font-size:1em;}
sub{font-family: Arial, sans-serif; font-size:1em;}
sup{font-family: Arial, sans-serif; font-size:1em;}
table{font-family: Arial, sans-serif; font-size:1em;}
tbody{font-family: Arial, sans-serif; font-size:1em;}
td{font-family: Arial, sans-serif; font-size:1em;}
textarea{font-family: Arial, sans-serif; font-size:1em;}
th{font-family: Arial, sans-serif; font-size:1em;}
tr{font-family: Arial, sans-serif; font-size:1em;}
ul{font-family: Arial, sans-serif; font-size:1em;}
/*-----------------------------------------------------------------------------*/
/* APPARENCE GLOBAL DE LA PAGE */
#container{	position:relative;	padding:0px;	width:870px;	margin:0px auto;	text-align:left;	background-color:#fff; border:#4E8F8D 1px solid;	min-height:500px;	height:90%;	}
/*hack uniquement interprété par IE Win+Mac, resultat identique au min-height*/
* html #container{height:500px;} 

/*-----------------------------------------------------------------------------*/
/* AFFICHAGE DE L'EN-TETE DE PAGE */
#header {
	background-image: url(../imgw/novelia_haut.png); /* image pour le bandeau haut de la page */
	background-repeat: no-repeat; /* l'image n'est pas repete */
	height: 100px; /* Hauteur du bandeau */
	background-color:#4E8F8D; /* couleur de fond (si pas image visible) */ 
	border-bottom:#4E8F8D 1px solid;
}	
#pub {
	position:absolute; /* positionne de manière absolu */
	float:right; /* aligné avec le bord droit */
	top:25px; /* distance avec le haut de la page */
	left:330px; /* distance avec le coté gauche de la page */
	width:468px; /* largeur de la pub */
	height:60px; /* hauteur de la pub */	
}

/*-----------------------------------------------------------------------------*/
/* STYLE DU MENU GAUCHE */
#navigation{clear:both;  float:left; width:168px; background-color:#FFF; border-top:none; border-right: #669999 solid 1px;  margin:0; padding:0;   height:auto;border-bottom:none; }
#navigation ul{ list-style-type:none; background-color:#FFFFFF; padding:0; margin:0; font-size:12px; } 
#navigation li {padding:0;margin:0; font-weight:bold; background:url(../imgw/menu-gauche_grd1.gif) repeat-x 0 0;border-bottom:1px solid #669999;}
#navigation li a{display:block;  height:40px; line-height:40px; padding-left:10px}
#navigation img {margin:0px; vertical-align: middle; display:inline; }
#navigation span{padding-left: 0px; margin-top:10px }
#navigation a:hover{display:block; height:40px; background:url(../imgw/menu-gauche_grd2.gif) repeat-x 0 0; color:#E73942; border-right:5px solid #990000}
#navigation li.last_element { height:260px;background:url(../imgw/etoile3Db.png) no-repeat left bottom; background-color:#FFFFFF;border-bottom:none;  }

/*-----------------------------------------------------------------------------*/
/* DIV DE CONNEXION POUR ACCES EXTRANET */
#connexion{ float:right; margin:0px; padding:0px; background:url(../imgw/etoile.gif) center top no-repeat; width:250px; height:221px} 
#connexion #titre{margin:0px;text-align:center;font-variant:small-caps;}
#connexion #identification{margin-top:45px; margin-left:30px}
#connexion label{ margin:10px 0px 0px 50px;padding:0px;font-family:Arial; font-size:11px; font-weight:bold; display:block; color:#888; }
#connexion .ident{margin:0px 0px 0px 50px; padding:1px;font-family:Arial; font-size:12px; font-weight:bold;	text-align:center; width:90px;	border:#666666 1px solid;	}
#connexion #connexOK{ float:right; padding-right:50px}
#connexion #pwd_oublier{padding-left:50px }
#connexion p{text-align:center; margin:0px}

/*-----------------------------------------------------------------------------*/
/* AFFICHAGE DU CONTENU */
#content{ float:left; margin-left:-1px; padding:5px 1px 5px 5px;  background-color:#FFF; font-size:12px; width:685px; border-left: 1px solid #669999 ; }
/* ET DU DECOUPAGE DE LA PAGE : 1 colonne=centre / 2 colonnes = gauche et droite */
#gauche{	float:left;	 margin-left :5px; margin-top:5px; width:30em;}
#droite{	float:right; left:46em; margin-right:5px; margin-top:5px; width:30em; position:absolute; background-color:#FFF}
#centre{	float:none;	 margin-left :5px; margin-top:5px; width:680px;}

/*-----------------------------------------------------------------------------*/
/* AFFICHAGE DU PIED DE PAGE */
#footer{	clear:left; background: url(../imgw/novelia_bas.png) repeat-x 0 0; height: 40px; width: 100%; background-color:#FFF; }
#footer ul {padding: 0px; margin: 5px; list-style:none;}
#footer li {border-right:#009999 1px dotted;	display:inline; height:40px;	padding: 0px 8px; font-size:10px;line-height: 40px;}
#footer li a{font-size:10px; height:40px;}
#footer li a:hover{text-decoration:underline;}
#footer img{vertical-align:middle;}
#footer p{margin:0px;padding:1px;text-align:center;	font-size:9px;}

/*-----------------------------------------------------------------------------*/
/* Fil d'ariane */
#filariane{ font-size:10px; font-family:Arial; color:#999999; margin-bottom:10px; text-align:left; }
#filariane .filon		{ height:17px; width:99px; padding-right:8px; background-image:url(../imgw/filon.gif); background-position:right; background-repeat:no-repeat; }
#filariane .filselect	{ font-weight:bold; height:17px; width:99px; padding-right:8px; background-image:url(../imgw/filon.gif); background-position:right; background-repeat:no-repeat; }
#filariane .filoff		{ height:17px; width:99px; padding-right:8px; background-image:url(../imgw/filoff.gif); background-position:right; background-repeat:no-repeat; }
#filariane .filfin		{ height:17px; width:99px; padding-right:2px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
#filariane a.fl	{ text-decoration:overline underline}
#filariane a.fl:hover	{ color:#000000; }
#filariane a.fl:link	{ color:#E73942; }
#filariane a.fl:visited{ color:#E73942; }
#filariane a.fl:active	{ color:#000000; }

#filautres{float:right; font-family:verdana;font-size:9px}