body {
  background-color: #000000;
  color: #0000FF; 
  margin-left: 0;
  margin-top: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
}

tr {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #DDDDDD; 
}

img {
	border-style : none;	
}


select,#text {  
		    font-family:Arial,Helvetica,sans-serif;
		    font-size: 9pt;
		    font-weight:  500;
		    color: #333333; 
		    background-color:#BEBEBE;
}

.form1 {  
		    font-family:Arial,Helvetica,sans-serif;
		    font-size: 10pt;
		    color: #333333; 
		    background-color:#BEBEBE;
}

.txtTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #FF9718;
	letter-spacing: 0.2em;
}

.txtSousTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF9718;
	font-weight: lighter;
	letter-spacing: 0.1em;
}

a:link { color:#ff9718; text-decoration:none }
a:visited { color:#ff9718; text-decoration:none }
a:hover {  color:#ff9718; text-decoration:underline }
a:active {  color:#ff9718; text-decoration:underline }
a:focus { ; color:#ff9718; text-decoration:underline }


	
/*
###########################################
CLASS IMAGE FOND
###########################################
*/
.fond {
	/*background-attachment: fixed;*/
	background-image: url(images/fond.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

.fondartistes {
	/*background-attachment: fixed;*/
	background-image:  url(images/artistes/accueil/fond_artistes2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.fondcellartiste {
	background-image:  url(images/artistes/titre_artiste.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.fondcellexpo {
	background-image:  url(images/expositions/titre_expo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.fondcellcollec {
	background-image:  url(images/expositions/titre_expo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.fondcellmarque {
	background-image:  url(images/arts_marques/titre_art_marque.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*
###########################################
CLASS TEXTE BLANC
###########################################
*/
.txt11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 10px;
}
.txt12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 10px;
}
.txt12gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px;
}
.txt10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 10px;
}
.txt14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
}

.txt14lighter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: lighter;
	letter-spacing: 0.1em;
}


.txt20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}


/*
###########################################
CLASS TEXTE NOIR
###########################################
*/
.txt10noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 11px;
}

/*
###########################################
CLASS TEXTE ORANGE
###########################################
*/

.txt12orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9718;
	margin: 10px;

}

.txt12orangegras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9718;
	margin-left: 10px;


}
.txt14orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9718;
}

.txt11orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9718;
}
/*
###########################################
CLASS LIENS
###########################################
*/
.lien_orange {
   color: #FFFFFF;
}

.lien_orange:hover {
   color: #FF9718;
}

.lien_blanc {
   color: #FF9718;
}

.lien_blanc:hover {
   color: #FFFFFF;
}

.lien_passouligne {
   color: #FFFFFF;
   text-decoration: none;
}

.lien_passouligne:hover {
   color: #FF9718;
   text-decoration: none;
}

/*
###########################################
CLASS ESPACEMENTS
###########################################
*/

.espacelogo {
	margin-right: 16px;
	margin-top: 15px;

}
.haut {
	margin-top: 10px;
}

.espacenav {
	margin-left: 51px;
}


/*
###########################################
CLASS Cadre blanc arrondi
###########################################
*/

.cadre {
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 150px;
}
/* Haut-gauche, etc. */
.r-hg 	{
	width: 5px; height: 24px; background: url('images/autres/rond-hg-24.gif') no-repeat right bottom;
}
.r-h {
	height: 24px; background: url('images/autres/rond-h-24.gif') repeat-x bottom;
	text-align: left;
}
.r-hd {
	width: 5px; height: 24px; background: url('images/autres/rond-hd-24.gif') no-repeat left bottom;
}
.r-g {
	width: 5px; background: url('images/autres/rond-g.gif') repeat-y right;
}
.r-d {
	width: 5px; background: url('images/autres/rond-d.gif') repeat-y left;
}
.r-bg {
	width: 5px; height: 5px; background: url('images/autres/rond-bg.gif') no-repeat right top;
}
.r-b {
	height: 5px; background: url('images/autres/rond-b.gif') repeat-x top;
}
.r-bd {
	width: 5px; height: 5px; background: url('images/autres/rond-bd.gif') no-repeat left top;
}
.r-c {
	background: white; padding: 2px;
	text-align: left;
	color: #000000;
}

.iconeoff
{
	padding: 3px; margin: 1px; border: 1px dashed #aaaaaa; background-color: #f0f0f0;
}

/*
###########################################
CLASS Icones horizontales
###########################################
*/


a.cellule-h {
	display: block;
}
a.cellule-h {
	font-family: Verdana, Arial, Sans, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: <?php echo $left; ?>;
	text-decoration: none; 
	color: #666666;
}
a.cellule-h:hover, a.cellule-h:hover a.cellule-h, a.cellule-h a.cellule-h:hover {
	font-family: Verdana, Arial, Sans, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: <?php echo $left; ?>;
	text-decoration: none; 
	color: #000000;
}
a.cellule-h div.cell-i {
	padding: 1px;
	border: 0px;
	margin: 0px;
	margin-<?php echo $right; ?>: 3px;
	filter: alpha(opacity=50);
}
a.cellule-h:hover div.cell-i {
	padding: 0px;
	border: 1px solid #999999;
	background-color: white;
	-moz-border-radius: 5px;
	margin: 0px;
	margin-<?php echo $right; ?>: 3px;
}

a.cellule-h table {
	border: none;
	padding: 0px;
	margin: 0px;
}

a.cellule-h img {
	width: 24px;
	height: 24px;
	border: none;
	margin: 3px;
	background-repeat: no-repeat;
	background-position: center center;
}
a.cellule-h img {
	filter: alpha(opacity=40);
}
a.cellule-h:hover img {
	filter: alpha(opacity=100);
}

a.cellule-h a.aide img {
	width: 12px; height: 12px;
}


a.cellule-h-texte {
	display: block;
	clear: both;
	text-align: <?php echo $left; ?>;
	font-family: Trebuchet Sans MS, Arial, Sans, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #606060;
	padding: 4px;
	margin: 3px;
	border: 1px solid #dddddd;
	-moz-border-radius: 5px;
	background-color: #f0f0f0;
	width: 92%;
}
.danger a.cellule-h-texte {
	border: 1px dashed black;
	background: url(img_pack/rayures-sup.gif);
}
a.cellule-h-texte:hover {
	text-decoration: none;
	color: black;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	background-color: #eeeeee;
}


/*
###########################################
CLASS thumbnail
###########################################
*/

.thumbnail
{
position : relative;
float: left;
/*border: 1px dashed #999999;*/
left : 0; top :0;
margin: 0 15px 15px 0;
padding: 2px;
text-align: center;
}

.thumbnail_50
{
position : relative;
float: left;
left : 0; top :0;
margin: 0 0px 5px 0;
width: 50px; height: 50px;
text-align: center;
background-color: black;
overflow: hidden;
}

.thumbnail_100
{
width: 100px; height: 100px;
text-align: center;
background-color: black;
/*overflow: hidden;*/
}

.thumbnail_200
{
position : relative;
left : 0; top :0;
width: 200px; height: 200px;
text-align: center;
background-color: black;
}


.thumbnail_400
{
position : relative;
left : 0; top :0;
width: 400px; height: 400px;
margin: 0 0px 20px 0;
text-align: center;
background-color: black;
}


.clearboth { clear: both; }