body
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/fond-page.gif);
	background-repeat: repeat-x;
	width : 980px;
	margin: auto;
}



#global
{
	width : 980px;
	margin:0;
	padding:0;
}



#header 
{

	width:540px;
	height: 50px;
	margin-top: 10px;
	padding-left: 0px;
	

}
#header-cache
{

	visibility:hidden;
		
}
#header-peintures 
{

	width:540px;
	height: 70px;
	margin-top: 10px;
	padding-left: 83px;

}
#header-estampes 
{
	
width:540px;
	height: 120px;
	margin-top: 10px;
	padding-left: 83px;

}
#header-parcours 
{
	
width:540px;
	height: 70px;
	margin-top: 10px;
	padding-left: 83px;

}

#colonne1
{
	float: left;
	width: 320px;
	margin-top: 0px;
	padding-top: 130px;
	margin-right: 0px;
	margin-left: 0px;

}


#logo
{
	float: left;
	padding-top:52px;
	padding-left:70px;
}



/*#logo-home
{
	float: left;
	padding-top:204px;
	padding-left:70px;

}*/
#colonne2
{
	float: left;
	width: 630px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left:0px;
		padding-top:20px;
			padding-left:10px;
	
}
/* Menu nav*/
#menu 
{
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	padding-left: 0px;
	text-indent: 15px;
	letter-spacing: 0.1em;
	margin-left:10px;
}


#menu ul
{
	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	

	
}

#menu li
{
	margin:0px;
	padding:0px;
	
}
#menu a.active 
{
	background-image:url(images/over-nav.gif);
	background-repeat: no-repeat;
	background-position: left center;

	
}
#menu a 
{
	display: block;
	color: #000000;
	text-decoration: none;
	/*line-height: 20px;*/
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#menu a:hover {
	background-image: url(images/over-nav.gif);
	color: #000000;
	background-repeat: no-repeat;
	background-position: left center;

}



h1
{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #000000;
font-weight: normal;

}
h2
{
	clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-weight: normal;


	background-image:url(images/fond-h2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: 18px;
}

h3
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
}


/* Menu */
#ssmenu
{
		float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-indent: 12px;
	letter-spacing: 0.1em;
		

	
}


#ssmenu ul
{

	list-style-type: none;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;

	
}

#ssmenu li
{
	float: left;
		
}
#ssmenu a.active 
{
	background-image:url(images/over-ssnav.gif);
	background-repeat: no-repeat;
	background-position: left center;

	
}
#ssmenu a 
{
	display: block;
	color: #000000;
	text-decoration: none;
	line-height: 10px;
padding: 2px 10px 2px 2px;
background-image: url(images/ssnav.gif);
	background-repeat: no-repeat;
	background-position: left center;
		
	
}

#ssmenu a:hover {
	background-image: url(images/over-ssnav.gif);
	color: #000000;
	background-repeat: no-repeat;
	background-position: left center;

}
#contenu
{
	
	float: left;
	width: 630px;
	padding-top:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}

.lien
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.lien a
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.lien a:hover
{
	text-decoration:none;
}

#contenu p
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;


	
}
#contenu img
{
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	border:0px;
	margin: 0px;

	
}


/*#contenu-parcours img
{
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 15px;
	border:0px;
	margin: 0px;

	
}*/
/* page index..............*/


.lien-image
{
	border:0;
}

#acces-site
{
	
	padding-top:20px;
	padding-left:600px;

}


#anim-index
{
	padding-left:370px;
	padding-top:80px;
}

#logo-index
{
	margin-top:318px;
	/*margin-left:10px;*/
	margin-left:80px;
	float:left;

}

/*accueil*/

/*#anim-accueil1{
	margin-top:15px;
	margin-left:-10px;
	height:262px;
}
#anim-accueil2{
	clear:right;
	margin-left:-10px;
	height:180px;
}

.ecartImage{
	float:left;
	margin-left:13px;
}*/

#acces-peintures{
	float:right;
	margin-right:180px;
	margin-bottom:20px;
	margin-top:5px;
}
#acces-estampes{
	float:right;
	margin-right:180px;
	margin-bottom:20px;
	margin-top:5px;
}


#anim1{
	margin-top:15px;
	margin-left:0px;
	
}
#anim2{
	clear:right;
	margin-left:0px;
	
}

/*page peintures*/

