/* HTML */
BODY { border:0; margin:0; padding:0; background-color:#FFFFFF; line-height:0; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
IMG { border:0; }
H1, H2, H3, H4, P { font-size:11px; font-weight:normal; margin:0; padding:0; border:0; }
A { text-decoration:none; color:#000000; }
A:hover { text-decoration:none; color:#7E59DE; }
#site { width:100%; height:auto; background-color:#000000; }
/* NAVIGATION */
#site .navigation { padding:5px 0 0 0; width:100%; height:76px; background-color:#000000; }
#site .navigation .rubriques { margin-bottom:1px; width:100%; height:38px; background-color:#FFFFFF; }
#site .navigation .ssrubriques { width:100%; height:38px; background-color:#FFFFFF; }
#site .navigation A.btn { float:left; }
#site .navigation A.drapeau { float:right; margin:11px 11px 0 0; }
#site .navigation A.btnPanierEN { float:left; margin-left:397px; }
#site .navigation A.btnPanier { float:left; margin-left:435px; }
/* CONTENU */
#site .contenus { margin-top:2px; width:100%; height:660px; }
#site .contenus A { color:#FFFFFF; }
#site .contenus A:hover { color:#7E59DE; }
#site .contenus .texteGeneral { position:absolute; z-index:2; left:0; top:44px; margin:40px 0 0 30px; width:450px; height:610px; overflow:hidden; }
#site .contenus .texteGeneral .conteneur { width:450px; height:610px; line-height:normal; }
#site .contenus .texteGeneral .conteneur H1 { margin:0 0 15px 0; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:40px; color:#FFFFFF; }
#site .contenus .texteGeneral .conteneur P { width:390px; height:auto; color:#FFFFFF; }
#site .contenus .texteGeneral .conteneur A { text-decoration:none; color:#7E59DE; }
#site .contenus .texteGeneral .conteneur A:hover { text-decoration:underline; color:#7E59DE; }
#site .contenus .plan { position:absolute; z-index:2; left:0; top:44px; margin:40px 0 0 30px; width:450px; height:610px; overflow:hidden; }
#site .contenus .plan .conteneur { width:450px; height:610px; line-height:normal; }
#site .contenus .plan .conteneur H1 { margin:0 0 15px 0; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:40px; color:#FFFFFF; }
#site .contenus .plan .conteneur H2 { margin:0 0 10px 0; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:20px; color:#FFFFFF; }
#site .contenus .plan .conteneur H2 A { color:#FFFFFF; text-decoration:underline; }
#site .contenus .plan .conteneur H2 A:hover { color:#7E59DE; text-decoration:underline; }
#site .contenus .plan .conteneur H3 { margin:0 0 10px 10px; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:15px; color:#FFFFFF; }
#site .contenus .plan .conteneur H3 A { color:#FFFFFF; text-decoration:none; }
#site .contenus .plan .conteneur H3 A:hover { color:#7E59DE; text-decoration:underline; }
#site .contenus .plan .conteneur P { margin:0 0 15px 20px; width:390px; height:auto; color:#FFFFFF; }
#site .contenus .plan .conteneur A { text-decoration:none; color:#7E59DE; }
#site .contenus .plan .conteneur A:hover { text-decoration:underline; color:#7E59DE; }
#site .contenus .texte { position:absolute; z-index:2; left:0; top:83px; margin:40px 0 0 30px; width:450px; height:564px; overflow:hidden; }
#site .contenus .texte .conteneur { width:450px; height:564px; line-height:normal; }
#site .contenus .texte .conteneur H1 { margin:0 0 15px 0; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:40px; color:#FFFFFF; }
#site .contenus .texte .conteneur P.chapeau { margin:0 0 15px 0; width:390px; height:auto; font-style:italic; font-size:13px; color:#7E59DE; }
#site .contenus .texte .conteneur P { width:390px; height:auto; color:#FFFFFF; }
#site .contenus .texte .conteneur A { text-decoration:none; color:#7E59DE; }
#site .contenus .texte .conteneur A:hover { text-decoration:underline; color:#7E59DE; }
#site .contenus .listes { position:absolute; z-index:3; left:0; top:83px; margin:40px 0 0 30px; overflow:hidden; width:250px; height:570px; }
#site .contenus .listes .conteneur { width:250px; height:570px; line-height:normal; }
#site .contenus .listes .conteneur .listeSpectacles { margin:0 0 40px 0; width:250px; height:auto; color:#FFFFFF; }
#site .contenus .listes .conteneur .listeCollaborations { margin:0 0 0 0; width:250px; height:auto; color:#FFFFFF; }
#site .contenus .listes .conteneur .listeCollaborations .titBartFilms H1 { margin:0 0 15px 0; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:30px; color:#FFFFFF; }
#site .contenus .listes .conteneur .listeSpectacles .titBartSpec H1 { margin:0 0 15px 0; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:30px; color:#FFFFFF; }
#site .contenus .listes .conteneur .listeCollaborations H1,
#site .contenus .listes .conteneur .listeSpectacles H1 { margin:0 0 10px 0; font-family:"Times New Roman", Times, serif; font-size:13px; }
#site .contenus .listes .conteneur .listeCollaborations H1 A,
#site .contenus .listes .conteneur .listeSpectacles H1 A { color:#FFFFFF; }
#site .contenus .listes .conteneur .listeCollaborations H1 A:hover,
#site .contenus .listes .conteneur .listeSpectacles H1 A:hover { color:#7E59DE; }
#site .contenus .listes .conteneur .filet { margin:0 0 10px 0; width:20px; height:1px; background-color:#FFFFFF; }
#site .contenus .listes .conteneur .filetSelected { width:20px; height:1px; background-color:#7E59DE; }
#site .contenus .intro { position:absolute; z-index:3; left:519px; top:83px; margin:0 0 0 40px; overflow:hidden; width:400px; height:200px; line-height:normal; }
#site .contenus .intro H1 { margin:27px 0 10px 0; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:30px; color:#FFFFFF; }
#site .contenus .intro P { font-size:13px; color:#7E59DE; }
#site .contenus .intro P A { text-decoration:none; color:#7E59DE; }
#site .contenus .intro P A:hover { text-decoration:underline; color:#7E59DE; }
#site .contenus .titActualites { position:absolute; z-index:3; left:519px; top:160px; margin:0 0 0 0; width:550px; height:auto; line-height:normal; }
#site .contenus .titActualites H1 { margin:27px 0 10px 40px; width:390px; height:auto; font-family:"Times New Roman", Times, serif; font-size:30px; color:#FFFFFF; }
#site .contenus .listeActualites { position:absolute; z-index:3; left:519px; top:250px; margin:0 0 0 0; overflow:hidden; width:550px; height:430px; line-height:normal; }
#site .contenus .listeActualites .conteneur { width:550px; height:430px; line-height:normal; }
#site .contenus .listeActualites .conteneur .actualite { margin:0 0 25px 0; width:420px; height:auto; color:#FFFFFF; }
#site .contenus .listeActualites .conteneur .actualite IMG { float:left; margin: 0 15px 0 0; }
#site .contenus .listeActualites .conteneur .actualite H1 { font-family:"Times New Roman", Times, serif; font-size:22px; }
#site .contenus .listeActualites .conteneur .actualite H1.grandTitre { font-family:"Times New Roman", Times, serif; font-size:22px; }
#site .contenus .listeActualites .conteneur .actualite P { margin-top:10px; }
#site .contenus .listeActualites .conteneur .actualite H1 A { color:#FFFFFF; }
#site .contenus .listeActualites .conteneur .actualite H1 A:hover { color:#7E59DE; }
#site .contenus .listeActualites .conteneur .actualite .dateActualite { font-size:13px; font-style:italic; }
#site .contenus .listeActualites .conteneur .actualite .chapeau { margin-top:25px; font-size:13px; font-style:italic; color:#7E59DE; }
#site .contenus .listeActualites .conteneur .actualite .lienActualite { margin-top:15px; width:128px; height:19px; }
#site .contenus .listeActualites .conteneur .actualite .dossier { margin-top:15px; width:150px; height:19px; }
#site .contenus .listeActualites .conteneur .actualite .reservation { margin-top:5px; width:112px; height:13px; }
#site .contenus .listeActualites .conteneur .filet { margin:0 0 10px 0; width:20px; height:1px; background-color:#FFFFFF; }
#site .contenus .listeActualite { position:absolute; z-index:3; left:519px; top:83px; margin:0 0 0 0; overflow:hidden; width:550px; height:610px; }
#site .contenus .listeActualite .conteneur { width:550px; height:610px; line-height:normal; }
#site .contenus .listeActualite .conteneur .actualite { margin:0 0 25px 0; width:420px; height:auto; color:#FFFFFF; }
#site .contenus .listeActualite .conteneur .actualite IMG { float:left; margin: 0 15px 0 0; }
#site .contenus .listeActualite .conteneur .actualite H1 { font-family:"Times New Roman", Times, serif; font-size:22px; }
#site .contenus .listeActualite .conteneur .actualite H1.grandTitre { font-family:"Times New Roman", Times, serif; font-size:40px; }
#site .contenus .listeActualite .conteneur .actualite P { margin-top:10px; }
#site .contenus .listeActualite .conteneur .actualite H1 A,
#site .contenus .listeActualite .conteneur .actualite P A { color:#FFFFFF; }
#site .contenus .listeActualite .conteneur .actualite H1 A:hover,
#site .contenus .listeActualite .conteneur .actualite P A:hover { color:#7E59DE; }
#site .contenus .listeActualite .conteneur .actualite .dateActualite { font-size:13px; font-style:italic; }
#site .contenus .listeActualite .conteneur .actualite .chapeau { margin-top:25px; font-size:13px; font-style:italic; color:#7E59DE; }
#site .contenus .listeActualite .conteneur .actualite .lienActualite { margin-top:15px; width:128px; height:19px; }
#site .contenus .listeActualite .conteneur .actualite .dossier { margin-top:15px; width:150px; height:19px; }
#site .contenus .listeActualite .conteneur .actualite .reservation { margin-top:5px; width:112px; height:13px; }
#site .contenus .listeActualite .conteneur .filet { margin:0 0 10px 0; width:20px; height:1px; background-color:#FFFFFF; }
#site .contenus .listeResa { position:absolute; z-index:3; left:0; top:44px; margin:40px 0 0 30px; overflow:hidden; width:630px; height:617px; }
#site .contenus .listeResa .conteneur { width:630px; height:617px; line-height:normal; }
#site .contenus .listeResa .conteneur .resa { margin:0 0 25px 0; width:600px; height:auto; color:#FFFFFF; }
#site .contenus .listeResa .conteneur .resa .texteReservations { width:390px; height:auto; }
#site .contenus .listeResa .conteneur .resa .texteReservations H1 { font-family:"Times New Roman", Times, serif; font-size:22px; }
#site .contenus .listeResa .conteneur .resa .texteReservations P { margin-top:10px; }
#site .contenus .listeResa .conteneur .resa .texteReservations H1 A { color:#FFFFFF; }
#site .contenus .listeResa .conteneur .resa .texteReservations H1 A:hover { color:#7E59DE; }
#site .contenus .listeResa .conteneur .resa .texteReservations .lienResa { margin-top:15px; width:313px; height:17px; }
#site .contenus .listeResa .conteneur .resa .texteReservations .dateResa { font-size:13px; font-style:italic; }
#site .contenus .listeResa .conteneur .resa .vignette { float:left; margin: 0 15px 0 0; }
#site .contenus .listeResa .conteneur .filet { margin:0 0 15px 0; padding:25px 0 0 0; width:20px; height:1px; background-color:#000000; border-bottom:solid; border-color:#FFFFFF; border-width:1px; }
#site .contenus .mediasTexte { position:absolute; z-index:4; left:519px; top:83px; margin-top:40px; width:450px; height:564px; overflow:hidden; }
#site .contenus .mediasTexte .conteneur { width:450px; height:564px; line-height:normal; color:#FFFFFF; }
#site .contenus .mediasTexte .conteneur UL { width:370px; height:auto; }
#site .contenus .mediasTexte .conteneur H1 { margin:0 0 15px 0; width:370px; height:auto; font-family:"Times New Roman", Times, serif; font-size:40px; color:#FFFFFF; }
#site .contenus .mediasTexte .conteneur P.chapeau { margin:0 0 15px 0; width:370px; height:auto; font-style:italic; font-size:13px; color:#7E59DE; }
#site .contenus .mediasTexte .conteneur P { width:370px; height:auto; color:#FFFFFF; }
#site .contenus .mediasTexte .conteneur A { text-decoration:none; color:#7E59DE; }
#site .contenus .mediasTexte .conteneur A:hover { text-decoration:underline; color:#7E59DE; }
#site .contenus .mediasTexte .reservation { margin-bottom:20px; }
#site .contenus .navigationMedias { position:absolute; z-index:5; left:1000px; top:83px; line-height:normal; margin-top:40px; color:#000000; }
#site .contenus .navigationMedias .carre { clear:both; float:right; width:15px; height:15px; margin:5px 20px 5px 5px; padding:1px; text-align:center; background-color:#FFFFFF; cursor:pointer; }
#site .contenus .btnCarreListe { position:absolute; z-index:5; left:15px; top:78px; line-height:normal; margin-top:40px; color:#000000; }
#site .contenus .btnCarreListeActu { position:absolute; z-index:5; left:24px; top:50px; line-height:normal; margin-top:40px; color:#000000; }
#site .contenus .btnCarreListe .carre,
#site .contenus .btnCarreListeActu .carre { clear:both; float:right; width:15px; height:15px; margin:5px 20px 5px 5px; padding:1px; text-align:center; background-color:#FFFFFF; cursor:pointer; }
#site .contenus .fond { position:absolute; z-index:1; left:0; top:83px; width:570px; height:660px; background-color:#000000; }
#site .contenus .fondReservations { position:absolute; z-index:1; left:0; top:44px; width:713px; height:699px; background-color:#000000; }
#site .contenus .fondGeneral { position:absolute; z-index:1; left:0; top:44px; width:570px; height:699px; background-color:#000000; }
#site .contenus .fondBoutique { position:absolute; z-index:1; left:0; top:44px; width:825px; height:660px; background-color:#000000; }
#site .contenus .fondBoutiqueV2 { position:absolute; z-index:1; left:0; top:83px; width:825px; height:660px; background-color:#000000; }
#site .contenus .fondList { position:absolute; z-index:1; left:0; top:83px; width:250px; height:660px; background-color:#000000; }
#site .contenus .fondMedias { position:absolute; z-index:2; left:529px; top:83px; width:530px; height:660px; background-color:#000000; }
#site .contenus .fondActualites { position:absolute; z-index:2; left:529px; top:44px; width:530px; height:699px; background-color:#000000; }
#site .contenus .fondScroll { position:absolute; z-index:2; left:519px; top:44px; width:10px; height:699px; background-color:#000000; }
#site .contenus .fondScroll2 { position:absolute; z-index:2; left:519px; top:83px; width:10px; height:660px; background-color:#000000; }
#site .contenus .background { margin-top:2px; width:100%; height:auto; }
/* FOOTER */
#site .footer { margin-top:1px; width:100%; height:auto; background-color:#FFFFFF; }
#site .footer .texte { padding:12px; font-size:10px; }
#site .footer SPAN { margin:0 5px 0 5px; }
/* SCROLL */
.jScrollPaneContainer { }
.jScrollPaneTrack { position:absolute; cursor:pointer; left:0; top:0; height:100%; }
.jScrollPaneDrag { position:absolute; background-color:#FFFFFF; cursor: pointer; overflow:hidden; }
.jScrollPaneDragTop { position:absolute; top:0; left:0; overflow:hidden; }
.jScrollPaneDragBottom { position:absolute; bottom:0; left:0; overflow:hidden; }
A.jScrollArrowUp { display: block; position: absolute; z-index:1; top:0; left:0; text-indent:-2000px; overflow:hidden; height:9px; }
A.jScrollArrowUp:hover { }
A.jScrollArrowDown { display: block; position: absolute; z-index:1; bottom:0; left:0; text-indent:-2000px; overflow:hidden; height:9px; }
A.jScrollArrowDown:hover { }
A.jScrollActiveArrowButton,
A.jScrollActiveArrowButton:hover { }
/* BOUTIQUE */
#site .contenus .listObjets { position:absolute; z-index:3; left:30px; top:123px; width:200px; height:580px; line-height:normal; color:#FFFFFF; overflow:hidden; }
#site .contenus .listObjets .conteneur { width:550px; height:580px; line-height:normal; }
#site .contenus .listObjets .conteneur H1 { margin:0 0 10px 0; }
#site .contenus .listObjets .conteneur H1 A { color:#FFFFFF; }
#site .contenus .listObjets .conteneur A { color:#FFFFFF; }
#site .contenus .listObjets .conteneur A:hover { color:#7E59DE; }
#site .contenus .listObjets .conteneur STRONG { color:#FFFFFF; }
#site .contenus .listObjets .conteneur H1 A:hover { color:#7E59DE; }
#site .contenus .pict { position:absolute; z-index:4; left:250px; top:123px; width:800px; height:300px; line-height:normal; }
#site .contenus .prix { position:absolute; z-index:5; left:620px; top:123px; width:50px; height:50px; line-height:normal; color:#FFFFFF; }
#site .contenus .commande { margin-top:10px; width:150px; height:50px; line-height:normal; color:#FFFFFF; }
#site .contenus .commande A { color:#FFFFFF; }
#site .contenus .commande A:hover { color:#7E59DE; }
#site .contenus .listObjets .conteneur .filet { margin:0 0 10px 0; width:20px; height:1px; background-color:#FFFFFF; }