/*
 * WebFC
 * Feuille de styles standard pour le site
 */
 
 
body
{
	background-color: #485170;
	padding: 0;
	margin:0;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
}

body:before 
{
	
	  content: "";
	  position: fixed;
	  top: -10px;
	  left: 0;
	  width: 100%;
	  height: 10px;
	  z-index: 1;
	  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}


a
{
	text-decoration: none;
	color: #6A88D3;
}

a:hover
{
	text-decoration: none;
	color: #3559B7;
}


input, textarea, select {
  outline: none;
}


h1.titre_sem { margin-bottom: 0px; margin-top: 0px;}
h1.titre_champ{ margin-bottom: 0px; margin-top: 0px;}


h3.titre_ranking {
	background-color: #E7EBF8;
	width: 379px;
	padding-left: 10px;
	height: 24px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	cursor: default;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}

h3.titre_result {
	background-color: #E7EBF8;
	width: 479px;
	padding-left: 10px;
	height: 24px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	cursor: default;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}


h3.titre
{
	/*background: url(../../imgs/fond_titre.gif) repeat-x;*/
	height: 24px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	cursor: default;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}


.titre_actu {
	background: #E7EBF8;
	width: 740px;
	border-bottom: 1px solid #fff;
	cursor: default;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;	
}


h3.titre_actu
{
	/*background: url(../../imgs/fond_titre.gif) repeat-x;*/
	height: 28px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	cursor: pointer;

}



h3.titre_breves
{
	/*background: url('../images/openPanel.png') no-repeat;*/
	height: 24px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-bottom: 1px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	width: 235px;
	background-color: #E7EBF8;
	cursor: pointer;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}


h3.titre_classement
{
	/*background: url(../../imgs/fond_titre.gif) repeat-x;*/
	height: 24px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border-bottom: 1px solid white;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	width: 235px;
	background-color: #E7EBF8;
	cursor: pointer;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}

form select#id_categorie_accueil { display:block; width:auto; float:right; margin-right: 40px; margin-top: 4px; font-size: 1em;}


h3.titre_semaine
{
	/*background: url(../../imgs/fond_titre.gif) repeat-x;*/
	height: 24px;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	width: 790px;
	background-color: #E7EBF8;
	cursor: pointer;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}


h3.titre_semaine_accueil
{
	/*background: url(../../imgs/fond_titre.gif) repeat-x;*/
	height: 24px;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 8.5pt;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #182656;
	line-height: 28px;
	width: 698px;
	background-color: #E7EBF8;
	cursor: pointer;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}



/*
 * Conteneur page
 */
#page
{	
	width: 1024px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 50px;
	text-align: left;	
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}


h1#haut
{
	width: 1024px;
	height: 180px;
	margin: 0px;
	border-top: 10px solid #6A88D3;
	border-bottom: 10px solid #6A88D3;
	clear: right;
	background: #fff;
	/*background-image: url('../images/banner.jpg');
	background-repeat: no-repeat;*/
}



#slider_haut {
	position: absolute;
	top: 40px;
	left: 240px;
	background: transparent;
	width: 706px;
	height: 213px;
}

#slider_haut  img{ 
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}



h1#titre
{
	padding: 5px;
	margin: 0;
	color: black;
	font-size: 16pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	clear: none;
}

/*
 * Barre de menus
 */
 
 
 #banner {
	position: absolute;
	top: 0px;
	left: 262px;
	background-color: #fff;
	padding: 10px;
	margin-left: 10px;
	width: 731px;
	height: 241px;
	z-index: 5;
 }
 
 
 #banner_shop { 
	position: absolute;
	top: 0px;
	left: 838px;
	z-index: 15;
}
 
 #usp_droite { 
	position: absolute;
	top: 9px;
	left: 940px;
	z-index: 15;
}

 #usp_bottom { 
	position: relative;
	top: 4px;
	left: 15px;
	z-index: 15;
}

 
 #boutique { 
	position: absolute;
	top: 172px;
	left: 40px;
	z-index: 15;
	width: 220px;
	height: 20px;
	background-color: #6A88D3;
	text-align: center;
	font-size: 11px;
	padding-top: 7px;
	color: #E7EBF8;
	cursor: default;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
 
 
 #ombre_banner { 
	position: absolute;
	top: 186px;
	left: 0px;
	z-index: -2;
}
 
 #logo {
 	position: absolute;
	top: 20px;
	left: 26px;
	z-index: 10;
 }
 
 #logo img { 
 }
 
 
 #barre_1 {
 	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
 }
 
 
