body {
color:#000;
font:.9em Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif;
margin:0;
width:100%;

}

p,blockquote,li,h2,h3,dd,dt {
font-weight:400;
}

h3 {
font-size:1em;
font-weight:700;
color:#036;
}

form,fieldset {
border:0;
margin:0;
padding:0;
}

a {
text-decoration:none;
color:#4169e1;
}

pre {
background-color:#eee;
overflow:auto;
border-color:#ccc;
border-style:solid;
border-width:1px;
margin:10px;
padding:5px;
}

abbr,acronym {
font-style:normal;
border-bottom:dotted 1px #ccc;
}

blockquote,cite {
color:#666;
font-style:italic;
border-left:1px dotted #ccc;
padding:0 20px;
}

code {
display:block;
margin:10px;
}

q {
font-style:italic;
color:#666;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
#page {
width:900px;
margin:auto;
padding:0 3px 0 17px;
}

#content,#pub_content {
float:left;
width:600px;
margin-top:7px;
margin-bottom:73px;
font-family:"Optima", Arial, sans-serif;
border:none;

}

* html #content {
margin-top:34px;
}

#menuright {
margin-left:73%;
margin-bottom:73px;
padding:6px;
}

/* VERTICAL PADDING ABOVE COLUMNS 
 CSS HACK:  position:relative needed by IE6 
/*/
#page,#content,#menuright,h2 {
position:relative;
}

#footer {
width:670px;
clear:both;
margin:auto;
}

#mobi_footer
{
	display:none;
}

#footer li {
display:inline;
list-style-type:none;
margin-right:17px;
padding:3px;
}

#footer li span {
	display:block;
	float:left;
background:url("img/sprites.png");
background-position:-1px -54px;
background-repeat:no-repeat;
width:80px;
height:15px;
}

#footer li span#plume {
	display:block;
	float:right;
background:url("img/sprites.png");
background-position:-1px -32px;
background-repeat:no-repeat;
width:55px;
height:18px;
}

/* ====================================================================
BANNER
-------------------------------------------------------------------- */
#banner {
width:900px;
margin:auto;
padding:7px 0 7px 7px;
background-image:url("/xmedia/theme/desktop/img/logo.png");
background-repeat:no-repeat;
background-position:left;
}

#top a {
font:130% Impact, 110% Verdana, Arial, Helvetica, sans-serif;
color:#000;
margin:17px 0 0 76%;
}

.description
{
	margin-left:75%;
}

#search #q {
width:173px;
height:17px;
vertical-align:middle;
font-size:0.9em;
text-align:center;
}

#search #search-s {
vertical-align:middle;
margin-right:7px;
}

#top-categories li {
list-style-type:none;
font-size:1em;
}

/* ====================================================================
CONTENT
-------------------------------------------------------------------- */
body.category #content h2,body.category #pub_content h2,.comment-preview {
padding-bottom:0;
background-position:0 40%;
font-size:2.2em;
color:#000;
font-variant:small-caps;
font-weight:100;
margin:10px 0 20px;
}

body.category #content h2#art-title, body.news #content h2.restitle {
font-size:2.2em;
color:#f60;
font-variant:small-caps;
font-weight:100;
margin:10px 0 33px;
}

body.category #content .resource {
float:left;
margin:0 0 17px 0;
border-bottom:1px solid #666;
}

body.category #content h2 
{
	margin-bottom:33px;
}

#page_number {
clear:left;
padding-top:33px;
text-align:center;
}

#menuright h2 {
text-decoration:underline;
font-size:120%;
}

#menuright ul a:hover {
color:#05b;
text-decoration:underline;
border:none;
}

#menu {
margin-top:17px;
}

#menu li {
width:100px;
list-style-type:circle;
margin-bottom:7px;
font-weight:normal;
}

#menu li:hover
{
	list-style-type:disc;
}

#content p.sectionstart:first-letter {
display:block;
float:left;
color:#000;
font-size:2.7em;
padding:0 7px;
}

#content p.img_legend {
font-size:0.8em;
}

#content p a:hover {
	color:#f60;
	text-decoration:underline;
}

#content p a:active {
color:red;
text-decoration:underline;
}

table
{
	margin:auto;
}

th
{
	border:1px solid #000;
	padding:3px;
}

thead th
{
	background-color:#cfc;
}

