/*------------RAZ-----------*/
h1, h3, h2, p, a, li, ul, dl, dt, dd, div, b {
margin:0;
padding:0;
list-style:none;
}
/*------------MISE EN PAGE PRINCIPALE____________*/
#conteneur {
	position : absolute;
	top: -145px;
	left: -255px;
	}
body {
font-size:1em;
font-size:16px;
background:url(images/inter8.jpg) 65px 0px no-repeat;
background-color:#524f4f;
color:#FFFFFF;
margin:0 auto O auto;
}
div#footer {
position:absolute;
margin-top:633px;
margin-left:350px;
font-size:0.7em;}
h1.visibility {
font-size:0.9em;
color:#FFFFFF;
position:relative;
left:410px;
top:260px;
width:250px;
}
.son {
position:absolute;
top:30px;}
a {
background:url(test.mp3);
volume:loud;
color:#FFFFFF;
text-decoration:none;
border:none;
text-align:right;
}
a:hover {
color:#66FF00;
}
h2 {
font-size:1.1em;
text-align:justify;
color:#66FF00;
}
h3 {
font-size:0.9em;
text-align:justify;

}
b {
font-size:0.9em;
color:#66FF00;
}
li, a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-style:normal;
font-weight:100;
}
ul {
list-style-type:none;
}
p {
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-style:normal;
font-weight:100;
color:#FFFFFF;
}
	/*-----------------menu deroulant1 java----------*/
#menu1 dt {
cursor: pointer;
height: 30px;
margin: 0 0;
}
#menu1 dd {
position: absolute;
z-index: 100;
top:260px;
left:705px;
width:30em;
text-align: right;
}
#menu1 li {
line-height: 20px;
}
#menu1 li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
}
#menu1 li a:hover, #menu1 dt a:hover {
text-decoration: none;
color:#66FF00;
}
#menu1 li a:active; #menu1 dt a:active {
text-decoration: none;
color:#FF167C;
}
.prog {
display:block;
position:absolute;
top:155px;
left:420px;
}
ul#menuderoulant1 dl dt.prog li {
z-index:200px;
}
.hors {
position:absolute;
margin-left:30px;
margin-top:0px;
}
.galerie {
position:absolute;
margin-left:60px;
margin-top:17px;
}
.video {
position:absolute;
margin-left:110px;
margin-top:34px;
}
.actu {
position:absolute;
top:170px;
left:460px;
}
.artistes {
position:absolute;
top:185px;
left:485px;
}
.retour {
position:absolute;
width:200px;
top:290px;
left:330px;
font-size:12px;
text-align:left;
color:#FF167C;

}

.archives {
position:absolute;
top:200px;
left:497px;
}

/*-------------------------INTRO------------------*/

#ufoDemo {
position:absolute;
top:150px;
left:320px;
}
	/*--------------------menu deroulant2 java------*/
#menu2 dt {
cursor: pointer;
width:8em;
height:40px;
margin: 0 0;
text-align: left;
}
#menu2 dd {
position: absolute;
z-index:100;
left:25px;
top:50px;
width:80em;
text-align:left;
}
#menu2 li {
line-height: 18px;
}
#menu2 li a, #menu2 dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
}
#menu2 li a:hover, #menu2 dt a:hover {
text-decoration: none;
color:#66FF00;
}
#menu2 li a:active, #menu2 dt a:active {
text-decoration: none;
color:#FF167C;
}

.revue {
text-align:right;
position:absolute;
top:503px;
left:990px;
}
.contact {
position:absolute;
top:535px;
left:1010px;
}
.catalogue {
position:absolute;
top:565px;
left:1025px;
}
.rdv {
position:absolute;
top:595px;
left:1040px;
}
.motiv {
position:absolute;
top: 565px;
left:1060px;
width:10em;
text-align:left;

}
.histo {
position:absolute;
top:582px;
left:1085px;
width:10em;
text-align:left;

}
.ipso {
z-index:100px;
position:absolute;
top:597px;
left:1093px;
width:10em;height:30px;
text-align:left;
}
.liens {
position:absolute;
top:680px;
left:1095px;
}
	/*------------------Page Artistes-------------*/
.actuel {
color:#66FF00;
font-size:0.8em;
}
.contenu p {
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-style:normal;
font-weight:100;
color:#FFFFFF;
}
.contenu {
position:absolute;
top:365px;
left:760px;
width:180px;
height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:100;
text-align:right;
color:#999999;
}

.overflow {
background:scroll;
position:absolute;
top:420px;
left:780px;
width:200px;
height:280px;
font-size:0.7em;
font-weight:100;
text-align:left;
line-height:18px;
border:none;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
z-index:210px;
}
.photos {
position:absolute;
width:400px;
height:400px;
text-align:center;
top:420px;
bottom:10px;
left:370px;
}
.vignettes {
position:absolute;
text-align:center;
width:380px;
height:10px;
margin-top:-30px;
margin-left:385px;
}
.vignettes img {
border:none;
float:left;
margin-top:350px;

}
p.titre_photos {
font-size:0.8em;
text-align:center;
}
p.nav-vignettes a.nav-prec {
font-size:0.7em;
position:absolute;
margin-top:240px;
margin-left:120px;
}
p.nav-vignettes a.nav-suiv {
font-size:0.7em;
position:absolute;
margin-top:240px;
margin-left:400px;
}



