/* Général
----------------------------------------------------------------------------------------------------- */


		*
			{
			margin: 0;
			padding:0;
			border: 0;
			}

		body
			{
			background: url(images/background.gif) #000 0 0 repeat-x;
			font-family: verdana, arial, serif;
			font-size: 12px;
			color: #CCC;
			}


		a,
		a:visited,
		a:link,
		a:active
			{
			color: #F90;
			text-decoration: underline;
			}

		a:hover
			{
			text-decoration: none;
			}

/* Lions
----------------------------------------------------------------------------------------------------- */



		#lions
			{
			position: absolute;
			display: block;
			height: 29px;
			top:0;
			left:0;
			background: url(/diana_fertikh/images/lion.gif) transparent 0 0 no-repeat;
			font-size: 10px;
			padding: 8px 53px;
			text-decoration: none;
			}

		#lions a,
		#lions a:link,
		#lions a:visited,
		#lions a:hover
			{
			color: #FFF;
			margin:0 !important;
			}



/* Homepage
----------------------------------------------------------------------------------------------------- */


		#homepage
			{
			position:absolute;
			top: 30px;
			left: 0px;
			background: url(/diana_fertikh/images/splash.jpg) #000 0 0 no-repeat;
			}


		#homepage a
			{
			text-decoration: none;
			font-weight: bold;
			color: #F90;
			display: block;
			padding: 237px 0px 200px 450px;
			}

		#kmm
			{
			position: absolute;
			top: 510px;
			left:50px;
			text-align: center;
			font-size: 10px;
			color: #222;
			}

		#kmm a
			{
			margin: 0;
			color: #333;
			text-decoration: none;
			}

		#kmm a:hover
			{
			margin: 0;
			color: #FFF;
			text-decoration: none;
			}




/* Navigation
----------------------------------------------------------------------------------------------------- */

		h1
			{
			display: none;
			}

		 #nav
		 	{
		 	position: absolute;
			top: 30px;
			left: 0px;
			width: 283px;
			height: 281px;
			background: url(/diana_fertikh/images/nav.jpg) #000 0 0 no-repeat;
		 	}

		 ul
		 	{
		 	width: 250px;
		 	margin: 103px 0 0 0;
		 	list-style-type: none;
		 	}

		 li
		 	{
		 	text-align: center;
		 	line-height: 23px;
		 	font-weight: bold;
		 	color: #F90;
		 	}

		 li a,
		 li a:link,
		 li a:visited,
		 li a:active
		 	{
		 	color: #FFF;
		 	text-decoration: none;
		 	}

		 li a:hover
		 	{
		 	color: #600;
		 	}


/* Contenu
----------------------------------------------------------------------------------------------------- */


		#content
			{
			margin-left: 285px;
			margin-top:130px;
			line-height: 18px;
			}


		#content h2
			{
			display: block !important;
			width: 400px;
			height: 114px;
			text-indent: -999px;
			margin: 0 0 20px 0;
			}



		#content h2#biographie
			{
			background: url(/diana_fertikh/images/titre_biographie.gif) #000 0 0 no-repeat;
			}

		#content h2#presse
			{
			background: url(/diana_fertikh/images/titre_presse.gif) #000 0 0 no-repeat;
			}

		#content h2#photos
			{
			background: url(/diana_fertikh/images/titre_photos.gif) #000 0 0 no-repeat;
			}

		#content h2#contact
			{
			background: url(/diana_fertikh/images/titre_contact.gif) #000 0 0 no-repeat;
			}

		#content h2#cinema
			{
			background: url(/diana_fertikh/images/titre_cinema.gif) #000 0 0 no-repeat;
			height: 90px;
			}

		#content h2#formulaire
			{
			background: url(/diana_fertikh/images/titre_formulaire.gif) #000 0 0 no-repeat;
			}

		#content h2#merci
			{
			background: url(/diana_fertikh/images/titre_merci.gif) #000 0 0 no-repeat;
			}

		#content h2#video
			{
			background: url(/diana_fertikh/images/titre_video.gif) #000 0 0 no-repeat;
			}


		 #content dl
		 	{
		 	margin: 0 0 0 0;
		 	padding: 0 0 75px 0;
		 	position: relative;
		 	width: 400px;
		 	background: url(/diana_fertikh/images/amp.gif) #000 50% bottom no-repeat;
		 	}

		 #content dl.last
		 	{
		 	background: none;
		 	padding: 0;
		 	}

		 #content dl#vertispaced
		 	{
		 	margin: 50px 0 0 0;
		 	}

		 #content dl dt
		 	{
		 	display: block;
		 	width: 100px;
		 	font-weight: bold;
		 	color: #F90;
		 	float: left;
		 	min-height: 150px;
		 	text-align: right;
		 	margin: 0 15px 0 0;
		 	_margin: 0 0 0 0;
		 	_width: 90px;

			/* \ */
			height: 110px;
			/* */
			_height: auto;
		 	}

		 #content dl dt.special
		 	{

		 	min-height: 170px;
			/* \ */
			height: 130px;
			/* */
			_height: auto;
		 	}

		 #content dl dd
		 	{
		 	_margin-left: 110px;
		 	_float: right;
		 	_width: 280px;
		 	}


		#content p
			{
			margin: 0 0 20px 30px;
			}

		#content dl dd a,
		#content dl dd a:link,
		#content dl dd a:visited,
		#content dl dd a:active
			{
			color: #FFF;
			}


