/****************************************************************** 

   Author : Julien LERCH

   Date : 7/09/2005

   Page name : estampe.css

   Page description : Feuille de styles.

   Modified by :

   Modified date :

****************************************************************** BALISES */

*{
margin:0;
padding:0;
font-family:Arial;
font-size:11px;}

body{background:#6b6b6b; }

body.noir{background:#282828;}

a{text-decoration:none;color:#B2B2B2;}

a:hover{text-decoration:underline;}

h1{color:#ccc; font-weight:bold; font-size:18px; height:75px;}

h2{color:#ccc; font-weight:bold; font-size:18px; margin:0 20px;}

h2 a{font-weight:normal;}

form, textarea{border:0;}

input{background:#5c5c5c; border:0; padding:1px; height:18px;}

h4{font-weight:normal;}

h3{font-weight:bold; margin:10px 0 0 0; color:#B2B2B2}

/****************************************************************** CLASSES */

.commentaire {

display:block; position:absolute; width:140px; right:0 !important; right:-3px;}

.commentaire img{float:right;}

.commentaire span{float:left; color:#B2B2B2;}

.ex_toile{margin:0 40px; float:left;}

.ex_toile img{display:block;}

.ex_toile a{display:block; text-align:center; margin:15px 0 0 0;}

.flash_vertical{position:relative; float:left; left:-20px !important; left:-40px;}

.flash_vertical_oeuvres{left:-12.5px !important; left: -25px; position:absolute;}

.flash_vertical_bio{position:relative; float:left; left:-12.5px !important; left:-25px;}

.estampe{

font-weight:bold; font-size:20px; color:#ededed; display:block; }

.oeuvre{

margin:0 0 0 25px; width:auto; float:left; height:350px; display:block; position:relative; }

.oeuvre p{height:330px; width:inherit !important; width:1px; margin:0 0 20px 0; /* hack pour IE */

}

.oeuvre a{position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#fff; border:0;}

.oeuvre a img{border:0; margin:0 0 0 15px;}

.oeuvre a:hover{text-decoration:underline;}

.oeuvre img{margin:auto 0 0 0; }

.clear{clear:both; visibility:hidden;}

.auteur, p.presentation{height:330px; background:#434343;width:150px; margin:0 20px 0 0; 

text-align:right; padding:0 0 0 15px; position:absolute; left:0;}

p.presentation{color:#b2b2b2b; background:transparent; }

p.bio_auteur{

height:270px; padding:20px; width:250px; float:left;}

img.titre{position:relative; float:left; margin:0 0 0 -20px !important; margin:0 0 0 -22px;}

.bg_gris{background:#434343;}

.width_100{width:100% !important; max-width:100% !important; }

a.lien_loupe, a.lien_loupe_grise{background:url(images/loupe.gif) right 10px no-repeat; padding:20px 30px 0 0; color:#B2B2B2;

display:block; text-decoration:none; white-space:nowrap;}

a:hover.lien_loupe, a.lien_loupe_grise{text-decoration:underline;}

a.lien_loupe_grise{background:url(images/loupe_grise.gif) right top no-repeat;}



.aff_oeuvre{text-align:center; position:relative; height:330px; margin:0 auto; padding:0;}

.aff_oeuvre p{width:700px; margin:0 auto; text-align:center; padding:0;}

.aff_oeuvre p img{margin:0 auto; padding:0;}

#grande_img{position:aboslute; left:50%; margin:0; padding:0}

.aff_details{width:150px; height:330px;padding:10px;max-width:130px; max-height:310px;background:#434343;

position:absolute;text-align:left;color:#B2B2B2; top:0; right:0;

}

.liens{margin:280px 0 0 0; width:100%; padding:0;}

.liens a{display:block; color:#e7e7e7; text-align:left;}

table.flash{margin:0; padding:0; float:none;}

.maj{text-transform:uppercase;}

/****************************************************************** ID */

h1#titre{

float:right; text-align:right; margin:0 25px 0 0; line-height:15px; background:url(images/titre.jpg) top left no-repeat;}

#titre span{position:relative; right:5500px;}

#bandeau_noir_index, #bandeau_noir, #bandeau_noir_aff_oeuvre, #bandeau{

background:#282828; overflow:auto; position:relative; width:100%;

width:expression(document.body.clientWidth);

height:400px; max-height:400px; padding:25px 0 0 0;}

#bandeau_noir{

background:#282828; position:relative; margin:10px 0;

width:expression(document.body.clientWidth);

}

#bandeau{background:#282828; overflow:visible; position:relative; width:100%;

width:expression(document.body.clientWidth-18); padding:0;}

#bandeau_noir_index object, #bandeau_noir_index embed{

margin:0; padding:0;

}

#contenu, #contenu_bg_gris{background:#282828;

color:#ccc; position:relative; margin:0 0 0 150px; height:310px; width:auto;

width:expression(document.body.clientWidth-150);

}

#contenu p.texte, #contenu div.texte, #contenu_bg_gris p.texte{

width:250px; float:left;

margin:30px 20px;

}

#contenu div ul{

margin:25px 0 0 0;}

#contenu_bg_gris{background:#434343; height:330px; 

}

#contenu_bg_gris table{height:290px; margin-left:170px; }

#contenu table{height:330px; margin:0 0 0 170px;}

#contenu_bg_gris table td, #contenu table td{padding:0 10px;

text-align:center; vertical-align:bottom; height:100%;}

#contenu_bg_gris table td a{padding:10px 0 0 0; color:#B2B2B2;}

#contenu_bg_gris table td a:hover{text-decoration:underline;}

#contenu_bg_gris table td a img, #contenu table td a img{border:0;}

a#accueil{

height:330px; width:100px;

margin:0 25px 0 0; position:absolute; left:0;

color:#282828;

background:url(images/logo_estampe.jpg) left top no-repeat;

z-index:50000;

}

a:hover#accueil{

text-decoration:none;

}

#accueil span{

visibility:hidden;
}

