@charset "UTF-8";
/* olivier MICHON CSS Document */

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #222222;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #B0B0B0;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B0B0B0;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

body {
	background-color:#faf7f2;
	margin:0;
	padding:0;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: none;
	border: none;
}
a:visited {
	text-decoration: none;
	color: #606060;
}
a:hover {
	text-decoration: underline overline;
	color: #606060;
}
a:active {
	text-decoration: underline overline;
	color: #606060;
}
.container {
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	border:none;
}
.center {
	margin-left:auto;
	margin-right:auto;
	width:1050px;
	padding:0px;
}
.content {
	width:740px;
	margin:0px;
	padding:0px;
	float:left;
	bottom: auto;
	height: auto;
}
.contenttop {
	width:740px;
	height:8px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/feedHeader.png);
}
.contentmiddle {
	width:740px;
	margin:0px;
	padding:3px 0px 0px 0px;
	float:left;
	height: 672px;
	background-image: url(../images/feedBG.png);
	background-repeat: repeat-y;
}
.contentmiddleproject {
	width:740px;
	margin:0px;
	padding:3px 0px 0px 0px;
	float:left;
	height: 672px;
	background-image: url(../images/feedBG.png);
	background-repeat: repeat-y;
}
.contentmiddleprojectlist {
	width:730px;
	margin:0px;
	padding:0px 0px 6px 0px;
	float:left;
	bottom: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 648px;
}
.contentbottom {
	width:740px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/feedFooter.png);
	height: 16px;
}
.spacer {
	clear:both;
	height:1px;
	margin:0px;
	padding:0px;
	line-height:0px;
	border:0px;
}
.nav {
	width:278px;
	margin:0px;
	padding:10px 10px 0px 0px;
	float:left;
	height: 450px;
}
.nav  .omichon {
	padding:0px;
	margin:0px;
	width:278px;
	height:100px;
	background-image:url(../images/omichon.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .showreel {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/showreel.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .showreel a {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/showreel.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .showreel a:hover {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/showreel.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .showreelselected {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/showreel.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .projects {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/projects.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .projects a {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/projects.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .projects a:hover {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/projects.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .projectsselected {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/projects.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .references {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/references.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .references a {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/references.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .references a:hover {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/references.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .referencesselected {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/references.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .contact {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .contact a {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .contact a:hover {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .contactselected {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/contact.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .about {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .about a {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .about a:hover {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .aboutselected {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/about.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav  .blank {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/motiondesign.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .clients {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/clients.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
	bottom: 100%;
}
.nav .clients a {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/clients.png);
	background-repeat:no-repeat;
	background-position:0px -36px;
	float:left;
}
.nav .clients a:hover {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/clients.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
.nav .clientsselected {
	padding:0px;
	margin:0px;
	width:278px;
	height:36px;
	background-image:url(../images/clients.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
}
div.copyright {
	color: #aaaaaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 4px 0px 0px 16px;
}
.frameintro {
	margin:0px 10px 0px 10px;
	padding:20px 10px 10px 10px;
	width:700px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	background-color: #DCDCD3;
	height: 344px;
	border-bottom: 1px dotted #aaa;
}
.frameintronews {
	margin:0px 10px 0px 10px;
	padding:10px 10px 2px 10px;
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #8C8C81;
	background-color: #DDDDCC;
	overflow: auto;
	border-bottom: 1px dotted #aaa;
	height: 262px;
}
.framereferences {
	margin:0px 10px 0px 10px;
	padding:20px 10px 4px 10px;
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #999999;
	background-color: #DCDCD3;
	border-bottom: 1px dotted #aaa;
	height: 625px;
}
.framereferencesdetail {
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #aaa;
}
.framereferencesdetaillast {
	margin: 0px 0px 10px 0px;
}


.frameclients {
	margin:0px 10px 0px 10px;
	padding:20px 10px 2px 10px;
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #999999;
	height: 627px;
	border-bottom: 1px dotted #aaa;
	background-color: #DCDCD3;
}
.frameclientslogin {
	margin:0px 10px 0px 10px;
	padding:10px 10px 2px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #999999;
	width: 700px;
	height: 637px;
	background-color: #DCDCD3;
	border-bottom: 1px dotted #aaa;
}
.frameclientsprod {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #FFFFFF;
	background-color: #999999;
}
.frameclientsproddetails {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #999999;
	border-top: 1px dotted #aaa;
	background-color: #D2D2C9;
}
.framecontact {
	margin:0px 10px 0px 10px;
	padding:20px 10px 2px 10px;
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #999999;
	background-color: #DCDCD3;
	height: 627px;
	border-bottom: 1px dotted #aaa;
}
.frameshowreel {
	margin:0px 10px 0px 10px;
	padding:0px 10px 5px 0px;
	width:720px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../files/reel09_bg.jpg);
	height: 412px;
	background-repeat: no-repeat;
}
.frameshowreeldetails {
	margin:5px 10px 0px 10px;
	padding:4px 10px 2px 10px;
	width:700px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	height: 220px;
	border-top: 1px dotted #aaa;
	background-color: #DCDCD3;
	border-bottom: 1px dotted #aaa;
}
div.projectitem {
	width: 716px;
	height: 200px;
	margin: 0px 0px 0px 10px;
	border-bottom: 1px dotted #aaa;
	border-top: 1px dotted #aaa;
}
div.projectitemImgL {
	float: left;
	width: 352px;
	height: 200px;
}
div.projectitemTextR {
	float: right;
	width: 358px;
	_height: 150px;
	text-align: left;
	padding: 10px 0px 0px 6px;
	background-color: #DCDCD3;
	height: 190px;
	line-height: 12px;
	text-justify: newspaper;
	margin: 0px 0px 0px 0px;
}
div.projectitemImgR {
	float: right;
	width: 352px;
	height: 200px;
}
div.projectitemTextL {
	float: left;
	width: 354px;
	_height: 150px;
	text-align: right;
	text-justify: newspaper;
	background-color: #DCDCD3;
	height: 190px;
	line-height: 12px;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}
.separator {
	height: 22px;
}
.tf1_pub1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:352px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../projects/tf1_pub1.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
.tf1_pub2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:352px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../projects/tf1_pub2.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
.w9_pub {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:352px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../projects/w9_pub.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
.fr5_pub {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:352px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../projects/fr5_pub.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
.fr3_ete {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:352px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../projects/fr3_ete.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
.w9_concertprive {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:352px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../projects/w9_concertprive.jpg);
	height: 200px;
	background-repeat: no-repeat;
}
.frameshowreel10 {
	margin:0px 10px 0px 10px;
	padding:0px 10px 5px 0px;
	width:720px;
	color:#aaaaaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../files/reel10_bg.jpg);
	height: 412px;
	background-repeat: no-repeat;
}