@charset "ISO-8859-1";


/* Le menu principal, liste des rubriques */

.menu_sport { min-height: 31px; background: url(../img/interface/fond/archeMenu_principal.png) no-repeat; }
.menu_sport > li { float: left; margin: 1px; }
.menu_sport > li > a { display: block; height: 29px; padding: 0 10px; background: #014f8c; line-height: 29px; color: white; text-transform: uppercase; font-size: 12px; font-weight: bold; }

.menu_sport a,
.menu_sport a:hover { text-decoration: none; }

.menu_sport > :hover > a,
.menu_sport > .current > a { background: white url(../img/interface/texture/grise.png); color: #014E8C; }

.menu_sport:hover > .current { opacity: 0.4; }

.menu_sport > .current:hover { opacity: 1; }

.menu_sport .home a,
.menu_sport .home:hover a { width: 33px; padding: 0; overflow: hidden; background: url(../img/picto/home_white_grey.png) no-repeat center center; text-indent: -999px; }

.menu_sport > .autre { position: relative; float: right; margin: 1px 12px 1px 0; background: url(../img/interface/fond/archeMenu_principal_autre.png) repeat-x; }
.menu_sport > .autre > a { margin: 0; border: 0 solid #565656; border-width: 0 1px; padding: 0 34px 0 16px; background: transparent url(../img/picto/fleche_deroule.png) no-repeat 94% center; }
.menu_sport > .autre.current > a,
.menu_sport > .autre:hover > a { color: white; }


/* Les sous-menu du menu principal */

.menu_sport:hover .current .sous_menu,
.menu_sport .sous_menu { display: none; }
.menu_sport :hover .sous_menu,
.menu_sport .current .sous_menu,
.menu_sport:hover .current:hover .sous_menu { display: block; }

.menu_sport .sous_menu { margin: 4px 8px 0; }
.menu_sport .sous_menu > li { margin: 2px 0 0 -16px; background: url(../img/interface/fond/archeMenu_principal_sous-menuNeutre.png) no-repeat left top; }
.menu_sport .sous_menu > li > a { display: block; position: relative; left: 16px; height: 18px; padding: 0 16px 0 0; background: url(../img/interface/fond/archeMenu_principal_sous-menuNeutre.png) no-repeat right -36px; line-height: 18px; font-size: 12px; font-weight: bold;  }

.menu_sport .sous_menu > li:hover,
.menu_sport .sous_menu > .current { background-position: left -18px; }
.menu_sport .sous_menu > :hover > a,
.menu_sport .sous_menu > .current > a { background-position: right bottom; color: #fb710f; }

.menu_sport .autre .sous_menu { left: auto; right: 0; width: auto; margin: 0; border: 1px solid #000; }
.menu_sport .autre .sous_menu > li { margin: 0; background: white; border-top: 1px solid black; }
.menu_sport .autre .sous_menu > li > a { height: auto; background: transparent; color: black; text-transform: uppercase; }



.js .menu_sport > :hover > a { background: #014f8c; color: white; }
.js .menu_sport > .autre > a { background: transparent url(../img/picto/fleche_deroule.png) no-repeat 94% center; }
.js .menu_sport > .current > a,
.js .menu_sport > .visible > a { background: white url(../img/interface/texture/grise.png); color: #014E8C; }
.js .menu_sport > .home > a { background: url(../img/picto/home_white_grey.png) no-repeat center center; }

.js .menu_sport > .current:hover { opacity: 0.4; }
/*.js .menu_sport > .current.visible { opacity: 1; }*/
.js .menu_sport > .visible:hover { opacity: 1; }


/* Si le JS est activé, on le laisse se charger de l'affichage des sous-menus */
.js .menu_sport .current .sous_menu,
.js .menu_sport :hover .sous_menu { display: none; }

.js .menu_sport .sous_menu { position: absolute; z-index: 1; left: 0; width: 100%; }
.js .menu_sport .sous_menu li { float: left; margin: 2px 6px 0 0; }
.js .menu_sport .autre .sous_menu { right: 0; width: auto; }
.js .menu_sport .autre .sous_menu li { float: none; margin: 0; }

/* Le JS se chargera d'agrandir le li contenant le sous menu de la taille necessaire grace à un padding comme suis
.js .menu_sport > li.current,
.js .menu_sport > li:hover { padding-bottom: 25px; }
*/


.menu_sport .rugby .sous_menu > li,
.menu_sport .rugby .sous_menu > li > a { background-image: url(../img/interface/fond/archeMenu_principal_sous-menuRugby.png); }
.menu_sport .rugby .sous_menu > :hover > a,
.menu_sport .rugby .sous_menu > .current > a { color: #258c00; }
.menu_sport > .rugby:hover > a,
.menu_sport > .rugby.visible > a,
.menu_sport > .rugby.current > a { background-color: #258c00; color: white; }


.menu_sport .foot .sous_menu > li,
.menu_sport .foot .sous_menu > li > a { background-image: url(../img/interface/fond/archeMenu_principal_sous-menuFootball.png); }
.menu_sport .foot .sous_menu > :hover > a,
.menu_sport .foot .sous_menu > .current > a { color: #7a9e00; }
.menu_sport > .foot:hover > a,
.menu_sport > .foot.visible > a,
.menu_sport > .foot.current > a { background-color: #7a9e00; color: white; }

.menu_sport .cyclisme .sous_menu > li,
.menu_sport .cyclisme .sous_menu > li > a { background-image: url(../img/interface/fond/archeMenu_principal_sous-menuCyclisme.png); }
.menu_sport .cyclisme .sous_menu > :hover > a,
.menu_sport .cyclisme .sous_menu > .current > a { color: #e7b10e; }
.menu_sport > .cyclisme:hover > a,
.menu_sport > .cyclisme.visible > a,
.menu_sport > .cyclisme.current > a { background-color: #e7b10e; color: white; }

.menu_sport .moteurs .sous_menu > li,
.menu_sport .moteurs .sous_menu > li > a { background-image: url(../img/interface/fond/archeMenu_principal_sous-menuMoteurs.png); }
.menu_sport .moteurs .sous_menu > :hover > a,
.menu_sport .moteurs .sous_menu > .current > a { color: #396172; }
.menu_sport > .moteurs:hover > a,
.menu_sport > .moteurs.visible > a,
.menu_sport > .moteurs.current > a { background-color: #396172; color: white;}

.menu_sport .voile .sous_menu > li,
.menu_sport .voile .sous_menu > li > a { background-image: url(../img/interface/fond/archeMenu_principal_sous-menuVoile.png); }
.menu_sport .voile .sous_menu > :hover > a,
.menu_sport .voile .sous_menu > .current > a { color: #014eae; }
.menu_sport > .voile:hover > a,
.menu_sport > .voile.visible > a,
.menu_sport > .voile.current > a { background-color: #014eae; color: white; }

.menu_sport .tennis .sous_menu > li,
.menu_sport .tennis .sous_menu > li > a { background-image: url(../img/interface/fond/archeMenu_principal_sous-menuTennis.png); }
.menu_sport .tennis .sous_menu > :hover > a,
.menu_sport .tennis .sous_menu > .current > a { color: #ff6e15; }
.menu_sport > .tennis:hover > a,
.menu_sport > .tennis.visible > a,
.menu_sport > .tennis.current > a { background-color: #ff6e15; color: white; }




#aMainCtnr { position:relative; margin:0 auto; width:996px; }
#archeTop, #archePromo, #archeBot, #aSiteCtnt  { position:relative; }
#aSiteCtnt { z-index:1; padding:0 12px 12px; background:#F5F5F5 url(../img/bgaSiteCtnt.png) repeat-x; }
#archePromo { z-index:0; padding:0 0 7px; background:#F5F5F5; overflow: hidden; margin-top:10px; }

/* Header */

#archeTop { z-index:2; background:#242424; color: white; overflow: visible; }
.js #archeTop { overflow: visible; }

#archeTop ._titre { display: none; }
#archeTop h1._titre { display: block; position:relative; height: 90px; padding: 30px 750px 20px 10px; background:#000000 url(http://sport.francetv.fr/layoutftv/arches/sport.francetelevisions/img/logos/francetv_sport_color_black.png) no-repeat 10px 30px; font-size:1px; text-indent:-9999px; }
	#archeTop h1._titre > a { position:absolute; top:30px; left:10px; height:94px; width:230px; }


/* Les deux menus génériques du haut, éléments semblables */
#archeTop .menu_inline { position: absolute; top: 0; height: 30px; padding-top: 5px; width: 600px; font-size: 9px; }
#archeTop .menu_inline li { margin: 0 6px; }

/* Le menu générique Sites du groupe */
#archeMenu_groupe { left: 30px; font-weight: bold; }
#archeMenu_francetvSport { right: 22px; text-align: right; }


/* Le menu générique France télévisions sports */
.js #archeMenu_francetvSport li:first-child { display: none; }
#archeMenu_francetvSport label { display: none; }
#archeMenu_francetvSport input { border: none; }
#archeMenu_francetvSport input[type=submit] { background: none; color: white; text-transform: uppercase; font-weight: bold; }
#archeMenu_francetvSport input[type=text] { font-size: 12px; padding: 2px 2px 3px; width: 130px; }




/* Bandeau de promo */

#archePromo .content { min-height:250px; }




/* Footer */

#archeBot {  z-index:0;	border-top: 5px solid #1a1a1a; padding: 6px 0 9px 99px;	background: black url(../img/logos/francetv_color_black_mini.png) no-repeat 5px center; color: #686868; font-size: 9px; line-height: 12px; }

#archeBot a { border-bottom: 1px dotted #686868; }
#archeBot a:hover { border-bottom-style: solid; text-decoration: none; }
#archeBot ._titre,
#archeBot .menu_inline { display: inline; }

#archeBot h2._titre { display: none; }

#archeMenu_groupe2 li { margin: 0 3px; }

#archeMenu_legal li:before { content: ' | '; }
#archeMenu_legal li.first:before { content: ''; }

#listpos536 > .content > li { float:left; margin:3px 10px; width:165px; height:125px; overflow:hidden; }
		#listpos536 > .content > li > h4 > a { display:block; padding:2px 13px; width:139px; color:#4D4F50; font-size:9px; }
		#listpos536 > .content > li > h4 > a:hover  { background:#EEEEEE; text-decoration:none; }
			#listpos536 > .content > li > h4 > a > img { display:block; border:1px solid #D0D1CF; padding:1px; width:128px; height:62px; }
			#listpos536 > .content > li > h4 > a > span { display:block; }
			#listpos536 > .content > li > h4 > a > ._titre { margin:2px 0 0; font-weight:bold; }

/* Positionnement de la pub de haut de page */
#eShowPubTop { clear: both; }
#eShowPubTop .adCtnt { position: absolute; top: 32px; right: 22px; height: 90px; width: 728px; overflow: hidden; background: #111; }

/* Positionnement de la pub en skycrapper */
#eShowPubx01 .adCtnt { position: absolute; top: 160px; right: -125px; height: 600px; width: 120px; }