/*=================== CSS Document =====================================*/

/*======================== Navigation accueil ===========================*/

/*---------  accueil  -------------------*/

#main-nav-accueil {
   	margin-left:225px;
	margin-top:187px;
	font-size: 13px;
    line-height:18px;
    font-family: Scala Sans, Verdana, Arial, Helvetica, sans-serif;

}

#main-nav-accueil a{
    border:none;
    color:#9D9C9C;
    text-decoration:none
}

#main-nav-accueil a:hover{
    text-decoration:none
    font-weight:bold;
}

#presentation:hover{
    color:#EEE42A;
}

#representation:hover{
    color:#E39727;
}

#adherents:hover{
    color:#B0201E;
}

#contact:hover{
    color:#50647C;
}

#membres:hover{
    color:#A0104B;
}



/*======================== Navigation principale ===========================*/

.main-nav{
    background-color: #FFFFFF;
    height: 22px;
    border: 1px solid #000000;
}

#col2 .main-nav{
    border-left: 0px;
}


/*---------  présentation  -------------------*/
#presentation-Off a{
    display:block;
    float:left;
    width:177px;
    height:22px;
    border-right: 1px solid #FFFFFF;
    background-image: url(../img/menu/presentation-Off.gif);
	background-repeat: no-repeat;
	background-position: left top;

}

#presentation-On, #presentation-Off a:hover {
    display:block;
    float:left;
    border-right: 1px solid #000000;
    width:177px;
    height:22px;
    background-color: #EEE42A;
    background-image: url(../img/menu/presentation-On.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content-representation  #presentation-Off a:hover{
    border-right-color: #EEE42A;
}


/*---------  représentation  -------------------*/

#representation-Off a{
    display:block;
    float:left;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    width:191px;
    height:22px;
    background-image: url(../img/menu/representation-Off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#representation-On, #representation-Off a:hover {
    display:block;
    float:left;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    width:191px;
    height:22px;
    background-image: url(../img/menu/representation-On.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #E39727;
}

#content-adherents  #representation-Off a:hover{
    border-right-color: #E39727;
}

#content-presentation  #representation-Off a:hover{
    border-left-color: #E39727;
}


/*---------  adhérents  -------------------*/

#adherents-Off a{
    display:block;
    float:left;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    width:164px;
    height:22px;
    background-image: url(../img/menu/adherents-Off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#adherents-On, #adherents-Off a:hover {
    display:block;
    float:left;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    width:164px;
    height:22px;
    background-color: #B0201E;
    background-image: url(../img/menu/adherents-On.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content-contact  #adherents-Off a:hover{
    border-right-color: #B0201E;
}

#content-representation  #adherents-Off a:hover{
    border-left-color: #B0201E;
}

/*---------  Contact  -------------------*/

#contact-Off a{
    display:block;
    float:left;
    border-left: 1px solid #FFFFFF;
    width:157px;
    height:22px;
    background-image: url(../img/menu/contact-Off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#contact-On, #contact-Off a:hover {
    display:block;
    float:left;
    border-left: 1px solid #000000;
    width:157px;
    height:22px;
    background-color: #50647C;
    background-image: url(../img/menu/contact-On.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content-adherents  #contact-Off a:hover{
    border-right-color: #50647C;
    border-left-color: #50647C;
}

#content-annexes  #contact-Off a:hover{
    border-right: 1px solid #000000;
    width:156px;
}

#content-information  #contact-Off a:hover{
    border-right: 1px solid #000000;
    width:156px;
}

/*---------  Membres  -------------------*/

#membres-Off a {
    display:block;
    float:left;
    border-left: 1px solid #FFFFFF;
    width:201px;
    height:22px;
    background-image: url(../img/menu/membres-Off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#membres-On, #membres-Off a:hover {
    display:block;
    border-left: 1px solid #A1124B;
    border-right: 0px;
    width:201px;
    height:22px;
    background-color: #A0104B;
    background-image: url(../img/menu/membres-On.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#content-annexes  #membres-Off a:hover{
    border-left: 1px solid #000000;
    border-right: 1px solid #A1124B;
}

#content-information  #membres-Off a:hover{
    border-left: 1px solid #000000;
    border-right: 1px solid #A1124B;
}