/* ================================================ */
/* === GENERIC ELEMENTS =========================== */
/* ================================================ */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #EAF2F7;
}

body {
	width: 770px;
	font: 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
}

p {
	margin: 0 0 1em 0;
}

a {
	text-decoration: none;
}

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #FF840F;
	margin: 15px 0 6px 0;
	padding: 0;
}

h2 {
}

h3 {
	font-size: 14px;
	color: #FF840F;
	padding: 0;
	margin: 0 0 8px 0;
	font-weight: normal;
}

h4 {
	font-size: 11px;
	color: #486D89;
	padding: 0;
	margin: 0 0 5px 0;
}

h5 {
	font-size: 11px;
	color: #FF840F;
	padding: 0;
	margin: 0;
}

h6 {
	clear: both;
	font-size: 13px;
	color: #00ADEF;
	padding: 0;
	margin: 0 0 9px 0;
}

form {
	margin: 0;
}

label {
	display: block;
	color: #5791B1;
	margin: 0 0 4px 0;
}

input, select, textarea {
	font: 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* ================================================ */
/* === PAGE HEADER ================================ */
/* ================================================ */

div#PageHeader {
	background: #1B4D6A url(../images/header.jpg) no-repeat;
	height: 83px;
	margin: 0 0 1px 0;
}

div#PageHeader img {
	float: right;
	margin: 10px 0 0 0;
	border: 0;
}

/* ================================================ */
/* === PAGE MENU ================================== */
/* ================================================ */

div#PageMenu {
	background: #245D7A;
	color: #FFFFFF;
	text-align: right;
	padding: 2px 10px 2px 0;
}

div#PageMenu ul {
	padding: 0;
	margin: 0;
}

div#PageMenu ul li {
	display: inline;
	list-style: none;
}

div#PageMenu ul li a {
	padding: 0 15px 0 0;
	margin: 0 10px 0 0;
	background: url(../images/page_menu_separator.gif) right no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

div#PageMenu ul li a.Last {
	padding: 0;
	margin: 0;
	background: none;
}

div#PageMenu ul li a:hover {
	color: #FF9900;
}

/* ================================================ */
/* === PAGE NAVIGATION ============================ */
/* ================================================ */

div#PageNavigation {
	float: left;
	width: 95px;
	background: #8DBFD8 url(../images/navigation_background.gif) right repeat-y;
	margin: 0 3px 0 0;
	color: #FFFFFF;
}

div#PageNavigation a {
	color: #FFFFFF;
}

div#PageNavigation a:hover {
	color: #00547F;
}

div#PageNavigation ul {
	padding: 0;
	margin: 0;
}

div#PageNavigation ul li {
	list-style: none;
}

div#PageNavigation ul li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px 3px 10px;
	background: #D9EDF4 url(../images/nav_item_off_background.gif) right no-repeat;
	color: #00547F;
	width: 75px; /* For IE6 */
}

div#PageNavigation ul li a:hover {
	background: #C5E5EF url(../images/nav_item_on_background.gif) right no-repeat;
	color: #1B8CC7;
}

/* --- Search box --------------------------------- */

div#Search {
	padding: 10px 8px;
	background: url(../images/box_background.jpg) no-repeat;
	margin: 3px 0 0 0;
}

div#Search h1 {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
	color: #FFFFFF;
}

div#Search input {
	border: 1px solid #1B8CC7;
	width: 70px;
	padding: 2px;
}

div#Search a {
	display: block;
	margin: 5px 0 0 0;
}

/* --- Stay Informed box ------------------------- */

div#StayInformed {
	padding: 10px 8px;
	background: #33698F;
	margin: 3px 0 0 0;
}

div#StayInformed h1 {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
	color: #FFFFFF;
}

div#StayInformed input {
	border: 1px solid #1B8CC7;
	width: 70px;
	padding: 2px;
}

div#StayInformed a {
	display: block;
	margin: 5px 0 0 0;
}

div#StayInformed a:hover {
	color: #FF9900;
}

/* --- RSS feed box ------------------------------ */

div#RSSFeed {
	padding: 10px 8px;
	background: #5791B1;
	margin: 3px 0 0 0;
}

div#RSSFeed h1 {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 5px 0;
	color: #FFFFFF;
}

div#RSSFeed input {
	border: 1px solid #1B8CC7;
	width: 145px;
	padding: 2px;
}

div#RSSFeed a {
	display: block;
	margin: 5px 0 0 0;
}

div#RSSFeed ul {
	padding: 0;
	margin: 0;
}

div#RSSFeed ul li {
	list-style: none;
}

