div#fond {
  background-image: url('images/accueil.jpg');
  background-repeat: no-repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  height: 600px;
  z-index:0; 
  position:absolute; top:10px; left:20px;
    padding: 0;
  
 }

div#horizon {
  background-color:none;
  width: 750px;
  height: 20px;
  z-index:2; 
  margin-left: auto; 
  margin-right: auto;
  width: 650px;
  height: 53px;
  z-index:0; 
  position:absolute; top:11px; left:293px;
  padding: 0;
  }

div#fond2 {
  background-image: url('images/accueil2.jpg');
  background-repeat: no-repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  height: 600px;
  z-index:0; 
  position:absolute; top:10px; left:20px;
  padding: 0;
  
 }

div#fondass {
  background-image: url('images/association.jpg');
  background-repeat: no-repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  height: 600px;
  z-index:0; 
  position:absolute; top:10px; left:20px;
  padding: 0;
  
 }

div#fondcom {
  background-image: url('images/commune.jpg');
  background-repeat: no-repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  height: 600px;
  z-index:0; 
  position:absolute; top:10px; left:20px;
  padding: 0;
  
 }

div#fondeco {
  background-image: url('images/economie.jpg');
  background-repeat: no-repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  height: 600px;
  z-index:0; 
  position:absolute; top:10px; left:20px;
  padding: 0;
  
 }

div#fondsco {
  background-image: url('images/scolarite.jpg');
  background-repeat: no-repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  height: 600px;
  z-index:0; 
  position:absolute; top:10px; left:20px;
  padding: 0;
  
 }

div#fondinfo {
  background-image: url('images/info.jpg');
  background-repeat: no-repeat;
  margin-left: auto; 
  margin-right: auto;
  width: 900px;
  height: 600px;
  z-index:0; 
  position:absolute; top:10px; left:20px;
  padding: 0;
  
 }


div#menu1 {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:10pt;
  LETTER-SPACING: 2px;
  color: white;
  width: 750px;
  height: 20px;
  z-index:2; 
  position:absolute; top:135px; left:240px;
 }


div#menu2 {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:10pt;
  LETTER-SPACING: 2px;
  color: white;
  width: 150px;
  height: 220px;
  z-index:2; 
  position:absolute; top:198px; left:30px;
}

div#menu3 {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:10pt;
  LETTER-SPACING: 2px;
  color: white;
  width: 150px;
  height: 220px;
  z-index:2; 
  position:absolute; top:190px; left:30px;
}


div#texte1 {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:9pt;
  LINE-HEIGHT: 20px;
  color: black;
  width: 350px;
  height: 430px;
  z-index:2; 
  position:absolute; top:170px; left:205px;
}



div#texte2 {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:8pt;
  LETTER-SPACING: 2px;
  LINE-HEIGHT: 20px;
  color: black;
  width: 340px;
  height: 600px;
  z-index:2; 
  position:absolute; top:198px; left:215px;
}

div#cadre {
	overflow: auto;
	scrollbar-face-color: #CBFF00;
	background-color:white;
	font-family:arial,verdana, sans-serif;
	font-size:12pt;
	color: black;
	width: 720px;
	height: 320px;
	z-index:2;
	position:absolute;
	top:173px;
	left:196px;
}
div#cadre2 {
  overflow: auto;
  scrollbar-face-color: #CBFF00;
  background-color:white;
  font-family:arial,verdana, sans-serif;
  font-size:10pt;
  color: black;
  width: 340px;
  height: 430px;
  z-index:2; 
  position:absolute; top:198px; left:215px;
}


div#qdn {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:10pt;
  LETTER-SPACING: 2px;
  LINE-HEIGHT: 20px;
  color: white;
  width: 270px;
  height: 220px;
  z-index:2; 
  position:absolute; top:250px; left:600px;
}


div#boutac {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:10pt;
  LETTER-SPACING: 1px;
  color: white;
  width: 150px;
  height: 100px;
  z-index:2; 
  position:absolute; top:370px; left:30px;
}
div#boutac2 {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:10pt;
  LETTER-SPACING: 1px;
  color: white;
  width: 150px;
  height: 100px;
  z-index:2; 
  position:absolute; top:440px; left:40px;
}


div#boutrd {
  background-color:none;
  margin-left: auto; 
  margin-right: auto;
  width: 51px;
  height: 50px;
  z-index:2; 
  position:absolute; top:410px; left:106px;
  padding: 0;
}

div#boutrd2 {
  background-color:none;
  margin-left: auto; 
  margin-right: auto;
  width: 51px;
  height: 50px;
  z-index:2; 
  position:absolute; top:440px; left:106px;
  padding: 0;
}

div#boutrd3 {
  background-color:none;
  margin-left: auto; 
  margin-right: auto;
  width: 51px;
  height: 50px;
  z-index:2; 
  position:absolute; top:480px; left:106px;
  padding: 0;
}


div#diapo {
  background-color:none;
  width: 190px;
  height: 120px;
  z-index:2; 
  position:absolute; top:470px; left:0px;
  padding: 0;
}

div#diapo2 {
  background-color:none;
  width: 190px;
  height: 120px;
  z-index:2; 
  position:absolute; top:530px; left:0px;
  padding: 0;
}

div#pied {
  background-color:none;
  font-family:arial, verdana, sans-serif;
  font-size:10pt;
  LETTER-SPACING: 2px;
  LINE-HEIGHT: 20px;
  color: black;
  width: 900px;
  height: 50px;
  z-index:2; 
  position:absolute; top:643px; left:20px;
}
a.lien2:link {
	color:rgb(147, 13, 142);
	text-decoration:underline;
	font-size: 12px;
	font-family: Arial;
	font-style: strong;
}
a.lien2:visited {
color:#cd130f;
text-decoration:underline;
font-size: 10px;
}
a.lien2:hover {
	color:#CBFF00;
	text-decoration:underline;
}
.p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	LETTER-SPACING: 1px;
}