body {font-family:arial, sans-serif;margin: 0;padding: 0;text-align: center;background-color: #020100;}
#conteneur {position: relative;top:00px;left:20px;width:895px;margin: 0 auto;height: 600px;background-color:#020100;font-family:arial, sans-serif;text-align:center;}
.scroll {position: absolute;top:200px;left:10px;unicode-bidi:bidi-override; direction:dtl; display:block; width:655px; height:365px; overflow:auto; padding:10px; border:0px solid #ba8; margin:0 auto;color:#E7B120;}

/*feuille index (generale)*/
h4 {font-family:arial, sans-serif;font-size:15px;color:#E7B120;background-color:transparent;text-align:center;}
h2 {font-family:arial, sans-serif;font-size:25px;color:#E7B120;background-color:transparent;text-align:center;}
h3 {font-family:arial, sans-serif;font-size:10px;color:#E7B120;background-color:transparent;text-align:center;}
h1 {font-family:arial, sans-serif;font-size:25px;color:#ffffff;background-color:transparent;text-align:center;}
#logo {position:absolute;top:00px;left:220px;background-image : url(images/logo-intro.jpg);width: 350px;height: 350px;background-repeat: no-repeat;}
.bas {position:absolute;top:580px;left:50px;;width: 600px;height: 80px;z-index:10;}
.bas2 {position:absolute;top:620px;left:40px;;width: 620px;height: 80px;z-index:10;}
.boiteF{position:absolute;top:700px;left:650px;}
.entrer{position:absolute;top:460px;left:635px;}

/*feuille menu (generale)*/
.menu{position:absolute; left:350px; top: 100px;width: 210px;height: 300px;z-index:10;}
.menu_compagnie{position:absolute; left:-5px; top: 0px;width: 650px;height: 35px;background-color:transparent;}

/*feuille intro*/
#centreindex {position:absolute;top:00px;left:0px;}
.annonce {position:absolute; top:80px; left:0px;z-index:1;z-index:10;}

/*feuille menu programmation pau 1 & 2 & festival */
#menupau{position:absolute; left:0px; top: 0px;z-index:10;width: 650px;height: 35px;background-color:#020100;}
#menupau2{position:absolute; left:180px; top:150px;z-index:10;width: 300px;height: 50px;}
.rideaux{position:absolute;top:220px;left:10px;;width: 640px;height: 455px;}

/*feuille creation page2*/
#centrecreation {position:absolute;top:0px; left:0px;}
#menucreation{position:absolute; top:40px; left:70px;z-index:1;}
.texte {position:absolute; top:0px; left:80px;z-index:1;font-family:arial, sans-serif;font-size:15px;color:#8127C5;background-color:transparent;text-align:center;}

.logocreation {position:absolute; top:00px; left:20px;z-index:1}
.logocreation1 {position:absolute; top:10px; left:620px;z-index:1}

/*feuille Franco&metissage page1*/
.texte-franco{position:absolute; top:70px; left:40px;z-index:1;width: 600px;height: 354px;color:white;font-family:arial, sans-serif;font-size:14px;text-align:left;z-index:1}
.textef-m1 {position:absolute; top:50px; left:0px;z-index:1;font-family:arial, sans-serif;font-size:18px;color:#E7B120;background-color:transparent;z-index:1}


/*feuille cercle de sable page21*/
.titre-cercle{position:absolute; top:0px; left:150px;z-index:1;}
.titre-cercle2{position:absolute; top:50px; left:250px;z-index:10;}
.photo-cercle{position:absolute; top:100px; left:90px;z-index:0;}
#menu-cercle{position:absolute; top:180px; left:410px;width: 100px;height: 120px;z-index:1;}

/*feuille ti-an page22*/
.titre-ti-an{position:absolute; top:0px; left:150px;z-index:1;}
.titre-ti-an2{position:absolute; top:50px; left:200px;z-index:10;}
.photo-ti-an{position:absolute; top:100px; left:100px;z-index:0;}
#menu-ti-an{position:absolute; top:80px; left:200px;width: 150px;height: 220px;z-index:1;}

/*feuille ecole page4*/
#centreecole {position:absolute; top:0px; left:0px;}
.ardoise1{position:absolute; top:10px; left:150px;z-index:10;}
.ardoise2{position:absolute; top:10px; left:260px;z-index:10;}
.ardoise3{position:absolute; top:10px; left:370px;z-index:10;}
.ardoise4{position:absolute; top:10px; left:480px;z-index:10;}
.mail-ecole{position:absolute; top:150px; left:250px;z-index:1;}

/*feuille equipe pedagogique page41*/
.photo-pe3{position:absolute; top:10px; left:40px;z-index:1;}
.photo-pe2{position:absolute; top:10px; left:450px;z-index:1;}
.texte-pe{position:absolute; top:170px; left:0px;z-index:1; width: 650px;height: 200px;color:white;background-color:#020100;font-family:arial, sans-serif;font-size:14px;}
.lien-pe{position:absolute; top:320px; left:250px;z-index:1;}
.contact{position : absolute; left: 480px; top: 390px;}
a {font-family:arial, sans-serif;font-size:16px;color:#C0991F;background-color:transparent;text-align:center;}
.enseignement {position:absolute; top:90px; left:0px;width: 650px;height: 200px;color:white;font-family:arial, sans-serif;font-size:14px;text-align:left;z-index:1}

/*feuille demarche artistique page 42*/
.texte1-da{position:absolute; top:0px; left:210px;z-index:1;font-family:arial, sans-serif;font-size:20px;color:#E7B120;background-color:transparent;text-align:center;}
.photo-da2{position:absolute; top:700px; left:0px;z-index:1;}
.texte-da{position:absolute; top:30px; left:10px;z-index:1; width: 640px;height: 354px;color:white;font-family:arial, sans-serif;font-size:14px;;text-align:left;}

/*feuille theatre page5*/
.fond-theatre{position:absolute; top:30px; left:0px;}
#caroussel {position : absolute; left: 40px; top: 40px;z-index:1; width: 600px;height: 300px;}

/*feuille lieu page51*/
.photo-lieu111{position:absolute; top:100px; left:250px;z-index:1;}
.texte-lieu1{position:absolute; top:35px; left:00px;z-index:1; width: 650px;height: 650px;color:white;font-family:arial, sans-serif;font-size:12px;text-align:left;background-color:#020100;}
.photo-lieu2{position:absolute; top:280px; left:10px;z-index:1;}
.photo-lieu22{position:absolute; top:280px; left:10px;z-index:1;}
.texte-lieu2{position:absolute; top:680px; left:00px;z-index:1; width: 650px;height: 554px;color:white;font-family:vivaldi, sans-serif;font-size:12px;text-align:left;background-color:#020100;}
.imagedroite{float:right; width: 300px; height: 420px;}
.imagegauche{float:left; width: 68px; height: 20px;}
.imagegauche2{float:left; width: 68px; height: 20px;}

/*feuille programmation page53*/
#menuprogpau {position : absolute; left:120px; top:60px;width:400px;height:320px;text-align:left;}
.boite{position : absolute; left: 250px; top: 50px;}
.boiteB {position : absolute; left:0px; top: 380px;width: 280px;height: 150px;z-index:1;}
.photo {position : absolute; left:-10px; top: 100px;width: 200px; height: 170px;}

/*feuille tarifs page54*/
.tarifs{position:absolute; top:30px; left:0px;z-index:1;background-color:#020100;width: 650px;height: 350px;}
.tarifs1{position:absolute; top:200px; left:0px;z-index:1;background-color:#020100;width: 650px;height: 15px;}

/*feuille des mois de programmation prog/prog?????*/
#conteneurx {position: absolute;width: 500px;left: 0%;height: 220px;background-color:#020100;font-family:arial, sans-serif;font-size:14px;text-align:left;}
#hautx {background-color:#020100;width: 400px;height: 50px;color:white;font-family:arial, sans-serif;font-size:16px;text-align:center;}
#centrex {background-color:#020100;width:420px;height: 220px;color:white;font-family:arial, sans-serif;font-size:14px;text-align:left;}
#gauchex {position:absolute;left:450px;}
#basx {position:absolute;top: 180px;left: 460px;width: 200px;height: 50px;}
.boiteFF{position:absolute;top:600px;left:550px;}

/*feuille festival_avignon*/
.texte-avi{position:absolute; top:80px; left:80px;z-index:1; width: 500px;height: 154px;color:white;font-family:arial, sans-serif;font-size:16px;;text-align:center;}
.texte-avi1{position:absolute; top:200px; left:220px;z-index:1; width: 440px;height: 104px;color:white;font-family:arial, sans-serif;font-size:16px;;text-align:center;}
#menuavignon {position : absolute;left:-100px;top:630px;height:30px; width:900px ;border:solid black 0px ;z-index:10;}
#menuavignon dl {font-family:arial, Sans-serif ;font-size:12px; float: left; width: 55px; margin: 0 0px;text-align: center;}
#menuavignon dt {cursor: pointer; text-align:center;font-weight: bold; background: #020100;border: 0px solid gray;width:0px}
#menuavignon dd {border: 0px solid gray;}
#menuavignon li {text-align: center;background: #FF9933;font-family:arial, Sans-serif; font-size:12px;width: 140px;border: 0px solid white;}
#menuavignon li a, #menu dt a {color: white;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menuavignon li a:hover, #menu dt a:hover {background: #9A551A;}

/*feuille contact technique page57*/
.contact_technique {position : absolute; left: 00px; top: 30px;}
.contact1 {position : absolute; left:500px; top: 300px; width: 170px;height: 80px;z-index:10;background: #020100;}

/*feuille partenaire page7*/
.logo1 {position : absolute; left: 10px; top: 10px;z-index:10;}
.logo2 {position : absolute; left: 140px; top: 10px;z-index:10;}
.logo3 {position : absolute; left: 280px; top: 10px;z-index:10;}
.logo4 {position : absolute; left: 410px; top: 10px;z-index:10;}
.logo5 {position : absolute; left: 550px; top: 10px;z-index:10;}
.logo6 {position : absolute; left: 10px; top: 150px;z-index:10;}
.logo7 {position : absolute; left: 150px; top: 150px;z-index:10;}
.logo8 {position : absolute; left: 10px; top: 150px;z-index:10;}
.logo9 {position : absolute; left: 450px; top: 150px;z-index:10;}
.logo10 {position : absolute; left: 600px; top: 150px;z-index:10;}


/*feuille plan page8*/
.plan {position : absolute; left: 00px; top: 00px;}
.venir {position : absolute; left: 50px; top: 320px;text-align: center;background: #020100;color:white;font-family:arial, sans-serif;font-size:12px;width: 340px;height:50px;z-index:10;}