/*CHRISTIAN PONSODA WWW.ARTEPOLE.COM 2009.*/
body
{
	background-color:#e9e9bc;
	
}
#tete
{
	background-color:#000000;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:170px;
}
#lune
{	
	position:absolute;
	top:19px;
	left:7%;
	z-index:30;
}
#logo
{
	position:relative;
	top:2.5px;
	left:17%;
}
#emp
{
	position:absolute;
	top:30px;
	left:85%;
	z-index:200;
}
#artep
{
	position:absolute;
	top:25px;
	left:26%;
}
#ligneH
{
	position:absolute;
	top:100%;
	left:0%;
	
}
#menu
{
	position:absolute;
	width:100%;
	height:50px;
	left:1%;
	top:150px;
	
}
#fd_menu
{
	z-index:1;
	position:absolute;
	width:99%;
	height:50px;
	left:0.5%;
	top:197px;
	background-color:#d7d79f;
}

#prog
{
	position:relative;
	width:167px;
	height:44px;
	z-index:10;
	top:1%;
	left:5%;
}
.ap
{
	display:block;
	background-image:url("../images/prog2.gif");
	
	height:44px;
	outline:none;
	text-indent:-1000em;
	width:167px;
}
.ap:hover
{
	background-position:0 -48px;
}/*
ap.active
{
	background-position:0 -80px;
}*/
#D3
{
	position:absolute;
	z-index:10;
	width:167px;
	height:44px;
	top:25%;
	left:20%;
}
.ad
{
	display:block;
	background-image:url("../images/D32.gif");
	
	height:44px;
	outline:none;
	text-indent:-1000em;
	width:167px;
}
.ad:hover
{
	background-position:0 -48px;
}
#web
{
	position:absolute;
	width:167px;
	height:44px;
	top:65%;
	left:35%;
	z-index:10;
}
.aw
{
	display:block;
	background-image:url("../images/web2.gif");
	
	height:44px;
	outline:none;
	text-indent:-1000em;
	width:167px;
}
.aw:hover
{
	background-position:0 -48px;
}
#gal
{
	position:absolute;
	width:167px;
	height:44px;
	top:65%;
	left:50%;
	z-index:10;
}
.ag
{
	display:block;
	background-image:url("../images/gal2.gif");
	
	height:44px;
	outline:none;
	text-indent:-1000em;
	width:167px;
}
.ag:hover
{
	background-position:0 -48px;
}
#muse
{
	position:absolute;
	width:167px;
	height:44px;
	top:25%;
	left:65%;
	z-index:8;
}
.am
{
	display:block;
	background-image:url("../images/muse2.gif");
	
	height:44px;
	outline:none;
	text-indent:-1000em;
	width:167px;
}
#trav
{
	position:absolute;
	background-image:url("../images/trav.gif");
	width:61px;
	height:42px;
	top:60%;
	left:69%;
	z-index:8;
}
.am:hover
{
	background-position:0 -48px;
}
#liens
{
	position:absolute;
	width:167px;
	height:44px;
	top:1%;
	left:80%;
	z-index:5;
}
.al
{
	display:block;
	background-image:url("../images/liens2.gif");
	
	height:44px;
	outline:none;
	text-indent:-1000em;
	width:167px;
}
.al:hover
{
	background-position:0 -48px;
}
#ligne2
{
	position:absolute;
	width:99%;
	height:10px;
	top:240px;
	left:0.5%;
	z-index:10;
}
#nego
{
	position:absolute;
	
	background-image:url("../images/anim3/degrad1.gif");
	width:99%;
	height:520px;
	top:255px;
	right:0.5%;
	
	
	z-index:10;
}
#qui
{
	background-image:url("../images/qui.gif");
	display:block;
	height:33px;
	outline:none;
	background-repeat:no-repeat;
	text-indent:-1000em;
	width:72px;
	top:0px;
	left:0px;
	z-index:200;
}
#qui:hover
{
	background-position:0 -33px;
}
#contact
{
	background-image:url("../images/contact.gif");
	display:block;
	height:33px;
	outline:none;
	text-indent:-1000em;
	width:54px;
	top:45px;
	left:0px;
	z-index:200;
}
#contact:hover
{
	background-position:0 -33px;
}
#neg
{
	position:absolute;
	width:150px;
	height:150px;
	top:5px;
	left:65%;
}
#nuage
{
	position:absolute;
	width:150px;
	height:330px;
	top:5px;
	left:5px;
}
#tete_de_bois
{
	position:absolute;
	width:150px;
	height:204px;
	top:300px;
	left:85%;
}
#nego2
{
	position:absolute;
	/*background-color:#eaf1db;*/
	background-image:url("../images/anim3/degrad1.gif");
	width:99%;
	height:520px;
	top:210px;
	right:0.5%;
	
	/*-moz-opacity:0.8;*/
	z-index:10;
}
#fd_gal
{
	position:absolute;
	width:800px;
	height:597px;
	top:-80px;
	left:65px;
}
#include
{
	position:absolute;
	z-index:20;
	top:550px;
	left:80px;
	
}
#zap
{
	position:absolute;
	width:180px;
	height:144px;
	top:200px;
	left:90%;
}
#zap2
{
	position:absolute;
	width:180px;
	height:144px;
	top:100px;
	left:2%;
	z-index:500;
}
#chats
{
	position:absolute;
	width:75px;
	height:386px;
	top:320px;
	left:90px;
	z-index:100;
	background-image:url("../images/chatsp.gif");
}
.chats
{
	display:block;
	height:386px;
	outline:none;
	text-indent:-1000em;
	/*background-image:url("../images/chouche.gif");*/
	width:75px;
}
#maison
{
	position:absolute;
	width:325px;
	height:108px;
	top:388px;
	left:265px;
	
	z-index:10;
}
.mais
{
	display:block;
	height:108px;
	outline:none;
	text-indent:-1000em;
	background-image:url("../images/constp.gif");
	width:325px;
}
#divers
{
	position:absolute;
	width:327px;
	height:239px;
	top:420px;
	left:640px;
	z-index:20;
	
}
.divers
{
	display:block;
	height:239px;
	outline:none;
	text-indent:-1000em;
	background-image:url("../images/divp.gif");
	width:327px;
}
#alent
{
	position:absolute;
	width:150px;
	height:185px;
	top:500px;
	left:65%;
	z-index:20;
}
#copyR
{
	position:absolute;
	width:258px;
	height:27px;
	top:650px;
	left:350px;
	z-index:50;
}
#pied_de_page
{
	position:absolute;
	background-image:url("../photos/alentours/26webV.jpg");
	width:99%;
	height:50px;
	top:785px;
	left:0.5%;
}
#pied_de_page2
{
	position:absolute;
	background-image:url("../photos/alentours/26webV.jpg");
	width:99%;
	height:50px;
	top:745px;
	left:0.5%;
}
#centre
{
	position:relative;
	width:820px;
	height:520px;
	top:0;
	margin:auto;
	
}
.onglets
{
	position:absolute;
	width:800px;
	height:40px;
	top:10px;
	left:10px;
}
#capteur
{
	position:absolute;
	width:820px;
	height:60px;
	top:0;
	left:0;
	z-index:200;
	cursor:pointer;
}
#contenu
{
	position:absolute;
	width:820px;
	height:450px;
	top:60px;
	left:10px;
	overflow:auto;
}
#Frame
{
	border:1px solid black;
	height:440px;
}
#bout_seul
{
	position:absolute;
	top:15px;
	left:-190px;
	width:193px;
	height:105px;
	cursor:pointer;
	visibility:hidden;
	
}
#texte
{
	position:absolute;
	top:265px;
	left:150px;
	width:77%;
	height:500px;
	
	z-index:100;
}
#enclos_haut
{
	position:absolute;
	top:150px;
	left:385px;
	width:597px;
	height:79px;
	z-index:20;
	background-image:url("../images/prog/haut_01.gif");
}
#enclos_gauche
{
	position:absolute;
	top:229px;
	left:383px;
	width:312px;
	height:266px;
	z-index:50;
	background-image:url("../images/prog/gauche_01.gif");
}
#enclos_droit
{
	position:absolute;
	top:229px;
	left:695px;
	width:287px;
	height:266px;
	z-index:20;
	background-image:url("../images/prog/droite_01.gif");
}
#js_visio
{
	position:absolute;
	background-image:url("../images/prog/js_visio.gif");
	width:326px;
	height:35px;
	top:300px;
	left:10px;
	z-index:200;
}
#tele
{
	position:absolute;
	background-image:url("../images/prog/tele.gif");
	width:331px;
	height:17px;
	top:220px;
	left:10px;
	z-index:200;
}
#hom
{
	position:absolute;
	width:150px;
	height:40px;
	top:260px;
	left:195px;
	z-index:200;
}
#acteur
{
	position:absolute;
	width:23px;
	height:29px;
	top:0px;
	left:0px;
	z-index:200;
}
#comV
{
	position:absolute;
	background-image:url("../images/prog/comV.gif");
	width:4px;
	height:20px;
	top:260px;
	left:283px;
	z-index:200;
}
#L_tele
{
	display:block;
	position:absolute;
	height:32px;
	width:46px;
	top:30px;
	left:142px;
	outline:none;
	text-indent:-1000em;
	background-image:url("../images/prog/liens.gif");
	
}
#L_tele:hover
{
	background-image:url("../images/prog/liens_survol.gif");
}
#hom2
{
	position:absolute;
	width:150px;
	height:40px;
	top:355px;
	left:195px;
	z-index:200;
}
#acteur2
{
	position:absolute;
	width:23px;
	height:29px;
	top:0px;
	left:0px;
	z-index:200;
}
#comV2
{
	position:absolute;
	background-image:url("../images/prog/comV.gif");
	width:4px;
	height:20px;
	top:355px;
	left:283px;
	z-index:200;
}
#L_js_visio
{
	display:block;
	position:absolute;
	height:32px;
	width:46px;
	top:48px;
	left:142px;
	outline:none;
	text-indent:-1000em;
	background-image:url("../images/prog/liens.gif");
	
}
#L_js_visio:hover
{
	background-image:url("../images/prog/liens_survol.gif");
}
#fen_tele
{
	position:absolute;
	top:229px;
	left:385px;
	width:597px;
	height:150px;
	visibility:visible;
	z-index:10;
	background-image:url("../images/prog/fen_tele.gif");
}
#fleche_bas
{
	position:absolute;
	top:10px;
	left:577px;
	width:8px;
	height:17px;
	cursor:pointer;
}
#sudo
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:5px;
	background-image:url("../images/prog/jar.gif");
	left:300px;
	width:21px;
	height:19px;
}
#serpent_exe
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:40px;
	background-image:url("../images/prog/exe.gif");
	left:300px;
	width:21px;
	height:19px;
}
#serpent_src
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:40px;
	background-image:url("../images/prog/src.gif");
	left:350px;
	width:21px;
	height:19px;
}
#trigo_exe
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:57px;
	background-image:url("../images/prog/exe.gif");
	left:380px;
	width:21px;
	height:19px;
}
#trigo_src
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:57px;
	background-image:url("../images/prog/src.gif");
	left:430px;
	width:21px;
	height:19px;
}
#fouilles_exe
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:76px;
	background-image:url("../images/prog/exe.gif");
	left:460px;
	width:21px;
	height:19px;
}
#fouilles_src
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:76px;
	background-image:url("../images/prog/src.gif");
	left:510px;
	width:21px;
	height:19px;
}
#fen_js
{
	position:absolute;
	top:229px;
	left:695px;
	width:288px;
	height:266px;
	visibility:visible;
	z-index:10;
	background-image:url("../images/prog/fen_js.gif");
}
#fleche_gauche
{
	position:absolute;
	top:240px;
	left:10px;
	width:17px;
	height:8px;
	cursor:pointer;
}
#gal_chats
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:5px;
	background-image:url("../images/prog/fich.gif");
	left:110px;
	width:21px;
	height:19px;
}
#gal_const
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:30px;
	background-image:url("../images/prog/fich.gif");
	left:150px;
	width:21px;
	height:19px;
}
#gal_div
{
	display:block;
	outline:none;
	text-indent:-1000em;
	position:absolute;
	top:55px;
	background-image:url("../images/prog/fich.gif");
	left:110px;
	width:21px;
	height:19px;
}
#layus
{
	position:absolute;
	background-image:url("../images/prog/layus.gif");
	width:339px;
	height:151px;
	top:180px;
	left:10px;
	z-index:10;
}

