html, body { overflow:auto;margin:0;padding:0;border:0;height:100%;width:100%; text-align:left; } b, strong {font-weight:bold;} a { cursor:pointer;text-decoration:none;outline:expression(hideFocus='true'); outline:0;-moz-outline:0;} a:hover {text-decoration:none;} a:hover * {cursor:pointer;} a:focus { outline-style: none;} em { font-style:italic; }
body,form { width:100%; height:100%;}
form { }
#custom-doc {  width:72.31em;*width:70.57em;min-width:940px; margin:0 20px; text-align:left; } 
.yui-t1 #yui-main .yui-b {margin-left:12.3077em;*margin-left:12em;}
#logo { display:block; padding:20px 0; width:271px; height:36px;}
.clearer { clear:both; float:none; line-height:0; font-size:0;}

.controls, .controlsAg, .controlsSp { position:absolute; top : 465px; left:633px; width:15px; height:30px; padding-left:5px}
.controlsAg { top : 470px; left:958px;}

 .controlsSp { left:935px;}
 
 a.linkanchors { color:#660099}
 
.up { width:10px; height:11px; display:block; background-image:url(/assets/up.png); background-position:left top; background-repeat:no-repeat; margin-bottom:5px;}
.up:hover { background-position:left bottom;}
.down { width:10px; height:11px;display:block;background-image:url(/assets/down.png); background-position:left top; background-repeat:no-repeat}
.down:hover { background-position:left bottom;}

/* DIRECTION */
.Ti { width:260px; height:50px; margin:5px; background-color:Red;}
.dI { width:260px; overflow:hidden; height:210px; margin:0 5px;}
.dC { width:250px; margin:5px; background-color:#cccccc; text-align:left; padding:5px;}
.dC a { color:#660099; font-weight:bold;}
.dC a:hover {text-decoration:underline;}
.dCTitle { width:100%; border-bottom:1px solid #660099; text-transform:uppercase; color:#660099; padding:5px 0; margin:5px 0;}

/* MENU */
ul#menu { width:100%;} ul#menu li { float:right; height:54px; width:152px;  margin:0 7px 7px 0;}
ul#menu li a { display:block; width:100%; height:100%;background-color:#ffd9d9; background-position:left top; background-repeat:no-repeat; color:White; text-transform:uppercase; line-height:15px;}
ul#menu li a:hover {background-color:#660099;}

/* CONTENT */
.span-1 { margin-right:0; width:100%; font-size:93%; height:420px; }
.span-2 { margin-right:7px; width:673px; font-size:93%;}
.span-3 { margin-right:7px; width:473px; font-size:93%; float:left;}
.span-4 { margin-right:7px; width:300px; font-size:93%; float:left;}
.span-5 { margin-right:7px; width:475px; font-size:93%; float:left;}
.span-6 { margin-right:7px; width:210px; font-size:93%; float:left;}


div.last { margin-right:0;}
.diaporama { background-position:center center; background-repeat:no-repeat; background-color:#e6e6e6}

/* ACCUEIL */
.introCitation { color:White; height:140px; padding:10px 0 0 10px;}
.introTitle { color:#333333; padding:0 0 0 10px;}
.introContacts { color:White; padding:15px 0 0 10px;}
.introContacts a { color:White; font-weight:bold;}
.introNews { padding:15px 0 0 10px  ;}
.introNews a, .introTitle a {color:#333333; font-weight:bold;}
.introContacts a:hover, .introNews a:hover, .introTitle a:hover { text-decoration:underline;}

/* COMPAGNIE */
ul#comp, ul#rcomp { width:475px; margin-right:5px; float:left} ul#comp li, ul#rcomp li { float:left; height:54px; width:100%;  margin:0 0 7px 0;}
ul#rcomp { width:300px; margin:0; float:left}
ul#rcomp li { background-color:#cccccc}
ul#comp li a{ display:block; width:100%; height:100%;background-color:Red;background-repeat:no-repeat;}
ul#comp li a:hover {background-color:#660099; }
ul#rcomp li.inactive , ul#comp li a.inactive,  ul#comp li a.inactive:hover{ background-color:#e6e6e6}

/* SPECTACLES */
ul#spect { width:386px; margin-right:7px; float:left} ul#spect li { float:left; height:54px; width:100%;  margin:0 0 7px 0;}
ul#spect.last { margin-right:0;}
ul#spect li { background-color:Red;}
ul#spect li:hover {background-color:#660099;}
ul#spect li a.title{ float:left; display:block; width:150px; padding-left:5px; height:46px; padding-top:2px; font-size:161.6%; color:White; font-weight:bold; text-transform:uppercase; line-height:18px;}
ul#spect li a.rest{ float:left; display:block;  width:220px; font-size:117%; padding-left:5px;height:46px;padding-top:2px; color:White;}
ul#spect li.inactive , ul#spect li a.inactive,  ul#spect li a.inactive:hover{ background-color:#e6e6e6}

/* SPECTACLE */
div.spect { float:left; display:block; width:275px; padding-left:5px; height:46px; padding-top:2px; font-size:161.6%; color:White; font-weight:bold; text-transform:uppercase; line-height:18px;}
div.rest { float:left; display:block; width:190px; height:46px; padding-top:2px; font-size:81%; color:White; font-weight:bold; text-transform:uppercase; line-height:12px;}
.span-4 div.title{width:100%; height:54px; background-color:Red; margin:0 0 7px 0}
.span-4 div.title div.type { float:left; display:block; width:120px; margin-left:5px; height:46px; padding-top:2px; color:White; font-weight:bold; text-transform:uppercase; line-height:12px;}
.span-4 div.title div.duree { float:left; display:block; width:110px; margin-left:5px;height:46px; padding-top:2px; color:White; font-weight:bold; text-transform:uppercase; line-height:12px;}
div.introColophon { color:#660099; font-size:93%; text-decoration:underline }
div.linksSpec { height:119px; overflow:auto; background-color:#E6E6E6; width:300px}
div.linksSpec a { width:100px; padding-left:15px; color:Black; float:left; display:block; margin-left:5px; }
div.linksSpec a:hover {color:#660099; }
div.linksSpec a.vid { background-image:url(/assets/iconPlay.gif);background-position:left center; background-repeat:no-repeat;}
div.linksSpec a.diap { background-image:url(/assets/iconDiaporama.gif);background-position:left center; background-repeat:no-repeat;}
div.linksSpec a.son { background-image:url(/assets/iconSpeaker.gif);background-position:2px center; background-repeat:no-repeat;}
div.linksSpec a.vidactive {color:#660099; font-weight:bold;}
div.linksSpec div.files, div.linksSpec div.dates { margin:5px; padding-top:5px; border-top:1px solid #9059ba; clear:both; float:none; }
div.linksSpec a.file{ display:inline;padding-left:0; margin-left:0;}


/* LE GRAIN */
.span-3 div.title { width:100%; height:54px; background-color:Red; margin:0 0 7px 0; background-repeat:no-repeat}
div.span-3 div.active {background-color:#660099;}
.span-3 div.contentText { width:462px; padding:5px; height:349px; background-color:#e9e7e9; overflow:auto;}
.span-4 div.inactive {width:100%; height:54px; background-color:#ffd9d9; margin:0 0 7px 0}
div.span-4 div.Bleue {background-color:#e0cceb; background-repeat:no-repeat;}
.span-4 div.diaporama { width:100%; height:225px;}
.span-4 div.diapLegend { width:290px; height:11px; padding:2px 5px; background-color:#e6e6e6; }
.span-4 div.citation { font-style:italic;}
.span-4 div.citationAuteur { margin-top:5px; padding-top:5px; border-top:1px solid #9059ba; width:100%;font-size:89%}
.span-4 div.files { margin-top:5px;}
.span-4 div.files a { color:#660099; font-weight:bold;}
.span-4 div.files a:hover {text-decoration:underline;}
a.backCtrl { display:block; float:right; width:10px; height:11px;background-image:url(/assets/left.png); background-position:left top; background-repeat:no-repeat}
a.nextCtrl { display:block; float:right; width:10px; height:11px;background-image:url(/assets/right.png); background-position:left top; background-repeat:no-repeat}
a.nextCtrl:hover, a.backCtrl:hover {  background-position:right top; }

/* PARTENARIATS */ 
.logoCat {  padding-bottom:15px;}
.logoCat .logo {  width:35px; height:35px; margin:3px; float:left; background-position:center center; background-repeat:no-repeat; background-color:White }
.part { text-transform:uppercase; color:#660099}
ul#spect li.pageLinks { background-color:White; text-align:right; padding-top:5px; font-size:93%; }
ul#spect li.pageLinks a { color:Black;font-weight:bold;}
ul#spect li.pageLinks a.active { color:#660099}
.span-3 div.repCatP, div.logoCat { height:90px;}
.span-3 div.repCatP, .span-3 div.introText {margin-bottom:10px;}



/* L'EQUIPE */
.span-5 div.title { width:100%; height:54px; background-color:Red; margin:0 0 7px 0; background-repeat:no-repeat}
div.span-5 div.active {background-color:#660099;}
.span-6 div.inactive {width:100%; height:54px; background-color:#ffd9d9; margin:0 0 7px 0}
div.span-6 div.Bleue {background-color:#e0cceb;}
.span-5 div.contentEquipe { width:440px; height:303px;  overflow:visible;}
.span-5 div.membre { width:80px; height:80px; margin-right:10px; margin-bottom:10px; float:left;}
div.span-5 div.last {margin-right:0;}
.span-5 div.membre a { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.span-5 div.membre a:hover { background-position:-1000px -1000px;} 

/* AGENDA */
ul#ag { width:780px; float:left;} ul#ag li { float:left; height:54px; width:100%;  margin:0 0 7px 0;}
ul#ag li.active {height:237px;}
ul#ag li.last { margin:0}
ul#ag div.n {float:left;width:100%;height:160px;}
ul#ag div.n div.d {background-color:#f0e6f5;float:left; width:483px; height:176px; margin-top:7px;}
ul#ag div.n div.d div.col { float:left; width:200px; padding:5px 0; height:160px; margin-left:7px; font-size:93%; overflow:hidden;}
ul#ag div.n div.i {background-color:#f0e6f5;float:left; width:290px; height:162px;margin-left:7px; margin-top:7px; background-position:center center; background-repeat:no-repeat; }
ul#ag div.n div.iL {background-color:#f0e6f5;float:left; width:283px; height:14px; margin-left:7px; padding-left:7px; font-size:93%; }
ul#ag li a.l { height:54px; display:block; float:left; background-color:Red;}
ul#ag li a.l:hover, ul#ag li.active a.l  {background-color:#660099;}
ul#ag li a.l span.inactive  {background-color:#E6E6E6; display:block; width:483px; height:100%;}
ul#ag li a.lieudate span.inactive  {display:block;width:100px;height:100%;}
ul#ag li a.l span.news{ float:left; display:block; width:250px; padding-left:7px; height:46px; padding-top:2px; font-size:161.6%; color:White; font-weight:bold; text-transform:uppercase; line-height:18px;}
ul#ag li a.l span.rest{ float:left; display:block;  width:219px; padding-left:7px;height:46px;padding-top:2px; color:White;}
ul#ag li a.lieudate{ float:left; display:block; margin-left:7px; background-color:#E6E6E6;  width:285px; padding-left:5px;height:52px;padding-top:2px; }
ul#ag li a.lieudate span.lieu {color:Black; font-size:76%;}
ul#ag li a.lieudate span.date {color:Black; font-weight:bold;}


/* REPERTOIRE */
.span-3 a.reptitle { font-weight:bold; color:Black; display:block; }
.span-3 div.repCat, .span-3 div.introText {margin-bottom:10px;}
.span-3 span.spect, .span-3 a.spect { color:#660099; font-style:italic;}

.span-4 a.repanchors { color:#660099; text-decoration:underline}
.span-4 table.anchorBlock  {width:300px;}
.span-4 table.anchorBlock  tr td{ height:115px; padding:2px; bottom:0; display:table-cell; vertical-align:bottom; font-size:89%;}
.span-4 table.contactBlock  tr td{ height:105px; padding:5px; bottom:0; display:table-cell; vertical-align:bottom;  }
.span-4 table.contactBlock a { color:#660099;}
.span-4 table.contactBlock a:hover {text-decoration:underline}

/* LIENS */
.span-3 a.linkdesc { color:Black;}
.span-3 a.linktitle { color:#660099; font-weight:bold;}

/* PRESSE */
.span-3 div.presseLink {margin-bottom:10px;}
.span-3 a.pressetitle { color:#660099;}

.colophon 
{
    color:#660099;
    
    text-decoration:underline;
}
.small_text 
{
    font-size:93%;
}