* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #2F4248;
}

body.trame {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(images/graphique/trameFond.png);
}

body.lightbox {
font-family: Arial, Helvetica, sans-serif;
background-color: #2F4248;
}

/* Lien standard */
a {
	text-decoration: underline;
	color: #FFF;
}

a:hover {
	text-decoration: underline;
	color: #CCFFCC;
}

/* Lien 'small' utiliser pour Lire la suite ... */
a.small {
	text-decoration: underline;
	color: #FFF;
	font-size: 11px;
}

a.small:hover {
	text-decoration: underline;
	color: #CCFFCC;
	font-size: 11px;
}

/* Lien pour un Ami */
a.contact {
	text-decoration: none;
	color: #868788;
	font-size: 12px;
}

a.contact:hover {
	text-decoration: none;
	color: #CCFFCC;
	font-size: 12px;
}

/* Gros titre de la page d'accueil */
#titreAccueil {
	text-decoration: none;
	font-family: Arial,Tahoma;
	font-size: 22px;
	text-decoration: none;
	color: #E50033;
}

/* Lien du bloc texte sur l'image de l'accueil */
a.accueil {
	text-decoration: none;
}

a.accueil:hover {
	text-decoration: none;
	color: #CCFFCC;
}

/* Liens Latest Projects / view */
a.latest {
	font-size: 12px;
	text-decoration: none;
	color: #E50033;
}

a.latest:hover {
	font-size: 12px;
	text-decoration: none;
	color: #CCFFCC;
}

#liensLatest {
list-style: none;
margin:0px;
color: #E50033;
	
}

/* Liens 'Rouge' pour les films/photos d'un projet */
#liensLatest li a {
display: block;
padding-left: 9px;
width: 160px;
background: transparent url(images/graphique/fleches.png) center right no-repeat;
background-position:0% 5px;
}

#liensArchive {
list-style: none;
margin:0px;
}

#liensArchive li a {
text-decoration: none;

font-size: 12px;
display: block;
padding-left: 9px;
width: 80px;
background: transparent url(images/graphique/fleches.png) center right no-repeat;
background-position:0% 5px;
color: #FFF;
} 	

#liensArchive li a:hover {
color: #CCFFCC;
text-decoration: none;
}

/* Liens pour le site 1.0 */
#bstv1 {
    background-image: url(images/graphique/bs01_off.png);
	background-repeat: no-repeat;
	width: 117px;
	height: 10px;
}

#bstv1:hover {
    background-image: url(images/graphique/bs01_on.png);
	background-repeat: no-repeat;
}

td.fondImageHaut
{
    background-image: url(images/graphique/tile.png);
	background-repeat: repeat;
}

td.tdRSS
{
	text-align: right;
	width: 46px;
}

#liensRSS {
list-style: none;
margin:0px;
}

#liensRSS li a {
display: block;
height: 14px;
padding-top: 2px;                
text-decoration: none;

background: transparent url(images/graphique/logoRSS.png) center right no-repeat;
background-position: 7px 0px;
}

#blockConteneurHaut {
width: 795px;
height: 65px;
}

#blockConteneurBas {
width: 795px;
height: 53px;
}

#blockTete {
height: 73px;
}

#blockHaut {
width: 745px;
height: 365px;
}

#layerLiensBlocHaut {
position: absolute;
width: 135px;
height: 131px;
z-index: 100;
}

#blockNav {
margin-right:0px;
margin-left:0px;
height:200px;
width:245px;
}

#blockDroit {
text-align: left;
width:500px;
}

#haut {
height: 9px;
}

#pied {
height: 9px;
}

#conteneur {
background-color: #0D232B;
width:795px;
margin:0 auto;
}

#conteneurCredits {
	visibility: hidden;
	display: none;
}

.texteBlanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
}

.texteNoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000;
}

.texteNoir10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000;
}

.texteBlanc10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFF;
}

.texteRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #e1001a;
}

.titreGris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #868788;
}

.titreBlanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
}

.titreRouge {
	font-family: Arial,Tahoma;
	font-size: x-large;
	text-decoration: none;
	color: #E50033;
}

.titreRougeSmall {
	font-family: Arial,Tahoma;
	font-size: 12px;
	text-decoration: none;
	color: #E50033;
}

.titreGrisSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #868788;
}

.titreBlancSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}

#liens {
list-style: none;
margin:0px;
}

#liens li a {
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 24px;
width: 140px;
padding-left: 25px; 
padding-top: 2px;                
text-decoration: none;
color: #fff;
background: transparent url(images/graphique/bonhomme.png) center left no-repeat;
background-position:0% 0%;
}

#liens li a.courant {
display: block;
height: 24px;
width: 140px;
padding-left: 25px; 
padding-top: 2px;                
text-decoration: none;
color: #fff;
background: transparent url(images/graphique/bonhommeOver.png) center left no-repeat;
background-position:0% 0%;
}

#liens li a:hover {
background-image: url(images/graphique/bonhommeOver.png);
}

/* logo au dessus du fond */
#logoBStv2 {
	z-index:1010;
	position:absolute;
}

/* fond pour la lightbox */
#lightboxBack
{
	background:#0D232B;
	/* background-image: url(images/graphique/tile.png); */
	font-size:.01em;
	
	line-height:0;
	position:absolute;
	top: 0px;
	width:795px;
	z-index:1000;

	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;
}

/* layer du copyright en bas a droite */
#lightboxBSCopy
{
	position:absolute;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;	
	text-align: right;
	z-index: 10;
}

/* Calque pour lister les projets (Latests / Short Films ...)
	Utiliser aussi pour les contacts
 */
#listeProjets {
    position: absolute;
}