/* -------------------------------------------------------
 	Mise en page générale
 ------------------------------------------------------- */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
color:#333;
}


a {
text-decoration:none;
color:#666;
}

a:visited {
text-decoration:none;
color:#555;
}

a:hover {
text-decoration:underline;
color:#555;
}
#out-min-height {
  padding-top:572px;          /* voici le min-height  pour forcer le centre à dépasser angle virtuel */
  min-height: 1px;           /* pour Opéra */
  }
#in-min-height {  
  margin-top: -572px 
          /* pour compenser le padding-top */ 
  }

p {margin: 0 0 8px 0;}


/* -------------------------------------------------------
 	1 Conteneur : place tous  les elts - contient le fond du menu
 ------------------------------------------------------- */
#conteneur {
position: relative;
width: 950px;
margin: 0px auto 0 auto; 
background-color:#FFF;
border-left: 1px solid #646254;
border-right: 1px solid #646254;
border-bottom: 1px solid #646254;
background-image:url(../img-design/fond-conteneur-menu.gif);
background-position:left top;
background-repeat:repeat-y
}


/* -------------------------------------------------------
 	MENU GAUCHE 
 ------------------------------------------------------- */
#gauche {
	position: absolute;
	left:0;
	width: 119px;
	
}

#gauche img {
margin:0px;
padding:0px;
display: block;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}

/* -------------------------------------------------------
 	Selection langue = première ligne du conteneur
 ------------------------------------------------------- */
#selecteur-lang {
height: 20px;
background-color: #A09B85;
margin-left: 106px;
text-align:right;
padding-right:8px;
}

#selecteur-lang a {
text-decoration:none;
color:#333333;
}

#selecteur-lang a:hover {
text-decoration:underline;
}



/* -------------------------------------------------------
 	MENU HORIZONTAL 1
 ------------------------------------------------------- */

#menu-line1 {
height: 25px;
background-color: #908F80;
margin-left: 106px;
}


.menu dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 ;
padding: 0;
}


.menu li {
float: left;
margin: 0 ;
height: 25px;
display:block;
background: #908F80;

}

.menu a {
padding:5px 8px;
text-align: center;
border-right: 1px dotted #000;
text-decoration: none;
color: #FFF;
line-height: 25px;
}

.menu a:hover {
background: #A09B85;
border-right: 1px dotted gray;
}

.menu a:active {
background: gray;
border-right: 1px dotted gray;
color: #fff;
}



#menu-on {
padding:0px 20px;
text-align: center;
border-right: 1px dotted #000;
text-decoration: none;
color: #FFF;
line-height: 25px;
background-color:#A09B85;
display:block;
height:25px;
}


/* -------------------------------------------------------
 	MENU HORIZONTAL 2 + rechercher
 ------------------------------------------------------- */

#menu-line2 {
height: 25px;
background-color: #F1F2E0;
margin-left: 106px;
}

#menu-line2 h3{
color: #555;
font-size:1em;
font-weight:normal;
margin-left:25px;
}

.menu2 li {
float:left;
margin: 0 ;
height: 25px;
display:block;
background: #F1F2E0;
}

.menu2 a {
padding:5px 20px;
text-align: center;
border-right: 1px dotted #666;
text-decoration: none;
color: #555;
line-height: 25px;
}

.menu2 a:visited {
border-right: 1px dotted gray;
color: #555;

}

.menu2 a:hover {
background: #E9E4D3;
border-right: 1px dotted gray;
}


#menu2-on {
padding:0px 20px;
text-align: center;
border-right: 1px dotted #666;
text-decoration: none;
color: #333;
line-height: 25px;
background-color:#E9E4D3;
display:block;
height:25px;
}

#recherche {
float:right;
padding-right:8px;
margin-top:2px;

}

/* -------------------------------------------------------
 	ANCRES et outils à droite
 ------------------------------------------------------- */

#ancres-line {
height: 25px;
background-color: #E9E4D3;
margin-left: 106px;
padding-left:18px;
padding-top:8px;
}

#ancres-line h1 {
padding-right:350px;
margin:0 0 10px 10px;
line-height: 18px;
color:#444;
font-size: 1.9em;
}

#ancres-line h2{
font-size:1.4em;
font-weight:normal;
margin-left:25px;
float:left;
}

.ancres li {
float: left;
display:block;
font-weight:bold;
}



.ancres a {

padding:5px 12px;
text-align: left;
text-decoration: none;
color: #666;
}

.ancres a:visited {
color:#777;
text-decoration: none;
}

.ancres a:hover {
text-decoration: underline;

}

