/* ******************************************************** PARTIE COMMUNE ********************************** */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	margin: 0;
}
html, body {
	height: 100%;
	width: 100%;
}
/* ****************************************************** GESTION DES MENUS ********************************** */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* ****** GESTION MENU *********** */
#nav li {
	float: left;
}
#nav_sec li {
	float: left;
	width:92px;
}
/* ****** GESTION MENU *********** */
.bg_menu {
	background: url(/design/images/bg_ombre.png) no-repeat left top;
}
a.menu {
	display:block;
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding:5px 0;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	display:block;
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding:5px 10px;
}
a.menu_sec {
	display:block;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align:center;
	padding:3px 10px 2px 10px;
	margin-right:2px;
	background-color: #5181b1;
}
a.menu_sec:hover, a.menu_sec_on, a.menu_sec_on:hover {
	display:block;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-align:center;
	padding:3px 10px 2px 10px;
	margin-right:2px;
	background-color: #f5f5f5;
}
/* ******************************************************** GESTION LIENS NAVIGATION ********************************** */
.barre_navigation ul {
	list-style-type: none;
}
.barre_navigation li {
	float: left;
}
.barre_navigation li a, .barre_navigation li span.disable_lien_nav, .barre_navigation li span.fleche_nav, .barre_navigation li span.fleche_nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	background-color: #e7eee7;
	border: 1px solid #d1ced2;
	text-decoration: none;
	color: #333;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
}
.barre_navigation li a:hover {
	background-color: #a7dbad;
	border: 1px solid #d1ced2;
}
.barre_navigation li span {
	cursor: default;
}
.barre_navigation li span.lien_nav_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	background-color: #819682;
	border: 1px solid #d1ced2;
	text-decoration: none;
	color: #fff;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
	font-weight: bold;
}
.barre_navigation li a.fleche_nav, .barre_navigation li span.fleche_nav {
	margin-right: 5px;
}
.barre_navigation li a.fleche_nav2, .barre_navigation li span.fleche_nav2 {
	margin-left: 5px;
}
.barre_navigation li span.disable_lien_nav {
	color: #bdb093;
}
.barre_navigation .infos_nav {
	display: block;
	margin: 5px 3px;
	color: #6f6b5a;
}
/* ******************************************************** EXTRA TOOLS *********************************** */
#nav_haut{
	/*position:absolute;*/
	float:right;
	/*width:200px;*/
	margin:0 3px 0 5px;
	border-bottom:1px solid #ddd;
}
/*date en haut a gauche*/
#nav_haut .date{
	font-size:11px;
	float:left;
}
/*outils zoom, impression, envoi mail... en haut a  droite*/
#nav_haut ul{
	float:right;
}
#nav_haut ul li{
	float:left;
	list-style-type:none;
}
#nav_haut ul li a{
	display:block;
	border-right:1px solid #ccc;
	padding:0 3px 2px 3px ;
}
#nav_haut ul li.derniere a{
	border-right:none;
	padding-right:0 ;
}
/* ****************************************************** HEIGHT ********************************** */
#bloc {
	height: 240px;
}
html>body #bloc {
	height: auto;
	min-height: 240px;
}

/* ****************************************************** GESTION DES IMAGES ********************************** */
.xs {
	border: 4px solid #ccc;
}
img {
	border: 0;
}
/* ****************************************************** GESTION DES IMAGES ********************************** */
form {
	margin: 0;
}
/* ******************************************************** GESTION DES COULEURS ********************************** */
.bg_color_info {
	background-color: #900;
}
.bg_color_error {
	background-color: #900;
}
.bg_color_blanc {
	background-color: #fff;
}
.bg_color_gris {
	background-color: #e4e4e4;
}
.bg_color_0 {
	background-color: #f5f5f5; /* gris */
}
/* ******************************************************** GESTION BACKGROUND *********************************** */
.bg {
	background-color:#003366;
}
.bg_header {
	background-color: #6699CC;
}
.bg_content {
	background-color: #6699cc;
}
.bg_section {
	background: #f5f5f5 url(/design/images/bg_section.jpg) repeat-x bottom;
}

