* {padding:0; margin:0; outline:0;}
body {
	background-color:#181818;
	font-family:Arial, Verdana, "Trebuchet MS", sans-serif;
	border-right:1px solid #393835;
	color:#393835;
}

.break {
	clear:both;
}

/*** HEADER ***/

/*** Logo ***/

h1 {
	width:405px; height:86px;
	background:url("img/header/nawakiwi.png") no-repeat;
	text-indent:-5000px;
	position:absolute;
	left:0; top:0;
}
h1 a {
	width:300px; height:86px;
	display:block;
}

#barre_end {
	width:49px; height:86px;
	background:url("img/header/header-barre-end.png") no-repeat;
	position:absolute;
	right:0;
}
#barre {
	height:86px;
	background:url("img/header/header-barre.gif") repeat-x;
}
#barre p {
	padding:14px 0 0 413px;
	font-size:14px;
	color:#bbb7ab;
}
#barre a, #barre a:visited {
	color:#bbb7ab;
	text-decoration:none;
}
#barre a:hover, #barre a:active {
	color:#d2662c;
	text-decoration:underline;
}

#header_deco {
	width:48px; height:38px;
	background:url("img/header/header-deco.gif") no-repeat;
	position:absolute;
	left:312px; top:106px;
}

/*** Menu ***/

ul#menu {
	width:290px; height:190px;
	background:url("img/header/menu.png") no-repeat;
	padding:78px 0 0 22px;
	list-style-type:none;
	position:relative;
	z-index:5;
}
#menu li {
	width:191px; height:30px;
	background-repeat:no-repeat;
	background-position:0 -30px;
	margin-bottom:10px;
	text-indent:-5000px;
}
#menu a, #menu a:visited {
	display:block;
	width:191px; height:30px;
	background-repeat:no-repeat;
	background-position:0 0;
}
#menu a:hover, #menu a:active {
	background-position:0 -60px;
}
#menu li.lien1, #menu .lien1 a {
	background-image:url("img/header/lien-accueil.png");
}
#menu li.lien2, #menu .lien2 a {
	background-image:url("img/header/lien-creation.png");
}
#menu li.lien3, #menu .lien3 a {
	background-image:url("img/header/lien-tutoriels.png");
}
#menu li.lien4, #menu .lien4 a {
	background-image:url("img/header/lien-forum.png");
}
#menu li.lien5, #menu .lien5 a {
	background-image:url("img/header/lien-portfolio.png");
	margin:0;
}

#menu_bottom {
	width:238px; height:42px;
	background:url("img/header/menu-bottom.png") no-repeat;
}
#bottom_deco {
	width:111px; height:88px;
	background:url("img/header/bottom-deco.png") no-repeat;
	position:absolute;
	top:396px; left:4px;
}
#ending_deco {
	width:4px; height:231px;
	background:url("img/header/ending-deco.png") no-repeat;
	position:absolute;
	top:484px; left:38px;
}

/*** INTRO ***/

#intro {
	position:absolute;
	top:130px;
	width:100%;
}
#intro_cadre_left {
	background-color:#352f29;
	color:#ede2d0;
	border:1px solid #523f2c;
	border-top:26px solid #96826d;
	margin:3px 360px 0 312px;
	height:219px;
	position:relative;
}
#intro_cadre_right {
	background-color:#352f29;
	color:#ede2d0;
	border:1px solid #523f2c;
	border-top:26px solid #96826d;
	width:320px; height:219px;
	margin:3px 9px 0 0;
	position:absolute;
	top:0; right:0;
}
#intro .top {
	display:block;
	height:15px;
	background:url("img/intro/border-top.png") repeat-x;
	line-height:1px;
	font-size:1px;
}
#intro .bottom {
	display:block;
	height:14px; width:100%;
	background:url("img/intro/border-bottom.png") repeat-x;
	line-height:1px;
	font-size:1px;
	position:absolute;
	left:0; bottom:0;
}

