html{
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:left;
	color : #ffffff;
	overflow-x: hidden;
	overflow-y: hidden;

}

img{
	margin: 0;
	padding: 0;
	border: none;
}
.selectedThumb{
	border-bottom: 5px solid #ffffff;
}
.deselectedThumb{
	border-bottom: 5px solid #fff;
}



h1{
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0;
	text-align: left;
}
h2{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0;
	text-align: left;
}

li{
	font-size: 11px;
	line-height:14px;
	
}
ul{
	margin: 20px;
}

/* @group MENU */

a.contact{
	margin: 0 0 0 10px;
	padding: 0;
	text-transform: uppercase;
	color:#ffffff;
}
a.contact:visited{color:#ffffff;}
a.contact:hover{color: #ff0000;}

a.link{
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color:#ffffff;
}
a.link:visited{color:#ffffff;}
a.link:hover{color: #ff0000;}

a.talent{
	margin: 0 0 0 30px;
	padding: 0;
	text-transform: uppercase;
	color:#ffffff;
}
a.talent:visited{color:#ffffff;}
a.talent:hover{color: #ff0000;}

a.gp{
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color:#ffffff;
	bgcolor: red;
}
a.gp:visited{color:#ffffff;}
a.gp:hover{color: #ff0000;}



/* @end */
/* @group LIENS */

a{text-decoration: none;color: #ffffff;}
a:visited {color:  #ff0000;}

a:hover {color: #ffffff;}



/* @end */

/* @group FORMULAIRES */

form fieldset {
	border: 0px solid #ff0000;
	margin: 0;
	width: 450px;
	display: block;
    position : relative;
    top : 1em;
    padding : 0px;    
 }
 
 form fieldset legend {
	color: #ff0000;
	font-variant: normal;
	font-weight: bold;
	border-bottom: 5px solid #ff0000;
	margin: 20px 0 10px 0;
}
 
 form label {
 	display:inline;
 	font-size: 11px;
	/*margin: 3px 0 3px 0;
	padding: 20px 0 3px 0;*/
	color: #ff0000;
	font-weight: normal;
	font-style: normal;
}

.textFocus{
	padding: 2px;
	height: 21px;
	color: #ff0000;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 2px solid #ffffff;
}
.textBlur{
	padding: 3px;
	height: 21px;
	color: #ff0000;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #ffffff;
}
.textareaFocus{
	padding: 2px;
	color: #ff0000;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 2px solid #ffffff;
}
.textareaBlur{
	padding: 3px;
	color: #ff0000;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #ff0000;
}

/* @group BACK */

a.back{
	font-size: 11px;
	color:#ffffff ;
}
a.back:visited{
	font-size: 11px;
	color:#ffffff ;
}
a.back:hover{
	font-size: 11px;
	color: #ff0000;
}


/* @end */

/* @group SEND
 */

a.send{
	font-size: 11px;
	color: #ffffff;
}
a.send:visited{
	font-size: 11px;
	color: #ffffff;
}
a.send:hover{
	font-size: 11px;
	color: #ff0000;
}

/* @end */
.selectFocus{
	padding: 2px;
	color: #ffffff;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 2px solid #ffffff;
}
.selectBlur{
	padding: 3px;
	color: #ffffff;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 1px solid #ffffff;
}


/* @end */

/* @group CLIENTS */
#leftMenu{
	position: absolute;
	top:0px;
	width:200px;
	cursor:default;
}
#clientDescription{
	position:absolute;
	top:0;
	right:0;
	border:1px solid #ccc;
	margin:4px 0 0 0;
	padding:10px 10px 10px 10px;
}

.clientDescriptionTitle{
	padding:0 0 5px 0;
	font-size:16px;
}
#clientList{
	/*width:250px;*/
}

#clientList2{
	width:250px;
}

.selectedClient{
	font-weight: normal;
	color: #ff0000;
}

.notSelectedClient{
	font-weight: normal;
}
.notSelectedClientMouseOver{
	color: #ff0000;
	/*font-size: 11px;*/
}

/* @end */

/* @group LINKS
 */

#linkList{
	list-style-type: none;
	line-height: 14px;
	margin: 0 0 0 40px;
	padding:0;
}
.musicONOFF{
	color : #ffffff;
}

/* @end */

/* @group MEDIA
 */

.currentMedia{
	color:#ffffff;
	padding:0 5px 5px 0;
	cursor:pointer;
}

.noMediaAvailable{
	color: #ffffff;
}

#displayMedia{
	/*margin:80px 0 0 20px;*/
}

/* @end */

/* @group CONTACT
 */

.focusColor{
	color:#ffffff;
}

.blurColor{
	color:#ffffff;
}
.contactInformation{
	line-height:16px;
	font-size: 12px;
	margin: 0;
	color: #ffffffss;
}
#feedback{
	color: #000000;
	margin: 20px 0 50px 0;
	text-align: center;
}
.contact_title{
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #ffffff}

.contact_form{
	padding:0 20px 20px 20px;
	width:300px;
	vertical-align:top;
	/*background-color: #f0f0f0;*/
}
/* @end */
/* @group MEDIA INFORMATION */
.mediaInfo{
	font-size: 13px;
	width:100%;
	padding: 0 0 0 15px;
	text-align: left;
	vertical-align:bottom;
}
.clientDescription{
	font-size: 11px;
	color: #ffffff;
}
.clientNameInfo{
	font-size: 16px;
	bgcolor: red;
}
.titleInfo{
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	bgcolor: red;
	padding: 2px 0;
}
.yearInfo{
	font-size: 11px;
	color :#ffffff;
	bgcolor: red;
}
.mediaDescriptionInfo{
	color :#ffffff;
	font-size: 11px;

}
.mediaDescriptionInfo:hover{
	color: #ff0000;
	font-size: 11px;
}
.creativeDirectorInfo {
	font-size: 11px;
	color :#ffffff;
}
.artDirectorInfo {
	font-size: 11px;
	color :#ffffff;
}
.photographerInfo {
	font-size: 11px;
	color :#ffffff;
}
.intermediateImg{
	border: 1px solid rgb(204, 204, 204);
	margin: 1px;

}

.videoZoomInfo {
	font-size: 12px;
	width:1px;
}
.copywriterInfo {
	font-size: 11px;
	color :#ffffff;
}
.mediumInfo{
	font-size: 11px;
	color :#ffffff;
}
/* @end */

/* @group CONTACT INFORMATION */
.companyInformation{
	font-weight: bold;
	color: #ffffff;
	/*color: #ff007f;*/
}

/* @end */

/* @group NODE */

.node{
	/*color: #b3b3b3;*/
	/*color: #888;*/
	color: #ff0000;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.nodeMark{
	color: #ffffff;
	font-weight: bold;

}
.nodeImage{
	color: #ffffff;
}
.nodeVideo{
	color: #ffffff;
}
.nodeLink{
	color: #ffffff;
	text-decoration: underline;
}
.nodeLink:hover{
	color: #ffffff;
	text-decoration: underline;
}
.linkLib{
	font-weight: bold;
}

/* @end */

/* @group MENU */

.category{
	font-weight: bold;
	font-size: 14px;
	/*color: #939393;*/
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
}



/* @end */

/* @group LEFT SCROLL */

#scrollContainer{
	/*height: 466px;*/
	/*background-color: yellow;*/

}
#scrollLeftClient{
	width: 200px;
	overflow:hidden;
	/*height:750px;*/
}
#scroll{
	width: 8px;
/*	background-color: #f4f4f4;*/
	background-color: #d5d5d5;
	z-index:0;
}
#scroll_cursor_before{
	width: 20px;
	cursor: pointer;
	z-index:6;
	/*background-color: #00ff43;*/
}
#scroll_cursor_back{
	width: 20px;
	/*background-color: #d2af61;*/
	cursor: pointer;
	z-index:3;
}

