/* ******************************************************** PARTIE COMMUNE ********************************** */
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #686969;
	text-decoration: none;
	background-color: #fff;
	margin: 0;
}
html, body {
	height: 100%;
	width: 100%;
}
#site {
	width: 980px;
	z-index: 2;
	position: relative;
	margin: 0 auto;
	top: 28px;
}
#header {
	width: 980px;
	height: 104px;
}
#header .logo {
	width: 259px;
	height: 104px;
	text-align: center;
	float: left;
	background: #fff url(/design/images/hachure_header_left.png) no-repeat top left;
}
#header .logo a {
	display: block;
	width: 219px;
	height: 84px;
	padding: 10px 14px 10px 26px;
}
#header .content {
	position: relative;
	float: left;
	text-align: right;
	width: 687px;
	height: 84px;
	padding: 10px 34px 10px 0;
}
#header .content .hachure_left, #header .content .hachure_right {
	position: absolute;
	top: 39px;
	filter : alpha(opacity=55); 
	-moz-opacity : 0.55; 
	opacity : 0.55;
	height: 31px;
}
#header .content .hachure_left {
	left: 0;
	width: 258px;
	background: url(/design/images/hachure_header_middle.png) no-repeat top left;
}
#header .content .hachure_right {
	right: 0;
	width: 18px;
	background: url(/design/images/hachure_header_right.png) no-repeat top left;
}
#header .content h2 {
	position: absolute;
	top: 28px;
	width: 350px;
	left: 275px;
}
#header .content h2 a {
}
#header .content h2 a:hover {
	color: #30363e;
}
.bande_sous_menu {
	position: absolute;
	background-color: #3d4550;
	border-top: 1px solid #a5acb6;
	border-bottom: 1px solid #a5acb6;
	height: 51px;
	width: 100%;
	z-index: 1;
	top: 132px;
	left: 0;
}
#menu {
	height: 53px;
	background-color: #e7e7e7;
}
#menu ul {
	height: 44px;
	margin-right: 18px;
}
#menu li {
	float: right;
	margin-left: 1px;
}
#menu li a.bg_colorpicker_watch_off, #menu li a.bg_colorpicker_watch_locked { background-color: #494f55; }
#menu li a, #menu li a.on {
	display: block;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	font-size: 11px;
	color: #f3f3f3;
	outline: none;
	font-weight: bold;
	background: url(/design/images/bg_menu.gif) no-repeat left bottom;
}
#menu li a:hover, #menu li a.on, #menu li a.on:hover {
	text-decoration: none;
	color: #fff;
}
#menu .bg_nom {
	background: url(/design/images/bg_nom.jpg) no-repeat top left;
	width: 214px;
	height: 25px;
	line-height: 25px;
	padding: 0 8px;
	color: #32373d;
	font-size: 11px;
	margin: 0 0 3px 29px;
}
#menu .content1 {
	float: left;
}
#menu .content2 {
	width: 721px;
	height: 36px;
	background: #2f363e url(/design/images/bg_menu.jpg) no-repeat top left;
	float: left;
}
#main {
	background-color: #fff;
	height: 5OOpx;
}
html>body #main {
	height: auto;
	min-height: 500px;
} 
#main .content {
	/*padding: 0 5px 10px 5px;*/
}
#main .padder {
	padding: 20px 30px;
}
#menu .content, #footer .content {
	width: 980px;
}
#bottom_bar .content {
	width: 930px; /* 980 - 50 */
	margin: 0 auto;
	color: #fff;
}
#bottom_bar a {
	color: #fff;
	text-decoration: none;
}
#bottom_bar a:hover {
	color: #fff;
	text-decoration: underline;
}
#bottom_site {
	background-color: #333;
	color: #fff;
	border-top: 3px double #fff;
}
#footer .content {
	padding: 15px 25px 30px 25px;
	width: 930px; /* 980 - 50 */
	margin: 0 auto;
}
.deblayage {
	clear: both;
}
.admin_gestion fieldset {
	background-color: #f7f7f7;
}
.titre {
	color: #30363e;
	font-size: 15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
/* ****************************************************** GESTION DE LA LOGIN BOX ********************************** */
#login_box {
	width: 340px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -170px;
}
#login_box_oubli {	
	width: 660px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -330px;
	padding-top: 18px;
}
#login_box .content, #login_box_oubli .content {
	border: 10px solid #d6462c;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 5px;
}
#login_box_oubli a.retour {
	display: block;
	position: absolute;
	right: 18px;
	top: 0;
	background: url(/design/images/retour.png) no-repeat top left;
	height: 51px;
	width: 47px;
}
/* ****************************************************** GESTION DES MENUS ********************************** */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* ******************************************************** 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: Verdana, 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: Verdana, 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;
}
.col_gauche {
	text-align: left;
}
/* ****************************************************** 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: #eee;
}
.bg_color_0 {
	background-color: #f5f5f5; /* gris */
}
/* ******************************************************** GESTION BACKGROUND *********************************** */
.bg {
	background: #60676f url(/design/images/bg.gif) repeat top left;
}
.bg_back {
	background: #f5f5f5 url(/design/images/bg_back.jpg) repeat-x top;
}
.bg_header {
	background: #d9cda7 url(/design/images/bg_header.jpg) repeat-x top;
}
.bg_content {
	background: #fff url(/design/images/bg_content.jpg) repeat-x top;
}
.bg_content_0 {
	background: #fff url(/design/images/bg_content_0.jpg) no-repeat top left;
}
.bg_footer {
	background: #fff url(/design/images/bg_footer.gif) no-repeat bottom center;
}
.trait_sep {
	background-image: url(/design/images/trait_sep.gif);
	background-position:center;
	background-position:bottom;
	background-repeat: no-repeat;
}
.trait_repeat
{
	background-image: url(/design/images/trait_repeat.gif);
	background-position:center;
	background-repeat: repeat-y;
}

/* ******************************************************** QUOTA *********************************** */
.admin_barre_chargement
{
	display:block;
	line-height:20px;
	height:20px;
	background: #fff url(/design/images/bg_barre_off.gif) repeat-x left center;
	width: 90%;
	margin: 0 5%;
	border: 1px solid black; 
	border-color: #777 white white #777;
}