#intro_cadre_left ul {
	padding:0 14px 0 26px;
	list-style:url("img/intro/arrow.gif");
	font-size:18px;
	color:#ede2d0;
	height:190px;
	overflow:auto;
}
#intro_cadre_left a, #intro_cadre_left a:visited {
	color:#ede2d0;
	text-decoration:none;
}
#intro_cadre_left a:hover, #intro_cadre_left a:active {
	color:#c8652a;
	text-decoration:underline;
}

h4.left {
	width:220px; height:36px;
	background:url("img/intro/news.png") no-repeat;
	position:absolute;
	top:-29px; left:-9px;
	text-indent:-5000px;
	z-index:10;
}

#engrenage_left {
	width:66px; height:65px;
	background:url("img/intro/engrenage1.png") no-repeat;
	position:absolute;
	top:-43px; right:-21px;
}

h4.right {
	width:219px; height:36px;
	background:url("img/intro/gallerie.png") no-repeat;
	position:absolute;
	top:-29px; right:-10px;
	text-indent:-5000px;
	z-index:10;
}

#engrenage_right {
	width:67px; height:66px;
	background:url("img/intro/engrenage2.png") no-repeat;
	position:absolute;
	top:-43px; left:-21px;
}

/** BROWSER **/

#browser {
	height:200px;
	background:url("img/browser/fond.gif") repeat-x #25231e;
	margin:14px 40px 0 312px;
	overflow:auto;
}
#browser .left {
	height:200px;
	background:url("img/browser/left.png") no-repeat left;
}
#browser .right {
	height:200px;
	background:url("img/browser/right.png") no-repeat right;
}
#browser .center {
	height:200px;
	background:url("img/browser/open.png") no-repeat center 182px;
	padding:0 24px;
}
#browser .menu {
	text-align:center;
	font-size:14px;
	color:#8b8577;
	padding-top:21px;
	list-style-type:none;
}
#browser .menu a, #browser .menu a:visited {
	text-decoration:none;
	color:#8b8577;
}
#browser .menu a:hover, #browser .menu a:active, #browser .menu a.selected {
	text-decoration:underline;
	color:#e0831f;
}
#browser .liste {
	font-size:14px;
	color:#e2ddcf;
	padding:15px 15px 0 0;
	height:125px;
	background:url("img/browser/separation.gif") no-repeat right;
	float:left;
	margin-right:15px;
}
#browser .liste h4 {
	font-size:14px;
	font-weight:bold;
	color:#d7d2c7;
}
#browser .liste h4 a, #browser .liste h4 a:visited {
	text-decoration:none;
	color:#e2ddcf;
}
#browser .liste h4 a:hover, #browser .liste h4 a:active {
	color:#c7751d;
}
#browser .liste p a, #browser .liste p a:visited {
	text-decoration:none;
	color:#e2ddcf;
	padding-left:15px;
	background:url("img/browser/puce-off.gif") no-repeat left center;
}
#browser .liste p a:hover {
	text-decoration:underline;
	color:#c7751d;
	background-image:url("img/browser/puce-on-2.gif")
}
#browser .liste p a:active, #browser .liste p a.selected {
	text-decoration:none;
	color:#e2ddcf;
	background-image:url("img/browser/puce-on-1.gif")
}

#browser .liste2 {
	float:left;
	font-size:14px;
	color:#e2ddcf;
	padding-top:15px;
	margin-right:20px;
	height:125px;
}
#browser .liste2 h4 {
	font-size:14px;
	font-weight:bold;
	color:#d7d2c7;
}
#browser .liste2 a, #browser .liste2 a:visited {
	text-decoration:none;
	color:#e2ddcf;
	padding-left:15px;
	background:url("img/browser/puce-off.gif") no-repeat left center;
}
#browser .liste2 a:hover, #browser .liste2 a:active {
	text-decoration:underline;
	color:#c7751d;
	background-image:url("img/browser/puce-on-2.gif")
}

/*** NEWS ***/

#content {
	position:relative;
	z-index:10;
}

h3 {
	width:832px; height:33px;
	background:url("img/news/news.png") no-repeat;
	text-indent:-5000px;
	margin:15px auto;
}

