@charset "UTF-8";
/* CSS Document */

/*/////////////////////////////////////////////////////// COMMUN ///////////////////////////////////////////////////////*/

#global { 
  position: relative; /* on positionne le conteneur */ 
  margin-top:0px;
  margin-left:auto; 
  margin-right:auto; 
  width:1024px;
  height:700px; 
}




body {
	background-color: #eceded;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
}

a{
color:#666666;
font-style:italic;
text-decoration:none;
}

a:hover{
color:#ff6633;
font-style:italic;
text-decoration:none;
}

a:visited{
color:#666666;
font-style:italic;
text-decoration:none;
}

img{
border: none;
}


h1{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-indent:-50000px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h4{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}



/*//////////////////// Conteneur ////////////////////*/
#conteneur{
	width: 1024px;
	height:auto;
	margin:0 auto;
	float:left;
	background-image:url(images/decoration/fond.jpg);
	background-repeat:repeat-y;
}

/*////////// ////////////*/



/*//////////////////// Bandeau Logo ////////////////////*/
#bandeau {
	height:90px;
	width:1024px;
	position:relative;
}

#twitter a{
display:block;
width:80px;
height:80px;
position:absolute;
top:0;
right:0;
margin-right:840px;
background-image:url(images/accueil/twitter.jpg);
background-position:top;
}

#twitter a:hover{
background-position:bottom;
}



#facebook a{
display:block;
width:80px;
height:80px;
position:absolute;
top:0;
right:0;
margin-right:920px;
background-image:url(images/accueil/facebook.jpg);
background-position:top;
}

#facebook a:hover{
background-position:bottom;
}



/*////////// ////////////*/


/*//////////////////// Barre de Navigation ////////////////////*/

#nav{
	height:25px;
}

#nav ul li{
list-style:none;
float:left;
padding:0;
}

#nav ul li a{
height:25px;
text-decoration:none;
display:block;
background:no-repeat bottom left;
}

#nav ul li a:hover{
background-position:top left;
text-decoration:none;
}

#nav ul li a.bt1{
width:70px;
margin-left:100px;
background-image:url(images/decoration/bt1-acc.jpg);
}

#nav ul li a.bt2{
width:111px;
background-image:url(images/decoration/bt2-pres.jpg);
}

#nav ul li a.bt3{
width:104px;
background-image:url(images/decoration/bt3-expo.jpg);
}

#nav ul li a.bt4{
width:79px;
background-image:url(images/decoration/bt4-artist.jpg);
}

#nav ul li a.bt5{
width:132px;
background-image:url(images/decoration/bt5-contact.jpg);
}

#nav ul li a.bt6{
width:89px;
background-image:url(images/decoration/bt6-bout.jpg);
}

#nav ul li a.bt7{
width:62px;
background-image:url(images/decoration/bt7-liens.jpg);
}

#nav ul li a.bt8{
width:99px;
background-image:url(images/decoration/bt8-even.jpg);
}
/*////////// ////////////*/


/*//////////////////// Barre de séparation ////////////////////*/
#barrenav{
height:5px;
width:1024px;
float:left;
}
/*////////// ////////////*/

/*//////////////////// Barre de Navigation Bas de Page ////////////////////*/

#menubas{
	height:10px;
}

#menubas ul li{
list-style:none;
float:left;
margin-left:10px;
}

#menubas ul li a{
text-decoration:none;
color:#666666;
display:block;
}

#menubas ul li a:hover{
text-decoration:underline;
color:#ff6633;
display:block;
}
/*////////// ////////////*/





/*//////////////////// Footer ////////////////////*/
#footer{
	float:left;
	height:40px;
	width:994px;
	background-image:url(images/decoration/footer.jpg);
	margin:0 auto;
	text-align:right;
	line-height:30px;
	color:#d9dadb;
	padding:0 30px 0 0;
	text-indent:0,8px;
	font-size:10px;
}

#footer a{
font-style:italic;
color:#d9dadb;
}

#footer a:hover{
font-style:italic;
color:#ff6633;
}

/*////////// ////////////*/




/*/////////////////////////////////////////////////////// ACCUEIL ///////////////////////////////////////////////////////*/



/*//////////////////// ACTU-1 ////////////////////*/
#entete{
width:1004px;
margin:20px 10px 0 10px;
float:left;
}

#actu{
width:1004px;
margin:0 10px 0 10px;
float:left;
}

