@charset "utf-8";

@import "stylesheet.css";

body {
background:#fff;
margin:0;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#777777;
}

a {
color:#7b0059;
text-decoration:underline;
}

a:hover{
color:#7b0059;
text-decoration:none;
}

p{
margin-left:10px;
color:#777777;
}

h1 {
font-size:13px;
margin:0;
font-weight:bold;
color:#8e8173;

font-family: OCRBRegular;
letter-spacing: -2px;
font-size: 16px;
line-height: 30px;
color: #7B0059;
font-weight: normal;
}

.content_navigation h1{
float:left;
}

h2 {
font-size:12px;
font-weight:bold;
color:#8e8173;
margin-left:10px;
}

h3 {
font-size:12px;
font-weight:bold;
color:#bab1a6;
}

hr {
display:block;
height:1px;
border:none;
margin:10px 0 10px 0;
background:url(../images/dot_hor.gif) top left repeat-x;
}

.clearer {
clear:both;
}

.image_right{
float:right;
}

.image_left{
float:left;
}

/********************** Frames ****************************/


#header{
padding-top:24px;
width:886px;
margin:auto;
background:#ffffff;
height:83px;
}

#logo {
float:left;
width:164px;
height:60px;
background:url(../images/logo-njoy.png) no-repeat;
}

.top_navigation {
float:left;
margin-left:132px;
width:500px;
height:83px;
}

.top_navigation .content_navigation  {
	font-family: OCRBRegular;
}

.top_navigation .content_navigation ul.level_1  {
	margin: 0;
	padding: 0;
	list-style: none;
}

.top_navigation .content_navigation ul.level_1 > li  {
	position: relative;
	float: left;
	margin: 0;
	padding: 21px 0 0 15px;
	width: 109px;
	height: 30px;
	background: url(../images/line_nav.png) left top no-repeat;
}

.top_navigation .content_navigation ul.level_1 > li a  {
	font-size: 16px;
	line-height: 30px;
	letter-spacing: -2px;
	text-decoration: none;
	color: #666666;
}

.top_navigation .content_navigation ul.level_1 > li:hover a,
.top_navigation .content_navigation ul.level_1 > li a.selected {
	text-decoration: none;
	color: #7b0059;
}


.top_navigation .content_navigation ul.level_1 li ul.level_2  {
	display: none;
	position: absolute;
	top: 51px;
	left: 1px;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	min-width: 245px;
}

.top_navigation .content_navigation ul.level_1 li:hover ul.level_2  {
	display: block;
}

.top_navigation .content_navigation ul.level_1 li ul.level_2 li  {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid #e8e6e2 1px;
}

.top_navigation .content_navigation ul.level_1 li ul.level_2 li:last-child  {
	border-right: none;
}

.top_navigation .content_navigation ul.level_1 li ul.level_2 li a  {
	font-size: 10px;
	line-height: 12px;
	letter-spacing: -1px;
	text-decoration: none;
	color: #666666;
}

.top_navigation .content_navigation ul.level_1 li ul.level_2 li:hover a,
.top_navigation .content_navigation ul.level_1 li ul.level_2 li a.selected {
	text-decoration: none;
	color: #7b0059;
}









#content {
background:#ffffff;
margin:auto;
}

.content_top {
background:#f3f1ef;
}

.content_top img{
margin-top:20px;
float:right;
}


.block_flash {
margin:auto;
width:886px;
height:286px;
}

.content_bottom {
padding-top:46px;
width:900px;
margin:auto;
background:#ffffff;
font-size:11px;
line-height:20px;
padding-bottom:31px;
}

.content_left {
float:left;
width:267px;
padding-right:26px;
margin-left:-5px;
background:url(../images/dot_vert.gif) top right repeat-y;
min-height:256px;
height:auto !important;
height:256px;
}

.content_left p{
margin-left:10px;
}

.content_center {
float:left;
width:260px;
padding-left:27px;
padding-right:31px;
color:#8e8173;
}

.date {
float:left;
border-right:1px solid #8e8173;
width:30px;
padding-left:5px;
line-height:14px;
text-align:center;
}

.date_text {
width:200px;
float:left;
padding:0px 8px;
}

.date_text h2 {
margin-top:4px;
margin-bottom:4px;
}

.mois {
display:block;
font-size:12px;
}

.jour {
display:block;
font-size:11px;
font-weight: bold;
}

.content_right {
float:left;
width:260px;
padding-left:30px;
background:url(../images/dot_vert.gif) top left repeat-y;
min-height:256px;
height:auto !important;
height:256px;
color:#8e8173;
}

.content_right h2 {
margin-top:17px;
}

.content_right a {
color:#8e8173;
text-decoration:underline;
}

.content_right a:hover {
color:#8e8173;
text-decoration:none;
}

.content_right table{
margin-left:10px;
width:100%;
}

#footer {
/*padding:50px 0px;
text-align:center; 
width:900px;
margin:auto;
background:#ffffff;
color:#bab1a6;*/
}

#footer a{
color:#bab1a6;
}

/********************** Contact ****************************/

.content_left_contact {
float:left;
width:568px;
padding-right:26px;
margin-left:-5px;
background:url(../images/dot_vert.gif) top right repeat-y;
min-height:256px;
height:auto !important;
height:256px;
}

.content_left_contact img{
padding-left: 14px;
margin-top: 16px;
}

.content_top .text_textimg {
	font-family: OCRBRegular;	
	width: 370px;
	height: 200px;
}

.content_top .text_textimg h1 {
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	letter-spacing: -2px;
	color: #777777;
}

.content_top .text_textimg p {
	margin-left: 0;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -2px;
	color: #a19689;
}

/*** project view ***/

