﻿/****************************************/
/*       Développement SPIP             */
/*        Sébastien Martin              */
/*         seb242@yahoo.fr              */
/*             2006            	 		    */
/****************************************/


html, body {
	margin:0px;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #666666;
	scrollbar-face-color: #cccccc;
	scrollbar-track-color: #666666;
	background-color: #000000;
	text-align:center;
}

.titre_albums{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 24px;
	color: #333333;
	font-weight:bold;
}

img{
border:0;
}

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

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.txt_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: normal;
	text-align:justify;
}

.txt_gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
	font-weight:bold;
	line-height: normal;
}

.txt_gris:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight:bold;
	line-height: normal;
}

.titre_archives {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight:bold;
	line-height: normal;
}

.titre_archiveson {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	line-height: normal;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
}

.sous_rubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #cccccc;
}

.sous_rubriqueon{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#ffffff;
}

.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}


a:hover {
	color: #ffffff; 
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}



/**************************************/
/******************DIV*****************/
/**************************************/

#global{
margin:0px;
position:relative;
top:0px;
width:990px;
margin-left: auto;
margin-right: auto;
text-align: left;
}


/****HOME PAGE****/
#pied_page {
position:absolute;
width:400px;
height:23px;
z-index:10;
left: 540px;
top: 500px;
}


/***RUBRIQUES ACTEUR & MUSICIEN****/
#top_nav{
position:absolute;
top:75px;
left:600px;
width:350px;
}

#filet{
position:absolute;
width:300px;
left: 155px;
top: 25px;
text-align:left;
}

#contenu{
position:absolute;
width:307px;
overflow:auto;
overflow-x:hidden;
height:330px;
z-index:1;
left: 170px;
top: 52px;
padding: 7px;
}

#contenu_news{
position:absolute;
width:321px;
overflow:auto;
overflow-x:hidden;
height:344px;
z-index:1;
left: 170px;
top: 52px;
padding: 7px;
}

#Layer1{
position:absolute;
width:50;
height:50;
z-index:1;
left: 929px;
top: 6px;
}

#speedshow{
position:absolute;
width:400px;
z-index:10;
left: 500px;
top: 507px;
}

#menu_articles{
position:absolute;
width:140px;
left: 20px;
top: 30px;
text-align:left;
}

#contenu_albums_texte{
position:absolute;
width:217px;
overflow:auto;
overflow-x:hidden;
height:380px;
z-index:1;
left: 260px;
top: 52px;
padding: 7px;
text-align:left;
}

#contenu_albums{
position:absolute;
width:230px;
height:199px;
overflow:auto;
overflow-x:hidden;
z-index:1;
left: 20px;
top: 133px;
text-align:center;
}



/***RUBRIQUES REALISATEUR & CONTACT****/
#top_nav_real{
position:absolute;
top:70px;
width:350px;
left:120px;
}

#filet_real{
position:absolute;
width:300px;
left: 100px;
top: 102px;
text-align:left;
}

#filet_contact{
position:absolute;
width:300px;
left: 100px;
top: 35px;
text-align:left;
}

#contenu_real{
position:absolute;
width:450px;
height:420px;
overflow:auto;
overflow-x:hidden;
z-index:1;
left: 10px;
top: 130px;
padding: 7px;
}

#son_real {
position:absolute;
width:50;
height:50;
z-index:1;
left: 430px;
top: 6px;
}

#anim_real{
position:absolute;
width:500;
z-index:12;
left: 487px;
top: 0px;
}

#danseurs{
position:absolute;
width:200px;
height:23px;
z-index:10;
left: 20px;
top: 582px;
height:12px;
}


/****COMMUNS****/

#Layer2{	
position:absolute;
width:439px;
height:18px;
z-index:2;
left: 635px;
top: 1759px;
}

#contenu_photos_texte{
position:absolute;
width:307px;
overflow:auto;
overflow-x:hidden;
height:85px;
z-index:1;
left: 170px;
top: 52px;
padding: 7px;
text-align:left;
}

#contenu_photos{
position:absolute;
width:435px;
overflow:auto;
overflow-x:hidden;
height:250px;
z-index:1;
left: 55px;
top: 163px;
text-align:left;
}

#photos{
float:left;
width:100px;
height:115px;
margin-right:25px;
margin-bottom:20px;
}






