/* Colors utilisé dans le site

 ---------------------------------------------------*/
 
body {
	font-family: Helvetica, Arial, sans-serif;
}

/* Généralités ---------------------------------------------------*/

.clear {
	clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
p {
   font-family: Arial, sans-serif;
   color:#8c949e;  
}

h1 {
	color:#485970;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.05em;
	letter-spacing: 1px;	
}
h2, h3 {
	
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
}

h4 {
	font-family: Arial, sans-serif;
	color:#666;
}
a{
	text-decoration:none;
	font-size:12px;
	color:#8c949e;
	outline: none;
}
a:hover {
	color:#000;
		
}
span.date {
	color:#888;
	font-size:0.65em;
	background-color:#fff;	
}

/* container ---------------------------*/
#container {
	margin-top: 40px;
	margin-bottom:20px;
}
#container p {
	font-size:0.90em;
}


/* header ---------------------------*/
#header {
	height:330px;
	background:url(../_images/bg-header.jpg) no-repeat #fff ;
	background-position:left top ;
}
#header-droite p {
	margin:179px 0 0 480px ;
	font-size:0.85em;	
}
#header-gauche p {
	font-size:0.85em;
	margin:179px 0 0 0;
}

/* content ---------------------------*/
#content {
	background:url(../_images/bg-content.jpg) repeat-y #fff ;
}
#content h2 {
	padding-bottom:5px;
	border-bottom:2px solid #000;
	margin:4px 0 10px 0;	
}
#col-2, #col-4  {
	padding-top:65px;
}
#col-3  {
	padding-top:0px;
}

#col-4  p.text-last-works {
	padding-top:8px;
	font-size:0.75em;
	line-height:135%;	
}

#content a.fade {
  display: block;
  border:1px solid #eaeaea;
}

#content a.fade img {
  margin-bottom: 0px;
}

#content a.fade img:hover {
  	filter : alpha(opacity=0);
    -moz-opacity : 0;
    opacity : 0; 

}

#item-works {
	margin:10px 0 20px 0;
	padding-bottom:20px;
}
#item-works h3 {
	margin:10px 0 3px 0;
	background-color:#fff;
}
/* page projet ---------------------------*/

#header-projet {
	background:url(../_images/ligne-separation.jpg) no-repeat #fff ;
	height:50px;
	padding:15px 0 0px 0;	
}

#header-projet-col2 p {
	margin-top:10px;
	text-align:right;
	font-size:0.80em;	
}

/* ---description projet ----*/

#description-projet {
	background:url(../_images/ligne-separation.jpg) no-repeat #fff ;
	height:110px;
	padding:30px 0 0px 0;
	
}
#description-projet-col1 h3 {
	font-size:1.3em;
}
#description-projet-col1 h4 {
	font-size:0.90em;
	margin-top:4px;
}

#description-projet-col2 p {
	width:300px;
	font-size:0.78em;
	line-height:125%;
}

#description-projet ul li a {
	padding:9px 0 0px 0px;
	color: #000;
	font-size:0.75em;
	text-decoration: none;
}

#description-projet ul li a:hover {
	color:#8c949e;	
}

#description-projet ul li.active a {
	color:#8c949e;
	text-decoration:line-through;	
}

/* ---navigation projet----*/
	
#navig-projet {
	background:url(../_images/ligne-separation2.jpg) no-repeat #fff ;
	height:27px;
	padding-top:13px;	
}	

#navig-projet p {
	margin-top:1px;
	font-size:0.75em;
	color:#666;
}

#navig-projet-col3 a {
	font-size:0.75em;
}

a.btn-next {
	padding:1px 0 0 14px;
	font-size:0.75em;
	background:url(../_images/fond-btn-next.jpg) no-repeat #fff ;
}

a.btn-next-1page {
	padding:1px 0 0 14px;
	margin: 0px 0 0 117px;
	font-size:0.75em;
	background:url(../_images/fond-btn-next.jpg) no-repeat #fff ;
}

a.btn-prev {
	padding:1px 0 0 14px;
	margin:0px 21px 0 0;
	font-size:0.75em;
	background:url(../_images/fond-btn-prev.jpg) no-repeat #fff ;
}

a.btn-up {
	padding:1px 0 0 14px;
	margin:0px 21px 0 0;
	font-size:0.75em;
	background:url(../_images/fond-btn-up.jpg) no-repeat #fff ;
}

/* ---content projet----*/
	
#content-projet {
	padding-top:10px;
}

#item-projet {
	border-bottom: 1px dotted #000;	
	padding:20px 0 10px 0;
}

#item-projet-last{
	border-bottom: none;	
	padding:20px 0 10px 0;
}

#item-projet-col1 h3 {
	margin-bottom:15px;
	font-size:0.85em;	
}
#item-projet-col1 p {
	width:200px;
	font-size:0.78em;
	line-height:125%;	
}

#item-projet-col2 img {
	margin-bottom:10px;
}