#scroll_cursor{
	width: 7px;
	/*background-color: #777a81;*/
	background-color: #b8b8b9;
	cursor: pointer;
	z-index:4;
}


#scroll_cursor_after{
	width: 20px;
	/*background-color: #e95049;*/
	cursor: pointer;
	z-index:5;
}
#scroll_up{
	/*background-color: #949494;*/
	position:absolute;
	cursor: pointer;
	z-index:1;
}
#scroll_down{
	width: 7px;
	padding:3px 0 0 0;
	/*background-color: #949494;*/
	cursor: pointer;
	z-index:2;
}

#pg{
	/*height: 100%;*/
}

/* @end */

/* @group IMAGE LIST SCROLL */

#scrollContainer2{

}
#scrollImageList{
	overflow:hidden;
	float: none;
}
#scroll2{
	width: 8px;
	/*background-color: #f4f4f4;*/
	background-color: #d5d5d5;
	z-index:0;
}
#scroll_cursor_before2{
	width: 20px;
	cursor: pointer;
	z-index:6;
	/*background-color: #00ff43;*/
}
#scroll_cursor_back2{
	width: 20px;
	/*background-color: #d2af61;*/
	cursor: pointer;
	z-index:3;
}

#scroll_cursor2{
	width: 7px;
	/*background-color: #becbc8;*/
	background-color: #b8b8b9;
	cursor: pointer;
	z-index:4;
}


#scroll_cursor_after2{
	width: 20px;
	/*background-color: #e95049;*/
	cursor: pointer;
	z-index:5;
}
#scroll_up2{
	/*background-color: #949494;*/
	position:absolute;
	cursor: pointer;
	z-index:1;
}
#scroll_down2{
	width: 7px;
	padding:3px 0 0 0;
	/*background-color: #949494;*/
	cursor: pointer;
	z-index:2;
}



/* @end */

.hide{
	display: none;
	visibility:hidden;
}
.show{
	display: inline;
	visibility:visible;
}

.selected{
	font-weight: normal;
	/*font-size: 11px;*/

	color: #000;
	display: none;
}
.notSelected{
	font-weight: normal;
	/*font-size: 11px;*/
	/*color: #ff007f;*/
	color: #000;

}