/* 
    Document   : style-1001.css
    Created on : 5 déc. 2009, 15:22:07
    Author     : Kinobi
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2.2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h3 {font-size:1.4em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

/* forms.css */
label {
    font-weight:bold;
    cursor:pointer;
    float:left;
    margin:0.5em 0;
    padding:0 1em;
    text-align:right;
    width:15em;
    color:#555;
}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	width: 96%;
        max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:6.333%;
}

.container_12 .grid_2 {
	width:14.667%;
}

.container_12 .grid_3 {
	width:23.0%;
}

.container_12 .grid_4 {
	width:31.333%;
}

.container_12 .grid_5 {
	width:39.667%;
}

.container_12 .grid_6 {
	width:48.0%;
}

.container_12 .grid_7 {
	width:56.333%;
}

.container_12 .grid_8 {
	width:64.667%;
}

.container_12 .grid_9 {
	width:73.0%;
}

.container_12 .grid_10 {
	width:81.333%;
}

.container_12 .grid_11 {
	width:89.667%;
}

.container_12 .grid_12 {
	width:98.0%;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:8.333%;
}

.container_12 .prefix_2 {
	padding-left:16.667%;
}

.container_12 .prefix_3 {
	padding-left:25.0%;
}

.container_12 .prefix_4 {
	padding-left:33.333%;
}

.container_12 .prefix_5 {
	padding-left:41.667%;
}

.container_12 .prefix_6 {
	padding-left:50.0%;
}

.container_12 .prefix_7 {
	padding-left:58.333%;
}

.container_12 .prefix_8 {
	padding-left:66.667%;
}

.container_12 .prefix_9 {
	padding-left:75.0%;
}

.container_12 .prefix_10 {
	padding-left:83.333%;
}

.container_12 .prefix_11 {
	padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:8.333%;
}

.container_12 .suffix_2 {
	padding-right:16.667%;
}

.container_12 .suffix_3 {
	padding-right:25.0%;
}

.container_12 .suffix_4 {
	padding-right:33.333%;
}

.container_12 .suffix_5 {
	padding-right:41.667%;
}

.container_12 .suffix_6 {
	padding-right:50.0%;
}

.container_12 .suffix_7 {
	padding-right:58.333%;
}

.container_12 .suffix_8 {
	padding-right:66.667%;
}

.container_12 .suffix_9 {
	padding-right:75.0%;
}

.container_12 .suffix_10 {
	padding-right:83.333%;
}

.container_12 .suffix_11 {
	padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:8.333%;
}

.container_12 .push_2 {
	left:16.667%;
}

.container_12 .push_3 {
	left:25.0%;
}

.container_12 .push_4 {
	left:33.333%;
}

.container_12 .push_5 {
	left:41.667%;
}

.container_12 .push_6 {
	left:50.0%;
}

.container_12 .push_7 {
	left:58.333%;
}

.container_12 .push_8 {
	left:66.667%;
}

.container_12 .push_9 {
	left:75.0%;
}

.container_12 .push_10 {
	left:83.333%;
}

.container_12 .push_11 {
	left:91.667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-8.333%;
}

.container_12 .pull_2 {
	left:-16.667%;
}

.container_12 .pull_3 {
	left:-25.0%;
}

.container_12 .pull_4 {
	left:-33.333%;
}

.container_12 .pull_5 {
	left:-41.667%;
}

.container_12 .pull_6 {
	left:-50.0%;
}

.container_12 .pull_7 {
	left:-58.333%;
}

.container_12 .pull_8 {
	left:-66.667%;
}

.container_12 .pull_9 {
	left:-75.0%;
}

.container_12 .pull_10 {
	left:-83.333%;
}

.container_12 .pull_11 {
	left:-91.667%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*
   MISE EN PAGE GENERALE
*/
body {
    background:#036;
    font-family: "Lucida Grande", verdana, geneva, helvetica, arial, sans;
}

/*
   SIDEBAR
*/
#sidebar {
    background:#603 url('style-1001/sidebar-fond.png') left bottom no-repeat;
    border-right:1px solid #fc0;
    height:100%;
    left:0;
    overflow:auto;
    position:fixed;
    width:199px;
}

#logo {
    display:block;
    margin:1em auto;
}

#nav {
    background:#002;
    border:5px solid #002;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    list-style-type:none;
    margin:0 auto 1em;
    width:80%;
}

