/*
 * generic rules
 */
* {
    margin:0; padding:0; border:0;
}
ul, dl {
    list-style:none;
}
body {
    background:#2f3137 ;color:#fff;
    font:11px/1.4 "Gil Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    /*font:11px/1.4 Verdana, Arial, Helvetica, sans-serif;*/
    min-width:990px; max-width:1600px;
    margin: 0 auto;
}

object {
    outline:0;
}
/*#js * {
    visibility:hidden !important;
    outline:0;
}
}
#js .js * {
    visibility:visible !important;
}
#js .screenMask, #js .screenMask * {
    visibility:visible !important;
}
#js .js .screenMask, #js .js .screenMask * {
    visibility:hidden !important;
}*/

.screen {
    position:relative;overflow:hidden; z-index:2;
    min-width:990px; max-width:1600px; 
    width:100%;
    margin:0 auto;
    /*background:#2f3137;*/
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.bgImg {
    position:absolute;
}
/*
.bgImg {
    position:absolute;
    left:-168px;
}
*+html .bgImg {
    left:-170px;
}*/
.screenMask {
    position:absolute; overflow:hidden; z-index:100;
    max-width:1600px; width:100%; height:840px;
    background:#2f3137;
    opacity: 0.9;
    text-align:center;
    
}
#the-journey .screenMask {
    height:900px;
}
* html .screenMask {
    filter:alpha(opacity=10)
}
*+html .screenMask {
    filter:alpha(opacity=90)
}
.screenMask img {
    margin-top:200px;
}
.screenWrapper {
    overflow:hidden; position:relative; left:3px;
    width:965px; height:840px;
    margin:0 auto;
}
.content {
    overflow:hidden;
}
.linkMore {
    display:block;
    margin: 12px 0; padding-left:20px;
    background:url(/img/picto-link-more.png) no-repeat 0 2px; color:#33353b;
    text-transform:uppercase; text-decoration:none;
} 
.linkMore:hover {
    color:#d7100d;
    text-decoration:underline;
    background-position: 3px 2px;
}


/*
 * screen rules
 */


/*
#screenHome{
   background:url(/img/screen-home.jpg) no-repeat 50% 0; 
}
#the-odyssey-of-pioneers{
   background:url(/img/screen-odissey.jpg) no-repeat 50% 0; 
}
#the-exhibition{
   background:url(/img/screen-exhibition.jpg) no-repeat 50% 0; 
}
#tesla-motors{
   background:url(/img/screen-tesla.jpg) no-repeat 50% 0; 
}
#the-journey{
   background:url(/img/screen-journey.jpg) no-repeat 50% 0; 
}*/

#the-journey .screenWrapper {
    height:900px;
}
#screenHome .screenWrapper {
    background:url(/img/logo-roadshow.png) no-repeat 61px 135px;    
}

/*
 * header rules
 */
#header {
    position:fixed; top:0; overflow:hidden; z-index:5;
    height:120px;min-width:990px; max-width:1600px;
    width:100%;
    background:url(/img/white-stripe.png) repeat-x 0 55px ;
}
#headerWrapper {
    position:relative;
    width:965px;
    margin:0 auto;
}

#tagLogo {
    float:left;
    margin-left:-4px;
}

#follow {
    position:relative; left:232px;
    float:left;
    width:479px; height:120px; padding-top:15px;
    background:url(/img/bg-follow.png) repeat-x;
}
#follow dt {
    margin-left:15px;
}
#follow dt, #follow dd {
    float:left;
}
#follow dd {
    width:61px;
    padding: 0 12px;
    background:url(/img/separator.png) no-repeat;
}
#follow a {
    display:block;overflow:hidden;
    padding-top:25px; height:0;
    background:url(/img/nav-follow.png) no-repeat; color:#aeafb0;
    text-decoration:none; font-variant:small-caps;
}
#followTwitter a {
    background-position:0 0;
}
#followTwitter a:hover {
    background-position:0 -50px;
}
#followFacebook a {
    background-position:0 -100px;
}
#followFacebook a:hover {
    background-position:0 -150px;
}
#followYoutube a {
    background-position:0 -200px;
}
#followYoutube a:hover {
    background-position:0 -250px;
}
#followFlickr a {
    background-position:0 -300px;
}
#followFlickr a:hover {
    background-position:0 -350px;
}
    

#follow dd.first {
    background:none;
}

