body {
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	color: #fff ;
	background: url("images/fond.jpg");
	}
a img { border: none ; }
a:link { color: #888 ; text-decoration: none ; }
a:visited { color: #888 ; text-decoration: none ; }
a:hover { color: #bbb ; text-decoration: none ; }
a:active { color: #eee ; text-decoration: none ; }
div#global {
	position : relative ;
	margin-left: auto ;
	margin-right: auto ;
	width: 802px ;
	text-align: left ;
	}
div#interface-accueil {
	width: 802px;
	height: 668px;
	background: url("images/interface-accueil.png") no-repeat 0 0 ;
	position: absolute;
	left:0px;
	top:0px;
	}
div#interface-general {
	width: 802px;
	height: 104px;
	background: url("images/interface-general.png") no-repeat 0 0 ;
	position: absolute;
	left:0px;
	top:0px;
	}
div#footer {
	width: 502px ;
	height: 22px ;
	margin: 0 auto ;
	margin-top: 0em;
	display:block;
	text-align: center ;
	position: absolute ;
	left: 150px ;
	top: 668px;
	}
div#comment {
	width: 502px ;
	height: 104px ;
	margin: 0 auto ;
	text-align: left ;
	position: absolute ;
	left: 150px ;
	top: 0px;
	z-index: 1 ;
	}
h1 {
	font-family : arial, verdana, sans-serif ; 
	font-size : 1.3em ;
	font-weight : bold ;
	font-style : normal ;
	margin : 0.8em ;
	color : #eee ;
	text-align : center ;
	}
h2 {
	font-family : arial, verdana, sans-serif ; 
	font-size : 1.2em ;
	font-weight : normal ;
	font-style : normal ;
	color : #eee ;
	margin : 1.1em ;
	text-align : right ;
	}
h3 {
	font-family : arial, verdana, sans-serif ; 
	font-size : 1.0em ;
	font-weight: normal ;
	font-style : normal ;
	font-variant: small-caps ;
	color : #eee ;
	text-align: right ;
	margin: 1.1em;
	}
b {
	font-weight: bold ;
	} 
h4 {
	font-family : arial, verdana, sans-serif ; 
	font-size : 1.6em ;
	font-weight : bold ;
	color : #000 ;
	line-height : 14pt ;
	margin : 14pt ;
	text-align: center ;
	}
h5 {
	font-family : arial, verdana, sans-serif ; 
	font-size : 0.9em ;
	font-weight: normal;
	font-style : normal ;
	color : #000 ;
	line-height : 14pt ;
	margin : 14pt ;
	text-align: left ;
	}
h6 {
	font-family : arial, verdana, sans-serif ; 
	font-size : 0.8em ;
	font-weight: normal;
	font-style : normal ;
	color : #000 ;
	margin : 0pt ;
	text-align: right ;
	}
div#formulaire{
	width: 500px ;
	height: 350px ;
	background: url("images/opacity60.png") repeat 0 0 ;
	position: absolute ;
	left: 40px ;
	top: 20px ;
	border: dashed 1px #ddd ;
	z-index: 2 ;
	}
div#message_envoye{
	width: 220px ;
	height: 70px ;
	background: url("images/opacity60.png") repeat 0 0 ;
	position: absolute ;
	left: 40px ;
	top: 20px ;
	border: dashed 1px #ddd;
	z-index: 2 ;
	}
div#pnplogo a{
	width: 148px ;
	height: 104px ;
	background: url("images/pnplogo.png") no-repeat;
	position: absolute ;
	right: 0px ;
	top: 0px ;
	z-index: 2 ;
	}
div#pnplogo a:hover {
	background-position: -146px 0 ;
	}
div#pnplogo a:active {
	background-position: -292px 0 ;
	}
div#verticalg {
	width: 148px ;
	height: 562px ;
	margin: 0 auto ;
	text-align: left ;
	position: absolute ;
	left: 0px ;
	top: 106px;
	z-index: 1 ;
	}
div#verticald {
	width: 148px ;
	height: 562px ;
	position: absolute ;
	right: 0px ;
	top: 106px;
	z-index: 1 ;
	}
div#centrev {
	width: 500px ;
	height: 666px ;
	margin: 0 auto ;
	text-align: left ;
	border: solid 1px #885 ;
	position: absolute ;
	left: 150px ;
	top: 0px;
	}
div#tcentrev a {
	width: 502px ;
	height: 668px ;
	background: url("images/t.gif") repeat;
	position: absolute ;
	left: 150px ;
	top: 0px;
	z-index: 1 ;
	}
