*							{
							margin:0;
							padding:0;
							text-decoration:none;
							border:none;
							}
							
body						{
							background: #040404 url(img/fond.jpg) no-repeat center top fixed;
							font-family:Arial, Helvetica, sans-serif;
							font-size:11pt;
							}
														
#header						{
							margin:auto;
							padding:39px 0 0 0;
							}							

#logo						{
							background:url(img/logo.png) no-repeat bottom;
							width:264px;
							height:105px;
							margin:auto;
							}			
							
#logo:hover					{
							background:url(img/logo.png) no-repeat top;
							}
							
#menuHaut					{
							margin:auto;
							width:800px;
							padding:50px 0 7px 160px;
							}		
							
#menuHaut a					{
							color:#616161;
							font-size:12pt;
							margin:0 15px 0 15px;
							padding:7px 15px 7px 15px;
							}
							
#menuHaut a:hover			{
							color:red;
							}

#menuBas					{
							padding:7px 0 7px 260px;
							}		
							
#menuBas a					{
							color:#616161;
							font-size:10pt;
							margin:0 15px 0 15px;
							padding:7px 0;
							}
							
#menuBas a:hover			{
							color:red;
							}
							
.sepaMenuBas				{
							width:1px;
							height:12px;
							background:#616161;}							

							
#barreHaute					{
							background:url(img/barreHaute.png);
							width:990px;
							height:2px;
							margin:auto;
							}

#barreBasse					{
							background:url(img/barreHaute.png);
							width:990px;
							height:2px;
							margin:auto;
							}

#contenu					{
							width:990px;
							margin:auto;
							padding-bottom:70px;
							}
							
.liens						{
							width:514px;
							height:289px;
							border:#616161 solid 1px;
							}
							
.liens:hover				{border:#fff solid 1px;}	

h1							{
							color:#fff;
							font-size:15pt;
							}
							
h2							{
							color:#616161;
							font-size:13pt;
							font-weight:normal;
							}
							
p							{
							color:#fff;
							font-size:10pt;
							}							
	

.clear						{
							clear:both;
							}												
							
							
																											
							
/*////////////////VIDEOS////////////////////*/

#menuGauche					{
							width:150px;
							padding:44px 0 0 0;
							position:fixed;
							}
							
#menuGauche li				{
							list-style:none;
							padding:0 0px 20px 0;
							text-align:right;
							}
							
#menuGauche a				{
							color:#616161;
							padding-right:15px;
							font-size:12pt;
							}	
							
#menuGauche a:hover			{color:red;}		

#barreGauche				{
							width:2px;
							margin:0 0 0 151px;
							float:left;
							background: url(img/barreGauche.jpg);
							}

.productions				{
							width:760px;
							margin:35px 0 0 50px;
							float:left;									
							height:375px;
							display:block;
							}
							
.titresProds				{
							width:700px;
							height:38px;}
							
.productions h1				{
							float:left;
							}
							
.productions h2				{
							float:left;
							margin:5px 0 0 5px;
							}
							
.prods						{
							width:850px;
							height:300px;
							}	
							
.liensProds					{
							float:left;
							}													
							
.descriptionProds			{
							color:#fff;
							font-size:9pt;
							padding:25px 25px;
							margin-left:50px;
							width:160px;
							height:242px;
							float:left;
							background:url(img/productions/fondDescription.png);
							}	
							
.barreBasseProds			{
							width:600px;
							height:2px;
							background: url(img/productions/barreBasseProds.png) center no-repeat;
							margin:30px 0 0 -45px;
							}
														
#citadium01					{
							background:url(img/productions/CITADIUM-01.jpg) bottom no-repeat;
							}		
							
#citadium01:hover				{
							background:url(img/productions/CITADIUM-01.jpg) top no-repeat;
							}
				
#flunch01					{
							background:url(img/productions/FLUNCH-01.jpg) bottom no-repeat;
							}		
							
#flunch01:hover				{
							background:url(img/productions/FLUNCH-01.jpg) top no-repeat;
							}
											
#bustronome					{
							background:url(img/productions/BUSTRONOME.jpg) bottom no-repeat;
							}		
							
#bustronome:hover			{
							background:url(img/productions/BUSTRONOME.jpg) top no-repeat;
							}

#omega						{
							background:url(img/productions/OMEGA.jpg) bottom no-repeat;
							}		
							
#omega:hover				{
							background:url(img/productions/OMEGA.jpg) top no-repeat;
							}
											
#derniermc    				{
							background:url(img/productions/DERNIER-MC.jpg) bottom no-repeat;
							}		
							
#derniermc:hover			{
							background:url(img/productions/DERNIER-MC.jpg) top no-repeat;
							}
								
#tal    					{
							background:url(img/productions/TAL.jpg) bottom no-repeat;
							}		
							
