@charset "utf-8";
/* CSS Document */
/**************************
* reset : 
***************************/
*{ margin:0;padding:0; }
ul{	list-style:none; }
img{ border:none; }

/**************************
* CLASSES 
***************************/
.left{ float:left; }
.right{ float: right; }
.clear{	clear:both; }
.block{	display:block; }

.marginLeft20 {
    margin-left:20px;
}
.padding1{ padding:1px 0 0 0; }
.width216{ width:216px }
.grey{ color: #666;}

/*************************** GENERAL **************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	background:#e1e2e4 url(../img/backgnd.gif) repeat-y;
}

a {
	color:#000000;
	text-decoration:none;
}

a:hover{
	background-color:#D5F5FF;
}

h3{
	margin:10px 0;
}

/*************************** CONTAINER **************************/
#container{
	width:930px;
	padding:50px;
}

/*************************** HEADER **************************/
#header {
	height:61px;
	border-bottom:1px solid #B4B5BA;
}

#header h1{	
	font-size:1em;
	width:236px;
}

#header h1 a:hover{
	background-color:#FFF;
}

#header dl{
	width: 236px;
	float:left;
	font-size:0.72em;
	line-height:1.3em;
}

#header dl#more{
	width:auto;
	margin:0;
}

/*************************** NAV **************************/
#nav{
	margin-top:20px;
	font-size:0.7em;
	clear:both;
}

#nav #navUrl{
	width: 236px;
	float:left;
	font-weight:bold;
	color:#666;
}

#nav #navUrl a{
	color:#666;
}

#nav ul li.back{
	float:left;
	width:236px;
}

#nav ul li.previous{
	float:left;
	width:142px;
}

/*************************** CONTENT **************************/
#content {
	clear:both;
	padding-top:20px;
	font-size:0.7em;
}

/********* home *********/
#content .presentation {
	background:url(../img/presentation.jpg) no-repeat left;
	margin:10px 0 20px 236px;
	width:694px;
	height:72px;
}

#content .presentation a:hover{
	background-color:#FFF;
	width:694px;
	height:72px;
}

#content .dashed {
	background:url(../img/dot.gif) repeat-x bottom;
	width:924px;
	height:1px;
	margin:10px 0 20px 0;
}

#content .cat .project{
	margin-bottom:10px;
	height:18px;
}

#content .cat .img{
	margin-bottom:5px;
	width:216px;
	height:107px;
	cursor:pointer;
}

#content .cat .img a:hover{
	background:none;
}

#content .cat p.view{
	font-style:italic;
	text-align:right;
	width:100%;
}

#content .cat p.view a{
	margin-right:5px;
	width:50px;
	text-align:center;
}

/********* show project *********/
#content .cat div#texte {
	width:216px;
}

#content .cat p.title{
	font-weight:bold;
}

#content .cat p.descriptionProject{
	margin-top:5px;
}

/********* about *********/
#content .aboutLeft {
	background:transparent url(../img/dot.gif) repeat-x scroll center bottom;
	height:450px;
	margin:0 20px 30px 0;
	padding-bottom:10px;
	width:212px;
	float:left;
}

#content .references{
	margin:10px 0 0;
}

/*************************** FOOTER **************************/

#footer {
	background:url(../img/line.gif) repeat-x scroll;
	background-position: bottom;
	margin-top:50px;
	margin-bottom:25px;
	height:20px;
	clear:both;
	font-size:0.7em;
}