/*---------- Html et Body------------ */


html { 
		background-color:#000000;
		margin-top:0px;

		}

body {
		position:relative;
		margin-top:0px;
		margin:auto;
		width:740px;
		}

/*----------DIV principale de la page------------ */

#Logo {
	float:left;
	background-image:url(../images/Logo.png);
	left:143px;
	top:0px;
	width:160px;
	height:227px;
}

#Dessem {
	float:right;
	left:303px;
	top:108px;
	margin-top:108px;
	width:580px;
	height:37px;
	background-image:url(../images/Dessem.jpg);
}


#image {
	
	float:right;
	left:303px;
	top:145px;
	width:580px;
	height:314px;
}

#menu {
	float:left;
	left:143px;
	top:227px;
	width:160px;
	height:232px;
	background-image:url(../images/menu.png);
}

#noire {
	float:left;
	left:143px;
	top:459px;
	width:160px;
	height:263px;
	background-image:url(../images/noire.jpg);
}

#contenu {
	float:right;
	left:303px;
	top:459px;
	width:580px;
	height:263px;
	background-image:url(../images/contenu.png);
}

#dessem {
		font-family:Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#FFFFFF;
		margin-top: 8px;
		padding-left:0px;
		}
		
/*---------Text------------ */



		
#text {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		margin-top: 20px;
		margin-left:0px;
		margin-right:100px;
		}
		


#soustitre1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#00CCFF;
		margin:0px;
		text-align:left;
		margin-top:0;
		
		}
		
#soustitre2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#00CCFF;
		margin:0px;
		text-align:left;
		margin-top:0;
		
		}
		
#soustitre3{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#00CCFF;
		margin:0px;
		text-align:left;
		margin-top:0;
		
		}
		
#soustitre4{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#00CCFF;
		margin:0px;
		text-align:left;
		margin-top:0;
		
		}

		
#titre {
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#999999;
		padding:0px;
		height: 45px;
		}
		
/*----------Texte dans les liste------------ */

		
#text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
#text3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
#text4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
#text5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
		
#text6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
	}
	
#text7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
#text8 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
	
#text9 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
#text10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}

#text11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}		
			
/*----------Section courrante dans le menu video------------ */	

#textvid1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	margin-top:0px;
	text-align:left;
	vertical-align: text-top;
		}
		
#textvid2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		margin:0px;
		margin-top:0px;
		text-align:left;
		vertical-align: text-top;
				}
		
		
/*----------Section courrante dans le menu principale------------ */

		
#select {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#00CCFF;
		margin:0px;
		margin-left:5px;
		margin-right:0px;
		}
		
		
/*----------Liste Services------------ */

		
#liste1 { 
		float:left;
		width: 120px;
		}
		
#liste2 { 
		float:left;
		width: 150px;
		}

#liste3 { 
		float:left;
		width: 150px;
		}


/*----------Lien porte folio------------ */
		
#listefolio1 { 
		float:left;
		width: 110px;
		}
		
#listefolio2 { 
		float:left;
		width: 150px;
		}

#listefolio3 { 
		float:left;
		width: 150px;
		}
		
/*----------Liste des clients------------ */

		
#listeclient1 { 
		float:left;
		width: 200px;
		}
		
#listeclient2 { 
		float:left;
		width: 200px;
		}
		
/*----------Liste des vidéo------------ */

		
#listevideo1 { 
		float:left;
		width: 200px;
		font-size:12px;
		margin-top: 10px;
		}
		
#listevideo2 { 
		float:left;
		width: 200px;
		font-size:12px;
		margin-top: 12px;
		}
		
#foliotitre { 
		
		width: 450px;
		height:25px;
		
		}	
		
/*----------Lien porte folio dans page video, graphisme, web ------------ */


#foliolien1	{ 
		position:relative;
		float:left;
		width: 100px;
		margin-top: 0px;
		height:15px;
		}
#foliolien2	{ 
		float:left;
		width: 100px;
		margin-top: 0px;
		height:15px;
		}
		
/*----------Lien pour changer d'image dans graphisme------------ */

		
		
#pk2emonde {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#pk3gss {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#pkinstinct {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#pksuberbeat {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#tripalca {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#nsdvd {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#logolabo {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#logopel {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#invdeb {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#affrene {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#flyer3gss {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}


/*----------Lien pour changer les vidéos------------ */


#vidoberson {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}



#vidmatrix{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vidns{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vidfrancou{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vid3gssete {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vid3gsssam {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vid3gssvero {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vidlifestyle {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vidseguin {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vidbroad {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}

#vidbeaudoin {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		float:left;
		width: 200px;
		margin-top: 0px;
		color:#FFFFFF;
		cursor:pointer;
}





	
/*----------Lien menu principale------------ */


		
a:link{	
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		margin:0px;
		margin-top: 0px;
		margin-left:5px;
		margin-right:0px;
		padding:0px;
		text-decoration:none;
	}	
		
a:visited{
			color:#ffffff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			margin-top: 0px;
			margin-left:5px;
			text-decoration:none;
			}
					
a:hover{ 
			font-family:Arial, Helvetica, sans-serif;
			font-size:20px;
			color:#999999;
			margin-left:10px;
			text-decoration:none;
		}
		
/*----------Lien folio------------ */

		
a.folio:link{	
			color:#00CCFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			text-decoration:none;
			margin-left:0px;
			}	
		
a.folio:visited{
			color:#00CCFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			text-decoration:none;
			margin-left:0px;
			}
					
a.folio:hover{ 
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			color:#ffffff;
			text-decoration:none;
			margin-left:0px;
		}


/*------------lien video-----------*/

a.video:link{	
			color:#ffffff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			margin-left:0px;
			}	
		
a.video:visited{
			color:#ffffff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			margin-left:0px;
			}
					
a.video:hover{ 
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#ffffff;
			text-decoration:none;
			margin-left:0px;
		}
		
		
a.mail:link{	
			color:#ffffff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			margin-left:0px;
				}	

a.mail:visited{
			color:#ffffff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-decoration:none;
			margin-left:0px;
				}

a.mail:hover{ 
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#00CCFF;
			text-decoration:none;
			margin-left:0px;
				}