* {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, p, ul {
margin:10px 0;
}
ul {
list-style-type:none;
}
.pub {
text-align:center;
margin:10px auto;
}
.pub table {
margin:auto;
}
#message, #warning {
margin:10px 0;
background:#343333;
border:1px solid #000;
padding:10px;
color:#FFF;
font-size:12px;
font-weight:bold;
}
#message a, #warning a {
color:#FF0000;
}
body {
font-family:tahoma;
font-size:11px;
text-align:center;
color:#848484;
background:url("img/bg.jpg");
}
a:link, a:visited {
color:#848484;
text-decoration:none;
}
a:hover {
color:#CCC;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.clearer {
clear:both;
height:1%;
}

/* LAYOUT */
#page {
text-align:left;
width:730px;
margin:auto;
}
#content {
float:left;
width:470px;
}
#content .inner {
margin:10px;
}
#sidebar {
float:right;
width:260px;
}
#sidebar .inner {
margin:10px;
}
#footer {
clear:both;
}
#footer a {
color:#FFF;
}
#header {
position:relative;
margin-top:15px;
}
#header h1 {
background:url("img/logo.gif") no-repeat left top;
text-indent:-5999px;
margin:0;
height:50px;
}
#header h1 a {
display:block;
overflow:hidden;
height:50px;
width:250px;
}
#header p.slogan {
position:absolute;
top:0;
left:250px;
height:50px;
line-height:25px;
}
#searchform {
background:url("img/rep_1.jpg") repeat-x top;
height:104px;
position:relative;
padding:10px 20px;
}
.searchform-left {
background:url("img/le_1.jpg") no-repeat left top;
height:104px;
position:absolute;
top:0;
left:0;
width:20px;
}
.searchform-right {
background:url("img/le_2.jpg") no-repeat right top;
height:104px;
width:20px;
position:absolute;
top:0;
right:0;
}
input.btn {
background:url("img/button.jpg") no-repeat;
width:75px;
height:18px;
border:none;
}
input.txt {
font-size:11px;
padding:2px;
width:300px;
}
.extralinks {
float:right;
}
.extralinks a {
color:#9c0100;
text-decoration:none;
font-weight:bold;
}
.extralinks ul {
list-style-type:disc;
color:#9c0100;
list-style-position:outside;
}
.extralinks li {
padding-bottom:5px;
}
#dir {
position:relative;
background:#313131;
margin-bottom:15px;
padding-bottom:10px;
width:100%;
}
#dir h2, .bar h3  {
color:#FFF;
font-size:12px;
background:url("img/rep_l.jpg") repeat-x;
height:28px;
line-height:28px;
padding-left:20px;
margin-top:0;
}
.dir-left {
background:url("img/l_1.jpg") no-repeat left;
position:absolute;
left:0;
top:0;
height:28px;
width:10px;
}
.dir-right {
background:url("img/l_2.jpg") no-repeat right;
position:absolute;
right:0;
top:0;
height:28px;
width:10px;
}
.cat {
width:220px;
background:url("img/rep_3.jpg") repeat-x bottom #313131;
padding:10px 5px;
float:left;
overflow:hidden;
margin:0 5px;
}
.cat h3 {
margin:0;
padding-left:20px;
background:url("img/cat.jpg") no-repeat;
font-size:12px;
}
.cat small {
font-size:10px;

}
.bar {
position:relative;
margin-bottom:15px;
}
.bar a {
color:#ef9523;
}
#footer {
background:url("img/footerl.png") no-repeat left top #343333;
height:48px;
line-height:48px;
text-align:center;
margin-bottom:10px;
}
#footer p {
background:url("img/footerr.png") no-repeat right top;
margin:0;
}
.site table td.thumb img {
border:1px solid #888;
}
.site table td {
vertical-align:top;
padding:2px;
padding-bottom:10px;

}
.link-title a {
color:#EF9523;
font-size:12px;
font-weight:bold;
}
.link-title a:hover {
color:#FFB24F;
}
.lien {
color:#CCC;
margin-top:4px;
}
span.premium {
color:#FF0000;
float:right;
}

/* Onglets fiche site */
#container {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#container hr {
	clear: both;
	border: 1px solid #CCC;
	margin-top: 10px;
}

#container ul#menu {	
	font-weight: bold;
}
#container ul#menu li {
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	display: inline;
	margin: 5px;
}
#container ul#menu li a {
text-decoration: none;

}
#container ul#menu li a:hover {
text-decoration: underline;
color: #333333;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	border: 1px solid #d5d5d5;
	padding: 10px;
}

#container a.current {
	padding: 3px 7px;
	border: 1px solid #d5d5d5;
	background-image: url(images/shadeactive.gif);
	border-bottom-color: white;
}
#container a.ghost  {
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #d5d5d5;
	color: #333333;
	background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}