#tal:hover						{
							background:url(img/productions/TAL.jpg) top no-repeat;
							}
								
#mutuellegenerale			{
							background:url(img/productions/MUTUELLE-GENERALE.jpg) bottom no-repeat;
							}		
							
#mutuellegenerale:hover		{
							background:url(img/productions/MUTUELLE-GENERALE.jpg) top no-repeat;
							}
																			
#raggasonic					{
							background:url(img/productions/RAGGASONIC.jpg) bottom no-repeat;
							}		
							
#raggasonic:hover			{
							background:url(img/productions/RAGGASONIC.jpg) top no-repeat;
							}
																			
#Adidas01					{
							background:url(img/productions/adidas.jpg) bottom no-repeat;
							}		
							
#Adidas01:hover				{
							background:url(img/productions/adidas.jpg) top no-repeat;
							}							
							
#Adidas02					{
							background:url(img/productions/adidas02.jpg) bottom no-repeat;
							}		
							
#Adidas02:hover				{
							background:url(img/productions/adidas02.jpg) top no-repeat;
							}
							
#Adidas03					{
							background:url(img/productions/adidas03.jpg) bottom no-repeat;
							}		
							
#Adidas03:hover				{
							background:url(img/productions/adidas03.jpg) top no-repeat;
							}
							
#Redbull01					{
							background:url(img/productions/redBullLyon.jpg) bottom no-repeat;
							}							
																																																	
							
#Redbull01:hover			{
							background:url(img/productions/redBullLyon.jpg) top no-repeat;
							}
							
#canalStreet				{
							background:url(img/productions/canalStreet.jpg) bottom no-repeat;
							}								
							
#canalStreet:hover			{
							background:url(img/productions/canalStreet.jpg) top no-repeat;
							}
							
#rapCefran					{
							background:url(img/productions/rapCefran.jpg) bottom no-repeat;
							}								
							
#rapCefran:hover			{
							background:url(img/productions/rapCefran.jpg) top no-repeat;
							}
							
#isart						{
							background:url(img/productions/isartPlay.jpg) bottom no-repeat;
							}								
							
#isart:hover				{
							background:url(img/productions/isartPlay.jpg) top no-repeat;
							}
							
#tuShungGarances			{
							background:url(img/productions/tuShungGarances.jpg) bottom no-repeat;
							}								
							
#tuShungGarances:hover		{
							background:url(img/productions/tuShungGarances.jpg) top no-repeat;
							}
							
#tuPeuxPasTest			{
							background:url(img/productions/tuPeuxPasTest.jpg) bottom no-repeat;
							}								
							
#tuPeuxPasTest:hover		{
							background:url(img/productions/tuPeuxPasTest.jpg) top no-repeat;
							}
							
#magicSystem03			{
							background:url(img/productions/magicSystem03.jpg) bottom no-repeat;
							}								
							
#magicSystem03:hover		{
							background:url(img/productions/magicSystem03.jpg) top no-repeat;
							}
							
							
							
/*////////////////PRINT////////////////////*/


#NosEngagements01			{
							background:url(img/productions/afficheNosEngagements2011.jpg) bottom no-repeat;
							}																														
							
#NosEngagements01:hover		{
							background:url(img/productions/afficheNosEngagements2011.jpg) top no-repeat;
							}
							
#photoDeFamille				{
							background:url(img/productions/photoDeFamille.jpg) bottom no-repeat;
							}																														
							
#photoDeFamille:hover		{
							background:url(img/productions/photoDeFamille.jpg) top no-repeat;
							}
							
#toniMo						{
							background:url(img/productions/toniMo.jpg) bottom no-repeat;
							}																														
							
#toniMo:hover				{
							background:url(img/productions/toniMo.jpg) top no-repeat;
							}
							
#plaquetteHHC				{
							background:url(img/productions/plaquetteHHC.jpg) bottom no-repeat;
							}																																												
							
#plaquetteHHC:hover			{
							background:url(img/productions/plaquetteHHC.jpg) top no-repeat;
							}							
							
#jeuneInstits				{
							background:url(img/productions/jeuneInstits.jpg) bottom no-repeat;
							}																																												
							
#jeuneInstits:hover			{
							background:url(img/productions/jeuneInstits.jpg) top no-repeat;
							}							
							
/*////////////////WEBDESIGN////////////////////*/	

#wiseStudio					{
							background:url(img/productions/wiseStudio.jpg) bottom no-repeat;
							}																																												
							
#wiseStudio:hover			{
							background:url(img/productions/wiseStudio.jpg) top no-repeat;
							}	
													
#avenirCreation				{
							background:url(img/productions/avenirCreation.jpg) bottom no-repeat;
							}																																												
							
#avenirCreation:hover		{
							background:url(img/productions/avenirCreation.jpg) top no-repeat;
							}	
													
							

