/* 
Feuille de style du site de JR 	//	v1.10.070719
*/

body {
	font: 8pt/14pt verdana, arial, tahoma, sans-serif;
	color: #333;
	background-color: black;
	margin: 24px 0px 24px;
	padding: 0px;
}

p, h1, h2, h3, div, a, ul, li, img, td, tr, table {
	margin: 0px;
	padding: 0px;
	border: none;
}

h3 {
	font-size: 11px;
}

a:link {
	color: #555;
	text-decoration: underline;
}

a:visited {
	color: #555;
	text-decoration: underline;
}

a:hover {
	color: #555;
	text-decoration: underline;
}

/*  Construction de la page  */

#conteneur {
	position: relative;
	margin: 0px auto 0px;
	width: 850px;
	height: 559px;
}

#top {
	position: relative;
	width: 850px;
	height: 63px;
	background: url(images/top.gif) no-repeat center;
}

#photo_index {
	position: relative;
	width: 850px;
	height: 175px;
	background: url(images/photo_index.jpg) no-repeat bottom;
}

#photo_travaux {
	position: relative;
	width: 850px;
	height: 175px;
	background: url(images/photo_travaux.jpg) no-repeat bottom;
}

#photo_portfolio {
	position: relative;
	width: 850px;
	height: 175px;
	background: url(images/photo_portfolio.jpg) no-repeat bottom;
}

#photo_contact {
	position: relative;
	width: 850px;
	height: 175px;
	background: url(images/photo_contact.jpg) no-repeat bottom;
}

#photo_expo {
	position: relative;
	width: 850px;
	height: 175px;
	background: url(images/photo_expo.jpg) no-repeat bottom;
}


#zoneData {
	position: relative;
	width: 850px;
	min-height : 353px;
	background: url(images/slice.gif) repeat-y;
}

#bottom {
	position: relative;
	width: 850px;
	height: 13px;
	background: url(images/bottom.gif) no-repeat center;
}

/* Nouveau menu */

#menu {
	position: relative;
	width: 850px;
	height: 23px;
	background: url(images/fond-menu.gif) no-repeat center;
}

#menu ul {
	margin: 0;
	padding-left: 95px;
	list-style-type: none;
}

#menu ul  li {
	float: left;
}

#menu ul li a {
	line-height: 16px;
	font-size: 11px;
	letter-spacing: 1px;
	display: block;
}

#menu_accueil {
	width: 81px;
	height: 23px;
	background: url(images/accueil-1.gif) no-repeat;
}

#menu_accueil:hover {
	width: 81px;
	height: 23px;
	background: url(images/accueil-1.gif) no-repeat 0 -27px;
}

#menu_travaux {
	width: 81px;
	height: 23px;
	background: url(images/travaux-1.gif) no-repeat;
}

#menu_travaux:hover {
	width: 81px;
	height: 23px;
	background: url(images/travaux-1.gif) no-repeat  0 -27px;
}

#menu_dessins-photos {
	width: 140px;
	height: 23px;
	background: url(images/photos-dessins-1.gif) no-repeat;
}

#menu_dessins-photos:hover {
	width: 140px;
	height: 23px;
	background: url(images/photos-dessins-1.gif) no-repeat  0 -27px;
}
#menu_expos {
	width: 67px;
	height: 23px;
	background: url(images/expo-1.gif) no-repeat;
}

#menu_expos:hover {
	width: 67px;
	height: 23px;
	background: url(images/expo-1.gif) no-repeat  0 -27px;
}

#menu_contact {
	width: 78px;
	height: 23px;
	background: url(images/contact-1.gif) no-repeat;
}

#menu_contact:hover {
	width: 78px;
	height: 23px;
	background: url(images/contact-1.gif) no-repeat  0 -27px;
}

/* Liens menu hover */

#menu_accueil_hover {
	width: 81px;
	height: 23px;
	background: url(images/accueil-1.gif) no-repeat  0 -27px;
}

#menu_travaux_hover {
	width: 81px;
	height: 23px;
	background: url(images/travaux-1.gif) no-repeat  0 -27px;
}

#menu_dessins-photos_hover {
	width: 140px;
	height: 23px;
	background: url(images/photos-dessins-1.gif) no-repeat  0 -27px;
}

#menu_expos_hover {
	width: 67px;
	height: 23px;
	background: url(images/expo-1.gif) no-repeat  0 -27px;
}

#menu_contact_hover {
	width: 78px;
	height: 23px;
	background: url(images/contact-1.gif) no-repeat  0 -27px;
}

/* Définition de la zone globale de texte */

#zoneTxt {
	position: absolute; 
	left: 115px;
	top: 0px;
	width: 405px;
	font-size: 9px;
	line-height: 12px;
}