#ombre_menu_gauche { 
	position: absolute;
	top: -36px;
	left: 0px;
	z-index: 1;
} 

#ombre_menu { 
	position: absolute;
	top: -40px;
	left: 1018px;
	z-index: -2;
}


#ombre_footer { 
	position: relative;
	top: -52px;
	left: -100px;
	z-index: -2;
}

#grass { 
	position: relative;
	top: -215px;
	left: 637px;
	z-index: 0;
}
 
ul#menu, ul#submenu
{
	height: 40px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #6A88D3;
	/*background: url(../../imgs/menu.gif) repeat-x;*/
	clear: right;
}

ul#submenu
{
	position: relative;
	background: #6A88D3;
	color: white;
	padding-left: 140px;
	z-index: 10;
}

ul#menu li, ul#submenu li
{
	float: left ;
	text-align: center ;
	height: 40px;
	text-transform: uppercase;
}

ul#menu li a
{
	width: 95px;
	line-height: 40px;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0.5px;
	color: #fff;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #fff;
}

ul#menu li a:hover, ul#submenu li a:hover
{
	background: #E7EBF8; color: #6A88D3;

	-webkit-transition: background-color 0.30s linear;
	-moz-transition: background-color 0.30s linear;
	-o-transition: background-color 0.30s linear;
	transition: background-color 0.30s linear;
}


ul#submenu li a
{
	line-height: 40px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 8pt;
	font-weight: normal;
	letter-spacing: 0.5px;
	color: #fff;
	display: block;
	text-decoration: none;
	border: 0px;
}

/*
 * Contenu
 */
#contenu
{
	padding-top: 0px;
	overflow: hidden;
	position: relative;
	background-color: white;
	text-align: left;
	padding-bottom: 20px;
}

/*
 * Copyright bas de page
 */
div#copyright
{
	clear: left;
	background-color: #fff;
	/*border-top: 1px solid #666666;*/
	color: #6A88D3;
	height: 20px;
	padding-left: 94px;
	padding-bottom: 6px;
	line-height: 20px;
	font-size: 8pt;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
}

.weborama {
	position: relative;
	left: 280px;
	top: -20px;
}

#footer { 

	width: 100%;
	background-color: #fff;
	height: 10px;
}

#bottom_labels {
	position: relative;
	left: 30px;
}


#tiltshadows {
       width: 220px;
       position: relative;
       z-index: 3;
       text-align: center;
	   margin-bottom: 10px;
	   margin-right: 10px;
	   float: left;
}  

	








/*
 * Styles pour A la une
 */
div#alaune
{
	position: relative;
	cursor: default;
	width: 100%;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*border: 2px solid #000066;*/
	background-color: #6A88D3;
	color: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}


.alaune_img {
	float: left;
	padding-right: 10px;
}
.alaune_img img{ border: 4px solid #E7EBF8; }


.alaune_title {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -6px;
}

.alaune_desc {
	color: #E4E9F8;
}

.alaune_link {
	float: right;
	position: absolute;
	bottom: 6px;
	right: 10px;
}


#slideune {
	height: 300px;
	margin-bottom: 15px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica;
}

#slideune ul.yui-nav {
	float: right;
	margin: 0;
	padding: 0;
	width: 108px;
	height: 302px;
	background: url(../../imgs/fond_onglet.gif) no-repeat top left;
}

#slideune ul.yui-nav li {
	display: list-item;
	list-style: none;
	height: 100px;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
}

#slideune ul.yui-nav li.selected {
	background: url(../../imgs/onglet_on.gif) no-repeat top left;
}

/*#slideune ul.yui-nav li.first.selected {
	background: url(../../imgs/onglet_first_on.gif) no-repeat top left;
}

#slideune ul.yui-nav li.last.selected {
	background: url(../../imgs/onglet_last_on.gif) no-repeat top left;
}*/

