/* CSS issu des tutoriels css.alsacreations.com */




* {
margin: 0;
	padding: 0;
	border :0;
	list-style-position:inside;
}



body {
	font-family: Tahoma,serif ;
z-index :0;
font-size: 1.2em;

	margin: 0;
	padding: 0;
color : #FFFACD;
	background-color : #111111;
	text-align: center; /* pour Internet Explorer */
}

li {
display:list-item;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}
a {
text-decoration : none;
letter-spacing : 0.1em;
}



a:link, a:visited {
color : #CC9933;
background-color : transparent;
}

a:hover , a.acti{
color : #33CCCC;
background-color : transparent;

}



h3{
font-size : 1em;
color : #EEE8AA;
letter-spacing : 0.1em;
line-height : 2em;

padding-left : 20px;
}


h3.ariane {
font-size : 0.7em;
color : #CCCC99;
 letter-spacing : 0.1em;
line-height : 2em;
background: transparent url(../img/h3.png) no-repeat 0px 3px ;
padding-left : 20px;
}

h2 {
font-size : 1.1em;
color : #EEE8AA; 
letter-spacing : 0.11em;
font-weight :100;
line-height : 1.1em;
}
p  {
font-size : 0.8em;	
line-height : 1.5em;
letter-spacing : 0.05em;
}

#site {
margin: 0 auto; /* alignement pour les bons navigateurs */
text-align: left; /* alignement du texte dans ce conteneur */

	position: relative;
	width: 800px;
color : #FAFAD2;
	background-color : #000;

height : 600px;
}

html, body, table, td{  width: 99%; border:0; margin:0; padding:0; }
td { text-align: center;}

#header {


}


#footer {
background-color :black;
}



#corpus {
height : 305px;
}





div#menub  {
 margin-top : 0px;  
border :1px solid black;

}
div#menub a   {
font-variant : normal;
font-size: 0.6em;
letter-spacing :1px;
line-height: 1em;
width : 131px;
height : 15px;
text-align :center;
display :block;
float : left;
}


div#menub  li {
display :inline;
list-style : none;
}




/*  MOOTOOLS */ 




#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 0;
	padding: 4px;
	width: 120px;
	background: #333;
	color: #888;
}


#main {
background: transparent url(../img/fond.png) repeat;
height : 305px;
font-size : 0.8em;
border-left :1px solid #444;
border-right :1px solid #444;
}


div.conteneur {
padding-left : 10px;
clear : both;



}



a.bouton:link , a.bouton:visited {
background-color : black ;
padding:0px 5px 5px 25px;

}

a.bouton span{
font-size : 0.7em;
line-height : 2em;
display : inline;
height :20px;
}

a.bouton:hover {
background-color : #ff9933;
color : black;
} 


/*  page acceuil  */ 

div#expo_en_cours {
height : 130px;
}

div#expo_en_cours p {
padding : 20px;
line-height : 1.5em;
letter-spacing : 0.1em;
}

span.date_fin {
line-height : 1.5em;
font-size :1.5em;
letter-spacing : 0.05em;
color : #FFFF99;
background : transparent
}

span.entete {
font-size :1.2em;
font-weight : bold;

}

img.mini_expo { 
width :80px;
height : 80px;
float : left;
margin-right : 15px;
border : 1px solid #777;
}



ul.der_even {

padding-top: 10px;
font-size : 0.8em;

 list-style-position: inside;
 list-style-type: square;
 color: #FF9900;
 background-color: transparent;
}




ul.der_even li {
padding-left: 10px;
padding-top :5px;
padding-bottom :5px;
}


ul.der_even li:hover {
background: #222;
}


div.zone1, div.zone11  {
float : left;
width : 255px;
}

div.zone1 {
margin-top :20px;
}


div.zone1 * {
padding-left :10px;
}


div.zone11 a  {
display : block;
margin-left : 15px;
margin-top : 7px;
}

div.zone11  a:link img, div.zone11  a:visited img, div.zone11  a img{
border : 2px solid #111;
}

div.zone1 a:hover img, div.zone11  a:hover img  {
border : 2px solid #777;
}

.zone11{
text-align : center;
border : 0;
}

.zone11 a span {
font-size : 0.7em;
line-height : 1.5em;
display : block;
}




img.g_photo {
border : 3px solid black;
}

h1 {
font-family : Times,serif;
font-size : 1.5em;
letter-spacing :0.2em;
color : #999966;
margin-bottom : 5px;
margin-top : 10px;
line-height : 1em;
border-bottom : 1px solid #999966;
font-weight : normal;
padding-left :7px
}

div.zone2 {
/*
margin-left : 280px;
height : 260px; */ 
}		

div.zone2 {
float:right;
width :500px;

}		

div.arianne {
padding-bottom: 5px;

}

div.scroll{
display :block;
height :275px;
overflow :auto;
}

div.list_even {
margin-right : 10px;
border:1px dotted #555;
padding : 7px;
margin-bottom : 20px;
margin-top : 10px;
clear : both;
background: transparent url(../img/fond.png) repeat 0 0 ;   
}

div.list_even .photos {
width : 70px;
height : 70px;
float : left;
display :block;
}

/* version sans bug pour la page EXPOSITIONS !!!!!!!!!???????   */


div.listeven {

margin-right : 10px;
border:1px dotted #555;
padding : 7px;
margin-bottom : 20px;
margin-top : 10px;
clear : both;
background: transparent url(../img/fond.png) repeat 0 0 ;   


}



div.listeven .photos {
width : 70px;
height : 70px;
float : left;
display :block;
}




div.photos img {
width : 55px;
height : 55px;
margin-bottom : 10px;
border : 1px solid #ffffcc;
}
div.photos a img {
border : 1px solid #777;
}


div.photos a:hover img {
border : 1px solid #33CCCC;
}



div.contenu_even {
margin-left : 70px;
min-height : 57px;

}



div.details {
color  : #ffffcc;
letter-spacing : 0.05em;
font-size : 0.8em;
margin-top : 3px;
}

div.details p {font-size : 1em;  }


div.contenu_even p.date{

color : #999966;
font-size : 0.7em;
font-weight : bold;


}

div.bt_moyen {
display :inline;
}

div.bt_moyen  a:link,div.bt_moyen  a:visited {

line-height :16px;
font-size : 0.7em;
font-weight :bold;
color :#ff9900;
background-color :#111;
padding:3px;
	}


	
	
div.bt_moyen  a:hover {
color :#33CCCC;
background-color :#555;

	}


div.bt_moyen  a  span{

padding-left:10px;
padding-right:10px;
}


#expo_en_cours .bt_moyen a.savoirplus {
float:right;
margin-right:25px;
margin-top:-20px;
}






ul.artistes li {

width : 100px;
height : 100px;
text-align : center;
list-style : none;
float :left;

}

ul.artistes  a img {
border : 1px solid #777;
display : block;
margin-left :5px;
width : 88px;
height : 88px;
}


ul.artistes li a:hover img {
 border : 1px solid #009999;;
}


ul.artistes span.nom{
	font-size : 0.7em;
	line-height : 0.8em;
}


div#expo_en_cours {
height : 130px;
border-bottom : 1px dotted #555;
}




.boutons {
position :absolute;
right : 30px;
top : 145px;
}




div.contenu_even  p {
color :#ccc;
letter-spacing :0.05em;
}
.zone2 p {
padding-bottom :3px;
padding-top :2px;
}

div#menu {
z-index:35;
position : relative;
}