/* CSS Document */
html, body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url("../../img/layout/bg-body.png") top left repeat;
}
/* CONTAINER
------------------------------------------------------------------------------------*/
#container {
	padding:0 1px 0 1px;
	margin-left:-375px;
	position:absolute;
	left:50%;
	width:750px;
	background-color:#FFFFFF;
	border-right:1px solid #ccc;/*008DCE*//**/
	border-left:1px solid #ccc;
}
/* HEADER
------------------------------------------------------------------------------------*/
#header {
	width:750px;
	height:134px;
	background:transparent url("../../img/layout/ban.png") top right no-repeat;
}
#header h1 {
	display:none;
}
#header a {
	display:block;
	width:225px;
	height:134px;
	background:transparent url("../../img/layout/ban-logo.png") top left no-repeat;
}
/* CONTENT
------------------------------------------------------------------------------------*/
#content {
	background:transparent url("../../img/layout/bg-navi.png") top left repeat-y;
}
/* NAVI
------------------------------------------------------------------------------------*/
#navi {
	position:absolute;
	left:1px;
	width:123px;
}
#navi dl {
	padding:0 3px 0 6px;
}
#navi dl dt {
	padding:8px 0 4px 0;
	font-size:0.80em;
	color:#008DCE;
	font-weight:600;
}
#navi dl dt a {
	color:#008DCE;
}
#navi dl dt a:hover {
	text-decoration:none;
}
#navi dl dd {
	margin:0;
	padding:3px 3px 1.5px 16px;
	font-size:0.75em;
	background:transparent url("../../img/layout/bullet.png") top left no-repeat;
}
#navi dl dd a {
	color:#3CAA27;
	text-decoration:none;
}
#navi dl dd a:hover {
	text-decoration:underline;
}
/* MAIN
------------------------------------------------------------------------------------*/
#main {
	padding:27px 20px 20px 20px;
	margin-left:123px;
	min-height:320px;/*283*/
}
/* TOPIC
------------------------------------------------------------------------------------*/
#main #topic {
	margin:0 0 20px 20px;
	padding:4px 6px 6px 6px;
	float:right;
	width:135px;
	min-height:247px;
	background:transparent url("../../img/layout/bg-topic.png") top left repeat-x;/*#A5A5A8*/
}
#main #topic h1 {
	padding:0 0 2px 0;
	margin:0;
	font-size:0.80em;
	color:#fff;
	border-bottom:1px solid #D6E187;
}
#main #topic img {
/*	padding:10px 0 0 0;*/
}
#main #topic p {
	margin:0;
	padding:6px 0 0 0;
	font-size:0.75em;
	color:#444;
}
#main #topic p a {
	color:#444;
	text-decoration:none;
}
#main #topic p a:hover {
	text-decoration:underline;
}
#main #topic p.post-date {
	font-size:0.65em;
	color:#008DCE;
}
/* MAIN - CONTENU
------------------------------------------------------------------------------------*/
#main h1 {
	margin:-6px 0 0 0;/* a fixer */
	padding:0 0 20px 0;
	font-size:1.4em;
	color:#008DCE;
}
#main h1 strong {
	color:#3CAA27;
}
#main h2 {
	margin:0 0 0 0;
	padding:2px 5px 1px 5px;
	font-size:1em;
	color:#444;
	float:left;
	background-color:#D6E187;/*F7F9E7*/
}
#main p {
	margin:0;
	padding:0 0 15px 0;
	font-size:0.85em;
	color:#444;
	line-height:20px;
	text-align:justify;/* mods */
}
#main p a {
	color:#3CAA27;
}
#main p a:hover {
	text-decoration:none;
}
#main ul {
	margin:0;
	padding:0 0 15px 30px;
	font-size:0.85em;
	color:#444;
	line-height:20px;
	list-style-type:square;
	text-align:justify;/* mods */
}
#main img.pic {
	float:right;
	padding:3px;
	background-color:#F1F1F1;
	border:1px solid #aaa;
	margin:0 0 0 10px;
}
#main p.top {
	padding:0 0 5px 0;/*20px sans <br />*/
	text-align:right;
}
#main p.top a {
	color:#0000FE;
	font-size:0.95em;
	text-decoration:none;
}
#main p.top a img {
	padding:0 0 0 0;
	vertical-align:text-bottom;
}
#main p.accueil-contact {
	margin:0;
	padding:0 0 15px 0;
	font-size:0.85em;
	color:#008DCE;
}
#main p.accueil-contact img {
	padding:0 5px 0 0;
	vertical-align:middle;
}
/* TABLEAU */
#main table {
	margin:0;
	padding:0 0 15px 0;
	width:100%;
}
#main table caption {
	margin:0;
	padding:0 20px 10px 0;
	font-size:0.85em;
	color:#333;
	text-align:right;
}
#main table tr {
	margin:0;
	padding:0;
}
#main table tr.l1 {
	background-color:#F9FBED;/*f1f1f1*//*F3F6DB*/
}
#main table tr.l2 {
	background-color:#F3F6DB;/*e1e1e1*//*D6E187*//*E6EDB7*/
}
#main table tr.l1:hover,
#main table tr.l2:hover {
	background-color:#D6E187;
}
#main table tr th {
	margin:0;
	padding:0 0 3px 0;
	font-size:0.80em;
	border-bottom:1px solid #555;
}
#main table tr td {
	margin:0;
	padding:4px 3px 4px 6px;
	font-size:0.85em;
	color:#333;
	border-bottom:1px solid #bbb;
	cursor:default;
}
/* FICHE */
#main img.pic-fiche {
	margin:0 20px 0 0;
	padding:3px;
	float:left;
	background-color:#F1F1F1;
	border:1px solid #aaa;
}
#main #fiche-specs {
	padding:0 0 0 0;
}
#main #fiche-specs p {
	margin:0;
	padding:0 0 5px 0;
}
#main #fiche-specs p img {
	padding:0 5px 0 0;
	vertical-align:middle;
}
#main #fiche-mentions {
	margin:0 0 20px 0;
	padding:5px 5px 5px 34px;
	border:1px solid #ddd;
	background:transparent url("../../img/layout/mentions.gif") center left no-repeat;
}
#main #fiche-mentions p {
	margin:0;
	color:#ff0000;/*f90*/
	font-weight:600;
	font-size:0.75em;
	padding:0;
}
#main p.back {
	padding:0 0 20px 0;
	float:left;
}
#main p.back a {
	color:#0000FE;
	font-size:0.95em;
	text-decoration:none;
}
#main p.back a img {
	padding:0 4px 0 0;
	vertical-align:bottom;
}
/* A PROPOS */
#main p.a-propos img {
	margin:5px 5px 0px 0px;
	vertical-align:bottom;
}
/* FOOTER
------------------------------------------------------------------------------------*/
#footer {
	padding:10px 0 10px 143px; 
	background:transparent url("../../img/layout/logo-opaer.png") center right no-repeat;
}
#footer p {
	margin:0;
	padding:0 0 5px 0;
	font-size:0.70em;
	color:#aaa;
}
#footer p a {
	color:#aaa;
}
#footer p a:hover {
	text-decoration:none;
}