/* Galerie Video
----------------------------------------------------------------------------------------------------- */




		 #content dl.thumbsvid
		 	{
		 	clear: left;
		 	}
		 #content dl.thumbsvid dt
			{
		 	min-height: 15px;
		 	width: 168px;
		 	text-align: center;
		 	padding-top: 30px;
		 	border: 1px solid #333;
		 	height: 99px;
			margin: 0 10px 10px 0;
			/* \ */
			float: left;
			/* */
			}

		 #content dl.thumbsvid dd
		 	{
		 	_width: auto !important;
		 	display: block;
		 	float: left;
		 	margin: 0 10px 10px 0;
		 	border: 1px solid #333;
		 	padding: 4px 4px 0 4px;
		 	height: 125px;
			/* \ */
			float: left;
			/* */
		 	}

		 #content dl.thumbsvid dd:hover
		 	{
		 	border: 1px solid #999;
		 	}


/* Galerie Photo
----------------------------------------------------------------------------------------------------- */




		 #content dl.thumbs
		 	{
		 	clear: left;
		 	}

		 #content dl.thumbs dt
			{
		 	min-height: 15px;
		 	width: 80px;
		 	text-align: center;
		 	padding-top: 30px;
		 	border: 1px solid #333;
		 	height: 51px;
			margin: 0 10px 10px 0;
			/* \ */
			float: right;
			/* */
			}

		 #content dl.thumbs dd
		 	{
		 	_width: auto !important;
		 	display: block;
		 	float: left;
		 	margin: 0 10px 10px 0;
		 	border: 1px solid #333;
		 	padding: 4px 4px 0 4px;
		 	height: 77px;
			/* \ */
			float: right;
			/* */
		 	}

		 #content dl.thumbs dd:hover
		 	{
		 	border: 1px solid #999;
		 	}

		#content hr
			{
			clear: both;
			visibility: hidden;
			height: 1px;
			margin: 0;
			padding: 0;
			}



/* Formulaire de contact
----------------------------------------------------------------------------------------------------- */

		form
			{
			padding: 0 0 0 35px;
			}

		form div
			{
			display: block;
			clear: both;
			margin: 0 0 10px 0;
			}

		form div label
			{
			display: block;
			width: 120px;
			float: left;
			}

		form textarea
			{
			width: 250px;
			height: 150px;
			border: 1px solid #333;
			background-color: #000;
			color: #FFF;
			}

		form input
			{
			width: 250px;
			background-color: #000;
			color: #FFF;
			border: 1px solid #333;
			}


/* Footer
----------------------------------------------------------------------------------------------------- */



		#haut
			{
			clear: both;
			display: block;
			text-align:center;
			padding: 0 0 20px 0;
			background: #000 url(images/big_amp.gif) 50% bottom no-repeat;
			_background: #000 url(images/big_amp.gif) 50% 30% no-repeat;
			margin: -30px 0 0 -180px;
			_margin:  -30px 0 0 -180px;
			width: 100px;
			height: 40px;
			}

		#haut a,
		#haut a:link,
		#haut a:visited,
		#haut a:active
			{
			display: block;
			color: #600;
			text-decoration: none;
			font-size: 10px;
			padding: 25px 0;
			}

		#haut a:hover
			{
			color: #FFF;
			text-decoration: none;
			}