/* Style pour Une saison de rugby - date:2007-08-31 */

html,body,div,p,img,h1,h2,h3,h4,object,iframe {margin:0;padding:0;}
img,object,iframe {border:none;}

#navigation {position:absolute;left:0;top:0;padding:.25em .5em;line-height:1em;color:#888;
    font-variant:small-caps;font-family:arial,sans-serif;}
#navigation a:link,
#navigation a:visited {text-decoration:none;border-bottom:1px dotted #888;background:inherit;color:#888;}
#navigation a:hover   {border-bottom:1px solid #ccc;color:#ccc;}

body {font-family:helvetica,arial,sans-serif;}
h1,
h2 {background:inherit;font-family:"helvetica neue",helvetica,arial,sans-serif;}

br {clear:left;}

/* Project presentation */

#main   {background:#000;color:#c9cacd;font-size:16px;}   /* 100% body */
#layout {margin-left:auto;margin-right:auto;width:1000px;} /* column container */

#ltcol,
#rtcol  {width:470px;float:left;}

/* Headers */
#headers {margin-top:56px;margin-bottom:40px;}
#headers h1 {font-size:40px;font-weight:bold;line-height:36px;}
#headers span.h1 {font-size:20px;color:#70b900;}
#headers h2 {font-size:20px;color:#848289;line-height:20px;position:relative;}


/* Left Column */
#ltcol img {}

/* Right Column */
#rtcol          {margin-left:30px;}
#rtcol .text    {font-size:16px;margin-bottom:1em;line-height:20px;}
#rtcol .project {font-size:20px;}
#rtcol .subject {font-size:12px;}
#rtcol .venue   {font-size:14px;color:#848289;}
#rtcol .address {font-size:14px;margin-top:2em;margin-bottom:1em;}
.address a:link,
.address a:visited  {text-decoration:none;background:#111;color:#c9cacd;}
.address a:hover    {color:#99f;}
.address a span     {display:none;}
#rtcol .command {font-size:12px;font-style:italic;font-weight:100;}

.mmlink  {font-size:32px;margin:1em 0;}
.mmlink a:link,
.mmlink a:visited {text-decoration:none;background:inherit;color:#70b900;display:block;}
.mmlink a:hover   {text-decoration:underline;}


/* Clip alone */
#monoclip   {background:#000;color:#90bd16;}
#back2field {font-variant:small-caps;margin-left:1em;}
#monoclip div  {width:450px;margin:0 auto;text-align:center;}
#monoclip img  {display:block;}
#monoclip a:link,
#monoclip a:visited {background:#000;color:#90bd16;}
#monoclip a:hover   {font-weight:bolder;text-decoration:none;}


/* Clips on field */
#polyclip {background:#00371a;color:#fff;font-size:14px;}
#polyclip #navigation {z-index:10;height:1em;}

#field,
#grid  {width:1000px;height:684px;}

#spot1,
#spot2 {display:none;position:absolute;left:0;top:0;text-align:center;
        font-family:arial,helvetica,sans-serif;font-size:13px;background:#00371a;}

#shade {display:none;position:absolute;top:0;left:0;width:100%;height:100%;
        background:#000;-moz-opacity:.85;opacity:.85;filter:alpha(opacity=85);}

#grid  {position:absolute;left:0;top:0;}

#viewer   {display:none;position:absolute;left:0;top:0;background:transparent;}
#viewer p {text-align:right;line-height:18px;}
div.viewer:hover {} /* Safari hack to trigger autoplay */
#viewer a:link,
#viewer a:visited {text-decoration:none;color:#fff;}
#viewer a:hover   {text-decoration:underline;}
#clip img {display:block;cursor:pointer;cursor:hand;/*border:1px dashed #666;border-bottom:none;*/}

/* Sound effects */
#atmos,
#kick   {position:absolute;bottom:0;right:0;visibility:hidden;}
#kick   {z-index:0;display:none;}

#field  {z-index:0;}
#atmos  {z-index:0;}
#spot1  {z-index:1;}
#spot2  {z-index:3;}
#grid   {z-index:5;}
#shade  {z-index:7;}
#viewer {z-index:9;}

/* Field colors: #cac7cb, #c9a909 */