/* CSS PASSAGE A L'ART */
body {
color: #000;
margin: 0;
padding: 0;
border: 0;
}

#conteneur {
position: relative;
width: 900px;
height: auto;
margin: 0 auto;
}

a {
/* color: #333; */
color: #a96906;
text-decoration: none;
}

a:hover {
text-decoration:none;
color: #b3b575;
}

h2 {
color: #333;
}

h3 {
color: #c30;
margin-top: 15px;
margin-bottom: 0;
}

h4 {
color: #f90;
margin-top: 15px;
margin-bottom: 0;
}

/*--------- FONDS DE PAGE --------*/

#index {
background: #fff url(graphics/fond1.gif) center top no-repeat;
}

#artistes {
background: #fff url(graphics/fond2.gif) center top no-repeat;
}

#galerie {
background: #fff url(graphics/fond3.jpg) center top no-repeat;
}

#ecoleArt {
background: #fff url(graphics/fondEDA.jpg) center top no-repeat;
}

#ecoleArt h2 {
color: #860404;
}

#ecoleArt p {
margin-left: 30px;
text-align: justify;
}

#artsMetiers {
background: #fff url(graphics/fond5.gif) center top no-repeat;
}

#kakemonos {
background: #fff url(graphics/fond6.gif) center top no-repeat;
}

#film {
background: #fff url(graphics/fond7.gif) center top no-repeat;
}

#presse {
background: #fff url(graphics/fond8.gif) center top no-repeat;
}
#presse p {
margin-bottom: -10px;
}

#chapelles {
background: #fff url(graphics/fond9.gif) center top no-repeat;
}

#conferences {
background: #fff url(graphics/fond10.gif) center top no-repeat;
}

/*--------- MENU --------*/

a#sommaire  {
position: absolute;
color: #996;
font-weight: bold;
text-decoration: none;
border: 1px solid #996;
padding: 2px 10px 2px 5px;
left: 15px;
top: 175px;
}

a:hover#sommaire  {
color: #000;
border: 1px solid #000;
}

#menuPage {
display: none;
position: absolute;
background-color: #fff;
border: 1px solid #000;
padding-left: 15px;
width: 220px;
left: 30px;
top: 200px;
}

.menu {
position: absolute;
left: 20px;
top: 190px;
width: 220px;
}

ul {
margin: 0;
padding: 0;
}

li {
border-bottom: 1px solid black;
padding-bottom: 3px;
padding-left: 15px;
list-style-type: none;
margin-bottom: 15px;
}

li#id1 {
background-image: url(graphics/puce-1.gif);
background-position: center left;
background-repeat: no-repeat;
}

li#id2 {
background-image: url(graphics/puce-2.gif);
background-position: center left;
background-repeat: no-repeat;
}

li#id3 {
background-image: url(graphics/puce-3.gif);
background-position: center left;
background-repeat: no-repeat;
}

li#id4 {
background-image: url(graphics/puce-4.gif);
background-position: center left;
background-repeat: no-repeat;
}

li a {
color: #000;
text-decoration: none;
margin-left: 10px;
}

li a:hover {
font-weight: bolder;
}

/*--------- ARTS METIERS ----------------*/

ul.autreMenu {
text-align: center;
}

ul.autreMenu  li {
display: inline;
border: 0;
margin-left: 0;
}

ul.autreMenu  li a {
color: #a96906;
}

ul.autreMenu  li a:hover {
text-decoration:none;
color: #b3b575;
}

/*--------- CONTACT LIENS ACCUEIL --------*/

ul.contactEtLiens {
position: absolute;
right: 60px;
top: 65px;
}

ul.contactEtLiens  li {
display: inline;
border: 0;
margin-left: 20px;
}

ul.contactEtLiens  li#id5 {
background-image: url(graphics/liens.gif);
background-position: center left;
background-repeat: no-repeat;
}

ul.contactEtLiens  li#id6 {
background-image: url(graphics/contact.gif);
background-position: center left;
background-repeat: no-repeat;
}

ul.contactEtLiens  li#id7 {
background-image: url(graphics/accueil.gif);
background-position: center left;
background-repeat: no-repeat;
}

ul.contactEtLiens  li a:hover {
color: #b3b575;
font-weight: bolder;
}

.legende {
font-size: small;
font-style: italic; 
font-family: Helvetica,Arial,sans-serif;
}
/*--------- ACTU --------*/

#eventop{
margin-top: 20px;
background: url(graphics/blocEven.gif) no-repeat;
}

#evenement {
float: left;
margin: -12px 0 20px 0;
width: 590px;
height: auto;
text-align: center;
background: transparent;
border: 1px solid #b3b575;
border-top: 0;
}

#actutop{
position: absolute;
top: 562px;
left: 30px;
width: 200px;
background: url(graphics/blocActu.gif) no-repeat;
}
#actualites {
position: absolute;
top: 570px;
left: 30px;
width: 200px;
height: auto;
text-align: center;
background: transparent;
border: 1px solid #b3b575;
border-top: 0;
}

#infogalerie {
position: absolute;
top: 210px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

div#anim {
position: absolute;
/* top: passer ce parametre dans la page html */
left: 30px;
width: 200px;
height: 169px;
}
/*
#encadre {
position: absolute;
left: 30px;
width: 180px;
height: auto;
font-family: Helvetica,Arial,sans-serif;
font-size: .7em;
text-align: justify;
border: 1px solid #b3b575;
padding: 10px;
}
*/
.encadre {
font-family: Helvetica,Arial,sans-serif;
font-size: .7em;
text-align: justify;
border: 1px solid #b3b575;
padding: 10px;
}

/*---------DECO--------*/

div#filet {
position: absolute;
border-left: 1px dashed black;
height: 400px;
left: 280px;
top: 200px;
}

/*--------- BLOCS --------*/

div#centre {
position: absolute;
left: 270px;
top: 190px;
width: 590px;
}

div#centrePage {
position: absolute;
left: 10px;
top: 230px;
width: 854px;
}

div#gauche {
position: absolute;
left: 20px;
top: 190px;
width: 640px;
}

/*--------- ALBUM PHOTO --------*/ 

#album a {
padding: 3px 9px 3px 9px;
background: white;
border: 1px solid grey;
}

#album a:hover {
background: black;
border: 1px solid black;
}

#numero {
width: 32px;
height: 32px;
margin: 0 auto;
color: white;
background: black;
}

#photo {
max-height: 600px;
}

/*--------- DIAPORAMA --------*/ 

#diapo {
position: absolute;
top: 210px;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}

ul#galerie_mini {
list-style-type: none;
}

ul#galerie_mini li {
display: inline;
border: 0;
}

ul#galerie_mini li a img {
margin: 5px;
border: 0;
}

ul#galerie_mini li a:hover img {
border-bottom: 1px solid #ff9900;
}

dl#photo dt {
text-align: left;
color: #ccc;
margin-bottom: 5px;
border-bottom: 1px solid grey;
}

dl#photo dd img {
}

dl#photo dd p {
float: left;
width: 40%;
padding-right: 15px;
text-align: left;
text-indent: 15pt;
}

/*--------- IMAGES --------*/

img#floatRight {
float: right;
margin: 0 15px 0 15px;
}

img#floatLeft {
float: left;
margin: 0 20px 0 0;
}