body {
	font: 78.5%/1.6em Arial, sans-serif;
	color:#444;
	margin: 0;
	background: #f4d201 url(images/bg.jpg) 50% 0 no-repeat;
}
* {
	margin:0;
	padding:0;
}
#wrapper {
	width:980px;
	margin:0 auto;
	position: relative;
}

fieldset {border: 0;}
.websiteurl {width: 400px;}

label {cursor: pointer;}

#header input {
	width:150px;
	padding:5px;
	background:#fff;
	border:2px solid #f6f6f6;
	font:150% Arial;
	color:#999;
}
#header input:hover {
	border:2px solid #ccc;
}
#header input:focus {
	border:2px solid #79B5D6;
	color:#555;
}
#header form {
	padding:27px 25px 20px 25px;
	float:right;
	width:160px;
	margin:-20px -20px 0 0 !important;
	margin:-20px -10px 0 0;
	border:none;
}
#header h1 {
	float:left;
	color:#333;
	padding:5px 20px 5px 5px;
	margin:70px 20px 30px 20px;

}
#header h1 a {
	color:#333;
	text-decoration:none;
	background: url(images/karlsruher-links.gif) no-repeat;
	display: block;
	width: 225px;
	height: 44px;
}

#header h1 span {display: none;}
#header h1 a:hover {
	color:#111;
}
#header h2 {
	font:150% Georgia;
	font-weight:normal;
	color:#555;
	padding:24px 0 0 0;
	border:none;	
}

#header h2 span {display: none;}
#header h2 a {
	text-decoration:none;
	border-bottom:2px solid #f6f6f6;
}
#header #nav {
	clear:both;
	padding:18px 10px 10px 20px !important;
}
#header a em {
	font-style:normal;
	text-decoration:underline;
}
#header #nav a {
	font:120% Arial;
	text-decoration:none;
	font-weight: bold;
	padding:8px;
	color: #333;
}
#header #nav a:hover {
	background:#efefef;
}
#header #nav a.active {
	background:#efefef;
}
#header #nav li {
	display:inline;
	list-style:none;
	margin:0 1px 0 0;
}
#header #subnav {
	background:#4F9EC9;
	padding:5px 7px 7px 7px;
	font:90% arial;
	color:#DEEDF5;
	border-bottom:2px solid #388CBA;
	border-left:2px solid #388CBA;
	border-right:2px solid #388CBA;
}
#header #subnav li {
	list-style:none;
	display:inline;
}
#header #subnav a {
	color:#DEEDF5;
	text-decoration:none;
	font:100% arial;
	padding:5px;
	border-bottom:2px solid #4F9EC9;
}
#header #subnav a:hover {
	border-bottom:2px solid #388CBA;
}
#header #subnav a.active {
	border-bottom:2px solid #388CBA;
}
#sidebar {
	width:170px;
	padding: 10px 0 0 25px;
	margin: 0 0 20px 0;
	float:right;
	color:#666;
}
#sidebarright h2,
#sidebar h2 {
	font:140% Arial;
	color:#333;
	margin:10px 0 10px 0;
	border:none;
}
#sidebar h3 {
	color:#999;
	font:100% arial;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 -10px 0;
}
#sidebar p {
	margin:15px 0;
}
#sidebar p.news {
}
#sidebar p.news a.more {
	display:block;
	text-align:right;
	font:80% arial;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
}
#sidebar p.news a:hover {
	color:#666;
}
.subnav {
	list-style-type:none!important;	
	margin: 0;
	padding: 0;
	background: #fff;
	border-top:1px solid #F4D201;
}
#sidebar .subnav li {
	border-bottom:1px solid #F4D201;
}
#sidebar .subnav li a {	
	color:#666;
	text-decoration:none;
	display:block;
	padding: 0 0 0 5px;
}
#sidebar .subnav li a:hover {
	color:#666;
}
#sidebar .subnav li a b {
	float:right;
	display:none;
	color:#666;
}
#sidebar .subnav li a:hover b {
	display:inline;
}
#sidebar input {
	padding:2px;
	background:#f6f6f6;
	border:1px solid #ccc;
	color:#666;
	font:90% arial;
}
#sidebarright {
	width:170px;
	float:right;
	padding:10px 20px 0 20px;
}
#sidebarright p {
	font:90% arial;
	color:#777;
	line-height:20px;
	margin:10px 0;
}

#sidebarright ul {
	margin:10px 0 10px 15px;
	font:90% arial;
}
#sidebarright ul li {
	margin:5px 0;
}
#sidebarright a {
	border-bottom:1px dotted #eee;
	color:#444;
	text-decoration:none;
}
#sidebarright a:hover {
	border-bottom:1px dashed #ccc;
}
#content {
	margin:0 400px 0 0;
	padding:20px 0 0 20px;
}
#contentnorightbar {
	margin:0 0 0 240px;
	padding:20px 0 0 20px;
}
#teasertext {display: none; float: right; width: 300px;}
#sidebar,
#sidebarright {
}

