@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
/*########################################################
						Interface
########################################################*/
html{
/*
	scrollbar-face-color: #EFEFEF;
	scrollbar-highlight-color: #EFEFEF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #EFEFEF;
	scrollbar-shadow-color: #EFEFEF;
	scrollbar-arrow-color: #FF6600;
	scrollbar-track-color: #FFFFFF;
*/
	margin: 0;
	padding: 0;
	border: none;
	height:100%;
}
body{
	background: #c9c6b9;
	margin: 0 auto;
	padding: 0px;
	border: none;
	height:100%;
	color: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
img{border: none;}

	#pageheader{
		margin: 0 auto;
		padding: 0px;
		text-align: center;
		border-bottom: 1px solid #c3bd9e;
		background: url(/images/bg-shadow-top.gif) left bottom repeat-x;
	}
	#pagefooter{
		margin: 0 auto;
		padding: 0px;
		text-align: center;
		border-top: 1px solid #c3bd9e;
		background: url(/images/bg-shadow-bottom.gif) left top repeat-x;
		height: 70px;
	}
		#pagefooter div.credits{
			color: #332d25;
			padding-top: 22px;
			float: left;
		}
			#pagefooter div.credits span{color: #332d25;}
			#pagefooter div.credits strong{color: #ba281c;}
			#pagefooter div.credits a{
				color: #df3131;
				text-decoration: underline;
			}
			#pagefooter div.credits a:hover{
				color: #FFFFFF;
				text-decoration: none;
				font-weight: normal;
			}
			#pagefooter div.login{
				float: right;
				color: #ffffff;
			}
				#pagefooter div.login h5{
					padding: 12px 0px 4px 0px;
					margin: 0px;
					color: #332d25;
					font-size: 10px;
					font-weight: normal;
				}
				#pagefooter div.login input{
					border-top: 1px solid #8991a3;
					border-right: 1px solid #c6d0d4;
					border-bottom: 1px solid #e7e3e2;
					border-left: 1px solid #cbcfd1;
					font-size: 11px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
				#pagefooter div.login table tr td{
					padding-right: 5px;
					font-size: 9px;
				}
	#pageholder{
		margin: 0 auto;
		padding: 0px;
		text-align: center;
		height: 344px;
		background: #332d25;
	}
	#pageheader div.holder,
	#pagefooter div.holder{
		margin: 0 auto;
		padding: 0px;
		text-align: left;
		width: 800px;
	}
		#pageheader div.logo{
			float: left;
		}
		#pageheader div.logo img{
			margin: 0px 0px 14px 0px;
		}
		#pageheader div.menuh{
			float: right;
			margin: 0px;
			padding-top: 23px;
			width: 450px;
		}
		#pageheader div.menuh ul{
			margin: 0px;
			padding: 0px;
		}
		#pageheader div.menuh ul li{
			float: left;
			margin: 0px;
			padding: 0px;
			text-align: right;
			list-style: none;
		}
			#pageheader div.menuh ul li a{color: #332d25;}
			#pageheader div.menuh ul li a:hover{color: #ba281c;}
			#pageheader div.menuh ul li.selected a{
				font-weight: bold;
				color: #ba281c;
			}
		
			#m_Portfolio{width: 118px;}
				#m_Portfolio a{padding-left: 27px; background: url(/images/m_all.gif) 10px 1px no-repeat;}
				/*#m_Portfolio a:hover,*/
				#m_Portfolio.selected a{font-weight: bold; color: #FFFFFF;}
				 
			#m_Services{width: 120px;}
				#m_Services a{padding-left: 27px; background: url(/images/m_all.gif) -192px 2px no-repeat;}
				/*#m_Services a:hover,*/
				#m_Services.selected a{font-weight: bold; color: #FFFFFF;}
				
			#m_Profil{width: 100px;}
				#m_Profil a{padding-left: 24px; background: url(/images/m_all.gif) -393px 1px no-repeat;}
				/*#m_Profil a:hover,*/
				#m_Profil.selected a{font-weight: bold; color: #FFFFFF;}
				
			#m_Equipe{width: 109px;}
				#m_Equipe a{padding-left: 26px; background: url(/images/m_all.gif) -593px 1px no-repeat;}
				/*#m_Equipe a:hover,*/
				#m_Equipe.selected a{font-weight: bold; color: #FFFFFF;}
				
				
	#pageholder div.holder{
		margin: 0 auto;
		padding: 0px;
		text-align: left;
		width: 830px;
		/*position: relative;*/
	}
	#colleft{
		width: 415px;
		float: left;
	}
	#menuleft{
		width: 165px;
		float: left;
		padding: 20px 0px 0px 0px;
	}
	#menuleft div.menuh{
		padding: 0px 15px 0px 15px;
		line-height: 14px;
	}
		#menuleft ul, #menuleft ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#menuleft ul li a{
			cursor: auto;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
		}
			#menuleft ul li ul li a{
				cursor: pointer;
				font-weight: normal;
				text-decoration: none;
				color: #9e9384;
			}
			#menuleft ul li ul{
				margin-top: 5px;
			}
			#menuleft ul li ul li{
				padding: 4px 0px;
			}
			#menuleft ul li ul li.selected a{
				padding: 5px 0px;
				color: #b3a357;
				font-weight: bold;
			}
			#menuleft ul li ul li a:hover{
				text-decoration: none;
				color: #FFFFFF;
			}
	#hcontent{
		width: 250px;
		float: left;
		padding: 20px 0px 20px 0px;
		line-height: 16px;
	}
		#hcontent h1{
			margin: 0px;
			padding: 0px 0px 15px 0px;
			font-size: 11px;
			color: #b3a357;
		}
	#hcontent.full{
		width: 830px;
		float: left;
		padding: 0px;
	}
		#hcontent.full div.full{
			margin: 0px 15px;
			background: #FFFFFF;
			height: 344px;
			overflow-y: auto;
			overflow-x: hidden;
			color: #000000;
		}
		#infos{
			width: 251px;
			height: 300px;
			overflow: auto;
			overflow-y: auto;
			overflow-x: hidden;
		}
			#infos p{
				margin: 0px;
				padding: 5px 20px 10px 0px;
			}

