body {margin: 0; font: normal 11px Verdana, Tahoma, sans-serif; color: #000; background: #2d1a1c;}
img {border: none;}
p, h1, h2, h3, h4, ul, form {margin: 0;padding: 0;}

#logo {float: right; margin-bottom: 20px;}
#diapo {margin: 0 0 20px 20px; font: normal 12px Verdana, Tahoma, sans-serif; color: #000;}
#vignette {float: left; margin: 0 10px 0 10px;}
#vignette img  {border: solid 1px #fff;}
#marge {margin: 20px 0 15px 10px;}
#marge2 {margin: 20px 0 15px 30px;}
#visibilite {text-align: center;}
.blanc {border: solid 2px #fff;}

/** STRUCTURE DU SITE **/
#conteneur  {
	position: relative;
	margin: 0 auto;
	width: 880px;}

#content {
	position: relative;
	margin: 0 auto;
	padding-top: 1px;
	width: 860px;
	height: 100%;
	background: #D2BEAA;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;}

#infocontent {
	position: relative;
	margin: 0 auto;
	padding: 1px 30px;
	width: 800px;
	background: #D2BEAA;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;}

#infocontent h1 {
	margin: 15px 0 10px 28px;
	padding-left: 8px;
	font: bold 1.5em Verdana, Tahoma, sans-serif;
	color: #8C191C;
	background: transparent url(../img/puce-mobilier-urbain.png) 0 60% no-repeat;}

#infocontent h2 {
	margin-top: 5px;
	margin-left: 28px;
	padding-left: 8px;
	font: bold 1.5em Verdana, Tahoma, sans-serif;
	color: #8C191C;
	background: transparent url(../img/puce-mobilier-urbain.png) 0 25% no-repeat;}

#infocontent p {
	margin-left: 28px;
	margin-right: 20px;
	font: normal 1.2em Verdana, Tahoma, sans-serif;
	color: #000;
	text-align: justify;}

#menu-flash {
	position: relative;
	margin: 0 auto;
	margin-top: 80px;
	width: 862px;
	background: #D2BEAA;
	border: 9px solid #fff;
	z-index: 1;}

#haut {
	margin: 20px 0 0 20px;
	height: 120px;
	background: #D2BEAA;}

#photo {
	margin: 0 0 0 430px;
	padding: 150px 15px 0 0;
	font: italic 11px Verdana, Tahoma, sans-serif;
	color: #000;
	height: 790px;
	text-align:center;}

#texte {
	position: absolute;
	margin-top: 0;
	left: 20px;
	width: 410px;}

#texte img{
	margin-bottom: 15px;}

#texte h1 {
	margin-top: 5px;
	padding-left: 8px;
	font: bold 1.3em Verdana, Tahoma, sans-serif;
	color: #8C191C;
	background: transparent url(../img/puce-mobilier-urbain.png) 0 60% no-repeat;}

#texte h2 {
	margin-top: 5px;
	padding-left: 8px;
	font: bold 1.5em Verdana, Tahoma, sans-serif;
	color: #8C191C;
	background: transparent url(../img/puce-mobilier-urbain.png) 0 25% no-repeat;}

#texte p {
	margin-left: 18px;
	margin-right: 20px;
	font: normal 1.2em Verdana, Tahoma, sans-serif;
	color: #000;
	text-align: justify;}

#texte p.conclusion {
	font: bold 1.35em Verdana, Tahoma, sans-serif;
	color: #91584B;}

#texte a:link, #texte a:visited {
	padding-left: 10px;
	font: bold 1em Verdana, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;}

#texte a:hover {
 	padding-left: 10px;
	font: bold 1em Verdana, Tahoma, sans-serif;
	color: #fff;
	text-decoration: underline;}

#texte li {
	margin-top: 10px;
	list-style-type:none;}

/** LIENS **/
a:link, a:visited {color: #fff;text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {color: #fff;text-decoration: none;}

/** MENU FLASH **/
#flash {
	position: absolute;
	top: -75px;
	left: -9px;
	z-index: 5;}