#slideune ul.yui-nav li a {
	display: block;
	height: 100px;
	vertical-align: middle;
	text-align: center;
	color: black;
}

#slideune ul.yui-nav li.selected a {
	color: white;
}

#slideune ul.yui-nav li a img {
	border: 0;
}

#slideune .yui-hidden {
	display: none;
}

#slideune .yui-content {
	border: 1px solid #999999;
	margin-right: 108px;
	min-height: 299px;
	position: relative;
}

#slideune .yui-content div {
	min-height: 299px;
	background-position: top left;
}

#slideune .yui-content div .yui-tabtext {
	background: url(../../imgs/fond_texte.png) repeat;
	color: white;
	padding: 5px;
	margin: 10px;
	position: absolute;
	bottom: 15px;
	min-height: 40px;
}

#slideune .yui-content .yui-tabtext h2 {
	margin-top: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14pt;
}

/* Hack Mozilla pour hauteur block */
div#alaune:img {
	display: block;
	clear: none;
}

div#alaune:after,
div#alaune img:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



* html #alaune {
	height: 1%;
}

div#alaune h2
{
	padding: 0px;
	margin: 0;
	padding-bottom: 10px;
	color: white;
	font-size: 15pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#alaune a, div#alaune a:visited, div#alaune a:link
{
	color: #E7EBF8;
	font-weight: bold;
	float: right;
	padding-right: 20px;
	text-transform: uppercase;
	padding-top: -10px;
}

div#alaune a:hover { color: white; }

/*
 * Styles pour les anciennes actus
 */
div#breves {
	background-color: #F7F8FD;
	margin: 0;
	padding: 0;
}

div#actualites {
	background-color: #F7F8FD;
	margin: 0;
	padding: 0;
	width: 750px;
}


.selector {
	position: absolute;
	width: 15px;
	height: 17px;
	background-image: url('../images/triangle.png');
	background-repeat: no-repeat;
	margin-left: -18px;
	margin-top: 26px;
}





#ribbon { 
	position: absolute;
	margin-top: 10px;
	margin-left: 630px;
	width: 120px;
	height: 20px;
	color: #98ACE0;
	font-size: 10px;
	padding-top: 6px;
	padding-left: 6px;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	z-index: 2;
	cursor: pointer;
}

#ribbon_ie { 
	position: absolute;
	margin-top: 10px;
	margin-left: 630px;
	width: 120px;
	height: 20px;
	color: #98ACE0;
	font-size: 10px;
	padding-top: 6px;
	padding-left: 6px;
}


#slick-toggle { 
	width: 730px;
	padding: 10px; 
	height: 50px; 
	background-color: #E7EBF8;
	border-bottom: 1px solid #fff;
	cursor:pointer;
	-webkit-transition: background-color 0.60s linear;
	-moz-transition: background-color 0.60s linear;
	-o-transition: background-color 0.60s linear;
	transition: background-color 0.60s linear;
}

#slick-toggle.on {background-color: #F7F8FD;}
#slick-toggle.over {
	background-color: #F7F8FD;
	-webkit-transition: background-color 0.30s linear;
	-moz-transition: background-color 0.30s linear;
	-o-transition: background-color 0.30s linear;
	transition: background-color 0.30s linear;
}
#slick-toggle h3 { position: absolute; padding-left: 20px; font-size: 0.8em; color: #6A88D3; text-shadow: 0 1px 0 rgba(255,255,255,.5); z-index: 2;}

#bigArrow  {
	position: relative;
	top: -10px;
	left: -10px;
	height: 70px;
	z-index: 1;
}

ul#slick-menu.on  li{background-color: #F7F8FD;}

div.actu
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	min-height: 90px;
	background-color: #F7F8FD;
	width: 710px;
}

.actu {
	width: 710px;
	padding-right: 20px;
	padding-left: 20px;	
	padding-top: 8px;
	background-color: #F7F8FD;
}

/* Hack Mozilla pour hauteur block */
div.actu:after,
div.actu img:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html div.actu {
	height: 1%;
}

div.actu img {
	display: block;
	clear: none;
}

div.actu h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0;
	padding: 0;
}

div.actu a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6A88D3;
}

div.actu a:hover
{
	color: #3559B7;
}


/*
 * Styles pour la fiche joueur
 */
