/* fichier cpx0.css fichier css associe a ligne0.php
 */
ul#menug {
  position:relative;
  list-style:none;
  padding: 0px;
  margin: 0px;
  width:100%;
  height:666px;
color: #E2C6BA;
font-size: 18px;
font-family: georgia, serif;
text-decoration: none;
}

a.meng1
{
  display: block ; /* On passe les liens en elements de type block pour leur donner des proprietes de taille */
  width: 170px ;
  line-height: 87px ;
  text-indent: 40px ; /* On decale le texte de 40px du bord gauche */
  background: url(images/men_mairie.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne a 0px du bord gauche et 0px du bord haut */
}

a.meng1:hover
{
  background: url(images/men_mairie.png) no-repeat 0 -87px ; /* Et ici on decale l'image du background de 30px vers le haut pour laisser apparaitre la 2eme partie de l'image */
}

a.meng2
{
  display: block ;
  width: 170px ;
  line-height: 71px ;
  text-indent: 40px ;
  background: url(images/men_prat.png) no-repeat 0 0 ;
}

a.meng2:hover
{
  background: url(images/men_prat.png) no-repeat 0 -71px ;
}
a.meng3
{
  display: block ;
  width: 170px ;
  line-height: 103px ;
  text-indent: 40px ;
  background: url(images/men_assos.png) no-repeat 0 0 ;
}

a.meng3:hover
{
  background: url(images/men_assos.png) no-repeat 0 -103px ;
}
a.meng4
{
  display: block ;
  width: 170px ;
  line-height: 113px ;
  text-indent: 40px ;
  background: url(images/men_histo.png) no-repeat 0 0 ;
}

a.meng4:hover
{
  background: url(images/men_histo.png) no-repeat 0 -113px ;
}
a.meng5
{
  display: block ;
  width: 170px ;
  line-height: 68px ;
  text-indent: 40px ;
  background: url(images/men_tourisme.png) no-repeat 0 0 ;
}

a.meng5:hover
{
  background: url(images/men_tourisme.png) no-repeat 0 -68px ;
}
a.meng6
{
  display: block ;
  width: 170px ;
  line-height: 86px ;
  text-indent: 40px ;
  background: url(images/men_agenda.png) no-repeat 0 0 ;
}

a.meng6:hover
{
  background: url(images/men_agenda.png) no-repeat 0 -86px ;
}
a.meng7
{
  display: block ;
  width: 170px ;
  line-height: 58px ;
  text-indent: 40px ;
  background: url(images/men_via.png) no-repeat 0 0 ;
}

a.meng7:hover
{
  background: url(images/men_via.png) no-repeat 0 -58px ;
}
a.meng8
{
  display: block ;
  width: 170px ;
  line-height: 80px ;
  text-indent: 40px ;
  background: url(images/men_plan.png) no-repeat 0 0 ;
}

a.meng8:hover
{
  background: url(images/men_plan.png) no-repeat 0 -80px ;
}