body {
	background-image:url(fond_site.gif);
	text-align: center;
	position: relative;

	padding: 0px;
	}

div#header {
    text-align:center;
		clear: both;
    background-color: white;
    width : 800px;
    color: #2cbd2c;
	font-style:italic;
	font-size:30px;
}

div#page {
		background-color: white;
		text-align:center;
		width : 800px;
}

div#page2 {
		text-align : center;
		width : 800px;
}

div#left {
		height : 480px;
    float: left;
    width: 220px;
		background-color: white;
}

#left {
      font-size : 15px;
      color : #372189;
      font-weight : bold;
}

div#left2 {
		height : 480px;
    float: left;
    width: 10px;
		background-color: white;
}

div#middle {
		height : 480px;
		width: 560px;
		background-color: white;
		color : #321893;
	font-size : 16px;
}

#middle a {
	color : #2cbd2c;
	font-style : italic;
	font-weight : bold;
}

div#footer {
    text-align:center;
		clear: both;
		background-color: white;
		width : 800px;
}

#lien {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size : 30px;
  width : 200px;
  background-color : #29ce29;
}

#lien a {
	background-color : #29ce29;
	color : #ffffff;
	text-decoration : none;
	font-style : italic;
	font-weight : bold;
}

#lien a:hover {
	background-color : #128f12;
	color : #ffffff;
	text-decoration : none;
}

#logo_irondel {
	text-align:right;
}

#titre {
	color: #2cbd2c;
	font-style:italic;
	font-size:30px;
	text-align : right;
	margin-right : 70px;	
}

#contenu{
	text-align : left;
	color : #321893;
	font-size : 18px;
	padding-right :20px;
}

#texte{
	text-align : left;
	color : #321893;
	font-size : 18px;
}

#titre_contenu{
	font-weight : bold;
	color : #321893;
	font-size : 22px;
}

#contenu a {
 font-size : 14px;
}

#contenu2{
	margin : 40px;
	text-align : justify;
	color : #321893;
	font-size : 18px;
}

#contenu3{
	text-align : justify;
	color : #321893;
	font-size : 24px;
}

#link{
	color: #2cbd2c;
	font-weight : bold;
	font-size : 18px;
}

#link2{
	color: #2cbd2c;
	font-weight : bold;
	font-size : 24px;
}

#lien1 {
  margin-top: 5px;
  margin-bottom: 5px;
 width : 140px;
  background-color : #29ce29;
  text-align : center;
}

#lien1 a {
	text-decoration : none;
 	color : #ffffff;
 	  font-size : 20px;
}

#lien1 a:hover {
	background-color : #128f12;
	color : #ffffff;
	text-decoration : none;
}

#close {
       text-align : center;
}

#close a {
       color: #b30d0d;
     font-weight : bold;
	font-size : 24px;
}

#frame{
	left: 0px;
	top: 0px;
	height: 285px;
	border: 6px inset #C0C0C0;
	width: 492px;
}

#frame2{
	left: 0px;
	top: 0px;
	height: 231px;
	border: 6px inset #C0C0C0;
	width: 400px;
}

div#plan {
	background-image:url(lille/img/plan_quartier.jpg);
	position: relative;
	width: 500px;
	height: 400px;
	}
	
img#ILG {
	position:absolute;
	left:320px;
	top: 195px;
	}
img#IHV {
	position:absolute;
	left:303px;
	top: 233px;
	}
img#EHI {
	position:absolute;
	left:225px;
	top: 241px;
	}
img#NLC {
	position:absolute;
	left:230px;
	top: 160px;
	}
img#CLB {
	position:absolute;
	left:317px;
	top: 172px;
	}
img#NLF {
	position:absolute;
	left:351px;
	top: 190px;
	}
img#ADR {
	position:absolute;
	left:420px;
	top: 5px;
	}
img#HDT {
	position:absolute;
	left:268px;
	top: 124px;
	}
img#ILO {
	position:absolute;
	left:265px;
	top: 145px;
	}