#footer a {
text-decoration:underline;
border:none;
color:#000;
}

ol.tree {
color:#6887A4;
margin:30px 0 0;
padding:0;
}

ol.tree li {
display:inline;
list-style-type:none;
padding-right:0.7em;
padding-left:0;
}

ol.tree li:before {
content:' \00bb  ';
}

#content img
{
padding:0;
}

p.modified {
color:#666;
font-size:.9em;
margin:-1.5em 1em 7px 0;
padding:4px 0 0 13px;
}

p.modified span {
margin-right:7px;
display:block;
float:left;
background:url("img/sprites.png");
background-position:-21px -7px;
background-repeat:no-repeat;
width:9px;
height:11px;
}

p.comment-count {
color:#666;
font-size:.9em;
margin:1em 0 10px 1em;
padding:4px 0 0 13px;
}

p.comment-count span {
display:block;
float:left;
margin-right:7px;
background:url("img/sprites.png");
background-position:-33px -9px;
background-repeat:no-repeat;
width:11px;
height:9px;
}

.modified a, a#edit-ressource {
color:#6887A4;
}

.modified a:hover, a#edit-ressource:hover {
color:#1771A0;
text-decoration:underline;
}

.resources-number,.comment-closed {
color:#999;
font-style:italic;
}

.description, #art-description {
font-size:1em;
}

/*
#art-description {}*/
#footer img,div.col-content img {
border:none;
vertical-align:bottom;
}

#footer p {
color:#000;
font-size:.8em;
}

#art-pages-list h3 {
font-weight:700;
}

#art-pages-list ol li a:hover {
text-decoration:underline;
}

div.col-content {
padding:1em 7px;
}

div.col-content h2,div.col-content h3 {
padding-bottom:0;
margin-bottom:0.2em;
}

div.col-content li {
list-style:none;
}

div.col-content ol li {
list-style-type:decimal;
margin-left:1.2em;
}

div.col-content ul,div.col-content ol {
margin-top:0;
margin-left:7px;
padding-left:0;
margin-right:10px;
padding-right:0;
}

ol li.current a {
text-decoration:none;
color:#000;
}

ol li a:hover
{
	text-decoration:underline;
}

.feeds {
font-size:.9em;
padding:0;
margin:0;
}

#menu li span {
display:block;
float:right;
background:url("img/sprites.png");
background-position:-3px -4px;
background-repeat:no-repeat;
width:14px;
height:14px;
}

.score {
font-size:90%;
color:#090;
margin-top:-10px;
text-align:right;
border-top:1px dotted #BEE5BE;
background-color:#ECF7EC;
padding:2px 4px;
}



.err404 {
display:block;
font-weight:100;
font-size:1.8em;
padding:0 0 0 60px;
background:url("/xmedia/theme/desktop/img/err404.gif");
background-repeat:no-repeat;
}

img.px-left {
float:left;
display:block;
margin:3px 12px 10px 0;
}

img.px-center {
display:block;
margin:8px auto;
}

img.px-right {
float:right;
display:block;
margin:3px 0 10px 12px;
}

.recent-news {
color:#036;
font-size:90%;
font-style:italic;
text-decoration:none;
margin:4px 0 10px;
padding:2px 10px 10px;
}

.recent-news h3 {
padding-top:6px;
font-size:120%;
margin:0;
}

.recent-news h2 {
font-size:120%;
margin:0;
}

.recent-news .recent-news-date {
color:#91A8C0;
text-align:right;
}

.recent-news p {
margin-top:0;
}

ul.extra {
float:left;
margin:0 0 0 42px;
padding:0;
}

ul.extra li {
list-style-type:none;
padding:7px 0 7px 1em;
}

.associated-link {
text-align:right;
}

input,textarea {
border-color:#ccc;
border-width:1px;
}

input[type],textarea[name] {
background:#fff;
}

input[type=submit],input[type=reset] {
background:#FFF;
color:#000;
}

input[type=submit]:hover {
background-color:#FF0;
color:#000;
}

/* ====================================================================
COMMENTS
-------------------------------------------------------------------- */
div.px-comment {
background-color:#FFF;
border-left:1px solid #000;
margin-bottom:6px;
margin-left:16px;
color:#000;
font-style:italic;
padding:0 14px 0 16px;
}

div.px-comment a {
color:#666;
}