#couple
{
	position:absolute;
	background-image:url("../images/prog/couple.gif");
	width:30px;
	height:31px;
	top:85px;
	left:58px;
	z-index:10;
}
#struct
{
	position:absolute;
	background-image:url("../images/d2d3/struct.gif");
	width:855px;
	height:554px;
	top:-15px;
	left:70px;
	z-index:5;
}
#arg
{
	position:absolute;
	width:447px;
	height:80px;
	top:20px;
	left:7px;
	z-index:10;
}
#prop
{
	position:absolute;
	width:386px;
	height:107px;
	top:70px;
	left:396px;
	z-index:20;
}
#p3d0
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:150px;
	left:10px;
	cursor:pointer;
	z-index:10;
}
#p3d1
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:150px;
	left:10px;
	cursor:pointer;
	z-index:20;
}
#p3d2
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:150px;
	left:10px;
	cursor:pointer;
	z-index:30;
	
}
#panint
{
	position:absolute;
	background-image:url("../images/d2d3/panint.gif");
	width:201px;
	height:26px;
	top:420px;
	left:70px;
	z-index:5;
}
#p3d3
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:260px;
	left:335px;
	cursor:pointer;
	z-index:60;
}
#p3d4
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:260px;
	left:335px;
	cursor:pointer;
	z-index:50;
}
#p3d5
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:260px;
	left:335px;
	cursor:pointer;
	z-index:40;
}
#p3d6
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:260px;
	left:335px;
	cursor:pointer;
	z-index:30;
}
#p3d7
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:260px;
	left:335px;
	cursor:pointer;
	z-index:20;
}
#p3d8
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:260px;
	left:335px;
	cursor:pointer;
	z-index:10;
}
#panext
{
	position:absolute;
	background-image:url("../images/d2d3/panext.gif");
	width:180px;
	height:26px;
	top:205px;
	left:407px;
	z-index:5;
}
#p3d9
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:215px;
	left:660px;
	cursor:pointer;
	z-index:50;	
}
#p3d10
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:215px;
	left:660px;
	cursor:pointer;
	z-index:40;	
}

#p3d11
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:215px;
	left:660px;
	cursor:pointer;
	z-index:30;	
}
#p3d12
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:215px;
	left:660px;
	cursor:pointer;
	z-index:20;	
}
#p3d13
{
	position:absolute;
	border:1px outset black;
	width:320px;
	height:240px;
	top:215px;
	left:660px;
	cursor:pointer;
	z-index:10;	
}
#panmob
{
	position:absolute;
	background-image:url("../images/d2d3/panmob.gif");
	width:190px;
	height:26px;
	top:480px;
	left:733px;
	z-index:5;
}
#emp_d3
{
	position:absolute;
	top:-13px;
	left:830px;
	z-index:200;
}
#rank
{
	position:absolute;
	width:580px;
	height:26px;
	top:705px;
	left:50px;
	z-index:155;
}