body {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:black;
	background:white;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}

.debug {
	font:bold 14pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:red;
	background:transparent;
}

a, a:visited, a:link, a:active {
	border:0;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:#296076;
	background:transparent;
	text-decoration:none;
}

a:hover {
	border:0;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:#C6122E;
	background:transparent;
	text-decoration:none;
}


p {
	display:block;
	margin:8px 0 8px 0;
}

br.clearboth {
	clear:both;
	margin:0;
	padding:0;
	border:0;
}

h1 {
	font:bold 12pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:black;
	background:transparent;
	margin:16px 0;
}

h2 {
	font: bold 11pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin:12px 0;
	color:black;	
	background:transparent;
}

h3 {
	font: bold 10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin:10px 0;
	color:black;	
	background:transparent;
}

hr {
	clear:both;
	border-top:2px dotted #296076;
	border-left:0;
	border-right:0;
	border-bottom:0;
}

.bgred {
	padding:4px 8px 4px 8px;
	color:white;
	background:#DB665C;
}

/*******************/
/* LE BODY CONTENT */
/*******************/

#introflash {
	margin:0 auto;
	padding:0;
	text-align:center;
	color:black;
	background:#FFFFFF;
	width:400px;
}

#introflash object {
	display:block;
    padding-bottom:24px;
}

#introflash img {
	display:inline;
	border:0;
}

#bodycontent1 {
	margin:0px auto;
	border:54px solid #F2F2F2;
	padding:0;
	text-align:right;
	color:black;
	background:#F2F2F2;
	width:940px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:832px;
}
html>body #bodycontent1 {
	width:832px;
}

#avbodycontent1 {
	position:absolute;
	z-index:12;
	margin-top:-16px;
	margin-left:564px;
}
#avbodycontent2 {
	position:absolute;
	z-index:12;
	margin-top:0;
	margin-left:-21px;
}
#avbodycontent1 img,
#avbodycontent2 img {
	border:0;
}

#bodycontent2 {
	margin:0;
	border:2px solid #62665B;
	padding:0;
	text-align:left;
	color:black;
	background:white;
	width:832px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:828px;
}
html>body #bodycontent2 {
	width:828px;
}

/***********/
/* LE MENU */
/***********/

#newsletter {
	position:absolute;
	vertical-align:bottom;
	margin-left:13px;
	margin-top:151px;
}

#newsletter input.text {
	margin:0 6px 0 0;
	border:1px solid black;
	padding:1px 9px;
	font: 8pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:black;
	background:white;
	width:157px;
	height:17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:137px;
	height:13px;
}
html>body #newsletter input.text {
	width:137px;
	height:13px;
}

#le-menu-1 {
	width:828px;
	height:174px;
	border-bottom:6px solid #F2F2F2;
}

#le-menu-2 {
	width:828px;
	height:25px;
}

#le-menu-2 img {
	border:0;
}

#le-menu-3 {
	width:828px;
	height:16px;
}

/*******************/
/* LE MENU - DHTML */
/*******************/

#dhtml1,#dhtml2,#dhtml3,#dhtml4,#dhtml5,#dhtml6,#dhtml7,#dhtml8,#dhtml9 {
	position:absolute;
	margin-top:25px;
	padding:12px 12px 12px 4px;
	visibility:hidden;
	z-index:12;
	font:9pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:white;
	background:#9B9B9B url(http://www.laciteverte.com/pix/global/nav/dhtmlstar.png) no-repeat 100% 0;
}

#dhtml3 { margin-left:165px; }
#dhtml4 { margin-left:285px; }
#dhtml5 { margin-left:395px; }
#dhtml6 { margin-left:467px; }
#dhtml7 { margin-left:586px; }
#dhtml8 { margin-left:674px; }
#dhtml9 { margin-left:752px; }

a.dhtml,a.dhtml:visited,a.dhtml:link,a.dhtml:active,a.dhtml:hover {
	display:block;
	text-decoration:none;
	padding:0 0 0 7px;
	color:white;
	background:#9B9B9B url(http://www.laciteverte.com/pix/global/nav/dhtmlflek.png) no-repeat 0 40%;
	font:9pt Verdana,Arial,Clean,Helvetica,sans-serif;
}

