html
{
    font-family         : Arial;
    color               : #594334;
    background          : url('/images/design/fond-rireau.jpg') repeat;
}

body
{
    font-size           : smaller;
    margin              : 0px; 
    padding             : 0px;
    border-width        : 0px; 
}

#div_main
{
    width               : 950px;
    margin              : 0px auto 0px auto;
}

#div_header
{
    width               : 950px;
    height              : 336px;
    background          : url('/images/design/header.jpg') no-repeat;
    position            : relative;
}

#div_logo
{
    width               : 271px;
    height              : 283px;
    position            : absolute;
    top                 : 2px;
    left                : 14px;
}

#div_audio
{
    width               : 46px;
    height              : 50px;
    position            : absolute;
    top                 : 10px;
    right               : 115px;
}

.administration
{
    display             : block;
    border              : 0px;
    text-decoration     : none;
    position            : absolute;
    top                 : 10px;
    right               : 10px;
}

img.link
{
    display             : block;
    text-decoration     : none;
    border              : 0px;
}

#div_menus
{
    position            : absolute;
    bottom              : 79px;
    left                : 59px;
    width               : 880px;
    height              : 30px;
    border              : 0px;
}

#div_menus ul
{
   list-style-type      : none;
   margin               : 0px;
   padding              : 0px;
   border               : 0px;
   width                : 100%;
}

