/**
 * @title          home
 * @description    specific templates for main home page and section home pages
 * @media          screen
 * @required       global-*.css
 */


/**
 * @section        home
 * @description    home pages (general and section) specific styles
 */
#page {background:none;}
#pageEnd {display:none;}

#core {
    margin-top:-123px;
    width:auto; min-height:0;
    background:none;
	z-index:5;
}

#footer {background:url(/templates/versailles/images/common/bg/footer-home.png) repeat-x 0 100%;}

/* Carrousel */
#principal {
    position:relative;
    overflow:auto;
    margin-left:81px;
    width:830px; height:355px;
}

#main .push {
    float:left;
    margin-right:8px;
    width:271px;
}

#pushFlash {
	position:absolute; top:180px; left:-90px; z-index:100;
}

#pushFlash #pushExpand{
	position:relative;
}

#main .title {
    position:relative;
    height:100px;
    background:url(/templates/versailles/images/home/bg/push-top.png) no-repeat 0 100%;
}
#main .title h2 {
    position:absolute; bottom:0; left:6px;
    margin:0; padding:4px 10px;
    max-width:240px;
    background:#272D27 url(/templates/versailles/images/home/bg/push-title.png) repeat-x; color:#FFF;
    font:bold italic 16px Georgia, "Times New Roman", Times, serif;
}

#main .visual, #main .content {
    position:relative;
    padding:0 6px;
    background:url(/templates/versailles/images/home/bg/push-core.png) repeat-y; color:#636363;
    font-size:11px;
}
#main .visual {height:131px;}
#main .visual span {
    position:absolute; top:0; left:6px;
    padding:4px 10px;
    max-width:240px;
    background:#272D27; color:#FFF;
	font-size:11px;
}
#main .visual img {
    display:block;
    width:259px; height:131px;
}
#main .content p {
    margin:0 12px; padding-top:8px;
    min-height:65px;
    background:#DDE0DC;
}
#main .content img {
    float:left;
    margin-right:5px;
}
#main .content p.more {
    float:right;
    margin:0; padding:0;
    min-height:0;
    background:#526359 url(/templates/versailles/images/home/bg/push-more.png) repeat-x; color:#FFF;
    font-weight:bold;
}
#main .content p.more a {
    float:left;
    padding:2px 8px 3px 16px; border-left:1px solid #DDE0DC;
    background:url(/templates/versailles/images/home/picto/bullet-push-more.png) no-repeat 8px .75em; color:#FFF;
    text-decoration:none;
}
#main .content p.more a:hover {background-color:#657F70;}

#main .end {
    overflow:hidden;
    height:6px;
    background:url(/templates/versailles/images/home/bg/push-bottom.png) no-repeat;
}

/* Carrousel with JavaScript */
#core a.prev, #core a.next {
    position:absolute; top:174px;
    overflow:hidden;
    padding-top:52px;
    width:37px; height:0;
    background:url(/templates/versailles/images/home/btn/carousel.png) no-repeat;
}
#js #core a.hidden {
    top:-999px;
}
#core a.prev {left:26px;}
#core a.next {
    right:26px;
    background-position:-37px 0;
}
#core a.prev:hover {background-position:0 -52px;}
#core a.next:hover {background-position:-37px -52px;}
#core a.off {display:none;}

#js #principal {
    overflow:hidden;
    height:auto;
}
#js #main {position:absolute; top:0; left:0;}

#js .pagination {margin:0;}
#js .pagination ul {
    display:table;
    margin:3px auto 0;
}
#js .pagination li {
    display:table-cell;
    padding:0;
    background:none;
}
#js .pagination a {
    display:block;
    overflow:hidden;
    width:17px; height:17px;
    background:url(/templates/versailles/images/home/btn/carousel-pages.png) no-repeat; color:#FFF;
}
#js .pagination .on a {background-position:-17px 0;}
#js .pagination span {position:absolute; left:-10000px;}


/**
 * @section        popinHome
 * @description    popin for displaying alerts
 * @tree           #popinHome < body
 */
#popinHome {
    margin:0 auto;
    width:991px;
}
#js #popinHome {
    position:absolute; top:100px; left:100px; z-index:101;
    display:none;
    outline:0;
    width:534px;
}

#popinHome dl {
    position:relative;
    margin:0; padding:30px;
    background:#FFF; color:#434343;
}
#popinHome p {margin-bottom:0;}
#popinHome .popinHeader {margin-bottom:1.455em; padding-bottom:.5em; border-bottom:1px solid #E8E2D1;}
#popinHome .popinHeader strong {
    color:#106470;
    font:normal 18px Georgia, "Times New Roman", Times, serif;
}
#popinHome .closePopin {
    position:absolute; top:10px; right:10px;
    padding-right:20px;
    background:url(/templates/versailles/images/common/btn/close-popin.png) no-repeat 100% 0; color:#967526;
    font-size:10px;
    line-height:1.5;
}
#popinHome .closePopin:hover {background-position:100% -15px;}

#js #popinHome .popinChrome {
    width:514px;
    padding:10px 10px 0;
    background:url(/templates/versailles/images/home/bg/popin-shadow-514.png) no-repeat;
}
#js #popinHome .end {
    display:block;
    overflow:hidden;
    height:10px;
    background:url(/templates/versailles/images/home/bg/popin-shadow-514.png) no-repeat 0 -990px;
}

/* mask */
#popinHomeMask {
    position:absolute; top:0; left:0; z-index:1;
    background:#000;
}


/**
 * @section        clearing
 */
#main:after, #main .content:after, #main .content p:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}

/**
 *
 */
#sondageWrapper {
    position:absolute;
    top:0; left:0;
    width:100%;
    height:100%;
    background-image:url("/templates/versailles/images/fondsondage.png");
    z-index:500;
}
iframe#sondage{
	border: 2px solid #FFFFFF;
    display: block;
    height: 313px;
    margin: 120px auto;
    position: relative;
    width: 557px;
}