/***********/
/* LA PAGE */
/***********/

#interface-page {
	width:828px;
	color:#5F5F4F;
	background:white;
}

#page-gauche {
	float:left;
	margin:0;
	border:0;
	padding:0;
	width:635px;
	color:#5F5F4F;
	background:transparent url(http://www.laciteverte.com/pix/en/fond/localisation.jpg) no-repeat 0 0;
	}

#page-gauche-fixed {
	float:left;
	margin:0;
	border:0;
	padding:0;
	width:635px;
	color:#5F5F4F;
	background:transparent url(http://www.laciteverte.com/pix/en/fond/localisation.jpg) no-repeat 0 0;
		min-height:465px;
	height:465px;
	voice-family: "\"}\"";
	voice-family:inherit;
	min-height:465px;
	height:465px;
}
html>body #page-gauche-fixed {
	min-height:465px;
	height:465px;
}

#page-droite {
	float:left;
	margin:0;
	border:0;
	padding:0;
	width:193px;
}

/******************/
/* MENU DE DROITE */
/******************/

.droiteimg {
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/global/droite/img.png) no-repeat 0 0;
	margin:0;
	border:0;
	padding:11px 23px 22px 20px;
	width:193px;
	height:77px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	height:44px;
}
html>body .droiteimg {
	width:150px;
	height:44px;
}

.droitetit {
	position:absolute;
	margin-top:43px;
	margin-left:57px;
	color:black;
	background:transparent;
	font:6pt Verdana,Arial,Clean,Helvetica,sans-serif;
	width:101px;
}

.droitetit a, .droitetit a:visited, .droitetit a:link,
.droitetit a:active, .droitetit a:hover {
	color:black;
	background:transparent;
	font:8pt Verdana,Arial,Clean,Helvetica,sans-serif;
}

.droitetxt {
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/global/droite/txt.png);
	font:8pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin:0;
	border:0;
	padding:0 33px 0 20px;
	width:193px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px;
}
html>body .droitetxt {
	width:140px;
}

.droitevid {
	margin:0;
	border:0;
	padding:2px 0 0 0;
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/global/droite/txt.png);
	width:193px;
	height:6px;
}

/*********/
/* EDITO */
/*********/

#edito {
	float:none;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:#5F5F4F;
	background:#F3F3F3 url(http://www.laciteverte.com/pix/global/edito/bas.png) no-repeat 0 100%;
	margin-top:107px;
	margin-left:2px;
	border-left:3px solid white;
	padding-left:18px;
	padding-bottom:18px;
	width:185px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:164px;
}
html>body #edito {
	width:164px;
}

#editoauteur {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin-top:8px;
	text-align:right;
}

/*******************/
/* Pages à Gabarit */
/*******************/

/*
#gabarit-menu {
	float:right;
	margin-top:16px;
	margin-right:24px;
	padding:12px 12px 12px 4px;
	color:white;
	background:#9B9B9B url(http://www.laciteverte.com/pix/global/nav/dhtmlstar.png) no-repeat 100% 0;
}
#gabarit-menu a {
	display:block;
	text-decoration:none;
	padding:0 0 0 7px;
	color:white;
	background:#9B9B9B url(http://www.laciteverte.com/pix/global/nav/dhtmlflek.png) no-repeat 0 40%;
	font:9pt Verdana,Arial,Clean,Helvetica,sans-serif;
}
*/

#gabarit-menu {
	position:absolute;
	margin-top:-155px;
	margin-left:94px;
	padding:12px 12px 12px 0;
	color:white;
	background:transparent;
}
#gabarit-menu a {
	display:block;
	text-decoration:none;
	padding:0 0 0 15px;
	margin:0 0 8px 0;
	color:black;
	background:#C6CED3 url(http://www.laciteverte.com/pix/global/nav/dhtmlflek2.png) no-repeat 0 40%;
	font:9pt Verdana,Arial,Clean,Helvetica,sans-serif;
}