#div_menus ul li
{
    float               : left;
    height              : 97px;
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
#div_menus ul li a
{
    color               : white;
    text-decoration     : none;
    font-family         : "Lucida Console", Arial;
    text-transform      : uppercase;
    display             : block;
    text-align          : center;
    font-size           : 14px;
    height              : 101px;
    line-height         : 101px;
    border              : 0px;
}
.unseletected
{
   background           : none;
}
.menu1selected , a#menu1:hover
{
   background           : url('/images/design/menus/accueil.png') no-repeat;
}
.menu2selected , a#menu2:hover
{
   background           : url('/images/design/menus/historique.png') no-repeat;
}
.menu3selected , a#menu3:hover
{
   background           : url('/images/design/menus/le-groupe.png') no-repeat;
}
.menu4selected , a#menu4:hover
{
   background           : url('/images/design/menus/concerts.png') no-repeat;
}
.menu5selected , a#menu5:hover
{
   background           : url('/images/design/menus/repertoire.png') no-repeat;
}
.menu6selected , a#menu6:hover
{
   background           : url('/images/design/menus/info.png') no-repeat;
}
.menu7selected , a#menu7:hover
{
   background           : url('/images/design/menus/contact.png') no-repeat;
}
.menu8selected , a#menu8:hover
{
   background           : url('/images/design/menus/espace-choriste.png') no-repeat;
}

#menu1
{
    width               : 95px;
}
#menu2
{
    width               : 104px;  
}
#menu3
{
    width               : 98px;    
}
#menu4
{
    width               : 98px;    
}
#menu5
{
    width               : 109px;    
}
#menu6
{
    width               : 62px;    
}
#menu7
{
    width               : 81px;
}
#menu8
{
    width               : 166px;    
}


#div_footer
{
    background          : url('/images/design/footer/footer.jpg') no-repeat;
    position            : relative;
    height              : 358px;
}

.mentions
{
    position            : absolute;
    bottom              : 10px;
    right               : 80px;
}
.abprod
{
    position            : absolute;
    bottom              : 10px;
    left                : 80px;
}
.mentions , .abprod
{
    color               : #666667;
    font-family         : 'Helvetica Neue' , 'Helvetica' , Arial;
    text-decoration     : none;
    font-size           : 10px;
}

#div_partenaires
{
    width               : 232px;
    height              : 142px;
    background          : url('/images/design/footer/partenaires.png') no-repeat;
    position            : absolute;
    top                 : 150px;
    right               : 40px;
}

#div_liens
{
    position            : absolute;
    top                 : 150px;
    left                : 58px;
    width               : 230px;
    height              :  80px;
}
#div_amis
{
    position            : absolute;
    top                 : 150px;
    left                : 312px;
    width               : 160px;
    height              :  80px;
}
.span_footer
{
    font-weight         : bold;
    color               : #F79321;
    display             : block;
    font-family         : 'Helvetica Neue' , 'Helvetica' , Arial;
    font-size           : 12px;
}
.footer 
{
    text-decoration     : none;
    font-size           : 12px;
    color               : #666667;
    font-family         : 'Helvetica Neue' , 'Helvetica' , Arial;
    display             : block;
    margin-left         : 20px;
    margin-top          : 4px;
}

a.link:hover
{
    text-decoration     : underline;
}

#div_content
{
    width               : 950px;
    background          : url('/images/design/fond-midle.jpg') repeat-y;
    position            : relative;
    overflow            : hidden;
}

#div_mainpart
{
    width               : 720px;
    overflow            : hidden;
    float               : left;
}

#div_mainparttitle
{
    margin-top          : 20px;
}

#div_mainparttitle_1
{
    background          : url('/images/design/titre/bandeau-verte.png') repeat-x;
    height              : 49px;
    line-height         : 49px;
    color               : white;
    font-size           : 18px;
    float               : left;
}
#div_mainparttitle_1 h1
{
    margin              : 0px;
    border              : 0px;
    padding             : 0px 0px 0px 20px;
}
#div_mainparttitle_2
{
    background          : url('/images/design/titre/fin-de-bandeau-verte.png') no-repeat;
    width               : 79px;
    height              : 49px;
    float               : left;
}

.mainpartcontent
{
   padding              : 25px; 
   clear                : both;
   position             : relative;
   font-family          : 'Helvetica Neue' , 'Helvetica' , Arial;
}

.mainpartcontent a
{
    font-weight         : bold;
    color               : #594334;
    font-style          : italic;
    text-decoration     : none;
}

#div_droite
{
    width               : 213px;
    position            : relative;
    float               : right;
    margin-bottom       : 30px;
}

#div_search
{
    padding-top         : 20px;
    width               : 213px;
    background          : url('/images/design/droite/fond.png') repeat-y;
}

#div_droite_end
{
    width               : 213px;
    height              : 21px;
    background          : url('/images/design/droite/end.png') no-repeat;
}

#form_search
{
    width               : 167px;
    background          : url('/images/design/droite/rechercher.png') no-repeat;
    position            : relative;
    height              : 30px;
    display             : block;
    margin              : 0px 0px 20px 30px;
} 
input.input_search
{
    position            : absolute;
    left                : 11px;
    top                 : 8px;
    width               : 110px;
    height              : 16px;
    border              : 0px solid black;
    background-color    : white;
}

input.form_search_submit
{
    width               : 17px;
    height              : 17px;
    position            : absolute;
    right               : 16px;
    top                 : 7px;
    cursor              : pointer;
}




#div_concerts
{
    width               : 195px;
    background          : url('/images/design/droite/nos_concerts.png') no-repeat;
    position            : relative;
    display             : block;
    margin              : 0px 0px 0px 16px;
}
#div_concerts_content
{
    padding-top         : 20px;
}
#div_concerts_content img
{
    display             : block;
    margin              : 20px 0px 20px 22px;
    border              : 1px solid gray;
    text-decoration     : none;
    width               : 150px;
    height              : 200px;
}


#div_calendrier
{
    width               : 195px;
    background          : url('/images/design/droite/calendrier.png') no-repeat;
    position            : relative;
    display             : block;
    margin              : 0px 0px 0px 16px;
    padding-top         : 50px;
}

#calendartarget
{
    
}

#div_calendrier_content
{
    width               : 153px;
    margin              : 0px 0px 0px 9px;
    border              : 1px solid #D31C5B;
    text-align          : center;
    padding             : 10px;
}

#calendartarget td{/*border:1px solid black*/}

#calendartarget a
{
    color               : #D31C5B;
    text-decoration     : none;
}

.contactform table
{

}

.contactform input, .contactform textarea, .contactform button
{
    border              : 1px solid #594334;
}
.contactform textarea
{
    height              : 70px;    
}
.contactform input, .contactform textarea
{
    width               : 250px;
}
.contactform button
{
    width               : 80px;
    display             : block;
    margin              : 10px auto 20px auto;
}

.titre_rose
{
    color               : #D31C5B;
    font-weight         : bold;
    font-size           : 30px;
}

.calendrier
{
    background          : url('/images/design/notre-calendrier.png') no-repeat;
    height              : 57px;
    width               : 283px;
    position            : absolute;
    left                : 330px;
    top                 : 32px;
}
.calendrier span
{
    display             : none;
}

#div_connexion
{
    background          : url('/images/design/choristes/choristes.png') no-repeat;
    height              : 462px;
    width               : 600px;
    margin              : -40px auto 0px auto;
    position            : relative;
}

#div_connexion .login
{
    position            : absolute;
    left                : 247px;
    top                 : 150px;
    width               : 210px;
    height              :  20px;
    border              : 1px solid white;
}
#div_connexion .password
{
    position            : absolute;
    left                : 247px;
    top                 : 188px;
    width               : 210px;
    height              :  20px;
    border              : 1px solid white; 
}

#div_connexion .choriste_connexion_submit
{
    height              : 26px;
    width               : 180px;
    position            : absolute;
    top                 : 228px;
    left                : 265px;
    border              : 0px;
}
#div_connexion .mot_oublie
{
    height              : 26px;
    width               : 180px;
    position            : absolute;
    top                 : 263px;
    left                : 265px;
    background          : url('/images/design/choristes/mot_oublie.png') no-repeat;
}

#div_connexion .creation_compte
{
    background          : url('/images/design/choristes/creer_compte.png') no-repeat;
    height              : 26px;
    width               : 180px;
    position            : absolute;
    top                 : 105px;
    left                : 265px;
}
#div_connexion .creation_compte span , #div_connexion .mot_oublie span
{
    display             : none;
}
#div_choriste
{
    margin-top          : 30px;
}
#div_choriste span
{
    display             : none;
}
#div_choriste a
{
    width               : 180px;
    height              : 206px;
    float               : left;
    display             : block;
    border              : 0px;
    text-decoration     : none;
    margin              : 0px 70px 30px 80px;
}
.div_choriste_1
{
    background          : url('/images/design/choristes/mon-compte.png') no-repeat;
}
.div_choriste_2
{
    background          : url('/images/design/choristes/partition.png') no-repeat;
}
.div_choriste_3
{
    background          : url('/images/design/choristes/association.png') no-repeat;
}
.div_choriste_4
{
    background          : url('/images/design/choristes/historique.png') no-repeat;
}
.div_choriste_5
{
    background          : url('/images/design/choristes/voix.png') no-repeat;
}
.div_choriste_6
{
    background          : url('/images/design/choristes/deconnexion.png') no-repeat;
}
.div_choriste_7
{
    background          : url('/images/design/choristes/concerts.png') no-repeat;
}
.div_choriste_8
{
    background          : url('/images/design/choristes/commision.png') no-repeat;
}

.errorclass
{
    color               : red;
    font-weight         : bold;
    border              : 1px solid red;
}

.mainpartcontent input, .mainpartcontent textarea
{
    border:1px solid #594334;
    color:#594334;
    width:200px
}
.mainpartcontent button
{
    border:1px solid #594334;
    color:#594334;
    width:80px
}

a.pastille
{
    width: 180px;
    height:206px;
    color:white;
    display:block;
    float:left;
    margin:20px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:190px;
    font-size:18px;
    text-align:center;
    background:url('/images/design/pastille.png') no-repeat;
}

a.pastille:hover
{
    color:#F79321;
}

a#abprod
{
    background:url('/images/design/abprod.png') no-repeat;
    width:108px;
    height:67px;
    position:absolute;
    right:20px;
    bottom:40px;
    border:0px;
    text-decoration:none;
}
a#mutuelle
{
    background:url('/images/design/logo_mutuelle.png') no-repeat;
    width:70px;
    height:70px;
    position:absolute;
   left:20px;
    bottom:40px;
    border:0px;
    text-decoration:none;
}

#abprod span , #mutuelle span
{
   display:none; 
}