/*_______________FEUILLE DE STYLE COMPLETE_______________*/

body
 {
	background-color: black;
	height: auto;
	width: 800px;
	color: silver;
	margin-top:0px;
}

a, img
{
	border: none;
}

/* 
			ACCEUIL
*/

.acceuil
{
	width:568px;
	height:630px;
	position:absolute;
		left:50%;
		top:50%;
	margin-left:-284px;
	margin-top:-315px;
}

.exposition
{
	width:394px;
	height:600px;
	position:absolute;
		left:50%;
		top:50%;
	margin-left:-197px;
	margin-top:-300px;
}

.acceuil_entete2
{
	position:absolute;
		left:467px;
}

.acceuil_bordure1
{
	position:absolute;
		top:116px;
		left:0px;
	width:79px;
	height:516px;
}

.acceuil_bordure2
{
	position:absolute;
		top:548px;
		left:79px;
	width:489px;
	height:83px;

}

.acceuil_bordure3
{
	position:absolute;
		top:75px;
		left:0px;
	width:510px;
	height:41px;
}

.acceuil_bordure4
{
	position:absolute;
		top:75px;
		left:510px;
	width:58px;
	height:474px;
}

.acceuil_julien_vega
{
	position:absolute;
		top:505px;
		left:390px;
}

.acceuil_menu  /* Bloc conteneur menu */
{
    width:434px;
	height:434px;
    background:black;
	overflow:hidden;
	position:absolute;
		top:114px;
		left:79px;
}

.acceuil_bordure1_2
{
	position:absolute;
		top:68px;
		left:0px;
	width:56px;
	height:366px;
}

.acceuil_bordure2_2
{
	position:absolute;
		top:388px;
		left:56px;
	width:378px;
	height:46px;
}

.acceuil_bordure3_2
{
	position:absolute;
		left:386px;
		top:0px;
	width:48px;
	height:388px;
}

.acceuil_bordure4_2
{
	position:absolute;
		top:0px;
		left:0px;
	width:392px;
	height:68px;
}

.acceuil li
{
	list-style:none;
}

#acceuil_peinture a,#acceuil_dessin a,#acceuil_pvi a,#acceuil_autre a{display:none;visibility:hidden;}
#acceuil_peinture:hover a,#acceuil_dessin:hover a,#acceuil_pvi:hover a,#acceuil_autre:hover a{display:block;visibility:visible;text-align:center;}

#acceuil_peinture
{
	height:160px;
	width:171px;
	position:absolute;
		left:45px;
		top:56px;
}

#acceuil_dessin
{
	height:150px;
	width:168px;
	position:absolute;
		right:50px;
		top:67px;
}

#acceuil_pvi
{
	height:167px;
	width:160px;
	position:absolute;
		left:57px;
		top:216px;
}

#acceuil_pvi:hover #acceuil_photo
{
	position:absolute;
		top:0px;
		left:0px;
	height:53px;
	width:160px;
	color:silver;
	font-size:2em;
	text-decoration: none;
}

#acceuil_pvi:hover #acceuil_video
{
	position:absolute;
		top:55px;
		left:0px;
	height:55px;
	width:160px;
	color:silver;
	font-size:1.8em;
	text-decoration: none;
}

#acceuil_pvi:hover #acceuil_installation
{
	position:absolute;
		bottom:0px;
		left:0px;
	height:55px;
	width:160px;
	color:silver;
	font-size:1.8em;
	text-decoration: none;
}

#acceuil_autre
{
	height:175px;
	width:162px;
	position:absolute;
		left:217px;
		top:217px;
}

#acceuil_autre:hover #acceuil_bio
{
	position:absolute;
		bottom:25px;
		left:0px;
	height:48px;
	width:162px;
	color:silver;
	font-size:2em;
	text-decoration: none;
}

#acceuil_autre:hover #acceuil_contact
{
	position:absolute;
		bottom:95px;
		left:0px;
	height:50px;
	width:162px;
	color:silver;
	font-size:1.8em;
	text-decoration: none;
}

#acceuil_autre:hover #acceuil_gestion
{
	position:absolute;
		bottom:5px;
		right:0px;
	color:gray;
	font-size:0.8em;
	text-decoration: none;
}

