﻿/* -------------------------------------------MENU --------------------------------------------- */

#top							{background-color:#333;width:100%;min-height:30px; line-height:30px; padding-right:50px; border-bottom:1px #000 solid; overflow:hidden; text-align:right}
#top a							{color:#fff !important}


/* -------------------------------------------MENU 1--------------------------------------------- */

#top1 							{background-color:#f0f0f0;width:100%;min-height:50px;border-bottom:1px #dedede solid; padding:0 20px; overflow:hidden}
#top1 ul.settings,
#top1 ul.user 					{list-style:none;margin:0;padding:0}
#top1 ul.settings li,
#top1 ul.user li 					{margin:4px 0;padding:0;height:40px;line-height:40px;float:left}
#top1 ul.settings_help			{margin-right:30px;}

#top1 ul.user li.user_title 		{font-size:18px; margin-right:10px; color:#3a87ad; font-weight:700}
#top1 ul.right 					{float:right;}
#top1 ul.left 					{float:left;}
#top1 ul.settings li a 			{text-align:center;text-decoration:none;height:40px;line-height:40px;padding:0 10px; font-size:14px; font-weight:bold; display: block;border:1px transparent solid;}
#top1 ul.settings li a:hover		{border: 1px solid #cecec3;}
#top1 ul.settings li a.current 	{background: #C1D2EE;border: 1px solid #316AC5;}

/* -------------------------------------------MENU 2--------------------------------------------- */

#top2 							{background-color:#eaeaea;width:100%;min-height:50px;border-top:1px #fff solid;border-bottom:1px solid #afb5b8; padding:0 20px;}
#top2 ul#nav 					{list-style:none;margin:0;padding:0;text-align:center;display:block;}
#top2 ul#nav li 					{position:relative;display:block;float:left;list-style:none;padding:0;padding:0;}
#top2 ul#nav li a 					{text-align:center; text-decoration:none;color:#000;height:40px;line-height:40px;display: block;font-size:11px;padding:0 4px;margin:5px 0;border:1px transparent solid}
#top2 ul#nav li a:hover 			{background: #f5f4ef;border: 1px solid #cecec3;}
#top2 ul#nav li a.selected 		{background: #C1D2EE;border: 1px solid #316AC5;}

#top2 ul#nav > li:hover a,	
#top2 ul#nav li a > li a.selected		{background: #f5f4ef;border: 1px solid #cecec3;}

	/* ------------------------ SOUS MENU ------------------------ */

	#top2 ul#nav ul  				{margin:0; padding:0; list-style:none; float:inherit;position:absolute; min-width:200px; display:none; left:0; z-index:100001;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
	#top2 ul#nav li:hover  ul 		{display:block;}
	#top2 ul#nav > li li 			{float:inherit; width:100%; overflow:hidden;z-index:1000000}
	#top2 ul#nav ul li a 			{text-align:left; text-decoration:none;color:#000;height:40px;line-height:40px;display: block;font-size:11px;padding:0 4px; margin:0; background-color:#fafafa;border-bottom:1px #ccc solid}

	#top2 ul#nav ul li a:hover,
	#top2 ul#nav ul li a.selected 	{background: #C1D2EE;border-right:1px transparent solid;border-left:1px transparent solid}


/* -------------------------------------------MENU 3--------------------------------------------- */

#top3 							{width:100%;overflow:hidden; padding:0 20px; position:relative;}
#top3 ul#nav 					{list-style:none;margin:0;padding:9px 0 0 0;text-align:center;}
#top3 ul#nav li 					{display:block;float:left;list-style:none;padding:0;}
#top3 ul#nav li a 					{text-align:center; text-decoration:none;color:#000;height:30px;line-height:30px;display: block;font-size:11px;padding:0 4px;border:1px transparent solid}
#top3 ul#nav li a:hover 			{background: #f5f4ef;border: 1px solid #cecec3;}
#top3 ul#nav li a.selected 		{background: #C1D2EE;border: 1px solid #316AC5;}

/* -------------------------------------------MENU 4--------------------------------------------- */

#top4 							{width:100%;overflow:hidden;position:relative;height:50px;}
#top4 ul 						{clear:left;float:left;list-style:none;margin:0;padding:9px 0 0 0;position:relative;left:50%;text-align:center;}
#top4 ul li 						{display:block;float:left;list-style:none;padding:0 1px;position:relative;right:50%;}
#top4 ul li a 						{text-align:center;text-decoration:none;color:#000;height:30px;line-height:30px;display: block;font-size:11px;padding:0 10px;background: #f0f0f0;border:1px #cecec3 solid}
#top4 ul li a:hover 				{background: #f5f4ef;border: 1px solid #cecec3;}
#top4 ul li a.current 				{background: #C1D2EE;border: 1px solid #316AC5;}