div#RSSFeed ul li a {
	display: block;
	width: 70px;
	font-size: 11px;
	padding: 0 0 20px 0;
	margin: 0 0 5px 0;
	color: #FFFFFF;
	line-height: 15px;
	background: url(../images/rss.gif) 0 18px no-repeat;
}

div#RSSFeed ul li a:hover {
	background: url(../images/rss.gif) 0 18px no-repeat;
	color: #FF9900;
}

/* ================================================ */
/* === PAGE CONTENT =============================== */
/* ================================================ */

div#PageContainer {
	width: 770px;
	overflow: hidden;
	background: #FFFFFF url(../images/left_column_background.gif) repeat-y;
}

div#PageContent {
	float: left;
	margin: 3px 0 0 0;
	background: url(../images/page_content_background.gif) repeat-x top;
	padding: 0 10px 10px 10px;
	width: 649px;
}

div#PageContentContainer {
	overflow: hidden;
	width: 659px;
}

h1.Homepage {
	margin: 10px 0 6px 0;
}

/* ================================================ */
/* === ACTUALITES JURIDIQUES ====================== */
/* ================================================ */

ul#ActuTabs {
	padding: 0;
	margin: 0;
}

ul#ActuTabs li {
	display: inline;
	list-style: none;
}

ul#ActuTabs li a {
	float: left;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 15px;
	margin: 0 2px 0 0;
	background: #C9E7F1;
	color: #1B8CC7;
}

ul#ActuTabs li a:hover {
	background: #2B6D8B;
	color: #FFFFFF;
}

ul#ActuTabs li a.Active {
	background: #2B6D8B;
	color: #FFFFFF;
}

div#ActuTabContainer {
	clear: left;
	float: left;
	border: 1px solid #A3CCE0;
	background: url(../images/tab_content_background.gif) repeat-x top;
	overflow: hidden;
}

div#ActuTabContent {
	float: left;
	font-size: 12px;
	line-height: 16px;
}

div#ActuDetail {
	padding: 5px 20px 0 10px;
	width: 408px;
	line-height: 15px;
}

div#ActuDetail img {
	float: left;
	border: 1px solid black;
	margin: 7px 20px 30px 0;
}

div#ActuDetailLinks {
	margin: 8px 0 0 0;
	color: #00ADEF;
}

div#ActuDetailLinks a {
	color: #00ADEF;
}

div#ActuDetailLinks a:hover {
	color: #FF840F;
}

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

ul.ActuTitles {
	float: right;
	padding: 0;
	margin: 3px 0 3px 0;
}

ul.ActuTitles li {
	list-style: none;
}

ul.ActuTitles li a {
	display: block;
	width: 169px;
	font-size: 10px;
	padding: 3px 10px 3px 27px;
	background: url(../images/actu_off_background.gif) no-repeat; /* 230 px total */
	color: #165788;
	line-height: 12px;
}

ul.ActuTitles li a:hover {
	background: url(../images/actu_on_background.gif) no-repeat;
	color: #E67B11;
}

ul.ActuTitles li a.Active {
	background: url(../images/actu_on_background.gif) no-repeat;
	color: #E67B11;
}

/* ================================================ */
/* === DOSSIERS ET FICHES PRATIQUES =============== */
/* ================================================ */

div#FichesPratiques {
	float: left;
	width: 440px;
}

div#FichesPratiquesContent {
	border: 1px solid #A3CCE0;
	padding: 0;
	margin: 0;
	width: 434px;
	overflow: hidden;
}

div.FichesPratiquesItemTitle {
	font-weight: bold;
}

div.dhtmlgoodies_question {
	color: #165788;
	font-size: 10px;
	border: 1px solid #D8E1E6;
	margin: 2px;
	padding: 2px;
	background: #F8F9FA;	
	overflow: hidden;
	cursor: pointer;
}

div.dhtmlgoodies_answer {
	background: #E2EBED;
	font-size: 10px;
	margin: -3px 2px 4px 2px;
	padding: 4px 2px;
	visibility: hidden;
	overflow: hidden;
	position: relative;
}

ul#FichesPratiquesItemTabs {
	padding: 0;
	margin: 0;
	height: 30px;
}

ul#FichesPratiquesItemTabs li {
	display: inline;
	list-style: none;
}

ul#FichesPratiquesItemTabs li a {
	float: left;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 10px;
	margin: 0 2px 0 0;
	background: #C9E7F1;
	color: #1B8CC7;
}

ul#FichesPratiquesItemTabs li a:hover {
	background: #2B6D8B;
	color: #FFFFFF;
}