p {
	margin:15px 0;
	line-height:22px;
}
h2 {
	font:160% Georgia;
	color:#cc0000;
	border-bottom:2px solid #f6f6f6;
}
h2 a {
	color:#cc0000;
	text-decoration:none;
}
h2 a:hover {
	color:#5F9128;
}
h4 {
	font-family: Arial;
	font-weight: bold;
	color:#cc0000;
}
h4 a {
	color:#cc0000;
	text-decoration:none;
}
h4 a:hover {
	color:#5F9128;
}
#footer {
	clear:both;
	border-top:1px solid #eee;
	padding:10px;
	margin: 30px 25px 0 25px;
	background: #fff;
	position: relative;
}
a {
	color:#222;
}
a:hover {
	text-decoration:none;
}
h3 {
	font:140% "Trebuchet MS";
	margin:10px 0;
}
#content ul {
	margin-bottom: 3px;
	color:#333;
}
#content ul span {
	color:#444;
}
#contentnorightbar ul {
	margin:15px 0 15px 20px;
	line-height:25px;
	padding:15px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#cc0000;
}
#contentnorightbar ul span {
	color:#444;
}
img {
	padding:1px;
	border: 0px;
}
form {
	padding:10px;
	background: #fff;
}
label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;
}
input {
	padding: 2px;
	margin: 2px;
	border :1px solid #ccc;
	color:#333;
	font: inherit;
	font-weight: bold;
}
textarea {
	padding:4px;
	font: inherit;
	border:1px solid #ccc;
	height:200px;
	width: auto;
	display:block;
	color:#333;
}

.contactarea {
	width: 230px;
}

p img {
	float:left;
	margin:0 10px 0 0;
}
blockquote p {
	font:160% Georgia;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}
/* AutoCompletion CSS */
#autocompletion {
    border: 1px solid #999;
    background: #fafafa;
	text-align: left;
  }
  #autocompletion ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #autocompletion li {
  }
  #autocompletion a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
  }
  .selected {
    background: #CCC;
  }
#feed {
	color: #0098EF;
	font-weight: bold;
}
.vote a{
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
}
.votetable {
	background: white;
	width : 90px;
	height: 92px;
	margin-right: 5px;
}

.votetable a {
	color: #cc0000;
}

/*ajout resux*/
.votelargeur {width: 80px;}
a.cat_display {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color:#cc0000;
	display: block;
	background: url(images/folder.png) no-repeat;
	padding: 0 0 0 20px;
}
a.subcat_display {
	text-decoration: none;
	font-size: 10px;
	border-bottom : 1px dotted #CCC;
}
.lien {
	text-align: justify;
}
.lien a, .lien a:hover {
	font-size: 12px;
	color: #cc0000;
	text-decoration: underline;
	font-weight: bold;
}
.lien span {
	color: #333;
}
.ariane {
	color: #A9A9A9;
}
.ariane a {
	color: #A9A9A9;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}
.ariane a:hover {
	color: #A9A9A9;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
.sitetable {
	background: #fff;
	width: 100%;
	border: 1px solid #fff;
	vertical-align : top;
}

.sitetable img { width: 150px; margin: 0 10px 10px 0;}
.sitetable img.premium {width: auto; margin: 0;}

.votetable {border-top: 1px solid #fff;}

.sitetd {
	border: 1px solid #fff;
	border-top: 0px solid #fff;
}

body div#sidebarright ul.topsearch { list-style: none; margin: 0; padding: 0; font: inherit;}
body div#sidebarright ul.topsearch li {margin: 0; padding: 0; display: inline;}
body div#sidebarright ul.topsearch li a { padding: 0 0 0 20px; background: url(images/bullet_star.png) no-repeat;}

a.votes {text-decoration: none;}

.warning {
	background: #D95048 url(images/notice.png) no-repeat 1em ;
	border: 2px solid #ccc;
	text-align: center;
	padding: 10px;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #fff;
	margin: 0 0 20px 0;
}
/* Onglets fiche site */
#container {
	font: bold 12px arial;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}
#container hr {
	clear: both;
	border-width: 0;
	border-top: 1px solid #CCC;
	margin-top: 10px;
}
#container ul#menu {	
	font-weight: bold;
}
#container ul#menu li {
	font: bold 12px arial;
	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;
	background: #fff;
	min-height: 200px;
}
#container a:active,
#container a.current {
	padding: 3px 7px;
	border: 1px solid #d5d5d5;
	border-bottom-color: white;
	outline: 0;
}
#container a.ghost  {
	padding: 3px 7px;
	border: 1px solid #d5d5d5;
	color: #333333;
	background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}

#recherche {position: absolute; top: 73px; left: 678px;}
#recherche form { border: 0; padding: 0; margin: 0 0 20px 0; background: none;}
#recherche form input#search {border: 0px solid #ccc; width: 220px; padding: 2px; font-size: 13px;}
#recherche form #searchbutton {background: #fff; border: 0; line-height: 5px; font-weight: normal; font-size: .9em;}

#nav {position: relative;}
#nav #submitsite a,
#nav #submitsite a:hover {background: url(images/insert-link.jpg) 0 0 no-repeat; color: #fff!important; padding: 8px 23px 8px 23px; position: absolute; top: 10px; right: 20px;}

#tags {
text-align: center;
}

.finest {position: absolute; top: 12px; right: 10px;}

#userinfos { background: url(images/user_edit.png) no-repeat; padding: 0 0 2px 20px;}

.contentlist {margin: 0 0 0 20px;}

#rsslink {padding: 0 0 0 50px; background: url(images/rss.gif) no-repeat; border-bottom-width: 0!important;}