@charset "UTF-8";
/* CSS Document*/ 
* {border:0; margin:0; padding:0; } 




/*composition div*/ 
#general {margin-left:auto;margin-right:auto;width:980px;position:relative;height: 700px;}
#entete {position:absolute; left:0px; top:0px; width:980px; height:110px; z-index:1; }
#pieddepage {position:absolute; left:1px; top:605px; width:980px; height:29px; z-index:4; }
#article1 {position:absolute;height: 479px;top: 0px;width: 314px;left: 202px;}
#article2 {float:right; height:379px; top: 0px; width: 420px; margin-right:20px; margin-top:100px; }
#contenudiaporama {position:absolute; left:-5px; top:2px; width:750px; height:490px; margin-left:220px; margin-top:0px; }
#lienspro {position:absolute;height:350px;width:300px;margin-left:250px;margin-top:80px;overflow: auto;left: -5px;top: -1px;}
#liensamis {float:right; height:350px; width:300px; margin-top:80px; margin-right:50px; overflow: auto; }
#calendrier {position:absolute; height:300px;width:700px;margin-left:250px;margin-top:10px;overflow: auto;left: -7px;top: 95px;}
#textedate {height:310px;width:170px; position:absolute; text-align:left; margin-left:30px; }
#textelieux {height:310px;width:200px; float: right; text-align:left; margin-right:70px; }
#textespectacle {height:310px;width:200px; float: right; text-align:left; margin-right:30px; }


/* arriere-plan contenu*/
#contenuindex  {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image:url(actualite/images/actualite.jpg); }
#contenuchoixuniver {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/images/accueilspectacle.jpg); }
#contenutoutnosspectacles {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/images/toutnospectacle.jpg); }
#contenuagenda2010 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image:url(agenda/images/agenda2010.jpg); }
#contenuagenda2009 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image:url(agenda/images/agenda2009.jpg); }
#contenuagenda2008 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image:url(agenda/images/agenda2008.jpg); }
#contenucontact {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(contacts/images/contacts.jpg); }
#contenuequipe {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(equipe/images/fondequipe.jpg); }
#contenuspectaclenature {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclesnature/fondnature.jpg); }
#contenuplastikosnature {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclesnature/plastikos/fondplastikosnature.jpg); }
#contenualliancenature {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclesnature/alliance/fondalliancenature.jpg); }
#contenuspectaclejeunepublic {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclejeunepublic/spectacleenfant.jpg); }
#contenutriojeunepublic {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclejeunepublic/minimumcircus/fondtriojeunepublic.jpg); }
#contenuplastikosjeunepublic {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclejeunepublic/plastikos/fondplastikosenfant.jpg); }
#contenusarabandejeunepublic {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclejeunepublic/sarabande/fondsarabandeenfant.jpg); }
#contenualliancejeunepublic {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclejeunepublic/alliance/fondallianceenfant.jpg); }
#contenuspectaclemedievaux {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclemedieval/fondspectaclemedieval.jpg) }
#contenusarabandemedievaux {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclemedieval/sarabande/fondsarabandemedieval.jpg) }
#contenualliancemedievaux {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclemedieval/aliance/fondalliancemedieval.jpg) }
#contenuspectaclederue {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclerue/fondspectaclerue.jpg) }
#contenutriorue {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclerue/minimumcircus/fondtriorue.jpg) }
#contenuruedetail {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclerue/minimumcircus/fondtrioruedetail.jpg) }
#contenujeunepublicdetail {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclejeunepublic/fonddetailsenfant.jpg)}
#contenunaturedetail {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclesnature/detailsnature.jpg)  }
#contenumedievaldetail {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclemedieval/detailsmedieval.jpg) }
#contenuplastikosrue {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image:  url(spectacles/spectaclerue/plastikos/fondplastikosrue.jpg) }
#contenubricaboitesrue {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclerue/bricaboites/fondbricaboitesrue.jpg) }
#contenusarabanderue {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(spectacles/spectaclerue/sarabande/fondsarabanderue.jpg) }
#contenuliens {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(liens/images/liens.jpg); }
#contenuhistorique {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/historiquefond.jpg); }
#contenuhistorique1985 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1985.jpg); }
#contenuhistorique1987 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1987.jpg); }
#contenuhistorique1988 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1988.jpg); }
#contenuhistorique1989 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1989.jpg); }
#contenuhistorique1990 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1990.jpg); }
#contenuhistorique1992 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1992.jpg); }
#contenuhistorique1994 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1994.jpg); }
#contenuhistorique1995 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1995.jpg); }
#contenuhistorique1997 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1997.jpg); }
#contenuhistorique1998 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1998.jpg); }
#contenuhistorique1999 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/1999.jpg); }
#contenuhistorique2001 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/2001.jpg); }
#contenuhistorique2003 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/2003.jpg); }
#contenuhistorique2005 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/2005.jpg); }
#contenuhistorique2006 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/2006.jpg); }
#contenuhistorique2007 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/2007.jpg); }
#contenuhistorique2009 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/2009.jpg); }
#contenuhistorique2010 {position:absolute; left:0px; top:107px; width:980px; height:490px; z-index:3; background-image: url(historique/images/2010.jpg); }


