/* UNR-PCL.css */
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 1024px;
	background-color: #f0f3ec;
	margin: 0 auto;
	padding: 0;
}

h1 { color: #5da2ca; margin: 0; padding: 0; }
h2 { color: #5da2ca; font-size: 1.2em;}
/* h1 { color: #5da2ca; }  h2 {color:  #5da240;} */

a { color: #dc9a2c; text-decoration: none; }
a:hover { text-decoration: underline; }
/* etat "focus" important pour accessibilite web et navigation au clavier */
a:focus { background-color : #CCCCCC !important; color : #fff !important; text-decoration : none !important; }

#bloc {
	position: relative;
	width: 1000px;
	/*height: 768px; */
	background-color: #ffffff;
	top: 0;
	left: 50%;
	margin-left: -500px; /*centrage  */
	}
	
#entete {
	clear:    both;
	width:    100%;
	height:  124px;
	background-color: #85aa40; /*fond vert fonce */
	margin: 0;
	text-align: center;
	}

#entete ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#Logo {
	float: left;
	width:  200px;
	/*height: 124px;*/
	/* background: #85aa40 url("./IMG/1024x768/logo.jpg") no-repeat top left; */
	background-color: #85aa40;
	}
	
#Bandeau {
	float: right;
	width:  800px;
	/*height:  92px;*/
	/*background: #85aa40 url("./IMG/1024x768/bandeau.jpg") no-repeat top left; */
	background-color: #85aa40;
}

#Onglets {
	/* position: absolute; */
	float: right;
	width: 800px;
	height: 24pt;
	/* height:  32px; */
	background: #bfcea7 url("./IMG/1024x768/onglets-coin.jpg") no-repeat top left;
	/* margin: 0; padding: 0; */
	}

#Onglets ul {
	list-style-type: none;
	font-size: 10pt;
	color: #FFF;
	margin: 0;
	}
	
#Onglets li {
	float: right;
	background: url("./IMG/1024x768/onglets-sep.jpg") no-repeat top left;
	margin: 0px;
	}

#Onglets a {
	display: block;
	color: #000;
	/* background: #bfcea7 url("./IMG/1024x768/onglets-sep.jpg") no-repeat top left; */
	text-decoration: none;
	padding: 4px;
	margin: 4px 12px 2px 24px;
	}
	
#Onglets li:hover {
	background: #9ea987 url("./IMG/1024x768/onglets-sep-off.jpg") no-repeat top left;
	}

#Onglets a:hover{
	color: #FFF;
	}
	
/* background : 	#9ea987 ou  #bfcea7; */

/*
.onglets a:hover {
	 background-color: #9ea987 url("./IMG/1024x768/onglets-sep-off.jpg") no-repeat top left; 
	}
	
.onglets span {
	display: block;
	background: #bfcea7 url("./IMG/1024x768/onglets-sep.jpg") no-repeat top left;
	color: #FFF;
	padding: 2pt 6pt 2pt 18pt;
	}

.onglets span:hover {
	background: #bfcea7 url("./IMG/1024x768/onglets-sep-off.jpg") no-repeat top left;
	color: #000;
	}
*/

/* -----------------------------------------------------------------------------------------------------*/
#Corps {
	clear: both;
	width:  100%;
	top:    124px;
	bottom:  48px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	}
	
#Cadre {
	float: right;
	width:  220px;
	/* height: 596px; */
	background: #ffffff; /* url("./IMG/1024x768/encadre.jpg") no-repeat bottom left;*/
	padding: 0;
	margin:  0;
	}

#Menu {
	float: left;
	width: 220px;
	height: 596px;
	background: #ffffff;
	padding: 0;
	margin:  0;
	font-size: 0.9em;
	/* border: 1px solid #999; width: 218px; height: 830px; */
	}

#Menu ul {
	clear: left;
	list-style: none;
	width: 100%;
	background: #ffffff; /* url("./IMG/1024x768/menu_onglet-vert.jpg") no-repeat top left; */
	padding:  0;
	margin:   0px 1px;
	/* vertical-align: 12pt; a voir*/
	}

#Menu ul a {
	clear: left;
	display: block;
	width: 100%;
	/*height: 32px; */
	background: #ffffff url("./IMG/1024x768/menu_onglet-vert.jpg") no-repeat top left;
	text-decoration: none;
	text-indent: 18pt;
	line-height: 32px;
	color: #000;
	margin:  0;
	padding: 0;
	/*	border-color: #222;
		border-right: 1px solid;
		padding: 8px 12px 8px 24px;   haut x Droite x bas x Gauche 
		padding: 6pt 12pt 0pt 24pt;      haut x Droite x bas x Gauche 
	*/
	}

#Menu ul a:hover {
	/*
	display: block;
	width: 218px;
	height: 32px;
	*/
	background: #ffffff url("./IMG/1024x768/menu_onglet-orange.jpg") no-repeat top left;
	text-decoration: none;
	color: #FFF;
	/* padding: 8px 12px 8px 24px; */
	}

