/* GENERAL */

BODY { background:#000000 url("../_img/graph/back.png") center top no-repeat fixed; }
IMG { margin:0px; }
A IMG { border:0px; }
DIV, TABLE, IMG { box-sizing:border-box; }
IFRAME { outline:1px solid #111111;border:0; }


/* LAYOUT */

#main { margin:0px auto; border:0px; padding:20px; border-spacing:0px; background:url("../_img/graph/transl_blanc.png"); }
#menu-mobile { height:1px; width:100%; overflow:hidden; font:bold 1.3em Arial Narrow, sans-serif; color:#333333; text-align:center; position:absolute; z-index:2; top:80px; background:rgba(255,255,255,0.98); transition:height 500ms; }
#menu-mobile A { display:block; margin:10px 0; }
#menu-desktop { padding:0px 0px 10px; font:bold 12pt Arial Narrow, sans-serif; color:#333333; text-align:right; }
#title { padding:10px 0px; border-top:7px solid #999999; border-left:0px; border-right:0px; border-bottom:0px; font:bold 24pt Arial, sans-serif; color:#333333; }
#subtitle, .subtitle { padding:10px 0px; border-top:2px solid #999999; border-left:0px; border-right:0px; border-bottom:0px; font:bold 18pt Arial, sans-serif; color:#333333; }
#content, .content { padding:0px 0px 10px; text-align:center; }
#bottom { padding:10px 0px 0px; border-top:7px solid #999999; border-left:0px; border-right:0px; border-bottom:0px; font:normal 8pt Arial, sans-serif; color:#333333; text-align:center; }

@media all and (max-width:699px) {
 BODY { margin:0; }
 .desktopOnly { display:none; }
 #menuTrigger { display:block; }
 #menu-desktop { display:none; }
 #main { width:100vw; }
 IFRAME { width:85vw; height:200px; }
.transl { padding:15px 0 12px; }
 #content, .content { max-width:90vw; overflow:auto; }
 TD.text { padding:25px 0; display:block; }
 .floatImg { display:block; margin:0 0 20px; max-width:100%; }
}
@media all and (min-width:700px) {
 BODY { margin:15px; }
 .mobileOnly { display:none; }
 #menuTrigger { display:none; }
 #menu-mobile { display:none; }
 #main { width:990px; }
 IFRAME { width:586px; height:315px; }
 .transl { padding:15px 15px 12px; }
 TD.text { padding:25px; }
 .floatImg { float:right;margin:0px 0px 25px 25px; max-width:50%; }
}


/* CLASSES */

/* (for TD or DIV) */

.transl { background:url("../_img/graph/transl_noir.png"); vertical-align:top; text-align:center; font:normal 13pt Arial, sans-serif; }
.text { vertical-align:top; text-align:justify; font:normal 11pt Arial, sans-serif; color:#333333; }
DIV.vign-plus { border:0px; margin:10px 50px 60px; text-align:center; font:normal 9pt Arial, sans-serif; color:#333333; }

/* (for IMG) */

.cadre { border:1px solid #000000; box-shadow:2px 2px 2px #000000; }
.cadre:hover { border:1px solid #999999; box-shadow:2px 2px 2px #000000; }
.vign { margin:0px 3px; box-shadow:2px 2px 2px #999999; opacity:1; }
.vign:hover { opacity:0.8; }


/* LINKS */

A, A:visited { color:#333333; text-decoration:underline; }
A:active, A:hover { color:#333333; text-decoration:none; }

A.menu, A:visited.menu { color:#333333; text-decoration:none; }
A:active.menu, A:hover.menu { color:#999999; text-decoration:none; }
A.ombr, A:visited.ombr { color:#ffffff; text-decoration:none; text-shadow:2px 2px 2px #000000; }
A:active.ombr, A:hover.ombr { color:#ffffff; text-decoration:underline; text-shadow:2px 2px 2px #000000; }

A#menuTrigger { text-decoration:none; position:absolute; top:-6px; right:12px; text-align:center; font-size:5em; color:#555; font-family:Arial, sans-serif; }

A.butt, A:visited.butt { text-decoration:none; font-size:1.2em; font-variant:small-caps; font-family:Arial Narrow, sans-serif; border:1px solid #555; padding:5px 20px; background-color:rgba(85,85,85,0.8); color:#fff; white-space:nowrap; line-height:3em; }
A:active.butt, A:hover.butt { background-color:rgba(85,85,85,0.4); }


/* SPECIFIC */
/* Home */

#home { margin:0px; padding:0px; border-spacing:2px; }
@media all and (max-width:699px) {
 #home { width:100%; }
 #home TD { display:block; }
 #home TD IMG { width:82vw; }
}
@media all and (min-width:700px) {
 #home { width:950px; }
 #home TD:first-child IMG { width:298px; }
}

#sponsors { margin:40px 0; text-align:center; }
#sponsors IMG { height:80px; width:auto !important; margin:10px; }

.trackTitle { color:#0059ba; }


/* Photos */
DIV.caption { position:relative; font:normal 9pt Arial, sans-serif; color:#333333; }