body {
margin: 0 0 0 0;
background-color: #fff;
}

a {
text-decoration: underline;
font-weight:bold;
color: #3b3b3b;
}

a:hover {
text-decoration: underline;
color: #AFFF30;
}

.img {
margin: 5px;
border:1px black solid;
}

#preload {
width: 0;
height: 0;
display: inline;
background-image: url('');
}

#main {
position: absolute; top: 161px;
width: 100%;
}

#conteneur {
width: 700px;
margin: 0 auto;
padding-left: 10px;
font-family: arial, verdana, sans-serif;
font-size: 0.9em;
}

#conteneur_portefolio {
width: 720px;
margin: 0 auto;
padding-left: 10px;
font-family: arial, verdana, sans-serif;
font-size: 0.9em;
}


#content {
clear:both;
margin: 0px 0px 0px 0px;
padding: 0 0 0 0;
line-height: 1.4em;
color: #000000;
font-size: 0.9em;
}

#contenu {
float:right;
margin: 0 0px 10px 0px;
border-right: 1px solid #ccc; 
padding: 0 0 0 0;
line-height: 1.4em;
color: #000000;
font-size: 0.9em;
width:620px;
}

#content td {
color: #808080;
}

#content p {
padding-bottom: 5px;
}

h1 {
margin-top: 0px;
color: #000000;
letter-spacing: -2px;
font-family: trebuchet ms, century gothic, verdana, sans-serif;
}

h2 {
margin-top: 20px;
margin-bottom: 10px;
color: #808080;
letter-spacing: -1px;
font-size: 1.3em; font-weight: 400;
font-family: trebuchet ms, century gothic, verdana, sans-serif;
}


#footer {
clear:both;
padding: 5px;
margin-top: 20px;
margin-bottom: 3px;
color: #000000;
font-size: 0.7em;
text-align: center;
border-top: 1px solid #ccc;
}

.center {
text-align:center;
display:block;
margin-top: 15px;
}

#outter {
		width : 550px;
		height : 280px;
		background-repeat:no-repeat;
		position : relative;
		border: 1px #AFFF30 solid;
}



#outter2 {
		width : 550px;
		height : 280px;
		background-image: url(../images/zoepascale.jpg);
		background-repeat:no-repeat;
		position : relative;
		border: 1px #AFFF30 solid
}

#outter3 {
		width : 550px;
		height : 200px;
		background-repeat:no-repeat;
		position : relative;
		border: 1px #AFFF30 solid
}

#inner {
	position:absolute;
	z-index : 2;
	left: 89px;
	top: 15px;
	margin-top : -10px;
	margin-left : -75px;
	color: #000000;
	padding: 5px 5px 5px 5px;
	width: 526px;
	text-align:justify;
	height: 237px;
}	

#inner2 {
	position:absolute;
	left: 89px;
	top: 150px;
	margin-top : 0px;
	margin-left : 0px;
	z-index : 2;
	font-size:small;
	color: #000000;
	padding: 5px 5px 5px 5px;
	width: 527px;
	height: 98px;
	text-align:justify;
	top: 9px;
	left: 14px;
}	

#inner3 {
	position:absolute;
	z-index : 2;
	font-size:small;
	color: #000000;
	padding: 5px 5px 5px 5px;
	width: 326px;
	height: 296px;
	text-align:justify;
	top: 5px;
	left: 209px;
}	

#header {
width: 100%; height: 100px;
margin: 0 0 0 0;
background-color: #3b3b3b;
z-index: 1;
}

#header h1 {
display: none;
position: absolute;
margin: 99px 0 0 0; padding: 0;
background-color: transparent;
color: #000000;
font-family: trebuchet ms, century gothic, verdana, sans-serif;
font-size: 35px;
font-weight: 400;
z-index: 4;
}
.skazz_logo{
position: absolute;
margin: 105px 0 0 0; padding: 0;
z-index: 4;
}

span {
color: #AFFF30;
}

#center {
text-align:center;
}

#header big {
position: relative;
float:right;
margin: 0 0 0 0; padding: 0px;
color: #444;
font-size: 97px;
font-family: trebuchet ms, century gothic, verdana, sans-serif;
letter-spacing: -12px;

}

#menu {
margin: 0 0 0 0;
background-color: #000;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
z-index: 3;
text-align: center;
position: absolute;
width: 105%;
height: 61px;
}


#menu ul {
margin-top: 20px;
margin-right: 85px;
}

#menu ul li {
display: inline;
}

#menu ul li a {
background-color: transparent;
background-repeat: repeat-x;
padding: 14px 20px 14px 20px;
font-size: 0.8em;
font-family: 'century gothic', verdana, sans-serif;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
border: solid 1px #000;
}

#menu ul li a:hover {
color: #AFFF30;
text-decoration: none;
}



#sidebar .item {
	border-bottom:1px solid #373c41;
	padding:10px 5px 0 25px;
	color:#737b80;
}


#left_menu {
	width:260px;
	float:left;
}

#right_menu {
	width:420px;
	float:right;
	text-align:center;
	left: 548px;
	top: -6px;
}
	
#liens {
width: 175px;
padding: 0;
font-size: 0.6em;
font-family: verdana, arial, sans-serif;
}

#liens ul {	
list-style: none;
width: 175px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#liens li {
margin-bottom: 1px;
}

#liens li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #cccccc;
display: block;
padding: 5px;
background: #3b3b3b;
border-right: 10px solid #fff;
}	
	
#liens li a:hover {
background: #AFFF30;
color: #000;
border-right: 10px solid #AFFF30;
}


#liens .child {
font-size: 0.9em;
padding: 0;
}

#liens .child a {
height: 14px;
padding-left: 10px; 
border-right: 10px solid #fff;
background: #bbb;
color: #808080;
}

#liens .child a:hover {
color: #06f;
background-color: #e0e0e0;
border-right: 10px solid #fff;
}

#flashholdingdiv{ 
position: absolute; 
left: 50%; 
margin-left: -700px; 
width: 100%; 
} 

#title_portfolio  {
color:#000000;
width:500px;
height:65px;
margin:0 auto;
} 
#portfolio  {
color:#CCCCCC;
width:500px;
height:800px;
margin:0 auto;
border:solid 2px;
} 

#portfolio td  {
text-align:center;
color:#CCCCCC;
font-size:16px;
font-weight:bold;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
} 

#portfolio a img {
border:solid 5px #333333;
} 
#portfolio a:hover img {
border:solid 5px #AFFF30;
} 

table {
border:0;
clear:both;
}