/* FEUILLE DE STYLE POUR LA GALERIE WWW.PHILIPPEGAPIN.FR */

/********* POSITIONNEMENT TEXTE DEFILANT *******************/
div.defilant1 {
	position: absolute;
 	Z-index: 30;
	top: 10px; left: 10px;
	font-family: Palatino, Arial; font-size: 18pt;
	background-color: none;
	color: white;
	}
div.defilant2 {
	position: absolute;
 	Z-index: 100;
	top: 410px; left: 710px;
	font-family: Times, Arial; font-size: 10pt;
	background-color: none;
	color: red;
	}
/********* POSITIONNEMENT NOM SITE *******************/
div.nom {
position: absolute;
Z-index: 100;/*au dessus du reste du site*/
top: 60px; left: 50px; padding: 1px;
}
/*********POSITIONNEMENT METIER *******************/
div.metier {
position: absolute;
Z-index: 100;/*au dessus du reste du site*/
top: 100px; left: 470px;
padding: 1px;
}

/********* POSITIONNEMENT CENTRAL de PAGE *******************/
html, body { 
	height: 100%;
}

body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	text-align: justify;
	background-color: #808073;/* anciennement gris  #808073  */
	
	}

#global {
	position: relative; /* on positionne le conteneur lui meme pour autoriser des contenus positionnes*/
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	width: 900px;
	text-align: left;
	background-color: #808073;/* anciennement #808073  */
	/*background-image: url(deco/artdeco.png); */     /* FOND EXTERIEUR par image */ 
	/*background-repeat: no-repeat;*/
	/*background-attachment: fixed;*/


	}



/********* POSITIONNEMENT LOGO 1 AZAY*******************/
div.logo1 {
position: absolute;
Z-index: 51;/*au dessus du reste du site*/
top: 250px;
left: 100px;

padding: 1px;
}
/********* POSITIONNEMENT LOGO 2 NATURE MORTE*******************/
div.logo2 {
position: absolute;
Z-index: 52;/*au dessus du reste du site*/
top: 320px;
left: 400px;

padding: 1px;
}
/********* POSITIONNEMENT LOGO 3 LOUBERE *******************/
div.logo3 {
position: absolute;
Z-index: 53;/*au dessus du reste du site*/
top: 450px;
left: 150px;
padding: 1px;
}

/********* PRESENTATION DES LIENS DU HAUT ***************/
div.mesliens {
Z-index: 500; font-family: Cursive, Times, Helvetica, serif;
}


/*********POSITIONNEMENT LIENS ACCUEIL*******************/
div.accueil {
position: absolute;
Z-index: 50; /* au dessus du reste du site */
top: 200px;
left: 700px;
background-color: none;
background-attachement: scroll;
padding: 1px;
}

/********* POSITION COMPTEUR VISITE *********************/
div.compteur {
position: absolute;
Z-index: 10; /* au dessous du reste du site */
top: 580px;
left: 650px;
background-color: gray;
background-attachement: scroll;
padding: 1px;
}


/*********POSITIONNEMENT IMAGE PEINTRE DANS PAGE PEINTRE*******************/
div.peintre {
position: absolute;
Z-index: 50;
top: 80px;left: 10px;
padding: 1px;
}
/*********POSITIONNEMENT TEXTE PAGE PEINTRE*******************/
table.texte1 {
position: absolute;
top: 50px; left: 280px;
width: 530px;
Z-index: 100; /* au dessus du reste du site */
background-color: none; text-align: justify;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}
table.texte2 {
position: absolute;
top: 340px; left: 10px; width: 800px;
Z-index: 100; /* au dessus du reste du site */
background-color: none; text-align: justify;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}

/*********POSITIONNEMENT THEME (GALERIE PRINCIPALE AVEC PROVINCES) *******************/
div.provinces {
position: absolute;
top: 50px; left: 1px;
width: 600px;
Z-index: 100; /* au dessus du reste du site */
background-color: none;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}

div.recent {
position: absolute;
top: 300px; left: 0px;
width: 200px;
Z-index: 100; /* au dessus du reste du site */
background-color: none;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}

div.divers {
position: absolute;
top: 300px; left: 650px;
width: 200px;
Z-index: 100; /* au dessus du reste du site */
background-color: none;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}


div.annonce_expo {
position: absolute;
top: 330px;
left: 250px;
Z-index: 200;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
}

/*********POSITIONNEMENT TEXTE PAGE EXPOS*******************/
table.exposavenir {
position: absolute;
top: 50px; left: 20px; width: 1300px;
Z-index: 100; /* au dessus du reste du site */
background-color: none; text-align: justify;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}
table.exposrecentes {
position: absolute;
top: 140px; left: 20px; width: 1100px;
Z-index: 100; /* au dessus du reste du site */
background-color: none; text-align: justify;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}
table.exposanciennes {
position: absolute;
top: 470px; left: 20px; width: 1000px;
Z-index: 100; /* au dessus du reste du site */
background-color: none; text-align: justify;
font-family: Verdana, Arial, sans-serif, Casmira; font-size: 16pt; color: white;
font-style: oblique;
padding: 1px;
}