body{
	background-color: #000000;
	text-align:center;
	font-family: arial,  sans-serif;
	font-size: 12px;
}
a{
	color: #000;
	text-decoration: none;
}
/*********************************************/

.site{
	width: 950px;
	background-color: #dfcfc3;
	padding: 20px 0;
	text-align:left;
	margin: 40px auto;	
}
.inside-site{
	position: relative;
	margin: 0 20px;	
	height: 560px;
}
/*********************************************/

#page-accueil{
	background:#fff url('images/bg-page.gif') no-repeat 0 0;	
}
#page-contact{
	background:#fff url('images/bg-page.gif') no-repeat 0 -560px;	
}

#page-reference{
	background:#fff url('images/bg-page.gif') no-repeat 0 -1120px;
}
#page-list-reference{
	background:#fff url('images/bg-page.gif') no-repeat 0 -1680px;
}
	
/*********************************************/

#page-accueil h1, #page-contact h1{
	position: absolute;
	background: url('images/grand-logo-pastre.gif') no-repeat scroll top left;
	width: 359px;
	height: 60px;
}
#page-accueil h1{
	top: 160px;
	left: 50px;	
}
#page-contact h1{
	left:445px;
	top:203px;
}
#page-accueil h1 a, #page-contact h1 a{
	display: block;
	width: 359px;
	height: 60px;
	text-indent:-9999px;
}
/*********************************************/
#menu-flotant{
	position: absolute;
	left: 50px;
	top: 300px;
}
#menu-flotant li{
	
}
#menu-flotant li a{
	display: block;
	background: url('images/puce.gif') no-repeat 0 5px;
	padding-left: 25px;
	color: #6d6f71;
	margin-bottom: 20px;
	font-size: 1.5em;
}

/*********************************************/
#menu-page{
	position: absolute;
	top: 40px;
	left: 35px;
}
#menu-page h1{
	background: url('images/vert-logo-pastre.gif') no-repeat scroll top left;
	width: 154px;
	height: 29px;
	margin-bottom: 30px;
}
#menu-page h1 a{
	display: block;
	width: 154px;
	height: 29px;
	text-indent:-9999px;
}
/***********/
#menu-page ul{
	width: 160px;
}
#menu-page li{
	padding:10px 0 10px 20px;
}
#menu-page li a{
	padding-left: 15px;
	background: url('images/puce.gif') no-repeat 0 -98px;
	color: #6d6f71;
}
#menu-page .sub-nav-list{
	margin: 10px 0 10px 10px;
	width: 110px;
}
#menu-page .sub-nav-list li{
	float: left;
	padding: 0;
	margin: 2px;
	width: 12px;
	height: 12px;
	border: 1px solid #000;
	overflow: hidden;
}
#menu-page .sub-nav-list li a{
	background-image: none;
	padding-left: 0px;    /*SC*/
}
#menu-page .sub-nav-list li.actif {
	border: solid 1px red;     /*menu vignette actif */
}

.li-clear{
	clear: both;
}
/***********/
#menu-page ul li a:hover{
	color: #fff;
}
#content-page-ref{
}
#content-page-ref h2{
	font-size: 1.2em;	
	top: 480px;
}
#content-page-ref h3{
	top: 495px;
	color: #6d6f71;
	font-size: 0.9em;
	font-weight: normal;
}
#content-page-ref h2,#content-page-ref h3{
	position: absolute;
	left: 240px;
}
#content-page-ref h4{
	position: absolute;
	top: 30px;
	left: 265px;
	width: 630px;
	color: #6d6f71;
	font-size: 1.1em;
}
#image-reference{
	position: absolute;
	top: 78px;
	left: 227px;
}
#image-portfolio-reference{
	position: absolute;
	top: 67px;
	left: 229px;
}
.date{
	position: absolute;
	top: 488px;
	left: 825px;	
	color: #B9C932;
	font-size: 1.4em;
}

/**************** LIst References ******************/
#title-page-ref{
	position: absolute;
	left: 280px;
	top: 30px;
	font-size: 1.4em;
	color: #6d6e70;
}
#list-reference{
	position: absolute;
	left: 250px;
	top: 100px;
}
#list-reference ul li{
	margin: 5px 0;
}
/*********************************************/

.actu-mois{
	position: absolute;
	top: 229px;
	right: 110px;
	background: url('images/actu-contact.gif') no-repeat scroll top left;
	height: 26px;
	width: 277px;
	text-indent: -9999px;
}
.contact{
	position: absolute;
	left:44px;
	top:257px;
	background: url('images/actu-contact.gif') no-repeat scroll right -40px;
	height: 26px;
	width: 277px;
	text-indent: -9999px;
}


#menu-list-actu{
	position: absolute;
	top: 285px;
	left: 340px;	
}
#menu-list-actu li{
	margin : 5px;
}
.bloc-actu{
	position: absolute;
	top: 210px;   /*275px;*/
	left: 225px;   /*400px;*/
	width: 394px;
/*	height: 206px;*/
	overflow: hidden;
}
.bloc-actu-img{
	float: left;
	background: url('images/small-ajax-loader.gif') no-repeat center center;
	width: 233px;
	height: 206px	
}
.bloc-actu-img img{
	margin: auto;
}
.bloc-actu-title{
	color: #6d6f71;
	/*SF : ne pas effacer, sinon sur IE6 ce sera moche*/
	background-color: #FFFFFF;
	float: right;
	font-size: 0.9em;
	text-align:right;
	width: 140px;
	margin-right: 15px;
}
.bloc-actu-title h3{
	font-size: 1.2em;
}
.bloc-actu-title p{
	margin-bottom: 10px;
}
.bloc-actu-title p.titre{
  color:#000000;
  font-size: 1.3em;
}
/*********************************************/
#acceuil-context{
	position: absolute;
	top: 48px;
	left:479px;
	width:330px;
	color: #6D6F71;
	line-height: 1.1em;
}
#acceuil-context h2{
	font-size: 1.4em;
	margin-bottom: 8px;
	margin-left:40px;
	color: #000;
	text-transform:	uppercase;
}
/*********************************************/
#bloc-coordonnees{
	position: absolute;
	top: 290px;
	left: 427px;
}
#bloc-coordonnees a.mail{
	display: block;
	margin-left: 124px;
	margin-top: -2px;
	width: 162px;
	height: 24px;
	line-height: 24px;
}
#bloc-coordonnees h3{
	font-size: 1.4em;
	margin: 20px 0 10px 0;
}
#bloc-coordonnees p{
	color: #6d6e70;
	line-height: 1.2em;
}

/*********************************************/
#bottom{
	background: url('images/petit-logo-pastre.gif') no-repeat scroll 50px 0;
	height: 28px;
	line-height: 28px;
	position: absolute;
	bottom : 0px;
	padding-left: 170px;
	font-size: 0.9em;
}
#bottom span{
	display : none;
}
/*********************************************/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*********************************************/