/* CSS Document for www.chamizo.fr - Tous droits reservés */

* {margin:0; padding:0}

.invisible { position: absolute; top: -3000em; height: 1%; }
.on { font-weight: bold; color: #FFF; } /* liens exposes */
#navigation ul li ul li a.on { font-weight: bold; color: #FFF; }

body {
	background: #202226;
	font: 12px Arial, Helvetica, sans-serif;
	color: #DDD;
	background: #202226 url(../images/body_bg_2.png) no-repeat top center;	
	}
a {
color:#DDD;
}
a:hover {
color:#FFF;
}
a img{
border:none;
}

p {
padding:5px 0 5px 0;
}

h1 {
	margin:0;
}
h3 {
font:bold 12px "Trebuchet MS",Helvetica,Arial,Sans-Serif;
color:#BBB;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
padding:0 0 3px 0;
margin:0 0 12px 0;
border-bottom:1px dashed #444;
}
h4 {
padding:0 0 10px 0;
font-size:12px;
}
ul li {
	list-style-type: none;
}

#page {
	margin:0 auto;
	width:900px;
	background: transparent url(../images/page_bg.png) no-repeat top left;	
	}
#all {}

#entete {
height:96px;
}
.divers .marron, .page_404 .marron {
padding:10px 20px;
}
.divers h3 {
padding:20px 0 0 0;
}

/* ---------------------------------- Accueil -------------------------------------------- */

#tableau-bandeau {
display:block;
width:900px;
height:100px;
margin:0 0 20px 0;
}
#tableau-bandeau:hover {
opacity : 0.87;
filter : alpha(opacity=87); 
}
#bienvenue {
float:left;
margin:0 20px 0 0;
padding:0 20px 0 0;
}
#bienvenue .texte{
width:260px;
text-align:justify;
font-style:italic;
padding:20px 0 20px 40px;
background:url(../images/guill_ouv.png) no-repeat;
}
#bienvenue #empreinte .texte{
width:200px;
margin:50px 0 0 0;
padding:20px 100px 80px 20px;
background:url(../images/empreinte.jpg) no-repeat 240px 30px;
}
#portrait-chamizo {
border:5px solid #444;
}
.page_sommaire #actus {
background: #3A2D2C;
padding:10px 20px;
}
.page_sommaire .cadre_marron {
background: #3A2D2C;
margin:0 0 0 380px;
}
.page_sommaire .cadre_marron_hg{
background: url(../images/arrondis-marron.png) 0 0;
}
.page_sommaire #actus .titre {
display:block;
font:bold 12px Arial,Helvetica,Serif;
padding:0 0 5px 0;
}
.page_sommaire #actus a {
text-decoration:none;
display:block;
padding:5px 0;
margin:0 0 5px 0;
}
.page_sommaire #actus a:hover {
background:#443433;
}
.page_sommaire #dessin-semaine {
background: #29383D;
margin:20px 0 0 380px;
}
.page_sommaire #dessin-semaine-2 {
padding:10px 20px 5px 20px;
margin-bottom:-14px;
}
.page_sommaire #dessin-semaine a {
display:block;
text-align:center;
padding:10px 0 10px 0;
}
.page_sommaire #presse {
float:left;
background: #333333;
margin:20px 20px -28px 0;
width:500px;
}
.page_sommaire #presse-2 {
margin:0;
padding:10px 20px 20px 20px;
}
.page_sommaire #presse .article {
margin:15px 0 0 0;
float:left;
}
.page_sommaire #tabdivers {
background: #313934;
margin:20px 0 0 520px;
width:380px;
}
.page_sommaire #tabdivers-2 {
margin:0;
padding:10px 20px 20px 20px;
}
.page_sommaire #tabdivers h3{
width:340px;
float:left;
text-align:left;
}
.page_sommaire #tabdivers-2 #nouveau img {
padding:0 20px 15px 0;
margin:0;
}
.page_sommaire #tabdivers-2 #divers img {
padding:0 5px 0px 0;
margin:0;
}
.page_sommaire #tabdivers div {
display:block;
text-align:left;
}
.page_sommaire #accueil-bas {
float:left;
}
.page_sommaire #tabdivers-2 a {
opacity : 0.85;
filter : alpha(opacity=85); 
}
.page_sommaire #tabdivers-2 a:hover {
opacity : 1;
filter : alpha(opacity=100); 
}

