/** @file layout.css
 *
 * Style de mise en page.
 * Ce fichier regroupe tous les styles de mise en page (structure, taille,
 * couleur, marges, ... de tous les éléments).
 *
 */


body {
	margin : 0;
	
	text-align : center;
	
	background : #8cb2bc url(../image/site/en/layout/bg.gif) left top repeat-x;
}

#page {
	width : 950px;
	margin : 0 auto;
	
	text-align : left;
	
	background : #fff;
}

/**
 * Header
 */
 
#header {
	height : 260px;
	
	position : relative;
	
	background : url(../image/site/en/layout/header.jpg) top left no-repeat;
}

#header #menu2 {
	position : absolute;
	top : 20px;
	left : 300px;
}

/**
 * Content
 */
 
#content {
	padding : 0 15px;
}
.home #content {
	background : url(../image/site/en/layout/bg_home.gif) bottom left repeat-x;
}

.zoneDroite {
	width : 300px;
	float : right;
	margin-left : 10px;
}
.zoneCentre {
	width : 610px;
	float : right;
}
.zonePleine {
}
.home .zonePleine {
	/* le fait de mettre une bordure corrige les bugs d'affichage sous ie
	 * je veux méme pas chercher é comprendre... */
	border : 1px solid #fff;
}
.zoneCentreGauche {
	float : left;
	width : 300px;
}
.zoneCentreDroite {
	width : 300px;
	float : left;
	margin-left : 10px;
}
.bloc {
	padding : 0 10px;
	margin-bottom : 10px;
}
.bloc p.titre {
	margin : 0 0 5px 0;
}

/**
 * Footer
 */

#footer {
	height : 57px;
	clear : both;
	background : url(../image/site/en/layout/footer.gif) top left no-repeat;
}
.home #footer {
	background : url(../image/site/en/layout/footer_home.gif) top left no-repeat;
}
#footer p {
	margin : 0;
	padding : 29px 0 0 10px;
	
	color : #8cb2bc;
}


/**
 * Zones spécifiques
 */
 
div.recherche {
	background : #e5eff1;
}
.zoneDroite .recherche {
	margin : 20px 0;
}
.zoneCentre .recherche {
	margin : 0 0 10px 0;
}
div.recherche div.inner {
	padding : 0 10px;
}
div.recherche form p {
	margin : 10px 0;
}

/**
 * Les zones "Ligue 1 Orange" et "Ligue 2 Orange" de la home.
 */

.ligue {
	width : 454px;
	float : left;
	padding : 0;
}
.ligue .headerbloc {
	padding : 0 5px;
}
.ligue.l2 {
	margin-left : 12px;
}
.ligue div.classement, div.ligue div.resultats {
	width : 222px;
	min-height : 173px;
	float : left;

	background : url(../image/site/en/layout/tabl_fond.gif) left bottom no-repeat;
}
.ligue div.resultats {
	margin-left : 10px;
}
.ligue p.titre {
	position : relative;
	left : 10px;
}
.ligue p.titre, .ligue p.titre img {
	vertical-align : middle;
	color : #e14e0b;
	margin : 0;
}
.ligue div.inner {
	margin : 0 10px; /* marge intérieure */
	padding-bottom : 10px;
}

/**
 * Tableaux des résultats sur la page dédiée
 */

div.classements .headerbloc {
	margin : 15px -5px 5px -5px;
}
div.classements table {
	margin : 0 -5px;
}

.classements2 .resultats,
.classements2 .agenda {
	width : 444px;
	float : left;
}
.classements2 {
	margin : 25px -5px 0 -5px;
}
.classements2 .agenda {
	margin-left : 12px;
}
.classements2 div.inner {
	margin : 0 5px; /* marge intérieure */
}

/**
 * La zone "Les clubs" avec leur logo.
 */

.logosligues {
	padding : 20px 0 0 0;
}
.logosligues .menu {
	background : url(../image/site/en/titre/t_lesclubs.gif) left bottom no-repeat;
	padding-left : 88px;
	height : 24px;
	position : relative;
	left : 10px;
}
.logosligues .menu ul {
	margin : 0;
	padding : 0;
}
.logosligues .menu ul li {
	float : left;
	list-style : none;
	
	height : 24px;
	line-height : 24px;
}
.logosligues .menu ul li a {
	text-decoration : none;
	display : block;
	background-position : left top no-repeat;
}
.logosligues .menu ul li a span {
	visibility : hidden;
}
.logosligues .menu ul li a.l1 { width : 80px; background: url(../image/site/en/titre/t_ligue1.gif); }
.logosligues .menu ul li a.l2 { width : 81px; background: url(../image/site/en/titre/t_ligue2.gif); }
.logosligues .menu ul li a.l3 { width : 94px; background: url(../image/site/en/titre/t_national.gif); }

.logosligues .menu ul li.actif a,
.logosligues .menu ul li a:hover,
.logosligues .menu ul li a:focus {
	background-position : right;
}

.logosligues .logos {
	height : 42px;
	margin : 10px 0;
}
.logosligues .logos a {
	font-size : 42px;
}

/**
 * Editorial
 */

.edito .illustration {
	float : left;
	margin : 0;
}

/**
 * Le bloc "vidéothéque"
 */
 
.videotheque .miniplayer {
	float : left;
	margin : 0 5px 5px 0;
}
.videotheque .lire {
	clear : both;
}

div.margeavant {
	margin-top : 10px;
}