#ecobando {
	position:relative;
	display: block;
	width: 772px;
	height: 115px;
	background-image:url(../images/navigation/bando_haut.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.menu {

	top: 18px;
	width: 170px;

}
#nav .menu a {
display: block;

}

#nav a {
	display: block;
	text-decoration: none;	
}

#nav a:hover {
	display: block;
	text-decoration: underline;	
}
.menu a {
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	font-style: normal; 
	padding: 4px;
	
}

#nav ul.menu {

	background-image: url(../images/navigation/nav_visuel.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #3E98FF;
	width:170px;
}

#nav, #nav ul { /* toutes les listes */
	padding: 0px;
	margin: 0px;
	padding-bottom:64px;
	list-style: none;
	line-height: 1;

}


#nav li { /* tous les items de liste */
	float: left;
	width: 170px; /* largeur obligatoire, sinon opera devient fou */
	
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background-image: url(../images/navigation/nav_visuel.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #3E98FF;
	width: 170px;
	left: -999em;
}

#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

body {
	margin: 0px;
	padding: 0px;
	scrollbar-face-color:#163BDB;
	scrollbar-arrow-color:#1B076E;
	scrollbar-track-color:#E8EFFC;
	scrollbar-shadow-color:'';
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:'';
	background-image:url(../images/fond.gif);
	background-color: #003366;
	color: #004B97;
}

.menu1 {
	position: absolute;
	left:0px; 
	z-index:10;
}

.menu2 {
	position: absolute;
	left:135px; 
	z-index:9;
}

.menu3 {
	position: absolute;
	left:290px; 
	z-index:8;
}

.menu4 {
	position: absolute;
	left:450px; 
	z-index:7;
}

.menu5 {
	position: absolute;
	left:620px; 
	z-index:6;
}



#ensavoirplus {
	position:relative;
	display: inline;
	height:12px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #1C44DF;
	background: url(../images/fleche_rouge.gif) no-repeat left center;
	padding-left: 16px;
	text-align: right;
}

#ensavoirplus a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #1C44DF;
}

#ensavoirplus a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #BA03D3;
}

#newslinks a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #1C44DF;
}

#newslinks a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #BA03D3;
}

#brevecontainer {
	position: relative;
	display: block;
	width: 549px;
	
	border: 1px solid #BFCADC;
	text-align: left;
	margin: 8px;
	paddng: 8px;
}
#brevecontainerdetail {
	position: relative;
	display: block;
	width: 549px;
	border: 1px solid #BFCADC;
	text-align: left;
	margin: 8px;
	paddng: 8px;
}
#
brevecontainerprint {
	position: relative;
	display: block;
	width: 780px;
	border: 1px solid #BFCADC;
	text-align: left;
	margin: 8px;
	paddng: 8px;
}
#titrerubrique {
	position: relative;
	display: block;
	width:100%;
	background-color: #BFCADC;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	color: #003399; 
	font-weight: bold ;
	text-align: left;
}
.date {
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #003399; 

}
.titrerubrique {
	position: relative;
	display: block;
	width:100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	color: #003399; 
	font-weight: bolder ;
	text-align: left;
}

#imageactualites {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/0.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imagetruc {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/1.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imagebricolage {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/2.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imageentretien {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/3.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imagetravaux {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/4.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imageconstruction {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/5.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imageproduit {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/6.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imagefinancement {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/7.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}

#imageprojet {
	position: relative;
	display: inline;
	width: 64px;
	height: 64px;
	background-image: url(../images/rubriques/8.gif);
	float: left;
	padding-right: 16px;
	background-repeat: no-repeat;
}



#brevecontent {
	position: relative;
	display: inline;
	width: 100%;
	height: 64px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	color: #003399; 
}
#brevecontentprint {
	position: relative;
	display: inline;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	color: #003399; 
}
#brevefonction {
	position: relative;
	display: block;
	width: 100%;
	height: 16px;
	text-align: right;
}

#brevecontentdetail {
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 351px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	text-decoration: none; 
	color: #003399; 
	text-align: justify;
padding: 8px;
	
}

#brevefonctiondetail {
	position: absolute;
	display: block;
	top: 16px;
	left: 367px;
	width: 178px;
	height: 97%;
	text-align: right;
	background-color: #F2F3F7;
	
}
#ecogeniecontainer {
	position: absolute;
	display: block;
	top: 139px;
	width: 567px;
	padding: 0px;
	margin: 0px;
	background-color:#FFFFFF;
}
#ecogeniecontainerforum {
	position: absolute;
	display: block;
	top: 139px;
	width: 760px;
	padding: 0px;
	margin: 0px;
	
}
#ecogenieredactionnel {
	position: relative;
	display: block;
	width: 567px;
	margin: 8px;
	background-color:#ffffff;
	border: 1px solid #BAC4D6;
}

#ecogeniepub {
	position: relative;
	display: block;
	width: 567px;
	height: 200px;
	margin: 8px;
	background-color:#FFFFFF;
	border: 1px solid #BAC4D6;
}

#ecogeniebarhaut{
	position: relative;
	display: block;
	top: 0px;
	left:0px;
	width: 567px;
	height: 64px;
	margin: 0px;
	background-color:#ffffff;
	
}
#ecogeniebarhaut TD {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: none; 
	color: #003998;
}
#ecogeniebardroite {
	position: absolute;
	display: block;
	left: 587px;
	top: 0px;
	width: 185px;
	text-align: center;
}





.isiblock {
	position: relative;
	display: block;
	width: 177px;
	background-color:#FFFFFF;
	margin-bottom:4px;
		margin: 4px;
	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: none; 
	color: #1C44DF;
	
}

 a{
	text-decoration: none; 
	color: #D60075
}

 a:hover{
	text-decoration: underline; 
}

.isiblock .picto{
	width: 151px;
	text-align: left;
	vertical-align: middle;
	padding: 4px;
	text-indent: 24px;
	background-repeat: no-repeat;
	background-position: 4px 0px;
	height: 24px;
}
.transmettre {
	background-image: url(../images/pictos/picto_transmettre.gif);
}
.faq {
	background-image: url(../images/pictos/picto_faq.gif);
}
.forum {
	background-image: url(../images/pictos/picto_forum.gif);
}
.avis {
	background-image: url(../images/pictos/picto_votre_avis.gif);
}
.ville {
	background-image: url(../images/pictos/picto_ville.gif);
}
.favoris {
	background-image: url(../images/pictos/picto_favoris.gif);
}
.theme {
	position: relative;
	display: block;
	width: 560px;;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none ;
	padding: 4px;
}

.confort {
	background-color: #1c44df;
}

.economie {
	background-color: #D60075;
}

.environnement {
	background-color: #00CC33;
}

.infos {
	background-color: #9D0096;
}

.inline {
	position: relative;
	display: inline;