.news {
	position:relative;
	margin:0 80px;
}

/*** Images haut ***/
.news table.top {
	width:100%; height:72px;
	border-collapse:collapse;
	margin-bottom:-72px;
	position:relative;
	z-index:15;
}

.news .top .left_side {
	width:28px;
	background:url("img/news/top-left-side.png") no-repeat;
}
.news .top .left {
	width:40%;
	background:url("img/news/top-left.png") repeat-x;
}
.news .top .center {
	width:356px;
	background:url("img/news/top-center.png") no-repeat;
}
.news .top .right span {
	display:block;
	margin-bottom:27px;
	height:45px;
	background:url("img/news/top-right.png") repeat-x;
}
.news .top .right_side {
	width:99px;
}
.news .top .right_side .inner {
	display:block;
	margin-bottom:27px;
	width:99px; height:45px;
	background:url("img/news/top-right-side.png") no-repeat;
}

.news .top h2 {
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	color:#c1b696;
	margin-bottom:14px;
}
.news .top h2 a, .news .top h2 a:visited {
	text-decoration:none;
	color:#c1b696;
}
.news .top h2 a:hover, .news .top h2 a:active {
	text-decoration:underline;
	color:#cb7d2a;
}

.news .top .center p {
	font-size:14px;
	color:#81755f;
	margin:0 0 34px 33px;
	position:relative;
	z-index:20;
}
.news .top .center span {
	position:relative;
	float:left;
}
.news .top .center span span {
	display:block;
	width:26px; height:26px;
	background:url("img/news/rotating.gif") no-repeat;
	position:absolute;
	top:-10px; left:6px;
}
.news .top .center a, .news .top .center a:visited {
	text-decoration:none;
	color:#c0b092;
}
.news .top .center a:hover, .news .top .center a:active {
	color:#9d5816;
}

.news .top .right_side p {
	position:relative;
	top:18px; left:9px;
}
.news .top .right_side span span, .news .top .right_side a {
	display:block;
	width:16px; height:17px;
	position:absolute;
	top:0;
	font-size:1px;
	line-height:1px;
}
.news a.lien_collapse, .news a.lien_collapse:visited {
	background:url("img/news/lien-collapse.gif") no-repeat top;
}
.news a.lien_collapse:hover, .news a.lien_collapse:active {
	background-position:bottom;
}

.news .lien_up {
	left:23px;
	background:url("img/news/lien-up.gif") no-repeat bottom;
}
.news .lien_up a, .news .lien_up a:visited {
	background:url("img/news/lien-up.gif") no-repeat top;
}
.news .lien_up a:hover, .news .lien_up a:active {
	background-position:center;
}

.news .lien_down {
	left:46px;
	background:url("img/news/lien-down.gif") no-repeat bottom;
}
.news .lien_down a, .news .lien_down a:visited {
	background:url("img/news/lien-down.gif") no-repeat top;
}
.news .lien_down a:hover, .news .lien_down a:active {
	background-position:center;
}

/*** Texte ***/
span.strip {
	display:block;
	background:url("img/news/left-strip.gif") repeat-y left;
	position:relative;
	z-index:11;
	background-color:#2d2c29;
}
span.strip span.strip2 {
	display:block;
	background:url("img/news/right-strip.gif") repeat-y right;
}
.news .strip .strip2 {
	padding:72px 0 18px 0;
	margin-bottom:-45px;
}
.news .strip p {
	padding:10px 30px 40px 30px;
	font-size:14px;
	color:#eee7dd;
}
.news .strip a, .news .strip a:visited {
	text-decoration:underline;
	color:#bfb434;
}
.news .strip a:hover, .news .strip a:active {
	color:#b15a21;
}

/*** Images bas ***/
.news table.bottom {
	width:100%; height:72px;
	border-collapse:collapse;
	position:relative;
	z-index:15;
}