/*////////////////CONTACT////////////////////*/					

#contact					{
							width:800px;
							margin: 30px auto;
							height:460px;
							display:block;
							}	
							
#gauche, #droit				{
							width:354px;
							height:400px;
							background:url(img/productions/fondDescription.png);
							float:left;
							color:#fff;
							}
							
#droit						{padding:30px 15px 30px 30px;}							

#gauche						{padding:30px 10px 30px 35px;}							

#gauche h1					{margin-bottom:15px;}								

#gauche p					{margin-bottom:30px;}								

#droit p					{margin-top:40px;}								
							
#barreMiddle				{
							background:url(img/barreGauche.jpg);
							width:2px;
							height:460px;
							float:left;
							}	
							
#gauche input, textarea						
							{
							background:url(img/productions/fondDescription.png);
							border:1px solid #333333;
							margin:5px 0 0 0;
							color:#fff;
							}	
							
#gauche dt					{
							margin:10px 0 0 0;
							}

#gauche #send				{
							color:#666666; 
							padding:4px 10px 4px 10px;
							position:relative;
							left:245px;
							cursor:pointer;
							}
							
#gauche #send:hover			{
							background:#333333;
							color:#fff;
							}
							
.error						{
							color:red;
							}																																		
							
/*////////////////PRESENTATION////////////////////*/					

#presentation				{
							width:720px;
							background:url(img/productions/fondDescription.png);
							margin: 30px auto;
							height:410px;
							display:block;
							padding:25px 40px;
							}
							
#presentation p					{
							text-align:justify;
							}																						
							
#presentation h1			{
							margin:15px 0;
							}							

#presentation p				{
							margin-bottom:25px;
							}	
							


/*////////////////SERVICES////////////////////*/				

.services					{
							width:720px;
							background:url(img/productions/fondDescription.png);
							margin: 30px auto;
							display:block;
							padding:25px 40px;
							}	
							
.services p					{
							text-align:justify;
							}							
							
.services h1				{
							margin:0 0 15px 0;
							}
							
.barreServices				{
							width:714px;
							height:2px;
							background:url(img/barreServices.png);
							margin:40px 0;
							}
							
.lienDemo					{
							width:720px;
							height:109px;
							margin-bottom:25px;
							}							
							
.demoServices				{
							width:194px;
							height:109px;
							float:left;
							cursor:pointer;
							border:#616161 solid 1px;						
							}	
							
.demoServices:hover			{
							border:#fff solid 1px;
							}
							
#vid1						{
							background: url(img/services/adidas.jpg) bottom no-repeat;
							}																											

#vid1:hover					{
							background: url(img/services/adidas.jpg) top no-repeat;
							}																											
									
#vid2						{
							background: url(img/services/canalStreet.jpg) bottom no-repeat;
							}																											

#vid2:hover					{
							background: url(img/services/canalStreet.jpg) top no-repeat;
							}																											
									
#vid3						{
							background: url(img/services/redBull.jpg) bottom no-repeat;
							}																											

#vid3:hover					{
							background: url(img/services/redBull.jpg) top no-repeat;
							}	
							
#print1						{
							background: url(img/services/plaquetteHHC.jpg) bottom no-repeat;
							}																											

#print1:hover				{
							background: url(img/services/plaquetteHHC.jpg) top no-repeat;
							}																																		
									
#print2						{
							background: url(img/services/toniMo.jpg) bottom no-repeat;
							}																											

#print2:hover				{
							background: url(img/services/toniMo.jpg) top no-repeat;
							}																																		
									
#print3						{
							background: url(img/services/photoDeFamille.jpg) bottom no-repeat;
							}																											

#print3:hover				{
							background: url(img/services/photoDeFamille.jpg) top no-repeat;
							}	
							
#web1						{
							background: url(img/services/wiseStudio.jpg) bottom no-repeat;
							}																											

#web1:hover					{
							background: url(img/services/wiseStudio.jpg) top no-repeat;
							}																																															
									
#web2						{
							background: url(img/services/avenirCreation.jpg) bottom no-repeat;
							}																											

#web2:hover					{
							background: url(img/services/avenirCreation.jpg) top no-repeat;
							}																																															
									
.lienProd					{
							background:url(img/productions/fondDescription.png);
							margin:auto;
							width:270px;
							height:20px;
							color:#616161;
							padding:6px 0 4px 0;
							text-align:center;
							font-size:10pt;
							}	
							
.lienProd:hover				{
							color:red;
							}					
							
/*////////////////LIENS////////////////////*/		

.liensPartenaires			{
							margin:10px 30px 10px 0;
							float:left;
							border:1px solid #616161;
							}	
							
.liensPartenaires:hover		{
							border:1px solid #fff;
							}