/* CSS Document */


/*****************************************************/
/********************** GENERALITES *****************/
/****************************************************/

/*********** body *************/

body {
	background-color:black;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color:white;
}


/****** Font et Style Tableau *****************/
body, table, tr, th, td, div, p, span, a, form, input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	letter-spacing:1px;
}


/***** liens ****/


/******** abr *********/

abbr, acronym, .aide {
  border-bottom: none;
  cursor: help;
}

/***** first letter *******/
.f_l {                 
  font-size: 18px;                  
  font-weight: bold;                   
  color: #9B1D22;
}


/****** paragraphe P - H ***********/

p {margin: 0;}



h1 { font-size: 18px; color: #990000; margin: 4px 2px 4px 2px; }
h1 a { font-size: 14px; color: #990000; text-decoration: none; }
h1 a:hover { color: #990000; text-decoration: underline;}

h2 { font-size: 13px; color: #990000; margin: 3px 1px 3px 1px; }
h2 a { font-size: 13px; color: #990000; text-decoration: none; }
h2 a:hover { color: #990000; text-decoration: underline;}

/********* Puces - Liste **************/

.li {
	list-style-image: url(images/li.gif);
}

/*** images *******/

img { border: 0px; } 
img#bord { border: 1px solid white; } 






/*****************************************************************/
/************************* SPECIFIQUES **************************/
/***************************************************************/



/******* boites et frames *********/






#page {
	position: relative;
	margin:auto;
	width: 800px;
	height: 600px;
	background-color: black;




}

/* COULEURS UTILISES ............... 
bleu ciel : #81B4E1;

*/

/* La frame du haut qui fait 160 Px de hauteur */

#haut {
height: 123px;
background-color: white;
background-image:url(images/up.jpg);
background-repeat:no-repeat;
}





/* Ici c'est la frame centrale qui se recharge a chaque cahngement de page 

on demarre a 160 Px du bord
elle fait 410 de hauteur
l'ascenceur (overflow) est en mode auto pour éviter de le mettre tout le temps. */

#frame {
	position: absolute;
	left: 0px;
	height: 447px;
	padding-left:100px;
	padding-top:30px;
	overflow: auto;
	scrollbar-face-color: #BDBDBD;
	scrollbar-shadow-color: black;
	scrollbar-track-color: white;
	scrollbar-arrow-color: black;
	background-color:black;
	
}

/* -------------- MENU ----------------------------*/

.btn_accueil {
position:absolute;
height:25px;
width:77px;
left:420px;
top:40px;
padding-top:4px;
background-image:url(images/btn.gif);
background-repeat:no-repeat;
}

.btn_oeuvres {
position:absolute;
padding-top:4px;
height:25px;
width:77px;
left:500px;
top:40px;
background-image:url(images/btn.gif);
background-repeat:no-repeat;

}

.btn_bio {
position:absolute;
padding-top:4px;
height:25px;
width:77px;
left:580px;
top:40px;
background-image:url(images/btn.gif);
background-repeat:no-repeat;

}
.btn_contact {
position:absolute;
padding-top:4px;
height:25px;
width:77px;
left:660px;
top:40px;
background-image:url(images/btn.gif);
background-repeat:no-repeat;

}




a#menu {
font-size:12px;
font-weight:bold;
color:white;
text-decoration:none;

}

a#menu:hover {
color:black;
}

a#mail {
font-size:12px;
font-weight:bold;
color:white;
text-decoration:underline;


}

a#mail:hover {
color:#BDBDBD;
}

.ecr_contact {

color:white;
font-size:12px;
font-weight:bold;
text-decoration:underline;

}

#formu {
color:black;
}


#espace_admin {
position:absolute;
height:500px;
left:50%;
margin-left:-250px;
width:500px;
top:50%;
margin-top:-250px;
border:1px solid white;
}


/*************************** Affichage des oeuvres *****************/


.oeuvres 
{
margin-left:10px;
background-image:url(images/background.jpg);
background-color:#000000;
background-repeat : no-repeat;
background-attachment:scroll !important;
background-attachment: fixed;
height:400px;
width:700px;
}

.affiches {
float:left;
height:180px;
width:200px;

}

.affiches2 {
float:left;
height:180px;
width:200px;

}
.affiches3 {
float:left;
height:180px;
width:200px;

}
.affiches4 {
float:left;
height:180px;
width:200px;

}
.affiches5 {
float:left;
height:180px;
width:200px;

}
.affiches6 {
float:left;
height:180px;
width:200px;
}
.id_oeuvres {
height:10px;
width:15px;
border:1px solid #BDBDBD;
}

.imags {
/*position:absolute;
top:0px;
left:15px;*/
height:100px;
width:100px;
border:1px solid white;

}


.numpages {
position:absolute;
top:450px;
left:40px;
height:10px;
width:700px;
/*border:1px solid white;*/
float:left;
}

.ecr_red {

color:#993333;
}

.an_voir_fiche_lien {
color:white;
}