@charset "ISO-8859-1";

/* CSS Document */


* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

body { background-color: #000000;}

#main {position: relative; width:1000px; margin: 0 auto; }

#banniere {width: 900px; height: 220px; position: absolute; top: 0; left: 50px;}

#next { width: 220px; height: 153px; position: absolute; top: 90px; left: 10px; background-image:url(images/cadrNext.png); background-repeat:no-repeat; }



/* ---------------------------------------------- GENERAL ---*/

p {font-size: 12px; margin-bottom: 8px;}

ul {list-style-type:none;}

a {color: #CCCCCC; font-size: 11px; }
a:hover {color: #FF00CC; font-size: 11px; }

a img {border: none;}

.small {font-size: 11px;}

.color {color: #FF00CC; font-size: 11px; }

h1 {text-indent: -3000px; font-size: 16px;}
h2 { text-indent: -3000px; font-size: 14px; margin-bottom: 10px;}
h3 {text-indent: -3000px; margin-bottom: 20px; }
h4 {text-indent: -3000px; margin-bottom: 10px;}



/* ---------------------------------------------- NAVIGATION ---*/

#navigation { width: 490px; height: 90px; position: absolute; top:160px; left:200px; }

#navigation ul li a {display: block; float: left;  font-size: 14px; text-indent: -3000px; width: 117px; height: 90px; margin:0 2px;}

#navAvrac a{ background-image: url(images/NavBoutons/avrac.png); background-repeat:no-repeat; }
#navAvrac a:hover{ background-image: url(images/NavBoutons/avracHover.png); background-repeat:no-repeat;}
#navAvrac a.navOn{ background-image: url(images/NavBoutons/avracHover.png); background-repeat:no-repeat;}


#navNous a { background-image: url(images/NavBoutons/nous.png); background-repeat:no-repeat;  }
#navNous a:hover { background-image: url(images/NavBoutons/nousHover.png); background-repeat:no-repeat;  }
#navNous a.navOn { background-image: url(images/NavBoutons/nousHover.png); background-repeat:no-repeat;  }

#navMedia a { background-image: url(images/NavBoutons/media.png); background-repeat:no-repeat;}
#navMedia a:hover{ background-image: url(images/NavBoutons/mediaHover.png); background-repeat:no-repeat;}
#navMedia a.navOn{ background-image: url(images/NavBoutons/mediaHover.png); background-repeat:no-repeat;}

#navGalerie a {background-image: url(images/NavBoutons/gallerie.png); background-repeat:no-repeat; }
#navGalerie a:hover {background-image: url(images/NavBoutons/gallerieHover.png); background-repeat:no-repeat; }
#navGalerie a.navOn {background-image: url(images/NavBoutons/gallerieHover.png); background-repeat:no-repeat; }

/* ---------------------------------------------- AGENDA ---*/

#agenda { width: 160px; position:absolute; top: 240px; left: 0;}

#agendaList{ width: 100%;font-size: 12px; border-left: 1px solid #FF00CC; padding: 5px 10px;}

#agendaList li a { color: #CCCCCC; display: block; height: 26px; width: 170px; margin-bottom: 12px; }

#agendaList li a:hover {color: #FF00CC; background-image:url(images/agenHover.png); background-repeat: no-repeat; background-position: right; }

/* ---------------------------------------------- PAGE ---*/

#page { width: 520px; position: absolute; top: 250px; left: 180px; }

#frame {  margin-top: 54px; margin-left: 27px;width:428px; height: 405px; padding:0 20px; position: relative; background-color:#FFFFFF; }

#topBorder { width: 522px; height: 54px; background-image:url(images/cadre/topFrame.png); background-repeat:no-repeat; position:absolute; top: -54px; left: -27px;}
#rightBorder { width: 27px; height: 405px; background-image:url(images/cadre/rightFrame.png); background-repeat:no-repeat; position:absolute; top: 0; right:-27px;}
#botBorder { width: 522px; height: 54px; background-image:url(images/cadre/botFrame.png); background-repeat:no-repeat; position:absolute; bottom: -54px; left:  -27px;}
#leftBorder { width: 27px; height: 405px; background-image:url(images/cadre/leftFrame.png); background-repeat:no-repeat; position:absolute; top: 0; left: -27px;}

#texte { width: 330px;}

#drole {width: 186px; height: 262px; position: absolute; background-image:url(images/drole.png); background-repeat:no-repeat; bottom: 0px;right: -70px;}

/* ---------------------------------------------- CONTACT ---*/

#contact {width:140px; height:80px; color:#FFFFFF; font-size: 11px; position: absolute; top: 290px; left: 730px;}

#contact textarea {width: 132px; font-size: 11px; margin-bottom: 4px;}

#contact input {margin-bottom: 4px;}

#facebook {width: 140px; height: 30px; color: #FFFFFF; position: absolute; bottom: 0;}
#facebook img {position: absolute; top: 0; right: 0;}
		
/* ---------------------------------------------- GALLERIE ---*/

#gallery li {font-size: 11px; text-align: center; width: 122px; height: 110px; display: block; float: left; border: 1px solid #000000; padding: 2px; margin: 0 10px 10px 0; }


/* ---------------------------------------------- MEDIA ---*/

.mediaList {width: 100%; margin-bottom: 20px; font-size: 12px;}

.mediaList tr { height: 18px;}

.mediaRead a{ display: block; text-indent: -3000px; width: 40px; height:18px; background-image: url(images/titrages/mediaRead.png); background-repeat:no-repeat; }

.mediaRead a:hover {background-image: url(images/titrages/mediaReadHover.png); background-repeat:no-repeat; }

.mediaPict a{ display: block; text-indent: -3000px; width: 110px; height:21px; background-image: url(images/titrages/mediaPict.png); background-repeat:no-repeat; }

.mediaPict a:hover {background-image: url(images/titrages/mediaPictHover.png); background-repeat:no-repeat; }



/* ---------------------------------------------- NOUS ---*/

#story { width: 140px; height: 140px; position: absolute; background-image: url(images/story.png); background-repeat:no-repeat; right: -20px; bottom: 0;}


#bioFrame {width: 450px; height: 206px; padding-top: 10px; position: relative; background-color: #FFFFFF; margin-top: 30px; margin-left: 30px; }

#bioTopBorder {width: 522px; height: 27px; position: absolute; top: -27px; left: -36px; background-image:url(images/cadre/bioTopFrame.png); background-repeat:no-repeat;}
#bioRightBorder {width: 36px; height: 216px; position: absolute; top: 0px; right: -36px; background-image:url(images/cadre/bioRightFrame.png); background-repeat:no-repeat;}
#bioBotBorder {width: 522px; height: 27px; position: absolute; bottom: -27px; left: -36px; background-image:url(images/cadre/bioBotFrame.png); background-repeat:no-repeat;}
#bioLeftBorder {width: 36px; height: 216px; position: absolute; top: 0px; left: -36px; background-image:url(images/cadre/bioLeftFrame.png); background-repeat:no-repeat;}

#comedienTable { margin-left: 60px; width: 440px; height:360px; position: relative; margin-top: 30px; }

#comedienTable li { float: left; text-indent: -3000px; margin: 1px;}

#comedien_1 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/troupe.jpg); background-repeat:no-repeat;}
#comedien_2 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/antonio.jpg); background-repeat:no-repeat;}
#comedien_3 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/vincentk.jpg); background-repeat:no-repeat;}
#comedien_4 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/pascal.jpg); background-repeat:no-repeat;}
#comedien_5 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/steven.jpg); background-repeat:no-repeat;}
#comedien_6 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/didier.jpg); background-repeat:no-repeat;}
#comedien_7 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/seb.jpg); background-repeat:no-repeat;}
#comedien_8 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/pierrick.jpg); background-repeat:no-repeat;}
#comedien_9 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/lionel.jpg); background-repeat:no-repeat;}
#comedien_10 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/cecile.jpg); background-repeat:no-repeat;}
#comedien_11 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/laurence.jpg); background-repeat:no-repeat;}
#comedien_12 a { display: block; width: 100px; height: 100px; background-image:url(images/trombines/vincentv.jpg); background-repeat:no-repeat;}

#comedien_1 a:hover { background-image: url(images/trombines/troupeHover.jpg); background-repeat:no-repeat; }
#comedien_2 a:hover { background-image: url(images/trombines/antonioHover.jpg); background-repeat:no-repeat; }
#comedien_3 a:hover { background-image: url(images/trombines/vincentkHover.jpg); background-repeat:no-repeat; }
#comedien_4 a:hover { background-image: url(images/trombines/pascalHover.jpg); background-repeat:no-repeat; }
#comedien_5 a:hover { background-image: url(images/trombines/stevenHover.jpg); background-repeat:no-repeat; }
#comedien_6 a:hover { background-image: url(images/trombines/didierHover.jpg); background-repeat:no-repeat; }
#comedien_7 a:hover { background-image: url(images/trombines/sebHover.jpg); background-repeat:no-repeat; }
#comedien_8 a:hover { background-image: url(images/trombines/pierrickHover.jpg); background-repeat:no-repeat; }
#comedien_9 a:hover { background-image: url(images/trombines/lionelHover.jpg); background-repeat:no-repeat; }
#comedien_10 a:hover { background-image: url(images/trombines/cecileHover.jpg); background-repeat:no-repeat; }
#comedien_11 a:hover { background-image: url(images/trombines/laurenceHover.jpg); background-repeat:no-repeat; }
#comedien_12 a:hover { background-image: url(images/trombines/vincentvHover.jpg); background-repeat:no-repeat; }

#comedien_1 a.navOn { background-image: url(images/trombines/troupeOn.jpg); background-repeat:no-repeat; }
#comedien_2 a.navOn { background-image: url(images/trombines/antonioOn.jpg); background-repeat:no-repeat; }
#comedien_3 a.navOn { background-image: url(images/trombines/vincentkOn.jpg); background-repeat:no-repeat; }
#comedien_4 a.navOn { background-image: url(images/trombines/pascalOn.jpg); background-repeat:no-repeat; }
#comedien_5 a.navOn { background-image: url(images/trombines/stevenOn.jpg); background-repeat:no-repeat; }
#comedien_6 a.navOn { background-image: url(images/trombines/didierOn.jpg); background-repeat:no-repeat; }
#comedien_7 a.navOn { background-image: url(images/trombines/sebOn.jpg); background-repeat:no-repeat; }
#comedien_8 a.navOn { background-image: url(images/trombines/pierrickOn.jpg); background-repeat:no-repeat; }
#comedien_9 a.navOn { background-image: url(images/trombines/lionelOn.jpg); background-repeat:no-repeat; }
#comedien_10 a.navOn { background-image: url(images/trombines/cecileOn.jpg); background-repeat:no-repeat; }
#comedien_11 a.navOn { background-image: url(images/trombines/laurenceOn.jpg); background-repeat:no-repeat; }
#comedien_12 a.navOn { background-image: url(images/trombines/vincentvOn.jpg); background-repeat:no-repeat; }

/* ---------------------------------------------- FOOTER ---*/

#footer {width: 860px; height: 40px; position: absolute; top: 890px; left:0; }
#footer p {font-size: 11px; color: #999999;}
#footer a {font-size: 11px; color: #CCCCCC;}



/* ---------------------------------------------- TITRAGES ---*/

#titreAgenda { background-image:url(images/titrages/imgAgenda.png); background-repeat:no-repeat; width: 151px; height: 41px;}

#titreAccueil { background-image:url(images/titrages/imgAvrac.png); background-repeat:no-repeat; width: 200px; height: 30px; }

#titreGallerie { background-image:url(images/titrages/imgGallerie.png); background-repeat:no-repeat; width: 120px; height: 32px; }

#titreMedia { background-image:url(images/titrages/imgMedia.png); background-repeat:no-repeat; width: 200px; height: 33px; }

#titreArticle { background-image:url(images/titrages/imgArticle.png); background-repeat:no-repeat; width: 200px; height: 22px; }

#titrePhotos { background-image:url(images/titrages/imgPhoto.png); background-repeat:no-repeat; width: 60px; height:16px; }

#titreHistoire { background-image:url(images/titrages/imgHistoire.png); background-repeat:no-repeat; width: 200px; height: 33px; }

#titreContact { background-image:url(images/titrages/imgContact.png); background-repeat:no-repeat; width: 88px; height: 22px; }



/* ---------------------------------------------- TITRAGES COMEDIENS---*/

#com_1 { background-image:url(images/titrages/com_1.png); background-repeat:no-repeat; width: 88px; height: 22px; }

#com_2 { background-image:url(images/titrages/com_2.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_3 { background-image:url(images/titrages/com_3.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_4 { background-image:url(images/titrages/com_4.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_5 { background-image:url(images/titrages/com_5.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_6 { background-image:url(images/titrages/com_6.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_7 { background-image:url(images/titrages/com_7.png); background-repeat:no-repeat; width: 90px; height: 22px; }
#com_8 { background-image:url(images/titrages/com_8.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_9 { background-image:url(images/titrages/com_9.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_10 { background-image:url(images/titrages/com_10.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_11 { background-image:url(images/titrages/com_11.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_12 { background-image:url(images/titrages/com_12.png); background-repeat:no-repeat; width: 88px; height: 22px; }
#com_13 { background-image:url(images/titrages/com_13.png); background-repeat:no-repeat; width: 88px; height: 22px; }