@charset "utf-8";
/* CSS Document */

body
{
	background:url(../../images/art/background/backMain.jpg) center top no-repeat #202020;
}

.spinner{ position:absolute; z-index:99; background:#003; width:100%; height:100%; top:0; left:0}
.spinner div{position:absolute; z-index:99; background:#111 url(../images/loading/loading45.gif) 50% 50% no-repeat; width:100%; height:100%; top:0; left:0}
/*--- Global ---*/
#global
{
	min-height:730px;
	min-width:940px;
	width:100%;	
}

#background
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	min-height:650px;
	min-width:940px;
	width:100%;
	background:url(../../images/background/backPres.png) center top no-repeat
}

#pageContent
{
	width:940px;
	height:730px;
	margin-left:auto;
	margin-right:auto;
}

.zoneActive
{
	padding:20px 0 0 140px;
	width:360px;
}

#contenu
{
	padding:0 0 0 160px;
	height:3000px;
	width:346px;
}

/*--- Entete ---*/
/*
#menuGlobal
{
	position:absolute;
	z-index:3;
	width:940px;
	height:80px;
}


#menuGlobal ul
{
	position:relative;
	left:108px;
	top:40px;
}
*/
.menu li
{
	display:inline;
	float:left;
}

#nav1
{
	padding:0 0 0 108px;
}

#nav2
{
	padding:0 0 0 65px;
}

#nav3
{
	padding:0 0 0 22px;
}

#nav4
{
	padding:0 0 0 369px;
}

#nav5
{
	padding:0 0 0 14px;
}

#nav6
{
	padding:0 0 0 39px;
}
	
.menuAccueil
{
	padding:310px 0 0 105px;
}
/*--- ACCUEIL ---*/
#accueil
{
	background:url(../../images/art/accueil/background.png) top left no-repeat;
	height:620px;
}

#acc1
{
	position:relative;
	top:385px;
	left:10px;	
}

#acc2
{	position:relative;
	top:399px;
	left:50px;		
}

#acc3
{
	position:relative;
	top:408px;
	left:125px;
}

#acc4
{
	position:relative;
	top:400px;
	left:155px;
}

#acc5
{
	position:relative;
	top:403px;
	left:229px;
}

#acc6
{
	position:relative;
	top:397px;
	left:270px;						
}

#acc7
{
	position:relative;
	top:360px;
	left:390px;
}

#acc8
{
	position:relative;
	top:320px;
	left:505px;	
}

#acc9
{
	position:relative;
	top:285px;
	left:530px;	
}

#acc10
{
	position:relative;
	top:240px;
	left:595px;
}

#accA1
{
	position:relative;
	top:450px;
	left:30px;	
}

#accA2
{	position:relative;
	top:435px;
	left:145px;		
}

#accA3
{
	position:relative;
	top:446px;
	left:235px;
}

#accA4
{
	position:relative;
	top:440px;
	left:318px;
}

#accA5
{
	position:relative;
	top:400px;
	left:415px;
}

#accA6
{
	position:relative;
	top:366px;
	left:500px;						
}

#accA7
{
	position:relative;
	top:326px;
	left:545px;
}
/*--- BIO ---*/
.bioContent
{
	background:url(../../images/art/bio/background.png);
	height:620px;
}
/*--- FIN BIO ---*/
/* VIDEO */
#zoneMenuVideo
{
	margin:17px 0 0 0;
	background:url(../../images/art/video/backmenuVideo.png) top right no-repeat;
}

.menuVideo
{
	height:46px;
}

#menuVideo1
{
	margin:0 0 0 100px;
}

#menuVideo2
{
	margin:0 0 0 165px;
}

#menuVideo3
{
	margin:0 0 0 40px;
}

#menuVideo4
{
	margin:0 0 0 175px;
}

#menuVideo5
{
	margin:0 0 0 85px;
}

#menuVideo6
{
	margin:0 0 0 140px;
}

#menuVideo7
{
	margin:0 0 0 183px;
}
/* FIN VIDEO */
/* PERFO */
#zoneMenuPerfo
{
	margin:17px 0 0 0;
	background:url(../../images/art/video/backmenuVideo.png) top right no-repeat;
}

.menuPerfo
{
	height:46px;
}

#menuPerfo1
{
	padding:20px 0 0 0;
	margin:0 0 0 30px;
}

#menuPerfo2
{
	margin:0 0 0 165px;
}

#menuPerfo3
{
	margin:0 0 0 80px;
}

#menuPerfo4
{
	margin:0 0 0 175px;
}

#menuPerfo5
{
	margin:0 0 0 20px;
}

#menuPerfo6
{
	margin:0 0 0 140px;
}

#menuPerfo7
{
	margin:0 0 0 163px;
}
/* FIN Perfo */
/*--- LIENS ---*/
.lienContent
{
	background:url(../../images/art/lien/background.png);
	height:620px;
}	

#lien1
{
	padding:0 0 18px 120px;
}

#lien2
{
	padding:0 0 18px 95px;
}

#lien3
{
	padding:0 0 18px 70px;
}

#lien4
{
	padding:0 0 18px 45px;
}

#lien5
{
	padding:0 0 18px 20px;
}

#lien6
{
	padding:0 0 18px 5px;
}

/* FIN LIENS */
/* CONTACT */
.contactContent
{
	background:url(../../images/art/contact/background.png);
	height:620px;
}

#contact1
{
	float:left;
	position:relative;
	top:140px;
	left:-95px;
}

#contact2
{
	float:left;
	position:relative;
	top:80px;
	left:-62px;	
}

#contact3
{
	float:left;
	position:relative;
	top:85px;
	left:329px;	
}

#contact4
{
	float:left;
	position:relative;
	top:143px;
	left:355px;	
}
/*--- Curriculum ---*/
.cvContent
{
	background:url(../../images/art/cv/background.png) top left no-repeat;
	height:620px;
}

.cvCat
{	
	padding:30px 0 0 0;
}

.cvYy
{
	padding:10px 0 10px 10px;
}

.cvTitre
{
	padding:0 0 0 0;
}
.cvComment
{
	padding:0 0 10px 10px;
}


/*--- Fin de Curriculum ---*/

/*--- Video ---*/
#videoContent
{
	padding:30px 0 0 140px;
}

.videoPlay
{
	width:37px;
	height:60px;
	padding:10px 0 0 0;
	float:left;
}

.videoTexte
{
	height:70px;
	width:300px;
}

.videoTitre
{
	font-size:14px;
}

.videoComment
{
	font-size:12px;
}
/*--- Photo ---*/
#photoContent
{
	padding:30px 0 0 100px;
}
/*--- Fin Photo ---*/

/*--- Contact ---*/
#contactContent
{
	position:relative;
	top:300px;
}

#contactNom
{
	width:200px;
	height:50px;
	position:relative;
	left:260px;
	top:97px;
}

#contactTel
{
	width:200px;
	height:50px;
	position:relative;
	left:460px;
	top:40px;	
}

#contactMail
{
	width:200px;
	height:50px;
	position:relative;
	left:680px;
	top:0px;	
}

/*--- Fin CONTACT ---*/
/*--- ADMIN ---*/
.adminPerfoContent
{
	width:100%;
	margin:auto;
}

.adminPerfoHeader
{
	padding:50px 0 0 30px;
}

.adminPerfoFooter
{
	padding:50px 0 0 30px;
}

.adminPerfoFormLabel
{
	padding:0 0 0 30px;
}

.adminPerfoItem
{
	margin:20px 0 0 0;
	padding:10px;
	background:#300;
	border:2px outset #999;
}

.adminPerfoFormChamp input, .adminPerfoFormChamp select
{
	background:#666;
	border:2px inset #999;
}

.adminPerfoNewPhoto
{
	padding:0 0 0 310px;
}

.adminPerfoThumb
{
	border:2px inset #999;
	padding:5px;
	background:#666;
	width:150px;
	height:150px;
}

.itemFormulaire
{
	width:60px;
	height:25px;
	float:left;
}

.itemFormulaireLarge
{
	width:130px;
	height:25px;
	float:left;
}

.loginFormulaire
{
	width:150px;
	height:25px;
	float:left;
}

.itemFormulaireStage
{
	width:300px;
	clear:both;
}

.champFormulaire
{
	height:25px;
}