/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
L.241 vanadium: http://www.freeglobes.net and resux: http://www.resux.net
*/

body {
	font: 10px Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	background: #3F3F3F;
	text-align: left;
	margin: 0;
	padding:0 0 20px 0;
}

#page {
	background: url('images/fond_body.gif') repeat-y center top;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

p, ol, blockquote {
	margin-top: 0;
	padding-top: 0;
	text-align: justify;
	line-height: 18px;
}

a {
	color: #96962D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Boxed */

.boxed {
	margin: 0;
	padding: 0 20px 20px 20px;
	background: url(images/colOne.gif) no-repeat left bottom;
}

/* Post */

.post {
	margin: 0 0 20px 0;
	padding: 10px 15px 30px 15px;
	/*background: url(images/img4.gif) repeat-x left bottom;*/
}

.post h4 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}

.post h4 strong {
	font-weight: bold;
	color: #333333;
}

/* Header */

#header {
	width: 910px;
	height: 75px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	background:url('images/header.gif') no-repeat left top;
}

/* Menu */

#menu {
	float: left;
	font-family: Arial, Sans-Serif;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 30px;
	line-height:30px;
	padding: 0 15px;
	border-right:1px solid #3F3F3F;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF;
	/*background:#DDD;*/
}

#menu a:hover {
	/*background: #0C7AC7 url(images/img2.gif) repeat-x;*/
}

/* Search */

#recherche {
	float: right;
	padding: 5px 10px 0 0;
}

#textfield1 {
	width: 150px;
	background: #FFFFFF;
	border: none;
}

#search {
	width: 150px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	background: #FFF;
	border-right: none;
	border-bottom: none;
}

#submit1 {
	background: none;
	border: none;
	color: #666;
}

/* Content */

#content {
	width: 900px;
	margin: 0 auto;
	background:#FFF;
}

#colOne {
	float: left;
	width: 178px;
	background:#FFF;
}

#colTwo {
	float: right;
	width: 722px;
	background:url('images/colTwo.gif') no-repeat left top #FFF;
}

/* ColOne Content */

#colOne ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: 14px;
}

#colOne li {
	padding: 0;
}

#colOne li.first {
	border: none;
}

#colOne h3 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin:10px 0;
	border-bottom:1px solid #CCC;
	
}

p.news {
	line-height:14px;
}

#members {
	padding:0 20px 20px;	
}

#members a {
	color:#DDD;
}

#members a:hover {
	color:#444;
	text-decoration:none;
}

/* ColTwo Content */

/* Logo */

#logo {
	height:189px;
	text-indent:-5000px;
	margin: 0;
	padding: 0 0 10px 18px;
	background: url('images/titre.gif') no-repeat left top;
}

#logo h1 {
	text-transform: uppercase;
}

#logo h2 {
	text-transform: uppercase;
	font-size: 12px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
	display:block;
	height:121px;
	width:140px;
}

/* Welcome */

#welcome {
	padding: 5px 20px 20px 20px;
}

#welcome h2 {
	margin-bottom: 25px;
}

#welcome .image {
	float: left;
	padding: 0 17px 0 0;
}

#welcome p {
	margin-left: 126px;
}

/* Footer */

#footer {
	background:url(images/footer.gif) no-repeat center top #3F3F3F;
	border-top:1px solid #3F3F3F;
	text-align: center;
	color:#B2B2B2;
	text-transform:uppercase;
	position:relative;
	height:31px;
	width:910px;
	line-height:31px;
	font-family:Arial, Helvetica, Sans-Serif;
	margin:0 auto;
	}

#footer a#graphonik {
	display:block;
	background:url(images/gk.gif) no-repeat left top;
	width:30px;
	height:20px;
	left:858px;
	top:5px;
	position:absolute;
	}

#footer a#graphonik:hover {
	background:url(images/gk_hover.gif) no-repeat left top;
	}
	
.sitetd2 {
	margin: 2px 10px 10px 5px;
}

a img {
	border:1px solid #AAA;
	}

/* Onglets fiche site par vanadium mod resux*/
#details {
	font: bold 10px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	padding:0;
}

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

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

}
#details ul#menu2 li a:hover {
text-decoration: none;
}
#details h1,
#details h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#details .content {
	clear:both;
	border: 1px solid #666666;
	padding: 10px;
}

#details ul#menu2 li a.current {
	display:block;
	float:left;
	margin:0 1px 0 0;
	padding: 0 0 0 10px;
	line-height:20px;
	height:20px;
	width:inherit;
	white-space:nowrap;
	color:#FFF;
	background: url(images/menu2_current.gif) top left no-repeat;
}

#details ul#menu2 li a.current b {
	display:block; 
	float:left; 
	padding:0 7px 0 0;
	background: url(images/menu2_current_b.gif) top right no-repeat;

}

#details ul#menu2 li a.ghost  {
	display:block;
	float:left;
	margin:0 1px 0 0;
	padding: 0 0 0 10px;
	line-height:20px;
	height:20px;
	width:inherit;
	white-space:nowrap; 
	color: #999;
	background: url(images/menu2_ghost.gif) top left no-repeat;
}

#details ul#menu2 li a.ghost b {
	display:block; 
	float:left; 
	padding:0 7px 0 0;
	background: url(images/menu2_ghost_b.gif) top right no-repeat;
}
	
#details .on {
	display: block;
}
#details .off {
	display: none;
}

hr.sep {
	background-color: #CCC; 
	color: #CCC; 
	border: 0px; 
	height: 1px;
}

a.cat_display {
	text-decoration: none;	
	font-size: 12px;
	color:#666;
	display:block;
	height:16px;
	line-height:16px;
	padding:0 0 0 20px;
	margin:6px 0 0 0;
	background:url('images/folder.gif') no-repeat left top;
}

a.cat_display:hover {
text-transform: uppercase;
color: #333;
}


span.sub_cat_col2 {
	padding:5px 10px;
}

a.subcat_display {
	text-decoration: 1px solid;
	font-size: 11px;
	/*border-bottom : 1px solid #95BA2E;*/
}

a.subcat_display:hover {
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}

a.tag:hover {
color: #333;
}

.clear {
	clear:both;
	padding:0;
	margin:0;
}

#colTwo .post table table.votetable {
	background:url('images/votetable.gif') no-repeat left top;
	}
	
#colTwo .post table table.sitetable {
	background:url('images/sitetable.gif') no-repeat right top;
	}
.vote {
	padding:15px 0 0 0;
	}	
	
a.votes {
	font-size:14px;
	font-weight:bold;
	}

.votetd {
	padding:4px 14px 0 22px;
	}
.lien {
	padding:18px 15px 2px 3px;
	}
	
.sitetable {
	padding:0 10px 0 0; 
	}
	
.sitetable .lien a, .sitetable .lien a:hover {
	color:#333;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	}
	
#basic_sites_in_wait {
	border:1px solid #CCC;
	padding:10px;
	margin:5px;
}