.outils {
float:right;
padding-right:8px;
font-size:0.8em;
margin-top:-3px;
}

.outils a {
text-decoration:none;
color:#333333;
}

.outils a:hover {
color:#000;
}




/* -------------------------------------------------------
 	TITRE CHAPO
 ------------------------------------------------------- */

.inter-titre-expo {
background-color: #E9E4D3;
padding-bottom : 0px;
padding-top : 0px;
margin-top:5px;
margin-bottom:20px;
padding-left : 0px;
color:#989890;
font-weight:bold;
}

#titre-chapo {
background-color: #E9E4D3;
margin-left: 106px;
padding-left : 30px;
padding-bottom : 5px;
margin-top:0px;
}




#titre-chapo h2 {
padding-right:350px;
margin:0 0 5px 0;
color:#444;
font-size: 1.3em;
}

#titre-chapo h3 {
padding-right:350px;
margin:0 0 5px 0;
color:#444;
font-size: 1.6em;
font-weight:normal;
}


#titre-chapo p {
padding-right:350px;
margin: 5px 0 0 0;
color:#333333;
text-align:justify;
}

#titre-chapo a {
text-decoration: none;
color: #000;
}

#titre-chapo a:visited {
text-decoration:none;
color:#666;
}

#titre-chapo a:hover {
text-decoration:underline;
}

#chapo-liens{
float:right;
padding-right:30px;
}
#chapo-liens a {
text-decoration: none;
color: #000;
}

#chapo-liens a:visited {
text-decoration:none;
color:#444;
}

#chapo-liens a:hover {
text-decoration:underline;
}


/* -------------------------------------------------------
 	CENTRE + toutes les mises en pages
 ------------------------------------------------------- */
 /* --------------------------
 Div special pour le selecteur de langue
 ----------------------- */
#langue-select{
margin-left: 160px;
}



#centre {
margin-left: 160px;
margin-right:30px;
}

/* INFOS */

#infos {
margin-right:300px;
}

#infos h3 {
font-size:1.3em;
margin:  0;
padding: 40px 0 15px 0;
color:#111;
}

#infos a {
text-align:left;
margin-right:20px;
text-decoration:none;
color:#333;

}

#infos a:hover {
text-decoration:underline;
}

#infos-bandeau {
float:right;
background-color:#E9E4D3;
width:220px;
height:300px;
padding-left:25px;
padding-top:50px;
}

#infos-bandeau a {
text-decoration:none;
color:#999;
}

#infos-bandeau h3 {
font-size:1.3em;
padding-bottom:30px;
}


/*UN LIEU UNE EQUIPE */
#lieu {
margin-bottom:150px;
margin-right:40px;
}

#lieu img {

margin: 0 20px 50px 30px;
}

#lieu p {
margin: 0 0px 50px 0px;
text-align:justify;
}

#lieu h3 {
font-size:1.3em;
margin:  0;
padding: 0px 0 8px 0;
color:#444;
clear:both;
}

#lieu a {
text-decoration:none;
color:#666;
}

#lieu a:visited {
text-decoration:none;
color:#555;
}

#lieu a:hover {
text-decoration:underline;
color:#555;
}

/* ACCUEIL */

#accueil {
margin-top:40px;
}

#accueil h1 {
font-size:1.9em;
margin: 0 ;
padding: O ;
}

#accueil h4 {
margin: 0 ;
padding: O ;
}

.st-accueil {
font-size:0.9em;
font-style:italic;
font-weight:normal;
}

.affiche {
float:left;
border: 1px solid #000;
margin-right:40px;
margin-bottom: 10px;
display:block;
}

.date-accueil{
margin-bottom:30px;
font-size:1.3em;
font-weight:normal;
}

.diaporama {
margin-top:20px;
margin-bottom:20px;
}


/* listes d'articles, pour ateliers et expos */

ul#liste {
margin-top:40px;
}

#liste li {
margin-bottom:30px;
}

#liste h3 {
font-size:1.4em;
margin: 0 0 3px 0;
padding: O ;
}

.list-infos a {
text-align:right;
margin-right:20px;
display:block;
text-decoration:none;
color:#333;
}

.list-infos a:hover {
text-decoration:underline;
}

.list-logo {
float:left;
border: 1px solid #000;
margin-right:80px;
margin-bottom: 30px;
display:block;
}

.list-art-soustitre{
font-size:0.9em;
font-style:italic;
font-weight:normal;
}

.list-art-soustitre2{
font-size:1.2em;
font-style:italic;
font-weight:normal;
margin-bottom: 3px;
}