.content_product .project_text {
	font-family: OCRBRegular;	
}

.content_product .project_text h1 {
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	letter-spacing: -2px;
	color: #777777;
}

.content_product .project_text p {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -2px;
	color: #a19689;
}


.content_navigation.project h1 {
	font-family: OCRBRegular;
	letter-spacing: -2px;
	font-size: 16px;
	line-height: 30px;
	color: #7b0059;
	font-weight: normal;
}

/**** highlights ***/

.highlight_outer {
	position: relative;
	width: 886px;
	height: 286px;
}

.highlights_left_block {
	width: 886px;
	height: 286px;
}

.highlights_left_block .highlight_item {	
	width: 886px;
	height: 286px;
}

.highlights_left_block .highlight_item .highlights_item_content {	
	float: left;
	padding: 60px 0 0 0;
	width: 350px;
	font-family: OCRBRegular;
}


.highlights_left_block .highlight_item .highlights_item_content h1 {
	font-size: 18px;
	line-height: 32px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #777777;
}

.highlights_left_block .highlight_item .highlights_item_content p {
	margin-left: 0;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: -2px;
	color: #a19689;
}

#nav {
	position: absolute;	
	bottom: 19px;
	left: 0;
	z-index: 50;
}

#nav .link {
	float: left;
	display: block;
	width: 88px;
	height: 55px;
}


#nav .link_1{
	background: url(../images/highlight3.jpg) left bottom no-repeat;
}
#nav .link_1:hover,
#nav .link_1.activeSlide {
	background: url(../images/highlight3_hover.jpg) left bottom no-repeat;
}


#nav .link_2{
	margin-left: -1px;
	background: url(../images/highlight2.jpg) left bottom no-repeat;
}
#nav .link_2:hover,
#nav .link_2.activeSlide {
	background: url(../images/highlight2_hover.jpg) left bottom no-repeat;
}

#nav .link_3{
	margin-left: -2px;
	background: url(../images/highlight4.jpg) left bottom no-repeat;
}
#nav .link_3:hover,
#nav .link_3.activeSlide {
	background: url(../images/highlight4_hover.jpg) left bottom no-repeat;
}

#nav .link_4{
	margin-left: -1px;
	background: url(../images/highlight1.jpg) left bottom no-repeat;
}
#nav .link_4:hover,
#nav .link_4.activeSlide {
	background: url(../images/highlight1_hover.jpg) left bottom no-repeat;
}


/********************** Designers & works ****************************/

.content_bottom_designers {
padding-top:46px;
padding-bottom:37px;
margin-left:-5px;
width:900px;
margin:auto;
background:#ffffff;
font-size:11px;
line-height:20px;
}


.content_right .content_textimg td {
padding:0;
}

.content td {
padding:8px 10px 8px 8px;
}

.annee {
color:#7b0059;
vertical-align:top;
}

.descr {
background:url(../images/dot_vert.gif) top right repeat-y;
}

.tab1 {
padding-bottom:22px;
margin:0px;
}

.img_list {
float:left;
padding-left:12px;
padding-top:27px;
margin-bottom: 27px;
}

.img_list p {
margin:0;
}

.img_list img {
filter : alpha(opacity=50);
-moz-opacity : 0.5;
opacity : 0.5; 
}

.img_list img:hover, .img_list img.selected {
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1; 
}

img {
border:none;
padding:0;
margin:0;
}


/****************** Menu déroulant *******************/

.menu {
float:left;
}

.imgs {
float:left;
margin-left:14px;	
}

/************* Box ****************/


/************* news ***************/

.latest_left {
float:left;
width:200px;
padding:0 4px;
background:url(../images/dot_vert.gif) top right repeat-y;
}

.latest_link_current h2 {
color:#525252 !important;
text-decoration:none;
}

.latest_right {
float:left;
width:450px;
padding:0 4px;
}

.content_downloads_item{
padding-left:10px;
}


/*Signature*/
img
{
	border:none;
}

#footer
{
	background-color:#fff;
	border-top:dotted 1px #cccccc;
	height:215px;
	font-family:arial;
	font-size:10px;
	margin:0;
}

#signature
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	overflow:hidden;
}

#powered 
{
	padding:5px 12px;
	float:left;
	border-right:solid 1px #cccccc;
	color:#615945;
	line-height:10pt;
}

#link 
{
	padding:9px 10px 5px 10px;
	float:left;
	color:#73726c;
	line-height:10pt;
}

#link img, #powered  img
{
	margin-left:5px;
}

.about_inner
{
	padding:10px 25px 0px 25px;
	float:left;
	width:136.5px;
	border-right:solid 1px #cccccc;
	height:100px;
}

#about
{
	/*clear:both;*/
	border-left:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	/*width:896px;*/
	width:790px;
	background-color:#f3f1ef;
	/*position:absolute;
	margin-left:108px;
	
	z-index:10;*/
	margin-top:-10px;
	float:left;
	/*display:none;*/
	overflow:hidden;
}

.bordered
{
	border-left:solid 1px #fff;
}

.footer_close
{
	float:right;
	margin:5px 4px 4px 0px;
}

.last
{
	padding-right:0px;
	width:198px;
}

#about p.title
{
	font-size:11px;
	color:#7c015a;
	text-align:left;
	line-height:11px;
}

#about p
{
	font-size:10px;
	color:#73726c;
	text-align:left;
	line-height:1.6em;
}

#about a 
{
	font-size:10px;
	color:#73726c;
	line-height:1.6em;
	text-decoration: none;
	
}

#about a:hover 
{
	text-decoration: underline;
	
}

#link a, #about a.footer_close
{
	font-size:10px;
	text-decoration:none;
	color:#615945;
}