@charset "ISO-8859-1";
/*
Theme Name: Pinacothèque
Description: Le thème de la Pinacothèque de Paris.
Version: 1.0
Author: SQLI agency (SLM)
Author URI: http://www.sqliagency.com/
*/

/*
+-------------------+
|	GENERAL			|
+-------------------+
*/
body {
	margin:0;
	padding:0;
	color:#OOO;
	font:normal 12px/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#000;
}
a {
	color:#808080;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
	vertical-align:middle;
	margin-right:10px;
}



/*
+-------------------+
|	UTILES			|
+-------------------+
*/
.clear:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
* html .clear {height:1%;}
*:first-child+html .clear{min-height:1%;}

.none {
	position:absolute;
	top:-9999px;
	left:-9999px;
}



/*
+-------------------+
|	STRUCTURE		|
+-------------------+
*/
#page {
	position:relative;
	width:935px;
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:justify;
}

#content {
	float:left;
	width:720px;
	overflow:hidden;
}

#sidebar {
	float:left;
	width:210px;
	margin:0 0 0 5px;
	overflow:hidden;
}



/*
+-------------------+
|	POSTS			|
+-------------------+
*/
#header {
	position:relative;
	width:720px;
	padding:60px 0 5px 0;
	text-align:right;
	line-height:0;
}
#header h1 {
	margin:0;
	padding:0;
}
#header h1 a {
	color:#EA4F0A;
	font-size:45px;
	text-transform:uppercase;
}
/*#header p#header-description {
	margin:0;
	padding:0;
	color:#FFF;
	font-size:18px;
	text-transform:uppercase;
}
#header p#header-pinacotheque {
	margin:0;
	padding:0;
	position:absolute;
	top:90px;
	right:0;
}*/



/*
+-------------------+
|	PUSHES			|
+-------------------+
*/
#pushes,
#pushes p {
	margin:0;
	padding:0;
}
*:first-child+html #pushes {
	margin-bottom:10px;
}
#pushes li {
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:100px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	list-style:none;
	background:#333 url(x.gif) 0 0 no-repeat;
}
.push-content {
	height:80px;
	padding:20px 0 0 0;
	background:url(x.gif) right bottom no-repeat;
}
.push-titre {
	width:700px;
	text-align:left;
}
.push-titre a {
	padding:0 2px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	line-height:1.2;
	text-transform:uppercase;
	text-align:left;
	background:#666;
}
.push-titre a:hover {
	text-decoration:none;
	background:#FFF;
}
.push-date span {
	padding:0 2px;
	color:#000;
	background:#FFF;
}
.push-fondnoir {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	height:18px;
	width:687px;
	background:#000;
	opacity:.5;
	-moz-opacity:.5;
	-khtml-opacity:.5;
	filter:alpha(opacity=50);
}
.push-categorie {
	position:absolute;
	left:3px;
	bottom:2px;
	z-index:10;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}
.push-categorie a {
	color:#FFF;
}

.push_01 .push-content {background-image:url(images/corne_bleu.gif);}
.push_02 .push-content {background-image:url(images/corne_vert.gif);}
.push_03 .push-content {background-image:url(images/corne_rouge.gif);}

