/* CSS Document */

/* basic elements */
body{
	color:				#000;
	background-color:	#C8C7C7;
	margin:				0;
	padding:			0;
}

/* make everything sans-serif */
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div{
	font-family:		Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:			x-small;
	margin:				0px;
}

table {
	text-align:			left;
}

table#maintable {
	
}

/* style gris clair grand */
h1 {
	font-size:				10px;
	color:					#DAD7D7; /* gris clair */
	font-weight:			normal;
	text-decoration:		none;
	margin-bottom:			7px;
	margin-right:			9px;
	display: 				inline;
	border-bottom-width:	1px;
	border-bottom-color:	#FFFFFF;
	border-bottom-style:	solid;
	

}

/* style orange petit */
h2 {
	color:						 #FC9E0A; /* orange */#2A5386; /* bleu */
	font-size:					11px;
	font-weight:				bold;
	/*background-image:			url(../images/rightbgtitle.gif);
	text-align:center;*/
	background-repeat: 			repeat-y;
	background-position: 		top left; 
	margin: 					3px 2px 3px 2px;
	
	border-bottom:				1px solid #ccc;
}

/* style gris clair petit gras */
h3 {
	color:				#9B9B9B; /* gris clair */
	font-weight:		bold;
	font-size:			small;
	/*margin: 			3px 2px 3px 2px;*/
}

/* style gris clair petit gras */
h4 {
	color:				#9B9B9B; /* gris clair */
	font-weight:		bold;
	font-size:			small;
	/*margin: 			3px 2px 3px 2px;*/
}

/* style gris bleu moyen gras */
h4:first-letter {
	color:				#2A5386; /* gris bleu */
	font-weight:		bold;
	font-size:			medium;
	/*margin: 			3px 2px 3px 2px;*/
}


p {
	font-size: 			10px;
	/*margin:				7px;*/
	/*text-align:			justify;*/
	margin: 			3px 2px 3px 2px;
}
/*
p:first-line {
		background-color: 		transparent;
		font-size: 				10px;
		color: 					000000;	
		font-weight: 			bold;
}

p:first-letter {
	font: 					italic small-caps 900 20px arial;
	margin:					2px;
}
*/

/* set image borders to zero */
img{
	border:				0;
	margin: 			0;
}


/* basic links */
a, a:link{
	color:				#0E339A;
}

a:visited{
	color:				#344A8A;
}

/* NS4 won't see these but other browsers will. No problem. */
a:hover{
	color:				#c00;
	/*text-decoration:	none;*/
}

a:active{
	color:				#0E339A;
	text-decoration:	none;
}


table#rightpart a:link{
	color:				#706F6F;
	text-decoration:	none;
	font-size:			x-small;
}

table#rightpart a:hover{
	color:				#000;
	text-decoration:	underline;
	font-size:			x-small;
}


.zonebdgrisclair {
		background-image: 		url('../images/zonebggrisclair.gif');
/*		background-color:		#E9E9E9;*/
		background-repeat: 		repeat-y;
		background-position: 	top right; 
}

.leftpartdash {
		background-image: 		url('../images/dashleftpart.gif');
		background-repeat: 		repeat-y;
		background-position: 	top right;
		background-color:		#f7f7f7;
}

.rightpartdash {
		background-image: 		url('../images/dashrightpart.gif');
		background-repeat: 		repeat-y;
		background-position: 	top left;
		background-color:		#E9E9E9;
}



.paperbox {
		background-image: 		url('../images/postit/piece-05.gif');
		background-repeat: 		no-repeat;
		background-position: 	top left;

		background-color:		#F7F7F7;
}

.titleboxorangeend {
		background-image: 		url('../images/lefttitlebox/rightorange.gif');
		background-repeat: 		no-repeat;
		background-position: 	bottom right;

		/*background-color:		#F7F7F7;*/
}

.paperboxdash {
		background-image: 		url('../images/dashrightpartbox.gif');
		background-repeat: 		repeat-y;
		background-position: 	bottom left;

		/*background-color:		#F7F7F7;*/
}




.titleboxdashstart {
		background-image: 		url('../images/lefttitlebox/dashleftparttitle2.gif');
		background-repeat: 		no-repeat;
		background-position: 	bottom left;

		/*background-color:		#F7F7F7;*/
}




.greydot{
	border:				0;
	margin: 			2px 2px 1px 2px;
}