#sidebar a {
    color:#fff;
    outline: 0;
}

#nav li {padding:.1em 0;}

#nav a {
    background:#002;
    display:block;
    font-size:1.2em;
    height:2em;
    line-height:2em;
    overflow: hidden;
    padding-left:1em;
    text-decoration:none;
    white-space: nowrap;
}
#nav a:hover, #nav a:focus {
    background:#603 url('style-1001/bloc-titre-fond.png') center left repeat-x;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.body-home #nav a.nav-home,
.body-actu #nav a.nav-actu,
.body-penya #nav a.nav-penya,
.body-museo #nav a.nav-museo,
.body-live #nav a.nav-live,
.body-video #nav a.nav-video,
#nav a:active {
    background:#036 url('style-1001/bloc-titre-fond.png') center left repeat-x;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#socialmedia {
    list-style-type:none;
    margin:1em auto;
    overflow:hidden;
    padding:0 0 0 .1em;
    width:90%;
}
#socialmedia li { float:left;}
#socialmedia a {
    display:block;
    float:left;
    padding:.2em .5em;
}

/*
   PAGE
*/
#page {
   margin-left:200px;
   padding-bottom:2em;
}
#page ul, #page ol {list-style-position:inside;}

#header {
    padding-top:1em;
    color:#fff;
    font-size:.9em;
    text-align:justify;
}

h1 {
    background:transparent url(style-1001/h1-fond.png) center right no-repeat;
    color:#fc0;
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
    font-size: 2.5em;
    padding:.5em 50px 0 0;
}

.bloc {
    background:#fff;
    border:.5em solid #fff;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    margin:1em auto .3em;
    overflow:hidden;
}

.bloc .titre, .bloc h2.titre {
    background:#603 url('style-1001/bloc-titre-fond.png') center left repeat-x;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    margin:0 0 .5em;
    color:#FFF;
    padding:.1em .5em;
}
.bloc a {text-decoration:none;}
.bloc a:visited {color:#003;}
.bloc a:hover, .bloc a:focus {text-decoration:underline;}
.bloc img {vertical-align:middle;}

.aside .titre, .aside h2.titre {background-color:#003;}

.puce {
    padding-left:20px;
    background-position:left center;
    background-repeat: no-repeat;
}


/*
   FOOTER
*/
#footer {
    background:#002;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    color:#eee;
    font-size:.8em;
    margin:3em 1% 2em;
    overflow:hidden;
}
#footer a {
    color:#fff;
    text-decoration:none;
}
#footer a:hover, #footer a:focus {text-decoration:underline;}

#footer dt {
    color:#999;
    font-size:1.1em;
    margin:0 1em 1em;
}

#footer dl {
    float:left;
    margin:0 1.5em 1em;
    border-left:#999 1px dotted;
}

#footer dd {margin-left:0;}

#footer ul {
    list-style-type:none;
}

#footer-nav, #copyright {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#footer-nav p {
    text-align:right;
    margin:.5em 1em;
    padding-top:.5em;
}
#footer-nav p#twitter {
    float:left;
    font-size:1.1em;
    text-align:left;
    padding:.5em 1em .5em 0;
}
#twitter img {
    margin-right:1em;
    vertical-align:middle;
}

#copyright {
    background-color:#001;
    border:none;
    clear:left;
    color:#ccc;
    margin:1em 0 0;
    padding:.5em 1em;
    text-align:center;
}

.facebook {background-image:url(style-1001/facebook_16.png);}
.lastfm {background-image:url(style-1001/lastfm_16.png);}
.flickr {background-image:url(style-1001/flickr_16.png);}
.twitter {background-image:url(style-1001/twitter_16.png);}
.rss {background-image:url(style-1001/rss_16.png);}


/*
   CAS PARTICULIERS
*/

/* Homepage */
#edito {
    color:#fff;
    font-size:.9em;
    text-align:justify;
}

.body-home table {width: 100%;}
.body-home table .bloc {
    padding: 0;
    vertical-align: top;
}

.homepage-separation {width: 2%;}
.homepage-single {width:31.333%;}
.homepage-double {width:64.667%;}

#une {
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    color:#FFF;
    height:8em;
    position: relative;
}
#une.messi {background:#003 url(style-1001/une/messi-950x250.jpg) center center no-repeat;}
#une.messi-guardiola {background:#003 url(style-1001/une/messi-guardiola-950x250.jpg) center left no-repeat;}
#une.tifo-leoxander {background:#003 url(style-1001/une/tifo-leoxander-950x250.jpg) center left no-repeat;}
#une span {
    position: absolute;
    bottom: .2em;
    left: .5em;
}

