/**************************/
	/*      Structure         */
	/**************************/
		/* Corps de page */
		body {
		margin: 0;
		padding: 0;
		background: transparent !important;
		background-color: #000000;
		scrollbar-face-color:#FFFFFF;
		scrollbar-arrow-color:#000000;
		scrollbar-track-color:#AAAAAA;
		scrollbar-shadow-color:'darkblue';
		scrollbar-highlight-color:'#000';
		scrollbar-3dlight-color:'darkblue';
		scrollbar-darkshadow-color:'white';
		}
		.index {
		background-image:url(../img/background.gif);
		background-repeat: repeat-x;
		
		}
		
		#top {
		position: relative;
		top: 0px;
		left: 0px;
		width: 800;
		height: 93;
		z-index: 0;
		}
		#mainmenu {
		position: relative;
		background: #ffffff;
		top: 0px;
		left: 0px;
		width: 800;
		height: 18;
		margin: 0;
		padding: 0;
		z-index: 50;
		}
		#content {
		position: relative;
		background: #000000;
		background-image: url(img/<?=$css?>.jpg);
		background-repeat: no-repeat;
		background-position: right top;
		top: 0px;
		left: 0px;
		width: 800;
		height: 494;
		z-index: 0;
		}
		#footer {
		position: relative;
		background: #333333;
		top: 0px;
		left: 0px;
		width: 800;
		height: 15;
		z-index: 0;
		}
		#filet {
		position: relative;
		background: #000000;
		top: 0px;
		left: 0px;
		width: 800;
		height: 1;
		z-index: 0;
		}	
		#shop {
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 1;
		}
		#logo {
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1;
		}	
		#menu {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		}
		#intro {
		position: absolute;
		top: 40px;
		left: 0px;
		z-index: 10;
		}
		#citation {
		position: absolute;
		top: 400px;
		left: 50px;
		z-index: 1;
		}	
		#outils {
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 1;
		list-style-type: none;
		}
		#outils li {
		position: relative;
		float: left;
		margin: 0 5px;
		}
		#changfond {
		position: relative;
		top: 0px;
		right: 0px;
		float: right;
		z-index: 1;
		}
		#changlangue {
		position: relative;
		top: 0px;
		right: 0px;
		float: right;
		z-index: 1;
		}
		#fondcontenthome {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: -20;
		width: 800;
		height: 350;
		background: #ffffff;
		filter:alpha(opacity=80);
		opacity: 0.80;
		}
		#fondcontent {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 800;
		height: 494;
		z-index: 1;
		background: #000000;
		filter:alpha(opacity=70);
		opacity: 0.70;
		}
		
		#bio {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 494;
		margin-right: 10px;
		/*padding-left: 5px;
		padding-right: 5px;*/
		z-index: 10;
		overflow: auto;
		}
		
	/**************************/
	/*       Menu Over        */
	/**************************/
		dl, dt, dd, ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		#menu dl {
		position: relative;
		float: left;
		margin: 0 5px;
		z-index: 100;
		}
		#menu dt {
		cursor: pointer;
		}
		#menu dt a {}
		#menu dt a:hover {}
		#menu dd {
		position: absolute;
		top: 1em;
		width: 180;
		}
		#menu ul {
		width: 180;
		background-image: url(img/menu_calque_fond.gif);
		background-repeat: repeat;
		background-position: right top;
		}
		#menu li {
		margin: 0px 0px 0px 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 3px;
		padding-right: 2px;
		font: 60% arial, sans-serif;
		text-align: left;
		}
		#menu li a {
		color: #000000;
		text-decoration: none;
		display: block;
		}
		#menu li a:hover {
		color: #ffe600;
		background: #333333;
		}
	
	/**************************/
	/*      Outils Over       */
	/**************************/
		/* Langues */
		#changlangue dl {
		position: relative;
		float: left;
		margin: 0 5px;
		}
		#changlangue dt {
		cursor: pointer;
		}
		#changlangue dt a {}
		#changlangue dt a:hover {}
		#changlangue dd {
		position: absolute;
		left: -10px;
		bottom: 1.3em;
		width: 101;
		}
		#changlangue ul {
		width: 101;
		background-image: url(img/menu3_calque_fond.gif);
		background-repeat: repeat;
		background-position: right top;
		}
		#changlangue li {
		margin: 0;
		padding-left: 3px;
		padding-right: 2px;
		font: 60% arial, sans-serif;
		color: #eeeeee;
		text-align: left;
		}
		#changlangue li a {
		color: #eeeeee;
		text-decoration: none;
		display: block;
		}
		#changlangue li a:hover {
		color: #333333;
		background: #ffe600;
		}
		/* Fond Ecran */
		#changfond dl {
		position: relative;
		float: left;
		margin: 0 5px;
		}
		#changfond dt {
		cursor: pointer;
		}
		#changfond dt a {}
		#changfond dt a:hover {}
		#changfond dd {
		position: absolute;
		left: -300px;
		bottom: 1.3em;
		width: 425;
		}
		#changfond ul {
		background-image: url(img/menu2_calque_fond.gif);
		background-repeat: repeat;
		background-position: right top;
		width: 425;
		}
		#changfond li {
		margin: 0;
		padding-left: 3px;
		padding-right: 2px;
		font: 60% arial, sans-serif;
		color: #eeeeee;
		text-align: left;
		}
		#changfond li a {
		color: #000000;
		text-decoration: none;
		display: block;
		}
		#changfond li a:hover {
		color: #333333;
		background: #ffe600;
		}
		
	/**************************/
	/*      Intro Over        */
	/**************************/	
		/* intro */
		#intro dl {
		position: relative;
		float: left;
		}
		#intro dt {
		cursor: pointer;
		}
		#intro dt a {}
		#intro dt a:hover {}
		#intro dd {
		position: absolute;
		top: 2em;
		}
		#intro ul {
		}
		#intro li {
		margin: 0;
		font: 60% arial, sans-serif;
		color: #eeeeee;
		text-align: left;
		}
		#intro li a {
		color: #000000;
		text-decoration: none;
		}
		#intro li a:hover {
		color: #333333;
		}
		
		/* Photos Vignettes
		******************************************/
		
		#gallery {
		margin: 0px; 
		}
		.gallery-thumbnail {
		float: left; 
		margin: 13px; 
		padding: 0px; 
		padding-bottom: 0px;
		text-align: center; 
		border: 0px solid #ccc; 
		}
		.gallery-thumbnail-container img {
		/*display: block; */
		position: relative;
		float: left;
		margin: 0px auto; 
		border: 0;
		background: #OOOOOO;
		border: 1px solid #ffe600;
		padding: 5px;		
		}
		.gallery-thumbnail-container img:hover {
		/*display: block; */
		position: relative;
		float: left;
		margin: 0px auto; 
		border: 0;
		background: #OOOOOO;
		border: 1px solid #ffffff;
		padding: 5px;
		}
		.gallery-thumbnail-container {
		width: 160px;
		height: 152px;
		margin: 0px 0px 0px 0px;
		/* ci-dessous hack pour Internet Explorer */
		voice-family: "\"}\""; 
		voice-family: inherit;
		width: 152px;
		}
		
	/**************************/
	/*     Commentaires       */
	/**************************/
	
	  .comment_y {
	  clear:both;
	  margin: 0px 1px 10px 1px;
	  width:462px;
	  background-image:url(img/commentbg_y_top.gif);
	  background-repeat:no-repeat;
	  font-size:13px;
	  padding-top:4px;
	  margin-bottom:30px;
	  _margin-bottom:10px;
	  }
	  
	  .comment_y span.userlink a {
	  display:block;
	  font-size:13px;
	  font-weight:bolder;
	  float:left;
	  background-image:url(img/commentbg_y_arc.gif);
	  background-repeat:no-repeat;
	  background-position:right top;
	  padding: 3px 20px 0px 16px;
	  height:14px;	
	  }
	  
	  .comment_y span.userlink a.ext_lnk {
	  width:31px;
	  height:20px;
	  padding:0px;
	  text-indent:-10000px;
	  background-image:url(img/commentbg_y_ext_link.gif);
	  margin-left:-16px;
	  }
	  
	  .comment_y p {
	  margin:0px;
	  padding:10px 20px;
	  background-color:#FFCE3D;
	  background-image:url(img/commentbg_y_bottom.gif);
	  background-position:bottom;	
	  background-repeat:no-repeat;
	  overflow:hidden;
	  }
	  
	  .comment_y .cmt_date {
	  font-size:11px;
	  color:#EAE4D9;
	  float:right;
	  margin-right:6px;
	  }

	/**************************/
	/*        Polices         */
	/**************************/
		/* corps normal */
		.textnoirtoutpetit { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; }
		.textnoirpetit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
		.textblancpetit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-decoration: none; }
		.textgrispetit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; }
		.textorangepetit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffe600; text-decoration: none; }
		.textorangepetit a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffe600; text-decoration: none;}
		.textorangepetit a:hover { text-decoration: underline;}
		.textrougepetit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000; text-decoration: none; }
		.textnoir { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
		.textblanc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; }
		/* corps speciaux */
		.titrenews { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000; text-decoration: none; }
		.citation { font-family: Times New Roman, Helvetica; font-size: 17px; color: #ffffff; text-decoration: none; }
		/* corps liens spéciaux */
		.liennoir	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: underline; }
		A.liennoir:hover   {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CC0000; text-decoration: underline, overline; }
		.lienblanc	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; text-decoration: underline; }
		A.lienblanc:hover   {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFE600; text-decoration: underline, overline; }
		.lienssrubrtoutpetit	{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFE600; text-decoration: underline; }
		A.lienssrubrtoutpetit:hover   {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-decoration: underline, overline; }
		.lienorangetoutpetit	{ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-decoration: underline; }
		A.lienorangetoutpetit:hover   {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFE600; text-decoration: underline, overline; }
		.lienorange	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFE600; text-decoration: underline; }
		A.lienorange:hover   {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFE600; text-decoration: underline, overline; }
		.lienrouge	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CC0000; text-decoration: underline; }
		A.lienrouge:hover   {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CC0000; text-decoration: underline, overline; }
		/* formulaires */
		.form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;	color: #323232; border-top-width: thin;	border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; background-color: #ebebeb;}