/* Général */
body  {
background: #525abb;
max-width: 1440px;  
min-width: 860px;
color: #F0E39E;
font: .8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
line-height: 1.25; 
margin: 0;
padding: 0;
}
a {
color: #841025;
}
a:hover, a:focus {
color: #060;
}
strong {
color: #A1B55D;
}
/* Page */
#global {
width: auto; 
background: #fff;
margin-left: auto;
margin-right: auto;	
padding: 0;
}
/* En-tête */
#entete {
background: url('../../images/ban.gif') no-repeat; 
padding: 20px 20px 170px 0;
}
/* En-tête img */
#entete img {
float: right;
margin: 0px; 
padding: 0px;
}
#index {
width: 800px; 
background: #fff;
border: 0px solid #841025;  
margin: 0 auto;
padding: 0 ;
}
/* Bloc central contenant #navigation et #contenu */
#centre {
width: 100%;
background: #fff; 
margin: 20px 0 0 0px; 
overflow: hidden; 
}
/* Contenu principal */
#contenu {
background: #f4f4f9;
border: 1px solid #d6d6d6;
color: #242751;
margin: 4px;
margin-left: 210px;
margin-right: 210px; 
padding: 10px 10px; 
-moz-border-radius: 10px; /* Firefox */ 
-webkit-border-radius: 10px; /* Safari and Chrome */ 
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
-moz-box-shadow: 1px 1px 12px #555; /* Firefox */ 
-webkit-box-shadow: 1px 1px 12px #555; /* Safari and Chrome */ 
box-shadow: 1px 1px 12px #555; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ 
position: relative;
behavior: url(/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ 
}
#contenu a {
font-weight: bold;
color: #a6a6a6;
text-decoration: none;
}
#contenu a:hover, #contenu a:focus {
color: #d6d6d6;
}
#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;
position: relative;
behavior: url(/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ 
}
#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 .cadreartiste {
border-top: 2px solid #d6d6d6;
background: #fff;
margin: -8px 0 0 0px;
padding: 12px;
}
#contenu .cadrelien {
background: #fff;
border: 1px solid #d6d6d6;
margin: 10px 0 0 0px;
padding: 8px;
}
#contenu .cadrepps {
background: #fff;
border: 1px solid #d6d6d6;
margin: 10px;
padding: 8px;
}
#contenu .color {
color: #87ceeb;
}
#contenu .haut {
float: right;
margin: 0px; 
padding: 10px;
}
#contenu .button{
float: left;
background: #fff;
border: none;
margin: 0; 
padding: 0;
}
/* Contenu secondaire */
#secondaire {
float: right;
width: 180px;
background: #fff;
margin: 0;
padding: 10px;
}
#secondaire .cadre {
background: #fff;
border: 1px solid #d6d6d6;
margin: 0 0 20px 0; 
padding: 0; 
-moz-border-radius: 10px; /* Firefox */ 
-webkit-border-radius: 10px; /* Safari and Chrome */ 
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 
-moz-box-shadow: 1px 1px 12px #555; /* Firefox */ 
-webkit-box-shadow: 1px 1px 12px #555; /* Safari and Chrome */ 
box-shadow: 1px 1px 12px #555; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ 
position: relative;
behavior: url(/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ 
}
#secondaire h2{
font-weight: bold;
border-bottom: 4px double #d6d6d6; 
text-align: center;
color: #242751;
margin: 0 10px 0 10px;
padding: 4px;
}
#secondaire  p {
font: .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align: center;
color: #242751;
margin: 0px;
padding: 4px;
}
#secondaire  img {
margin: 0 22px;
padding: 10px;
}
#secondaire  ul {
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #242751;
margin: .75em 0 .75em 34px;
list-style: square;
}
#secondaire  a {
color: #242751;
text-decoration: none;
}
#secondaire  a:hover, #secondaire   a:focus {
color: #c6c6c6;
text-decoration: underline;
}
/* 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;
}
/* Pied index */
#piedindex {
background: #fff;
font-size: .85em;
color: #242751;
text-align: center;
margin: 0;
padding: 10px;
}
#piedindex img{
border: none;
}
#piedindex a {
color: #242751;
text-decoration: none;
padding: 2px;
}
#piedindex a:hover, #piedindex a:focus {
text-decoration: underline;
}
/* Pied de page */
#pied {
background: #525abb;
border-bottom: 10px solid #fff;
font-size: .85em;
margin: 10px 10px 0px 10px;
padding: 10px;
}
#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: none;
margin: 2px 0;
}
.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;
color: #841025;
}
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: #d6d6d6;
border: 1px inset #555;
color: #841025;
} 
input[type=image] {
border: 0px;
}