body{
   background-image: url(../IMG/fond.bmp);
   font-family: Arial,sans-serif;
   font-size: 12px;
}


/*****************************************************/
.main{
	background-color: #FFFFFF;
	border-left : 1px solid gray;
	border-top : 1px solid gray;
	border-right : 1px solid gray;
	border-bottom : 1px solid gray;
	width : 800px;
	color : #000000;
	padding-left : 10px;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 10px;

}


/*****************************************************/
.header{

	padding-bottom : 0px;
	margin-bottom : 0px;

}



/*****************************************************/
.green_menu{
	background-color: #FF3366;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;
	color : white;
}
.green_menu ul{
	background-color: #FF3366;
	list-style-type : none;
	color : white;
	padding-left : 1px;
	padding-top : 1px;
	padding-right : 1px;
	padding-bottom : 1px;
	margin-left : 1px;
	margin-top : 1px;
	margin-right : 1px;
	margin-bottom : 1px;


}
.green_menu li{
	background-color: #FF3366;
	list-style-type : none;
	display: inline;
	color : white;
	border-right : 1px dotted #FF9999;
}
.green_menu a {
	background-color: #FF3366;
     	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;

}
	 
.green_menu a:hover {
	background-color: #FF3366;
	color: #FF9999;
}

	
/*****************************************************/
.blue_menu{
	background-color: #FFFFFF;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;
	color: #6699CC;
}
.blue_menu ul{
	background-color: #FFFFFF;
	list-style-position: inside; 
	list-style-image: url(../IMG/bttn.gif);
	color : white;
	padding-left : 1px;
	padding-top : 1px;
	padding-right : 1px;
	padding-bottom : 1px;
	margin-left : 1px;
	margin-top : 1px;
	margin-right : 1px;
	margin-bottom : 1px;

}
.blue_menu li{
	background-color: #FFFFFF;
	list-style-type : none;
	color: #6699CC;
}
.blue_menu a {
	background-color: #FFFFFF;
     	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #6699CC;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;

}
	 
.blue_menu a:hover {
	background-color: #FFFFFF;
	color: #336699;
}


/*****************************************************/
.content{
	border-bottom : 1px dotted gray;
	border-top : 4px solid white;

}
.content_left{
		float :left;
		text-align: left;
		width : 220px;

}
.content_right{
		float: right;
		text-align: left;
		width : 550px;

}


.content h1{
	font-size: 14px;
	background-color: #5196D1;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : white;
	
}
.content h3{
	background-color: #FFFFFF;
	font-size: 14px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 1px;
	padding-bottom : 1px;
	margin-top : 1px;
	margin-bottom : 1px;
	color : #6699CC;
	
}
.content h2{
	background-color: #FFFFFF;
	font-size: 14px;
	border-bottom : 1px solid #FF3366;
	border-left : 1px solid #FF3366;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : #FF3366;
}




/*****************************************************/
.footer{
	border-top : 4px solid white;
	background-color: #FFFFFF;
	text-align: center;
	padding-top : 5px;
	padding-bottom : 5px;
	font-size: 10px;
	color : #000000;
}

/*****************************************************/
.img_right{
	float : right;
	border-right : 1px solid gray;
	border-top : 1px solid gray;
	border-left : 1px solid gray;
	border-bottom : 1px solid gray;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.marg{
	margin-left : 50px;
	border-bottom : 1px dotted gray;
	padding-bottom : 5px;
	margin-bottom : 5px;

}

.doc_joint{
	float : left;
	border-right : 1px solid gray;
	border-top : 1px solid gray;
	border-left : 1px solid gray;
	border-bottom : 1px solid gray;
	margin-right: 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	text-align : center;
	width: 100px;
}

/*****************************************************/
.ss_rubrique{
	background-color: #FF3366;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;
	color : white;
	margin-left : 150px;
	margin-top : 2px;

}

.ss_rubrique a {
	background-color: #FF3366;
     	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;

}
	 
.ss_rubrique a:hover {
	background-color: #FF3366;
	color: #FF9999;
}
	
/*****************************************************/
.hierarchie{
	background-color: #FFFFFF;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;
	color: #FF3366;
}

.hierarchie a {
	background-color: #FFFFFF;
     	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #6699CC;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
	padding-bottom : 3px;

}
	 
.hierarchie a:hover {
	background-color: #FFFFFF;
	color: #336699;
}