/**
 * @title    EDF ENR home styles
 */

/**
 * @section     Header Menu Profile
 * @tree        .menuProfile < #header
 */
#header .menuProfile {
    position:absolute; bottom:-53px; right:-10px;
    padding-right:10px;
    height:52px;
    background:url(/templates/edf/home/img/bg/bg-menu-profile-end.png) no-repeat 100% 0;
}
#header .menuProfile h2 {
    float:left;
    padding:10px 22px 9px 32px;
    width:105px; height:33px;
    background:url(/templates/edf/home/img/bg/bg-menu-profile-start.png) no-repeat;
    font:normal 18px "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#header .menuProfile ul {
    float:left;
    height:52px;
    background:url(/templates/edf/home/img/bg/bg-menu-profile.png) repeat-x;
}
#header .menuProfile li {
    float:left;
    padding:10px 20px;
    height:32px;
    background:url(/templates/edf/home/img/bg/sep-menu-profile.png) no-repeat 0 19px;
}
#header .menuProfile li.first {background:none;}
#header .menuProfile li a {
    position:relative;
    color:#fff;
    font:normal 18px "Trebuchet MS", Tahoma, Arial, sans-serif;
    text-decoration:none;
}
#header .menuProfile li a:hover, #header .menuProfile li a:focus {color:#003874;}

/**
 * @section     Scope
 * @tree        #scopeWrapper 
 */
#scopeWrapper {
    position:relative; z-index:5;
    width:100%;
    background:#cecece url(/templates/edf/home/img/bg/bg-scope.png) repeat-y 50% 0;
}
#scope {
    position:relative;
    margin:0 auto;
    width:960px; height:269px;
    background-color:#fff; 
}

/**
 * @section     Content
 * @tree        #contentWrapper 
 */
#content {
    padding:0;
    width:960px;
}

/**
 * @section     Scope Testimony
 * @tree        .scopeTestimony < #scope < #scopeWrapper 
 */
#scope .scopeTestimony {
    float:left;
    margin-top:80px; margin-left:310px;
    width:310px; 
}
#scope .scopeTestimony .author {
    margin-bottom:.35em;
    color:#001651;
    font:bold 12px "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#scope .scopeTestimony blockquote {
    position:relative;
    margin-bottom:.35em;
    color:#fff;
    font:normal 20px/1 "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#scope .company .scopeTestimony blockquote {color:#3a332f;}
#scope .individual .scopeTestimony blockquote {color:#000;}
#scope .individual p {color:#000;}
#scope .scopeTestimony blockquote span {
    overflow:hidden;
    display:inline-block;
    padding-top:9px;
    width:12px; height:0;    
}
#scope .scopeTestimony blockquote .openQuote {
    position:absolute; top:0; left:-15px;
    background:url(/templates/edf/home/img/scope-quote-open.png) no-repeat;
}
#scope .scopeTestimony blockquote .closeQuote {
    position:relative; top:.2em; left:.2em;
    background:url(/templates/edf/home/img/scope-quote-close.png) no-repeat;
}
#scope .scopeTestimony .author {color:#003775;}
#scope .company .scopeTestimony blockquote .openQuote {background:url(/templates/edf/home/img/scope-quote-company-open.png) no-repeat;}
#scope .company .scopeTestimony blockquote .closeQuote {background:url(/templates/edf/home/img/scope-quote-company-close.png) no-repeat;}
.scopeTestimony .more {
    position:relative; left:-5px;
}

/**
 * @section     Scope Offers
 * @tree        .scopeOffers < #scope < #scopeWrapper 
 */
#scope .scopeOffers {
    float:right;
    margin-top:50px; margin-right:10px; padding:12px;
    width:303px; height:150px;
    background:url(/templates/edf/home/img/bg/bg-scope-offers.png) no-repeat;
    text-align:center;
}
#scope .scopeOffers h2 {
    margin:.5em 0 1.2em;
    font:bold 14px/1.1 "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#scope .scopeOffers p {
    margin:.5em auto 0;
    width:135px;
    color:#ff4e00;
    font:bold 14px/1.1 "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#scope .twoOffers p {
    float:left;
    padding:0 5px;
    width:135px;
}
#scope .scopeOffers a {position:relative;}
#scope .scopeOffers img {
    margin:0 20px;
}

/**
 * @section     Scope Carousel
 * @tree        .carousel < #scope < #scopeWrapper 
 */