.px-comment-info {
font-weight:700;
padding-left:20px;
}

.px-comment-info span {
display:block;
float:left;
margin-right:7px;
background:url("img/sprites.png");
background-position:-47px -3px;
background-repeat:no-repeat;
width:17px;
height:15px;
}

.px-comment .px-comment-info-website {
color:#ccc;
}

form.px-comment {
margin-bottom:20px;
background-color:#FFF;
border:none;
font:.8em Verdana, "Lucida Grande", Tahoma, Helvetica, San-Serif;
padding:9px 16px 10px;
}

form.px-comment textarea {
width:100%;
}

form.px-comment textarea,form.px-comment input {
background-color:#fff;
}

.input-submit {
text-align:right;
padding-top:8px;
}

form.px-comment label {
float:left;
display:block;
width:100px;
font-size:110%;
}

.px-comment-add {
padding-bottom:0;
border-bottom:none;
font-variant:small-caps;
font-size:110%;
text-decoration:underline;
}

form.px-comment submit {
text-align:right;
margin:0;
}

.px-comment-error {
border:1px dotted #FF8080;
padding-bottom:10px;
width:80%;
}

.px-comment-error ul {
padding-top:6px;
}

.px-comment-error li {
color:red;
list-style-type:none;
background:url("img/errmsg.gif") 0 50% no-repeat;
padding-left:20px;
}

.px-comment-preview {
font-style:italic;
color:#999;
padding:0 20px 10px 40px;
}

.px-comment-preview span {
display:block;

background:url("img/sprites.png");
background-position:-89px -50px;
background-repeat:no-repeat;
width:28px;
height:18px;
}

.px-comment-required-email {
font-size:90%;
font-style:italic;
color:#666;
}

/* ====================================================================
GALLERY
-------------------------------------------------------------------- */
div.gallery-bottom {
clear:left;
}

div.gallery-thumb a {
float:left;
display:block;
}

#content img.gallery-thumb {
margin:0 0 10px;
}

div.gallery-img {
float:left;
width:200px;
margin:0 10px 10px 0;
padding:0 0 0 10px;
}

p.gallery-legend {
text-align:center;
line-height:100%;
font-style:italic;
color:#A5A569;
}

/* ====================================================================
SITEMAP
-------------------------------------------------------------------- */


#sitemap h3 {
font-size:120%;
border-bottom:1px solid #EDEDED;
background-color:#F9F9F9;
padding:0 4px;
}

#sitemap li a:hover
{
	text-decoration:underline;
}

/* ====================================================================
mur et pub
-------------------------------------------------------------------- */
#sb {
position: relative;
-moz-perspective: 800px;
-webkit-perspective: 800px;
perspective: 800px;
}

#rot
{
-moz-transform: rotateY(-20deg);
-webkit-transform: rotateY(-20deg);
transform: rotateY(-20deg);
-moz-transition: -moz-transform 1s;
-webkit-transition: -webkit-transform 1s;
transition: all 1s;
}

#rot:hover
{
-moz-transform: rotateY(1deg);
-webkit-transform: rotateY(1deg);
transform: rotateY(1deg);
-moz-transition: -moz-transform 1s;
-webkit-transition: -webkit-transform 1s;
transition: all 1s;
}

#mur {
text-decoration:none;
padding:3px 7px;
line-height:1.1em;
}

#mur a
{
	color:#666;
}

#mur a:hover
{
	color:#4169e1;
	text-decoration:underline;
}

.on1
{
font-size:0.8em;
}

.on2 {
font-size:1.2em;
}

.on3 {
font-size:1.7em;
}

html,div {
margin:0;
padding:0;
}

#menuright ul,form.px-comment p {
margin:0;
}

#compteur,#pub {
text-align:center;
}

#picidae
{
	text-align:center;
	margin:33px 0 33px;
}

body.category #content h2 a,#sitemap h3 a,#sitemap li.subcatlism a {
color:#f60;
}

body.category #content h2 a:hover,#sitemap h3 a:hover,#sitemap li.subcatlism a {
text-decoration:underline;
}

#menuright ul a,#content a:hover,#footer a:hover {
text-decoration:none;
}

#content h2 a,#menu li a,#menu li a:hover,div.px-comment a:hover {
color:#000;
}

#content p a{
text-decoration:underline;
}