/* ---------------------------------- Navigation -------------------------------------------- */

#navigation {
position:absolute;
top:63px;
width:700px;
margin-left:200px;
font-size:13px;
height:33px;
}
#navigation .rubriques {
float:right;
}
#navigation ul li {
float:left;
padding:0 10px;
}
#navigation ul li a{
font:bold 12px "Trebuchet MS",Helvetica,Arial,Sans-Serif;
color:#BBB;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
}
#navigation ul li a:hover{
text-decoration:underline;
}
#navigation ul li ul {
position:absolute;
width:900px;
height:100px;
padding-top:11px;
top:22px;
right:0;
background:url(../images/nav_sous.png) no-repeat 0px 11px;
}
#navigation ul li ul li {
display:table;
width:100px;
height:80px;
float:right;
padding:0;
margin:10px 0;
border-left: 1px solid grey;
text-align:center;
}
#navigation ul li ul li a {
display:table-cell;
height:80px;
background:;
padding:0px 5px 0 5px;
margin:0 5px;
text-decoration:none;
font:bold 12px "Trebuchet MS",Arial,Sans-Serif;
text-transform:uppercase;
letter-spacing:1px;
vertical-align:middle;
color:#BBB;
}
#navigation ul li ul li a:hover {
color:#FFF;
}
#navigation #menu-oeuvres a{
text-decoration:none;
}
#navigation ul li#menu-oeuvres {
height:33px;
padding-right:22px;
background:url(../images/fleche_bas.png) no-repeat 68px 6px;
}
#navigation ul li a:hover{
color:#FFF;
}


/* ---------------------------------- Galerie (Rubrique 1) -------------------------------------------- */
.oeuvres #contenu {
margin:100px 0 0 0;
}
.oeuvres .galerie {
background: #333333;
margin:0 0 0 0;
}
.oeuvres .galerie-2 {
padding:10px 20px 0 20px;
}
.oeuvres .com-rubrique {
background: #29383D;
margin:5px 0 20px 0;
}
.oeuvres .com-rubrique .chapo {
background: #29383D;
padding:20px 20px 0 40px;
margin:5px 0 10px 15px;
background: #29383D url(../images/guill_ouv.png) no-repeat;
font-style:italic;
}
.oeuvres .chapo {
background: #29383D;
padding:10px 20px;
margin:0;
}
.galerie .vignettes-tableaux ul{
float:left;
padding: 0 40px 0 0;
}
.galerie .vignettes-tableaux ul li{
padding: 0 0 10px 0;
}
.galerie .vignettes-tableaux .cartouche{
padding: 0 0 20px 0;
}
.galerie .vignettes-tableaux h3{
padding: 0 0 10px 0;
font:bold italic 17px "Trebuchet MS",Arial,Sans-Serif;
margin:0 0 5px 0;
text-transform:uppercase;
letter-spacing:1px;
border:none;
}
.galerie .vignettes-tableaux .texte-cont {
float:left;
width:308px;
background:url(../images/guill_ouv.png) no-repeat;
padding:10px;
font-style:italic;
}
.galerie .vignettes-tableaux .texte {
padding:15px;
}
.galerie .vignettes-tableaux .descriptif{
font-size:11px;
}
.galerie .vignettes-tableaux .tableau {
float:left;
width:390px;
margin:0 20px 0 0;
}
.galerie .vignettes-tableaux .tableau a {
float:left;
border:5px solid #444;
}
.galerie .vignettes-tableaux .guill_bd {
width:31px;
height:26px;
float:right;
background:url(../images/guill_fer.png) no-repeat;
position:relative;
bottom:0px;
right:-25px;
}