#scope .carouselInner li {
    width:960px; height:269px;
}
#js #scope .carouselInner li {
    position:absolute; top:0; left:0; 
}
#js #scope .carousel {
    width:960px;
}
#scope .carouselInner {
    width:960px; height:269px;
    overflow:scroll;
}
#js #scope .carouselInner {
    overflow:hidden;
}
#js #scope .carousel .pagination {
    position:absolute; top:55px; left:310px; z-index:15;
    clear:none;
    margin:0;
    height:22px; width:300px;
}
#js #scope .carousel .pagination ul {
    margin:0; padding:0;
    text-align:center;
    list-style:none;
}
#js #scope .carousel .pagination li {
    display:inline;
    margin:0; padding:0; border:0;
    width:auto; height:auto;
    background:none;
}
#js #scope .carousel .pagination a {
    display:block;
    padding:2px 2px 0 0;
    width:20px; height:20px;
    background:url(/templates/edf/home/img/bg/bg-carousel-pagination.png) no-repeat 0 -21px; color:#fff;
    font:bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration:none;
}
#js #scope .carousel .pagination .on a {
    background-position:0 0; color:#003874;
    cursor:default;
}
#js #scope .carousel .pagination a:hover {
    color:#003874;
}
#js #scope .carousel .next, #js #scope .carousel .prev {display:none;}

/*
 * @section     Simulator
 * @tree        #simulator < #content
 */
#simulator {
    position:relative; 
    margin-top:-43px; margin-right:7px; padding-left:5px;
    float:left;
    width:409px; height:334px;
} 
 
/*
 * @section     Project
 * @tree        #project < #content
 */
#project {
    position:relative;
    float:left;
    padding:22px;
    width:189px; min-height:247px;
    background:url(/templates/edf/home/img/bg/bg-project.png) no-repeat;
}
#project h2 {
    font:bold 16px "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#project p {margin-bottom:1.4em;} 

#projectForm .select {margin-bottom:1.4em;}
#projectForm .actions {
    position:absolute; bottom:20px; left:38px;
}

/*
 * @section     Callback
 * @tree        #callback < #content
 */
#callback {
    position:relative;
    float:left;
    padding:22px;
    width:189px; min-height:247px;
    background:url(/templates/edf/home/img/bg/bg-project.png) no-repeat;
}
#callback h2 {
    padding-right:52px; margin-bottom:.3em;
    background:url(/templates/edf/common/img/picto/picto-callback.png) no-repeat 100% .5em;
    font:bold 16px "Trebuchet MS", Tahoma, Arial, sans-serif;
}
#callback .radios ul {clear:left;}
#callback .radios li {
    float:left;
    margin-bottom:1ex;
}
#callback .radios li input {margin:0 1em 0 1ex;}
#callback .text input {width:170px;}
#callback .date {margin-top:1em; padding-bottom:1em;}
#callback .date label {
    position:absolute; left:-10000px;
}
#callback span.legend {
    display:block;
    /*float:left;*/
}
#callback .day {
    clear:left;
}
#callback .date .select {float:left}
#callback .day .fauxSelect, #callback .month .fauxSelect {
    margin-right:2px;
    width:30px;
}
#callback .year .fauxSelect {width:45px;}
#callback .when {float:left;}
#callback .when .fauxSelect {width:90px;}
#callback .actions {
    float:right;
    padding-top:10px; padding-right:5px;
}


/*
 * @section     Agenda
 * @tree        #schedule.push < #aside < #content < #contentWrapper 
 */
#schedule {
    position:relative;
    float:left;
    margin-right:7px; padding:22px;
    width:249px; min-height:247px;
    background:url(/templates/edf/home/img/bg/bg-testimony.png) no-repeat;
    /*text-align:center;*/
} 
#schedule h2 {
    margin-bottom:.3em;
    font:bold 16px "Trebuchet MS", Tahoma, Arial, sans-serif;
} 
#schedule h2 {
    /*margin-left:4px;*/
    text-align:left;
}
#schedule h3 {
    margin-left:4px; padding:.5em 0; border-top:1px dotted #cac3bf;
    text-align:left;
}
#schedule table {
    margin:0 auto;
    width:202px;
    color:#414141;
    font:normal 11px "Trebuchet MS", Tahoma, Arial, sans-serif;
    border-collapse:collapse;
}
#schedule caption {
    font-size:14px; font-weight:bold;
    text-align:center;
}
#schedule caption span {
    position:relative;
    display:block;
    padding:0 0 .5em;
}
#schedule caption .prev {
    position:absolute; top:0; left:7px;
}
#schedule caption .next {
    position:absolute; top:0; right:7px;
}
#schedule table a {
    display:block; 
    color:#414141;
    text-decoration:none;
}
#schedule td {
    width:28px; height:28px;
    background:url(/templates/edf/common/img/bg/bg-calendar-cel.png) no-repeat;
    text-align:center;
}    
#schedule td.on {
    background:url(/templates/edf/common/img/bg/bg-calendar-cel-today.png) no-repeat; color:#fff;
}
#schedule td.off {
    background:url(/templates/edf/common/img/bg/bg-calendar-cel-on.png) no-repeat; color:#fff;
}
#schedule td.on a, #schedule td.off a {
    color:#fff;
}
#schedule td.off a:hover, #schedule td.off a:focus, #schedule td.on a:hover, #schedule td.on a:focus{
    font-size:13px; font-weight:bold;
}
#schedule .btnMore {
    position:absolute; left:67px; bottom:21px;
}