.news .bottom .left_side {
	width:28px;
}
.news .bottom .left_side span {
	display:block;
	margin-top:27px;
	width:28px; height:45px;
	background:url("img/news/bottom-left-side.png") no-repeat;
}
.news .bottom .left {
	width:40%;
}
.news .bottom .left span {
	display:block;
	height:45px;
	margin-top:27px;
	background:url("img/news/bottom-left.png") repeat-x;
}
.news .bottom .center {
	width:356px;
	background:url("img/news/bottom-center.png") no-repeat;
}
.news .bottom .right {
	background:url("img/news/bottom-right.png") repeat-x;
}
.news .bottom .right_side {
	width:99px;
	background:url("img/news/bottom-right-side.png") no-repeat;
}

.news .bottom .center p {
	font-size:14px;
	color:#6b6153;
	margin:0 0 34px 70px;
	position:relative;
	z-index:20;
}
.news .bottom .center a, .news .bottom .center a:visited {
	text-decoration:none;
	color:#6b6153;
}
.news .bottom .center a:hover, .news .bottom .center a:active {
	color:#a46a1f;
	text-decoration:underline;
}

/** CREATIONS **/

.load {
	text-align:center;
	color:#c4bda8;
}

.creation {
	height:339px;
	background:url("img/gallerie/show/circuits.jpg") no-repeat 435px 30px;
	margin:70px 37px 0 61px;
	position:relative;
}

.creation .screen {
	width:438px; height:339px;
	position:absolute;
	left:0; top:0;
	overflow:hidden;
}
.creation .screen .content {
	width:400px; height:301px;
	margin:19px;
	background-image:url("img/gallerie/show/screen.gif");
	text-align:center;
}
.creation .screen .content * {
	margin:0;
}
.creation .tab-menu {
	display:none;
}
.creation .screen .number {
	font-size:14px;
	color:#d4bc97;
	text-align:center;
	position:absolute;
	z-index:20;
	left:319px; top:312px;
}
.creation .screen a.lien-prev, .creation .screen a.lien-prev:visited {
	display:block;
	width:42px; height:12px;
	position:absolute;
	left:267px; top:314px;
	z-index:20;
	font-size:1px; line-height:1px;
	background:url("img/gallerie/show/previous.gif") no-repeat center top;
}
.creation .screen a.lien-prev:hover, .creation .screen a.lien-prev:active {
	background-position:bottom;
}
.creation .screen a.lien-next, .creation .screen a.lien-next:visited {
	display:block;
	width:42px; height:12px;
	position:absolute;
	left:347px; top:314px;
	z-index:20;
	font-size:1px; line-height:1px;
	background:url("img/gallerie/show/next.gif") no-repeat center top;
}
.creation .screen a.lien-next:hover, .creation .screen a.lien-next:active {
	background-position:bottom;
}

.creation .screen table {
	border-collapse:collapse;
	position:absolute;
	left:0; top:0;
	width:438px; height:339px;
}
.creation .screen .left {
	width:38px; height:339px;
	background:url("img/gallerie/show/screen-left.png") no-repeat;
}
.creation .screen .right {
	width:38px; height:339px;
	background:url("img/gallerie/show/screen-right.png") no-repeat;
}
.creation .screen .top {
	width:362px; height:38px;
	background:url("img/gallerie/show/screen-top.png") no-repeat;
}
.creation .screen .bottom {
	width:362px; height:38px;
	background:url("img/gallerie/show/screen-bottom.png") no-repeat;
}
.creation .screen .center {
	width:362px; height:263px;
}
.creation .screen .center a {
	width:362px; height:263px;
	display:block;
}

.creation .text {
	height:339px;
	margin-left:556px;
	position:relative;
	background-color:#393835;
	color:#c5bfb6;
	font-size:14px;
}
.creation .text .top-right span {
	text-align:right;
	float:right;
	padding:18px 56px 0 0;
	font-style:italic;
	font-size:12px;
}
.creation .text .content {
	height:219px;
	margin:0 40px;
	padding-bottom:40px;
	position:relative;
	top:40px;
	overflow:auto;
}
.creation .text center {
	margin:10px;
	padding:10px;
	border:1px solid #625146;
}
.creation .text .indicat {
	text-align:center;
	color:#9c8b7a;
	font-size:12px;
}
.creation .text .indicat center {
	margin:0;
	padding:0;
	border:none;
}
.creation .text h2 {
	text-align:center;
	color:#d9c9b3;
	font-size:18px;
	font-weight:normal;
	margin:6px 0 12px 0;
}
.creation .text ul, .creation .text li {
	margin:2px 0 2px 10px;
}
.creation .text a, .creation .text a:visited {
	color:#c5bfb6;
	text-decoration:underline;
}
.creation .text a:hover, .creation .text a:active {
	color:#d8941e;
}