#actutexte{
height:25px;
width:1004px;
margin:0 10px 0 10px;
float:left;
background-color:#666666;
line-height:10px;
padding:0 0 18px 0;
font-size:14px;
letter-spacing:1px;
color:#dadadc;
}

.decalage{
margin-left:10px;
}

/*////////// ////////////*/



/*//////////////////// ACTU-2 ////////////////////*/
#actu2{
width:1024px;
margin-left:10px;
float:left;
}

/*////////// ////////////*/





/*/////////////////////////////////////////////////////// ACTUALITÉS ///////////////////////////////////////////////////////*/

/*//////////////////// Arborescence ////////////////////*/
#arbo{
height:15px;
width:1024px;
padding:0;
float:left;

}

#arbo ul li{
list-style:none;
float:left;
margin-left:5px;
}

#arbo ul li a{
text-decoration:none;
color:#666666;
display:block;
}

#arbo ul li a:hover{
text-decoration:underline;
color:#f54600;
display:block;
}


/*////////// ////////////*/


/*//////////////////// Contenu Page Actualité ////////////////////*/
#entete{
width:1004px;
margin:20px 10px 0 10px;
float:left;
}

#expo{
height:Auto;
width:1004px;
float:left;
margin-left:20px;
}

#soucategorie{
height:30px;
width:850px;
margin:0 154px 10px 20px; 
float:left;
}

/*/////////// images /////////////*/
#tableauxbox{
height:auto;
width:850px;
margin:0 154px 10px 20px; 
float:left;
border-bottom:#666666 solid 2px;
}

.tableaux{
width:170px;
height:auto;
padding-top:10px;
float:left;
bottom:20px;
}

.legende{
width:160px;
float:left;
padding:5px 0 5px 5px;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-weight:normal;
font-size:11px;
letter-spacing:1px;
color:#666666;
}
.legendeital{
font-style:italic;
font-size:10px;
}


.liensdanstexte{
font-style:italic;
color:#666666;
}

/*/////////// textes /////////////*/
.titreexpo{
font-style:normal;
font-size:large;
font-size:14px;
letter-spacing:1px;
text-decoration:underline;
}

.textexpo{
font-weight:normal;
letter-spacing:1px;
font-style:normal;
font-weight:normal;
font-size:12px;
line-height:16px;
text-align:justify;
}

.italique{
font-size:10px;
font-style:italic;
letter-spacing:normal;
}

.textexpo2{ /*//////////utiliser pour René Julien / Taton ////////////*/
margin-bottom:20px;
padding:0;
float:left;
width:500px;
height:auto;
font-weight:normal;
letter-spacing:0,8px;
font-style:normal;
font-weight:normal;
font-size:12px;
line-height:16px;
text-align:justify;
}



/*////////// ////////////*/




/*/////////////////////////////////////////////////////// EXPOSITIONS ///////////////////////////////////////////////////////*/
/*////////////////////////// EXPO ACTUELLE ///////////////////////*/

#fond-actuelle{
width: 1004px;
height:130px;
margin:0 10px 0 10px;
padding:0 0 10px 0;
float:left;
}

.texte-expoactuelle{
width:357px;
height:50px;
float:left;
color:#666666;
font-style:italic;
font-size:12px;
letter-spacing:normal;
font-weight:lighter;
line-height:16px;
}

.visitez{
font-style:italic;
}




/*////////////////////////// ANCIENNES EXPOS ///////////////////////*/

#fond-ancient{
width: 1004px;
height:130px;
margin:0 10px 0 10px;
padding:0 0 10px 0;
float:left;
background-color:#666666;
}

#expo-ancienne{
width:497px;
height:120px;
float:left;
}

.tableauancienneexpo{
width:120px;
height:120px;
float:left;
margin:0 10px 0 10px;
}

.titreancienneexpo{
width:357px;
height:30px;
float:left;
}

.texteancienneexpo{
width:357px;
height:50px;
float:left;
color:#dadadc;
font-style:italic;
font-size:12px;
letter-spacing:normal;
font-weight:lighter;
line-height:16px;
}

.visitez{
font-style:italic;
}


/*////////////////////////////// TEST pour Exposition Pottier avec textes sur 2 colonnes, sur base du CSS de la page PRÉSENTATION ///////////////////////////////////*/
.texteexpo{ /* idem que pour la partie artist, à part la couleur*/
width:400px;
height:auto;
float:left;
color:#666666;
text-align:justify;
font-size:12px;
letter-spacing:normal;
font-weight:lighter;
line-height:15px;
margin: 20px 0 20px 20px;/* La Div Expo est supprimée au profit de l'utilisation de margin et ainsi fonctionner sur deux colonnes*/
}