/* images*/ 
#photoarticle1 {margin-top:0px; margin-left:30px; }
#photoarticle1aout {margin-top:5px; margin-left:60px; margin-bottom:5px; }
#photoarticle2 {float:left; margin-top:10px; margin-left:0px; }
#livrerue { float:right; margin-top:40px; margin-right:50px; }
#livreenfant { float:right; margin-top:40px; margin-right:20px; }
#region {margin-right:20px; margin-left:20px; }

/*flash*/ 
#train {margin-left:85px; margin-top:10px; }
#diaporama {float:right; margin-top:15px; margin-right:30px; }
#diaporama2 {float:right; margin-top:15px; margin-right:15px; }
#diaporama3 {float:right; margin-top:10px; margin-right:15px; }
#video {float:right; margin-top:20px; margin-right:100px; }
#video2 {float:right; margin-top:14px; margin-right:100px; }
#video3 {float:right; margin-top:23px; margin-right:100px; }
#video4 {float:right; margin-top:50px; margin-right:120px; }
#interview {float:right; margin-top:100px; margin-right:80px; }
#clip {float:right; margin-top:100px; margin-right:220px; }
#famille {float:right; margin-top:13px; margin-right:24px; }

/*texte html*/ 
#contenuliens a:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #930;text-decoration: none;}
#contenuliens a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #930;text-decoration: none;}
#contenuliens a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;background-color: #333;}
#contenuliens p {margin-bottom: 14px;text-align: center;}
#pieddepage {text-align:center; }
#date {margin-top:52px; margin-left:30px; }
#lieuarticle1 {margin-top:40px; margin-left:30px; }
#titre1 {margin-left:30px; }
#texte1 {margin-left:30px;margin-right:20px;margin-top:0px; }
#text2 {margin-left:0px;margin-right:20px;margin-top:0px; }
#lieuarticle2 {margin-top:10px; margin-right:200px; }
#titre2 {margin-left:0px; }
#annotation {float:right; margin-right:60px; margin-top:50px; }
#annotationaout {float:right; margin-right:10px; margin-top:10px; margin-left:0px; }
#textechoixspec {margin-left:260px; margin-right:90px; margin-top:40px; color:#900; background-color: #FFEBC8; }
#textespectaclenature {position:absolute;margin-left:218px;margin-top:190px;width: 415px;left: -11px;top: 5px;}
#textespectaclerue {position:absolute;margin-left:218px;margin-top:190px;color: #FFF;width: 361px;left: 7px;top: -2px;}
#textespectaclemedieval {position:absolute;margin-left:218px;margin-top:190px;width: 401px;left: 9px;}
#textespectaclejeunepublic {position:absolute;margin-left:218px;margin-top:190px; color:#FFF; width: 348px;}
#texteagenda {margin-left:250px; margin-top:70px; }
#noteagenda {margin-left:250px; margin-top:310px; }
#contenucontact a:link {color: #960;font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;text-decoration: none;}
#contenucontact a:hover {font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;color: #FFF;text-decoration: none;background-color: #000;}
#contenucontact a:visited {color: #960;font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;text-decoration: none;}
#textealliance {position:absolute; margin-left:210px; margin-top:100px; background-color: #993;}
#textealliance2 {position:absolute;margin-left:218px;margin-top:140px;background-color: #C33;left: 13px;top: -4px;}
#textealliance3 {position:absolute; margin-left:250px; margin-top:120px;}
#textesarabande {position:absolute; margin-left:230px; margin-top:100px;}
#textesarabande2 {position:absolute; margin-left:230px; margin-top:100px;background-color: #C33;}
#textesarabande3 {position:absolute; margin-left:230px; margin-top:100px;background-color: #CCC;}
#textetrio {position:absolute; margin-left:220px; margin-top:120px;background-color: #CCC;}
#textetrio2 {position:absolute; margin-left:220px; margin-top:140px;background-color: #C33;}
#textevideo {float:left; margin-left:430px; margin-top:220px; }
#textevideoalliance {float:left; margin-left:230px; margin-top:220px; }
#paragraphe {float:right; margin-right:360px; margin-top:150px;}
#paragraphe1 {float:right; margin-right:370px; margin-top:150px; background-color: #993; }
#paragraphe2 {float:right; margin-right:402px; margin-top:130px; background-color:#CCC; }
#paragraphe3 {float:right; margin-right:350px; margin-top:130px; background-color: #C33; }
#distribution {float:right; margin-right:420px; margin-top:150px; background-color: #993; }
#distribution2 {float:right; margin-right:400px; margin-top:120px;background-color: #993; }
#distribution3 {float:right; margin-right:430px; margin-top:160px; background-color:#CCC; }
#distribution3 {float:right; margin-right:430px; margin-top:160px; background-color:#CCC; }
#distribution4 {float:right; margin-right:410px; margin-top:160px; background-color:#C33; }
#distribution5 {float:right; margin-right:405px; margin-top:140px; background-color:#C33; }
#distribution6 {float:right; margin-right:390px; margin-top:120px; }
#distribution7 {float:right; margin-right:390px; margin-top:120px; background-color:#C33; }
#distribution8 {float:right; margin-right:390px; margin-top:120px; background-color:#CCC; }
#texte1985 {margin-left:300px; margin-top:50px; color:#900; }
#texte1987 {margin-left:300px; margin-top:30px; color:#900; }
#texte1988 {margin-left:480px; margin-top:80px; color:#900; }
#texte1989 {margin-left:380px; margin-top:100px; color:#900; }
#texte1990 {margin-left:450px; margin-top:100px; color:#900; }
#texte1992 {margin-left:220px; margin-top:80px; color:#900; }
#texte1994 {margin-left:320px; margin-top:80px; color:#900; }
#texte1995 {margin-left:250px; margin-top:80px; color:#900; }
#texte1997 {margin-left:500px; margin-top:80px; color:#900; }
#texte1998 {margin-left:380px; margin-top:80px; color:#900; }
#texte1999 {margin-left:420px; margin-top:80px; color:#900; }
#texte2001 {margin-left:320px; margin-top:80px; color:#900; }
#texte2003 {margin-left:200px; margin-top:80px; color:#900; }
#texte2006 {margin-left:480px; margin-top:80px; color:#900; }
#texte2007 {margin-left:300px; margin-top:80px; color:#900; }
#texte2009 {margin-left:380px; margin-top:60px; color:#900; }