#navigation {
    position:absolute; top :55px; left:255px; overflow:hidden;
    height:40px; width:720px;
    background:url(/img/white-stripe.png) repeat-x ;
} 
#navigation li {
    float:left;
    height:40px; padding-left:35px;
}
#navigation li a {
    overflow:hidden; display:block;
    padding-top:40px;
    background:url(/img/navigation.png) no-repeat; color:#33353b;
    text-transform:uppercase; text-decoration:none;
}
li#navOdissey {
    width:160px;
}
li#navOdissey a{
    background-position:0 0;
}
li#navOdissey a:hover, li#navOdissey a.on {
    background-position:0 -40px;
}
li#navExhibition {
    width:125px;
}
li#navExhibition a{
    background-position:0 -120px;
}
li#navExhibition a:hover, li#navExhibition a.on{
    background-position:0 -160px;
}
li#navTesla {
    width:120px;
}
li#navTesla a{
    background-position:0 -240px;
}
li#navTesla a:hover, li#navTesla a.on{
    background-position:0 -280px;
}
li#navJourney {
    width:112px;
}
li#navJourney a{
    background-position:0 -360px;
}
li#navJourney a:hover, li#navJourney a.on{
    background-position:0 -400px;
}




/*
 * footer rules
 */

.footer {
    overflow:hidden;
    width:100%;
    padding-top:20px;
}
.footer ul {
    float:right;
}
.footer li {
    float:left;
}
.footer a {
    padding:0 16px;
    color:#afafaf;
    font-size:10px;
    text-decoration:none; text-transform:uppercase;
}
.footer a:hover {
    text-decoration:underline;
}


/*
 * screen1 rules
 */
#screenHome .content {
    /*margin-top:154px;*/
    padding-top:151px;
    background:url(/img/mark-150.png) no-repeat 95% 98%;
}
 
#screenHome h1 {
    margin:0 0 17px 271px;
}

#screenHome .mainContent {
    width:965px;
}
#screenHome .focus {
    height: 102px;
    /*margin-left: 240px;*/
    background-color:#22242a;
}
#screenHome .footer {
    padding-top:18px;
    width:auto;
}
/* Modification 10 juin par Laetitia Stella pour ajout lien sur Homepage */
#liensphotos {
    float: left;
    width: 180px;
	padding: 19px 30px 0;
}
.focus {
    float:left;
    width:219px; height:100px; padding:19px 10px 0;
    background:url(/img/bg-focus.png) repeat-x;color:#aeafb0;
    font-size:13px;
    text-transform:uppercase;
}

.focus dt.focusTitle {
    float:none;
    padding-bottom:12px;
    font-style:italic; font-weight:bold;
}
.focus dl dt{
    color:#aeafb0;
}
.focus dd{
    color:#fff;
}
.focus span.txtblanc{
	color:#fff;
}
.focus dt, .focus dd {
    /*display:inline;*/
    float:left;
}
.focus dt dt {
    width:50%;
}
.focus dl dl dt {
    clear:both;
}
.focus dd {
    clear:right;
}


/*
 * screen2 rules
 */
#the-odyssey-of-pioneers .content{
    padding-top:120px;
}
#the-odyssey-of-pioneers .title {
    float:left;
    width:479px; height:359px;
    background:url(/img/bg-push-screen2.png) no-repeat;
    margin-right:1px;
    margin-top:1px;
}
#the-odyssey-of-pioneers h1 {
    padding:41px 0 0 16px;
}
#the-odyssey-of-pioneers h2 {
    padding:23px 0 0 16px;
}
#the-odyssey-of-pioneers .title p {
    padding:6px 0 0 16px;
    font-size:20px; font-style:italic;
    color:#d7100d;
}
#the-odyssey-of-pioneers .push {
    float:left;
    margin-top:120px;
    width:239px; height:240px;
    background:#fff;
    margin-right:1px;
}
#the-odyssey-of-pioneers .push p {
    padding:0 14px 14px;
    color:#33353b;
    font-size:13px;
}
#the-odyssey-of-pioneers .focus {
    margin-top:241px;
    width:219px;
}
#the-odyssey-of-pioneers .pushExtra {
    float:left;
    padding:10px;
    width:219px; height:96px;
    border-top:4px solid #d7100d;
    margin-left:240px;
    background:#fff;color:#33353b;
    font-size:14px;
    margin-top:1px;
    margin-right:1px;
}
#the-odyssey-of-pioneers .footer a {
    color:#fff;
}
#the-odyssey-of-pioneers .illus {
    margin-top:1px;
}
#the-odyssey-of-pioneers .extraTitle {
    color:#d7100d;
    font-size:18px;
    font-weight:bold;
}
.illus {
    float:left;
    width:479px;
}

/*
 * screen3 rules
 */
