/*
Theme Name: Blog ton jeu
Theme URI: http://www.blog-ton-jeu.be/
Description: Thème pour le blog de la Clinique du jeu.
Version: 1.0
Author: Vitam
Author URI: http://www.vitam.be/
*/

a img {
	border: none;
}

html {
	background: #fff url(images/bg-top.png) repeat-x center top;
	height: 100%;
}

body {
	background: url(images/bg-banner-top.png) no-repeat center top;
	font: 62.5% arial, helvetica, sans-serif;
	color: #4d4d4e;
	margin: 0;
	padding: 0;
	height: 100%;
}

/*** GENERAL STYLE **/
.hide {
	position: absolute;
	left: -5000px;
}

.container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/*** PAGES ***/
#page {
	min-height: 100%;
	_height: 100%;
}

/*** HEADER ***/
#header {
	margin: auto;
	width: 974px;
	background: url(images/bg-banner-left.png) no-repeat left bottom;
}

#header-sub {
	width: 974px;
	background: url(images/bg-banner-right.png) no-repeat right bottom;
}

#header div.container	{
	width: 944px;
	height: 239px;
	background: url(images/banner.jpg) no-repeat left bottom;
	padding: 31px 0 0;
}

#header #logo {
	margin: 0;
}
	
#header #logo a {
	display: block;
	width: 217px;
	height: 98px;
	background: url(images/logo-fr.png) no-repeat left top;
	position: absolute;
	top: 45px;
	left: 18px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/blog-ton-jeu/images/logo-fr.png', sizingMethod='crop'); 
	_cursor: pointer;
}

#header #logo a span {
	position: absolute;
	left: -5000px;
}

#header ul {
	margin: 0;
}

/*** CONTENT ***/
#content {
	}

#content div.container {
	background: url(/images/theme/bg-content.png) no-repeat center top;
	width: 944px;
	min-height: 422px;
	_height: 422px;	
	padding: 0 28px;
}


#content h2 {
	color: #087383;
	font: bold 1.6em arial, helvetica, sans-serif;
	padding: 0 0 7px;
	margin: 0;
	}
	
#content small {
	border-bottom: 1px solid #99C6CD;
	color: #40A7B5;
	display: block;
	margin: 0 0 10px;
	font-size: 1.1em;
}
#content p.alt small {
	font-size: 0.9em;
	color: #777;
	border: none;
	border-top: 1px solid #99C6CD;
	border-bottom: 1px solid #99C6CD;
	margin: 10px 0 0;
	padding: 5px;
}
#content p.postmetadata {
	text-align: center;
	font-size: 1.1em;
	padding: 3px 0;
	margin: 0 0 20px;
	background: #353535;
	color: #FFF;
	border-top: 1px solid #098ea1;
	border-bottom: 1px solid #098ea1;
}
#content p.postmetadata a {
	color: #FFF;
}

#content a, #maincontent a:visited {
	color: #098EA1;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}

#content #maincontent h2 a {
	text-decoration: none;
}
#content #maincontent h2 a:hover {
	text-decoration: underline;
}

#content p {
	font-size: 1.2em;
	line-height: 140%;
	padding: 0 0 10px;
	text-align: justify;
	margin: 0 0 1em;
}

#content ol.commentlist {
	margin: 0;
	padding: 0;
}
#content ol.commentlist img.avatar {
	float: right;
	padding: 0 0 5px 10px;
}
#content ol.commentlist small {
	border: none;
	font-size: .9em;
	color: #666;
}
#content ol.commentlist small a {
	color: #666;
	text-decoration: none;
}
#content ol.commentlist small a:hover {
	text-decoration: underline;
}

#content ol.commentlist p {
	font-size: 1em;
}
#content ol.commentlist li {
	border-bottom: 1px solid #098ea1;
	list-style-position: inside;
}

#maincontent	{
	width: 660px;
	float: left;
/*	margin-left: 255px; */
	padding: 34px 18px 34px 10px;
	font-size: 100%;
	
}



#maincontent ul, #maincontent ol {
	font-size: 1.2em;
	margin: 0 0 1em;
	padding-bottom: 10px;
	padding-top: 0;
}
#maincontent li {
	margin: .5em 0;
}

#maincontent strong {
	color: #222;
}

#maincontent table.normal {
	margin: 0 0 1em;
	padding: 0 0 10px;
	border-collapse: collapse;
	width: 100%;
}

#maincontent table.normal td, #maincontent table.normal th {
	font-size: 1.2em;
	border: 1px solid #087383;
	padding: .3em;
}
#maincontent table.normal th {
	background: #087383;
	color: #FFF;
	font-weight: 700;
}

#maincontent form label {
	display: block;
	padding: 0 15px 0 0;
	width: 150px;
	float: left;
}

#maincontent form input {
	width: 485px;
	border: 1px solid #99C6CD;
}
#maincontent form input#submit {
	width: 650px;
	border: 1px solid #99C6CD;
	background: #99c6cd;
}
#maincontent textarea#comment {
	width: 650px;
	border: 1px solid #99C6CD;
}

#maincontent p.ko {
	font-weight: 700;
	color: red;
}




/*** SIDEBAR ***/
#subnav	{
	float: left;
	padding-top: 30px;
	width: 255px;
	}

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

#subnav ul ul	{
	list-style-type: none;
	width: 220px;
	font-size: 12px;
	padding: 10px 0 0;
	margin: 0 auto 10px;
	border-bottom: 1px solid #9bc9d0;
	}
	
#subnav ul ul a	{
	text-decoration: none;
	color: #0d5a65;
	display: block;
	padding: 8px 20px;
	_height: 0;
	}

#subnav ul ul a:hover	{
	background: #fff;
	}
	
#subnav ul ul li	{
	border-top: 1px solid #9bc9d0;
	}

#subnav ul ul li.first	{
	border-top: none;
	}

/*** NUMERO VERT ***/

	
div.button	{
	background: url(images/button-left.png) no-repeat;
	padding: 15px 10px;
	width: 210px;
	height: 39px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 auto;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/blog-ton-jeu/images/button-left.png', sizingMethod='crop'); 
	}

div.button strong	{
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 5px;
	}

/*** FOOTER ***/
hr.spacer	{
	clear: both;
	visibility: hidden;
	height: 0;
	padding: 0;
	margin: 0;
	border: none;
}
	
#spacer-footer	{
	height: 39px;
	clear: both;
}

#footer {
	border-top: 4px solid #098EA1;
	height: 35px;
	margin-top: -39px;
	background: url(images/bg-footer.png) repeat-x top left;	
}

#footer div.container {
	width: 914px;
}
	
#footer p {
	font-size: 1.1em;
	color: #fefefe;
	font-weight: bold;
	margin: 0;
	padding-top: 10px;
}

#footer p a, #footer p a:visited {
	color: #fefefe;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: underline;
}

#footer span.by {
	position: absolute;
	top: 10px;
	right: 0;
	color: #c1d4e6;
}

#footer span.by a {
	color: #c1d4e6;
}

/*** Lien de navigation ***/
div.navigation {
	display: none;
}