a#back{

display:block;

margin:25px 0 0 0;

color:#B2B2B2;

width:100%;

}

a:hover#back{

text-decoration:underline;}

/****************************************************************** formulaire recherche */

#recherche{margin:50px 0 0 150px;}

#recherche input{line-height:18px; padding:0; margin:0;}

.submit{

position:relative; top:3px !important; top:0; 

background:#3C2020; color:#6b6b6b; font-weight:bold;}

#form_recherche{text-align:left; padding:0 5px 0 0;}

/****************************************************************** Menu haut */

ul#menu_princ{

background:url(images/menu.jpg) left 2px no-repeat;

width:150px; margin:13px 0; padding:0 !important; padding:3px 0 0 0; height:70px;

}

#menu_princ li{height:11px !important; line-height:11px !important;

padding:0; margin:0 !important; margin:-3px 0 0 0;}

#menu_princ li.pr{padding:4px 0 0 0 !important; padding:0;}

#menu_princ li a{display:block; width:100%; padding:0; margin:0;}

#menu_princ li a:hover{border-bottom:1px solid #ccc;}

#menu_princ li a span{visibility:hidden;}



/****************************************************************** Menu bas */
ul#smenu_top{

text-align:right; position:relative; float:right;

height:60px; margin:10px 25px 0 0; top:-450px;

}

#smenu_top li{

float:left; width:15px; display:block; position:relative; text-align:center; 

height:10px; padding:0 0 3px 0; margin:0 2px 0 0;

list-style-type:none; 

}

ul#smenu{

text-align:right; position:relative; float:right;

height:60px; margin:10px 25px 0 0

}

#smenu li{

float:left; width:15px; display:block; position:relative; text-align:center; 

height:60px; padding:0 0 3px 0; margin:0 2px 0 0;

list-style-type:none; 

background:#838383;

}

#smenu li a{

position:absolute; bottom:0; left:0;

height:15px; padding:45px 0 0 0; width:15px; 

color:#6b6b6b; font-weight:bold; font-size:12px;

}

#smenu li.actif{background:#a7a7a7; height:15px; padding:48px 0 0 0; width:15px;

color:#6b6b6b; font-weight:bold; font-size:12px;}

#smenu li a:hover{color:#bcbcbc; text-decoration:none}



/****************************************************************** liste artistes */

ul#liste_artistes{display:block; margin:20px 0 0 50px; float:left;list-style-type:circle;}

#liste_artistes li{list-style-type:circle; list-style-position:inside}

#liste_artistes a{color:#ccc;}

#liste_artistes a:hover{text-decoration:underline;}

/****************************************************************** contact */

#form{padding:50px 0 0 15px; width:600px; float:left;}

#form label{position:absolute; margin:5px 25px; padding:2px}

#form input, #form textarea{margin:5px 0 5px 150px; background:#5c5c5c;}

#message{float:right;}

#message textarea, #message label{float:none; margin:5px; position:relative; }



/****************************************************************** liste artistes */

ul#list_event{padding:0 0 0 20px;list-style-type:circle;}

#list_event li{list-style-type:circle;list-style-position:outside;}