.list-art-date{
font-size:1.1em;
font-weight:bold;
}
.list-picto {
margin-top:8px;
margin-left:0px;
}

.list-picto img{
vertical-align:middle;
}





.list-separateur{
border-bottom: 1px dotted #666;
margin-right: 20px;
margin-bottom: 15px;
height: 1px;
clear:both;
}


/* listes d'articles, PARTENAIRES (dans une rubrique qui affiche tout */


#partenaires {

margin-bottom:40px;
}
ul#partenaires {
margin-top:40px;
}

#partenaires li {
margin-top:30px;
}

#partenaires h3 {
font-size:1.3em;
margin:0px;

}

#partenaires-adresse h3 {
font-size:1.1em;
margin: 0 0 10px 0;

}

#partenaires a {
text-align:left;
margin-right:20px;
text-decoration:underline;
color:#333;
}

#partenaires a:hover {
text-decoration:underline;
}

.partenaires-logo {
float:left;
margin-right:20px;
margin-bottom: 5px;
height:110px;
}


/* articles ARTISTES */

#artistes {
margin-left:420px;
padding-top:30px;
margin-bottom:400px;
text-align:justify;
}

#artistes h1 {
font-size:1.9em;
margin: 0 0 0px 0;
padding: 0px 0 0 O;
color:#000;
font-weight:bold;
}

#artistes h3 {
font-size:1.3em;
margin: 0 0 0px 0;
padding: 0px 0 0 O;
color:#333333;
}


#artistes a {
text-decoration:none;
color:#000;

}

#artistes a:visited {
text-decoration:none;
color:#444;
}

#artistes a:hover {
text-decoration:underline;
color:#000;
}


#artistes-medias {
float:left;
width:410px;
padding-top:30px;
z-index:100;
}

/* articles mediation */

#mediation {
margin-right:400px;
padding-top:30px;
margin-bottom:200px;
text-align:justify;
height:900px;


}

#mediation h3 {
font-size:1.3em;
margin: 0 0 0px 0;
padding: 0px 0 0 O;
color:#333333;
}




#mediation a {
text-decoration:none;
color:#000;
}

#mediation a:visited {
text-decoration:none;
color:#444;
}

#mediation a:hover {
text-decoration:underline;
color:#000;
}


#mediation-medias {
float:right;
width:360px;
padding-top:30px;
}


#actions-medias h4 {
font-size:1.em;
margin: 20px 0 0px 0;
padding: 0px 0 0 O;
color:#333333;
}


/* listes artistes doit etre placé à la place de id=CENTRE */

ul#list-artistes{
margin:35px 0 0 108px;
background-color:#E9E4D3;
padding:40px 30px 30px 30px;
height:245px;
width:782px;
}

#list-artistes li {
float:left;
margin: 0 6px;

}
#list-artistes a {
font-size:1.1em;
text-transform:uppercase;
text-decoration:none;
color:#111;
line-height:1.3em;

}
#list-artistes a:visited {
text-transform:uppercase;
color:#444;

}
#list-artistes a:hover{
text-transform:uppercase;
text-decoration:underline;
color:#000;
}


/* ----------
     POP UP
----------------- */


#pop-up {
padding-top:30px;
padding-left:25px;
padding-right:20px;
background-image:url(../img-design/fond-pop-up.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#pop-up h3 {
font-size:1.9em;
margin: 35px 0 0 0;
padding: O ;
}

#pop-up a {
text-decoration:none;
color:#333;
}

#pop-up a:hover {
text-decoration:underline;
}

.pop-up-logo {
float:right;
border: 1px solid #000;
margin-right:10px;
margin-bottom: 0px;
display:block;
}

.pop-up-soustitre{
font-size:0.9em;
font-style:italic;
font-weight:normal
}

.pop-up-art-date{
font-size:1.3em;
}
.pop-up-picto {
margin-top:10px;
padding-bottom:8px;
}

.pop-up-chapo{
font-size:1.2em;
font-style:italic;
font-weight:normal
}

.pop-up-separateur{
border-bottom: 1px dotted #666;
margin-right: 0px;
height: 15px;
display: block;
}




/* -------------------------------------------------------
 	PIED DE PAGE
 ------------------------------------------------------- */

#pied {
	height: 20px;
	background-color: #E8E8D4;
	border-top: 1px solid #FFF;
	padding : 4px 4px O 4px ;
	text-align:center;
	line-height: 20px;
	clear:both;
}


/* -------------------------------------------------------
 	FIN DES STYLES

 ------------------------------------------------------- */E8E8D4