body {

}

/*page central*/
.centrepage {
position: absolute;
top: 135px;
left: 305px; 
width: 716px;
height: 859px;
font-family : arial;
color: #cc000c;
text-align: center;
}


.lienmilieu{
border-left: 2px solid;
z-index: 1;
}

.lienmembre{
border-left: 2px solid;
border-right: 2px solid;
border-top: 2px solid;
z-index: 1;
}
/*ligne horizontale président vers vice-président*/
#membre1{
position:absolute;
left: 25%;
width: 50%;
top: 360px;
height:25px;
}

/*ligne horizontale président vers secrétaire et trésorier*/
#membre2{
position:absolute;
left: 25%;
width: 50%;
top: 485%;
height:25px;
}
/*ligne verticale président vers le bas*/
#présidentversautre{
position:absolute;
left: 50%;
top: 264%;
height:550px;
}
/*emplacement du cadre dans la page centrale*/
#president{
position:absolute;
left: 33.94%;
top: 80%;
text-align: center;
}

/*couleur et taille du cadre*/
.tablepresident {
border: 2px solid #5761a5;
background-color:#B5DAF1;
width: 32.12%;
z-index:5;
}
/*emplacement du cadre */
#vicepresident1{
position:absolute;
left: 12.57%;
top: 305%;
text-align: center;
}
/*emplacement du cadre */
#vicepresident2{
position:absolute;
left: 62.43%;
top: 305%;
text-align: center;
}
/*couleur et taille du cadre vice-président, trésorier et secrétaire*/
.tablevicepresident{
border: 2px solid #5761a5;
background-color:#b5daf1;
width:25.14%;
z-index:5;
}

/*emplacement du cadre du trésorier*/
#trésorier{
position:absolute;
left: 12.57%;
top: 505%;
text-align: center;
}

/*emplacement du cadre du secrétaire*/
#secrétaire{
position:absolute;
left: 62.43%;
top: 505%;
text-align: center;
}

.tabmembre{
position: relative;
width: 100%;
top: 88%;
font-family : arial;
color: #000000;
text-align: left;
left: 12.5%;

}

.organigramme{
position: relative;
width: 100%;

}