/**
 * @author cork
 * @lastmodified 2008/06/11
 * @media print, screen
 */
 
/**
 * Définition des balises de composition de page (interface générale)
 *
 * @section html
 * @todo
 */

#UI_container {
	position: relative;
	background-color: #FFF;
	width: 1011px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	
	background-image: url(../images/ui/bg_container.gif); /* ombres latérales */
	background-position: left top;
	background-repeat: repeat-y;
	overflow: auto;
	/*overflow: hidden;*/
}

/**
 *	left column
 */
#UI_sidebar {
	position: relative;
	float: left;
	width: 290px;
	height: 912px;
	min-height: 100%;
	padding: 0;
	margin: 0;
	margin-left: 6px; /*bord gauche container*/
	
	background-image: url(../images/ui/bg_left.jpg); /* degradé */
	background-repeat: no-repeat;
	background-position: top;
}
/**
 *	left column (photo DP)
 */
#photoDP {
	margin-top: 110px;
	margin-left: 28px;
}
/**
 *	left column (menu secondaire)
 */
p.hd_menu_droit {
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 17px;
	color: #FFF;
}
ul.menu_droit {
	margin: 0;
	padding:0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 32px;
	margin-right: 38px;
	list-style-type: square;
	list-style-position: inside;
	color: #FFF;
}
ul.menu_droit li {
	margin: 0px;
	margin-top: 2px;
	line-height: 25px;
	border-bottom: 1px dashed #FFF;
}
ul.menu_droit li a {
	color: #000;
	text-decoration: none;
}
ul.menu_droit li a.current {
	padding-left: 5px;
	color: #FFF;
	font-weight: bold;
}
ul.menu_droit li a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
/**
 *	main part
 */
#UI_content {
	/*UI_container (1011px) - UI_sidebar (290+6)* = 715*/
	float: right;
	margin: 0;
	margin-right: 6px;
	padding: 0;
	padding-bottom: 50px; /* pour #UI_footer*/
	width: 709px; /* 715-6*/
	min-height: 100%;	
}
#UI_header, #UI_menu, #content, #UI_footer {
	margin-top: 10px;
	width: 709px; /*total 709px*/
}
/**
 *	main part > header
 */
#UI_header img#logo_dp {
	margin-left: 10px;
}
#UI_header #logo_partners {
	float: right;
	width: 220px;
	margin-top: 20px;
}
/**
 *	main part > main menu
 */
#UI_menu {
	width: 699px; /*total 709px*/
	height: 80px;
	margin: 0;
	padding: 0;
}
#UI_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*padding-bottom: 10px;*/
	padding-left: 18px;
}
#UI_menu li {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	float: left;
	width: 145px;
	line-height: 70px;
	height: 70px;
}
#UI_menu a {
	display: block;
	margin: 0;
	padding: 0;
	background-image: url(../images/ui/bt_menu.gif); /* 145*70*/
	background-repeat: no-repeat;	
	width: 133px;
	padding-left: 12px;
	height: 33px;
	line-height: 33px;
	padding-top: 37px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 17px;
	text-decoration: none;
	color: #5D5D5D;	
}
#UI_menu a.current {
	color: #FD8900;
}
#UI_menu a:hover {
	text-decoration: none;
	color: #FD8900;
	background-image: url(../images/ui/bt_menu_over.gif);
}
/**
 *	main part > content
 */
#content {
	padding-left: 15px;
	padding-right: 22px;
	width: 668px; /*total 709px*/
}
#content {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #081142;*/
}
.vertical_sep {
	background-image: url(../images/vertical_sep_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
/**
 *	main part > content > fil ariane
 */
#UI_fil_ariane {
	margin-bottom: 15px;
	border-bottom: 1px solid #CAC9C9;
}
#UI_fil_ariane ul {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}
#UI_fil_ariane ul li {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 2px;
	padding-left: 15px;
	list-style-type: none;
	background-image: url(../images/ui/puce_filariane.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 10px;
	line-height: 14px;
}
#UI_fil_ariane ul li.first {
	margin: 0;
	padding: 0;
	padding-left: 0;
	list-style-type: none;
	background: none;
}
#UI_fil_ariane ul li a {
	text-decoration: none;
}

#UI_fil_ariane ul li a:hover {
	color: #ae0000;
}
/**
 *	main part > content > flags en/fr
 */
#flags {
	float: right;
	width: 60px;
	margin: 0;
	margin-left: 5px;
}
/**
 *	footer
 */
#UI_footer {
	clear: both; /*sortie des flux float*/
	width: 668px;
	margin: 0;
	margin-left: 311px; /* colonne gauche + img bordure */
	margin-right: 22px; /* img bg bord droit */
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #5D5D5D;
	border-top: 1px solid #CAC9C9;	
}
#UI_footer * {
	text-align: left;
}