#gabarit {
	position:static;
	float:none;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	border-left:2px solid #F2F2F2;
	border-right:5px solid #F2F2F2;
	border-bottom:2px solid #F2F2F2;
	padding:0 41px 13px 94px;
	margin:172px 0 0 0;
	color:#5F5F4F;
	background:transparent url(http://www.laciteverte.com/pix/global/fond/bottom.png) no-repeat 0 100%;
	width:635px;
	min-height:309px;
	height:309px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:493px;
	min-height:294px;
	height:auto;
}
html>body #gabarit {
	width:493px;
	min-height:294px;
	height:auto;
}

#gabarit table {
	float:none;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin:0;
	border:0;
	color:black;
	background:transparent;
}
#gabarit table p {
	float:none;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin:0 0 8px 0;
}

#gabarit table.replaced {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin:0;
	border:0;
	color:black;
	background:white;
	border-collapse:separate;
	border-spacing:2px;
	border-right:1px solid #C6CED3;
	border-bottom:1px solid #C6CED3;
	border-left:1px solid #DCE4E9;
	border-top:1px solid #DCE4E9;
}
#gabarit table.replaced th {
	font:bold 10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:black;
	background:#C6CED3;
	padding:1px 4px;
}
#gabarit table.replaced td {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:black;
	background:#E4E4E4;
	padding:1px 4px;
}
#gabarit table.replaced td.alternate {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:black;
	background:#F0F0F0;
	padding:1px 4px;
}

.tranche0001 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0002 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0002 .col {	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; float:left; margin:0 0 8px 0; width:50%; }
.tranche0003 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0003 .col { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; float:left; margin:0 0 8px 0; width:33%; }
.tranche0004 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0004 .col { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; float:left; margin:0 0 8px 0; width:25%; }

.tranche0021 { width:493px; display:block; float:none; font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0021 img {
	float:left;
	margin: 0 8px 8px 0;
	border:0;
	padding:2px 3px 3px 3px;
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/global/gab/fdimg.png);
}
.tranche0021 object { float:left; margin: 0 8px 8px 0; border: 0; }

.tranche0022 { width:493px; display:block; float:none; font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0022 img {
	float:right;
	margin: 0 0 8px 8px;
	border:0;
	padding:2px 3px 3px 3px;
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/global/gab/fdimg.png);
	width:241px;
	height:151px;
}
.tranche0022 object { float:right; margin: 0 0 8px 8px; border: 0; }

.tranche0023 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0023 img { float:left; margin: 0 8px 8px 0; border: 0; }
.tranche0023 object { float:left; margin: 0 8px 8px 0; border: 0; }
.tranche0024 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0024 img { float:right; margin: 0 0 8px 8px; border: 0; }
.tranche0024 object { float:right; margin: 0 0 8px 8px; border: 0; }
.tranche004x { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche004x img { float:left; margin: 0 8px 8px 0; border: 0; }
.tranche004x object { float:left; margin: 0 8px 8px 0; border: 0; }
.tranche0060 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0060 table { background:#93B8C8; border:2px solid white; color:white; padding:4px; }
.tranche0070 { font:10pt Verdana,Arial,Clean,Helvetica,sans-serif; clear:both; margin:0 0 8px 0; padding:0; }
.tranche0070 table { background:#D9E3E8; color:black; padding:4px; }

/**************/
/* ACTUALITES */
/**************/

div#gabaritactuz {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	border-left:2px solid #F2F2F2;
	border-right:5px solid #F2F2F2;
	border-bottom:2px solid #F2F2F2;
	padding:108px 0 0 0;
	color:black; /*#5F5F4F;*/
	background:transparent url(http://www.laciteverte.com/pix/global/fond/bottom.png) no-repeat 0 100%;
	width:635px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:628px;
}
html>body #gabaritactuz {
	width:628px;
}

div#actu0 img,
div#actu1 img,
div#actu2 img,
div#actu3 img,
div#ensavoirplus0 img,
div#ensavoirplus1 img,
div#ensavoirplus2 img,
div#ensavoirplus3 img {
	border:0;
}

/*** ACCROCHE 1 ***/

div#accroche1 {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	padding:45px 0 0 228px;
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/en/actu/actualites-1.png) no-repeat 11px 4px;
	width:584px;
	min-height:203px;
	height:203px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:356px;
	min-height:158px;
	height:158px;
	/*height:auto;*/
}
html>body div#accroche1 {
	width:356px;
	min-height:158px;
	height:auto;
}