/*------------Page contact--------------*/
.texte-contact {
position: relative;
top:310px;
left:450px;
width:480px;
}
.plan {
border:none;
}
/*------------Page historique-----------*/
.texte-histo {
position:relative;
top:350px;
left:450px;
width:400px;
height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:100;
text-align:left;
color:#FFF;
}
/*----------PAGE IPSO_FACTO--------------*/
div.texte_ipso {
position:relative;
top:330px;
left:410px;
width:400px;
height:400px;
}
.overflow1 {
padding:0 10px 0 10px;
background:scroll;
position:absolute;
width:470px;
height:400px;
font-size:0.8em;
font-weight:100;
text-align:justify;
line-height:20px;
border:none;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
z-index:210px;
}
.propos {
font-size:1em;
}
/*---------PAGE ARCHIVES___________________*/
.texte_archives {
position:absolute;
margin-top:310px;
margin-left:360px;
width:250px;
height:50px;
color:#FFFFFF;
text-align:left;
}
div.visuels {
text-align:right;
width:230px;
height:300px;
position:relative;
margin-top:65px;

}
div.titre_archives {
position:absolute;
width:250px;
margin-top:310px;
margin-left:350px;
}
.liste_archives {
float:left;
margin-top:330px;
margin-left:350px;
width:300px;
height:400px;
color:#FFFFFF;
text-align:left;
}
.overflow_archives {
background:scroll;
position:absolute;
top:65px;
left:410px;
width:200px;
height:300px;
font-size:0.7em;
font-weight:100;
text-align:left;
line-height:18px;
border:none;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
z-index:210px;

}
/*_____________PAGE LIENS______________________*/
.texte_liens {
width:300px;
height:350px;
color:#FFFFFF;
position:relative;
top:330px;
left:350px;
}
/*-------------PAGE NEWS----------------------*/
div.news {
text-align:left;
width:300px;
position:absolute;
margin-top:400px;
margin-left:500px;
}
div.form {
position:absolute;
width:200px;
margin-top:560px;
margin-left:720px;
text-align:left;
}
div.news td {
width:200px;
}
/*----------------page motivation/etat d'esprit-------*/
.texte-motiv{
position: relative;
top:350px;
left:400px;
width:480px;
}
/*------------------------formulaire---------------------------------*/
.erreur {
color:#FF167C;
}
/*_______________hors les murs----dans la galerie---------salle video-----*/
a.hors2 {
width:200px;
position:absolute;
margin-top:730px;
margin-left:400px;
color:#66FF00;
font-size:0.8em;
}
a.hors3 {
width:200px;
position:absolute;
margin-top:745px;
margin-left:220px;
color:#66FF00;
font-size:1em;

}
div.contenu1 a.retour_hors {
position:absolute;
width:200px;
top:290px;
left:265px;
font-size:12px;
}

a.titre_murs {
width:300px;
font-size:1em;
color:#66FF00;
text-align:justify;

}
.overflow_hors{
background:scroll;
float:left;
margin-top:400px;
margin-left:420px;
width:550px;
height:320px;
font-size:0.7em;
font-weight:100;
text-align:left;
line-height:18px;
border:none;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
}
/*_________________ACTU____*/
.overflow_actu{
background:scroll;
float:left;
margin-top:400px;
margin-left:420px;
width:500px;
height:320px;
font-size:0.9em;
font-weight:100;
text-align:left;
line-height:18px;
border:none;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
}
.contenu_actu {
float:left;
margin-right:7px;
margin-bottom:20px;
width:470px;
height:auto;
min-height:350px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:100;
text-align:left;
color:#FFF;
}

.photos_actu {
float:right;
margin-right:100px;
width:200px;
height:200px;
margin-bottom:20px;
}

h1.texte-actu, h2.texte-actu, h3.texte-actu {
width:400px;
height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
color:#FFF;
}
div.texte-actu h1{
font-size:1.4em;
}
div.texte-actu h2{
font-size:1.2em;
color:#66FF00;
}
div.texte-actu h3{
font-size:1em;
color:#66FF00;
}
/*_____________FIN ACTU____*/

.contenu2 {
float:right;
margin-right:7px;
margin-bottom:20px;
width:270px;
height:auto;
min-height:350px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:100;
text-align:left;
color:#FFF;
}
.photos2 {
float:left;
width:250px;
height:auto;
}

 
/*-----------PAGE PROGRAMMATION___________*/
div.texte_prog {
position:relative;
top:350px;
left:450px;
width:400px;
height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:100;
text-align:left;
color:#FFF;
}
.overflow4 {
background:scroll;
position:absolute;
top:0px;
left:10px;
width:400px;
height:400px;
padding-right:10px;
font-size:0.9em;
font-weight:100;
text-align:left;
line-height:18px;
border:none;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
z-index:210px;
}
/*_________________REVUE DE PRESSE___________*/
.description_revue {
background:scroll;
position:absolute;
border:1px solid #FF0066;
top:420px;
left:620px;
width:300px;
height:280px;
font-size:0.8em;
font-weight:100;
text-align:left;
line-height:18px;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
z-index:210px;
}
a.revue-presse {
color:#FFF;
position: relative;
top:330px;left:350px;
text-align:justify;
}
a:hover.revue-presse {
color:#66FF00;
}
.liste_revue {
float:left;
margin-top:330px;
margin-left:350px;
width:250px;
height:400px;
color:#FFFFFF;
text-align:left;
}
b.fleche {
color:#FF0066;}