/*********************************************************
* CSS général et unique pour le site www.des-cendres.ch  *
**********************************************************/

/* Style pour objects ajoutés
********************************/
object#lecteur {
margin-left: 193px ;
}
/* Style général 
******************
*****************/
/*Mise en page et présentation:
******************/
div#bandeau {
width: 600px ;
position: relative ; margin-left: auto ; margin-right: auto ;
margin: 3% auto 4px auto ;
}
img#napopo {
margin: 0px ;
}
div#colonne {background-color: #e7dea0 ;
width: 586px ; margin-left: auto ; margin-right: auto ;
margin-top: 0px ; margin-bottom: 10px ;
padding: 0px 7px 0px 7px ;
border-top: solid 1px #676d6b ; border-bottom: solid 1px #676d6b ;
}
div.ligne {
height: 1px ; 
background-color: #676d6b ;
margin: 0px ;
padding: 0px ;
} 

h1 {
margin: 10px ;
}
p {
margin-left: 0px ; margin-right: 0px ;
}

/*Texte:
********/
/*Général:*/
body {
font-family: Bitstream Vera Sans , sans-serif ;
font-size: 10px ;
}
/*Titres*/
h1 {
text-align: center ;
font-size: 50px ;
}
h2 {
text-align: center ;
font-size: 15px ;
}
/*Paragraphes*/
p {

}
p.citation { 
             text-align: center;
             font-style: italic;
             }
div#tobago { 
background-image:url(tobago.jpg);
 }
div#biblio {
background-image:url(biblio.jpg);
}
 
 
/*Liens*/
a {
text-decoration: none ;
color: #676d6b ;
}
a:hover {
color: #676d6b ;
text-decoration: underline ;
}

/*Listes*/
ul.interpretes {
list-style-type: none ;
margin-left: 20% ;
} 
ul.concerts, ul.concerts ul {
margin-left: 50px ;
list-style-type: square ;
}
ul.concerts li {
clear: both ;
}
span.ou {
display: block ; float: left; width: 200px ; left: 0px ; 
}
span.quand {
position: relative ; left: 40px ; 
}
p.son_telecharger {
text-align: center ;
}
ul.son_telecharger {
text-align: center ;
list-style-type: square ;
margin: 0px 0px 15px 0px ; padding: 0px ;
}
ul.son_telecharger li {
margin: 0px 0px 2px 0px ;
}

/*Pied
********/
div#pied {background-color: #676d6b ;
position: relative ; left: 50% ; width: 600px ;
margin-left: -300px ; 
color: #fff ;
font-size: 10px ;
}
div#pied span {
margin: 0px 7px 0px 7px ;
}

div#pied a {
color: #ffffff ;
}
div#pied span#pied_a {
float: right ;
}
/*Nettoyage des liens/images-liens: */
a img {
border-style: none ;
}
a {
outline:none ;
}
a#aide {

}


/* Style pour la page d'intro */

body.intro {
background-color: #000000;
}

div.intro {
text-align: center ; 
}

img.intro {
margin-top:300px ;
}