/*----------------------- Definition des blocs principaux ---------------------*/
body {
	text-align: 			justify;
	font-size: 			12px;
	font-family: 			"Trebuchet MS", Helvetica, sans-serif;
	color: 					#DA8D00;	
	overflow-x:			hidden;
	overflow-y:			auto;
}

#side-left {
	/*position:				absolute;
	width:					260px;*/
	padding:				5px;
	text-align: 			justify;
}

#side-right {
	/*position:				absolute;
	left : 					290px;*/
	padding:				5px;
	text-align: 			justify;
}

#content-center {
	border:				1px solid #DA8D00;
	padding:				10px;
	text-align: 			left;
	background: 		#FFF;
}

/*----------------------- Divers texte---------------------*/
.title{
	color: 					#2B94CD;
	font-weight:		bold;
	font-size:				16px;
	border-bottom:	2px dotted #DA8D00;
	margin-top:			-1px;
	padding-bottom:	12px;
}

.title-big{
	text-align:			center;
	color: 					#DA8D00;
	font-size:				14px;
	font-weight:		bold;
}

.title-medium{
	color: 					#DA8D00;
	font-size:				14px;
	font-weight:		bold;
}

a {
	color:					#2B94CD;
	text-decoration:	none;
	font-weight:		bold;
	font-size: 			12px;

}

a.big {
	color: 					#DA8D00;
	font-size:				14px;
	font-weight:		bold;
	border-bottom:	1px dotted #DA8D00;
}

.img-center{
	float:left;	
	margin-top:			2px;
}

fieldset {
	border: 				1px solid #2B94CD;
}

hr {
	height:					1px;
	border: 				1px dotted #DA8D00;
}

/*----------------------- Definition sous-blocs right---------------------*/
#hr-leftpart{
	position:absolute;
	border-bottom:	2px solid #DA8D00;
	border-right:		2px solid #DA8D00;
	width: 					80%;
	text-align:			right;
	color: 					#2B94CD;
	font-weight:		bold;
	font-size:				16px;
}

#hr-rightpart{
	position:absolute;
	border-top:			2px solid #DA8D00;
	width: 					19.6%;
	margin-left:			80%;
	
	text-align:			left;
	color: 					#2B94CD;
	font-weight:		bold;
	font-size:				16px;
}
#right-content{
	/*border-bottom:	2px dotted #DA8D00;*/
	background:		#FFF;
}

/*----------------------- Forms.. ---------------------*/
input{
	padding:				2px 2px 2px 2px ;
	color:					#2B94CD ;
	border:				1px solid #2B94CD;
}

input[type="text"],.input-text {
	border:				1px dotted #2B94CD;
	width:					100px;
}

input[type="password"],.input-password {
	border:				1px dotted #2B94CD;
}

input[type="button"],.input-button {
	border:				1px solid #2B94CD;
}

select,.select{
	border:				1px dotted #2B94CD;
	padding:				2px 2px 2px 2px ;
	color:					#2B94CD;
}

textarea,.textarea{
	border:				1px dotted #2B94CD;
	padding:				2px 2px 2px 2px ;
	color:					#2B94CD;
}

/*-------------------------------------------------------*/

.td-150 {
	float:					left;	
	padding-left:		10px;
	width:					150px;
}

.td-60 {
	float:					left;	
	padding-left:		10px;
	width:					60px;
}

.td-100 {
	float:					left;	
	padding-left:		10px;
	width:					100px;
}

.td-200 {
	float:					left;	
	padding-left:		10px;
	width:					200px;
}

.td-300 {
	float:					left;	
	padding-left:		10px;
	width:					300px;
}

.detail {
	vertical-align:		middle;
	text-align: 			center;
	border:				1px;
	border-style: 		solid;
	border-spacing: 	0;
	border-collapse: 	collapse;
}

.detail td {
	padding: 			4px 4px 4px 4px;
	border:				1px;
	border-style: 		dotted;
}

.detail th {
	padding: 			3px 3px 3px 3px;
	border:				1px dotted #DA8D00;
	color:				#2B94CD;
	border-style: 		dotted;
	background: 		#C0C0C0;
	
}

.detail td.or {
	background:		#FFF0D5;
}

.detail td.bl {
	background:		#FFE6B7;
}

.detail tr.or {
	background:		#FFF0D5;
}

.detail tr.bl {
	background:		#FFE6B7;
}

img {
		border: none;
		vertical-align: middle;
	
}

.table_center {
	display: table;
	margin: 0pt auto;
}
------------------------------------------------------*/
.alert{
	border:				2px solid red;
	color:					red;
	background:		#FFF;
	width:					300px;
	padding:				5px;
}

.blue-font {
	color:					#2B94CD;
}