div#tcentrev a:hover {
	}
div#centreh {
	width: 800px ;
	height: 560px ;
	margin: 0 auto ;
	text-align: left ;
	border: solid 1px #885 ;
	position: absolute ;
	left: 0px ;
	top: 106px;
	z-index: 1 ;
	}
div#tcentreh {
	width: 802px ;
	height: 562px ;
	margin: 0 auto ;
	background: url("images/opacity60.png") repeat 0 0 ;
	position: absolute ;
	left: 0px ;
	top: 106px;
	z-index: 0;
	}
form#paypal {
	width: 100px ;
	height: 50px ;
	position: absolute ;
	left: 150px ;
	top: 190px;
	}
div#adobe {
	width: 400px ;
	height: 110px ;
	position: absolute ;
	right: 0 ;
	bottom: 0px;
	}
.load {
	background:url("images/loader.gif") no-repeat center;
	} 
/*ACCUEIL*/
div#css a {
	background: url("images/css.png") no-repeat 0 0;
	position:absolute;
	height:31px;
	width:88px;
	bottom:39px;
	left:4px;
	}
div#css a:hover {
	background-position:-88px;
	}
div#css a:active {
	background-position:-176px;
	}
div#lesphotographes a {
	background: url("images/lesphotographes.gif") no-repeat 0 0;
	position:absolute;
	height:200px;
	width:26px;
	bottom:4px;
	right:4px;
	}
div#lesphotographes a:hover {
	background-position:-26px;
	}
div#lesphotographes a:active {
	background-position:-52px;
	}
div#xhtml a {
	background: url("images/xhtml.png") no-repeat 0 0;
	position:absolute;
	height:31px;
	width:88px;
	bottom:4px;
	left:4px;
	}
div#xhtml a:hover {
	background-position:-88px;
	}
div#xhtml a:active {
	background-position:-176px;
	}

/* PRESENTATION */
div#minicache a{
	background:url("images/minicache.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 10px;
	z-index: 1;
	}
div#minicache a:hover {
	background-position: 0px +44px;
	}
div#mini01 a{
	background:url("images/mini01.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 10px;
	}
div#mini01 a:hover {
	background-position: 0px 1px;
	}
div#mini02 a{
	background:url("images/mini02.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 50px;
	}
div#mini02 a:hover {
	background-position: 0px 1px;
	}
div#mini03 a{
	background:url("images/mini03.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 90px;
	}
div#mini03 a:hover {
	background-position: 0px 1px;
	}
div#mini04 a{
	background:url("images/mini04.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 130px;
	}
div#mini04 a:hover {
	background-position: 0px 1px;
	}
div#mini05 a{
	background:url("images/mini05.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 170px;
	}
div#mini05 a:hover {
	background-position: 0px 1px;
	}
div#mini06 a{
	background:url("images/mini06.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 210px;
	}
div#mini06 a:hover {
	background-position: 0px 1px;
	}
div#mini07 a{
	background:url("images/mini07.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 250px;
	}
div#mini07 a:hover {
	background-position: 0px 1px;
	}
div#mini08 a{
	background:url("images/mini08.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 290px;
	}
div#mini08 a:hover {
	background-position: 0px 1px;
	}
div#mini09 a{
	background:url("images/mini09.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 330px;
	}
div#mini09 a:hover {
	background-position: 0px 1px;
	}
div#mini10 a{
	background:url("images/mini10.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 370px;
	}
div#mini10 a:hover {
	background-position: 0px 1px;
	}
div#mini11 a{
	background:url("images/mini11.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 410px;
	}
div#mini11 a:hover {
	background-position: 0px 1px;
	}
div#mini12 a{
	background:url("images/mini12.png") no-repeat -5px 11px;
	width: 40px;
	height: 35px;
	position: absolute;
	bottom: 0px;
	left: 450px;
	}
div#mini12 a:hover {
	background-position: 0px 1px;
	}
div#livre {
	width: 802px ;
	height: 562px ;
	margin: 0 auto ;
	text-align: left ;
	color: #000;
	border: none ;
	background: url("images/livre.png") repeat-y #eee ;
	position: absolute ;
	left: 0px ;
	top: 106px;
	z-index: 0;
	}
div#nomphoto {
	width: 200px;
	height: 20px;
	color: #000;
	position: absolute;
	bottom: 81px;
	right: 0px;
	}
div#nomphotoh {
	width: 200px;
	height: 20px;
	color: #000;
	position: absolute;
	bottom: -14px;
	right: 0px;
	}
