body {
font-family: arial;
}

/*carte des communautés de commune*/
.carte{
position: relative;
top: 0px;
left: px; 
width: 650px;
height: 684px;
font-family : arial;
color: #5761a5;
text-align: center;
background: transparent url(photos/carte.jpg) top left no-repeat;
}

#ccbocagemay { /* dimensions et définitions des boutons */
position: absolute;
height: 90px;
width: 250px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 17%;
top: 10%;
text-align: center;
}

#cchorps { /* dimensions et définitions des boutons */
position: absolute;
height: 100px;
width: 100px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 56%;
top: 11%;
text-align: center;
}

#ccernee { /* dimensions et définitions des boutons */
position: absolute;
height: 120px;
width: 140px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 17%;
top: 25%;
text-align: center;
}

#ccmayenne { /* dimensions et définitions des boutons */
position: absolute;
height: 100px;
width: 150px;
color: #cc000c;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 41%;
top: 26%;
text-align: center;
}

#ccmeslay { /* dimensions et définitions des boutons */
position: absolute;
height: 80px;
width: 180px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 46%;
top: 66%;
text-align: center;
valign: middle;
}

#ccavaloirs { /* dimensions et définitions des boutons */
position: absolute;
height: 80px;
width: 180px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 72%;
top: 9%;
text-align: center;
valign: middle;
}


#ccvillaines { /* dimensions et définitions des boutons */
position: absolute;
height: 75px;
width: 150px;
color: #cc000c;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 72%;
top: 22%;
text-align: center;
}

#ccbais { /* dimensions et définitions des boutons */
position: absolute;
height: 60px;
width: 150px;
color: #000000;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 66%;
top: 34%;
text-align: center;
}



#ccloiron { /* dimensions et définitions des boutons */
position: absolute;
height: 120px;
width: 100px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 19%;
top: 44%;
text-align: center;
}

#calaval { /* dimensions et définitions des boutons */
position: absolute;
height: 100px;
width: 120px;
color: #cc000c;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 34%;
top: 48%;
text-align: center;
}

#ccmontsurs { /* dimensions et définitions des boutons */
position: absolute;
height: 100px;
width: 70px;
color: #fefbc6;
font-size: 13px;
font-family: arial;
text-decoration: none;
left: 52%;
top: 41%;
text-align: center;
}

#ccevron { /* dimensions et définitions des boutons */
position: absolute;
height: 80px;
width: 120px;
color: #ffffcc;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 64%;
top: 42%;
text-align: center;
}

#ccerve { /* dimensions et définitions des boutons */
position: absolute;
height: 80px;
width: 130px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 62%;
top: 54%;
text-align: center;
}

#cccosse { /* dimensions et définitions des boutons */
position: absolute;
height: 60px;
width: 170px;
color: #000000;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 15%;
top: 64%;
text-align: center;
}

#cccraon { /* dimensions et définitions des boutons */
position: absolute;
height: 100px;
width: 100px;
color: #ffffcc;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 20%;
top: 76%;
text-align: center;
}

#ccstaignan { /* dimensions et définitions des boutons */
position: absolute;
height: 90px;
width: 100px;
color: #000000;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 3%;
top: 73%;
text-align: center;
}

#ccchateaugontier { /* dimensions et définitions des boutons */
position: absolute;
height: 100px;
width: 150px;
color: #fefbc6;
font-size: 15px;
font-family: arial;
text-decoration: none;
left: 37%;
top: 79%;
text-align: center;
}


.commune{
text-align: left;
margin-left: 100px;
}


/*couleur et taille du cadre*/
.tablepresidentcom {
border: 2px solid #5761a5;
background-color: #B5DAF1;
width: 200px;
z-index:5;
}
/*emplacement du cadre */
#presidentcom{
/*position:absolute;*/


text-align: center;
}

/*
vertical-align baseline, sub, super, top,
text-top, middle, bottom,
text-bottom, ou valeurs en
pourcentage Alignement vertical {vertical-align: top} */