/* MSIE 6 specific rules/

* html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}

MSIE 7 specific rules

*:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}

*/

body {
	margin-top:				0%;
	text-align:				center;
	background : 	url(../images/design/fond.png) repeat;
	background-position:	top center;
	font:			normal 10pt Arial;		
}

#global {
	position:		relative;			
	width:			801px;			height: 			602px;
	margin:			5% auto;		padding:			0px;
	background: url(../images/design/tmp_center.jpg);
}

#splash {
	position: absolute; margin: 0 auto;width:800px; height: 400px;left: 0px;background-color: #ffffff;	
}

.copyright {
	position: absolute; left: 20px; bottom: 50px;font: 7pt Arial;color: #fff;	
}

.retour {
	position: absolute; top: 0px; left: 0px; height: 100px; width: 25px; display: block	
}

#fichepics {
	position: absolute;left:190px; top: 200px;width: 300px;height: 160px; overflow: hidden;	
}

#fichepicsClient {
	position: absolute;left:190px; top: 210px;width: 300px;height: 160px; overflow: hidden; border:1px solid;	
}

#fichepics img {
	max-width: 300px; align: right;
}

.masousnav {
	position: relative; float: left; text-align: center;margin-left: 10px;padding: 0px;	
}

#submenu {
	position:		absolute;			
	left:			130px;			top:				90px;
	width:			555px;			height: 			20px;
}

#submenu a {
	color:		#fff;
	font:   	8pt Arial;
}

#central {
	position:		absolute;			
	left:			140px;			top:				120px;
	width:			535px;			height: 		390px;
	border:			0px solid green;
}

#content {	
	position:		relative;	
	width:			535px;			height: 		390px;
}


#sousnav {
	position:		absolute;		
	width:			100%;			height:		17px;
	bottom:			0px;			left:		0px;	
	color: 			#fff;
}

#sousnav td {
	font:			normal 10pt Arial;		
	color: 			#fff;	
}

#sousnav table {
	padding-left:	0px;
	height:			15px;
	margin-top: 	-5px;
}

p {
	font:			normal 10pt Arial;	
}

#footer p {
	color: 	#666666;	
	font:	normal 8pt Arial;		
}

#footer a, #footer a:hover {
	color: 	#666666;	
	font:	bold 8pt Arial;		
}

#fondbot {
position: absolute;			border:0px solid red; bottom: 0px; 
left: -7px;					background: url(../images/design/tmp_bottom.gif) no-repeat; 
width: 560px; 				height:33px;	
}


img {
	border:		0px;
}

ul {
	padding-left:		20px;
	margin:				0px;
}

#gauche li {
	text-align:			left;
	list-style-type:	circ;	
}

#droite li {
	text-align:			left;		
	list-style-type:	circ;	
}

#content h1 {
	width:			255px;				height: 		20px;
	background-color: #858687;			padding:		2px;
	font: 				bold 10pt Arial;color: #fff;
	text-align:			center;
}

#content h2 {
	width:				255px;			height: 		20px;
	font: 				bold 10pt Arial;color: #e51c7c;
	text-align:			left;
}

li {
	padding-bottom:	25px; 								
	text-align:		left;				color:			#000;					
	font : 			bold 9pt Arial;		vertical-align:	top;	
}

#client {
	margin-left:		5px;
}

#client a {
	position: relative;						float: left;
	background: url(../images/design/tmp_listeclient.jpg) no-repeat;
	background-position: left top; 			height:			25px; 
	text-align:		left;
	text-indent: 	40px;					width:			180px;
	color:			#000;					font : 			bold 9pt Arial;
	text-decoration:none;					margin-top:		0px;
	padding-top:		5px;				
}

a {
	color:			#000;			font : 			bold 9pt Arial;
	text-decoration:none;
}

a:hover {
	color:			#e51c7c;	 	font : 			bold 9pt Arial;
	text-decoration:		none;
}

.red, .red:hover {
	color:			#e51c7c;			font : 			normal 10pt Arial;
	text-decoration:none;
}

#message {
	background-color: #fff;		width:		200px;	
	height:			50px;		position: absolute; left: 300px;
	font : 			bold 10pt Arial;			padding:	10px;
	color:			#e51c7c;	
}


/* FORMULAIRE */

.textarea {		
	color:			#000;						width:			200px;
	font : 			normal 9pt Arial;			border:			1px solid #e51c7c;
	padding:		0px;
}

.inputtext {
	height:			20px;						width:			200px;	
	border:			1px solid #e51c7c;	
}