.push_01 .push-titre a {background-color:#37A7DA;}
.push_02 .push-titre a {background-color:#95BC0D;}
.push_03 .push-titre a {background-color:#BC0926;}

.push_01 .push-titre a:hover {background-color:#FFF;color:#37A7DA;}
.push_02 .push-titre a:hover {background-color:#FFF;color:#95BC0D;}
.push_03 .push-titre a:hover {background-color:#FFF;color:#BC0926;}





/*
+-------------------+
|	POSTS			|
+-------------------+
*/
#posts {
	background:#f5f5f5;
}
.post {
	padding:0 10px 10px 10px;
}
.post h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:30px;
	text-align:left;
	text-transform:uppercase;
}
.post .postmetadata {
	margin:0;
	padding:0 0 5px 0;
	color:#666;
	font-size:11px;
	background:url(images/bordure-pointilles.gif) left bottom repeat-x;
}

.post .postsuite {
	text-align:right;
}
.post .postsuite a {
	padding:0 20px;
	color:#FFF;
	text-transform:uppercase;
	background:#666;
	border:1px solid #666;
}
.post .postsuite a:hover {
	color:#666;
	background:#DDD;
	text-decoration:none;
}




/*
+-------------------+
|	COMMENTAIRES	|
+-------------------+
*/
.commentaires h3 {
	color:#666;
	font-size:16px;
}
.commentaires dl {
	background:url(images/bordure-pointilles.gif) left bottom repeat-x;
}
.commentaires dl dt {
	padding:5px 0;
	color:#333;
	font-weight:bold;
	font-size:11px;
	background:url(images/bordure-pointilles.gif) left bottom repeat-x;
}
.commentaires dl dt a {
	color:#333;
}
.commentaires dl dt span {
	float:right;
}
.commentaires dl dd {
	margin:0;
	padding:5px 0 25px 0;
}
.commentaires dl dd blockquote,
.commentaires dl dd blockquote p {
	margin:0;
	padding:0;
}

.commentaires p.champs {
	clear:both;
	padding:0 0 0 100px;
	text-transform:uppercase;
}
.commentaires p.champs label {
	float:left;
	width:100px;
	margin:0 0 0 -100px;
}
.commentaires p.textarea label {
	text-transform:uppercase;
}
.commentaires p.champs input,
.commentaires p.textarea textarea {
	width:100%;
	border:1px solid #999;
	font:12px/1.2 Verdana, Arial, Helvetica, sans-serif;
}
.commentaires p.champs input {
	width:200px;
}
.commentaires p.submit {
	text-align:right;
}
.commentaires p.submit input {
	padding:0 20px;
	color:#FFF;
	text-transform:uppercase;
	background:#666;
	border:1px solid #666;
	*overflow:visible;
	_width:1%;
}




/*
+-------------------+
|	NAVIGATION		|
+-------------------+
*/
.navigation {
	height:auto !important;
	height:25px;
	min-height:25px;
	margin:0;
	padding:0;
	background:#666;
}
.navigation li {
	float:left;
	width:48%;
	margin:0;
	padding:.5% 1%;
	list-style:none;
}
.navigation li.navigation_next {
	text-align:right;
}
.navigation li a {
	color:#FFF;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
}


/*
+-------------------+
|	SIDEBAR			|
+-------------------+
*/
#sidebar h2 {
	margin:0;
	padding:8px 0 5px 0;
	color:#FFF;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	background:url(images/bordure-pointilles.gif) left bottom repeat-x;
}
#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar ul ul {
	padding:5px 0;
}
#sidebar ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar ul li.rss,
#sidebar ul li.acces {
	padding:0 0 25px 0;
}
#sidebar ul li p {
	color:#FFF;
	text-align:left;
	font-size:10px;
}

#sidebar ul li a {
	text-transform:uppercase;
}

#searchform {
	position:absolute;
	top:0;
	left:725px;
	width:210px;
}
#searchform #s {
	width:85px;
	height:12px;
	color:#666;
	font:normal 10px/1.4 Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #c5bcab;
}
#searchform #searchsubmit {
	*height:16px;
	padding:0;
	color:#FFF;
	font:bold 10px/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background:#c5bcab;
	border:1px solid #c5bcab;
}



/*
+-------------------+
|	FOOTER			|
+-------------------+
*/
#footer {
	clear:both;
	position:relative;
	width:720px;
	color:#FFF;
	font-size:10px;
	letter-spacing:-1px;
}
#footer ul {
	margin:0;
	padding:0;
}
#footer ul li {
	float:left;
	width:32%;
	margin:0;
	padding:.5%;
	list-style:none;
}
#footer ul li ul {
	text-align:center;
}
#footer ul li ul li {
	width:auto;
	display:inline;
	float:none;
	margin:0 10px;
}
#footer ul li.footer_col_01 {
}
#footer ul li.footer_col_02 {
	font-weight:bold;
	text-align:center;
	letter-spacing:0;
}
#footer ul li.footer_col_03 {
	text-align:right;
}
#footer p {
	margin:0;
	padding:0;
	text-align:right;
}
#footer a {
	color:#FFF;
}