ul#FichesPratiquesItemTabs li a.Active {
	background: #2B6D8B;
	color: #FFFFFF;
}

/* ================================================ */
/* === CONTRATS =================================== */
/* ================================================ */

div#Contrats {
	float: left;
	width: 448px;
}

div#ContratsContent {
	clear: both;
	float: left;
	border: 1px solid #A3CCE0;
	padding: 1px;
	margin: 0;
	background: url(../images/box_content_background.jpg) repeat-x;
}

ul#ContratsTitles {
	padding: 0;
	margin: 0;
}

ul#ContratsTitles li {
	list-style: none;
}

ul#ContratsTitles li a {
	display: block;
	width: 400px;
	padding: 7px 10px 7px 27px;
	background: url(../images/contrats_item_background.gif) 0 3px no-repeat;
	color: #165788;
	line-height: 13px;
}

ul#ContratsTitles li a:hover {
	background: #C8E3EE url(../images/contrats_item_background.gif) 0 3px no-repeat;
}
 
ul#ContratsTitles li a div.Title {
	color: #E67B11;
}

ul#ContratsTitles li a:hover div.Title {
	color: #165788;
}

ul#ContratsTitles li a div.Info {
	color: #4F4F4F;
}

a#ContratsSeeAll {
	display: block;
	clear: left;
	padding: 5px 0 4px 28px;
	color: #00ADEF;
}

a#ContratsSeeAll:hover {
	color: #FF840F;
}

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

div#SondageContent {
	clear: left;
	float: left;
	width: 425px;
	border: 1px solid #A3CCE0;
	padding: 7px;
	margin: 8px 0 0 0;
	height: 60px;
	overflow: hidden;
}

div#SondageQuestion {
	float: left;
	width: 200px;
	line-height: 14px;
}

div#SondageAnswers {
	float: left;
	line-height: 14px;
}

/* ================================================ */
/* === RESSOURCES ================================= */
/* ================================================ */

div#Ressources {
	float: left;
	width: 440px;
}

div#RessourcesContent {
	clear: left;
	border: 1px solid #A3CCE0;
	padding: 3px;
	background: url(../images/box_content_background.jpg) repeat-x;
	height: 213px;
	overflow: hidden;
}

ul#RessourcesTabs {
	padding: 0;
	margin: 0;
	height: 30px;
}

ul#RessourcesTabs li {
	display: inline;
	list-style: none;
}

ul#RessourcesTabs li a {
	float: left;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 10px;
	margin: 0 2px 0 0;
	background: #C9E7F1;
	color: #1B8CC7;
}

ul#RessourcesTabs li a:hover {
	background: #2B6D8B;
	color: #FFFFFF;
}

ul#RessourcesTabs li a.Active {
	background: #2B6D8B;
	color: #FFFFFF;
}

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

div#RessourcesTab1 {
	position: absolute;
	visibility: visible;
	overflow: hidden;
}

div#RessourcesSearch1 {
	float: left;
	width: 195px;
	height: 200px;
	padding: 4px 10px 4px 10px;
	border-right: 1px solid #B2D6E4;
	overflow: hidden;
}

div#RessourcesSearch2 {
	float: left;
	width: 190px;
	padding: 4px 5px 4px 15px;
}

div#RessourcesSearch1 input, div#RessourcesSearch2 input {
	margin: 0 0 7px 0;
}

div.RessourcesSearchDate {
	float: left;
	margin: 0 0 16px 0;
}

div.RessourcesSearchDateButton {
	float: right;
	margin: 0 0 16px 0;
}

div.RessourcesSearchDate input {
	width: 30px;
	margin: 0 10px 0 0;
}

a.Button {
	float: left;
	display: inline;
	padding: 3px 8px;
	text-transform: uppercase;
	font-weight: bold;
	background: #8CBFD8;
	color: #FFFFFF;
}

a.Button:hover {
	background: #2B6D8B;
	color: #FFFFFF;
}

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

div#RessourcesTab2 {
	position: absolute;
	visibility: hidden;
	width: 432px;
}

div#RessourcesTab2 ul {
	padding: 0;
	margin: 0;
}

div#RessourcesTab2 ul li {
	display: block;
	list-style: none;
	padding: 1px 0;
	border-bottom: 1px solid #DCEAE8;
	overflow: hidden;
}

div.RessourcesListItemTitle {
	float: left;
}

div.RessourcesListItemTitle a {
	padding: 3px 10px 3px 22px;
	background: url(../images/list_item_off_background.gif) no-repeat;
	color: #FF840F;
}

div.RessourcesListItemTitle a:hover {
	color: #165788;
}

