body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: normal;
background-color: #3b3d38;
background-attachment: fixed;
background-repeat: repeat;
background-image: url("../img/bg_noise.png");
background-position: left top;
margin: 0px;
padding:0px;
color:#000000;
}

a, a:active, a:visited{
color:#004555;
text-decoration:none;
}
a:hover{text-decoration:underline;}
span.baddirection { unicode-bidi:bidi-override; direction: rtl; }


.main {
width:100%;
padding:0 auto 0 auto;
background-image: url("../img/bg_topleft.jpg");
background-repeat: no-repeat;
background-position: left top;
}

.menu {
position:relative;
width: 90px;
height: 200px;
left: 0px;
top: 56px;
color:#cc9111;
padding-left:0em;
margin-left:0 auto;
margin-right:0 auto;
}

div.menu ul{
margin:0;
padding:0;
list-style-type:none;
}
div.menu ul li{text-align:center;}
div.menu ul li a{
color:#cc9111;
text-decoration:none;
font-weight:bold;
height:30px;
padding:0.6em 0;
display:block;
}
div.menu ul li a.pageEnCours {background-color:#111111;}
div.menu ul li a:hover{background-color:#111111;}

.conteneur {
position:absolute;
width: 900px;
left: 84px;
top: 56px;
padding:0;
}

.index {
border-left:#111111 3px solid;
background-color:#d4d4d4;
padding:1em 1em 1em 1.5em;
margin-bottom:1em;
-moz-border-radius-topright :8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-bottomright :8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}

.showreel {
float:left;
padding-right:2em;
height:430px;
}
.mine {
position:fixed;
left:620px;
}
.mine ol {
z-index: 999;
position:relative;
left:20px;
padding-top:0.3em;
list-style-type:none;
margin:0;
}
.mine ol li.cat {font-style:italic;}
.mine ul {
position:relative;
left:20px;
margin:0;
padding:0;
list-style-type:none;
font-style:normal;
}
.mine ul li.lispace {padding-bottom:1em;}

.worksTitle {
height:10px;
padding:-0.5em 0.2em;
font-size:0.8em;
}
.works{
margin-top:.5em;
background-image:url("../img/works_ramp.png");
background-position: right top;
background-repeat: repeat-x;
margin-bottom:40px;
}
.works table{	width:100%;}
.works img {filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.works img:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.workh1 {
font-weight:bold;
text-transform:uppercase;
}
.thumbnails{
width:100%;
padding:0.6em;
border:1px dotted #999;
background-color:#DDD;
}
.thumbnails th{width:510px;}
.thumbnails td{vertical-align: top}

.linksContent{margin-top:0.5em;}

.rowLinks{width:500px;}
.rowLinks td{
width:50%;
padding-top:0;
padding-left:2em;
margin-left:3em;
}

.social{margin-top:0.5em;}

.topLink{
margin-top:0.5em;
margin-left:750px;
padding:0 auto;
border-top:#181818 3px solid;
border-left:#181818 3px solid;

background-color:#1e1e1e;
padding:0.1em 0.5em 0.1em 1em;
}

.seemore{
font-weight:bold;
font-size:1.2em;
}
.seemore_imgTMP {
position:relative;
left:20px;
width:520px;
padding-top:0.3em;
}
.seemore_img {
float:left;
left:40px;
width:520px;
padding-top:0.3em;
}
.seemore_img img {
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
}
.seemore_img img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
.links {
position:relative;
top:-20px;
text-align:right;
height:120px;
}
.links span{
font-weight:bold;
font-size:1.2em;
color:#34594b;
margin:0.2em;
}
.links  ul {
padding-top:0.3em;
list-style-type:none;
margin:0;
}
.footer{
position:relative;
left:655px;
top:-10px;
font-size:0.8em;
color:#555;
}
.footer a, .footer a:active, .footer a:visited{
color:#336699;
text-decoration:none;
}
.footerBlog{
position:relative;	left:790px;	top:-10px;	font-size:0.8em;	color:#555;
}
.addContent ul {
position:relative;
left:5px;
margin:0;
padding:0;
list-style-type:none;
font-style:normal;
font-size:0.8em;
}
.addContent input , textarea{
border:1px solid #000;
background-color:#EEE;
}
.addContent input {
width:618px;
}
.addContent input:hover, textarea:hover{background-color:#FFF;}
.date {
text-align:right;
font-size:0.8em;
}
.blogComm {width:100%;}
.blogComm form {
margin:0.5em;
padding:0.5em;
border-left:1px solid #BBB;
}
.blogComm ul {
position:relative;
left:2.5em;
margin-top:0.8;
padding:0;
list-style-type:none;
font-style:normal;
font-size:0.8em;
}
.nbComm {
padding-left:98%;
text-align:right;
}
.syntax {
font-size:0.8em;
font-style:italic;
}
.blogContent {
margin-bottom:2px;
}
.blogComm p{
text-align:left;
border-top:1px solid #999;
width: 580px;
padding-left:18px;
background-color:#DDD;
}
.blogCommAdmin p{
text-align:left;
border-top:1px solid #999;
width: 580px;
padding-left:18px;
background-color:#DDD;
}
.blogCommAdmin table{width:600px;}
.blogCommAdmin th{
width:95%;
text-align:right;
}

.commDate{
font-size:0.7em;
font-style:italic;
color:#666;
}
.commComm{
display:block;
position:relative;
left:45px;
top:-10px;
width:505px;
padding:0em 1em 0 1em;
margin-top:0em;
background-image:url("../img/icon_quote.png");
background-position: right top;
background-repeat: no-repeat;
}
.blogComm input , textarea{
border:1px solid #000;
background-color:#EEE;
}
.blogComm input:hover, textarea:hover{background-color:#FFF;}
.supprComm {
text-align:right;
margin-right:270px;
}
.modifComm {
text-align:right;
margin-right:340px;
}
.previewBlog{
border:1px dotted #999;
background:#DDD;
padding:1em;
}
.pagination{
border-left:#111111 3px solid;
background-color:#d4d4d4;
padding:0.2em 1em 0.2em 1.5em;
margin-bottom:1em;
-moz-border-radius-topright :8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-bottomright :8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.pagination span{
margin-right:2em; text-align:right;
}
.rss{
position:absolute;
left:960px;
top:35px;
}

h4{
color:#34594b;
font-weight:bold;
font-size:1.2em;
margin:0.2em;
}

hr{
margin-top:1em;
margin-bottom:1em;
color:#343c40;
background-color:#343c40;
height:2px;
clear:both;
}

img {
text-decoration:none;
border:none;
}
acronym {
font-style:italic;
font-size:0.7em;
}

.dot {
font-style:italic;
font-size:0.8em;
}
.error {
display:block;
color:#660000;
font-style:italic;
font-size:0.8em;
}
strong{
font-style:uppercase;
font-weight:bold;
}

input.button {	
width:40px; 
border:1px solid #000000;	
background-color:#eeeeee;	
color:#000000;
font-size:0.8em;	
}
input.button:hover { font-style:italic; }

.disabled {color:#AAAAAA;}