#the-exhibition .content{
    padding-top:120px;
}
#the-exhibition .title {
    float:left;
    height:359px;width:479px;
}
#the-exhibition .footer a {
    color:#fff;
}
#the-exhibition h1 {
    padding:41px 0 0 16px;
}
#the-exhibition h2, #the-exhibition .title p  {
    padding:30px 0 0 16px;
}
#the-exhibition .title p  {
    padding-top:20px;
    color:#b3b3b3;
    font-size:20px;
    font-style:italic;
}
#the-exhibition .linkPhotos {
    margin:25px 0 0 14px;
}
.linkPhotos {
    display:block;
    margin: 12px 0; padding-left:20px;
    background:url(/img/picto-link-focus.png) no-repeat 0 2px; color:#fff;
    text-transform:uppercase; text-decoration:none;
} 
.linkPhotos:hover {
    color:#d7100d;
}
#the-exhibition .push {
    float:left;
    margin-top:121px;
    width:239px; height:239px;
    background:#fff;
    margin-left:1px;
}
#the-exhibition .push p {
    padding:0 14px 14px;
    color:#33353b;
    font-size:13px;
}
.exhibWatches {
    overflow:hidden;clear:both;
    padding-top:59px;
}
.exhibWatches h2 {
    margin-bottom:20px;
}
.exhibWatches li {
    position:relative;float:left;
    margin-right:1px;
}
.exhibWatches li a {
    text-transform:uppercase; text-decoration:none;
    font-weight:bold;
    color:#fff; 
}
.exhibWatches li img {
    position:relative;
}
.exhibWatches li span {
    position:absolute; z-index:2; left:140px; top:75px;
    padding-left:20px;
    background:url(/img/picto-link-focus.png) no-repeat 0 2px; 
}
.exhibWatches li a:hover {
    color:#d7100d;
}

/*
 * screen4 rules
 */

#tesla-motors .content{
    padding-top:120px;
    background:url(/img/logo-tesla.png) no-repeat 97% 130px;
}
#tesla-motors .title {
    height:360px;width:479px;
    background:url(/img/bg-push-screen4.png) no-repeat;
}
#tesla-motors .footer a {
    color:#fff;
}
#tesla-motors h1 {
    padding:43px 0 0 16px;
}
#tesla-motors h2, #tesla-motors .title p  {
    padding:30px 0 0 16px;
}
#tesla-motors .title p  {
    padding-top:20px;
    color:#fff;
    font-size:20px;
    font-style:italic;
}
#tesla-motors .push {
    margin-right:1px;
}
#tesla-motors .push {
    float:left; clear:left;
    margin-top:1px;
    width:239px; height:239px;
    background:#151519;
}
#tesla-motors .push p {
    padding:0 14px 20px;
    color:#fff;
    font-size:13px;
}
#tesla-motors .pushExtra {
    float:left; 
    margin-top:121px;
    width:239px; height:119px;
    background:#fff;color:#33353b;
}
#tesla-motors .pushExtra ul {
    padding:15px;
}
#tesla-motors .pushExtra li a{
    display:block;
    padding-left:35px;
    color:#33353b;
    text-decoration:none; text-transform:uppercase;
    font-size:9px; line-height:20px;
}
#tesla-motors .pushExtra li a:hover {
    text-decoration:underline;
}
#tesla-motors .pushExtra li.picturesLink a{
    background:url(/img/picto-pictures.png) no-repeat;
}
#tesla-motors .pushExtra li.techLink a{
    background:url(/img/picto-tech-details.png) no-repeat;
}
#tesla-motors .pushExtra li.meetLink a{
    background:url(/img/picto-meet.png) no-repeat;
}
#tesla-motors .pushExtra li.moreTeslaLink a{
    background:url(/img/picto-more-about.png) no-repeat 0 50%;
}

/*
 * screen5 rules
 */