td.fichechamp
{
	font-weight: bold;
	width: 25%;
	background: #D3DCF2;
	color: black;
}

td.fichevaleur
{
	color: black;
}

div.fichetitre
{
	float: left;
	line-height: 100px;
	font-size: 14pt;
}


/*
 * Styles pour le match du jour
 */
div#matchjour
{
	width: 246px;
	/*height: 129px;*/
	text-align: center;
	clear: both;
	margin-bottom: 5px;
}

div#matchjour:after,
div#matchjour a ul li.opponent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#matchjour.lpiff {
	background: url(../../imgs/fond_lpiff.gif) no-repeat #F7F8FD;	
}

div#matchjour.cdf {
	background: url(../../imgs/fond_cdf.gif) no-repeat #F7F8FD;	
}


div#matchjour a, div#matchjour a img {
	border: 0px;
	clear: both;
}

div#matchjour a ul
{
	list-style-type: none;
	width: 246px;
	/*height: 100px;*/	
	margin: 0;
	padding: 0;
	clear: both;
}

div#matchjour a ul li
{
	/*float: left;*/
	text-align: left;
	clear: none;
	color: black;
	font-size: 8pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent;
	display: block;
	margin: 0;
	padding: 0;
}	

/*
div#matchjour a ul li.team
{
	width: 100px;
}

div#matchjour a ul li.versus
{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	vertical-align: middle;
	line-height: 79px;
	margin: 0;
	letter-spacing: -0.1em;
}
*/

div#matchjour span.soustitre_mj
{
	font-size: 10pt;
	color: #686868;
}

div#matchjour a ul li.opponent
{
	display: block;
}


div#matchjour a ul li.opponent div
{
	display: block;
	clear: none;
	float: left;
	line-height: 50px;
	background: transparent;
}

div#matchjour a ul li.opponent img
{
	vertical-align: middle;
	clear: none;
}

div#matchjour a ul li.opponent div.logo_equipe
{
	width: 65px;
	text-align: center;
}

div#matchjour a ul li.opponent div.equipe
{
	height: 50px;
	font-size: 9.5pt;
	vertical-align: middle;
}

div#matchjour a ul li.opponent div.score
{
	float: right;
	width: 30px;
	font-size: 18pt;
	font-weight: bold;
}


/*
 * Styles pour les br�ves
 */
div#breves
{
	margin-bottom: 10px;
}

div.breve
{
	margin: 0;
	padding: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	/*border-bottom: 1px dashed #999999;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}


/*
 * Styles pour le match du jour version Article
 */
.article table tbody tr td {
	float: center;
}

.article table.texteArticle {
	color: darkblue;
	border: 1px solid darkblue;
}

.article table.texteArticle tr td.titreArticle {
	font-size: 13pt;
	font-weight: bold;
	color: white;
	background: darkblue;	
}

.article table.texteArticle tr td {
	border: 1px solid darkblue;
}

.article img {
	margin-right: 10px;
}

* html .article {
	height: 1%;
}



/*
 * Styles pour le classement
 */
table
{
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/*margin-bottom: 15px;*/
}

table thead tr td
{
	background: #D3DCF2;
	color: black;
	padding: 1px;
}

table tbody tr td
{
	background: #E7EBF8;
	color: #666;
	padding-left: 4px;
}

table tbody tr td.t-center 
{ 
	text-align: center !important; 
}
 
 
 
td.classementPalaiseau { 
	background: #E7EBF8; 
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
	width: 100%
}

table tfoot td.classementPalaiseau_ { 
	background: #E7EBF8; 
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
	width: 100%
}
 
 
 
table#classement
{
	width: 245px;
}

table#classement_
{
	width: 100%;
	padding-bottom: 20px;
}

table#classement tbody tr.myteam td
{
	background: #6A88D3;
	color: 		#E7EBF8;
	font-weight: bold;	
}

table#classement_ tbody tr.myteam td
{
	background: #6A88D3;
	color: 		#E7EBF8;
	font-weight: bold;	
}


div#sponsors
{
	background: #F7F8FD;
	text-align: center;
}



#linkEcol2foot {
	height: 25px;
	background: #E7EBF8;
	margin-bottom: 1px;
}




