/* Général */
body  {
margin: 0;
padding: 10px 20px; 
font: .8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
line-height: 1.25; 
background: #525abb;
color: #F0E39E;
padding: 10px 5px;
}
a {
color: #841025;
}
a:hover, a:focus {
color: #060;
}
strong {
color: #A1B55D;
}
/* Page */
#global {
width: 900px; 
background: #fff;
margin: 0 auto;	
}
/* En-tête */
#entete {
background: url('../../images/ban.gif') no-repeat; 
padding: 20px 20px 140px 0;
}
#index {
padding: 20px 0px 20px 50px;
}
/* Bloc central contenant #navigation et #contenu */
#centre {
background: #fff; 
margin: 20px 0 0 0px;
width: 100%; 
overflow: hidden; 
}
/* Menu de navigation */
#navigation {
background:  url('../../images/nav.jpg');
float: left; 
width: 170px;
margin: -10px 0px;
font: 1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#navigation a {
display: block;
height: 1%; 
padding: 6px 10px 6px 10px;
line-height: .95;
color: #fff;
text-decoration: none;
}
#navigation a:hover, #navigation a:focus {
color: #d6d6d6;
}
#navigation ul {
margin: 10px 0 10px 0;
padding: 20px 10px 20px 14px;
list-style: none;
}
/* Contenu pub */
#pub {
position: absolute;
background: url('../../images/pub.gif') no-repeat; 
margin: 382px 0 0 0px;
width: 170px;
height: 199px;
padding: 12px 20px;
}
#pub .imggoji { 
margin: 8px 0 0 0;
}
#pub .clic { 
background: #fff;
margin: 4px 0 0 16px;
padding: 4px;
}
/* Contenu principal */
#contenu {
color: #242751;
background: #f4f4f9;
border: 1px solid #d6d6d6;
margin: 0 155px 0 172px; 
padding: 10px 20px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
}
#contenu a {
font-weight: bold;
color: #242751;
}
#contenu a:hover, #contenu a:focus {
color: #c6c6c6;
}
#contenu strong {
color: #242751;
}
#contenu > :first-child {
margin-top: 10px;
}
#contenu p, #contenu li {
text-align: justify;
line-height: 1.5;
}
#contenu .baspage {
background: #fff;
border: 1px solid  #c6c6c6;
border-top: 3px solid #242751;
padding: 10px;
text-align: justify;
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
line-height: 1.5;
-moz-border-radius: 0px 0px 10px 10px; 
-webkit-border-radius: 10px;
}
#contenu img {
float: right;
margin: 0 0 0 10px;
padding: 2px;
}
#contenu error {
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841025;
margin: 0 0 0 10px;
padding: 2px;
}
#contenu .imagesecu {
float: left;
margin: 0px;
}
#contenu .margin {
font-weight: bold;
margin: 0 0 0 200px;
padding: 8px;
}
#contenu .retour {
margin: 20px 0 0px 470px;
padding: 8px;
}
#contenu .cadreartiste {
border-top: 2px solid #d6d6d6;
background: #fff;
margin: -8px 0 0 0px;
padding: 12px;
}
#contenu .cadrelien {
border: 1px solid #d6d6d6;
background: #fff;
margin: 10px 0 0 0px;
padding: 8px;
}
#contenu .cadrepps {
border: 1px solid #d6d6d6;
background: #fff;
margin: 10px 0 40px 0px;
padding: 8px;
}
#contenu .color {
color: #87ceeb;
}
/* zone page d'erreur */
#pageerreur {
background: #fff;
width: 650px;
height: 330px;
margin: 30px 0 30px 400px;
border: 6px solid #d6d6d6;
font-size: 1.2em;
text-align: center;
}
#pageerreur p {
font: bold .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #242751;
text-align: center;
padding: 4px;
}
/* Contenu donation */
#donation {
background: #fff;
position: absolute;
width: 114px;
border-top: 1px outset #e6e6e6;
border-right: 4px inset #555;  
border-bottom: 2px inset #aaa;
margin: 0px 756px;
padding: 12px 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}
#donation p {
font: .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #242751;
margin: 0px;
}
/* Contenu livres */
#livres {
background: #fff;
width: 114px;
position: absolute;
border-top: 1px outset #e6e6e6;
border-right: 4px inset #555; 
border-bottom: 2px inset #555;
margin: 220px 756px;
padding: 12px 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}
#livres h2{
font-weight: bold;
border-bottom: 4px double #d6d6d6;
color: #242751;
}
#livres ul {
font: .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #242751;
margin: .75em 0 .75em 18px;
list-style: square;
}
#livres a {
color: #242751;
text-decoration: none;
}
#livres a:hover, #artiste  a:focus {
color: #242751;
border-bottom: 1px solid #555;
text-decoration: none;
}
/* Contenu artiste */
#artiste {
background: #fff;
position: absolute;
width: 114px;
border-top: 1px outset #e6e6e6;
border-right: 4px inset #555;  
border-bottom: 2px inset #aaa;
margin: 325px 0px 0 755px;
padding: 12px 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}
#artiste p {
font-weight: bold;
border-bottom: 4px double #d6d6d6;
color: #242751;
}
#artiste ul {
font: .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #242751;
margin: .75em 0 .75em 18px;
list-style: square;
}
#artiste a {
color: #242751;
text-decoration: none;
}
#artiste a:hover, #artiste a:focus {
background: #e6e6e6;
padding-right: 20px;
text-decoration: none;
-moz-border-radius: 10px 0px 10px 0px; 
-webkit-border-radius: 10px 0px 10px 0px; 
}
/* Contenu poete */
#poete {
background: #fff;
position: absolute;
width: 114px;
border-top: 1px outset #e6e6e6;
border-right: 4px inset #555; 
border-bottom: 2px inset #555;
margin: 465px 0px 0 755px;
padding: 12px 10px;
-moz-border-radius: 10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px; 
}
#poete p {
font-weight: bold;
border-bottom: 4px double #d6d6d6;
color: #242751; 
}
#poete  ul {
font: .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #242751;
margin: .75em 0 .75em 14px;
}
#poete a {
color: #242751;
text-decoration: underline;
}
#poete a:hover, #poete a:focus {
color: #d6d6d6;
text-decoration: none;
}
/* Pied index */
#piedindex{
background: #fff;
margin: 0px 10px 10px 10px;
padding: 10px;
font-size: .85em;
color: #242751;
text-align: center;
}
#piedindex img{
border: 0px;
}
#piedindex a {
color: #242751;
text-decoration: none;
padding: 2px;
}
#piedindex a:hover, #piedindex a:focus {
text-decoration: underline;
}
/* Pied de page */
#pied {
background: #525abb;
margin: 10px 10px 0px 10px;
padding: 10px;
border-bottom: 10px solid #fff;
font-size: .85em;
}
#pied a {
color: #fff;
text-decoration: none;
padding: 2px;
}
#pied a:hover, #pied a:focus {
text-decoration: underline;
}
/* Mention de copyright */
#copyright {
margin: 8px 0 0 0;
font-size: 1em;
text-align: justify;
color: #fff;
}
#copyright a {
color: #fff;
text-decoration: underline;
}
#copyright a:hover, #copyright a:focus {
text-decoration: none;
}
/* les formulaires */
.formpaypal {
background: transparent;
border: 0px solid #e6e6e6;
margin: 2px 0 0px -8px;
}
.formcontact {
background: #fff;
border: 4px solid #e6e6e6;
margin: 2px 50px 10px 50px;
padding: 20px;
}
form {
background: #fff;
border: 1px solid #c6c6c6;
margin: 0px;
padding: 8px;
}
label {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
input {
border: 1px solid #000;
background: #F7F9FA;
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
}
select, option {
background: #F7F9FA;
color: #000;
}
textarea {
border: 1px solid #000;
background: #F7F9FA;
font: 1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
}
legend {
font-weight: bold;
color: #242751;
}
input[type=submit], input[type=reset] {
background: #e6e6e6;
border: 1px outset #555;
color: #242751;
cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
background: #fff;
border: 1px outset #555;
color: #841025;
}
input[type=submit]:active, input[type=reset]:active {
background: #A6BEDE;
border: 1px inset #555;
color: #fff;
} 
input[type=image] {
border: 0px;
}