div#nomphotohcontour {
	width: 200px;
	height: 20px;
	color: #000;
	position: absolute;
	bottom: -24px;
	right: 12px;
	}
div#pageg {
	width: 401px ;
	height: 562px ;
	position: absolute ;
	left: 0px ;
	top: 0px;
	z-index:0;
	}
div#tpageg a {
	width: 399px ;
	height: 562px ;
	background: url("images/t.gif");
	position: absolute ;
	left: 0px ;
	top: 106px;
	z-index: 2 ;
	}
div#tpageg a:hover {
	background: url("images/recourbpg.png") no-repeat ;
	}
div#contpageg {
	width: 324px ;
	height: 450px ;
	position: absolute ;
	left: 38px ;
	top: 56px;
	z-index: 0 ;
	}
div#contpaged {
	width: 324px ;
	height: 450px ;
	position: absolute ;
	left: 38px ;
	top: 56px;
	z-index: 0 ;
	}
div#bordureg {
	width: 2px ;
	height: 562px ;
	background: url("images/bordg.png") repeat;
	position: absolute ;
	left: 1px ;
	top: 106px;
	z-index: 1 ;
	}
div#paged {
	width: 401px ;
	height: 562px ;
	margin: 0 auto ;
	text-align: left ;
	position: absolute ;
	right: 0px ;
	top: 0px;
	}
div#tpaged a {
	width: 399px ;
	height: 562px ;
	position: absolute ;
	right: 0px ;
	top: 106px;
	z-index: 2 ;
	background: url("images/t.gif");
	}
div#tpaged a:hover {
	background: url("images/recourbpd.png") no-repeat ;
	}
div#bordured {
	width: 0px ;
	height: 562px ;
	background: url("images/bordg.png") repeat;
	position: absolute ;
	right: 1px ;
	top: 106px;
	z-index: 1 ;
	}
div#image2x3 {
	width: 300px;
	height: 450px;
	position: absolute;
	top: 0px;
	left: 12px;
	}
div#image2x3contour {
	width: 300px;
	height: 450px;
	position: absolute;
	border:solid 2px #000;
	top: -2px;
	left: 10px;
	}
div#image2x3contourbis {
	width: 300px;
	height: 450px;
	position: absolute;
	border:solid 2px #000;
	top: -2px;
	left: 10px;
	}
div#image3x2ccontour {
	width: 324px;
	height: 216px;
	position: absolute;
	border:solid 2px #000;
	top: 115px;
	left: -2px;
	}
div#image3x4 {
	width: 324px;
	height: 432px;
	position: absolute;
	top: 9px;
	left: 0px;
	}
div#image4x3h {
	width: 324px;
	height: 243px;
	position: absolute;
	top: 0px;
	left: 0px;
	}
div#image4x3c {
	width: 324px;
	height: 243px;
	position: absolute;
	top: 103px;
	left: 0px;
	}
div#image4x3p {
	width: 228px;
	height: 171px;
	position: absolute;
	bottom: 0px;
	left: 48px;
	}
/*COMMANDER*/

/*GALERIE*/
div#tdiaporama {
	width: 652px ;
	height: 562px ;
	background: url("images/opacity60.png") repeat;
	position: absolute ;
	right: 0px ;
	top: 106px;
	z-index: 0;
	}
ul#diapo {
	margin: 0 ;
	padding: 5px 25px;
	background: url("images/negatif.png") repeat ;
	list-style-type: none ;
	/* Suppression du margin, du padding et des puces du <ul> */
	}
ul#diapo li {
	margin: 0 0 12px 0 ;
	padding: 0 ;
	/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
	}
li#photo01 a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo01.png") no-repeat 0 0 ;
	}
li#photo01 a:hover { 
	background-position: -96px 0 ;
	}
li#photo01 a:active { 
	background-position: -192px 0 ;
	}
li#photo02 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo02.png") no-repeat 0 0 ;
	}
li#photo02 a:hover { 
	background-position: -96px 0 ;
	}
li#photo02 a:active { 
	background-position: -192px 0 ;
	}
li#photo03 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo03.png") no-repeat 0 0 ;
	}
li#photo03 a:hover { 
	background-position: -96px 0 ;
	}
li#photo03 a:active { 
	background-position: -192px 0 ;
	}
li#photo04 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo04.png") no-repeat 0 0 ;
	}
li#photo04 a:hover { 
	background-position: -96px 0 ;
	}
li#photo04 a:active { 
	background-position: -192px 0 ;
	}
