/** @file layout.css
 * coding:utf-8
 *
 * Mise en page
 *
 * Conception & Réalisation : e-TF1
 */
body {
	background:#014D6B url("../images/layout/bg.gif") repeat-x left top;
	font-family : Arial, sans-serif;
	font-size : 11px;
	margin:0;
	padding:0;
}

#page {
	background :#FFF url("../images/layout/p_bg.gif") repeat-y left top;
	width:990px;
	margin : 0 auto;
}
#page.maxwidth {
	background : #FFF;
}

#top {
	background :#FFF url("../images/menu/dotnet.gif") no-repeat 78px 0;
	height:32px;
	border-bottom:1px solid #FFF;
}

#header {
	background:#FFF url("../images/layout/h_bg.jpg") no-repeat right top;
	height: 90px;
}
#header h1 {
	margin : 0;
}
#header #bannierepub {
	position : relative;
	left : 260px;
	width : 730px;
	height : 90px;
}

#header #bannierepub td {
	vertical-align:middle;
	text-align:center;
}

#main {
	float:left;
	width:790px;
	margin-bottom:10px;
	padding:0 10px;
}

	#main.noariane { margin-top:10px; }

#mainforum {
	width : 970px;
	margin-bottom:10px;
	padding:0 10px;
}

#mainleft {
	float:left;
	width:480px;
	min-height:100px;
}

#mainright {
	float:left;
	width:300px;
	margin:0 0 0 10px;
}

#sidebar {
	float:left;
	width:160px;
	margin:10px 0 10px 10px;
}

#footer {
	clear:both;
	background: url("../images/layout/f_bg.jpg") no-repeat 0 1px;
	border-top:1px solid #727274;
	height:125px;
	color:#FFF;
}
#footer ul {
	margin : 0;
	padding : 0;
}

#subfooter {
	background:#01729E;
	border-top:1px solid #0197D4;
	padding:5px 10px;
	text-align:right;
}

/** Menu des langues **/
#lang {
	float:left;
	background: url("../images/menu/bg_gris.gif") repeat-x left top;
	height:14px;
	width:77px;
	padding:9px 0;
	text-align: center;
	margin : 0;
}
#lang li {
	display: inline;
	list-style-type: none;
}

/** Formulaire d'identification **/
#ident {
	float:left;
	background: url("../images/menu/bg_gris2.gif");
	width:162px;
	height:20px;
	padding:6px 9px;
}
	
/** Footer **/

#footer a, #footer a:visited, #footer a:hover, #footer a:active {
	color:#FFF;
	text-decoration: underline;
}

#footer .footnotes {
	float:right;
	margin:73px 12px 0 0 !important;
	margin:73px 6px 0 0;
	width:320px;
	text-align:right;
}

#footer .g14 { float:left; margin:2px 0 0 60px; }
#footer .omnet { float:right; margin-left:10px; }

#footer ul.liens { list-style-type: none; }
#footer ul.liens li { display:inline; }

#footer ul.bigsponsors {
	list-style-type: none;
	float:left;
	margin:38px 0 20px 14px !important;
	margin:38px 0 20px 6px;
}

#footer ul.bigsponsors li { display: inline; margin-right:22px; }

#footer ul.sponsors {
	list-style-type: none;
	float:left;
	margin:63px 0 0 12px;
}

#footer ul.sponsors img { vertical-align:middle; }

#footer ul.sponsors li {
	 display: inline;
	 margin-right:22px;
}

#footer .orange { margin-left:2px; }

/** MENU **/
.daMenu {
	float:left;
	background: url("../images/menu/bg_gris.gif");
	height:32px;
	margin-left:75px;
}
.daMenu li {
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}

.daMenu li span {
	text-indent:-1000em;
	display:block;
	height:32px;
	width:0; /* Pour ne pas d�caler le menu vers la droite sous IE7 (sans JS) */
}

.daMenu li.unique span {
	width:auto;
}

.daMenu li a:link span, .daMenu li a:visited span, .daMenu li a:hover span, .daMenu li a:active span {
	cursor:pointer;
}

/* images */
.daMenu li.saison {
	background-image:url("../images/menu/m_saison.gif");
	width:64px;
}

.daMenu li.equipes {
	background-image:url("../images/menu/m_equipes.gif");
	width:71px;
}

.daMenu li.omtv {
	background-image:url("../images/menu/m_omtv.gif");
	width:113px;
}

.daMenu li.supporters {
	background-image:url("../images/menu/m_supporters.gif");
	width:127px;
}

.daMenu li.club {
	background-image:url("../images/menu/m_club.gif");
	width:47px;
}

.daMenu li.billetterie {
	background-image:url("../images/menu/m_billetterie.gif");
	width:86px;
}

.daMenu li.boutique {
	background-image:url("../images/menu/m_boutique.gif");
	width:78px;
}

.daMenu li.mobiles {
	background-image:url("../images/menu/m_mobiles.gif");
	width:72px;
}

/* actif */
.daMenu ul li.actif { background-position : right top; }
.daMenu ul li.hover ul, .daMenu ul li.nojs:hover ul { display : block; }

/** Niveau 2 **/
.daMenu ul ul {
	display : none;
	position : absolute;
	z-index : 10000;
	width : 180px;
	height : auto;
	background : #0F70A8;
	border-top:3px solid #91D5F0;
	border-bottom: 1px solid #91D5F0;
	padding-bottom:5px;
	filter:alpha(opacity=90);
	opacity:.90;
}

*+html .daMenu ul ul { margin-top:31px; } /* Hack IE7 pour d�caler le menu vers le bas (sans JS) */

.daMenu ul ul li {
	float :none;
	border-bottom:1px dashed #8EBBD8;
}

.daMenu ul ul a, .daMenu ul ul a:visited {
	color : #fff;
	display:block;
	padding:2px 1px 2px 1.5em;
	width:164px;
	text-decoration : none;
	background: url("../images/picto/b_flecheblanc.gif") no-repeat .5em 50%;
}
.daMenu ul ul a:hover, .daMenu ul ul a:active {
	background : #BAD7E7 url("../images/picto/b_flechebleufonce.gif") no-repeat .5em 50%;
	color: #156391;
}

.daMenu p.defaut {
	height : 18px;
	line-height : 18px;
	margin : 0 5px;
	color : #fff;
	background : #E2352E url(../images/tf1_olweb.gif) right center no-repeat;
}