/* General */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: black; 
	margin:0; 
	padding:0;			
	color:#000;
}
a { text-decoration: none; }
a img, img a {border:0;}
img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px;	display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.drapeaux	{ display: block; margin-top: 2px; float: left; }
a.spip_out {font-weight:bold; color:#000;}
	
#content 	{margin-left: auto; margin-right: auto; width:1004px; height:502px; margin-top:60px;}	
#content_acc	{position:relative;margin-left: auto; margin-right: auto; width:851px; height:502px; border:1px solid #252525; margin-top:60px;}	
#ouverture		{background:#000 url(../images/ouverture.gif) no-repeat 50% 50%;width:100%; height:100%;}
#flashcontent	{position:absolute; top:144px; left:205px; width:441px; height:214px;}
#v_f	{position:absolute; top:311px; left:405px; width:16px; height:13px;}
#v_uk	{position:absolute; top:311px; left:430px; width:16px; height:13px;}
#bloc		{background-color:black;float:left; width:851px; height: 502px; }
#left		{background-color:#000; width:500px; height:500px; float:left;border-style: solid; border-color: #fff; border-width: 1px 0 1px 1px; overflow: hidden; text-align:center;}
#right		{background-color:#fff; width:350px; height:502px; float:left; overflow: hidden;}		
#head 		{background: transparent url('../images/atelier-thierry-dreyfus.gif') 0% 0% no-repeat; width:100%; height:50px;}

.right_acc	{ background: transparent url('../images/ouverture_name.jpg') 50% 10% no-repeat;  }		
.right_acc p { background-color:green; text-align:center; margin-top: 400px; margin-left: 150px;}
.clear 		{clear:both;}
.in_bloc {border-style: solid; border-top-color: #fff; border-bottom-color: #fff; border-right-color: #000; border-width:1px 0 1px  1px; width:349px; height:499px;}
h1, h2, h3, h4, h5, h6 { font-family:Verdana,Georgia,Times,serif; font-size:11px; font-weight:normal; margin:0pt; padding:0pt; }

/* rubrique Portrait */
.portrait {background: transparent url('../images/vignette_portrait.jpg') 0% 0% no-repeat; width:89px; height:67px; position: absolute; top:56px; left:220px;}
.desc_portrait { position:absolute; top:146px ;left:22px; padding:0; }
.corps { font-size: 10px; color:#000; text-align: left; line-height: 14px; }
.documents { position: absolute; top:375px; left:128px; width: 180px; height:35px;}
.documents table { text-align: right; width: 100%; border-spacing: 0px; padding:0; border-collapse: collapse; background-color: #fff; }
.documents td {height:115px; vertical-align:top;}
#signature { position: absolute; top:376px; left:155px; width:150px; height:20px; font-style: italic; text-align: right; color:#000; }
#portrait_pointille { position:absolute; top: 26px; left: 0; width:150px; height:13px; }
#comment {position:absolute; top:419px;left:10px;width:345px;height:80px;text-align: left;color:#7f7f7f;}
#comment span {font-size:11px; font-weight:bold; font-style:italic;}
#comment p {font-size:9px; margin:3px 0; }
#mycustomscroll strong {cursor:pointer;cursor:hand;}
/* Nav */
#nav	{ background-color:#000; width:153px; height:500px; float:right; margin-top:50px; }		
#nav ul { list-style:none; display:block; margin:0; padding:26px 0 0 0; }
#nav ul li { display:block; margin:0; text-align:left; padding: 7px 0;}
#nav ul li a { color:#333333; text-decoration: none; padding: 0 0 0 14px; margin: 0;}
#nav ul li a:hover { color:#666666;}
#nav ul li a.on { color:#ffffff; font-weight: normal; padding-left:4px; }
#nav ul li a span	{ display: block; float:left; background-color:#fff; width:11px; height:8px; margin-top:3px; font-size:1px; }
.documents .spip_logos {margin:0; }
/* Footer */
#footer	{color:#333333;}
#footer p {float:right;margin:10px 0 0;}
#footer a {color:#333333; float:left;}
#footer a:hover {color:#666666; text-decoration: none;}
#footer span {display:block; float:left; font-size:1px; width:1px; height:19px; background-color:#333333;margin:-2px 5px 0 5px;}
/* Page Article */
#cartouche {position:absolute; background-color:#fff; width: 339px; height:60px; top:418px; left: 1px; text-align: left; overflow: hidden; }
#pdf 			 {position:absolute; background-color:#fff; width: 306px; height:30px; top:376px; left: 1px; text-align: right; overflow: hidden; }
.pagination {position: absolute; top:480px; left:0; text-align: center; width:500px; height:20px;}
.entry-title {font-weight: bold; font-style:italic; color:#7f7f7f; }
p.soustitre {font-size: 9px; color: #000; text-transform: none; letter-spacing: 0;}
div.subtitle	{position:absolute; top:76px; left:40px; width:267px; height:40px; overflow:hidden; color:#808080;}
div.subtitle p {margin:0;text-align: justify;font:bold 11px Helvetica;}
.chapo { font-size: 9px; color:#7f7f7f; font-weight: normal; margin: 0; }
.chapo p {margin:0; padding:0;}
#suite_article 					{position: absolute; top:465px;left:315px; background: transparent url('../images/picto_suite.jpg') 0% 0% no-repeat; width:27px; height: 23px; }
#retour_article 				{position: absolute; top:465px;left:315px; background: transparent url('../images/picto_retour.jpg') 0% 0% no-repeat; width:27px; height: 23px; display: none; }
.liste_articles 				{position: absolute; width:315px; text-align: left; left:22px; }
.liste_articles ul 			{list-style:none; display:block; margin:0; padding:0;}
.liste_articles ul li 	{display:block; margin:0; padding:2px 0;}
.liste_articles ul li a {font-size:11px; color:#999999;}
.liste_articles ul li a.on {color:#333333;font-weight:normal;}
.liste_articles ul li a:hover {text-decoration: none; color:#000000;}
#descriptif { display: none;font-style: italic; font-size:9px; height:45px;}
#descriptif p {margin:0; padding:0 2px;}
#contenu {position: absolute; top:40px; left:0px; width:300px; height:255px; z-index:0;}
table.diapo {width: 100%; height:100%; border: 0; border-collapse: collapse; background-color: #FFF;}
table.diapo td {vertical-align:center;}
table.diapo_black {width: 100%; height:100%; border: 0; border-collapse: collapse; background-color: #000;}
table.diapo_black td {vertical-align:center;}

table.pro {width: 100%; height:100%; border: 0; border-collapse: collapse; background-color: #000;}
table.pro td {vertical-align:bottom;}

#corps_article {font-size: 10px; position:absolute; overflow: auto; margin: 0; padding: 3px; top:78px; left:32px; width:300px; height:290px; text-align:justify; color:#000;}
#corps_article_short {font-size: 10px; position:absolute; overflow: auto; margin: 0; padding: 3px; top:146px; left:22px; width:283px; height:209px; text-align:justify; color:#000;}
#infos	 {position:absolute; top:130px; left:45px; width:300px; height:290px; text-align:left; color:#000;}
#retour				 {position:absolute; top:78px; left:13px; width:20px; height:12px; background:white url(../images/back.png) no-repeat 100% 100%;}
#retour span {display:none;}

.installations div#article, .scenographie div#article, .elementsdelumiere div#article, .photographie div#article {/* IE overflow fix, position must be relative or absolute*/
overflow: auto; position: relative; background-color: #fff; margin: 0; padding: 0;}
.installations div#article 		{ width: 315px; height: 290px; }
.scenographie div#article 		{ width: 315px; height: 260px; }
.elementsdelumiere div#article 	{ width: 315px; height: 240px; }
.photographie div#article 		{ width: 315px; height: 205px; }

.installations	{top:146px;}
.scenographie		{top:146px;}
.elementsdelumiere	{top:146px;}
.photographie		{top:146px;}
.newsletters		{top:146px;}
.clients				{top:146px;}
.presse					{top:146px;}

div.rubriqueTitle 			{position:absolute;width:350px;top:53px;left:0;text-align:left;font-size:17px;font-weight:bold; font-family:Helvetica; color:#000;}
div.rubriqueTitle span 	{display:block; float:left; background-color:#000; width:33px; height:13px; margin:3px 7px 0 0;font-size:1px;}
.diaporama_white	{background-color:#fff;}
.diaporama	{position:relative;}

/* Scroll */
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 283px;
height: 209px;
line-height:14px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 3px;
text-align:justify;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 500px;
height: 500px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #000;
margin: 0;
padding: 0 2px 0 0;
text-align: left;
}

div.installations #mycustomscroll, #installations {
/* Typical fixed height and fixed width example */
width: 283px;
height: 187px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 3px;
}

div.scenographie #mycustomscroll, #scenographie {
/* Typical fixed height and fixed width example */
width: 315px;
height: 305px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 3px;
}

div.elementsdelumiere #mycustomscroll, #elementsdelumiere
{
/* Typical fixed height and fixed width example */
width: 315px;
height: 285px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 3px;
}

div.photographie #mycustomscroll, #photographie {
/* Typical fixed height and fixed width example */
width: 315px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 3px;
}

div.newsletters #mycustomscroll, #newsletters {
/* Typical fixed height and fixed width example */
width: 315px;
height: 260px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color:#fff;
margin: 0;
padding: 3px;
}

div.presse #mycustomscroll, #presse {
/* Typical fixed height and fixed width example */
width: 250px;
height: 255px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 3px;
}

div.clients #mycustomscroll, #clients {
/* Typical fixed height and fixed width example */
width: 250px;
height: 340px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 3px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 230px;
height: auto;
position: relative;
color: black;
padding: 0;
margin-left:97px;
}

/* tooltip sur la galerie */
.spip_logos {border-top: 1px solid #000; border-bottom: 1px solid #000; margin:10px 0; }
.spip_logos:hover { border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }

#right img { border: none; }

a.tooltip	img, a.tooltip_long	img, a.tooltip_presse img {border-top: 1px solid #000; border-bottom: 1px solid #000;}
a.tooltip	img:hover	{border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
a.tooltip_long img:hover {border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5;}
a.tooltip_presse img:hover {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
a.tooltip em 			{display: block; margin:-15px 0 0 148px; width:242px; height:12px; color:#000;}
a.tooltip_long em, a.tooltip_presse em {display: block; margin:-25px 0 0 148px; width:242px; height:25px; color:#000;font-size: 9px; font-style: normal; overflow: hidden; }
a.tooltip:hover, a.tooltip_long:hover, a.tooltip_presse:hover  {border: 0; position: relative; z-index: 500; text-decoration:none;}
a.tooltip:hover em.diary {font-style: normal; display: block; margin:-15px 0 0 148px; padding: 0; color: #fff; background: #000; width:242px; height:12px; text-align:left; font-size: 9px; overflow: hidden;}
a.tooltip_presse:hover em.presse {font-style: normal; display: block; margin:-25px 0 0 128px; padding: 0; color: #fff; background: #000; width:242px; height:25px; text-align:left; font-size: 9px; overflow: hidden;}
a.tooltip_long:hover em.miniature-desc {font-style: normal; display: block; margin:-25px 0 0 148px; padding: 0; color: #cccccc; background: #000; width:242px; height:25px; text-align:left; font-size: 9px; overflow: hidden;}
/* Diary 
	 Calendar */
#diary_title { position:absolute; top:41px; left: 20px; font-size: 12px; width: 330px; text-align: left; font-family: Arial; }
#calendrier {position: absolute; top:90px; left: 37px;}
.calendar_main {border-spacing: 0px; padding:0;}
.calendar_other_month 	{display: none;}
.calendar_table				{font-size: 9px;}
.calendar_table th		{display: none;}
.calendar_table td 		{color: #888888;}
.calendar_table td a 	{color: #000;}
.calendar_title				{color: #000;}
#diary_title {position: absolute; top:270px; left:40px; text-align: left; height:15px;}
#diary_description {position: absolute; top:285px; left:38px;}

/* Contact */
#coordonnees {position:absolute; top:100px; left:40px; width:270px; height:350px; text-align:left; overflow:hidden;}
#coordonnees a {color:#000;}

/* Player flowplayer */
#flowplayer {width:395px;height:296px; margin: 95px 0 0 50px;}

/* index */
.lang
{
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-khtml-opacity: 0.0;
-moz-opacity: 0.0;
opacity: 0.0;
}
.lang_fad
{
ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity: 1.0;
}

/* */
#diary_description {
width: 283px;
height: 185px;
overflow: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #fff;
margin: 0;
padding: 0;
text-align:justify;
}

/* Surcharge de habillage.css */
a:focus, a:hover, a:active { color:#000; text-decoration:underline; }