/* CSS Document */
body {background: url(../imgbase/backwood.png);text-align:center; background-attachment:fixed; margin-top:0px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px }

img  	{border:none;}
a:link	{ color:#000000; font-style:none}
a:hover	{ color:#000000; font-style:italic}
a:visited	{ color:#000000; font-style:none}

#upbar	{ position:absolute; top:0;left:0; height:20px; width:100%; background:url(../imgbase/upbar.png); color:white}
#cnxmn	{ position:relative; top:0;left:0; height:20px; width:auto; z-index:3}
#cnxmn a{ color:white; text-decoration:none}


#papillon	{ position:absolute; top:0; left:20px; background:url(../imgbase/papillon.png); height:30px; width:34px}
#forcom	{ position:absolute; top:50%; left:50%; background:url(../imgbase/comform.png); height:300px; width:500px; margin-top:-150px; margin-left:-250px; text-align:left }
#forcom p	{ margin-left:75px}
#chargement	{ position:absolute; top:50%;; left:60%; color:#FFFFFF; }

#entete	{ width:1100px; height:110px; background:url(../imgbase/entete.png) no-repeat left; margin-top:20px}


	#verre	{ width:626px; height:100px; margin-top:px; float:right; position:relative;background:url(); padding-left:10px; padding-top:15px}
	#verre em{ background:url(../imgbase/verre.png); position:absolute; width:626px; height:100px; margin-top:-11px; margin-left:-9px}
	

#menu		{ width:1100px; height:30px; background:url(../imgbase/barmenu.png); overflow:hidden; position:relative; z-index:5 }
	#menu ul	{ width:800px; height:30px; float:left; margin-top:0px; margin-left:0px }
	#menu li	{ float:left; list-style:none; width: 150px; height:20px; margin-top:3px; margin-left:5px; vertical-align:middle; background-color:; font-size:18px; cursor:pointer}
	
	.on	{ background:url(../imgbase/onmenu.png); }
	.out{ background:url();}
	
	#recherche{ float:right; width:200px; height:20px;  margin-right:10px; margin-top:3px; background-color:}

#corps	{ width:1100px; height:550px; text-align: center; }

#footer	{ width:1100px; height:5px; color:black; background:}


#contenta	{ float:left; width:800px; margin-top:15px; height:auto; color:#000000}
	#c-entete	{ float:left; width:760px; height:100px; background: url(../imgbase/c-entete.png) no-repeat}
	#c-entete p	{ float:left; margin-left:80px; margin-top:60px}
	#c-middle	{ float:left; width:745px; height:auto; background-color:#FFFFFF; margin-left:5px}
	#c-middle p	{  margin-left:80px; margin-top:10px; text-align:left}
	#c-foot		{  float:left; width:760px; height:100px; background: url(../imgbase/c-foot.png) no-repeat}
	
#contentb	{ float:right; width:300px; margin-top:15px; height:auto}
	#postitjaune	{ float:left; width:300px; height:300px; background:url(../imgbase/postitjaune.png)}
	
	#postitrose	{ float:left; width:300px; height:300px; background:url(../imgbase/postitrose.png)}
		#cxn-titre	{ float:left; font-size:15px; color:#000000; margin-left:80px; margin-top:70px; width:140px; text-align:left; font-weight:bold}
		#cxn-form	{ float:left; width:140px; text-align:left; margin-left:80px; margin-top:20px}
			#email	{ margin-top:5px; width:150px; height:17px; background:url(../imgbase/input.png); border:none}
			#mdp	{ margin-top:5px; width:150px; height:17px; background:url(../imgbase/input.png); border:none}
			#cxnme	{ float:left; margin-top:10px; color:#000000; text-decoration:none}
						

#art-gauche	{ float:left; height:500px; width:215px; background-color:;}
	#artiste-logo	{ position:relative; z-index:3; top:-55px; left:10px}
	#pictureartiste2	{ float:left;  margin-left:20px; margin-right:0px; margin-top:-30px; background: url(../imgbase/backpicture.png); width:175px; height:205px;}
	#menudesartistes	{float:left;  margin-left:20px; margin-right:0px; margin-top:20px; vertical-align:middle; background: ; width:175px; height:auto;}
	#menuartiste	{ width:175px; height:30px; background:url(../imgbase/artistemenu.png) no-repeat; padding-top:3px; overflow:hidden; margin-top:10px}
		#menuartiste a			{ margin-top:3px}
		#menuartiste a:link		{ color:white; font-style:none; text-decoration:none}
		#menuartiste a:hover	{ color:white; font-style:italic; text-decoration:none}
		#menuartiste a:visited	{ color:white; font-style:none; text-decoration:none}
	
#art-droite	{ float:right; height: auto; width:885px}	
	#pictureartiste	{ float:left;  margin-left:20px; margin-right:20px; margin-top:30px; background: url(../imgbase/backpicture.png); width:175px; height:205px;}
		#artpict	{float:left; margin-left:10px; margin-top:10px; background-color:#FFFFFF; width:150px; height:150px;}
		#artname	{ text-align:center; color:black}
		
	#art-entete	{ width:851px; float:right; height:60px; margin-left:10px; background: url(../imgbase/artentete.png) no-repeat; margin-top:50px; color:#000000}
		#art-titre	{ float:left; margin-left:90px; margin-top:20px; font-weight:bold}
	#art-middle	{ text-align:left;width:830px;float:right;  height:auto;  margin-right:16px; background-color:#FFFFFF; color:#000000}
		#art-middle p { margin-left:20px}
	#art-footer	{ float:right; width:851px; height:60px; margin-left:10px; background: url(../imgbase/artfooter.png) no-repeat; text-align:left; color:#000000}
		#art-footer p	{ margin-left:40px}
		
	#compoperso {  width:851px; float:right; height:194px; margin-left:10px; background: url(../imgbase/compo.png) no-repeat; margin-top:50px; color:#000000}
		#cptitre	{ float: left; margin-left:150px; text-align:left; margin-top:45px; width:400px; font-size:16px; font-weight:bold}
		#cpplayer	{ float:right; margin-top:45px; margin-right:20px}
		#cptexte	{ float:left;  margin-left:150px; margin-top:20px; width:500px; text-align:left}
		#cpload		{ float:right; margin-top:94px; margin-right:20px}
		
		
	#compo-entete	{ width:851px; float:right; height:31px; margin-left:10px; background: url(../imgbase/compo1.png) no-repeat; margin-top:50px; color:#000000}
	
	#compo-middle	{ text-align:left;width:851px;float:right;  height:300px;  margin-left:10px;background: url(../imgbase/compo2.png)  repeat-y; color:#000000}
		
	#compo-footer	{ float:right; width:851px; height:47px; margin-left:10px; background: url(../imgbase/compo3.png) no-repeat; text-align:left; color:#000000}
	
	#complet	{ width:600px; float:left; margin-left:100px; margin-bottom:15px}
	#lamuse		{ float:left; width:400px; text-align:left; font-weight:bold}
	#leplayer 	{ float:right}
	#information{ float:left; width:400px; font-style: italic}

	#cur-un		{ width:600px; float:left; margin-left:100px; }
	#cur-deux	{width:600px; float:left; margin-left:100px;}
	
	#comcomplet	{width:700px; float:left; margin-left:35px; margin-bottom:15px; color:#FFFFFF; }
	#com-nom	{ float:left; }
	#com-date	{ float: right}
	#com-content{ float:left; width:700px; height:auto}
	
	#web-page	{ width:851px; float:right; height:400px; margin-left:10px; background: url(../imgbase/webpage.png) no-repeat; margin-top:50px; color:#000000}
		#web-image	{ float:left; width:551px; height:348px; margin-left:25px; margin-top:25px; background-color: ; border-color:#000000; }
		#web-texte	{ float:left; width:215px; height:345px; margin-left:30px; margin-top:22px; background-color:; text-align:left}
	#photo-page	{ width:851px; float:right; height:490px; margin-left:10px; background: url(../imgbase/photospage.png) no-repeat; margin-top:25px; color:#000000}
	#photo-page-in	{ float:left; margin-left:11px; margin-top:11px; background-color:; width:829px; height:467px; overflow:auto}
		#photos	{ float:left;; margin-top:20px; margin-left:55px;}
	#com-entete	{ width:851px; float:right; height:43px; margin-left:10px; background: url(../imgbase/comentete.png) no-repeat; margin-top:25px; color:#000000}
		#com-titre	{ float:left; margin-left:50px; margin-top:8px; font-weight:bold}
	#com-middle	{ text-align:left;width:851px;float:right;  height:auto;  margin-left:10px; background: url(../imgbase/comcenter.png); color: #FFFFFF}
		#com-middle p { margin-left:10px}
	#com-footer	{ float:right; width:851px; height:60px; margin-left:10px; background: url(../imgbase/comfooter.png) no-repeat; text-align:left; color:#000000}
		#com-footer p	{ margin-left:40px}


	#sep		{float:left; margin-left:100px;}
	
#contactform	{ margin-left:80px; float:left}








/*HIGHSLIDE--------------------------------------------------------------------------------------------------------------*/

	.highslide						{cursor: url(../highslide/graphics/zoomin.cur), pointer;outline: none;}
	.highslide-active-anchor img 	{visibility: hidden;}
	.highslide img 					{border: 0px solid gray;}
	.highslide:hover img 			{border: 0px solid silver;}
	
	.highslide-wrapper 				{background: white;}
	.highslide-image 				{border-bottom: 1px solid white;}
	.highslide-caption 				{display: none;border-bottom: 1px solid white; font-family: Verdana, Helvetica;  font-size: 10pt;  padding: 5px;  background-color: silver;}
	.highslide-loading 		{display: block;color: black;font-size: 8pt;font-family: sans-serif;font-weight: bold;text-decoration: none;padding: 2px;
							 border: 1px solid black;background-color: white; padding-left: 22px;background-image:url(../highslide/graphics/loader.white.gif); background-repeat:no-repeat; background-position: 3px 1px;}
	
	a.highslide-credits,a.highslide-credits i 				{padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
	a.highslide-credits:hover,a.highslide-credits:hover i 	{color: white;background-color: gray;}
	a.highslide-full-expand 								{background: url(highslide/graphics/fullexpand.gif) no-repeat;display: block;margin: 0 10px 10px 0;width: 34px;height: 34px;}
	.highslide-wrapper .highslide-html-content 				{width: 450px;   padding: 5px;}
	
	.highslide-html 										{background-color: white;}
	.highslide-html-content 								{position: absolute; display: none;}
	
	
	/* Styles for the popup----------------------------------------------------------------------------------------------*/
	
	.highslide-wrapper .highslide-html-content 				{width:850px;padding: 5px; overflow:visible}
	.highslide-wrapper .highslide-header ul 				{margin: 0;	padding: 0;	text-align: right;}
	.highslide-wrapper .highslide-header ul li 				{display: inline;padding-left: 1em;}
	.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next{display: none;}
	.highslide-wrapper .highslide-header a 					{font-weight: bold;color: gray;text-transform: uppercase;text-decoration: none;}
	.highslide-wrapper .highslide-header a:hover 			{color: black;}
	.highslide-wrapper .highslide-header .highslide-move a 	{cursor: move;}
	.highslide-wrapper .highslide-footer 					{height: 11px;}
	.highslide-wrapper .highslide-footer .highslide-resize 	{float: right;height: 11px;width: 11px;background: url(../highslide/graphics/resize.gif);}
	
	.highslide-move 										{cursor: move; visibility:hidden}
	.highslide-resize 										{cursor: nw-resize;}
	
	/* These must always be last----------------------------------------------------------------------------------------*/
	.highslide-display-block 								{display: block;}
	.highslide-display-none 								{display: none;}