/****************************************************************/
/*		Styles de mise en page générale du site unl-sas.fr		*/
/*		Copyright I-Digitale 2006-2008							*/
/*		Tout droits de reproduction interdits					*/
/*		http://www.i-digitale.com 								*/
/****************************************************************/

body{ 
	color: #872136; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px;
	background-color:#fffded;
	background-image: url(../base/images/fond_body.gif);
	background-repeat: repeat-x;
	text-align:center; /*Pour IE */
	margin:0;
	z-index:0;
	}
	
#page{
	position:relative;
	left:0; top:0;
	width:1024px;
	z-index:0;
	padding:0;
	margin-left:auto; margin-right:auto;
	text-align:left; /*Pour IE */
} 

img, div, table, td {padding:0; margin:0;}

img {border:0;}

#header{
	position:absolute;
	top:0;
	left:0;
	padding:0;margin:0;
	width:1024px;
	z-index:1;
}

#nav{
	/*position:fixed;*/
	position:absolute;
	top:202px;
	left:0px;
	width:200px;
	min-height:600px;
	padding:0;
	margin:0;
	background-color:#fffded;
	z-index:4;
}

#main{
	position:absolute;
	width:578px;
	left:200px;
	top:71px;
	color: #872136; 
	padding: 10px;
	padding-top:121px;
	min-height:580px;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#872136;
	background-color:#fff;
	z-index:0;
}

#titre_page {
	position:absolute; width:310px; top:110px; left:468px; text-align:center;
	padding-left:10px;padding-right:10px;
	color: #ab9c00; font-size: 12px; font-weight: bold; text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	text-transform:uppercase;
}

a:hover {color: #d30000;}
a:link {color: #872136;}
a:visited {color: #872136;}
a:active {color: #ab9c00;}


a.ilnk {text-decoration:none;display:-moz-inline-box;display:inline-block; padding:0px 1px; padding-bottom:2px; padding-right:2px;}
a.ilnk img {display:-moz-inline-box;display:inline-block;text-decoration:none;position:relative;top:2px;margin-right:1px;}
a.ilnk span {display:-moz-inline-box;display:inline-block;text-decoration:underline;position:relative;top:-2px; cursor:pointer;}
a.ilnk:hover {color:#fff;background-color:#872136;}


/************************************/
/* ------Zone d'information--------	*/
/************************************/
#info {
	position:relative;
	width:80%;
	margin:30px auto;
	border-bottom:1px solid #ddde00;
	background-color:#fffded;
	padding-bottom:5px;
}

#titre_info {
	color: #ab9c00; font-size: 8px; font-weight: bold; text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	text-transform:uppercase;
	text-align:center;
	border:1px solid #ddde00;
	margin-bottom:5px;
}

#fermer {
	float:right;
	width:80px;
	text-align:center;
	border-left:1px solid #ddde00;
}

a#fermer:hover {
	cursor:pointer;
	color:#ddde00;
	background-color:#872136;
}

/************************************/
/* ------Zone de debuggage --------	*/
/************************************/
#debug {
	position:relative;
	width:450px;
	margin:30px auto;
	border-bottom:1px solid #ddde00;
	background-color:#fffded;
	padding-bottom:5px;
}

#titre_debug {
	color: #ab9c00; font-size: 8px; font-weight: bold; text-decoration: none; word-spacing: 1px; letter-spacing: 1px;
	text-transform:uppercase;
	text-align:center;
	border:1px solid #ddde00;
	margin-bottom:5px;
}

.fermer {
	float:right;
	width:80px;
	text-align:center;
	border-left:1px solid #ddde00;
}

a.fermer:hover {
	cursor:pointer;
	color:#ddde00;
	background-color:#872136;
}

.reduire {
	float:right;
	width:100px;
	text-align:center;
	border-left:1px solid #ddde00;
}

a.reduire:hover {
	cursor:pointer;
	color:#ddde00;
	background-color:#872136;
}
.agrandir{
	float:right;
	width:100px;
	text-align:center;
	border-left:1px solid #ddde00;
}

a.agrandir:hover {
	cursor:pointer;
	color:#ddde00;
	background-color:#872136;
}

/****************************************/
/* ------- Zone d'identification ------	*/
/****************************************/
#identification {
	position:absolute;
	width:200px;
	top:5px;
	right:0;
	z-index:4;
}

#connect{
	display:block;padding:0; margin:20px auto 10px; width:176px;
}

.champ_id {
	padding:0; margin:0;
	font-size:10px;
	color:#872136;
	height:15px;
	border:1px solid #872136;
}

.champ_id a {border:0;}

.gray_cell {
	color:#872136;
	}

#bouton_validation{
	position:relative;top:4px;
}

.bouton_valid {
	padding:0; margin:0;
	font-size:10px;
	color:#872136;
}

/********************************************/
/* -------- Zone de choix d'espace ---------*/
/********************************************/
/*#espace_nav a{ color:#0033cc;}
#espace_nav li:hover a{ color:#fff;}*/

#espace_nav.admin  li.selection a{ color:#fff;}


