/*
orange engagement : #f26100
vert architecte : #4dac26
framboise urbanisme : #b70266
bleu clair textes #1d99c4
*/

body {
	margin: 0;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #333;
}
img {
	border: 0;
}

a:hover {
	text-decoration: underline;
}

#homelikemain {
	width: 900px;
	height: 600px;
	border: 1px solid #1e82b3;
	text-align: left;
	background: url(../img/fondhome.jpg) top left no-repeat;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#header {
	width: 600px;
	height: 124px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
}

#headerlinks {
	width: 600px;
	height: 124px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
#acclink {
	position: absolute;
	left: 0;
	top: 0;
}
#citelink {
	position: absolute;
	top: 16px;
	left: 785px;
}

#header img {
	display: block;
}

#footer {
	width: 900px;
	height: 69px;
	position: absolute;
	left: 0;
	top: 540px;
	z-index: 50;
}

#footertxt {
	width: 869px;
	padding-right: 31px;
	height: 25px;
	color: white;
	text-align: right;
	position: absolute;
	left: 0;
	top: 580px;
	z-index: 80;
}

#footertxt a {
	color: white;
	text-decoration: none;
	margin-left: 10px;
}

#footertxt a:hover {
	text-decoration: underline;
}

#leftblankdiv {
	height: 600px;
	width: 330px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

/*le contenu de gauche*/
#leftcontent {
	position: absolute;
	top: 120px;
	left: 0;
	width: 330px;
	z-index: 800;
}

h1.typehome {
	background: url(../img/fondh1typehome.png) left -1px no-repeat;
	height: 19px;
	color: #fff;
	font-size: 16px;
	line-height: 17px;
	width: 300px;
	padding: 2px 0 0 30px;
	margin: 15px 0 10px 0;
	float: left;
}

p.homeaffiche {
	margin: 2px 0;
	padding: 0 0 0 52px;
	width: 240px;
	background: url(../img/flechebleumarine.png) 40px 3px no-repeat;
	float: left;
}

a.savoirbleu {
	color: #1d99c4;
	text-decoration: none;
	padding-right: 13px;
	background: url(../img/ensavoirplusbleu.png) right 2px no-repeat;
}

a.savoirvert {
	color: #4dac26;
	text-decoration: none;
	padding-right: 13px;
	background: url(../img/ensavoirplusvert.png) right 2px no-repeat;
}

a.savoirbleu:hover, a.savoirvert:hover {
	text-decoration: underline;
}

a.liennoir {
	color: black;
}

.homeleftcomplex {
	margin: 0;
	padding: 0 0 0 8px;
	float: left;
}

#projetcontainer {
	position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 320px; /* important */  
    height: 110px; /* important */  
    float: left;
}

.unprojet {
	position: absolute;
	top: 2px;
	left: 8px;
}

.homeleftcomplex img, .unprojet img {
	float: left;
	margin: 0 5px 0 0;
}

.leftcomplexcontent {
	float: left;
	width: 220px;
}

.leftcomplexcontent .titre, .unprojet .titre {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #0a2a7a;
	font-weight: bold;
}

.leftcomplexcontent .soustitre, .unprojet .soustitre {
	margin: 0 0 8px 0;
	padding: 0;
	color: #000;
	font-weight: bold;
}

.leftcomplexcontent .txt, .unprojet .txt {
	margin: 0;
	padding: 0;
}

/*le titre des rubriques*/
#rubtitre {
	position: absolute;
	top: 0;
	left: 330px;
}
/*quelques communs*/
.vert {
	color: #326632;
}

.archicolor {
	color: #4dac26;
}

.engagcolor {
	color: #dc4801;
}

.urbacolor {
	color: #b70266;
}

.pstandard {
	float: left;
	margin: 0 5px 12px 0;
	padding: 0 0 0 10px;
	width: 300px;
}

.pstandardsansmarge {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	width: 300px;
}

.pointillesverts {
	float: left;
	width: 330px;
	margin: 0 0 3px 0;
	padding: 0;
	height: 25px;
	line-height: 1px;
	border-bottom: 1px dashed #4dac26;
}

.txtretrait {
	float: left;
	margin: 0 5px 12px 0;
	padding-left: 20px;
	width: 250px;
}

.soustitrestand {
	float: left;
	margin: 0 5px 0 0;
	padding-left: 20px;
	width: 250px;
	background: url(../img/flechebleumarine.png) 9px 2px no-repeat;
	font-weight: bold;
}

h2.titre {
	margin: 5px 10px 10px 0;
	padding-left: 10px;
	width: 268px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

.scroller .pstandard {
	float: left;
	margin: 0 5px 12px 0;
	padding-left: 10px;
	width: 277px;
}

.scroller .pstandardsansmarge {
	float: left;
	margin: 0 5px 2px 0;
	padding-left: 10px;
	width: 277px;
}

.scrollbutt {
	cursor: pointer;
	display: block;
}

#scrolltop, #scrollbottom {
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
}

.scroller ul.standlist {
	float: left;
	width: 257px;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	list-style-type: none;
}

.scroller ul.standlist li {
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	background: url(../img/flechebleumarine.png) left 2px no-repeat;
}
	
/* pour architectes et projets */
#projetsvign {
	float: left;
	margin: 6px 0 0 0;
	border-collapse: collapse;
}

#projetsvign td {
	font-size: 10px;
	line-height: 11px;
	text-align: center;
	vertical-align: top;
	padding: 0 2px 2px 10px; 
}