.listePeinture1{
	list-style-type:none;
	display:inline;
}
.listePeinture1 li{
	float:left;
}
.listePeinture1 a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.listePeinture1 a:hover{
	text-decoration:none;
}

.pos1listePeinture1{
	margin-left:120px;
}
.pos2listePeinture1{
	margin-left:95px;
}
.pos3listePeinture1{
	margin-left:135px;
}

.listePeinture2{
	list-style-type:none;
	display:inline;
}
.listePeinture2 li{
	float:left;
}
.listePeinture2 a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.listePeinture2 a:hover{
	text-decoration:none;
}

.pos1listePeinture2{
	margin-left:45px;
}
.pos2listePeinture2{
	margin-left:100px;
}
.pos3listePeinture2{
	margin-left:78px;
}

#anim1Peinture{
	margin-top:25px;
	margin-left:0px;
	
}
#anim2Peinture{
	clear:right;
	margin-left:0px;
	margin-top:20px;
	
}


.longueur{
	float:left;
	width:100px;
	height:100px;
	margin-left:20px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}

.longueur3lignes{
	float:left;
	width:100px;
	height:300px;
	margin-left:20px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.longueur2lignes{
	float:left;
	width:100px;
	height:200px;
	margin-left:20px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.ligne-vignettes{
	clear:left;
	
}
.decalageHautVignettes{
	
	padding-top:20px;
	
}
.vignettes{
	width:700px;
	margin-top:15px;
	
	margin-bottom:30px;
}
/*estampes*/
.pos1listeEstampe{
	margin-left:67px;
}
.pos2listeEstampe{
	margin-left:130px;
}
.pos3listeEstampe{
	margin-left:120px;
}

#anim1Estampe{
	margin-top:25px;
	margin-left:0px;
	
}
.listeEstampe{
	list-style-type:none;
	display:inline;
}
.listeEstampe li{
	float:left;
}
.listeEstampe a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.listeEstampe a:hover{
	text-decoration:none;
}

/*sculptures*/




#acces-sculptures{
	float:right;
	margin-right:120px;
	margin-bottom:20px;
	margin-top:5px;
}
#anim1Sculptures{
	margin-top:11px;
	margin-left:-15px;
}

/*actualites*/
#contenu-parcours
{
	float: left;
	width: 630px;
	padding-top:0px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}


.imageDroite {
	float:right;
	padding-left:15px;	
}
.imageDroite-actus {
	float:right;
}
.imageGauche {
	float:left;
	padding-right:15px;
	
	
}

.expo {
	clear:right;
	margin-top:15px;
	height:220px;
		
}

.actu-txt {
	padding-left:270px;
}
.actu-txt-gauche {
	padding-left:0px;
	width: 55%;

}
.actu
{
  margin-bottom: 120px;

}
.actu-titre-photo
{
	  margin-bottom: 300px;

}


.encolures
{
  clear: both;
  margin-top: 15px;
  height: 290px;
}
.txtEncolures
{
	padding-left:280px;
	
}
.SalonAutomne2016
{
  clear: both;
  margin-top: 35px;
  height: 430px;
}


.txtSalonAutomne
{
	width:355px;
	
}
.artmixe2021 {
	
	margin-top:150px;
	padding-bottom:280px;
		
}
.artmixe2020 {
	clear:both;
	margin-top:15px;
	padding-bottom:300px;
		
}
.txt-artmixe2020
{
	padding-left:0px;
	
}
.expoLes111desArtsLyon
{
  clear: both;
  margin-top: 15px;
  height: 325px;
}

.txtLes111desArtsLyon {
	width:355px;
	
}
.figuresLibres
{
  clear: both;
  margin-top: 15px;
  height: 270px;
}
.expoGraindeSel
{
  clear: both;
  margin-top: 15px;
  height: 270px;
}



.expoBeau {
	clear:right;
	margin-top:15px;
	padding-bottom:30px;
		
}
.monotypes {
	margin-left:270px;
	
		
}
.expo-mono{
	clear:both;
	margin-top:15px;
	height:220px;
		
}

.expoHerbier {
	clear:both;
	
}
.pleinlesYeux {
	width:355px;
	
}
.expoPleinlesYeux {
	margin-top:40px;
	
	height:390px;
	
	
}
.herbesFolles {
	padding-left:270px;
	
	
	
}

.nom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float:right;
}

.citation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	width:355px;
}

/*parcours*/

.imageParcours {
	float:left;
	padding-right:8px;
	padding-top:5px;
}
.introParcours {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;
}