li#photo05 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo05.png") no-repeat 0 0 ;
	}
li#photo05 a:hover { 
	background-position: -96px 0 ;
	}
li#photo05 a:active { 
	background-position: -192px 0 ;
	}
li#photo06 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo06.png") no-repeat 0 0 ;
	}
li#photo06 a:hover { 
	background-position: -96px 0 ;
	}
li#photo06 a:active { 
	background-position: -192px 0 ;
	}
li#photo07 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo07.png") no-repeat 0 0 ;
	}
li#photo07 a:hover { 
	background-position: -96px 0 ;
	}
li#photo07 a:active { 
	background-position: -192px 0 ;
	}
li#photo08 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo08.png") no-repeat 0 0 ;
	}
li#photo08 a:hover { 
	background-position: -96px 0 ;
	}
li#photo08 a:active { 
	background-position: -192px 0 ;
	}
li#photo09 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo09.png") no-repeat 0 0 ;
	}
li#photo09 a:hover { 
	background-position: -96px 0 ;
	}
li#photo09 a:active { 
	background-position: -192px 0 ;
	}
li#photo10 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo10.png") no-repeat 0 0 ;
	}
li#photo10 a:hover { 
	background-position: -96px 0 ;
	}
li#photo10 a:active { 
	background-position: -192px 0 ;
	}
li#photo11 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo11.png") no-repeat 0 0 ;
	}
li#photo11 a:hover { 
	background-position: -96px 0 ;
	}
li#photo11 a:active { 
	background-position: -192px 0 ;
	}
li#photo12 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo12.png") no-repeat 0 0 ;
	}
li#photo12 a:hover { 
	background-position: -96px 0 ;
	}
li#photo12 a:active { 
	background-position: -192px 0 ;
	}
li#photo13 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo13.png") no-repeat 0 0 ;
	}
li#photo13 a:hover { 
	background-position: -96px 0 ;
	}
li#photo13 a:active { 
	background-position: -192px 0 ;
	}
li#photo14 a{
	display: block ;
	width: 96px ;
	line-height: 128px ;
	background: url("images/diapo14.png") no-repeat 0 0 ;
	}
li#photo14 a:hover { 
	background-position: -96px 0 ;
	}
li#photo14 a:active { 
	background-position: -192px 0 ;
	}
/*SOMMAIRE*/
div#sommaire {
	width: 148px ;
	height: 104px ;
	margin: 0 auto ;
	text-align: left ;
	position: absolute ;
	left: 0px ;
	top: 0px;
	z-index: 1 ;
	}
ul#menu {
	margin: 0 ;
	padding: 1px 0;
	list-style-type: none ;
	/* Suppression du margin, du padding et des puces du <ul> */
	}
ul#menu li {
	margin: 0 0 1px 0 ;
	padding: 0 ;
	/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
	}
li#menu-accueil a {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 146px ;
	line-height: 19px ;
	background: url("images/accueil.png") no-repeat 0 0 ;
	}
li#menu-accueil a:hover {
	background-position: -146px 0 ;
	}
li#menu-accueil a:active {
	background-position: -292px 0 ;
	}
li#menu-presentation a {
	display: block ;
	width: 146px ;
	line-height: 19px ;
	background: url("images/presentation.png") no-repeat 0 0 ;
	}
li#menu-presentation a:hover {
	background-position: -146px 0 ;
	}
li#menu-presentation a:active {
	background-position: -292px 0 ;
	}
li#menu-commander a {
	display: block ;
	width: 146px ;
	line-height: 19px ;
	background: url("images/commander.png") no-repeat 0 0 ;
	}
li#menu-commander a:hover {
	background-position: -146px 0 ;
	}
li#menu-commander a:active {
	background-position: -292px 0 ;
	}
li#menu-contact a {
	display: block ;
	width: 146px ;
	line-height: 19px ;
	background: url("images/contact.png") no-repeat 0 0 ;
	}
li#menu-contact a:hover {
	background-position: -146px 0 ;
	}
li#menu-contact a:active {
	background-position: -292px 0 ;
	}
li#menu-galerie a {
	display: block ;
	width: 146px ;
	line-height: 19px ;
	background: url("images/galerie.png") no-repeat 0 0 ;
	}
li#menu-galerie a:hover {
	background-position: -146px 0 ;
	}
li#menu-galerie a:active {
	background-position: -292px 0 ;
	}
.chapitre {
	width:146px;
	height:19px;
	vertical-align:top;
	font-size:0.8em;
	}