/*######################################################
						Liens
######################################################*/
a{
	text-decoration: none;
	color: #9e9384;
}
a:hover{
	text-decoration: none;
	color: #FFFFFF;
}

/*######################################################
					Formulaires
######################################################*/

form 
{
	margin:0px;
	padding:0px;
}


/*##################################################
				Gestion des erreurs
####################################################*/

div#publicerror, div#publicerrorErr
{
	color:#FF0000;
}


/*##################################################
				Editeur CSS
####################################################*/
#editorTableHolder{
	background: #FFFFFF;
	border: 1px solid #b6a64a;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000000;
	width: 830px;
	z-index: 40;
	overflow: visible;
	float: left;
	display: block;
}
#editorCSS{
	/*border: 1px solid #FF0000;
	position: relative;
	top: 0px;*/
}
#dhtmltooltip{color: #333333;}
#ButtonDIVgestion{color: #333333; z-index: 50;}

sup{
	font: normal 80% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 0px;
}

#lightbox{z-index: 410;}
#overlay{z-index: 400;}
#loaderDiv{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%;
	height: 500px;
	background: #332d25;
}
#loaderChild{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 410;
	line-height: 0;
}
#loaderChildBox{
	border: 1px solid #FFFFFF;
	background: #FFFFFF url(/images/pop-flash.gif) 0px 0px no-repeat;
	width: 702px;
	height: 390px;
	font: bold 110% Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
	letter-spacing: normal;
	z-index: 420;
	padding: 5px 24px;
}
	#loaderChildBox div{
		text-align: right;
		font: 10px Arial, Helvetica, sans-serif;
	}
	#loaderChildBox div a{
		display: block;
		color: #2ac6f4;
		text-decoration: none;
		padding-left: 13px;
		background: url(/images/pop-flash-close.gif) 0px 2px no-repeat;
		height: 20px;
		float: right;
	}
	#loaderChildBox div a:hover{
		color: #2ac6f4;
		text-decoration: underline;
	}
	#flcrabe{
		clear: right;
		padding: 0px 1px;
		height: 700px;
		height: 350px;
	}