#zoneTxt p {
	padding-top: 10px;
}

/* Définition de la zone news */

#zoneNews {
	position: absolute; 
	left: 550px;
	top: 10px;
	width: 175px;
	height: 340px;
	font-size: 9px;
	line-height: 12px;
	border-left: 1px solid #333;
}

#zoneNews p, h3, img {
	padding: 0px 0px 10px 20px;
}

#zoneNews > h3 > img {
	display: inline;
	vertical-align: -5px;
	padding-right: 2px;
}

#zoneNews p a:link {
	color: #333;
	text-decoration: underline;
}

#zoneNews p a:visited {
	color: #333;
	text-decoration: underline;
}

#zoneNews p a:hover {
	color: #333;
	text-decoration: none;
}

#titre_news {
	position: relative;
	width: 184px;
	height: 19px;
	margin: 0px 0px 8px 9px;
	font-size: 9px;
	line-height: 12px;
	background: url(images/titre-news.gif) no-repeat;
}

#titre_galerie {
	position: relative;
	width: 184px;
	height: 19px;
	margin: 0px 0px 8px 9px;
	font-size: 9px;
	line-height: 12px;
	background: url(images/titre-sous-section2.gif) no-repeat;
}

#titre_expo {
	position: relative;
	width: 184px;
	height: 19px;
	margin: 0px 0px 8px 9px;
	font-size: 9px;
	line-height: 12px;
	background: url(images/titre-expo.gif) no-repeat;
}

#titre_coordonnees {
	position: relative;
	width: 184px;
	height: 19px;
	margin: 0px 0px 8px 9px;
	font-size: 9px;
	line-height: 12px;
	background: url(images/titre-coordonnees.gif) no-repeat;
}

#titre_liens {
	position: relative;
	width: 184px;
	height: 19px;
	margin: 0px 0px 8px 9px;
	font-size: 9px;
	line-height: 12px;
	background: url(images/titre-liens.gif) no-repeat;
}

/*	Zone navigation photos	*/

#zoneNavPhotos {
	position: absolute; 
	left: 605px;
	top: 5px;
	width: 130px;
	min-height : 340px;
	font-size: 9px;
	line-height: 12px;
	border-left: 1px solid #333;
	z-index: 3px;
}

#menu-btn-galerie {
	margin: 20px 0 0 10px;
}

#menu-btn-galerie ul {
	margin: 0;
	list-style-type: none;
}

#menu-btn-galerie ul li a {
	display: block;
	margin: 6px 0;
}

#btn-makeup {
	width: 100px;
	height: 20px;
	background: url(images/btn-makeup.gif) no-repeat 0 -2px;
}

#btn-makeup:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-makeup.gif) no-repeat 0 -23px;
}

#btn-makeup-off {
	width: 100px;
	height: 20px;
	background: url(images/btn-makeup.gif) no-repeat 0 -44px;
}

#btn-makeup-off:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-makeup.gif) no-repeat 0 -23px;
}

#btn-anim {
	width: 100px;
	height: 20px;
	background: url(images/btn-anim.gif) no-repeat 0 -2px;
}

#btn-anim:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-anim.gif) no-repeat 0 -23px;
}

#btn-anim-off {
	width: 100px;
	height: 20px;
	background: url(images/btn-anim.gif) no-repeat 0 -44px;
}

#btn-anim-off:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-anim.gif) no-repeat 0 -23px;
}

#btn-corps {
	width: 100px;
	height: 20px;
	background: url(images/btn-corps.gif) no-repeat 0 -2px;
}

#btn-corps:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-corps.gif) no-repeat 0 -23px;
}

#btn-corps-off {
	width: 100px;
	height: 20px;
	background: url(images/btn-corps.gif) no-repeat 0 -44px;
}

#btn-corps-off:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-corps.gif) no-repeat 0 -23px;
}

#btn-access {
	width: 100px;
	height: 20px;
	background: url(images/btn-access.gif) no-repeat 0 -2px;
}

#btn-access:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-access.gif) no-repeat 0 -23px;
}

#btn-access-off {
	width: 100px;
	height: 20px;
	background: url(images/btn-access.gif) no-repeat 0 -44px;
}

#btn-access-off:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-access.gif) no-repeat 0 -23px;
}

#btn-photos {
	width: 100px;
	height: 20px;
	background: url(images/btn-photos.gif) no-repeat 0 -2px;
}

#btn-photos:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-photos.gif) no-repeat 0 -23px;
}

#btn-photos-off {
	width: 100px;
	height: 20px;
	background: url(images/btn-photos.gif) no-repeat 0 -44px;
}