/**  PDF **/
#texte .pdf  a:link {
	padding-left: 20px;
	font: bold 1.1em verdana, sans-serif;
	color: #fff;
	background: url(../img/picto-pdf.png) 0 50% no-repeat;
	text-decoration: none;}

#texte .pdf a:visited {
	padding-left: 20px;
	font: bold 1.1em verdana, sans-serif;
	color: #fff;
	background: url(../img/picto-pdf.png) 0 50% no-repeat;
	text-decoration: none;}

#texte .pdf a:hover {
	font: bold 1.1em verdana, sans-serif;
	color: #f00;
	text-decoration: none;}

/** SWF **/
#swf a:link, #swf a:visited, #swf a:hover, #swf a:active {
	padding-left: 20px;
	font: bold 1.1em Verdana, Tahoma, sans-serif;
	color: #8C191C;
	background: transparent url(../img/picto-swf.png) 0 15% no-repeat;
	text-decoration: none;}

/** ARBORESCENCE **/
#mini {
	margin-top: 20px;
	padding-left: 5px;
	font: bold 0.9em verdana, sans-serif;
	color: #847067;
	background: url(../img/puce-mini-mobilier.png) 0 35% no-repeat;
	text-align: left;}

#mini a:link, a:visited {font: bold 1em verdana, sans-serif; color: #847067; text-decoration: underline;}
#mini a:hover, a:active {font: bold 1em verdana, sans-serif; color: #fff; text-decoration: underline;}

/** MENU PIED DE PAGE **/
#footer {position:relative;}

#footer ul {
	margin: 0 auto;
	width: 880px;
	padding-top: 5px;}

#footer li {
	font: normal 1em Verdana, sans-serif;
	color: #fff;
	display: inline;}

#footer li a#contacts {
	position: absolute;
	top: 5px;
	left: 660px;}

#footer li a#plandusite {
	position: absolute;
	top: 5px;
	left: 725px;}

#footer li a#mentions {
	position: absolute;
	top: 5px;
	left: 805px;}

#footer li a:link, #footer li a:visited {
	font: normal 1em Verdana, sans-serif;
	color: #fff;
	text-decoration: none;}

#footer li a:hover {
	font: normal 1em Verdana, sans-serif;
	color: #fff;
	text-decoration: underline;}

/** PERSO **/
.blanc {border: 4px solid #fff;}
.source {margin-top: 230px; font: italic 0.8em Verdana, sans-serif; color: #000;}

#histo {
	margin: 320px 0 0 430px;
	padding-right: 15px;
	font: normal 11px Verdana, Tahoma, sans-serif;
	color: #000;
	text-align: left;}

#plan{
	position: relative;
	margin: 0 auto;
	padding-left: 50px;
	padding-top: 1px;
	width: 810px;
	background: #D2BEAA;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;}

/** sites du groupe **/
#websites {
	position: relative;
	margin: 0 auto;
	top: 10px;
	left: 297px !important;
	left: 368px;
	width: 0;
	z-index:10000;}

.dhtmlselect{ 
	width: 140px;
	border: 1px solid #fff;
	position: relative;
	text-indent: 3px;
	padding: 1px 0;
	color: #fff;
	background-color: #372225;
	text-align: center;}

.dhtmlselect .downimage{
	position: absolute;
	right: -25px;
	display: none;}

.dhtmlselect .dropdown{ 
	position: absolute;
	left: 0;
	width: 180px;
	display: none;
	z-index: 5;
	text-align: left;}

.dhtmlselect .dropdown a{
	width: auto;
	display: block;
	background: #fff;
	padding: 1px 0;
	text-indent: 5px;
	text-decoration: none;
	color: #000;}
* html .dhtmlselect .dropdown a:link{width: 100%;}
.dhtmlselect .dropdown a:visited{font: normal 1em verdana, sans-serif; color: #000; background: #fff;}
.dhtmlselect .dropdown a:hover{font: bold 1.2em verdana, sans-serif; color: #f00; background: #372225; border: 1px solid #fff;}
.dhtmlselect .dropdown a:active{font: normal 1em verdana, sans-serif; color: #000; background: #fff;}