.creation .text table {
	border-collapse:collapse;
	position:absolute;
	left:0; top:0;
	width:100%; height:339px;
}

.creation .text .left {
	width:38px; height:339px;
	background:url("img/gallerie/show/text-left.png") no-repeat;
}
.creation .text .right {
	width:38px; height:339px;
	background:url("img/gallerie/show/text-right.png") no-repeat;
}

.creation .text .top-left {
	width:126px; height:38px;
	background:url("img/gallerie/show/text-top-left.png") no-repeat;
}
.creation .text .top-center-left {
	height:38px;
	background:url("img/gallerie/show/text-top-center-left.gif") repeat-x;
}
.creation .text .top-center {
	width:18px; height:38px;
	background:url("img/gallerie/show/text-top-center.gif") no-repeat;
}
.creation .text .top-center-right {
	height:38px;
	background:url("img/gallerie/show/text-top-center-right.gif") repeat-x;
}
.creation .text .top-right {
	width:114px; height:38px;
	background:url("img/gallerie/show/text-top-right.png") no-repeat;
}

.creation .text .bottom-left {
	width:126px; height:38px;
	background:url("img/gallerie/show/text-bottom-left.png") no-repeat;
}
.creation .text .bottom-center-left {
	height:38px;
	background:url("img/gallerie/show/text-bottom-center-left.gif") repeat-x;
}
.creation .text .bottom-center {
	width:18px; height:38px;
	background:url("img/gallerie/show/text-bottom-center.gif") no-repeat;
}
.creation .text .bottom-center-right {
	height:38px;
	background:url("img/gallerie/show/text-bottom-center-right.gif") repeat-x;
}
.creation .text .bottom-right {
	width:114px; height:38px;
	background:url("img/gallerie/show/text-bottom-right.png") no-repeat;
}

.creation .text .center {
	height:263px;
}

/*** PAGINATION CREAS (temp~) ***/

#browser .pagination {
	position:absolute;
	top:170px;
	left:510px;
	font-size:12px;
	margin:0;
	padding:0;
}
#browser .pagination a, #browser .pagination a:visited {
	color:#c6bfae;
	text-decoration:none;
}
#browser .pagination a:hover, #browser .pagination a:active {
	color:#c7751d;
}
.pagination {
	margin:20px 0 -25px 0;
	color:#8a8072;
	font-size:14px;
}
.pagination a, .pagination a:visited {
	color:#8a8072;
	text-decoration:underline;
}
.pagination a:hover, .pagination a:active {
	color:#d8941e;
}


/*** FOOTER ***/

#footer {
	height:38px;
	background:url("img/footer/fond.gif") repeat-x bottom;
	position:relative;
	margin:50px 20px 0 20px;
}

#footer span {
	display:block;
	height:38px;
	background:url("img/footer/left.gif") no-repeat left bottom;
}
#footer span span {
	display:block;
	height:38px;
	background:url("img/footer/right.gif") no-repeat right bottom;
}

#footer .copyright {
	font-size:12px;
	color:#151311;
	position:absolute;
	left: 25px; bottom:3px;
}

#footer .center {
	width:361px; height:35px;
	text-align:center;
	margin:0 auto;
	background:url("img/footer/center.png") no-repeat;
	font-size:12px;
	color:#8a8072;
	padding-top:3px;
}
#footer .center a, #footer .center a:visited {
	text-decoration:none;
	color:#8a8072;
}
#footer .center a:hover, #footer .center a:active {
	text-decoration:underline;
	color:#cb5d1a;
}