#btn-photos-off:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-photos.gif) no-repeat 0 -23px;
}

#btn-dessins {
	width: 100px;
	height: 20px;
	background: url(images/btn-dessins.gif) no-repeat 0 -2px;
}

#btn-dessins:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-dessins.gif) no-repeat 0 -23px;
}

#btn-dessins-off {
	width: 100px;
	height: 20px;
	background: url(images/btn-dessins.gif) no-repeat 0 -44px;
}

#btn-dessins-off:hover {
	width: 100px;
	height: 20px;
	background: url(images/btn-dessins.gif) no-repeat 0 -23px;
}

/*	Galerie photos	*/

/*#zoneGdePhoto {
	position: absolute; 
	left: 115px;
	top: 10px;
	width: 385px;
	height: 270px;
	font-size: 9px;
	line-height: 12px;
	background: url(images/travaux/fishboy01.jpg) no-repeat;
}*/

#zoneGdePhoto {
	position: absolute; 
	left: 95px;
	top: 0px;
	width: 500px;
	height: 350px;
	font-size: 9px;
	line-height: 12px;
	background: url(images/cadre-slideshowpro-01.jpg) no-repeat;
}

#zoneGdePhoto object {
	position: relative;
	top: 26px;
	left: 29px;
}

#zoneMini {
	position: absolute; 
	left: 525px;
	top: 10px;
	width: 200px;
	height: 275px;
	font-size: 9px;
	line-height: 12px;
	border-left: 1px solid #333;
}

#zoneMini p, h3 {
	padding: 0px 0px 10px 20px;
}

#zoneMini > h3 > img {
	display: inline;
	vertical-align: -5px;
	padding-right: 2px;
}

#nav_galerie {
	position: relative;
	width: 184px;
	height: 17px;
	margin: 0px 0px -2px 20px;
	font-size: 9px;
	line-height: 12px;
}

#nav_gal_previous {
	position: absolute;
	left: 0px;
	width: 17px;
	height: 17px;
	background: url(images/nav-galerie-previous.gif) no-repeat;
}

#nav_gal_forward {
	position: absolute;
	right: 0px;
	width: 17px;
	height: 17px;
	background: url(images/nav-galerie-forward.gif) no-repeat;
}

#nav_gal_previous:hover {
	position: absolute;
	left: 0px;
	width: 17px;
	height: 17px;
	background: url(images/nav-galerie-previous2.gif) no-repeat;
}

#nav_gal_forward:hover {
	position: absolute;
	right: 0px;
	width: 17px;
	height: 17px;
	background: url(images/nav-galerie-forward2.gif) no-repeat;
}

.table_galerie {
	table-layout: auto;
	width: 193px;
	border-collapse: collapse;
	border: none;
	margin: -5px 0px 0px 17px;
}

#td1 {
	width: 33%;
	border: none;
}

#td2 {
	width: 33%;
	border: none;
}

#td3 {
	width: 33%;
	border: none;
}


div.pic {
	height: 50px; 
	width: 50px;
	padding: 0px; 
	margin: 5px;
}

/*	Details galerie	*/

#GdePhoto {
	position: absolute; 
	left: 115px;
	top: 10px;
	width: 385px;
	height: 270px;
	font-size: 9px;
	line-height: 12px;
}

/*	Style de la page EXPO Croquis 	*/

#affiche_expo {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 170px;
	height: 240px;
	background: url(images/expo/affiche_expo.jpg) no-repeat;
}

#plan_expo {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 200px;
	height: 132px;
	background: url(images/expo/plan_expo.jpg) no-repeat;
}

#texte_expo {
	position: absolute;
	top: 169px;
	right: 0px;
	width: 200px;
	display: block;
}

/*	Style de la page EXPO Dessins 	*/

#affiche_expo2 {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 170px;
	height: 240px;
	background: url(images/expo/dessins/affiche_expo.jpg) no-repeat;
}

#plan_expo2 {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 200px;
	height: 132px;
	background: url(images/expo/dessins/plan_expo.jpg) no-repeat;
}

#texte_expo2 {
	position: absolute;
	top: 169px;
	right: 0px;
	width: 200px;
	display: block;
}

a.couleur_mailto:link {
	color: #333;
	text-decoration: underline;
}

a.couleur_mailto:visited {
	color: #333;
	text-decoration: underline;
}

a.couleur_mailto:hover {
	color: #333;
	text-decoration: underline;
}

/*	Contact.html	*/

#photo_jr2 {
	position: relative; 
	left: -20px;
	top: 10px;
	padding-bottom: 15px;
}

/*	index.html	*/

#photo_jr_index {
	float: left;
	margin : 3px 10px -5px -18px;
}