.alain_boumsong { margin-bottom: 1px; overflow: hidden; position: relative; width: 245px;}


.alain_boumsong img{
	border: 4px solid #E7EBF8;
	cursor: default;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


.alain_boumsong:hover  .alain_boumsong_txt{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
}

.alain_boumsong:hover  #boumsong_img{
    -webkit-transform: translateX(245px);
    -moz-transform: translateX(245px);
    -o-transform: translateX(245px);
    -ms-transform: translateX(245px);
}


.alain_boumsong_txt {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 998;
	background-color: #F7F8FD;
	font-size: 12px;
	height: 325px;
	width: 245px;
	cursor: default;

   -webkit-transform: translateX(-245px);
   -moz-transform: translateX(-245px);
   -o-transform: translateX(-245px);
   -ms-transform: translateX(-245px);
   transform: translateX(-245px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


.alain_boumsong_txt  p{ padding-left: 10px; 	padding-right: 10px; text-align: justify; }


.classement_bottom {
	width: 233px;
	background: #E7EBF8;
	padding: 6px;
	margin-bottom: 10px;
	font-size: 8pt;
	text-align: center;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

.encart_bottom {
	width: 233px;
	background: #E7EBF8;
	padding: 6px;
	margin-bottom: 10px;
	font-size: 8pt;
	text-align: center;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}


.sponsor_bottom {
	width: 233px;
	background: #E7EBF8;
	padding: 6px;
	margin-bottom: 10px;
	font-size: 8pt;
	text-align: center;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}


.actu_bottom {
	width: 750px;
	background: #E7EBF8;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

.actu_bottom.onOff {
	background: #6A88D3;
	-webkit-transition: background-color 0.60s linear;
	-moz-transition: background-color 0.60s linear;
	-o-transition: background-color 0.60s linear;
	transition: background-color 0.60s linear;
}




/*
 * Blocs pour la page d'accueil
 */
div.main
{
	display: inline;
	float: left;
	width: 720px;
	margin: 10px;
}


div.main_page
{
	display: inline;
	float: left;
	width: 720px;
	margin: 10px;
}


div.main_page_
{
	display: inline;
	float: left;
	width: 1004px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #6A88D3;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.main_page_article
{
	display: inline;
	float: left;
	width: 710px;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #E7EBF8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div.main_page_medias {
	display: inline;
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}




div.main_page_article p { padding-left: 20px; }


div.main_page_sem
{
	display: inline;
	float: left;
	width: 1004px;
	margin: 10px;
	background-color: #F7F8FD;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


div.colonne
{
	padding-right: 10px;
	padding-top: 10px;
	margin: 0px;
	width: 245px;
	float: right;
	height: 100%;
}


.encart.onOff h3{
	background-color: #6A88D3;	
	color: #E7EBF8;
}

.sponsor.onOff h3{
	background-color: #6A88D3;	
	color: #E7EBF8;
}


#breves.onOff {
	background-color: #6A88D3;	
	color: #E7EBF8;
}

.titre_classement.onOff{
	background-color: #6A88D3;	
	color: #E7EBF8;
}

.titre_actu.onOff{
	background-color: #6A88D3;	
	color: #E7EBF8;
}


.collapse_encart {
	position: absolute;
	margin-top: 4px;
	margin-left: 220px;
}

.collapse_sponsor {
	position: absolute;
	margin-top: 4px;
	margin-left: 220px;
}

.collapse_breves {
	position: absolute;
	margin-top: 4px;
	margin-left: 220px;
}

.collapse_ranking {
	position: absolute;
	margin-top: 4px;
	margin-left: 220px;
}


.collapse_actu {
	position: absolute;
	margin-top: 6px;
	margin-left: 634px;
}



.sortable-list {
	list-style: none;
	margin: 0;
	padding:0;
}


div.colonne_rubrique
{
	margin: 0px;
	padding-right: 10px;
	padding-top: 10px;
	width: 246px;
	float: right;
	height: 100%;
}




div.colonneDroite
{
	padding-right: 15px;
	padding: 3px;
	padding-top: 5px;
	margin: 0px;
	width: 245px;
	float: left;
	height: 100%;
}


#directLink {
	list-style-type:none;
	width: 245px;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 10px;
}

.one { font-size: 10px; padding: 6px; padding-left: 16px; background-color: #E7EBF8; margin-bottom: 1px; cursor:pointer;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
}
.two { font-size: 10px; padding: 6px; padding-left: 16px; background-color: #E7EBF8; margin-bottom: 1px; cursor:pointer; }
.three { font-size: 10px; padding: 6px; padding-left: 16px; background-color: #E7EBF8; margin-bottom: 1px; cursor:pointer;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
}

.one img { float: right; margin-top: -2px; margin-left: 12px; }
.two img { float: right; margin-top: -2px; margin-left: 12px; }
.three img { float: right; margin-top: -2px; margin-left: 12px; }

#directLink li a { color: #6A88D3; }
#directLink li a:hover { color: #E7EBF8; }

#directLink li:hover {
	background-color: #6A88D3;
	color: #E7EBF8;
	padding-left: 30px;
	-webkit-transition: background-color 0.30s linear;
	-moz-transition: background-color 0.30s linear;
	-o-transition: background-color 0.30s linear;
	transition: background-color 0.30s linear;
}



/*
 * Blocs pour l'article
 */
.article
{
	padding: 20px;
	color: black;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #E7EBF8;
}

.article_ { 
	width: 1024px;
	height: 47px;
	margin: 10px 0px 0 0px;
	background-color: #E7EBF8;
}

.article_champ { 
	width: 1024px;
	height: 200px;
	margin: 0px;
	margin: 10px 0px 0 0px;
	background-color: #E7EBF8;
}


.article_rubrique { 	
	width: 1024px;
	height: 47px;
	margin: 10px 0px 0 0px;
	background-color: #6A88D3;
}



.article_sem{ 
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #6A88D3;
}


.article h2.date
{
	color: gray;
	font-size: 9pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.article h1.titre
{
	padding: 0;
	margin: 0;
	color: #E7EBF8;
	font-size: 16pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}


.article_ h1.titre_sem
{
	position: absolute;
	padding-top: 10px;
	padding-left: 30px;
	color: #E7EBF8;
	font-size: 16pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index: 100;
	cursor: default;
}

.article_champ h1.titre_champ
{
	position: absolute;
	padding-top: 10px;
	padding-left: 30px;
	color: #E7EBF8;
	font-size: 16pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index: 100;
	cursor: default;
}


.select_champ {
	padding-top: 54px; padding-left: 20px;
}



.article_rubrique h1.titre
{
	position: absolute;
	top: 20px;
	left: 30px;
	margin: 0;
	color: #6A88D3;
	font-size: 16pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index: 100;
	cursor: default;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}



.article_rubrique img {
	top: 10px;
	left: 0px;
}

.article_champ img {
	position: absolute;
	top: 10px;
	left: 0px;
}

.article_ img {
	position: absolute;
	top: 10x;
	left: 0px;
}

/*
 * Livre d'or
 */
div.guestbook
{
	position: relative;
	padding: 5px;
	margin: 8px;
	color: #2C3267;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #BEC7EF;	
	background-color: #F7F8FD;
	cursor: default;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

div.guestbook:hover {
	background-color: #fff;
}

div.guestbook_admin
{
	position: relative;
	padding: 5px;
	margin: 8px;
	color: #2C3267;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #6A88D3;	
	background-color: #fff;
	cursor: default;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}



div.guestbook p { padding-right: 20px; }

div.guestbook span.date
{
	color: #6A88D3;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	float: right;
	padding-right: 20px;
}

div.guestbook_admin span.date
{
	color: #6A88D3;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	float: right;
	padding-right: 20px;
}

div.guestbook span.name
{
	padding: 0;
	margin: 0;
	color: #2C3267;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	clear: none;
	padding-left: 10px;
}

div.guestbook_admin span.name_admin
{
	padding: 0;
	margin: 0;
	color: #990000;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	clear: none;
}

div.paginationGuestbook
{
	text-align: center;
	padding: 0;
	margin: 0;
	color: black;
	font-size: 8pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 20px;
}



#contact-form {
	padding-top: 20px;
	padding-bottom: 50px;
}





/*
 * Résultats
 */
.journee {
	font-weight: bold; background-color: #D3DCF2; color: #2A2775;
}

.domicile, .exterieur {
	font-weight: bold;
	color: #6A88D3;
}

.victoire {
	color: #009900; font-weight: bold;
}

.nul {
	color: #FF9966; font-weight: bold;
}

.defaite {
	color: #FF0000; font-weight: bold;
}

/*
 * Styles pour la lightbox
 */
.mask {
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
  background-color:#2f2f2f;
}

#lightbox {
	background: white;
	color: black;
	text-align: left;
	display: none;
}

#lightbox .hd {
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../../imgs/menu.gif) repeat-x top left;
	color: white;
	line-height: 20px;
}

#lightbox .hd, #lightbox .bd, #lightbox .fd {
	padding-left: 5px;
	padding-right: 5px;
}


#classement thead tr td {
	text-align: center;
}



		article {

	display: block;

      position: relative;

      width: 100%;

		}





		article:before, article:after {

      z-index: -1; 

      position: absolute; 

      content: "";

      bottom: 15px;

      left: 6px;

      width: 50%; 

      top: 80%;

      max-width:300px;

      background: rgba(0, 0, 0, 0.7); 

      -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);   

      -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

      box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);

      -webkit-transform: rotate(-3deg);    

      -moz-transform: rotate(-3deg);   

      -o-transform: rotate(-3deg);
