/**
 * Imports
 */
@import url('../css-reset.css');
@import url('../communs/bandeauhaut.css');

/** 
 * init 
 */
body, p, h1, h2, h3, li {
	background-color:#ffffff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #5E697F;
	font-size: 1.2em;
	text-align: left;
}

/* liens */
a, a:link, a:visited, a:active, a:hover  { color: #5E697F; }
a, a:link, a:visited, a:active { text-decoration: none; font-weight:bold; }
a:hover { color: #8DA6D8; text-decoration: underline; font-weight:bold; }

	a.roottop { text-transform:none; font-size: 100%; font-weight:bold; margin-left:10px; }
	
	/* retour haut */
	a.haut { float:right; }
	a.haut, a.haut:link, a.haut:visited, a.haut:active, a.haut:hover  {
		border-bottom:1px dotted #5E697F;
		border-top:1px solid #FFFFFF;
		color: #5E697F;
		font-size:50%;
		font-weight:normal;
		font-variant:normal;
		letter-spacing:-0.1em;
		line-height:100%;
		padding:2px 0;
		margin:2px 8px 0 0;
		text-decoration:none;
	}
	a.haut:hover {
		border-bottom:1px dotted #5E697F;
		border-top:1px dotted #5E697F;
	}
	

/** 
 * bandeau haut 
 */	

h2 { /* phrase : plan du site */
	display:block;
	padding:5px 5px 0 0;
	border-top:1px solid #5E697F;
	color:#5E697F;
	font-size: 70%;
	line-height:80%;
	font-weight:bold;
	text-align:right;
	font-style:italic;
}

/**
 * menu de navigation 
 */
#header  { display:block; margin:15px 0; font-size:40%; }

	#header #caption { text-align:right; font-weight:bold; font-style:italic; margin-bottom:5px;  margin-right:5px;}
	
	#header #navlist 
	{
	float:right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
		#header #navlist li
		{ 
		margin: 0;
		float:left;
		border-left:1px solid #5E697F;
		height:30px;
		}
		
		#header #navlist a
		{
		display: block;
		padding: 2px 5px;
		color: #FFF;
		text-decoration: none;
		line-height:120%;
		font-weight:bold;
		text-align:center;
		}
		
		#header #navlist a:hover
		{
		text-decoration: underline;
		}

		/*demandeur demploi*/
		.coldem {
			background-color:#55AAFF;
			border-top:1px solid #55AAFF;
			border-bottom:1px solid #55AAFF;
		}

		/*salarie*/
		.colsal  {
			background-color:#59954B;
			border-top:1px solid #59954B;
			border-bottom:1px solid #59954B;
		}

		/*employeur*/
		.colemp  {
			background-color:#bb77bb;
			border-top:1px solid #bb77bb;
			border-bottom:1px solid #bb77bb;
		}

		/*dossiers*/
		.coldos {
			background-color: #46A7C2;
			border-top:1px solid #46A7C2;
			border-bottom:1px solid #46A7C2;
		}
		/*fiches*/
		.colfic {
			background-color:#990000;
			border-top:1px solid #990000;
			border-bottom:1px solid #990000;
		}
		/*actus*/
		.colact {
			background-color:#CC0000;
			border-top:1px solid #CC0000;
			border-bottom:1px solid #CC0000;
		}
		/*divers*/
		.colaut {
			background-color:#8DA6D8;
			border-top:1px solid #8DA6D8;
			border-bottom:1px solid #8DA6D8;
		}

/* niveau 0 - nom du site, tout 1er lien, contient l'arbo */
li.roottop {
	list-style-type:none;
	font-size:105%;
}
	  li.roottop ul /* tous niveaux */
		{
		margin-top:10px;
		margin-bottom:10px;
		}	
			li.roottop ul li
			{
			margin-left:30px;
			margin-bottom:10px;
			font-size:80%;
			clear:both;
			}
				li.roottop ul li.rub h3 {/* titres parties */
				line-height:200%;
				font-weight:bold;
				font-variant:small-caps;
				margin-left:-30px;
				padding-left:30px;
				font-size:130%;
				width:100%;
				text-align:left;
				}

		/* TITRES RUBRIQUES / UNIQUE */
		#rubdem h3 , #rubdem li {
			color:#55AAFF;
		}
		#rubdem h3 {
			border-top:1px solid #55AAFF;
			border-bottom:1px solid #55AAFF;
		}
		#rubsal h3 , #rubsal li {
			color:#59954B;
		}
		#rubsal h3 {
			border-top:1px solid #59954B;
			border-bottom:1px solid #59954B;
		}

		#rubent h3, #rubent li,
		#rubpar h3, #rubpar li,
		#rubass h3, #rubass li,
		#rubsp h3, #rubsp li {
			color:#bb77bb;
		}
		#rubent h3,
		#rubpar h3,
		#rubass h3,
		#rubsp h3 {
			border-top:1px solid #bb77bb;
			border-bottom:1px solid #bb77bb;
		}

		#rubdos h3, #rubdos li {
			color: #46A7C2;
		}
		#rubdos h3 {
			border-top:1px solid #46A7C2;
			border-bottom:1px solid #46A7C2;
		}
		#rubfiches1 h3, #rubfiches1 li {
			color:#990000;
		}
		#rubfiches1 h3 {
			border-top:1px solid #990000;
			border-bottom:1px solid #990000;
		}
		#rubnews h3 , #rubnews li {
			color:#CC0000;
		}
		#rubnews h3 {
			border-top:1px solid #CC0000;
			border-bottom:1px solid #CC0000;
		}
		#rubautre h3, #rubautre li {
			color:#8DA6D8;
		}
		#rubautre h3 {
			border-top:1px solid #8DA6D8;
			border-bottom:1px solid #8DA6D8;
		}

			li.roottop ul ul { /* niveaux 2 : titre haut */
				list-style-type:circle;
				line-height:150%;
				margin-top:10px;
				font-variant:normal;
				text-decoration:none;
			}

			/* niveaux 3 dernier niveau : contenu  : titres gauche  */
			li.roottop ul ul ul {
				list-style-type:square;
				line-height:90%;
				font-size:100%;
				margin-top:2px;
			}
			
p.footer {
	display:block;
	margin:10px 0;
	padding:5px 0;
	border-top:1px solid #5E697F;
	border-bottom:1px solid #5E697F;
	color:#5E697F;
	font-size: 55%;
	line-height:120%;
	font-weight:normal;
	text-align:center;
}