/*--------------------------------------------------------MENU OUTILS ----------------------------------------------------*/

#outils ul 						{list-style:none;margin:0;padding:0;width:100%}
#outils ul li 						{display:block;float:left;width:100%;list-style:none;border-right:1px #afb5b8 solid;border-bottom:1px #afb5b8 solid;border-left:1px #fff solid;border-top:1px #fff solid;overflow:hidden;padding:0;background-color:#ddd}
#outils ul li img 					{display:block;float:right;list-style:none;padding:0;}
#outils ul li a 					{width:100%;color:#000;height:40px;padding:0 10px;line-height:40px;display: block;text-decoration:none}
#outils ul li a:hover 				{background: #ece9d8;}
#outils ul li img					{padding:7px 0}
/*--------------------------------------------------------STAGE ----------------------------------------------------*/

ul.pbx_breadcrumb															{font-size:11px;height:23px;margin:0;}
ul.pbx_breadcrumb li														{color:#B9BABD;float:left;padding-right:18px;width:120px;}
ul.pbx_breadcrumb li,
ul.pbx_breadcrumb span														{background:transparent url(../images/pbx_funnel_bkg.gif) no-repeat scroll right 0;display:block;}
ul.pbx_breadcrumb li span													{background-position:0 -138px;background-repeat:repeat-x;height:18px;padding:4px 7px 1px;text-align:center;}
ul.pbx_breadcrumb li span a													{color:#FFFFFF;text-decoration:none;}
ul.pbx_breadcrumb li.pbx_breadcrumb_selected								{background-position:right -23px;}
ul.pbx_breadcrumb li.pbx_breadcrumb_selected span							{background-position:0 -161px;color:#FFFFFF;font-weight:bold;}
ul.pbx_breadcrumb li.pbx_breadcrumb_done									{background-position:right -46px;}
ul.pbx_breadcrumb li.pbx_breadcrumb_done.pbx_breadcrumb_before_selected		{background-position:right -69px;}
ul.pbx_breadcrumb li.pbx_breadcrumb_done span								{background-position:0 -184px;color:#FFFFFF;}
ul.pbx_breadcrumb li.pbx_breadcrumb_done span a								{border-bottom:1px solid #FFFFFF;}
ul.pbx_breadcrumb li.pbx_breadcrumb_start span								{border-left:1px solid #D6D6D6;padding-left:10px;}
ul.pbx_breadcrumb li.pbx_breadcrumb_start.pbx_breadcrumb_selected span		{border-left-color:#067327;}
ul.pbx_breadcrumb li.pbx_breadcrumb_start.pbx_breadcrumb_done span			{border-left-color:#979797;}
ul.pbx_breadcrumb li.pbx_breadcrumb_end{background-position:right -92px;}
ul.pbx_breadcrumb li.pbx_breadcrumb_end.pbx_breadcrumb_selected				{background-position:right -115px;}

/* -------------------------------------------STEPS--------------------------------------------- */

ul.steps 						{margin:20px auto 60px auto; width:100%;padding:0; list-style:none; height:15px; border-bottom:1px #ddd solid}
ul.steps li 						{text-align:center; float:left;}
ul.steps li.five 					{width:20%;}
ul.steps li.four					{width:25%;}
ul.steps li.three 					{width:33%;}
ul.steps li.two					{width:50%;}


ul.steps li.selected 				{color:#000; text-decoration:none;}

ul.steps li em 						{margin:5px 4px; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.steps li span 					{display:block; margin:0 auto; width:30px; height:30px;-moz-border-radius: 15px;border-radius: 15px; color:#fff; line-height:30px;text-shadow: 0 -1px 1px rgba(0,0,0,.3);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow: 0 1px 2px rgba(0,0,0,.5);}
ul.steps li a 						{text-decoration:none}

ul.steps li span 					{color: #606060;border: solid 1px #b7b7b7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}
ul.steps li.selected span 			{color: #d9eef7;border: solid 1px #0076a3;background: #0095cd;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
ul.steps li.past span 				{color: #e8f0de;border: solid 1px #538312;	background: #64991e;background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');}
ul.steps li.next span 				{color: #e9e9e9;border: solid 1px #555;background: #6e6e6e;background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));background: -moz-linear-gradient(top,  #888,  #575757);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}

ul.steps li em 						{color:#ccc;}
ul.steps li.selected em 			{color:#3a87ad;}
ul.steps li.past em 				{color:#a1c142;}
ul.steps li.next em 				{color:#999;}

/*----------------------------------------------------PAGINATION--------------------------------------------------*/

.menu_paging 						{height:60px;margin-top:10px;float:right}
.menu_paging ul 					{list-style:none;margin:0; padding:0}
.menu_paging ul li 					{float:left}
.menu_paging ul li.paging_selected 	{width:20px;height:20px;line-height:20px;float:left;text-align:center;background-color:#C1D2EE;border:1px #ddd solid;color:#fff; margin:2px}
.menu_paging ul li.paging a 		{width:20px;height:20px;line-height:20px;text-decoration:none;float:left;text-align:center;background-color:#e0e0e0;border:1px #ccc solid;color:#696969;margin:2px}
.menu_paging ul li.paging a:hover 	{background-color:#C1D2EE;}

.control_paging 					{width:100%; overflow:hidden;height:60px;}
.control_paging ul 					{list-style:none; padding:0; margin:0}
.control_paging ul li 				{float: left}
.control_paging ul li.paging a 		{width:40px;height:40px;line-height:40px;text-decoration:none;float:left;text-align:center;background-color:#e0e0e0;border:1px #ccc solid;color:#696969;margin:2px}
.control_paging ul li.nopaging  	{width:40px;height:40px;line-height:40px;text-decoration:none;float:left;text-align:center;background-color:#eee;border:1px #ddd solid;color:#ddd;margin:2px}


/*----------------------------------------------------PAGINATION 2--------------------------------------------------*/

.menu2_paging ul 					{list-style:none;margin:0; padding:0; overflow:hidden; max-height:68px}
.menu2_paging ul li 				{float:left}
.menu2_paging ul li.paging_selected {width:30px;height:30px;line-height:30px;float:left;text-align:center;background-color:#C1D2EE;border:1px #ddd solid;color:#fff; margin:2px}
.menu2_paging ul li.paging a 		{width:30px;height:30px;line-height:30px;text-decoration:none;float:left;text-align:center;background-color:#e0e0e0;border:1px #ccc solid;color:#696969;margin:2px}
.menu2_paging ul li.paging a:hover 	{background-color:#C1D2EE;}

.menu2_paging ul li.allpaging a 	{height:30px;line-height:30px; padding:0 10px; text-decoration:none;float:left;text-align:center;background-color:#e0e0e0;border:1px #ccc solid;color:#696969;margin:2px}

.menu2_paging ul li.nopaging  		{width:30px;height:30px;line-height:30px;text-decoration:none;float:left;text-align:center;background-color:#eee;border:1px #ddd solid;color:#ddd;margin:2px}

/*----------------------------------------------------PAGINATION 3--------------------------------------------------*/

.menu3_paging ul 					{list-style:none;margin:0 0 10px 0; padding:0; overflow:hidden;}
.menu3_paging ul li 				{float:left}

.menu3_paging ul li.paging_selected {min-width:30px;height:30px;line-height:30px;float:left;text-align:center;background-color:#C1D2EE;border:1px #ddd solid; border-left:0px;color:#fff;}
.menu3_paging ul li.paging a 		{min-width:30px;height:30px;line-height:30px;text-decoration:none;float:left;text-align:center;background-color:#fff;border:1px #ddd solid; border-left:0px;color:#C1D2EE;}
.menu3_paging ul li.paging a:hover 	{background-color:#C1D2EE;color:#fff}


.menu3_paging ul li.nopaging  		{width:30px;height:30px;line-height:30px;text-decoration:none;float:left;text-align:center;background-color:#fff;border:1px #ddd solid; border-left:0px;color:#ddd;}
.menu3_paging ul li:first-child 				{ border-left:1px #ddd solid}

/*BREADCRUMB GENERAL STYLE*/
#breadcrumb	{width:100%; overflow:hidden; margin-bottom:20px; padding:10px; background-color:#ddd; border-bottom:1px #fff solid; border-right:1px #fff solid; border-left:1px #ccc solid; border-top:1px #ccc solid}

/*Reset sur la liste*/
#breadcrumb ul, #breadcrumb li {
list-style-type:none;	
padding:0;margin:0;
}		
/*Styles sur la liste*/
#breadcrumb ul{
height:33px;
}	
/*Premier élément de la liste*/
#breadcrumb li.first {
background:url(/images/first-left.gif) 0 0 no-repeat;
height:33px;
} 
/*Tous les éléments de la liste sauf premier et dernier*/
#breadcrumb li {
float:left;
background:url(/images/general-left.gif) 0 0 no-repeat;
line-height:33px;
margin:5px 0 0 0;
padding-left:13px;
}
/*Style sur les éléments a et span*/
#breadcrumb li a, #breadcrumb li span {
float:left;
background:url(/images/bg-gradient.jpg) 0 0 repeat-x;
height:33px;
margin:0;
padding:0 0 0 5px;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.02em;
}	
/*Style du dernier span de la liste*/
#breadcrumb li span.end {
float:left;
background:url(/images/general-right.gif) 0 0 no-repeat;
width:20px;
height:33px;
} 					