/* ---------------------------------- Pele Mele (Sous Rubrique 28) -------------------------------------------- */
.oeuvres .tabdivers {
margin:0 0 20px 0;
}
.tabdivers .vignettes-tableaux li{
float:left;
width:80px;
height:150px;
margin:15px 30px 15px 0;
}
.tabdivers h4{
padding:5px 0 0 0;
text-align:center;
}
.tabdivers p{
text-align:center;
}

/* ---------------------------------- Provisoire Russie (Sous Rubrique 27) -------------------------------------------- */
.rub_27 .galerie .vignettes-tableaux ul{
padding: 0 20px 0 0;
width:180px;
}
.rub_27 .galerie .vignettes-tableaux ul li{
padding: 0 10px 10px 0;
float:left;
min-height:110px;
}
.rub_27 .galerie .vignettes-tableaux .texte-cont {
width:228px;
}
.rub_27 .galerie .vignettes-tableaux .tableau {
margin:0 20px 0 0;
}


/* ---------------------------------- icones (Sous Rubrique 9) -------------------------------------------- */

.oeuvres .com-rubrique .descriptif {
padding:15px 0 0 0;
font-size:11px;
font-style:normal;
}
.icones .galerie {
background: #333333;
margin:0 0 20px 0;
}
.icones .galerie-2 {
padding-bottom:10px;
}
.titre-rub-icones {
float:right;
color:#202226;
font:italic 50px "Trebuchet MS",Helvetica,Arial,Sans-Serif;
margin-top:70px;
text-transform:uppercase;
}

/* ---------------------------------- Dessins (Sous Rubrique 14) -------------------------------------------- */

.oeuvres .dessins {
margin:10px 0 0 0;
background: #29383D;
}
.oeuvres .dessins .galerie-2{
padding:10px 20px;
}
.dessins .vignettes-tableaux ul {
float:left;
}
.dessins .vignettes-tableaux ul li {
float:left;
padding:10px 15px 0 0;
}

/* ---------------------------------- Revolution (Sous Rubrique 10) -------------------------------------------- */

.revolution .vignettes-tableaux ul li{
float:left;
padding:10px 15px 10px 0 ;
}
.revolution .tableau, .revolution .oeuvre, .revolution h3, .revolution .descriptif, .revolution .cartouche, .revolution .tableau {
float:right;
clear:both;
}
.revolution .vignettes-tableaux .tableau {
width:auto;
}

/* ---------------------------------- Hors Toile (Sous Rubrique 11) -------------------------------------------- */

.projet-hors-toile .texte-cont {
width:380px;
float:left;
}
.projet-hors-toile ul {
float:left;
clear:left;
width:405px;
margin:20px 0 0 40px;
}
.projet-hors-toile ul li {
float:left;
margin:0 15px 10px 0;
height:120px;
}
.projet-hors-toile .photos {
margin:30px 0 0 460px;
}
.hors-toile .galerie {
margin:0 0 18px 0;
}
.hors-toile .texte-cont {
padding:20px 20px 0 40px;
margin:5px 0 10px 0;
background: url(../images/guill_ouv.png) no-repeat;
}
.hors-toile h3 span {
float:right;
position:relative;
top:-18px;
}

/* ---------------------------------- Actus -------------------------------------------- */

.actus #actus-recentes {
background: #3A2D2C;
padding:10px 20px 20px 20px;
margin:0;
}
.actus #actus-perma {
background: #29383D;
margin: 20px 0 0 0;
}
.actus #actus-perma-2 {
padding:10px 20px 10px 20px;
margin: 0 0 0;
}
.actus #actus-archives {
background: #333333;
padding:0;
margin:20px 0 0 0;
}
.actus #actus-archives-2 {
padding:10px 20px 20px 20px;
margin:0;
}
.actus #actus-archives li, .actus #actus-perma li, .actus #actus-recentes li{
margin:20px 0 0 0;
}
.actus h4 {
margin:10px 0 0 0;
}
.actus #actus-perma ul li {
width:850px;
float:left;
}
.actus #actus-perma li img {
float:left;
display:inline;
padding:0 15px 0 0;
}
#actus-archives ul li {
width:265px;
float:left;
margin:0 20px 20px 0;
font:17px Georgia;
}
#actus-archives ul li ul{
margin:0;
width:245px;
border-bottom:1px solid #888;
}
#actus-archives ul li ul li{
margin:0;
font:12px Arial, Helvetica, sans-serif;
}