#acceuil_copyleft
{
	position:absolute;
		top:605px;
		left:508px;
}

.acceuil_version_simplifiee
{
	position:absolute;
		top:607px;
		left:110px;
	font-size:0.7em;
	text-decoration:none;
	color:gray;
}

.acceuil_version_simplifiee_detail
{
	position:absolute;
		top:633px;
		left:20px;
	text-align:center;
	font-size:0.9em;
}

/*
		FIN ACCEUIL
*/

/*
		GALERIES
*/
		
#galerie
{
    width:1000px;
	height:630px;
	position:absolute;
		left:50%;
		top:50%;
	margin-left:-500px;
	margin-top:-315px;
}

#galerie_entete
{
	width:100px;
    height :100px;
	text-align:center;
}

#galerie_entete a
{
	color: white;
	text-decoration:none;
}
	
#galerie_dates
{
    width:100px;
	height:405px;
	padding-top:140px;
	position:absolute;
		top:100px;
		left:-20px;
}

#galerie_dates li
{
	margin:5px;
	margin-top:15px;
	text-align:center;
	list-style:none;
}

#galerie_dates li a
{
	width:90px;
    height :35px;
	color:white;
	text-decoration:none;
	font-size:1.5em;
}

#galerie_dates li span{color:silver;font-size:1.1em;}

#galerie_page
{
	width:100px;
	height:40px;
	font-size:0.8em;
	color:gray;
	position:absolute;
		top:110px;
		left:0px;
	text-align:center;
	}

#galerie_miniatures
{
	height:90px;
	width:850px;
	position:absolute;
		top:5px;
		left:150px;
	font-size:0.8em;
	text-align:center;
}

#galerie_miniatures a
{
	text-decoration:none;
	width:90px;
	height:90px;
	color:white;
	margin:5px;
}

#galerie_miniatures a:hover .galerie_miniatures_miniature
{position:relative;bottom:10px;}

#galerie_miniatures a .galerie_miniatures_miditure, #galerie_miniatures a .galerie_miniatures_texte
{display:none;visibility:hidden;}


#galerie_miniatures a:hover .galerie_miniatures_miditure
{
	display: block;
    height:450px;
	width:850px;
	position:absolute;
		top:120px;
		left:0px;
	color:white;
	text-align:center;
}

#galerie_miniatures a:hover .galerie_miniatures_miditure img {visibility:visible;}

#galerie_miniatures a:hover .galerie_miniatures_texte
{
	display: block;
	visibility:visible;
    height:15px;
	width:850px;
	position:absolute;
		top:580px;
		left:0px;
	color:white;
	text-align:center;
}

#galerie #player1, #galerie script
{
	height:450px;
	width:850px;
	position:absolute;
		top:120px;
		left:0px;
	text-align:center;
}

#galerie_video_texte
{
    height:15px;
	width:850px;
	position:absolute;
		top:580px;
		left:0px;
	color:white;
	text-align:center;
}

#galerie_page_suivante
{
	height:24px;
	width:50px;
	position:absolute;
		top:35px;
		left:800px;
	color:white;
	text-decoration:none;
	font-size:0.8em;
}

#galerie_page_precedente
{
	height:25px;
	width:50px;
	position:absolute;
		top:35px;
		left:-50px;
	color:white;
	text-decoration:none;
	font-size:0.8em;
	text-align:center;
}

#galerie_date_vide
{
	position:relative;
		top:50px;
}

#galerie_fond
{
	height:358px;
	width:690px;
	margin-left:210px;
	margin-top:80px;
	text-align:center;
}

#galerie_copyleft
{
	position:absolute;
		top:605px;
		left:976px;
}

/*
		APERCU
*/

#apercu
{
	width:1017px;
	height:100%;
	position:absolute;
		left:50%;
	margin-left:-508px;
	
}

#apercu_menu
{
	width:100px;
    height :100px;
	position:relative;
		left:-100px;
}

#apercu_retour
{
	width:100px;
    height:100px;
	position:relative;
		left:1020px;
		top:-100px;
}

#apercu_image
{
	width:1017px;
	height:100%;
	overflow:auto;
	position:absolute;
	top:0px;
	text-align:center;
}
#apercu_image img{border:1px solid silver}

