body {
font-family: "Nimbus Roman No9 L", Georgia, "Times New Roman", Times, serif;
font-size: small;
color: black;
background: #FFF7CC;
margin: 0;
padding: 0;
}

a {
text-decoration: none;
}

a:link {
color: #4f0900;
}

a:visited {
color: #4f0900;
}

a:hover {
color: #B20D00;
border-color: #B20D00;
}

a.lien {
border-bottom: 1px dotted #4f0900;
}

a:link.lien {
}

a:visited.lien {
}

a:hover.lien {
border-color: #B20D00;
}

img {
border: none;
}

.hidden {
display: none;
}

.cleared {
clear:both;
}

.italic {
font-style: italic;
}

#preaccueil {
position: relative;
width: 760px;
margin: 20px auto 10px auto;
text-align: center;
background: transparent url('images/preaccueil002s.jpg') no-repeat 50% 70px; 
}

#preaccueil h1, #preaccueil h2 {
margin: 0;
padding: 0;
}

#preaccueil h1 {
height: 70px;
background: transparent url('images/JeanAurayLuthier.jpg') no-repeat top center;
}

#preaccueil h2 {
margin-top: 300px;
height: 50px;
background: transparent url('images/Contrebasses-DoubleBasses.jpg') no-repeat top center;
}

#preaccueil li {
display: block;
position: absolute;
font-size: 120%;
top: 200px;
width: 150px;
padding: 0 10px 0 10px;
}

#preaccueil li#item1 {
left: 10px;
text-align: center;
}

#preaccueil li#item2 {
right: 10px;
text-align: center;
}

#conteneur {
position: absolute;
top: 0;
left: 50%;
width: 760px;
margin: 15px auto 15px -380px;
padding: 0;
text-align: center; /* pour centrer pour IE... */
background: transparent;
}

div#enTete {
height: 101px;
margin: 0;
background-color: #8D1F0B;
}

div#enTete a#lienLangue {
display: block;
position: absolute;
top: 10px;
right: 25px;
color: #FFF7CC;
}

div#enTete a:hover {
color: black;
}

#menuPrincipal {
position: absolute;
top: 101px;
left: 0;
width: 151px;
height: 430px;
margin: 0 20px 0 0;
padding: 0;
background: #8D1F0B url('images/FondMenu2.jpg') no-repeat top left;
}

#menuPrincipal ul {
position: relative;
list-style-type: none;
text-align: right;
top: 59px;
right: 0;
margin: 0;
padding: 0 28px 0 0;
}

#menuPrincipal li {
}

#menuPrincipal li a {
display: block;
height: 40px;
font-size: 110%;
color: #FFF7CC;
text-decoration: none;
}

#menuPrincipal li a:hover {
color: #000000;
}

/*
#menuPrincipal li a:visited {
color: #FF3333;
}
*/

/*#menucontact {
position: relative;
top: 54px;
}*/

#article {
margin: 0 10px 20px 165px;
padding: 0;
text-align: justify;
}

#article h1 {
text-align: left;
font-size: 150%;
letter-spacing: 0.2em;
line-height: 1.1em;
margin: 1em 0 0.5em -2px;
padding: 0 0 5px 2px;
background: transparent url('images/FondH1.jpg') bottom left no-repeat;
}

#article h2 {
clear: right;
text-align: left;
font-size: 120%;
font-weight: bold;
color: #4f0900;
margin: 1em 0 0.5em 0;
}

#article h3 {
font-size: 110%;
margin: 1em 0 0.4em 0;
}

#article p {
margin: 0 0 0.5em 0;
line-height: 1.2em;
}

#article p.intro {
text-transform: uppercase;
font-size: 95%;
letter-spacing: 0.1em;
/*font-variant: small-caps;*/
}

#article p.hautPage {
text-align: right;
}

#article img {
display: block;
}

#article img.photo {
float: right;
padding: 0px;
margin: 0px 0px 5px 10px;
/*border: 1px solid #e67e71;
border-color: #be7061 #821a0d #4f0900 #be7061;*/
}

#article img.photo-alt {
float: left;
padding: 0px;
margin: 0px 10px 5px 0px;
/*border: 1px solid #e67e71;
border-color: #be7061 #821a0d #4f0900 #be7061;*/
}

#article .plancheContact {
text-align: center;
}

#article img.plancheContact {
display: inline;
margin: 5px 10px 5px 10px;
}

#article table.modeles {
text-align: center;
font-weight: bold;
color: #4f0900;
/*width: 560px;*/
margin: 1em auto 1em;
}

#article table.modeles img {
display: inline;
}

#article table.modeles td {
width: 33%;
padding: 0 1em 0 1em;
}

#article table.modeles td.typeModeleTaille {
}

#article table.modeles td.typeModeleMusicien {
font-style: italic;
}

#article table.modeles td.typeModeleForme {
}

#article table.modeles td.typeModeleLongCordes {
font-weight: normal;
font-size: 90%;
padding-bottom: .2em;
}


#article table.modeles td.typeModelePhoto {
padding-bottom: 1em;
}


#article blockquote.fr {
padding: 0 0 0 25px;
margin: 0;
background: transparent url('images/GuillemetsOuvrants-fr.gif') left top no-repeat;
}

#article blockquote.en {
padding: 0 0 0 25px;
margin: 0;
background: transparent url('images/GuillemetsOuvrants-en.gif') left top no-repeat;
}

#article blockquote.fr div {
margin: 0 155px 0 0;
padding: 0 0 20px 0;
background: transparent url('images/GuillemetsFermants-fr.gif') right bottom no-repeat;
}

#article blockquote.en div {
margin: 0 155px 0 0;
padding: 0 0 20px 0;
background: transparent url('images/GuillemetsFermants-en.gif') right bottom no-repeat;
}

#article blockquote p {
}

#article li {
padding-bottom: .5em;
}

#article ul.submenu {
font-size: 110%;
list-style-type: none;
padding: 0;
margin: 0 0 1.5em 0;
}

#article ul.submenu li {
display: inline;
margin-right: .5em;
}

#article #map {
font-size: 90%;
width: 580px;
height: 400px;
margin: 1em auto 1em;
}

#article #map .titre {
font-weight: bold;
color: #4f0900;
}



/*
#article .nouveau {
font-size: 70%;
color: black;
text-transform: uppercase;
vertical-align: super;
background-color: yellow;
}
*/

p.hautPage {
margin: 0 0 0.5em 0;
padding: 0;
line-height: 1em;
}

#piedPage {
clear: both;
margin: 0;
/*padding: 5px;*/
height: 40px;
color: #FFF7CC;
background: #8D1F0B url('images/FondPiedPage.jpg') no-repeat;
}

#piedPage p {
line-height: 36px;
}

/* Comme expliqué sur http://paginus.com/essai/page-007.html */
q:lang(fr) {
quotes: "« " " »" "' " " '";
}

/* Comme conseillé dans http://www.la-grange.net/accessibilite/day_17.html */
acronym {
  border-bottom: 1px dotted black;
}
hr {clear:both; visibility:hidden;}