.body-home #section dl {margin-left:.5em;}
.body-home #section dt {
    font-size:1.5em;
    font-weight:normal;
}
.body-home #section dd {margin-left:0;}

.body-home #section h3 {margin-bottom:.2em;}

.body-home #section ul {
    list-style-type:none;
    margin:.5em 0;
}
.body-home #section li {border-top:1px dotted #ccc;}
.body-home #section li a {
    display:block;
    padding: .1em;
}
.body-home #section li a:hover {
    text-decoration: none;
    background-color: #ddd;
}
.body-home #section li small {
    display: block;
    float: left;
    margin: .5em .5em 0 0;
}

#homepage-live {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#homepage-live caption {
    background-color: #ddd;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    color: #333;
    text-align: center;
}
#homepage-live tr {background-color: #603;}
#homepage-live td {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}

#section #homepage-museo {margin: .7em 0;}
#section #homepage-museo li {border-top:none;}
#section #homepage-museo li a {
    display: block;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    width: 225px;
}

.body-home .aside {
    min-height:25em;
    overflow: hidden;
}

/* Recherche */
#cse {
    width:90%;
    margin:1em auto;
}

/* Actu */
.body-actu #section dt {
    font-size:1.5em;
    font-weight:normal;
    margin-left:1em;
}
.body-actu #section dd {
    border-bottom:1px dotted #ddd;
    margin-bottom:1em;
    overflow:hidden;
}

/* News */
#news-corps img {
    background-color:#603;
    display:block;
    margin:0 auto;
    padding:3px;
    text-align: center;
    border-width:1em;
    border-style:solid;
    border-color:#fff;
}

#news-auteur {float: right;}

#news-social {
    float: left;
    width: 50%;
}

/* Rubrique */
.rubrique-logo {
    float:right;
    margin:.5em;
}

#rubrique-mosaique {
    list-style-type:none;
    overflow:hidden;
}
#rubrique-mosaique li {
    display:block;
    float:left;
    height:11em;
    margin:1em 0;
    text-align:center;
    width:11.5em;
}

/* Penya */
#penya-cgu {
	background-color:#eee;
	height: 50em;
	margin:0 auto 1em;
	overflow:auto;
	border:1px solid #ddd;
	padding:1em 0;
}
#penya-cgu p {
	margin-left:1em;
	margin-right:1em;
}

/* Live */
#live-commentaire, #live-compo {
    float: left;
    width:49%;
}
#live-score, #live-infos, #live-compo th, #live-compo td {text-align: center;}
#live-commentaire tbody {
    display: block;
    height:520px;
    overflow: auto;
}

#live-commentaire td {
    border-bottom: 1px dotted #ccc;
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.live-commentaire-0 {}
.live-commentaire-1,
.live-commentaire-2,
.live-commentaire-3,
.live-commentaire-4,
.live-commentaire-5,
.live-commentaire-7 {
    background-color: transparent;
    background-position: center left;
    background-repeat: no-repeat;
    font-weight: bold;
    padding-left: 40px;
}
.live-commentaire-1 {
    background-image: url(style-1001/live/but.png);
    color: #0c0;
}
.live-commentaire-2 {background-image: url(style-1001/live/carton-jaune.png);}
.live-commentaire-3 {
    background-image: url(style-1001/live/carton-rouge.png);
    color: #c00;
}
.live-commentaire-4 {background-image: url(style-1001/live/remplacement.png);}
.live-commentaire-5 {background-image: url(style-1001/live/blessure.png);}
.live-commentaire-6 {
    color: #006;
    font-style: italic;
}
.live-commentaire-7 {background-image: url(style-1001/live/stats.png);}

/* Museo */
.body-museo #section dt {
    color:#333;
    font-size:1.1em;
    margin:0 1em 1em;
}

.body-museo #section dl {
    margin:0 1.5em 1em;
    border-left:#333 1px dotted;
}

.body-museo #section dd {margin-left:0;}

/* Museo - Maillots */
#museo-maillot {
    list-style-type: none;
}
#museo-maillot li {float: left;}
#museo-maillot li a {
    display: block;
    margin: .5em;
}
#museo-maillot li p {text-align: center;}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}