.invisible {display:none;}

/*boutons*/
#doigtsindex {position:absolute; margin-top:35px; margin-left:-100px; }
#doigtindex {position:absolute; margin-top:35px; margin-left:0px; }
#boutonsagenda {margin-left:250px; margin-top:20px; }
#boutonsacspectacle {margin-left:260px; margin-top:60px;}
#boutontoutspecacle {position: absolute;margin-left:23px;margin-top:20px;height: 452px;left: 4px;top: 5px;}
#boutonstoutnosspectacles {position: absolute;margin-left:250px;margin-top:67px;height: 418px;left: 14px;top: -19px;width: 635px;}
#facebook {float:right; margin-right:120px; margin-top:230px; }
#boutonsdoigts1985 {position:absolute; margin-left:350px; margin-top:140px; }
#boutonsdoigts1987 {position:absolute; margin-left:450px; margin-top:150px; }
#boutonsdoigts1988 {position:absolute; margin-left:450px; margin-top:90px; }
#boutonsdoigts1989 {position:absolute; margin-left:350px; margin-top:70px; }
#boutonsdoigts1990 {position:absolute; margin-left:450px; margin-top:90px; }
#boutonsdoigts2003 {position:absolute; margin-left:330px; margin-top:90px; }
#boutonsdoigts2009 {position:absolute; margin-left:370px; margin-top:90px; }
#contenucontact h2 {margin-top: 110px;margin-left: 260px;color: #960;}
