* {
	padding: 0;
	margin: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background: url(../images/motif.png) repeat 0 0 #000;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
}
div.detailsRubrique {
	border: 10px solid #000;
	padding: 15px;
	background: url(../images/transparence_details.png) repeat 0 0 transparent;
	width: 380px;
	position: absolute;
	top: 366px;
	left: 50%;
	margin-left: -220px;
	display: none;
	z-index: 1000;
	text-align: left;
}
div.detailsRubrique h1 {
	color: #F94B4A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 0 0 10px 0;
	font-weight: normal;
}
div.detailsRubrique h2 {
	color: #F94B4A; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold;
	padding: 0 0 6px 0;
}
div.detailsRubrique p {
	color: #fff;
	line-height: 140%;
	text-align: justify;
}
div.detailsRubrique p.actions {
	text-align: right;
}
div.detailsRubrique p.actions a {
	color: #FF6600;
}
div#page {
	background: url(../images/transparence.png) repeat 0 0 transparent;
	width: 864px;
	padding: 20px 7px;
	margin: auto;
}
div#page div#header  {
	height: 133px;
	margin: 0 auto;
	background: url(../images/sep_h.png) repeat-x left bottom;
	text-align: left;
}
div#page div#header div#logo {
	width: 246px;
	height: 120px;
	margin: 0 0 0 4px;
	float: left;
}
div#page div#header div#lang {
	float: left;
	width: 100px;
	height: 30px;
	background: url(../images/sep_v.png) repeat-y right top;
	padding: 0 0 0 30px;
	color: #fff;
}
div#page div#header div#lang a {
	color: #FF6600;
	font-weight: normal;
}
div#page div#header div#lang a.active {
	color: #D4CFCF;
}
div#page div#header div#contact {
	width: 239px;
	height: 122px;
	float: right;
	margin: 0 4px 0 0;
}
div#page div#header div#contact p {
	text-align: right;
	color: #fff;
}
div#page div#header div#contact p.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 18px;
}
div#page div#header div#contact p.o {
	color: #FF6600;
}
div#page div#intro {
	clear: both;
	height: 212px;
	text-align: center;
	background: #000;
}
div#page div#rubriques {
	background: url(../images/sep_h.png) repeat-x left top;
	padding: 12px 0;
	text-align: center;
}
div#page div#rubriques a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #fff;
}
div#page div#rubriques a:hover {
	text-decoration: none;
}
div#page div#rubriques a.o {
	color: #FF6600;
	text-decoration: underline;
}
div#page div#rubriques a.g {
	color: #999999;
}
div#page div#rubriques span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	padding: 0 10px 0 0;
}
div#page div#content {
	background: url(../images/sep_h.png) repeat-x left top;
	padding: 24px 0;
	width: 864px;
	display: table;
}
div#page div#footer {
	clear: both;
	padding: 9px 0 0 0;
	background: url(../images/sep_h_b.png) repeat-x 0 0;
}
div#page div#footer p {
	font-family: tahoma;
	text-align: right;
	font-size: 9px;
	color: #fff;
}
div#page div#footer p span.o {
	color: #FF6600;
}
div#page div#refrencement {
	clear: both;
}
div#page div#refrencement p {
	color: #202020;
	text-align: center;
	padding: 10px 40px 0 40px;
	font-size: 9px;
	font-family: tahoma;
}
div#page div#refrencement p.validator a {
	color: #202020;
	font-size: 9px;
	font-family: tahoma;
}