#apercu_image_carnet
{
	width:900px;
	height:600px;
	position:absolute;
	top:30px;
	margin:auto;
	text-align:center;
	border:1px solid silver;
}

#apercu_retour_carnet
{
	width:100px;
    height:100px;
	position:relative;
		left:950px;
		top:50px;
}

#apercu_menu_carnet
{
	width:100px;
    height :100px;
	position:relative;
		left:950px;
		top:50px;
}

#apercu_image_carnet_page1{position:absolute;top:10px;left:210px;}
#apercu_image_carnet_page2{position:absolute;top:10px;left:660px;}

#apercu_page_suivante
{
	position:absolute;
	height:600px;
	width:450px;
	top:30px;
	left:450px;
}

#apercu_page_precedente
{
	position:absolute;
	height:600px;
	width:450px;
	top:30px;
	left:0px;
}

/*
		BIO
*/

#bio
{
	width:800px;
	height:630px;
	position:absolute;
		left:50%;
		top:50%;
	margin-left:-400px;
	margin-top:-315px;
	overflow:hidden;
	border-right:1px solid silver;
	border-left:1px solid silver;
}

#bio_fond1{position:absolute;bottom:0px;left:0px;}
#bio_fond2{position:absolute;top:0px;left:0px;}
#bio_fond3{position:absolute;top:0px;right:86px;}
#bio_fond4{position:absolute;top:0px;right:0px;}
#bio_fond5{position:absolute;bottom:0px;left:383px;}
#bio_transparent{position:absolute;bottom:128px;left:383px;}
#bio_texte
{
	width:300px;
	height:124px;
	text-align:justify;
	padding-right:20px;
	padding-top:40px;
	text-indent:40px;
	position:absolute;
		bottom:0px;
		left:390px;
		overflow:auto;
}
#bio_texte p {margin-top: 0px; margin-bottom: -17px}
#bio_menu{text-align:center;position:absolute;top:10px;left:20px;}
#bio_joseph{position:absolute;bottom:5px;left:10px;font-size:0.8em;}
#bio_joseph a{color:silver;text-decoration:none;}
#bio_joseph a:hover{text-decoration:underline;}

/*
		CONTACT
*/

#contact
{
	width:800px;
	height:630px;
	position:absolute;
		left:50%;
		top:50%;
	margin-left:-400px;
	margin-top:-315px;
	border-right:1px solid silver;
	border-left:1px solid silver;
}

#contact_menu
{
	text-align:center;
	position:absolute;
		bottom:10px;
		right:20px;
}

#contact p
{
	position:absolute;
		right:15px;
		top:15px;
	text-align:right;
	color:gray;
}

#contact p a
{
	color:silver;
	text-decoration:none;
}

#contact form img{position:relative;top:4px;cursor:text;}
#contact form span{position:relative;bottom:2px;}

/*
		GESTION
*/

#gestion
{
	width:1000px;
	position:absolute;
		left:50%;
		top:50%;
	margin-left:-500px;
	margin-top:-250px;
}
#gestion legend{color:white;}

#gestion_menu{text-align:center;position:absolute;top:-15px;right:4px;}
#gestion_menu_en{text-align:center;margin-left:340px;}

#gestion_login{width:85%;}

#gestion_administration{position:relative;top:-50px}
#gestion_administration fieldset{text-align:center}

#gestion_administration #stats fieldset{float:left;width:215px;height:135px;color:silver;border-color:gray;!padding:10px;}
#gestion_administration #stats fieldset div{position:absolute;height:129px;width:225px;overflow:auto;}

.administration_menu{position:relative;top:-10px;left:-10px;}
.administration_deconnection{position:absolute;top:35px;left:90px;}
.administration_upload{position:absolute;top:0px;left:90px;}

#images_liste
{
	width:500px;
	margin-left:200px;
	max-height:300px;
	padding:20px;
	overflow:auto;
	display:block;
	border:1px solid silver;
}
#images_liste a{color:silver;}

#validation_w3c{text-align:center;font-size:0.8em;}

.position_droite{float:right;}
.color_white{color:white;}
.taille_x2{font-size:2em;}
.taille_x1-5{font-size:1.5em;}
.taille_x0-75{font-size:0.75em;}
.taille_x0-5{font-size:0.5em;}


/*Code de Nicolas Liautaud*/