display: none;
		}



	 article:after {

			-webkit-transform: rotate(3deg);

			-moz-transform: rotate(3deg);

			-o-transform: rotate(3deg);

			right: 6px;

			left: auto;
			display: none;
		}

		
		
#liensPhotos  {
	margin: 0 auto;
	width: 100%;
	height: auto;
	float: left;
	background-color: #E7EBF8;
	padding-bottom: 20px;
	margin-bottom: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}	


#liensPhotos:hover {
	background-color: #F7F8FD;
}
	
		
#liensPhotos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 48px;
}

#liensPhotos li {
	float: left;
	margin: 6px 6px 0px 0;	
	color: #6A88D3;
	cursor: pointer;
	background-color: #6A88D3;
	padding: 4px;
	width: 80px;
	height: 80px;
	overflow: hidden;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#liensPhotos li .thumbs{
	position: relative;
	width: 80px;
	height: 80px;
    opacity : 0.8; 
    -moz-opacity : 0.8; 
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */ 
    filter : alpha(opacity=80); /* IE < 8 */ 
}


#liensPhotos li  img:hover{
    opacity : 1; 
    -moz-opacity : 1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
}


#liensPhotos ul li.paginationPhotos {
	background-color: white;
	position: absolute;
	top: 0px;
}

#liensPhotos h1.titre
{
	padding: 10px;
	margin: 0;
	color: #6A88D3;
	font-size: 16pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index: 100;
	cursor: default;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	cursor: pointer;
}