#espace, #espace_nav {
	position:absolute;
	width:200px;
	top:60px;
	right:0px;
	z-index:2;
	line-height: 18px;
}

#espace ul{
	margin:0;
	padding:0;
}
#espace li{
	list-style:none;
	padding:0px 15px;width:178px;
}

#espace li.selection {
	background:url(../images/navigation/chevron-d_01.gif) 0% 60% no-repeat;
	font-weight:bold;
}
/*
fieldset {
	border-color:#ab9c00;
	padding:5px;
}
*/
legend {
	color:#ab9c00;
}

div.admin {color:#FFC;}
div.admin li {color:#ddde00;}
div.admin a {color:#ddde00;}
div.admin a:hover {color: #FFC;}

/****************************************/
/* ----------- Pied de page ------------*/
/****************************************/
#foot {
	position:absolute;
	bottom:0;
	left:0;
	height:200px;
	padding:0;
	margin-bottom:-201px;
	color:#666666;
	width:100%;
	z-index:6;
}

#foot table {
	border-collapse:collapse;
	width:100%;
}

#foot td {text-align:center;}
#foot td#first {text-align:left;}
#foot td#last {text-align:right;}

#foot a {
	color:#666666;
}

/************************************/
/* ----- Barre de Navigation -----	*/
/************************************/
#nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 29px; 
	text-decoration: none; 
	width:180px;
	background-repeat: no-repeat; 
	background-attachment: inherit;
	background-position: 2px center;
	display:block;
	margin-top:1px;
	padding:0px 15px;
	text-align:left;
}

#nav a:hover        { color: #d30000; border-color: #872136; background-image: url("../images/navigation/chevron-d_01-over.gif");}
/*#nav a:link       { color: #872136; border-color: #ddde00;	background-image: url(../images/navigation/chevron-d_01.gif);}
#nav a:visited      { color: #872136; border-color: #ddde00; 	background-image: url(../images/navigation/chevron-d_01.gif); }
#nav a:active        { color: #ab9c00; border-color: #ddde00; background-image: url(../images/navigation/chevron-d_01-over.gif); }*/

#nav li {display:block;position:static;list-style:none;margin:0px; padding:0px;width:178px;}
#nav li a {display:block;margin:0; padding: 0.25em 0 0.25em 20px;text-decoration: none;line-height:15px;width:158px;}
#nav ul {display:block; width:180px; margin:20px 20px 30px 0; padding:0;}
/*#nav li.titre_section {display:block;margin:0; padding: 3px 0 0 12px;border:0; width:188px; height:17px; background: url(../base/images/fond_titre_section.jpg) no-repeat;color:#FFF;text-align:center; font-weight:bold;}*/

#nav ul.level1{z-index:5;border-top: 1px solid #ddde00; margin:0px 20px 30px 0;}
#nav ul.level1 li{z-index:6;border:1px solid #ddde00;border-top:0;border-left:0;}
#nav ul.level1 li a{z-index:7;color:#333;}
#nav ul.level2{z-index:10;}
#nav ul.level2 li{z-index:11;}
#nav ul.level2 li a{z-index:12;color:#CCC;}
#nav ul.level3 {z-index:15;}
#nav ul.level3 li{z-index:16;}
#nav ul.level3 li a{z-index:17;}
#nav ul.level4 {z-index:20;}
#nav ul.level4 li{z-index:21;}
#nav ul.level4 li a{z-index:22;}

#nav ul ul {width:178px;display:none;margin:0;}
#nav ul.level2 {border-top: 1px solid #ddde00;position:absolute;top:-1px;right:-150px;}
#nav ul.level3 {border-top: 1px solid #ddde00;position:absolute;top:-1px;right:-150px;}
#nav ul.level4 {border-top: 1px solid #ddde00;position:absolute;top:-1px;right:-150px;}


#nav li:hover ul{background:url("../base/images/fond_bordeaux_op80_1x1.png"); background-repeat:repeat;}
/*#nav li:hover ul{background-color:#FF0000;}*/
#nav li.submenu:hover {position:relative;}
#nav ul.level1 li:hover > a{background-color:#872136;color:#ddde00;width:158px;}

#nav li.submenu > a {background: url("../images/navigation/chevron-d_01.gif") 2% 50% no-repeat;}
#nav li.submenu > a:hover {background: url("../images/navigation/chevron-d_01-over.gif") 2% 50% no-repeat;}

#nav ul.level1 li.submenu:hover ul.level2 {display:block;z-index:10;}
#nav ul.level2 li.submenu:hover ul.level3 {display:block;z-index:15;}
#nav ul.level3 li.submenu:hover ul.level4 {display:block;z-index:20;}

/************************************/
/* ----- Barre de navigation -----	*/
/************************************/
.nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 29px; 
	text-decoration: none; 
	width:180px;
	background-repeat: no-repeat; 
	background-attachment: inherit;
	background-position: 2px center;
	display:block;
	margin-top:1px;
	padding:0px 0px;
	text-align:left;
}


