/*style css*/

body {
font-style : verdana, arial, sans-serif;
color : #FFFFFF;
background-color : #333333;
scrollbar-face-color:"#CCCCCC";
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #333333;
scrollbar-arrow-color: #333333;
}

.fond {
position : absolute;
top : 20px;
left : 40px;
width : 980px;
height : 570px;
border : solid;
border-width : 1px;
border-color : #FFFFFF;
z-index : 1;
}

.contenu {
position : absolute;
top : 185px;
left : 335px;
width : 595px;
height : 320px;
border : none;
z-index : 2;
font-family : verdana, arial, sans-serif;
font-size : 12pt;
text-align : left;
color : #FFFFFF;
z-index : 2;
overflow : auto;
font-weight : normal;
word-spacing : 2px;
}

.rub-association {
position : absolute;
top : 160px;
left : 90px;
width : 150px;
height : 45px;
border : none;
z-index : 2;
}

.rub-souvenirs {
position : absolute;
top : 235px;
left : 90px;
width : 125px;
height : 65px;
border : none;
z-index : 2;
}

.rub-jeunes {
position : absolute;
top : 330px;
left : 90px;
width : 150px;
height : 50px;
border : none;
z-index : 2;
}

.rub-contact {
position : absolute;
top : 410px;
left : 90px;
width : 100px;
height : 35px;
border : none;
z-index : 2;
}

.rub-liens {
position : absolute;
top : 475px;
left : 90px;
width : 65px;
height : 40px;
border : none;
z-index : 2;
}

.contact {
position : absolute;
left : 830px;
top : 565px;
width : 160px;
height : 30px;
color : #FFFFFF;
font-family : verdana, arial, sans-serif;
font-size : 8pt;
font-weight : bold;
border : none;
z-index : 2;
}


.craie-association {
position : absolute;
top : 175px;
left : 41px;
width : 39px;
height : 30px;
border : none;
z-index : 2;
}

.craie-souvenirs {
position : absolute;
top : 240px;
left : 41px;
width : 39px;
height : 30px;
border : none;
z-index : 2;
}

.craie-jeunes {
position : absolute;
top : 330px;
left : 41px;
width : 39px;
height : 30px;
border : none;
z-index : 2;
}

.craie-contact {
position : absolute;
top : 415px;
left : 41px;
width : 39px;
height : 30px;
border : none;
z-index : 2;
}

.craie-liens {
position : absolute;
top : 485px;
left : 41px;
width : 39px;
height : 30px;
border : none;
z-index : 2;
}

.craie-ss-rub1 {
position : absolute;
top : 130px;
left : 340px;
width : 35px;
height : 20px; 
border : none;
z-index : 2;
}

.craie-ss-rub2 {
position : absolute;
top : 130px;
left : 520px;
width : 35px;
height : 20px;
border : none;
z-index : 2;
}

.craie-ss-rub3 {
position : absolute;
top : 130px;
left : 740px;
width : 35px;
height : 20px;
border : none;
z-index : 2;
}

.craie-ss-rub-histoireeco {
position : absolute;
top : 130px;
left : 325px;
width : 35px;
height : 20px;
border : none;
z-index : 2;
}

.craie-ss-rub-biblio {
position : absolute;
top : 130px;
left : 475px;
width : 35px;
height : 20px;
border : none;
z-index : 2;
}

.craie-ss-rub-objetsdepoque {
position : absolute;
top : 130px;
left : 635px;
width : 35px;
height : 20px;
border : none;
z-index : 2;
}

.craie-ss-rub-classeannees30 {
position : absolute;
top : 130px;
left : 770px;
width : 35px;
height : 20px;
border : none;
z-index : 2;
}

.sous-rub-historique {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
color : #FFFFFF;
font-weight : bold;
top : 132px;
left : 380px;
width : 75px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-vieasso {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 125px;
left : 540px;
width : 140px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-orginterne {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 125px;
left : 760px;
width : 145px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}


.sous-rub-civic-tour {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
color : #FFFFFF;
font-weight : bold;
top : 132px;
left : 370px;
width : 90px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-classe-civique {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 132px;
left : 535px;
width : 165px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-temoignages {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 132px;
left : 755px;
width : 170px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-histoireeco {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 124px;
left : 360px;
width : 100px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-bibliotheque {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 128px;
left : 515px;
width : 90px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-objetsdepoque{
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 124px;
left : 670px;
width : 65px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.sous-rub-classeannee30 {
position : absolute;
font-family : verdana, arial, sans-serif;
font-size : 11pt;
font-weight : bold;
color : #FFFFFF;
top : 124px;
left : 800px;
width : 120px;
height : 15px;
text-align : center;
border : none;
z-index : 2;
}

.titre {
font-weight : bold;
}

.titre2 {
text-decoration : underline;
}

.couleur_sous-rub {
color : #CC9900;
}

.texte-centre {
text-align : center;
}

a:link {
text-decoration : none;
color : #FFFFFF;
}

a:visited {
text-decoration : none;
color : #FFFFFF;
}

a:hover {
text-decoration : none;
color : #CC9900;
}

a:active {
text-decoration : none;
color : #CC9900;
}

a:link.mail {
text-decoration : none;
color : #FFFFFF;
}

a:visited.mail {
text-decoration : none;
color : #FFFFFF;
}

a:hover.mail {
text-decoration : underline;
color : #FFFFFF;
}

a:active.mail {
text-decoration : underline;
color : #FFFFFF;
}

a:link.lien {
text-decoration : none;
color : #999999;
}

a:visited.lien {
text-decoration : none;
color : #999999;
}

a:hover.lien {
text-decoration : underline;
color : #999999;
}

a:active.lien {
text-decoration : underline;
color : #999999;
}