body { 
	background: #000000; /* Couleur du fond de la page */
	color: Black; /* Couleur du texte */
	margin: 0; /* Marge extérieures  */ 
	padding: 0; /* Marges intérieures */ 
	text-align: left; /* Permet de centrer la page */ 
	font-size: 90%; /* Grosseur du caractère */ 
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

a:link, a:visited, a:active { 
	color : #a6dce8;  /* Couleur des liens 82aec5 */ 
	text-decoration: none; /* Lien non-souligné */ 
	font-weight : bold;
	} 

a:hover	{ 
	text-decoration: underline; /* Lien souligné lors du survol de la souris */ 
	}



#contenant { 
	width: 1000px; /* Largeur de la page */
	height: 650px; /* Hauteur de la page */
	margin: auto;
	overflow:hidden;
	background: url(../images/site.jpg);
	}
	
#origine {
	position: relative;
	width: 1000px; /* Largeur de la page */
	height: 650px; /* Hauteur de la page */
	top: 0px;
	left: 0px;
}

#accueil {
	position : absolute;
	top : 2px;
	left : 207px;
	height : 120px;
	width : 731px;
}
	
#bijoux { 
	position: absolute;
	top: 169px;
	left: 94px;
	width: 90px; /* Largeur de la page */
	height: 56px; /* Hauteur de la page */
	}	
	
#bijoux:hover{ 
	background-image: url(../images/highlight/bijoux.jpg);
	}	
	
#peintures { 
	position: absolute;
	top: 245px;
	left: 88px;
	width: 108px; /* Largeur de la page */
	height: 57px; /* Hauteur de la page */
	}	
	
#peintures:hover{ 
	background-image: url(../images/highlight/peintures.jpg);
	}	
	
#liens { 
	position: absolute;
	top: 325px;
	left: 102px;
	width: 71px; /* Largeur de la page */
	height: 37px; /* Hauteur de la page */
	}	
	
#liens:hover{ 
	background-image: url(../images/highlight/liens.jpg);
	}	
	
#influences { 
	position: absolute;
	top: 387px;
	left: 86px;
	width: 115px; /* Largeur de la page */
	height: 51px; /* Hauteur de la page */
	}	
	
#influences:hover{ 
	background-image: url(../images/highlight/influences.jpg);
	}	
	
#expos { 
	position: absolute;
	top: 462px;
	left: 94px;
	width: 81px; /* Largeur de la page */
	height: 55px; /* Hauteur de la page */
	}	
	
#expos:hover{ 
	background-image: url(../images/highlight/expos.jpg);
	}	
	
#contact { 
	position: absolute;
	top: 528px;
	left: 90px;
	width: 94px; /* Largeur de la page */
	height: 49px; /* Hauteur de la page */
	}	
	
#contact:hover{ 
	background-image: url(../images/highlight/contact.jpg);
	}	
	
	

	
/*------------------------------------------------ 
	1. LE CADRE
 -------------------------------------------------*/
 
#cadre { 
	position: absolute; /* Active le positionnement relatif */
	top: 148px;
	left: 221px;
	width: 740px; 
	height: 454px;
	}

	/*------------------------------------------------ 
	3. PAGES
 -------------------------------------------------*/
 
#pages { 
	position: relative; /* Active le positionnement relatif */
	top: 148px;
	left: 221px;
	width: 710px; 
	height: 454px;
	background: transparent;
	overflow: auto;
	text-align: justify;
	padding-right: 15px;
	padding-left: 15px;
	color : white;
	}
	
p{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	text-indent: 20px;
	}

	
h1 {
	font-size: 28px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 600;
	margin-top: 30px;
	}


	
h2 {
	font-size: 18px;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: 600;
}	

h3 {
	font-size: 15px;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight : lighter;
}	

.trailer{
text-align:center;
color:red;
font-style:italic;
text-decoration:blink;
}
	
/*------------------------------------------------ 
	2. LES IMAGES-LIENS
 -------------------------------------------------*/
 
 
 #miniatures{
	position : relative;
	left : 18px;
	width : 670px;
	text-indent: 0px;
	text-align :left;
	}
 
 #commentairetab{
	position : absolute;
	top : 105px;
	left : 540px;
	width : 180px;
	text-align : center;
	}
 
.paysage {
	margin-top : 26px;
	margin-bottom : 26px;
	margin-left : 7px;
	margin-right: 7px;
	border: 0px;
}

.portrait{
	margin-top : 11px;
	margin-bottom : 11px;
	margin-left : 22px;
	margin-right : 22px;
	border: 0px;
}

img.grandes{
	border: 0px;
}

img.grandes.portrait{
	margin : 12px 100px 8px 120px;
}

.grandes.paysage{
	margin : 40px 25px 34px 20px;
}

p.dispo{
	position : absolute;
	top : 70px;
	left : 490px;
	font-size : 12px;
}

.italique{
	font-size: 15px;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight : lighter;
}

p.date{
	font-size: 18px;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight : bold;
}

.bordure{
	border : 0px;
}

.plan{
	position : absolute;
	top : 20px;
	left : 70px;
}

h1.jewelNumber{
	position: absolute;
	top: 85px;
	left: 601px;
	font-size: 18px;
	width: 60px;
	text-align: center;
}

h1.collection{
	position : absolute;
	top : 115px;
	left : 545px;
	width : 175px;
	font-size : 18px;
}

.prec{
	position : absolute;
	top : 215px;
	left : 570px;
	border : 0px;
}

.suiv{
	position : absolute;
	top : 215px;
	left : 650px;
	border : 0px;
}

.back{
	position : absolute;
	top : 265px;
	left : 595px;
	border : 0px;
}

.contact{
	position : absolute;
	top : 200px;
	left : 330px;
	border : 0px;
}

a.liens{
	color : white;
}

h1.nomtableau{
	font-size : 16px;
	font-weight : bold;
}

p.nomtableau{
	text-indent : 0px;
	font-size : 10px;
	font-weight : normal;
}

/*------------------------------------------------
	4. pied de page
--------------------------------------------------*/

#pieddepage {
	position: absolute;
	top: 615px;
	left: 221px;
	width: 740px;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	color: White;
	text-align: center;
	text-decoration: none;
}

#pieddepage p {
	margin: 5px 0px;
}



/*------------------------------------------------
	5. pagination
--------------------------------------------------*/

div.pagination {
	font-size: 11px;
	text-align: center;
	padding: 2px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	color: #fff;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: normal;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	background-color:#73bed3;
	color: #fff;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	background-color: #313131;
	color: #fff;
	}
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		color: #868686;
	}