.nav a:hover        { color: #d30000;  background-image: url("../images/navigation/chevron-d_01-over.gif");}

.nav li {display:block;position:static;list-style:none;margin:0px; padding:0px;width:178px;}
.nav li a {display:block;margin:0; padding: 0.2em 0 0.25em 20px;text-decoration: none;line-height:15px;width:158px;}
.nav ul {display:block; width:180px; margin:0px 20px 30px 0; padding:0;}

.nav ul.level1{z-index:10;}
.nav ul.level1 li{z-index:11;}
.nav ul.level1 li a{z-index:12;color:#333;}
.nav ul.level2{z-index:21;}
.nav ul.level2 li{z-index:22;border:1px solid #ddde00;border-top:0;border-left:0;}
.nav ul.level2 li a{z-index:23;color:#CCC;}
.nav ul.level3 {z-index:31;}
.nav ul.level3 li{z-index:32;}
.nav ul.level3 li a{z-index:33;}

.nav ul ul {width:178px;display:none;margin:0; z-index:0;}
.nav ul.level2 {border-top: 1px solid #ddde00;position:absolute;top:19px;left:20px;}
.nav ul.level3 {border-top: 1px solid #ddde00;position:absolute;top:-1px;right:0px;}

.nav li:hover ul{background:url("../base/images/fond_bordeaux_op80_1x1.png"); background-repeat:repeat;}

.nav li.submenu:hover {position:relative;}
.nav ul.level1 li:hover > a{background-color:#872136;color:#ddde00;width:158px;}

.nav li.submenu > a {background: url("../images/navigation/chevron-d_01.gif") 2% 50% no-repeat;}
.nav li.submenu > a:hover {background: url("../images/navigation/chevron-d_01-over.gif") 2% 50% no-repeat;}

.nav ul.level1 li.submenu:hover ul.level2 {display:block;z-index:21;}
.nav ul.level2 li.submenu:hover ul.level3 {display:block;z-index:31;}
.nav ul.level3 li.submenu:hover ul.level4 {display:block;z-index:41;}


/****************************************/
/* ------- Zone de simulation ------	*/
/****************************************/
#nav_simul .isim{ position:relative; top:3px;}

#nav_simul a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 29px; 
	text-decoration: none; 
	width:180px;
	background-repeat: no-repeat; 
	background-attachment: inherit;
	background-position: 2px center;
	display:block;
	margin-top:1px;
	padding:0px 15px;
	text-align:left;
}

#nav_simul a:hover        { color: #d30000; border-color: #872136; background-image: url("../images/navigation/chevron-d_01-over.gif");}

#nav_simul li {display:block;position:static;list-style:none;margin:0px; padding:0px;width:178px;}
#nav_simul li a {display:block;margin:0; padding: 0.25em 0 0.25em 20px;text-decoration: none;line-height:15px;width:158px;}
#nav_simul ul {display:block; width:180px; margin:20px 20px 30px 0; padding:0;}

#nav_simul ul.level1{z-index:5;/*border-top: 1px solid #ddde00;*/ margin:0px ; }
#nav_simul ul.level1 li{z-index:6;/*border:1px solid #ddde00;border-top:0;border-left:0;*/}
#nav_simul ul.level1 li a{z-index:7;color:#333;}
#nav_simul ul.level2{z-index:10;}
#nav_simul ul.level2 li{z-index:11;border:1px solid #ddde00;border-top:0;border-left:0;}
#nav_simul ul.level2 li a{z-index:12;color:#CCC;}
#nav_simul ul.level3 {z-index:15;color:#fffdef;}
#nav_simul ul.level3 li{z-index:16;}
#nav_simul ul.level3 li a{z-index:17;}


#nav_simul ul ul {width:178px;display:none;margin:0;}
#nav_simul ul.level2 {border-top: 1px solid #ddde00;position:absolute;top:-1px;right:150px;}
#nav_simul ul.level3 {border-top: 1px solid #ddde00;position:absolute;top:-1px;right:150px; overflow:hidden; overflow-y:auto; max-height:300px;}



#nav_simul li:hover ul{background:url("../base/images/fond_bordeaux_op80_1x1.png"); background-repeat:repeat;}
#nav_simul li.submenu:hover {position:relative;}
#nav_simul ul.level1 li:hover > a{background-color:#872136;color:#ddde00;width:158px;}

#nav_simul li.submenu > a {background: url("../images/navigation/chevron-d_01.gif") 2% 50% no-repeat;}
#nav_simul li.submenu > a:hover {background: url("../images/navigation/chevron-d_01-over.gif") 2% 50% no-repeat;}

#nav_simul ul.level1 li.submenu:hover ul.level2 {display:block;z-index:10;}
#nav_simul ul.level2 li.submenu:hover ul.level3 {display:block;z-index:15;}


/*	CDS HELP	*/
a.cds_hlp_a{ font-weight:bold;}
/************************************/
/* ----- 	WIDGET CDS		 -----	*/
/************************************/
#cds_widget{display:block; height:155px; width:180px; margin-bottom:20px; background-color:#FFFDED;}