div#develop1 {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	margin-top:16px;
	padding:8px 0 4px 14px;
	width:584px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:570px;
}
html>body div#develop1 {
	width:570px;
}

div#ensavoirplus1 {
	padding:8px 0 0 566px;
}

/*** ACTU 1 ***/

div#actu1 div.vignette {
	position:absolute;
	margin-left:18px;
	margin-top:45px;
}
div#actu1 div.date {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	position:absolute;
	margin-left:304px;
	margin-top:0px;
	color:#BCBEC0;
	background:transparent;
}
div#actu1 div.titre {
	font:bold 10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	position:absolute;
	margin-left:14px;
	margin-top:0px;
}

/*** ACCROCHE 2 ***/

div#accroche2 {
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/en/actu/actualites-2.png) no-repeat 13px 0;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	padding:42px 17px 0 99px;
	width:302px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:186px;
}
html>body div#accroche2 {
	width:186px;
}

/*** ACCROCHE 3 ***/

div#accroche3 {
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/en/actu/actualites-3.png) no-repeat 13px 0;
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	padding:42px 17px 0 99px;
	width:302px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:186px;
}
html>body div#accroche3 {
	width:186px;
}

/*** ACTU 2 et 3 ***/

div#container2,
div#container3 {
	margin-top:8px;
	float:left;
}

div#ensavoirplus2,
div#ensavoirplus3 {
	padding:8px 0 0 268px;
}

div#actu2 div.vignette,
div#actu3 div.vignette {
	position:absolute;
	margin-left:20px;
	margin-top:43px;
	width:67px;
	height:61px;
}
div#actu2 div.date,
div#actu3 div.date {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	position:absolute;
	margin-left:24px;
	margin-top:9px;
	color:#BCBEC0;
	background:transparent;
}
div#actu2 div.titre,
div#actu3 div.titre {
	font:bold 10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	position:absolute;
	margin-left:24px;
	margin-top:24px;
}

/*** PAGER ***/

div#pager {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	text-align:center;
	color:#8F8F7F;
	background:transparent;
	padding:8px 0 8px 0;
	width:628px;
}

div#pager b {
	font:bold 10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:#5F5F4F;
	background:transparent;
}

div#pager a,
div#pager a:visited, div#pager a:link,
div#pager a:active, div#pager a:hover {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	color:#5F5F4F;
	background:transparent;
}

/*** LISTE ***/

div#container0 {
	margin-top:8px;
	float:left;
}

div#accroche0 {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	padding:47px 0 0 100px;
	color:black;
	background:transparent url(http://www.laciteverte.com/pix/en/actu/liste.png) no-repeat 11px 0;
	width:584px;
	min-height:123px;
	height:123px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:484px;
	min-height:78px;
	height:78px;
	/*height:auto;*/
}
html>body div#accroche0 {
	width:484px;
	min-height:78px;
	height:auto;
}

div#ensavoirplus0 {
	padding:8px 0 0 566px;
}

div#actu0 div.vignette {
	position:absolute;
	margin-left:18px;
	margin-top:51px;
}
div#actu0 div.date {
	font:10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	position:absolute;
	margin-left:304px;
	margin-top:5px;
	color:#BCBEC0;
	background:transparent;
}
div#actu0 div.titre {
	font:bold 10pt Verdana,Arial,Clean,Helvetica,sans-serif;
	position:absolute;
	margin-left:14px;
	margin-top:5px;
}