html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}html {background:transparent url(/images/uneheureetdemie.jpg) no-repeat top center;margin:0;padding:160px 0 0 0}body{margin:0;padding:0;font: 85% Verdana,Arial,Helvetica,sans-serif;text-align:center;background: #F4F3F4 url(/images/bg09-10.jpg) repeat-x 0 0;color:#664444}
#concours{margin:0;padding:0;font: 85% Verdana,Arial,Helvetica,sans-serif;text-align:center;background: #F4F3F4;border-top:1px solid #333;border-bottom:1px solid #333;color:#664444}
img {margin:0;padding:0}
p{margin:0 10px 10px}
stong{font-weight:bold}p.producteur{margin:0 10px 10px;font-style:italic;font-size:80%;}span.tgb{margin:0;font-style:italic;font-size:200%;display:block}
span.note{margin:0;font-size:50%;color:#0579A2}.contact{margin:0 10px 10px;font-size: 130%;color:red}a{color: #fff}
#footer a{color: #ECEBE4}
#footer a:hover{color: #3B95B4}
#content a{color: #6C202D;background:#FCF8CE;text-decoration: none;border-bottom:1px solid #FED100 }
#content a:hover{color: #6C202D;background:#FED100;text-decoration: none}
#content a.nostyle {color: #6C202D;background:transparent;text-decoration: none;border-bottom:0px solid #FED100}
em.resume{font-style:italic;color:#6C202D}h1 {margin:0 0 10px 10px;background:transparent;text-transform:uppercase;font-size: 150%;font-weight:normal}#auteur{color:#D5EFD1;margin:30px 0 10px 10px;background:transparent;text-transform:uppercase;font-size:100%}h2 {background:transparent;margin:10px;text-transform:uppercase;letter-spacing:2px;font-sizeody
: 100%;}#spectacles h2 {color:#321919;margin:10px 0;background:transparent;text-transform:uppercase;font-size: 100%;text-align:center}h3 {background:transparent;display:block;margin:10px;text-transform:uppercase;letter-spacing:2px;font-size: 100%;}
h4 {background:transparent;display:block;margin:10px;text-transform:uppercase;letter-spacing:2px;font-size: 80%;color:#A11E22}
h5 {background:transparent;margin:10px;text-transform:uppercase;letter-spacing:2px;font-size: 100%;}
#vaillancourt{background:transparent url(/images/bgvaillancourt.gif) no-repeat 0 0;font-size: 80%;font-style:italic;width:460px;height:240px;position:relative }
#vaillancourtaccueil{background:transparent url(/images/closeh4accueil.gif) no-repeat 0 0;font-size: 80%;font-style:italic;padding:30px 0 0 120px;width:330px;height:100px;margin-left:10px}
#vaillancourtaccueil p{width:300px;background:#FCF8CF}
#vaillancourt p{padding:70px 20px 20px 30px;background:transparent}
#vaillancourt h2{text-indent:-9999px;position:absolute;top:0;left:0}
#annoncepartenaires{background:transparent url(/images/bgannoncepartenaires.gif) no-repeat 0 0;font-size: 80%;font-style:italic;width:460px;height:240px;position:relative }
#annoncepartenaires h2{text-indent:-9999px;position:absolute;top:0;left:0}
#annonce{background:transparent url(/images/bgannonce.gif) no-repeat 0 0;font-size: 80%;font-style:italic;width:460px;height:240px;position:relative }
#annonce p{padding:70px 20px 20px 30px;background:transparent}
#annonce h2{text-indent:-9999px;position:absolute;top:0;left:0}
#annoncecarte{background:transparent url(/images/bgannoncecarte.gif) no-repeat 0 0;font-size: 80%;font-style:italic;width:460px;height:240px;position:relative }
#annoncecarte p{padding:220px 0px 20px 340px;background:transparent}
#annoncecarte h2{text-indent:-9999px;position:absolute;top:0;left:0}
#annoncepresentation{background:transparent url(/images/bgannoncepresentation.gif) no-repeat 0 0;font-size: 80%;font-style:italic;width:460px;height:240px;position:relative }
#annoncepresentation p{padding:220px 0px 20px 340px;background:transparent}
#annoncepresentation h2{text-indent:-9999px;position:absolute;top:0;left:0}
#annonce-billetterie{background:transparent url(/images/bgannonce.gif) no-repeat 0 0;font-size: 80%;font-style:italic;width:460px;height:240px;position:relative }
#annonce-billetterie p{padding:40px 0 0 40px;background:transparent}
#annonce-billetterie h2{text-indent:0px;position:absolute;top:12px;left:40px}
#bonjour {background:transparent url(/images/closeh4accueil.gif) no-repeat 0 0;letter-spacing:2px;font-size: 80%;font-style:italic;margin:24px 0 24px 40px;padding:30px 60px 30px 130px;position:absolute;top:420px;bottom:0;width:300px;height:80px;z-index:200}
.mot{background:transparent;margin:4px 0 0 80px;display:block;width:240px;font-style:normal;color:#6C202D}
h6 {background:transparent;display:block;margin:10px;text-transform:uppercase;letter-spacing:2px;font-size: 70%;font-weight:normal}
#header{background:transparent;height:400px;width:950px;position:relative}
#bienvenue{background:transparent url(/images/bienvenue09-10.gif) no-repeat 0 0;position:absolute;top:0;left:0;height:400px;width:950px;z-index:100}
#bienvenuepouce{background:transparent url(/images/bienvenuepouce.jpg) no-repeat 0 0;position:absolute;top:0;left:0;height:400px;width:950px;z-index:100}
#bienvenueete{background:transparent url(/images/bienvenueete.gif) no-repeat 0 0;position:absolute;top:0;left:0;height:400px;width:950px;z-index:100}
#bienvenueaccueil{background:transparent url(/images/bienvenueaccueil.gif) no-repeat 0 0;position:absolute;top:0;left:0;height:400px;width:950px;z-index:100}
#portfolio{*float:left;_float:left}
#news{background:transparent;color:#fff;margin:60px 0 0 130px;padding:0;text-align:left;width:200px;float:left;_margin-left:66px}
#photosthickbox{display:none}
#wrapper{margin:0;padding:0}#content{margin:0;padding:0;background:transparent;border-bottom:0px solid #000}
#content p{line-height:1.4;color:#6C202D}#bio p.bio, div#critiques p.bio{background:transparent;padding:8px;font-size:80%;margin:10px;padding:8px;color:#68302F}#critiques p.journaliste {background:transparent;padding:0 8px;font-size:80%;margin:-10px 10px 10px 0;color:#68302F;text-align:right}#bio p.journaliste {background:transparent;padding:0 8px;font-size:80%;margin:-10px 10px 10px 0;color:#68302F;text-align:right}
#footer{background:transparent;color: #0579A2}
#footer p{background:transparent;position:relative;padding-top:80px}
#footer a{display:inline;padding:0;}#container{width:950px;margin:0 auto}
#content{float:left;width:550px;text-align:left}
#navigation{float:right;width:389px;border:0px solid #AD1D26; background:transparent;min-height:1000px}
div#benoit{float:left;margin-right:20px;margin:0;padding:0}
/* Navigation principale */
div#menu {
height: 60px;
margin: 0 ;
padding: 24px 0 0 0;
position:relative}
div#menu ul#nav {
margin: 0;
padding: 0px 0;
list-style-type: none;
text-align: center;
}
div#menu ul#nav li {
display: inline
}
div#menu ul#nav li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: transparent;font-size:85%;font-weight:normal;} div#menu ul#nav li a:hover {
color: #C6E0E1;
background-color: transparent}
#accueil {left: 10px; width: 70px;}
#billetterie {left: 84px; width: 88px;}
#contact {left: 176px; width: 76px;}
#presentation {left: 256px; width: 112px;}#partenaires {left: 372px; width: 102px;}#commentaires {left: 478px; width: 126px;}
#accueil a:hover {background: transparent url(/images/) -10px -30px no-repeat;}
#billetterie a:hover {background: transparent url(/images/) -84px -30px no-repeat;}
#contact a:hover {background: transparent url(/images) -176px -30px no-repeat;}
#presentation a:hover {background: transparent url(/images/) -256px -30px no-repeat;}#partenaires a:hover {background: transparent url(/images) -372px -30px no-repeat;}#commentaires a:hover {background: transparent url(/images/) -478px -30px no-repeat;}
/* showvav page courante */
body#accueil-page #accueil {background: transparent url(/images/) -10px -30px no-repeat;}
body#billetterie-page #billetterie {background: transparent url(/images/) -84px -30px no-repeat;}
body#contact-page #contact {background: transparent url(/images/) -176px -30px no-repeat;}
body#presentation-page #presentation {background: transparent url(/images/) -256px -30px no-repeat;}body#partenaires-page #partenaires {background: transparent url(/images/) -372px -30px no-repeat;}body#commentaires-page #commentaires {background: transparent url(/images/) -478px -30px no-repeat;}
/* liste crédits
---------------------------------------------------------- */
#content ul {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
#content li {
margin: 0;
padding:0 0 0 10px; line-height:20px;
background:transparent} /* liste concepteurs
---------------------------------------------------------- */#concepteurs{ margin:0 10px 0 10px;text-align:left }
#concepteurs ul li { display: inline;margin:0;padding:0;line-height:16px }
#concepteurs span{margin:0;padding:0;
line-height:14px;
background:transparent; font-style:italic; font-size:80%; }/* liste ca
---------------------------------------------------------- */#ca{ margin:-10px 10px 0 10px;text-align:left }
#ca ul li { display: inline;margin:0;padding:0;line-height:16px }
#ca span{margin:0;padding:0;
line-height:14px;
background:transparent; font-style:italic; font-size:80%; } /* menu spectacles
---------------------------------------------------------- */
#spectacles {
width: 400px;
height:1160px;
background: transparent url(/images/saison09-10.gif) no-repeat 0 0;
margin: 0; padding: 0;
position: relative;
text-indent:-9999px}
#spectacles li {margin: 0; padding: 0; list-style: none; display: block;position: absolute}
#spectacles a {display: block}
#motbenoit{left: 30px; top:16px;width: 320px;height:120px}
#un {left: 0; top: 180px;width: 400px;height:44px}
#deux {left: 0; top:234px;width: 400px;height:44px}
#trois {left: 0; top:288px;width: 400px;height:44px}
#quatre {left: 0; top:342px;width: 400px;height:44px}
#cinq {left: 0; top:396px;width: 400px;height:44px}
#six {left: 0;top:450px;width: 400px;height:44px}
#sept{left: 0;top:504px;width: 400px;height:44px}
#huit {left: 0;top:558px;width: 400px;height:44px}
#neuf {left: 0;top:612px;width: 400px;height:44px}
#dix {left: 0;top:666px;width: 400px;height:44px}
#onze {left: 0;top:720px;width: 400px;height:44px}
#douze{left: 0;top:774px;width: 400px;height:44px}
#treize {left: 0;top:828px;width: 400px;height:44px}
#quatorze {left: 0;top:882px;width: 400px;height:64px}
#quinze {left: 0;top:942px;width: 400px;height:64px}
#motbenoit a{height:120px}
#un a {height:45px}
#deux a{height:45px}
#trois a{height:45px}
#quatre a{height:45px}
#cinq a{height:45px}
#six a{height:45px}
#sept a{height:45px}
#huit a{height:45px}
#neuf a{height:45px}
#dix a{height:45px}
#onze a{height:45px}
#douze a{height:45px}
#treize a{height:45px}
#quatorze a{height:64px}
#quinze a{height:64px}
#un a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#deux a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#trois a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#quatre a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#cinq a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#six a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#sept a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#huit a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#neuf a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#dix a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#onze a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#douze a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#treize a:hover {background: transparent url(/images/saison09-10.gif) 0 -1131px no-repeat}
#quatorze a:hover {background: transparent url(/images/saison09-10.gif) 0 -1112px no-repeat}
#quinze a:hover {background: transparent url(/images/saison09-10.gif) 0 -1112px no-repeat}
/* fin menu spectacles
---------------------------------------------------------- */p.pied {font-size:100%;text-align:center;color:#ECEBE4;background:transparent;font-weight:900}/*bio
---------------------------------------------------------- */.stretcher {background:#EBF4AC url(/images/bgstretcher.jpg) repeat-x top left;margin:-10px 0 0 10px;padding:0}span.stretch {background:transparent;margin:0 0 0 10px;padding:0}img.bio {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #AFC796;
padding: 2px;
}a.stretchtoggle:link{display:block;color:#68302F;margin:0;padding:4px;text-transform:uppercase;font-size: 90%;text-decoration:none;}a.stretchtoggle:visited{display:block;color:#68302F;margin:0;padding:4px;background:transparent;text-transform:uppercase;font-size: 90%;text-decoration:none}a.stretchtoggle:hover{display:block;color:#D5EFD1;margin:0;padding:4px;background:#AFC796;text-transform:uppercase;font-size: 90%;text-decoration:none}a.stretchtoggle:active{display:block;color:#D5EFD1;margin:0;padding:4px;background:#AFC796;text-transform:uppercase;font-size: 90%;text-decoration:none}/*fin bio
---------------------------------------------------------- *//*plus
---------------------------------------------------------- */#plus{background:transparent url(images/bgplus.jpg) repeat-x 0 -16px;margin:24px 0 0 0;padding:0;width:500px;height:1200px}#plus a:link{color:#D5EFD1;margin:0;padding:4px;text-transform:uppercase;font-size: 90%;text-decoration:none;}#plus a:visited{color:#D5EFD1;margin:0;padding:4px;background:transparent;text-transform:uppercase;font-size: 90%;text-decoration:none}#plus a:hover{color:#68302F;margin:0;padding:4px;background:#AFC796;text-transform:uppercase;font-size: 90%;text-decoration:none}#plus a:active{color:#68302F;margin:0;padding:4px;background:#AFC796;text-transform:uppercase;font-size: 90%;text-decoration:none}#plus a.none:hover {color:#68302F;margin:0;padding:4px;background:transparent;text-transform:uppercase;font-size: 90%;text-decoration:none}/*fin plus
---------------------------------------------------------- *//*photos
---------------------------------------------------------- */#photos {background:transparent;float:left;width:160px;margin:10px;padding:4px;clear:left}#photos ul {
margin:0 0 0 6px;
padding:0;
}
#photos li {
padding:0;
margin:0;
background-image:none;
display:inline;
}
#photos img {
display:inline;
padding:1px;
border:4px solid #EBF499;
}#photos img a {
display:inline;
padding:1px;
border:4px solid #EBF499;
}
#photos li a {border:0;}
#photos li a:hover {background-color:transparent;}/*fin photos
---------------------------------------------------------- *//*critiques
---------------------------------------------------------- */#critiques {background:transparent;float:left;width:260px;margin:10px;padding:4px}/*fin critiques
---------------------------------------------------------- *//*bio
---------------------------------------------------------- */#bio {background:transparent;margin:0 0 0 10px;padding:0;float:left;clear:left;width:470px}#bio ul {
margin:0;
padding:0;
}
#bio li {
padding:0;
margin:0;
background-image:none;
display:inline;
}
#bio img {
display:inline;
padding:1px;
border:4px solid #EBF499;
}#bio img.none {
display:inline;
padding:0px;
border:0;
}#bio img a{
display:inline;
padding:1px;
border:4px solid #EBF499;
}#bio img.none a{
display:inline;
padding:0px;
border:0;
} #bio img.none a{
display:inline;
padding:0px;
border:0;
margoin:0; background:red}
#bio li a {border:0;}
#bio li a:hover {background:transparent;}/*fin bio
---------------------------------------------------------- *//*map
---------------------------------------------------------- */#motscroises a{background:transparent;width:122px;height:71px;text-decoration:none;margin-right:-40px;_margin-right:-10px;padding:0;border:0;float:right}
#motscroises a:hover{background:transparent;width:122px;height:71px;text-decoration:none;margin-right:-40px;_margin-right:-10px;padding:0;border:0;float:right}
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 0px solid #666;
padding: 2px;
}
#vaillancourt ul
{
padding:0;
margin: 0;
background:transparent;
position:absolute;
bottom:40px;
left:20px
}
#vaillancourt ul li { display: inline;position:relative;
bottom: 5px; }
#vaillancourt ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #0579A2;
background-color: transparent;
font-weight:bold
}
#vaillancourt ul li a:hover
{
color: #834443;
background-color: transparent;
}
#extra{background:transparent url(/images/bgfooter09-10.jpg) no-repeat 0 60px;clear:both;height:640px}
#slogan{
width:950px;
height:120px;
background:transparent url(/images/slogan.gif) 0 0 no-repeat;
position: relative;
top:0;
margin:0 auto ;
text-indent:-9999px}
#entete{
width:950px;
height:60px;
background: transparent url(/images/bgextra09-10.gif) 0 0 no-repeat;
position: relative;
margin:40px auto 290px;
text-indent:-9999px
}
#entete ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
#entete li, #entete a {
height: 60px;
display: block;
}
#liberte {left: 30px; width: 170px;}
#covoiturage {left: 250px; width: 200px;}
#brochure {left: 490px; width: 186px;}
#bulletin {left: 750px; width: 186px;}
#annoncepresentation ul {
padding:80px 40px 0;
list-style: none;
}
#annoncepresentation ul li{
line-height:14px
}