div.RessourcesListItemCategory {
	float: right;
	color: #165788;
	text-align: right;
	padding: 0 5px 0 0;
}

a#RessourcesSeeAll {
	display: block;
	clear: both;
	padding: 5px 0 5px 22px;
	color: #00ADEF;
}

a#RessourcesSeeAll:hover {
	color: #FF840F;
}

/* ================================================ */
/* === JOBS ======================================= */
/* ================================================ */

div#Jobs {
	float: right;
	width: 190px;
}

div#JobsContent {
	border: 1px solid #A3CCE0;
	padding: 3px;
	background: url(../images/box_content_background.jpg) repeat-x;
}

ul#JobsTitles {
	padding: 0;
	margin: 0;
}

ul#JobsTitles li {
	list-style: none;
}

ul#JobsTitles li a {
	display: block;
	width: 150px;
	padding: 3px 10px 3px 22px;
	background: url(../images/list_item_off_background.gif) no-repeat;
	color: #165788;
}

ul#JobsTitles li a:hover {
	background: #C8E3EE url(../images/list_item_on_background.gif) no-repeat;
	color: #E67B11;
}

ul#JobsTitles li a div.Title {
	color: #E67B11;
}

ul#JobsTitles li a:hover div.Title {
	color: #165788;
}

ul#JobsTitles li a div.Info {
	color: #4F4F4F;
}

a#JobsSeeAll {
	display: block;
	padding: 10px 0 10px 22px;
	color: #00ADEF;
}

a#JobsSeeAll:hover {
	color: #FF840F;
}

/* ================================================ */
/* === PUBLICATIONS =============================== */
/* ================================================ */

div#Publications {
	float: right;
	width: 190px;
}

div#PublicationsContent {
	border: 1px solid #A3CCE0;
	padding: 3px;
	background: url(../images/box_content_background.jpg) repeat-x;
}

ul#PublicationsTitles {
	padding: 0;
	margin: 0;
}

ul#PublicationsTitles li {
	list-style: none;
}

ul#PublicationsTitles li a {
	display: block;
	width: 150px;
	padding: 3px 10px 3px 22px;
	background: url(../images/list_item_off_background.gif) no-repeat;
	color: #165788;
}

ul#PublicationsTitles li a:hover {
	background: #C8E3EE url(../images/list_item_on_background.gif) no-repeat;
	color: #E67B11;
}

ul#PublicationsTitles li a div.Title {
	color: #E67B11;
}

ul#PublicationsTitles li a:hover div.Title {
	color: #165788;
}

ul#PublicationsTitles li a div.Info {
	color: #4F4F4F;
}

a#PublicationsSeeAll {
	display: block;
	padding: 11px 0 11px 22px;
	color: #00ADEF;
}

a#PublicationsSeeAll:hover {
	color: #FF840F;
}

/* ================================================ */
/* === AU MONITEUR ================================ */
/* ================================================ */

div#Moniteur {
	float: right;
	width: 190px;
}

div#MoniteurContent {
	clear: left;
	border: 1px solid #A3CCE0;
	padding: 3px;
	background: url(../images/box_content_background.jpg) repeat-x;
}

ul#MoniteurTitles {
	float: left;
	padding: 0;
	margin: 0;
}

ul#MoniteurTitles li {
	list-style: none;
}

ul#MoniteurTitles li a {
	display: block;
	width: 150px;
	padding: 3px 10px 3px 22px;
	background: url(../images/list_item_off_background.gif) no-repeat;
	color: #165788;
}

ul#MoniteurTitles li a:hover {
	background: #C8E3EE url(../images/list_item_on_background.gif) no-repeat;
	color: #E67B11;
}

a#MoniteurSeeAll {
	clear: left;
	display: block;
	padding: 10px 0 10px 22px;
	color: #00ADEF;
}

a#MoniteurSeeAll:hover {
	color: #FF840F;
}

/* ================================================ */
/* === NEWS ======================================= */
/* ================================================ */

div#NewsBatch {
	font-size: 12px;
	font-weight: bold;
	color: #2B6D8B;
	margin: 0 0 10px 0;
}

div#NewsBatch a {
	color: #FF840F;
}

a.NewsItemContainer {
	display: block;
	color: #000000;
	padding: 20px 0;
	border-bottom: 1px solid #165788;
}

a.NewsItemContainer:hover {
	background: #EAF2F7;
}

a.NewsItemContainer img {
	float: left;
	border: 0;
	margin: 0 10px 10px 0;
}

div.NewsAuthor {
	color: #A3CCE0;
	margin: 5px 0 10px 0;
}