.texteexpotitres{
font-weight:bold;
}

.texteexpoital{
font-style:italic;
}




/*/////////////////////////////////////////////////////// CONTACT ///////////////////////////////////////////////////////*/

#bloccontact{
height:Auto;
width:1024px;
float:left;
}

#blocsouscontact{
height:289px;
width:585px;
margin-left:20px;
margin-right:10px;
float:left;
}

#blocgauche{
height:289px;
width:389px;
margin-right:20px;
float:right;
}

.blocadresse{
height:auto;
width:auto;
padding:10px;
float:top left;
border:#666666;
border-width:1px;
border-style:solid;
text-align:center;
font-size:14px;
line-height:20px;
}


/*/////////////////////////////////////////////////////// LIENS ///////////////////////////////////////////////////////*/

#liens{
height:auto;
width:1024px;
float:left;
margin:0 0 0 10px;
padding:0;
background-color:#000000;
}

#liensbox{
height:auto;
width:350px;
float:left;
margin:0 0 0 10px;
padding:0;
background-color:#00FF00;
}


.lienstitres{
margin:0;
padding:0;
font-size:15px;
font-style:italic;
letter-spacing:normal;
font-weight:lighter;
text-align:left;
vertical-align:baseline;
background-color:#FF0000;
}

.lienstextes{
margin:0;
padding:5px 0 0 0;
float:left;
font-size:12px;
letter-spacing:normal;
font-weight:lighter;
line-height:16px;
}



/*/////////////////////////////////////////////////////// ÉVÉNEMENTS ///////////////////////////////////////////////////////*/
/*/  Pour les textes explicatifs/*/
.textesevent{
margin-bottom:20px;
padding:0;
float:left;
width:500px;
height:auto;
font-weight:normal;
letter-spacing:0,8px;
font-style:normal;
font-weight:normal;
font-size:12px;
line-height:16px;
text-align:justify;
}

.titresevent{
font-size:14px;
font-weight:bolder;
margin:0;
padding:0;
float:left;
width:500px;
height:auto;
text-align:justify;
}



/*/////////////////////////////////////////////////////// ARTISTES nouvelle version, mise en place à partir du 9 novembre, sur base de page EXPOSITIONS ///////////////////////////////////////////////////////*/
#bloc-artistes{
width: 1004px;
height:Auto;
margin:0 10px 0 10px;
padding:10px 0 15px 0;
float:left;
background-color:#666666;
border-top:1px solid #dadadc;
}

#sous-bloc-artiste{
width:497px;
height:auto;
float:left;
}

.titreartistes{
color:#dadadc;
font-size:15px;
letter-spacing:normal;
font-weight:bolder;
line-height:16px;
}

.texteartistes{
width:330px;
height:auto;
float:left;
color:#dadadc;
text-align:justify;
font-size:12px;
letter-spacing:normal;
font-weight:lighter;
line-height:16px;
margin:0;
}

.texteartistesitla{
font-style:italic;
}

.a texteartistes{
color:#dadadc;
font-style:italic;
}

.a texteartistes :hover{
color:##ff6633;
font-style:italic;
}

.a texteartistes :visited{
color:#dadadc;
font-style:italic;
}

/*/////////////////////////////////////////////////////// PRÉSENTATION ///////////////////////////////////////////////////////*/

.textepres{ /* idem que pour la partie artist, à part la couleur*/
width:400px;
height:auto;
float:left;
color:#666666;
text-align:justify;
font-size:12px;
letter-spacing:normal;
font-weight:lighter;
line-height:15px;
}


.texteprestitres{
font-weight:bold;
}

.textepresital{
font-style:italic;
}


/*//////////////////// DATES //////////////////////////////*/
.textepresdate{
width:400px;
height:auto;
float:left;
color:#dadadc;
background-color:#666666;
text-align:justify;
font-size:12px;
letter-spacing:normal;
line-height:14px;
font-weight:normal;
padding: 10px;
margin-left:20px;
}

.textepresdatetitres{
font-size:14px;
font-weight:bolder;
}

.textepresdateitalic{
font-style:italic;
}

.textepresdate a{
color:#dadadc;
text-decoration:underline;
}

.textepresdate a:hover{
color:#ff6633;
text-decoration:underline;
}
/*//////////////////// FIN //////////////////////////////*/


/*/////////////////////////////////////////////////////// TEST DIAPORAMA ///////////////////////////////////////////////////////*/