body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background-color: #009933;
}


#header {
	height: 150px;
	margin: 0;
	padding: 0;
	background-image: url(images/logoaccueil3.png);
}
#haut {
	height: 35px;
	background-image:url(images/fondhaut.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 5px;
}
#boitehaut {
	width: 900px;
	left:50%;
	background-color:transparent;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	position: relative;
	z-index:10000000;
	height: 20px;
	margin-top:0px;
	background-color: #009933;
	border:#FFCC33 1px solid;
	padding-top: 3px;
}
#menu dl {
	float: left;
	width: 149px;
	background-color:#009933;
}
#menu dd {
	display: none;
}
#menu dt {
	text-align: center;
	font-weight:bold;
	width: 149px;
}
#menu dt a {
	width:149px;
	color:#FFCC33;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size: 12px;
	}
#menu dt a:hover {
	color:#CCFF00;
	width:149px;
	}
#menu li {
	background:#FFFFFF;
	width:149px;
}
#menu li a {
	text-decoration: none;
	border: 0 none;
	font-weight:bold;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#menu li a:hover {
	color:#FF0000;
	text-align:left;
	}

ul{
	position:absolute;
  	list-style:none;
	padding: 0px;
	margin: 0px;
	width:194px;/* On définie la largeur et la hauteur de la balise en fonction des dimensions de l'image de fond	*/
	height: 140px;
	background:url(images/choixdept.gif) no-repeat;
}

ul a{
  	position:absolute;
  	display:block;
  	width:15px;
	height: 12px;
  	text-decoration:none;
  	font: bold 9px Verdana,Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	left: 51px;
	top: 99px;
}


/** LA PSEUDO-CLASS :hover **
 * ------------------------ *
 * La pseudo-class :hover va nous permettre de définir les attributs communs à chaque balise A 
 * survolée par la souris
 * NOTE : IE comprend la pseudo-class :hover uniquement lorsqu'elle est appliquée a la balise A
 */
/*ul a:hover{
 /* On redéfinie les attributs de la police typographique */
  /*font-size:12px;
 /* color:#FF9933;
	
 /* On modifie la largeur et la hauteur de la balise 
  * NOTE : Cette largeur dépend de l'image de fond utilisée.
  */
 /* width:22px;
 /* height:16px;
} */


.char{
  top: 101px;
  left: 62px;
  padding: 0px 0px 0px 0px;
  background: url(g05/ptm1.gif) no-repeat;
}

.char:hover{
  top:101px;
  left:62px;
  width:135px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/17petit.gif) no-repeat;
}

.cher{
  top:67px;
  left:136px;
  padding: 0px 0px 0px 0px;
}

.cher:hover{
  top:67px;
  left:136px;
  width:55px;
  padding: 0px 0px 0px 0px;
  background: url(depts/images/18petit.gif) no-repeat;
  color:#FF0000;
}

.eur{
  top:22px;
  left:113px;
  padding: 0px 0px 0px 0px;
}

.eur:hover{
  top:22px;
  left:113px;
  width:90px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/27petit.gif) no-repeat;
}

.ill{
  top:26px;
  left:50px;
  padding: 0px 0px 0px 0px;
}

.ill:hover{
  top:26px;
  left:50px;
  width:95px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/35petit.gif) no-repeat;
}

.ind{
  top:76px;
  left:114px;
  padding: 0px 0px 0px 0px;
}

.ind:hover{
  top:76px;
  left:114px;
  width:55px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/36petit.gif) no-repeat;
}

.indloire{
  top:57px;
  left:94px;
  padding: 0px 0px 0px 0px;
}

.indloire:hover{
  top:57px;
  left:94px;
  width:100px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/37petit.gif) no-repeat;
}
.loir{
  top:49px;
  left:112px;
  padding: 0px 0px 0px 0px;
}

.loir:hover{
  top:49px;
  left:112px;
  width:90px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/41petit.gif) no-repeat;
}
.loiret{
  top:40px;
  left:132px;
  padding: 0px 0px 0px 0px;
}

.loiret:hover{
  top:40px;
  left:132px;
  width:55px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/45petit.gif) no-repeat;
}
.loira{
  top:52px;
  left:44px;
  padding: 0px 0px 0px 0px;
}

.loira:hover{
  top:52px;
  left:44px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/44petit.gif) no-repeat;
}
.main{
  top:52px;
  left:71px;
  padding: 0px 0px 0px 0px;
}

.main:hover{
  top:52px;
  left:71px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/49petit.gif) no-repeat;
}
.may{
  top:29px;
  left:70px;
  padding: 0px 0px 0px 0px;
}

.may:hover{
  top:29px;
  left:70px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/53petit.gif) no-repeat;
}
.mor{
  top:32px;
  left:22px;
  padding: 0px 0px 0px 0px;
}

.mor:hover{
  top:32px;
  left:22px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/56petit.gif) no-repeat;
}
.niev{
  top:67px;
  left:158px;
  padding: 0px 0px 0px 0px;
}

.niev:hover{
  top:67px;
  left:158px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/58petit.gif) no-repeat;
}
.yon{
  top:43px;
  left:160px;
  padding: 0px 0px 0px 0px;
}

.yon:hover{
  top:43px;
  left:160px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/89petit.gif) no-repeat;
}
.sar{
  top:34px;
  left:89px;
  padding: 0px 0px 0px 0px;
}

.sar:hover{
  top:34px;
  left:89px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/72petit.gif) no-repeat;
}
.vie{
  top:84px;
  left:91px;
  padding: 0px 0px 0px 0px;
}

.vie:hover{
  top:84px;
  left:91px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/86petit.gif) no-repeat;
}
.deuxs{
  top:86px;
  left:73px;
  padding: 0px 0px 0px 0px;
}

.deuxs:hover{
  top:86px;
  left:73px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/79petit.gif) no-repeat;
}
.vend{
  top:74px;
  left:52px;
  padding: 0px 0px 0px 0px;
}

.vend:hover{
  top:74px;
  left:52px;
  width:110px;
  color:#FF0000;
  padding: 0px 0px 0px 0px;
  background:url(depts/images/85petit.gif) no-repeat;
}
#boutonmenuhaut {
	width:194px;
	height:140px;
	padding-top:5px;
	border:1px solid;
	border-color:#FFCC33;
	position: absolute;
	z-index: 1000;
	left: 550px;
	}
#Textedefil {
	position:absolute;
	left:572px;
	top:1px;
	width:156px;
	height:20px;
	z-index:1001;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	visibility: visible;
}