/* ---------------------------------- Actus RSS -------------------------------------------- */
.rss {
font-size:11px;
}
.rss img {
padding:0 0 0 5px;
position:relative;
top:3px;
}
.actus .rss {
float:right;
display:block;
text-decoration:none;
background:#443433;
}
.actus .rss a{
display:block;
text-decoration:none;
background:#443433;
padding:2px 5px 5px 5px;
}
.actus .rss a:hover, #actus .rss a:hover{
color:#FF6600;
}
#actus .rss a{
display:block;
text-decoration:none;
color:#BBB;
}
#actus .rss {
float:right;
display:block;
text-decoration:none;
position:relative;
top:-42px;
height:5px;
}
#actus .rss a:hover{
background:#3A2D2C;
}


/* ---------------------------------- Bio / Presse -------------------------------------------- */

.bio-presse #presse {
padding:10px 20px 10px 20px;
margin:0;
}
.bio-presse #bio {
background: #29383D;
padding:0;
margin:20px 0 0 0;
}
.bio-presse #bio-2 {
padding:10px 20px 20px 20px;
margin:0;
}
.bio-presse #videos {
background: #333333;
padding:0;
margin:20px 0 0 0;
}
.bio-presse #videos-2 {
padding:10px 20px 20px 20px;
margin:0;
}
.bio-presse .spip_documents {
float:left;
padding:10px 10px 10px 0;
}
.page_sommaire .spip_documents {
float:left;
padding:10px 10px 10px 0;
}
.bio-presse #presse {
width:900px;
}
.bio-presse #presse .article {
float:left;
margin:20px 60px 0 0;
}
.bio-presse #presse h3, #contact h3{
width:860px;
}

/* ---------------------------------- contact -------------------------------------------- */

fieldset {
width:500px;
padding:10px;
border-top: 1px solid #CCC;border-left: 1px solid #CCC;border-right: 1px solid #CCC;
border-bottom: none;
margin-top:20px;
}
fieldset legend {
font:bold 12px "Trebuchet MS",Helvetica,Arial,Sans-Serif;
color:#BBB;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1px;
padding:0 0 3px 0;
margin:0 0 12px 0;
border-bottom:1px dashed #444;
}
.formulaire_ecrire_auteur {
margin:25px 0 0 0;
}
.contact .com-rubrique {
background: #3A2D2C;
margin:5px 0 20px 0;
}
.contact .com-rubrique .chapo {
padding:20px 20px 0 40px;
margin:5px 0 10px 15px;
background: #3A2D2C url(../images/guill_ouv.png) no-repeat;
font-style:italic;
}
.contact .spip_bouton {
width:105px;
margin-left:340px;
}
.contact p.texte {
padding:10px 20px;
}
.contact p.erreur {
border-bottom: 1px dashed #990000;
}
/* ---------------------------------- Pied -------------------------------------------- */
#pied {
margin:5px 0 30px 0;
font-size:11px;
}
#pied small {
float:right;
}
.formulaire_recherche {
float:left;
}
#credits {
float:left;
}
/* ---------------------------------- Recherche -------------------------------------------- */

.page_recherche #res-recherche {
background: #3A2D2C;
padding:10px 20px;
}


/* ---------------------------------- Jquery UI Tabs -------------------------------------------- */
.ui-tabs-hide { display: none; }

/* Images typographiques (via image_typo) */
.format_png { behavior: url(win_png.htc); }

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* ---------------------------------- Jquery Tooltip -------------------------------------------- */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#ddd;
	}
	
/* ---------------------------------- Correction bug 3px -------------------------------------------- */
#portrait-chamizo a img,
#dessin-semaine a img,
.spip_logos, #screenshot img
{margin-bottom:-3px;}