body {
    background: #fff url(../img/bg_background.png) repeat-y center top; /* IE 8 */
    background: url(../img/ombre_body.png) no-repeat center -46px, url(../img/bg_background.png) repeat-y center top;
    border-bottom: 2px solid #e3e3e3;
}

/* Publicite
*****************************/

#eShowPubTop {
    clear: both;
    margin: 0 auto;
    padding: 6px 0;
    width: 1000px;
    min-height:90px;
    text-align:center;
}

#eShowPubMiddle{
    min-width:300px;
    min-height:250px;
}

#eShowPubx01, #eShowPubx02 {
    position: absolute;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: visible;
}

.adCall {
    display: none;
}

.adCtnt object, .adCtnt iframe, .adCtnt img, .adCtnt ins{
    display: block;
    margin: 0 auto !important;
}

.blocLien {
    opacity: 0; -moz-opacity: 0; -ms-filter: "alpha(opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE < 8 */
}

/* Header de l'arche
**************************/
.arche_top {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    color: #1b1f20;
    background: #fff url(../img/bg_header.gif) repeat-x 0 0;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Logo titre
********************/
.arche_top .figure.home {
    float: left;
    margin: 14px 0 12px 25px;
    height: 60px;
}

.arche_top .figure:hover {
    opacity: 0.7; -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; /* IE 8 */ filter: alpha(opacity=70); /* IE < 8 */
}

/* Menu sociaux
***************************/
.nav_sociaux {
    float: left;
    margin: 27px 0 0 205px;
}
.nav_sociaux ._titre {
    display: none;
}
.nav_sociaux li {
    display: inline-block;
	cursor:pointer;
}
.nav_sociaux li a {
    display: block;
    width: 30px;
    height: 40px;
    margin: 0 3px;
    text-indent: -9000px;
    background-repeat : no-repeat;
    background-image : url(../img/pictos_links_sociaux.png);
}
.nav_sociaux li.facebook a {
    background-position: 0px 0px;
}
.nav_sociaux li.facebook a:hover {
    background-position: 0px -80px;
}
.nav_sociaux li.facebook a:active {
    background-position: 0px -40px;
}
.nav_sociaux li.twitter a {
    background-position: -30px 0px;
}
.nav_sociaux li.twitter a:hover {
    background-position: -30px -80px;
}
.nav_sociaux li.twitter a:active {
    background-position: -30px -40px;
}
.nav_sociaux li.googleplus a {
    background-position: -60px 0px;
}
.nav_sociaux li.googleplus a:hover {
    background-position: -60px -80px;
}
.nav_sociaux li.googleplus a:active {
    background-position: -60px -40px;
}
.nav_sociaux li.rss a {
    background-position: -90px 0px;
}
.nav_sociaux li.rss a:hover {
    background-position: -90px -80px;
}
.nav_sociaux li.rss a:active {
    background-position: -90px -40px;
}

.arche_footer .nav_sociaux {
    float: right;
    margin: 12px 0 10px;
    padding: 1px 16px;
    background: #f5f5f5;
    line-height: 40px;
}
.arche_footer .nav_sociaux ._titre {
    color: #636363;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.arche_footer .nav_sociaux ul {
    display: inline-block;
    vertical_align: middle;
}
.arche_footer .nav_sociaux li a {
    margin: 3px 2px 6px;
    vertical_align: middle;
}

/* Widget live
*****************************************/
.widget_live {
    float: right;
    position: relative;
    margin: 23px 17px 0 0;
    padding: 4px 4px 4px 127px;
    height: 45px;
    line-height: 14px;
    background: url(../img/btn_play_live_arche.png) no-repeat 4px 4px;
	width:260px;
}
.widget_live img {
    position: absolute;
    top: 4px;
    left: 47px;
    width: 80px;
    height: 45px;
}
.widget_live ._titre,
.widget_live .description,
.widget_live .etat {
    margin-left: 13px;
    font-size: 12.8px;
    font-weight: bold;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}
.widget_live ._titre a {
    color: #1B1F20;
    color: inherit;
    text-decoration: none;
}
.widget_live .description {
    white-space:nowrap;
	overflow:hidden;
}
.widget_live .description .programme {
    font-size: 11.5px;
    color: #696969;
    text-transform: none;
    font-weight: normal;
}
.widget_live .etat {
    position: relative;
    display: block;
    margin-top: 6px;
    width: 250px;
    height: 6px;
    background: #cfcfcf;
}
.widget_live .etat .current {
    display: block;
    height: 100%;
    background: #000;
}
.widget_live .blocLien {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: white;
}
.widget_live .blocLien:hover {
    opacity: 0.2; -moz-opacity: 0.2; -ms-filter: "alpha(opacity=20)"; /* IE 8 */ filter: alpha(opacity=20); /* IE < 8 */
}

/* Navigation
***************/
.arche_top > .nav {
    clear: both;
    position: relative;
    min-height: 50px;
    background: #fff url(../img/bg_arche_main_nav.png) 0 0 repeat-x;
}
.arche_top > .nav h2 {
    display: none;
}

.arche_top > .nav > ul {
    margin: 0;
    padding: 0;
    vertical-align:top;
	border-top: 1px solid #e8e8e8;
    font-size:0px;
}

.arche_top > .nav > ul li {
    display: inline-block;
    position: relative;
    vertical-align: top;
	border-right: 1px solid #e8e8e8;
}

.arche_top > .nav > ul li.home {
    border-left:1px solid #e8e8e8;
}

.arche_top > .nav > ul li.current,
.arche_top > .nav > ul li.expanded,
.arche_top > .nav > ul li:hover {
    background-color:#eb2a30;
	border-color: #eb2a30;
}

.arche_top > .nav > ul li a {
    display: block;
    padding: 17px 23px 18px 23px;
    height: 14px;
	line-height: 14px;
    font-size: 14px;
    letter-spacing: -0.02em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

.arche_top > .nav > ul li.home a {
    padding:0;
    height:49px;
    width:52px;
    background:url(../img/picto_home.png) 0 0 no-repeat;
    text-indent:99em;
    overflow:hidden;
}

.arche_top > .nav > ul li.current a,
.arche_top > .nav > ul li a:hover {
    background: transparent;
    color: #fff;
}

.arche_top > .nav > ul li.home.current a,
.arche_top > .nav > ul li.home a:hover {
    margin-left: 0px;
    background: url(../img/picto_home_on.png) no-repeat;
}


/* Navigation : bouton expand menu
***************/
.arche_top > .nav > ul li.expanded {
    margin: 0;
	padding: 0;
}

.arche_top > .nav > ul li.expanded a {
    background:#eb2a30;
    color:#fff;
}

.arche_top > .nav > ul a.expandable {
    position: relative;
    padding-right: 35px;
}

.arche_top > .nav > ul .bouton-menu-emission {
    display: block;
    position:absolute;
    top:17px;
    right:12px;
    margin:0;
    border:none;
    padding:0;
    width:15px;
    height:14px;
    background:url(../img/btn_expand_emission.png) no-repeat top;
    text-indent: -900px;
    overflow: hidden;
    cursor: pointer;
}

.arche_top > .nav > ul .emissions:hover .bouton-menu-emission,
.arche_top > .nav > ul .emissions.current .bouton-menu-emission {
    background-position: 0 -14px;
}

.arche_top > .nav > ul .emissions:hover .bouton-menu-emission:hover {
    background-position: 0 -28px;
}

.arche_top > .nav > ul .expanded .bouton-menu-emission {
    background-position: 0 -42px !important;
}


/* Recherche
**************/
.recherche_arche {
    position:absolute;
    top: 1px;
    right: 0;
    padding:9px 0 0 10px;
    width:235px;
    background:url(../img/bg_arche_main_nav.png) 0 0 repeat-x;
    vertical-align:top;
    font-size: 0;
}
.recherche_arche input.keyword-input {
    display: inline-block;
    border: none;
    padding: 0 0 0 8px;
    width: 180px;
    height: 32px;
    line-height: 32px;
    color: #7a7a7a;
    font-family: Arial,Helvetica,FreeSans,sans-serif;
    font-style: normal;
    font-size: 11px;
    background: url(../img/bg_input_arche.png) 0 0 no-repeat;
    vertical-align: top;
}
.recherche_arche input.submit {
    display: inline-block;
    border: none;
    width: 36px;
    height: 31px;
    background: url(../img/btn_recherche_arche.png) 0 0 no-repeat;
    vertical-align: top;
    text-indent: -900px;
    overflow: hidden;
    cursor: pointer;
}

/* Recherche : AutoCompletion
******************************/
.recherche_arche .auto_complete {
    position: absolute;
    z-index:1;
    top: 45px;
    right: 19px;
    padding: 17px 11px 8px 12px;
    width: 210px;
    background: #f9f9f9 url(../img/bg_autocomplet.png) 0 0 repeat-x;
}
.recherche_arche .auto_complete a {
    color:#808080;
    text-decoration: none;
}

.recherche_arche .auto_complete ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.recherche_arche .auto_complete em {
    color:#eb2a30;
    font-weight:bold;
    font-style: normal;
}

.recherche_arche .auto_complete .miniature_results li {
    position: relative;
    border-top:1px solid #fff;
    border-bottom:1px solid #e9e8e8;
    padding: 6px 0 6px 63px;
    line-height: 13px;
}
.recherche_arche .auto_complete .miniature_results li.first {
    border-top: none;
}
.recherche_arche .auto_complete .miniature_results li a {
    display:block;
    line-height: 1.2em;
    padding: 0 0 2px;
    font-size:10.65px;
}
.recherche_arche .auto_complete .miniature_results li img {
    position: absolute;
    top: 6px;
    left: 0;
}
.recherche_arche .auto_complete .miniature_results li strong {
    display:block;
    font-size:11.7px;
    font-weight: bold;
    text-transform:uppercase;
    color: black;
}
.recherche_arche .auto_complete .miniature_results li a:hover strong {
    color: #808080;
}
.recherche_arche .auto_complete .liste_results {
    padding: 5px 0;
    border-top:1px solid #fff;
    border-bottom:1px solid #e9e8e8;
}
.recherche_arche .auto_complete a.all_results {
    display:block;
    border-top:1px solid #fff;
    padding:5px 0 0;
    text-align:right;
}


/* Menu Emission
*******************/
.menu-emissions {
    border-top:2px solid #eb2a30;
    line-height: 14px;
}

.menu-emissions h2 {
    display: none;
}

/* Menu Emission : Categories
**********************/
.menu-emissions .categories {
    display: inline-block;
    margin-left: 20px;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 28px;
    height: 268px;
    width: 200px;
    vertical-align: top;
}

.menu-emissions .categories li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 6px 0 6px 20px;
    width: 180px;
    color: #1b1f20;
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.menu-emissions .categories li .info {
    display: block;
    position: absolute;
    top: 8px;
    left: 75px;
    width: 86px;
    height: 11px;
    background: url(../img/francetvinfo.png)no-repeat;
}

.menu-emissions .categories li.active {
    color: #eb2a30;
    background: url(../img/chevron_menu_on.png) 98% 7px no-repeat;
}

.menu-emissions .categories li:last-child {
    border:0;
}

/* Menu Emission : Contenu principal
***********************************/
.menu-emissions .emissions {
    position: relative;
    display: inline-block;
    margin: 22px 0 0 30px;
    border-bottom: 1px solid #e8e8e8;
    width: 400px;
    height: 274px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}

.menu-emissions .listeEmissions-fragment {
    display: inline-block;
    width: 185px;
    padding-right: 15px;
    overflow: hidden;
    vertical-align: top;
    white-space: normal;
}

.menu-emissions .listeEmissions-fragment h3 {
    padding-bottom: 6px;
    font-size: 12px;
    font-weight: bold;
}

.menu-emissions .listeEmissions ul {
}

.menu-emissions .listeEmissions-fragment li {
    padding: 3px 0;
}

.menu-emissions .listeEmissions-fragment li a {
    color: #808080;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    line-height: 12px;
}

.menu-emissions .listeEmissions-fragment li a:hover {
    color: #000;
}

.menu-emissions .listeEmissions-fragment li a.emission_full {
    color: #333;
}

.menu-emissions .footer .horizontalScrollPager {
    position: absolute;
    left: 250px;
    top: 12px;
    width: 400px;
    text-align: center;
}

.menu-emissions .footer .horizontalScrollPager ul {
    display: inline-block;
    margin: 0 auto;
    margin-top: 3px;
}

.menu-emissions .footer .horizontalScrollPager li {
    display: inline-block;
    margin: 0 1px;
    width: 10px;
    height: 10px;
    background: url(../img/navigation_title_inactive.png) no-repeat center center;
    vertical-align: center;
    text-indent: -900px;
    overflow: hidden;
    cursor: pointer;
}

.menu-emissions .footer .horizontalScrollPager li.current {
    background-image: url(../img/navigation_title_active.png);
}

.menu-emissions .footer .horizontalScrollPager .next {
    position: absolute;
    top: 0;
    right: 0;
    width:13px;
    height:20px;
    background:url(../img/bg_nav_decouvrir_d.png) 0 0 no-repeat;
    text-indent: -900px;
    overflow: hidden;
    cursor: pointer;
}
.menu-emissions .footer .horizontalScrollPager .next:hover {
    background:url(../img/bg_nav_decouvrir_d_hover.jpg) 0 0 no-repeat;
}

.menu-emissions .footer .horizontalScrollPager .prev {
    position: absolute;
    top: 0;
    left: 0;
    width:13px;
    height:20px;
    background:url(../img/bg_nav_decouvrir_g.png) 0 0 no-repeat;
    text-indent: -900px;
    overflow: hidden;
    cursor: pointer;
}
.menu-emissions .footer .horizontalScrollPager .prev:hover {
    background:url(../img/bg_nav_decouvrir_g_hover.jpg) 0 0 no-repeat;
}


/* Menu Emission : Top 3 emissions
**********************************/
.top-emissions {
    display:inline-block;
    margin-left: 28px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 4px;
    padding-top: 18px;
    height: 274px;
    width: 300px;
    overflow:hidden;
    vertical-align:top;
}

.top-emissions > ._titre {
    margin-bottom: 18px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 7px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.top-emissions li {
    position: relative;
    margin-bottom: 10px;
    padding: 0 0 0 124px;
    min-height: 67px;
    overflow: hidden;
    font-size: 12px;
}

.top-emissions li ._titre {
    margin: 6px 0 3px;
    font-weight: bold;
    text-transform: uppercase;
}

.top-emissions li ._titre a {
    color: #414141;
    text-decoration: none;
}

.top-emissions li .figure {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 116px;
    height: 67px;
    overflow: hidden;
    background: #eee;
}

.top-emissions li p {
    color: #808080;
    font-size: .9em;
}

.top-emissions li .blocLien {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: white;
}

.top-emissions li .blocLien:hover {
    opacity: 0.2; -moz-opacity: 0.2; -ms-filter: "alpha(opacity=20)"; /* IE 8 */ filter: alpha(opacity=20); /* IE < 8 */
}


/* Menu Emission : footer Menu Emission
*************************/
.menu-emissions .footer {
    position: relative;
    padding: 13px 0 16px;
    width: 1000px;
    min-height:15px;
}
.menu-emissions .footer .toutes-emissions {
    padding-left: 25px;
    color: #808080;
    font-size: 12px;
    text-decoration: none;
}
.menu-emissions .footer .close {
    display: block;
    float: right;
    margin-right: 19px;
    padding-right: 19px;
    background: url(../img/arche_fermer_expand.png) no-repeat scroll 100% 2px transparent;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.menu-emissions .footer .close:hover {
    opacity: 0.7; -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; /* IE 8 */ filter: alpha(opacity=70); /* IE < 8 */
}


/* Site contenu
*****************************************/

.site_content{
    position: relative;
    margin: 0 auto;
    width: 1000px;
    background:#fff;
}

.site_content .ombre{
    position: absolute;
	top:0;
	left:0;
    width: 1000px;
	height:5px;
    background:url(../img/ombre_site_content.png) repeat-x;
	z-index:98;
}

/* Footer Arche
*****************************************/
.arche_footer {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    background: #fff;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #1b1f20;
}
.arche_footer .nav {
    width:1000px;
    margin:0 auto;
    overflow: hidden;
}
.arche_footer .nav_chaine {
    float: left;
    padding: 20px 0 0 10px;
}
.arche_footer .nav_chaine h2 {
    display: none;
}

.arche_footer .nav_chaine li {
    display:inline-block;
    vertical-align:top;
}

.arche_footer .nav_chaine li.current a {
    color:#eb2a30;
}

.arche_footer .nav_chaine a {
    display: block;
    padding: 10px 13px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #1B1F20;
}
.arche_footer .nav_chaine a:hover {
    color:#eb2a30;
}
.arche_footer .nav_chaine .home a {
    background:url(../img/picto_accueil.png) 15px 8px no-repeat;
    height:20px;
    width:20px;
}
.arche_footer .nav_chaine .home a span {
    position:absolute;
    clip:rect(1px 1px 1px 1px);
}

.arche_footer .infos_francetv {
    padding: 40px 20px 30px 20px;
    overflow: hidden;
}
.arche_footer .infos_francetv .baseline {
    float: left;
    margin: 2px 20px 0 0;
	min-height: 52px;
	border-right: 1px solid #cdcdcd;
	padding-right: 20px;
}
.arche_footer .infos_francetv .baseline a:hover img{
    opacity: 0.7; -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; /* IE 8 */ filter: alpha(opacity=70); /* IE < 8 */
}
.arche_footer .infos_francetv p {
    color: #808081;
    font-size: 11px;
}
.arche_footer .infos_francetv a {
    text-decoration: none;
    color: inherit;
}
.arche_footer .infos_francetv a:hover {
    text-decoration: underline;
}

/* Popin
*****************************************/

.jsonRss {
display:none;
font-family: Arial, Helvetica, FreeSans, sans-serif;
}

.jsonRss.masque{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#aaa;
	opacity: 0.7; -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; /* IE 8 */ filter: alpha(opacity=70); /* IE < 8 */
	z-index:50;
}

.jsonRss.box{
	position:fixed;
	top:65px;
	left:50%;
	margin-left:-290px;
	width:520px;
	min-height:260px;
	background:#fff;
	z-index:99;
	padding:30px;
	box-shadow: 0 0 20px #111;
}

.jsonRss.box .close{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:260px;
	width:15px;
	height:14px;
	background:url(../img/icons.png) -97px -129px no-repeat;
	z-index:52;
	border:1px solid #fff;
}

.jsonRss.box .close:hover {
	cursor:pointer;
	background-color:#dadada;
	border:1px solid #999;
}

.jsonRss.box .content{
	background:url(../img/title_rss.gif) no-repeat top left;
	padding-top:50px;
}

.jsonRss.box .content h3{
	text-transform:uppercase;
	font-size: 14px;
	color:#606060;
	font-weight:bold;
}

.jsonRss.box .content h3.group_rss{
	margin:10px 0 0 0;
	padding-top:10px;
	border-top:1px solid #ddd;
}

.jsonRss.box .content p{
	font-size: 11px;
	color:#b0b0b0;
}

.jsonRss.box .content ul, .jsonRss.box .content li{
	list-style: none;
}

.jsonRss.box .content .item_rss{
	overflow:hidden;
}

.jsonRss.box .content .titre_rss{
	float:left;
	font-size:12px;
	color:#b0b0b0;
	background:url(../img/picto_rss.png) 0 0 no-repeat;
	margin-top: 8px;
    padding: 3px 22px;
	display:inline-block;
	vertical-align:top;
	width:200px;
}

.jsonRss.box .content .liste_link_rss{
	overflow:hidden;
	padding-top:10px;
}

.jsonRss.box .content .liste_link_rss li {
	float:left;
	margin-left:5px;
}

.jsonRss.box .content .liste_link_rss li a{
	display:block;
	height:17px;
	text-indent:-999em;
	overflow:hidden;
}

.jsonRss.box .content .liste_link_rss .rss_xml{
	background: url(../img/btn_xml.png) no-repeat scroll 0 2px transparent;
	width:32px;
}
.jsonRss.box .content .liste_link_rss .rss_yahoo{
	background:url(../img/btn_rss_yahoo.png) 0 0 no-repeat;
	width:67px;
}
.jsonRss.box .content .liste_link_rss .rss_gplus{
	background:url(../img/btn_rss_google.png) 0 0 no-repeat;
	width:66px;
}
.jsonRss.box .content .liste_link_rss .rss_netvibes{
	background:url(../img/btn_rss_netvibes.png) 0 0 no-repeat;
	width:77px;
}