/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalise les tailles de police pour les en-têtes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Supprime list-style pour les listes */
ul, ol
{ list-style: none; }

/* Normalise les styles et graisses de fontes: font-style et font-weight sont "normal" */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Supprime les bordures dans les tableaux */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img
{ border: 0; }

/* Aligne le texte à gauche dans caption et th */
caption, th
{ text-align: left; }

/* Supprime les apostrophes doubles (guillemets anglais) autour de q */
q: before, q: after
{ content: ''; }

html
{ text-align: center; }

body { 
padding-top: 10px;
position: relative;
width: 884px;
margin: 0 auto;
text-align: left; 
font-family: verdana, arial, helvetica, sans-serif;
font-size: 85%; }

div#nav_main {
position: relative;
left: 84px;
width: 90%;
z-index: 1;
height: 70px;
background : transparent url(../Artistes/Mix_800x70.jpg) no-repeat 0 0; 
}

div#content_left { 
position: absolute;
left: 0;
height: 680px;
width: 84px;
background : transparent url(../Artistes/Branding.jpg) no-repeat 0 0;
}

div#content { 
padding-top: 10px;
padding-right: 10px;
position: relative;
left: 84px;
width: 90%;
}

div#affiche { 
float: right;
padding: 10px 10px 10px 10px;
}

div#content_main { 
position: absolute;
left: 0;
width: 660px;
height: 600px;
background-color: white;
}

p#sub_content { 
padding-top: 1em;
}

p#link { 
padding-top: 1em;
color: #660404;
}

p#italique { 
color: #9E9090;
font-size: 90%;
}

div#annonces { 
position: absolute;
left: 670px;
height: 600px;
width: 120px;
background-color: #f1efe2;
}

.image  { 
float: right;
padding: 10px 10px 10px 20px;
margin: 10px 10px 10px 10px;
}

/* Mise en forme des liens vers les expos archivées */
ul#archives { 
float: right;
width: 290px; 
margin: 0 10px 10px 20px;
border-style: solid;
border-widht: thin;
border-color: #f1efe2 white white #e1dfce;
}

li#archives {
margin: 0.5em 0 0 1em;
font-size: 85%;
}

h2#archives {
margin: 1em 0 0 10px;
font-size: 85%;
}

#archives a {
color: #CE7206;
text-decoration: none;
}

#archives a:hover {
color: pink;
}

.imagebis  { 
float: left;
padding: 5px 10px 5px 10px;
}

#content_main p, h2, h3, h4, li { 
margin: 10px 10px 10px 10px; 
text-align: justify;
}

html {
background-color: white; }

#identity {
list-style-type: none;
padding: 3px 0 3px 0;
color: #660404;
}

#nav_features {
margin: 0;
padding: 5px 5px 0 0;
list-style-type: none;
color: white;
text-align: right;
font-size: 85%;
}

#nav_features li {
display: inline;
}

#nav_features a {
color: white;
text-decoration: none;
}

#nav_features a:hover {
color: silver;
}

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

#link a:hover {
color: pink;
}

#lien a {
color: #CE7206;
text-decoration: none;
}

#lien a:hover {
color: pink;
}