body {
	margin: 0;
	padding: 0;
	font-size: 70%;
	background-color: #557aac;
	background-image: url(../img/fond.png);
	color: #fff;
	text-align: center;
	font-family: Verdana;
}

div#body {
	width: 100%;
	margin: 0 auto;	
}

div#header {
	width: auto;
	height: 75px;
	background-color: #fff;
	color: #000;
	clear: both;
	text-align: left;
}

div#header div.date {
	position: absolute;
	right: 10px;
	top: 10px;
	margin-right: 10px;
}

div#header div#version {
	position: absolute; 
	top: 0; 
	margin-top: 0; 
	left: 50%; 
	font-style: italic;
}

div#header div#context {
	text-align: right;
	top: 57px;
	right: 25px;
	position: absolute;
}

div#header div#context a {
	color: #00f;
	background-color: inherit;
}

div#header div#context a:hover {
	color: #000;
	background-color: inherit;
}

div#title {
	width: auto;
	color: #fff;
	background-color: #557aac;
	border-top: 1px solid #0909b0;
	border-bottom: 1px solid #0909b0;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 150%;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	clear: both;
	text-align: left;
}

div#content {
	width: 100%;
	text-align: left;
}

div.fct_links_bottom {
	margin: 10px;
	color: #fff;
	clear: both;
	font-style: italic;
	font-weight: bold;
	font-size: 92%;
}

div.fct_links_top {
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size: 92%;
	margin: 0;
	text-align: left;
	padding: 10px;
	background-color: #79c;
	border-bottom: 1px solid #000;
}

div.fct_links_bottom a, div.fct_links_top a{
	color: #fff;
	background-color: transparent;
	font-style: normal;	
}

div.fct_links_bottom a:hover, div.fct_links_top a:hover {
	color: #ff0;
	background-color: transparent;	
	font-style: normal;	
}

div.fct_links_bottom .showMenu {
	display: none;
	}

div#right {
	float: right;	
}

div#left {
	float: left;	
}

div#left_menu {
	float: left;
	padding: 0;
	margin: 5px;
	width: 305px;
	background-color: #fff;
	color: #000;
}

div#right_menu {
	float: right;
	padding: 0;
	width: 240px;
	color: #000;
}

div#right_menu ul {
	margin: 5px 0 0 5px;
	}

div#content_left {
	background-color: #fff;
	color: #000;
	margin: 38px 5px 5px 315px;
	padding: 0;	
}

html>body div#content_left{
	margin-top: 5px;
	}

div#content_right {
	background-color: #fff;
	color: #000;
	margin-right: 240px;
	padding: 0;
}

div#content_false {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;	
}

div.data {
	padding: 10px;
}

#content_left .data, #left_menu .data {
	border: 1px solid #369;
}

div#result {
	width: 100%;
	clear: both;
	text-align: left;
	padding: 0 0 10px 0;
}

div#result div#left {
	width: 150px;
	float: left;
	margin-left: 10px !important;
	margin-left: 0;
	overflow: auto;
	overflow-y:hidden;
}

div#result div#left ul {
	margin: 0;
	padding: 0 10px 0 15px;
}

div#result div#left ul li {
	margin-bottom: 5px;
	list-style-image: url(../img/fleche.gif);
}

.right {
	width: 150px;
	float: right;
	margin-right: 10px;
	text-align: center;
	overflow: auto;
	overflow-y: hidden;
}

#center {
	width: auto;
	padding: 0;
	margin: 0 165px;
}

#center div#nbResults {
	text-align: center;
	font-weight: bold;
}

#center div.resultat1 {
	color: inherit;
	background-color: #bcd4f6;
	padding: 5px;
	width:100%;
}

#center div.resultat2 {
	color: inherit;
	background-color: #fff;
	padding: 5px;
	width:100%;
}

#center div.affichage1 {
	color: inherit;
	background-color: #bcd4f6;
	padding: 5px;
}

#center div.affichage2 {
	color: inherit;
	background-color: #fff;
	padding: 5px;
}

.loupe {
	float:right;
}

/*
div#result a {
	color: #00f;
	background-color: inherit;
}

div#result a:hover {
	color: #000;
	background-color: inherit;
}
*/
div#result div#result_criterias {
	text-align: left;
	margin: 0;
	padding: 10px;
	background-color: #79c;
	border-bottom: 1px solid #000;
}

div#result div#result_criterias div#title_criteres{
	font-weight: bold;
	font-size: 105%;
}

div#result div#result_criterias div#retour_recherche{
	font-weight: bold;
	font-size: 105%;
	float: right;
}

div#result div#result_criterias div#retour_recherche a{
	color: #fff;
	background-color: inherit;
}

div#result div#result_criterias div#retour_recherche a:hover{
	color: #ff0;
	background-color: inherit;
}

div#result div#result_criterias div.criteres{
	margin: 10px 0 0 30px;
}

div.errorMsgMain {
	color: #f00;
 	margin-top: 5px;
	text-align: left;
}

div.errorMsgMain ul, div.errorMsgMain li{
	list-style: none;
	margin: 5px 0;
	padding: 0;
	}

.errorAffichage {
	color: #f00;
	background-color: inherit;
 	margin-top: 5px;
 	clear: both;
}

div.error input {
	border: 1px solid #f00;
	background-color: #fee;
	color: inherit;
}

.checkbox {
	top: 3px;
	margin: 0;
	padding: 0;
	border: 0;
}

.checkboxIE {
	border: 0;
	margin: 2px !important;
	margin: 0;
}

input.checkboxPeriode {
	border: 0;
	margin-left: 0 !important;
	margin-right: 2px !important;
	margin-right: 0;
	margin-left: -4px;	
}

hr {
	color: #369;
	background-color: #369;
	border: 0;
	height: 1px;
}

.formComment {
	margin: 10px;
}

#header_cnil {
	text-align: center;
	margin: 40px 0;
	}

#header_cnil div {
	margin: 10px 0;
	}


.pagination {
	height: 20px;
	padding: 2px 0;
	float: right;
	margin-right: 5px;
}

.pagination span {
	color: #333;
	padding: 1px 5px 3px 5px;
	font-weight: bold;
}

.pagination a {
	/*color: #fff;*/
	/*background-color: #79c;*/
	/*border: 1px solid #000;*/
	border: 1px solid #ddd;
	padding: 1px 5px 3px 5px;
	
}

.pagination a:hover {
	border: 1px solid #000;
	background-color: #79c;
	/*color: #ff0;*/
	color: #fff;
	text-decoration: none;
}

.default {
	color: #000;
	text-align: left;
}