#liensPhotos h1 span {
	font-size: 11px;
}


.albumDesc {
	font-size: 12px;
	color: #6A88D3;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 10px;
	display: block;
}



#liensVideos  {
	margin: 0 auto;
	width: 100%;
	height: auto;
	float: left;
	background-color: #E7EBF8;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#liensVideos:hover {
	background-color: #F7F8FD;
}


#liensVideos ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 150px;
	margin-bottom: 6px;
}


#liensVideos li {
	padding: 10px 10px 10px 10px;
	margin-bottom: 1px;
	width: 420px;
	background-color: #fff;
}

#liensVideos li.videoTitre {
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}


#liensVideos li.videoDesc {
	margin-bottom: 10px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;
	border-radius:0px 0px 6px 6px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}


#liensVideos li span{
	color: #6A88D3;
	font-size: 11pt;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}


#liensVideos h1.titre
{
	padding: 10px;
	margin: 0;
	color: #6A88D3;
	font-size: 16pt;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index: 100;
	cursor: default;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	cursor: pointer;
}

#liensVideos h1 span {
	font-size: 11px;
}



#carousel {
	background: #E7EBF8;
	height: 150px;
	width: 245px;
	margin-bottom: 1px;
	overflow:hidden;
}



#albumForm {
	position: absolute;
	padding: 10px;
	float: right;
	top: 10px;
	left: 394px;
}

#albumForm span {
	color: #E7EBF8;
	font-size: 11px;
}