#contentJourney {
    /*background:url(/img/road-map.png) no-repeat;*/
}
#contentJourney .content{
    height:1280px;
    padding-top:120px;
}
#contentJourney .title {
    position:absolute; left:16px; top:635px;
}
#contentJourney .title h1,#contentJourney .title p {
    float:left;
}
#contentJourney .title p {
    border-left: 1px solid #fff;
    padding-left: 15px; margin-left:15px;
    width:415px;
}
#contentJourney .push {
    position:absolute; left:16px; top:415px;
    width:160px;
}
#contentJourney .extra {
    position:absolute; left:16px; top:730px;
}
#contentJourney .extra p {
    float:left;
    margin-right:30px;
    width:208px;
    color:#33353b;
    font-size:12px;
}
#contentJourney .extra p a {
    color:#7bdef8;
    text-decoration:none;
}
#contentJourney .extra p a:hover {
    text-decoration:underline;
}
#contentJourney .extraTitle {
    margin-bottom:10px;
}
#contentJourney .twitter {
    position:absolute; left:493px; top:745px;
}
.linkTwitter {
    display:block;
    margin: 12px 0; padding-left:20px;
    width:190px;
    background:url(/img/picto-link-twitter.png) no-repeat 0 2px; color:#7bdef8;
    text-transform:uppercase; text-decoration:none;
}
.linkTwitter:hover {
    color:#d7100d;
    text-decoration:underline;
}
#contentJourney .focus {
    position:absolute; left:720px; top:721px;
}
#contentJourney .footer {
    position:absolute; left:0; top:843px;
}
#raceMap dt a {
    display:block;
    position:absolute; overflow:hidden;
    width:5px;height:5px;
    text-indent:-999px;
}
* html #raceMap {margin-left:168px;}
* html #raceMap dt a {background:url(/img/picto-link-twitter.png) no-repeat 999px 999px;}
*+html #raceMap {position:relative;}
*+html #raceMap dt a {background:url(/img/picto-link-twitter.png) no-repeat 999px 999px;}
#raceMap dt#stage01 a { /* Geneve */
    left:451px; top:291px;
}
#raceMap dt#stage02 a { /* Basel */
    left:458px; top:282px;
}
#raceMap dt#stage03 a { /* Monaco */
    left:453px; top:299px;
}
#raceMap dt#stage04 a { /* Milan */
    left:460px; top:294px;
}
#raceMap dt#stage05 a { /* Budapest */
    left:479px; top:288px;
}
#raceMap dt#stage06 a { /* Warsaw */
    left:492px; top:272px;
}
#raceMap dt#stage07 a { /* Moscow */
    left:531px; top:260px;
}
#raceMap dt#stage08 a { /* Delhi */
    left:623px; top:345px;
}
#raceMap dt#stage09 a { /* Beijing */
    left:707px; top:309px;
}
#raceMap dt#stage10 a { /* Shanghai */
    left:721px; top:338px;
}
#raceMap dt#stage11 a { /* Tokyo */
    left:767px; top:325px;
}
#raceMap dt#stage12 a { /* Los Angeles */
    left:152px; top:326px;
}
#raceMap dt#stage13 a { /* Miami */
    left:243px; top:351px;
}
#raceMap dt#stage14 a { /* New York */
    left:259px; top:305px;
}
#raceMap dt#stage15 a { /* London */
    left:431px; top:273px;
}
#raceMap dt#stage16 a { /* Paris */
    left:444px; top:285px;
}

#raceMap dd div {
    position:absolute; left:-9999px;
}
#divToolTip {
    position:absolute; z-index:4;
    overflow:hidden;
    padding-bottom:3px;
    background:url(/img/tooltip-edge.png) no-repeat 50% 100%;
    text-align:center;
}
#divToolTip span {
    display:block;
    padding:12px 12px 0;
    height:54px;
    background:url(/img/bg-tooltip.jpg) repeat-x; color:#fff;
    text-transform:uppercase; text-decoration:none;
}
#divToolTip span span {
    position:static;
    padding:0;margin-bottom:-5px;
    height:auto;
    background:none;
    font-size:14px; font-weight:bold;
}
#divToolTip span sup {
    font-size:9px;
    text-transform:none;
}

/**
 * @scroll
 */
#js .scrollable {
    height:209px;
    overflow:hidden;
    position:relative;
    width:239px;
    margin:10px 0;
}

#js .scrollable .scrolled, #js .scrollable .notScrolled {
    padding:5px 0 1px 5px;
    width:220px;
}
#js .scrollable .scrolled {position:absolute; top:0; left:0;}

#js .scrollable .scrollbar {
    position:absolute; top:1px; left:225px;
    width:11px; height:230px;
}
#js .scrollable .gutter {
    position:absolute; top:6px; left:0;
    width:14px; height:230px;
}
#js .scrollable .bar {
    position:absolute; top:0; left:0;
    overflow:hidden;
    width:14px;
    cursor:default;
}
#js .scrollable .prev, #js .scrollable .next {
    position:absolute; left:-7px;
    overflow:hidden;
    width:7px; height:6px;
    background:url(/img/scrollers.png) no-repeat;
    cursor:pointer;
}
#js .scrollable .prev {
    top:205px;
    background-position:-7px 0;
}
#js .scrollable .next {
    top:205px;left:5px;
    background-position:0 0;
}
#js #tesla-motors .scrollable .prev {
    background-position:-7px -20px;
}
#js #tesla-motors .scrollable .next {
    background-position:0 -20px;
}
#js .scrollable .prev:hover {
    cursor:pointer;
}
#js .scrollable .next:hover {
    cursor:pointer;
}