#Menu ul a.current {
	background: #ffffff url("./IMG/1024x768/menu_onglet-orange.jpg") no-repeat top left;
	}	
	
/*
#Menu ul.image img {
	width:  100%; 
	margin: 0;
	padding: 0;
	}
*/
	
#Menu ul.logo {
	width:  100%;
	margin: 0;
	padding: 0;
	}

#Menu ul.vide {
	width: 100%;
	height: 32px;
	background: #ffffff url("./IMG/1024x768/menu_onglet-blanc.jpg") no-repeat top left;
	}

#Menu ul.bas {
	width: 100%;
	height: 128px;
	background: #ffffff url("./IMG/1024x768/menu_ligne-bas.jpg") no-repeat top left;
	/* background-color: #ffffff; margin: 0px 1px; padding: 0; */
	}

#Contenu_Sommaire {
	position: relative;
	/*
	float: center;
	width: 560px;
	height: 596px; 
	border: 1px solid #999;	width: 558px; height: 830px;
	background-color: #ffffff;
	*/
	padding: 0;
	margin-left:  230px;
	margin-right: 230px;
	font-size: 0.8em;
	}

#Contenu_Rubrique {
	position: relative;
	/*background-color: #ffffff; */
	padding: 0;
	margin-left:  230px;
	margin-right:  20px;
	font-size: 0.8em;
	}

#Contenu_Rubrique li , #Contenu_Article li {
	list-style-image: url("./IMG/1024x768/puce1.png");
	}

#Contenu_Article {
	position: relative;
	/* background-color: #ffffff; */
	padding: 0;
	margin-left:  230px;
	margin-right:  20px;
	font-size: 0.8em;
	}

#Cadre ul {
	float: left;
	padding: 0;
	margin:  1px 1px;
	}
	
#Cadre ul.postit{
	float: left;
	/*width:  100%;  */
	height: 296px; 
	background: url("./IMG/1024x768/postit.png") no-repeat center center; 
	}
	
#Cadre ul.postit texte{
	margin-top: 80px;
	margin-left:  50px;
	margin-right: 35px;
	font-size: 0.8em;
	}

#Cadrepostittexte{
	margin-top: 80px;
	margin-left:  50px;
	margin-right: 35px;
	font-size: 0.8em;
	}

#Cadre ul.encadre{
	float: left;
	/*width:  100%; */
	margin-left:  10pt;
	margin-right: 20pt;
	font-size: 0.8em;
	text-align: center;
	/*background: #ffffff; */
	}
	
#Cadre ul.encadre h1{
	font-size: 1em;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

/* -----------------------------------------------------------------------------------------------------*/	
#Pied-Page {
	clear: both;
	width: 100%;
	height: 48px;
	background: #e2e9d9 url("./IMG/1024x768/pied_page-fond.jpg") repeat-x top left;
	margin: 0;
	}

	/*
#Pied-Page ul {
	height:  30pt; 
	list-style: none;
	text-decoration: none;
	padding:  0;
	margin:   0;
	}
*/
#Pied-Logo {
	float: left;
	width:  162px;
	background: #e2e9d9 url("./IMG/1024x768/pied_page-logo.jpg") no-repeat top left;
	}

#Etats {
	float: right;
	width: 838px;
	/* height: 40px; */
	background: #e2e9d9 url("./IMG/1024x768/pied_page-coin.jpg") no-repeat top left;
	}
	
#Etats ul {
	list-style-type: none;
	font-size: 10pt;
	color: #FFF;
	margin: 0;
	}
	
#Etats li {
	float: right;
	background: url("./IMG/1024x768/pied_page-sep.jpg")  no-repeat top left;
	margin: 0;
	}

#Etats a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 8pt;
	margin: 0 6px 0 18px;
	}
	
#Etats li:hover {
	background: #9ea987 url("./IMG/1024x768/pied_page-sep-off.jpg") no-repeat top left;
	}

#Etats a:hover{
	color: #FFF;
	}

/*	
.etats li {
	float: right;
	text-decoration: none;
	}
	
.etats a {
	float:  right;
	text-decoration: none;
	}

.etats a:hover  {
	 background: #9ea987 url("./IMG/1024x768/pied_page-sep.jpg") no-repeat top left; 
	}

.etats span {
	display: block;
	background: #e2e9d9 url("./IMG/1024x768/pied_page-sep.jpg") no-repeat top left;
	color: #000;
	padding: 6pt 6pt 6pt 18pt; 
	}

.etats span:hover  {
	background: #9ea987 url("./IMG/1024x768/pied_page-sep-off.jpg") no-repeat top left;
	color: #EEE;
	}
*/
.spip_forms  fieldset legend{
display: none;
}

.spip_forms  fieldset{
border:none;
}

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; 
	font-size: 11px;
	}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; 
	}
	
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { display: none;}
.spip_doc_descriptif { display: none;}

/* Images typographiques (via image_typo), URL a revoir... */
/*.format_png { behavior: url(win_png.htc); }*/

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }