/********************************************************
CSS pour le site de Splendeur de nuit
Création du css : Martin Durette
Date : Avril 2009
Une réalisation graphique de Conceptö
Une réalisation technique de Synaps
********************************************************/


/********************************************************
	Styles de base 
********************************************************/
	body{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; background:url(../images/bg.jpg) repeat-x top center #000000}
	.clear{clear:both}
	a{outline:none; border:0}
	
	
	#contenant{margin:20px auto; padding:0; width:950px; height:633px; font-family:Verdana, Geneva, sans-serif; font-size:12px; background:url(../images/background.png) no-repeat top}
	#admin{position:absolute; margin:-10px 0 0 600px; width:350px; text-align:right; padding:0;font-family:Verdana, Geneva, sans-serif; font-size:12px;}
		#admin a{color:#fff}
	
	
	
	
/********************************************************
	Top frame
********************************************************/	
	#top{position:absolute; margin:19px 0 0 19px; width:912px; height:453px; z-index:2; border:0px solid #fff}
		#accueil{padding:0 110px 0 110px; width:730px; text-align:center}
		#equipe{position:absolute; margin:14px 0 0 12px; width:887px; height:419px;}
			#equipe_textbox{position:absolute; margin:0 0 0 298px; padding:20px; width:540px;}
			#realisations_textbox{position:absolute; margin:0 0 0 325px; padding:20px; width:520px;}
			#partenaires_textbox{position:absolute; margin:0 0 0 510px; padding:20px; width:340px;}
			#contact_textbox{position:absolute; margin:0 0 0 560px; padding:20px; width:290px;}
		#realisations{position:absolute; margin:10px 0 0 10px; width:892px; height:490px; border:0px solid #fff}
			#show{margin:0;}
		#sousmenu{position:absolute; margin:445px 0 0 20px; width:350px; height:55px; border:0px solid #fff}
			#sousmenu ul{margin:0; padding:0; list-style:none}
			#sousmenu ul li{font-size:0.9em; line-height:130%; color:#ffffff}
			#sousmenu ul li a{color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:0.1em}
			#sousmenu ul li a:hover{color:#dcdcdc; text-decoration:underline}
		#quicktime{position:absolute; margin:440px 0 0 10px; border:0px solid #fff; z-index:10}
			#quicktime a{color:#fff}
			#quicktime a:hover{text-decoration:none}
		
		#langue{position:absolute; margin:-5px 0 0 631px; text-align:right; width:300px; z-index:20; border:0px solid #fff}
			#langue a{color:#dedede; text-decoration:none}
			#langue a:hover{color:#fff; text-decoration:underline}
		
		.texte h1{color:#fff; line-height:150%; font-size:1.4em; text-transform:uppercase; letter-spacing:0.1em; margin:0}
		.texte p{color:#fff; line-height:150%; margin:1em 0 1em 0}
		.texte a{color:#fff}
		
		#logo{position:absolute; margin:438px 0 0 617px;}
		#logo2{position:absolute; margin:438px 0 0 617px;}
	
		.bg_equipe{background:url(../images/equipe.jpg)}
		.bg_services{background:url(../images/services.jpg)}
		.bg_partenaires{background:url(../images/partenaires.jpg)}
		.bg_contact{background:url(../images/contact.jpg)}
		.bg_realisations{background:url(../images/realisations.jpg)}
	
	
	
/********************************************************
	Bottom frame
********************************************************/	
	#bottom{position:absolute; margin:498px 0 0 19px; width:912px; height:66px; z-index:2; border:0px solid #f00; background:url(../images/menu.jpg)}	
		#menu_accueil{position:absolute; margin:19px 0 0 5px; width:95px; height:27px; border:0px solid #fff;}
		#btn_accueil{display:block; width:95px; height:27px;}		
		#btn_accueil:hover{background:url(../images/menu_ov.jpg) -5px 46px}
		#btn_accueil span{display:none}
		
		#menu_qui_nous_somme{position:absolute; margin:19px 0 0 90px; width:180px; height:27px; border:0px solid #fff;}
		#btn_qui_nous_somme{display:block; width:180px; height:27px;}		
		#btn_qui_nous_somme:hover{background:url(../images/menu_ov.jpg) -90px 46px;}
		#btn_qui_nous_somme span{display:none}
		
		#menu_services{position:absolute; margin:19px 0 0 255px; width:145px; height:27px; border:0px solid #fff;}
		#btn_services{display:block; width:145px; height:27px;}		
		#btn_services:hover{background:url(../images/menu_ov.jpg) -255px 46px;}
		#btn_services span{display:none}
		
		#menu_realisations{position:absolute; margin:19px 0 0 388px; width:185px; height:27px; border:0px solid #fff;}
		#btn_realisations{display:block; width:185px; height:27px;}		
		#btn_realisations:hover{background:url(../images/menu_ov.jpg) -388px 46px;}
		#btn_realisations span{display:none}
		
		#menu_partenaire{position:absolute; margin:19px 0 0 558px; width:175px; height:27px; border:0px solid #fff;}
		#btn_partenaire{display:block; width:175px; height:27px;}		
		#btn_partenaire:hover{background:url(../images/menu_ov.jpg) -558px 46px;}
		#btn_partenaire span{display:none}
		
		#menu_contact{position:absolute; margin:19px 0 0 720px; width:190px; height:27px; border:0px solid #fff;}
		#btn_contact{display:block; width:190px; height:27px;}		
		#btn_contact:hover{background:url(../images/menu_ov.jpg) -720px 46px;}
		#btn_contact span{display:none}
		
	#bottom_en{position:absolute; margin:498px 0 0 19px; width:912px; height:66px; z-index:2; border:0px solid #f00; background:url(../images/menu_en.jpg)}	
		#bottom_en #menu_accueil{position:absolute; margin:19px 0 0 5px; width:95px; height:27px; border:0px solid #fff;}
		#bottom_en #btn_accueil{display:block; width:95px; height:27px;}		
		#bottom_en #btn_accueil:hover{background:url(../images/menu_ov_en.jpg) -5px 46px}
		#bottom_en #btn_accueil span{display:none}
		
		#bottom_en #menu_qui_nous_somme{position:absolute; margin:19px 0 0 85px; width:150px; height:27px; border:0px solid #fff;}
		#bottom_en #btn_qui_nous_somme{display:block; width:150px; height:27px;}		
		#bottom_en #btn_qui_nous_somme:hover{background:url(../images/menu_ov_en.jpg) -85px 46px;}
		#bottom_en #btn_qui_nous_somme span{display:none}
		
		#bottom_en #menu_services{position:absolute; margin:19px 0 0 230px; width:165px; height:27px; border:0px solid #fff;}
		#bottom_en #btn_services{display:block; width:165px; height:27px;}		
		#bottom_en #btn_services:hover{background:url(../images/menu_ov_en.jpg) -230px 46px;}
		#bottom_en #btn_services span{display:none}
		
		#bottom_en #menu_realisations{position:absolute; margin:19px 0 0 388px; width:185px; height:27px; border:0px solid #fff;}
		#bottom_en #btn_realisations{display:block; width:185px; height:27px;}		
		#bottom_en #btn_realisations:hover{background:url(../images/menu_ov_en.jpg) -388px 46px;}
		#bottom_en #btn_realisations span{display:none}
		
		#bottom_en #menu_partenaire{position:absolute; margin:19px 0 0 558px; width:215px; height:27px; border:0px solid #fff;}
		#bottom_en #btn_partenaire{display:block; width:215px; height:27px;}		
		#bottom_en #btn_partenaire:hover{background:url(../images/menu_ov_en.jpg) -558px 46px;}
		#bottom_en #btn_partenaire span{display:none}
		
		#bottom_en #menu_contact{position:absolute; margin:19px 0 0 760px; width:150px; height:27px; border:0px solid #fff;}
		#bottom_en #btn_contact{display:block; width:150px; height:27px;}		
		#bottom_en #btn_contact:hover{background:url(../images/menu_ov_en.jpg) -760px 46px;}
		#bottom_en #btn_contact span{display:none}