@font-face {		font-family: lexic;		src: url("../img/LexicNo2RomA-yuanTxt.ttf") format("truetype");	}
* {margin: 0px;padding: 0px;border: 0px none;outline: 0px none;}

html { height:100%;}
body {font-family: lexic, "Times New Roman", Times, serif;font-size: 12px;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-decoration: none;line-height: normal;color: #000;background: #fff;overflow: auto; height:100%; line-height:16px;}

a, a:hover {text-decoration: none;color: #000;}

#grill { position:absolute; top: 0; left: 0;  }
#grill img { }
#bodycontent { position:relative; margin:0 auto; width: 1000px;  height:100%;}
#bodycontent #content { position:absolute; top: 193px; left: 139px; width: 838px; z-index: 1;}

#noscript {font-family: "Courier New", Courier, mono;position: absolute;top: 42px;left: 42px;width: 600px;z-index: 30;padding: 24px 33px;color: #000000;font-size: 3em;line-height: 1.2em;background-color: #FFFFFF;}

.red, .red:hover {color: #FF6600;}
.green {color: #000;}
.dash {font-size: 1.3em;line-height: 1.2em;}

#logo { position:absolute; top: 59px; left:11px;	background:transparent url(../img/logo.png) 0px 0px; width:126px; height:91px;}
#logo a { 	width: 126px;	height: 91px; display:block; }
#menu {position: absolute;top:193px; left: 80px;width: 100px;color: #000;font-size: 100%; z-index: 99;}
#menu a, #menu a:link, #menu a:visited {display: block;color: #000;}
#menu a:hover {display: block;color: #000; }
#menu a.selected {display: block;color: #000; }
#menu a.green, #menu a.green:hover, #menu span.green {	color: #000;}
#menu ul li { width: 70px; }
#menu ul li { list-style:none; position:relative; }
/*#menu>ul>li:hover>ul { display:block; }*/
#menu>ul>li>ul {position:absolute; left: 60px; top: 0px; display:none; height: 300px; width: 135px; /*background:url(../img/bg_white.png);*/}
#menu>ul>li>ul>li { cursor:pointer; width: 135px; }
#menu>ul>li>ul>li>ul { display:none; padding-left: 7px; overflow:hidden; width: 130px; }
#menu>ul>li>ul>li>ul>li {width: 130px; }

#menu ul li.studio a:hover,
#menu ul li.studio a.selected { color: #E7511E;}
#menu ul li.news a:hover,
#menu ul li.news a.selected { color: #66CD37;}
#menu ul li.projet a:hover,
#menu ul li.projet a.selected { color: #66B8DC;}
#menu ul li.contact a:hover,
#menu ul li.contact a.selected { color: #FABA00;}
/*
#projet { position:relative;top: 68px;left: 300px;width: 612px; }
#projet .block { position:relative; width: 750px; }
#projet .block .images { background-color: transparent; height:450px; background-repeat:no-repeat; }
#projet .block .images div.large { height: 442px; width: 612px; cursor:pointer; display:none; }
#projet .block .description { position:absolute; left: 640px; top: 0px; width: 161px;}
#projet .block .description .titre {color: #88BB44;font-size: 1.2em; }
#projet .block .description .texte { font-size: 12px;line-height: 1.4em;color: #AAAAAA; }
#projet .thumbs { position:relative; height:45px;}
#projet .thumbs li {float: left; padding-left: 8px; opacity: 1; filter:alpha(opacity=100); cursor:pointer; }
#projet .thumbs li.first {float: left; padding-left: 0px; }
#projet .url a { color:#AAAAAA;font-size: 1.2em; }
#projet .url a:hover { color:#ccc; }
*/
#title {position: absolute;top: 590px;left: 201px;width: 612px;color: #88BB44;font-size: 1.4em;line-height: 1em;}
#text {position: absolute;top: 610px;left: 201px;width: 612px;padding: 0px 0px 0px 0px ;font-size: 1.2em;line-height: 1.4em;}

#navigation li.toggleSubMenu .titre {	color: #88BB44;}
#project {	width: 200px;}
#projects { display:none; }

#studio { width: 838px; height:360px; position:relative; overflow:hidden;}
#studio .navigation { position:absolute; font-size: 150%; color: #999; z-index:99;}
#studio .navigation a { display:block; height:190px; padding-top: 170px; width: 35px; color: #fff; text-align:center; cursor:pointer;}
#studio .navigation .prev { position:absolute; top: 0px; left: 360px;}
#studio .navigation .next { position:absolute; top: 0px; left: 803px;}
#studio .container { width: 838px; height:360px; position:relative; overflow:hidden;}
#studio .container .item { width: 838px; height:360px;position:relative; }
#studio .container .item .txt{ width: 335px; position:relative; float:left;}
#studio .container .item .img { margin-left: 16px; width: 477px; height: 360px; background-color:#000; position:relative;float:right;}

#news { width: 838px; height:360px; position:relative; overflow:hidden;}
#news .navigation { position:absolute; font-size: 150%; color: #999; z-index:99;}
#news .navigation a { display:block; height:190px; padding-top: 170px; width: 35px; color: #fff; text-align:center; cursor:pointer;}
#news .navigation .prev { position:absolute; top: 0px; left: 360px;}
#news .navigation .next { position:absolute; top: 0px; left: 803px;}
#news .container { width: 838px; height:360px; position:relative; overflow:hidden;}
#news .container .item { width: 838px; height:360px;position:relative; }
#news .container .item .categorie{ width: 124px; padding-top: 34px;position:relative; float:left;color:#66CD37; }
#news .container .item .titre{ margin-left: 30px; width: 154px; padding-top: 34px;position:relative; float:left;color:#66CD37; }
#news .container .item .img { width: 477px; height: 360px; background-color:#000; position:relative;float:right;}

#projet { width: 838px; height:400px; position:relative; overflow:hidden;}
#projet .navigation { position:absolute; font-size: 150%; color: #999; z-index:99;}
#projet .navigation a { display:block; height:190px; padding-top: 170px; width: 35px; color: #fff; text-align:center; cursor:pointer; }
#projet .navigation .prev { position:absolute; top: 0px; left: 360px;}
#projet .navigation .next { position:absolute; top: 0px; left: 803px;}
#projet .description{ width: 335px; height: 360px; position:relative; float:left;}
#projet .description .box { position:absolute; left: 155px; top: 70px; display:none;}
#projet .description .box .titre .titre { font-style:italic; color:#66B8DC; }
#projet .description .box .titre a { color:#66B8DC; }
#projet .description .box .credits { white-space:nowrap; }
#projet .container { margin-left: 16px; width: 477px; height: 360px;  position:relative;float:right;}
#projet .container div.item {width: 477px; height: 360px; position:relative; background-color:#000; }

#contact { width: 838px; height:360px; position:relative; overflow:hidden;}
#contact .item { width: 838px; height:360px;position:relative;}
#contact .item .txt{ width: 265px; position:relative; float:left; margin-top:104px; }
#contact .item .img { margin-left: 16px; width: 477px; height: 360px; background-color:#000; position:relative;float:right;}


li { list-style:none; }
.clear { clear:both; }