@charset "iso-8859-2";
/* CSS Valérie GEORGEON */

/*Structure du site*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}

#site{
	width:1100px;
	margin: 0 auto;
}
#gdsite{
	width:1320px;
	margin: 0 auto;
}
#fond{
	width:100%;
	overflow: hidden;
	background-image:url(../images/degrade-gris02.gif);
	background-repeat:y;	
}
#gauche{
	float:left;
	width:500px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
}

#droite{
	float:left;
	width:530px;
	padding-bottom:10px;
}
#centre{
	float:left;
	padding-left:30px;
	width:100%;
}
#pieddepage {
	border-top:solid 1px #999;
	padding-top:10px;
	margin-top:20px;
	clear: left;
}
#menudroit{
	margin-left:65px;
	padding-top:20px;
	padding-right:28px;
}
/*Page toile*/
#prec{
	float:left;
	height:370px;
	width:250px;
	margin-top:300px;
}

#toile{
	float:left;
	width:600px;
}
#gdtoile{
	float:left;
	width:820px;
}
#suiv{
	float:left;
	height:600px;
	width:250px;
	margin-top:300px;
}

/*Présentation page index*/
#tranche01{
	margin-top:0px;
}
#tranche01 img{
	vertical-align: top;
}
#tranche01, #tranche02{
		margin-bottom: 20px;
}
#tranche01, #tranche03{
	height : 250px;
}
#tranche02{
	height : 168px;
}

#peinture{
	margin-top:0px;
}

/*Photos page atelier/galerie*/
#atelier01{
	z-index:10;
	top:0px;
	left:700px;
}
#atelier02{
	position: relative;
	z-index:1;
	top:190px;
	left:800px;
}
#atelier03{
	position: absolute;
	z-index:10;
	top:360px;
	left:820px;
}

/*plan page atelier/galerie*/
#plan1{
	width: 300px;
	height: 200px;
}
#plan{
	width: 320px;
	height: 200px;
	margin-top:60px;
	margin-left:100px;
}

/*plan page zoom-contac*/
#map{
	width: 830px;
	height: 460px;
}
/* page exposition*/
#preced{
	float:left;
	height:370px;
	width:20px;
	margin-top:200px;
}
#suivant{
	float:left;
	height:600px;
	width:20px;
	margin-top:100px;
}

.presse{
	padding-top:50px;
	padding-left:50px;
}

.loupe{
	position: absolue;	
	top:0px;
	left:0px;
	z-index:10;
}
.textezoom{
		padding-left:90px;
		font-size:9px;
}
.dateexpo{
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-top:20px;	
}

/*paragraphe*/
h1{
	font-size: 18px;
	font-weight: bold;
	margin-bottom:-10px;
}
h2{
	font-size: 18px;
	font-weight: bold;
}
h3{
	text-align : center;
	font-size: 18px;
	font-weight: bold;
}
h4{
	font-size: 14px;
	font-weight: bold;
	margin-top:30px;
	margin-bottom:-10px;
}
h5{
	font-size: 16px;
	margin-top:30px;
	margin-bottom:30px;
}
h6{
	font-size: 15px;
	font-weight: bold;
	margin-bottom:-10px;
}
.gras{
	font-weight:bold;
}
.t16px{
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
}
.t14px{
		font-size:14px;

}
p.retour{
	margin-top:310px;
	margin-left:210px;
}
p.retrait{
	padding-left:100px;
}
p.atelier{
	padding-left:85px;
	padding-top:20px;
}
p.menudroit{
	padding:0;
	margin-top:5px;
	margin-bottom:0;
}
p.traitmenu{
	padding-bottom:8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
p.presentation{
	line-height: 20px;
}
p.legende{
	font-size: 10px;
}
.vert{
	color:#78bb14;
	font-weight:bold;
}

/*Liste a puce*/
li{
	padding:5px 0;
}
li.sspuce{
	list-style-type: none;	
}
/*menu*/
.menu{
	padding-left:30px;
}

/*liens*/
a, a:hover{
	text-decoration: none;
	color:#000;
}
a:hover{
	color:#F00;
}
a.ssligne{
	text-decoration: underline;
	color:#000;
}
a.ssligne:hover{
	text-decoration: none;
	color:#F00;
}
/*alignement*/	
.droite{
	float:right;
}
img.centre{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/*image*/
img{
	border:none;
}
img.espacehaut{
	padding-left:0px;
	padding-right:44px;
}
img.espacebas{
	padding-left:0px;
	padding-right:30px;
}

img.espacepresentation{
	padding-left:0px;
	padding-right:18px;
}
img.centrevert{
	vertical-align:middle;
}
img.droite{
	float:right;
	padding-left:40px;
}
img.atelier01{
	padding-top:20px;
}

/*tableau*/
.table01{
background:#ececec;
	width:100%;
	height:168px;
}

.table01 td.t01{
	padding:0px 25px;
}

.table02{
	width:100%;
	height:168px;
}

.table02 td{
	padding:0;
}

p.legende-tableaux{
	padding-top:0px;
	margin-top:5px;
	margin-bottom:20px;
	font-size : 10px;
	font-style:italic;
	text-align:center;
}
ul#horizontal {
	background-color:#a5a3a4;
	height:31px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:8px;
	padding-top:0px;
	padding-right:0px;
	list-style-type: none;
	width:754px;
}
ul#horizontal li{
	list-style-type: none;
    padding:0px;
    margin:0px;
}
ul#horizontal li a{
	text-transform: uppercase;
	color:white;
	font-weight:bold;
	font-family: "Arial Narrow";
	font-size:19px;
	float:left;
	width:auto;
	line-height:31px;
	padding-right:13px;
	padding-left:13px;
}

a.separation{
  background-image: url(../images/separateur-menu.png);
  background-repeat:no-repeat;
  background-position:right;
}