@charset "UTF-8";

/* = Reset = */
html {font-size:100%;}
body {text-align:center; /* Annule bug de centrage IE */}
ul {list-style-type:none;}
body, ul, form, fieldset, table, blockquote, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {border:0; vertical-align:middle;}

/* = Mise en page = */
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify !important;}
.center {text-align:center !important;}
.vertical-align-middle {vertical-align:middle;}
.valign-top {vertical-align:top;}
.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}
.clearer {clear:both; height:0.01em; font-size:0.01em;}
.display-none {display:none;}
.border-0 {border-width:0;}

/* = Textes = */
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.fw-normal {font-weight:normal;}
.nowrap {white-space:nowrap;}

/* = Formulaires = */
label {cursor:pointer;}
select {vertical-align:middle;}
.checkbox {border:0 !important; width:auto !important;}




/* = Global TONFOOT = */

body {font:0.75em/1.3em Arial, Helvetica, sans-serif;	color:#fff;	background:#001d2b;}

/* a, a:link, a:visited, a:hover, a:active */
a:link      {color:#555; text-decoration:none;}
a:visited   {color:#000; text-decoration:none;}
a:hover     {color:#000; text-decoration:underline;}
a:focus     {color:#000; text-decoration:underline; position:relative; outline:none;}
a:focus img {color:#000; text-decoration:underline; position:relative; outline:1px dotted #C23333;}
a:active    {color:#DB3A00; text-decoration:underline; position:relative; top:1px; left:1px;}

hr {height:1px;	border-width:0;	color:#6186C2; background-color:#6186C2; margin:0em auto;	width:40%; clear:both;}
address {padding-left:2em; margin:0.5em 0;}
fieldset {border:0;}
fieldset legend {display:none;}
blockquote p {margin:0}

ul li {padding-left:1em; list-style-position: inside; list-style-image:url(../images/puce3.png);}

.page dl {margin:0;}
.page dt {margin:0.5em; font-weight:bold;}
.page dt span {font-weight:normal;}
.page dd {margin-bottom:2em; margin-left:1em;}

a.connexe, a:link.connexe, a:visited.connexe {background:url("../images/puce3.png") no-repeat 0 5px; padding-left:8px; color:#001D2B;}



/* = Structure = */
.principale {position:relative;	text-align:left; width:960px; margin:0 auto 2em auto; color:#001d2b;}
.content {
  background:#fff;
  -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;  border-radius:0 0 10px 10px;
}



/* = Top-menu = */
.top-links {float:left; font-size:0.9em; margin:0 0 0 1.4em; letter-spacing:1px; padding:10px 0 0 0.5em; color:#fff; display: inline;}
.top-links li {display: inline; margin:0 1em 0 0; padding: 0;}
.top-links a:link, .top-links a:visited {color:#ddd; text-decoration: underline;}
.top-links a:hover {text-decoration: none;}


/* = Alertes = */
#flash {
	position:fixed;	width:940px; /*960*/
	background:url("../images/coin_manipulable.png") no-repeat bottom right;
	background-color: #5E99F7; border-bottom:1px solid #376EC8;	padding:10px;	cursor:pointer;	display:none;	color:#fff;	opacity: 0.9;	z-index:3;
}
.maintenance {color:#fff; padding:0.1em 0.3em; font-weight:bold; text-align:left;}






/* = Formulaires = */

form fieldset li {clear:left;}
form li.actif label {color:#336AC2;}
form li.actif input, form li.actif textarea {border:1px solid #336AC2;}

form p.erreur label {color:#FF5A00;}
form p.erreur input {border:1px solid #FF5A00;}
form label {float:left;	display:block; width:170px;	text-align:right;	padding-top:2px; padding-right:0.5em;	font-size:1.1em;}
form p.label_dessus label, form label.dessus {float:none;	text-align:left;	margin-bottom:1em;}
form label span {display:block;	font-size:0.8em; font-weight:normal; font-style: italic;}
form input {width:130px; border:1px solid #a6c0e8; color:#373737;	padding:0.1em 0.3em;}
form input.width-auto {width:auto;}
form p.inline {text-align:center;}
form p.inline input {width:auto; border:0; vertical-align:middle;	margin-right:2em;}
form p.inline label {float:none; display:inline;}

form ul li {margin-bottom:1em; padding: 0; list-style-image: none;}
form textarea {font:1em/1.3em Arial, Helvetica, sans-serif;	width:385px; padding:0.1em 0.3em; border:1px solid #A6C0E8; color:#373737;}
form p.label_dessus textarea {width:100%;}

form select {color:#336AC2;}
form input.in_long {width:385px;}
form label.radio  {
	display:inline;
	float:none;
	width:auto;
	font-weight:normal;
	vertical-align:middle;
	padding-right: 0;
}
form .in_radio {width:auto;	vertical-align:middle; border:0;}
form .input_2car {width:15px;}
form .input_4car {width:30px;}
form .input_6car {width:60px;}
form .input_8car {width:90px;}


button.ok-inline {
  background:url("../images/buttons/ok-inline.png") no-repeat left top;
  vertical-align:middle; width:31px; height:17px; border:0; text-indent:-9999px;
}
button.ok-inline:hover, .ok-inline:focus {background-position:0 -17px; outline:none;}
button.ok-inline:active {background-position:0 -34px; outline:none;}




ul.actions {clear:both;	height:26px; margin:1em 0 2em 0; padding-left:150px;}
ul.actions li {float:left;margin:0 1em 0 0;}
ul.actions button, ul.actions a { height:26px; border:0; text-indent:-99999px; vertical-align:middle; outline:0; cursor:default; display:block;}
ul.actions button.ok {width:49px; background:url("../images/buttons/ok.png") no-repeat top left;}
ul.actions button:hover, ul.actions button:focus, ul.actions a:hover {background-position:0 -26px;}
ul.actions button:active, ul.actions a:active { background-position:0 -52px; top: auto; left: auto;}
a.back-button {width:74px; background:url("../images/buttons/back-button.png") no-repeat top left;}

ul.error_list {color:#DB343A;	margin-left:180px;}
ul.error_list li {margin-bottom:0.2em;}
.field-error {color:#DB343A;}

#signin_remember {width:auto;}



/* Entête --------------------------------------------------------------- */

.header {
	height:127px;
	background:url('../images/header.jpg') no-repeat left top #fff;
  position:relative;
  clear:both;
}
.header .logo {
  display:inline;
  width:181px;
  height:93px;
  float:left;
  margin-top:4px;
  margin-left:26px;
}
.header ul {
  position:absolute;
  right:59px;
  top:54px;
}
.header ul li {
  float:right;
  margin:0 0.5em;
}


/* = Recherche = */

.recherche {
  float:right; display:inline; height:22px; padding:2px 0 0 0;
  margin-right:1em; margin-top:0.5em; text-align:right;
}
.recherche fieldset {margin:0; padding:0; border:0;}
.recherche input {
  width:170px; /*150*/ height:22px; /*26*/ border:0; padding:0px 2px 0 24px;
  vertical-align:middle; color:#336AC2;
  -moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0;
  background:#fff url("../images/buttons/magnify.gif") no-repeat 3px 2px;
}
.recherche button {
  width:90px; height:22px; /*26*/ border:0; vertical-align:middle;
  background:url("../images/buttons/search.png") no-repeat left top #336AC2;
  outline:0; text-indent: -9999px; padding:0;
}
.recherche button:hover, .recherche button:focus {background-position:0 -22px; top:0; left:0;}
.recherche button:active {background-position:0 -44px; outline:none;}


/* = Menu = */

.menu {line-height:12px; height:26px;	background:url("../images/menu-bg.png") no-repeat left top #336AC2;}
.menu .home {float:left; padding-top:5px;	padding-left:8px;}
.menu ul {float:left; height:26px; padding-top:0px;	padding-left:48px; list-style-type:none;}
.menu ul li {height:20px; /*27*/ float:left; display:block; margin-right:2em; padding:6px 0.8em 0; background:url("../images/pictos/ouverture-panneau.gif") no-repeat center 90%;}
.menu ul li a:link, .menu ul li a:visited {color:#fff; letter-spacing:1px; font-weight:bold; text-decoration:none;}
.menu ul li a:hover { text-decoration:underline;}
.menu ul li a:focus {text-decoration: underline;}
.menu ul li.active {background:url("../images/pictos/fermeture-panneau.gif") no-repeat center 90% #001D2B;}

.menu .profile {color:#fff; float:right; margin:8px 25px 0 0;}
.menu .profile a span {color:#FFFF87;}
.menu .profile a {color:#fff; text-decoration:underline; font-weight:bold;}
.menu .profile a:hover {text-decoration:none;}

.menu .logout {background:url("../images/pictos/logout.png") no-repeat top left;
  width:18px; height:20px; text-indent:-9999px; display:block; float:right; margin:4px 7px 0 0;}


a.signin-button {
  background:url("../images/pictos/lock.png") no-repeat 90% 4px;
  color:#fff; display:block; height:19px; /*26*/ padding-top:7px; padding-right:50px; float:right;
}
a.signin-button:link, .signin-button:hover, a.signin-button:visited, a.signin-button:active {color:#fff;}
a:link.signup-button, a:visited.signup-button {
  text-decoration:underline; color:#FFFF87; display:block; font-weight:bold;
  letter-spacing: 1px; float:right; padding-top:7px; margin-right:1em;
}
a:hover.signup-button {text-decoration:none;}
a:focus.signup-button, a:active.signup-button {text-decoration:none;}

a:link.backend, a:visited.backend, a:active.backend {color:#AFCFFF; font-weight:normal; text-decoration:none;}
.menu .profile a:hover.backend {text-decoration:underline;}



/* = Slide menu = */

.slide-menu {clear:both; border-bottom:2px solid #fff; padding:1em; color:#fff; position:relative;}
.slide-menu a:link, .slide-menu a:visited {color:#DCDCDC;}
.slide-menu a:hover {color:#fff;}
.slide-menu h2 {color:#fff; margin:0.5em; border-bottom:1px solid #fff; padding-bottom:0.5em;}
.slide-menu h3 {color:#AFCFFF;}
.slide-menu li {list-style-image: none;}
.slide-menu a.close {
  background:url('../images/pictos/fermeture-panneau-large.gif') no-repeat 0 7px;
  position:absolute; bottom:10px; right:10px; padding-left:10px; font-size:0.9em;
}
.slide-menu a:active.close {top:auto; left:auto; bottom:9px; right:9px;}



/* = Page = */

.page {clear:both; width:582px; /*622-pad*/ padding:20px;	float:left;}
.full {float:none; width:auto;}
.page p {text-align:justify;}

.page h1 {
  position:relative; left:-20px; margin:0 0 0.5em 0; font-size:1em; background: #336AC2; color:#fff; font-weight:bold;
  display: inline-block; padding:6px 15px 6px 10px;
  -moz-border-radius:0 15px 15px 0; -webkit-border-radius:0 15px 15px 0; border-radius:0 15px 15px 0;
}
.page h2 {color:#336AC2; font-size:1.1em;	margin:2em 0 1em 0.5em;	padding:0 0 1px 0px; font-variant:small-caps;}
.page h2 a {font-variant:normal; color:#333; text-decoration: underline; font-size:0.9em;}
.page h3 {color:#001D2B; margin:0.5em 0 1em 0; font-size:1.1em;}


/* = Colonne = */

.colonne {float:right; width:328px; /*338-pad*/	padding:1em 0px 1em 0.9em; font-size:0.9em;}
.colonne div.section {margin-bottom:2em; padding-right:1em;}
.colonne h2 {margin:0.5em 0 0 0;	height:26px; text-align:right;  position:relative; right:-1em; font-size:1em;}
.colonne h2 span {
	display:inline;
	float:right;
	color:#fff;
	font-weight:bold;
	height:21px; /*26*/
	padding:5px 10px 0 15px;
	background:url("../images/col-title-bg.png") no-repeat top left #001D2B;
}
.colonne h2 span a:link, .colonne h2 span a:visited {color:#fff; text-decoration:underline;}
.colonne h2 span a:hover {text-decoration:none;}


/* = Top/flop = */

.top-flop {border-collapse:collapse; margin-top:1em; margin: 0 0 0 1em; width: 300px; float: left; border-top: 1px solid #D4D4D4;}
.top-flop td, .top-flop th {padding:0.8em 0.5em;}
.top-flop th {vertical-align:top;}
.top-flop .le-chiffre span {font-size:5em; line-height:1em; float:left; margin-bottom:0.3em; margin-right:0.2em;}


/* = Reseaux sociaux = */

.reseaux_sociaux {margin:0 auto; width:300px; float:right;}
.reseaux_sociaux td {padding:0.5em; text-align:center;}
.reseaux_sociaux a {font-weight:bold; display: block;}


/* = Pubs = */

.adsense {text-align:center; clear:both; padding-top:1em;}

.ad_728x90 {width:728px; height:90px; position:absolute; top:10px; right:10px; padding:0;}
.ad_468x60 {padding-top:0; margin-bottom:1em;}
.header .ad_468x60 {width:468px; height:61px; position:absolute; top:10px; right:10px; padding:0;}
.ad_300x250 {margin:0 0 1em 0em; width:300px; float:right; clear: none; padding:0;}

.nrj {float:right; text-align:center;}

.your-ad-here {position: absolute; top:101px; right:50px; font-size:0.9em;}
.your-ad-here a:link, .your-ad-here a:visited {color:#001D2B;}


/* = Encart NRJ accueil = */

.red-box {margin:0px 142px 1em 1em;	width:333px; /* 333 */ height:92px; /* 130 */	padding-top:38px;	background:url('../images/encart_nrj.png') no-repeat top left #db343a; float:right;}
.red-box p {margin:0em 0 0.5em 1em;	color:#fff;}
.red-box ul {margin:1em 0 0 1.5em;}
.red-box ul li {padding-left:10px; background:url(../images/red-box-puce.png) no-repeat 0px 6px; list-style-image: none;}
.red-box a:link, .red-box a:visited {color:#fff;}



/* = Liste d'équipes = */

.colonne .teams-list ul {font-size:1.1em; margin:1em 0 0 3em;}
.colonne .teams-list ul li {padding:0 0 0 12px; line-height:1.5em;}


/* = Sous-menu = */

ul.sous-menu {margin-bottom:0.5em;}
ul.sous-menu li {display:inline; padding: 0;}

ul.sous-menu a:link, ul.sous-menu a:visited, ul.sous-menu a:active {color:#336AC2;}
ul.sous-menu li.active a:link, ul.sous-menu li.active a:visited, ul.sous-menu li.active a:active {color:#C23333; font-weight:bold;}


/* = Liste d'articles accueil = */

.articles-list-home {position:relative; width:260px; float:left; border-right:1px solid #D4D4D4; padding-right:1em;}
.articles-list-home ul {margin:0; padding:0; list-style-image: none;}
.articles-list-home li {border-bottom:1px dashed #D4D4D4; list-style-image: none; padding: 0; margin:0 0 0.5em; float:left; overflow: hidden;}
.articles-list-home h2 {font-size:1em; line-height: 1.1em; font-weight:bold; margin:0.5em 0 0.3em 0;}
.articles-list-home a:link, .articles-list-home a:visited {color:#336AC2; text-decoration: none; font-size: 1em;}
.articles-list-home a:hover {text-decoration: underline;}
.articles-list-home img {float:left; margin:0.5em 0.5em 0.5em 0; border:1px solid #D4D4D4;}
.articles-list-home div.texte {padding:0 1em;}
.articles-list-home p {line-height: 1.4em; margin:0.5em 0 0.5em 0; font-size:0.9em;}
.articles-list-home .articles-over a {text-decoration:underline;}
.articles-list-home a.connexe:link, .articles-list-home a.connexe:visited {position:absolute; top:6px; right:10px; color:#001D2B;}
.articles-list-home a.connexe:active {top:7px; left:auto;}


/* = Tableau de résultats = */

.results-home {float:left; width:330px;}
.results-home h1 {position:static; left:auto;}

table.matches-list {width:100%;}
table.matches-list th {padding-top:0.5em; text-align:center;}
table.matches-list td {padding:0.2em 0;}

table.matches-list td.vainqueur a {font-weight: bold; color:green;}
table.matches-list td.defait a {font-weight: bold; color:#C23333;}

table.matches-list td.score a.victoire {color:green; font-weight:bold;}
table.matches-list td.score a.defaite {color:#C23333; font-weight:bold;}

table.matches-list .score {padding-left:0.5em; padding-right:0.5em;}
table.matches-list .score a {color:#001D2B;}
table.matches-list .report a {font-weight:bold; color:#C23333; font-size:0.8em;}

table.matches-list .date-calendar {
  text-align:left;
  border:1px solid #5F5F5F;
  border-bottom:none;
  border-right:none;
  color:#001D2B;
  padding:0.2em 1em 1em;
}
table.matches-list td a.highlight {font-weight:bold;}




/* Calendrier --------------------------------------------------------------- */

.calendar-filters {float:left;}
.form-calendar {}
.form-calendar select {vertical-align:middle;}
.form-calendar label {width:100px;}


/* = Résultats de recherche = */

.results-teams {float:left; margin-right:1em;}
.results-teams ul {border-left:2px dashed #D4D4D4; padding:1em; line-height:1.5em;}
.results-teams ul li {background:url("../images/puce3.png") no-repeat scroll 0 6px transparent; padding-left:9px; list-style-image: none;}
.results-teams ul li span {font-size:0.9em; padding-left:1em; color:#888;}

.results-users {float:left;}
.results-users ul {border-left:2px dashed #D4D4D4; padding:1em;}
.results-users ul li {background:url("../images/puce3.png") no-repeat scroll 0 4px transparent; padding-left:9px; list-style-image: none;}


/* = Article = */

.page .date {float:left; width:40px; text-align:center; font-weight:bold; margin:1em; clear:both;}
.page .date div {
  font-size:2em; line-height:1.2em;text-align:center; color:#fff;  background-color:#C23333;
  -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;
}

.page .chapeau {font-weight:bold;	margin-top:1em;	line-height:1.3em; font-size:1.1em;}
.page img.illustration {float:right;	margin:0em 0em 1em 1em; border:4px solid #fff;
  -moz-box-shadow:1px 1px 5px #888; -webkit-box-shadow:1px 1px 5px #888; box-shadow:1px 1px 5px #888;
}
.page div.texte {line-height:1.6em; clear:both;}
.publication {font-weight:bold; text-align:right;}


/* = Réseaux = */
.networks { clear:both; margin:1em 0 0 1em; height: 3em;}
.ilike {border:none; overflow:hidden; width:400px; height:40px; float:left;}


/* = Profil = */

table.profile-infos {
  margin:2em 0 0 0;
  font-size: 1.1em;
  line-height:1.5em;
}
table.profile-infos th {
  width:100px;
  vertical-align:top;
}

blockquote.free-text {
  font-style: italic;
}

#sf_guard_user_profile_email {width:180px;}

/* Equipe ------------------------------------------------------------------- */

.set-team {
  margin-top:4px;
  padding-left:9px;
  color:#C23333;
  font-weight:bold;
  background:url("../images/puce3.png") no-repeat scroll 0 4px transparent;
}
a.set-team {color:#C23333;}

.last-results {float:left; width:280px; clear:both; font-size:0.9em;}
.next-results {float:right; width:280px; font-size:0.9em;}

#gmap {
  border:1px solid #001D2B;
  margin:1em auto;
  width:90%;
  height:300px;
}

.graph {
  float:right;
  width:250px;
}


/* = Rencontre = */

table.affiche {margin:4em auto 1em; width:100%; clear:both;}
table.affiche td {
	font-size:2em;
	line-height:1em;
	font-family:"Times New Roman", Times, serif;
	padding:5px;
}
table.affiche td.w50 {width:47%;}
table.affiche td.w50 img {margin-right:0.5em;}

table.affiche .stade {
  font-size: 1em;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
}
table.affiche td.kickoff {
  font-size:1em;
  font-family:Arial, Helvetica, sans-serif;
  text-align: center;
}

table.affiche .score {
	font:8em/1.3em "Times New Roman", Times, serif;
	padding:5px;
}
table.affiche .score input {
  font:8em/1.3em "Times New Roman", Times, serif;
	font-size:1em;
	width:1.3em;
	text-align:center;
	color:#C23333;
}
table.affiche .report {color:#C23333;}
table.affiche address {display:none;}

.vevent .duration, .vevent .dtstart {display: none;}

/* = Liste de compétitions = */

ul.compets-list {clear:both; overflow: hidden; margin-bottom: 1em;}
ul.compets-list h3 {font-size:1.1em; margin:0.5em 0 0.5em 0;}
ul.compets-list li {background:none; line-height:1.4em; font-size:0.95em; padding: 0;}
ul.compets-list li.category {float:left; width:225px; list-style-image: none;}

div.cups-list {float:left;}
div.cups-list h3 {font-size:1em; margin:0.5em 0;}


/* Dernier sujets */

.cadre {
  margin:1em;
  background-color:#001D2B;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  color:#fff;
  padding:1em;
  clear:both;
}
.cadre h2 {
  color:#FFFF87;
  margin:0;
  padding-left:10px;
}
.cadre a.connexe,
.cadre a:link.connexe,
.cadre a:visited.connexe {
  background:url("../images/puce1.gif") no-repeat 0 5px;
  color:#fff;
  float:right;
}

.to_complete {color:#fff;}
.to_complete a:link,
.to_complete a:visited
{
  color:#fff;
}
table.to_complete .score a {color:#fff;}

/* Fomulaire match ---------------------------------------------------------- */

.form-match fieldset {
  padding-top:0.5em;
}
.form-match legend {
  display:block;
  font-weight: bold;
  color:#fff;
}
.form-match legend strong {
  color:#FFFF87;
}
.form-match table {
  margin:0 auto;
}

.form-match input {
  width:auto;
  padding: 0;
}
.form-match label {
  display: inline;
  float:none;
}
.form-match input.score {
  width:50px;
  text-align:center;
  font-size:3em;
  border:0;
  -moz-border-radius:10px 0px;
  -webkit-border-radius:10px 0px;
  border-radius:10px 0px;
}
.form-match strong {
  color:#FFFF87;
}
.form-match ul.actions button.ok {
  background:url("../images/buttons/ok_dark.png") no-repeat top left;
}
.form-match ul.actions button:hover,
.form-match ul.actions button:focus,
.form-match ul.actions a:hover
{background-position:0 -26px;}

.form-match ul.actions button:active,
.form-match ul.actions a:active {
  background-position:0 -52px;
}
.form-match ul.actions {
  margin:0;
  padding-left:455px;
}
.form-match p {
  color:#aaa;
}


/* Liste d'articles --------------------------------------------------------- */

ul.articles-list {
  margin:1em;
}
ul.articles-list li {
	margin:0.5em 0 0 0;
}
ul.articles-list li p { display:inline; margin:0;}

ul.articles-list li a,
ul.articles-list li a:link,
ul.articles-list li a:visited {
  color:#fff;
}


ul.all-articles-list {margin:1em 0 2em 0;}
ul.all-articles-list img {
  float:left;
  margin:0em 0.5em 1em 1em;
}
ul.all-articles-list li {
  margin-bottom:1em;
  clear:left;
  border-bottom:1px dashed #D4D4D4;
}
ul.all-articles-list li p {padding-left:1em;}

ul.all-articles-list a {color:#001D2B;}
ul.all-articles-list p a,
ul.all-articles-list p a:link,
ul.all-articles-list p a:visited
{color:#db343a;}



/* = Liste de membres = */

.users-list {float:left; width:185px; margin-right:0.5em; margin-bottom:0;}
.users-list h3 {margin-bottom:0; padding:0.1em 0.1em 0.1em 0.5em;}
.users-list li {padding:0.2em; list-style-image: none;}

.coaches-list h3 {background-color: #9AD86E; color:#2E4121;}
.players-list h3 { background-color: #A3C1FA; color:#2D4A80;}
.supporters-list h3 { background-color: #FFCB82; color:#352A1B;}

.players-list ul {background:url("../images/comments-player.png") repeat-x left top;  border:1px solid #A3C1FA;}
.coaches-list ul {background:url("../images/comments-coach.png") repeat-x left top;  border:1px solid #9AD86E;}
.supporters-list ul {background:url("../images/comments-supporter.png") repeat-x left top;  border:1px solid #FFCB82;}



/* = Mentions Légales = */
.page dd a.twitter-link {vertical-align: middle;}

.page h4 {margin-left:1.5em;  margin:1.5em 0 1em 1em; font-weight:bold; font-size:1.1em;}




/* Inscription --------------------------------------------------------------- */

.form-inscription .confirm {float:right; margin:0;}
.form-inscription .confirm label {width:110px;}
.form-inscription .inline label {display:inline; float:none;}
.form-inscription .inline ul.error_list {margin-left:0;}

#user_cgu {width:auto; vertical-align:middle; border:0px;}

#errors-list {color:#DB343A; margin:1em 0 4em 2em;}
#errors-list li {clear:left; line-height:1.5em;}
#errors-list label {width:auto; text-align:left; font-weight:normal;}

.form-inscription input.mail {width:200px;}

.comment #errors-list {margin:0 0 0 2em;}

.etape {float:right; font-variant:small-caps; font-size:1.4em; margin-top:2em;}
#signin_remember {border:0;}



/* = Classement = */

table.clsmt {border-collapse:collapse; margin:1em auto 0 auto; width:80%;	border:1px solid #ECECEC;}
table.clsmt td {padding:0.5em; text-align:right;}
table.clsmt th {padding:0.5em 0.2em; text-align:center;}

table.clsmt .bg1 {background-color:#fff;}
table.clsmt .bg2 {background-color:#ECECEC;}
table.clsmt .bg_montee {background-color:#336AC2;	color:#fff;}
table.clsmt .sep {border-right:1px dashed #dedede;}
table.clsmt .points {font-weight:bold;}
table.clsmt .bg_relegation {background-color:#C23333;	color:#fff;}

table.clsmt caption {caption-side:top; padding-top:0em; margin-bottom:1em; font-weight:bold; font-variant: small-caps; height: 1.5em;}
table.clsmt caption a:link, table.clsmt caption a:visited {font-variant:normal; font-weight:normal; font-size:0.8em; color:#aaa;}

table.clsmt tr.fiche_courante {background-color:#C23333; color:#fff;}
table.clsmt .fiche_courante .positif {color:#fff;}
table.clsmt .fiche_courante .negatif {color:#fff;}

table.clsmt .positif {color:#336AC2;}
table.clsmt .negatif {color:#C23333;}

table .score {text-align:center; white-space:nowrap;}
table .equipe_courante a {color:#FFAC46;}

.form-seasons-archives caption span.caption {float:left;}
.form-seasons-archives caption span.form-fieldset {display:block; float:right;}
.form-seasons-archives {clear:both;}


/* Commentaires --------------------------------------------------------------- */

.comments {
	margin-top:1em;
}

.comments ul {
	
}
.comments ul li {
	padding:1em;
	margin-bottom:1.2em;
}

.comment {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.role_entraineur {background:url("../images/comments-coach.png") repeat-x left top; border:1px solid #9AD86E;}
.role_joueur {background:url("../images/comments-player.png") repeat-x left top; border:1px solid #A3C1FA;}
.role_supporter {background:url("../images/comments-supporter.png") repeat-x left top;  border:1px solid #FFCB82;}
.role_arbitre {background:url("../images/comments-referee.png") repeat-x left top;  border:1px solid #979797;}
.role_visiteur {border:1px solid #001D2B;}
.warned {background:#ff0; border:1px solid #db343a;}



.comments ul li p {
	margin:0;
	font-size:1.3em;
}

.comments .post-infos {
  font-size:0.9em;
  color:#aaa;
  margin-bottom:0.5em;
}

.comments ul.controls-list {
	float:right;
  width:100px;
}
.comments ul ul li {
  float:right;
  border:0;
  padding:0;
  margin-left:0.3em;
  margin-bottom:0;
}
	
.comments span {
  float:right;
  font-size:7em;
  line-height:1em;
  color:#E8ECF2;
  margin-bottom:0.1em;
  margin-left:0.1em;
}

.comments blockquote {
	text-align:justify;
  width:89%;
  float:left;
}

.comments .invit_to_login {
  margin-top:2em;
  border-top:1px solid #FFC900;
  background:url("../images/fd_deg_jaune.png") repeat-x left top;
  padding:10px;
  color:#444;
  text-align:center;
  line-height:1.8em;
  height:30px; /*40*/
}
.comments .invit_to_login a,
.comments .invit_to_login a:link,
.comments .invit_to_login a:visited
{color:#FF5A00;}


.comments form {clear:both;}
.comments form label {
	float:none;
  width:240px;
  margin:0.2em;
  color:#336AC2;
  font-weight:bold;
}

.comments form textarea {height:80px; margin-left:1em; border:1px solid #A6C0E8;}
.comments .limit {color:#B67D7D}

.comments ul.actions {
  margin:1em auto;
  float:none;
  width:50px;
}
.comments ul.actions li {padding:0; margin:0;}

.comment ul.error_list {margin-left:1em; float:none;}
.comment ul.error_list li {float:none; margin:0;}





/* Pagination --------------------------------------------------------------- */

ul.pagination {
  float:right;
	margin-bottom:1em;
	height:30px;
  z-index:1000;
  position:relative;
  z-index:1;
}
ul.pagination li {
	display:block;
	float:left;
	margin:0 0.5em 0 0;
	padding:0;
}
ul.pagination li.first {
	border:0;
	padding:5px 0 0;
	font-weight:bold;
}
ul.pagination a {
  display:block;
}

ul.pagination li a,
ul.pagination li a:link,
ul.pagination li a:visited {
	color:#336AC2;
	border:1px dashed gray;
	padding:4px 6px;
}

ul.pagination li a:hover {
  background-color:#C23333;
  border:1px solid #fff;
  color:#fff;
}
ul.pagination li.active a,
ul.pagination li.active a:link,
ul.pagination li.active a:visited {
	background-color:#336AC2;
	color:#fff;
	border:1px solid #fff;
}




/* = Accessibilité = */

.access {
  margin:1em auto;	width:80%; border:1px solid #FFBB55;	padding:1em; background-color: #FFFCE7; color:#E74900;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.access p {margin:0; text-align: right; font-weight: bold;}
kbd {padding:2px 4px; font-size:1.2em; background-color: #333; color:#fff;}
img.mobileOK {margin:1em; float:left;}


/* = Qui sommes-nous ? = */

.vcard {list-style-image: none;}
.vcard .type {display: none;}


/* = Footer = */

ul.pied_de_page {padding: 1em 0 1em 2em; font-size: 0.9em;	clear: both; color: #fff; text-align: center; letter-spacing: 1px;}
ul.pied_de_page li {display: inline; padding: 0;}
ul.pied_de_page li a:link, ul.pied_de_page li a:visited, ul.pied_de_page li a:active {color: #ccc; padding-right: 0.3em; padding-left: 0.3em;}


/* A ranger -------------------------------*/





p.submit a, p.submit a:link, p.submit a:visited,
.valider a, .valider a:link, .valider a:visited
{margin-left:1em; color:#999;}



table.clsmt td a, table.clsmt td a:link, table.clsmt td a:visited, table.clsmt td a:active,
table.donnees a, table.donnees a:link, table.donnees a:visited, table.donnees a:active,
a.retour, a:link.retour, a:visited.retour, a:active.retour,
table.affiche a, table.affiche a:link, table.affiche a:visited, table.affiche a:active,
ul.competitions li a, ul.competitions li a:link, ul.competitions li a:visited, ul.competitions li a:active
{color:#336AC2;}

table.donnees caption a, table.donnees caption a:link, table.donnees caption a:visited {color:#BA3131;}

table.clsmt tr.fiche_courante td a,
table.clsmt tr.fiche_courante td a:link,
table.clsmt tr.fiche_courante td a:visited
{color:#fff;}

.fiche_courante a, .fiche_courante a:link, .fiche_courante a:visited, .fiche_courante a:hover, .fiche_courante a:active
{color:#94ADDC;}




/* Outil de recadrage ------------------------------------------------------- */

#crop {
	display:none;
	text-align:center;
  clear:both;
}

#cropbox, .jcrop-holder {
	margin:0 auto;
	border:1px solid #A6C0E8;
}


.maj-photo {
  margin:1em auto;
  text-align:center;
  width:335px;
}
.maj-photo a {margin-left:1em !important;}

.photo {
	float:left;
	border:1px solid #A6C0E8;
	margin:2em 2em 2em 2em;
}



/* = Upload = */

#url-add-photo {display: none;}

.upload-photos {clear:both; text-align:center; padding:1em;}
.upload-photos h2 {margin:1em; padding-left:0; color:#FFFF87;}
.upload-photos div.send-box {float:left; width:420px; margin-bottom:1em; clear:both;}

.upload-photos object {float:right;}
.upload-photos a {font-weight:bold; color:#fff;}

.uploadifyQueue {clear:both; width:100%; font-size:0.9em; margin-top:1em;}
.uploadifyQueueItem {border:1px solid #dedede; background-color: #F0F0F0; padding:0.2em 0.5em; margin:0.5em; text-align:left; color:#001D2B;}
.uploadifyQueueItem .cancel {float: right;}
.uploadifyError {color:#C23333;}
.uploadifyProgress {background-color: #DEDEDE; margin-top: 6px;	width: 100%; height:5px;}
.uploadifyProgressBar {background-color: #AFCFFF;	width: 1px;	height: 5px;}


/* = Gallery = */

ul.gallery {clear:both; margin-top:1em;}
ul.gallery li {list-style-image: none; float:left; position: relative; width: 120px; height: 160px; padding:0; z-index: 1;}
ul.gallery li img {
  border: 2px solid #fff; z-index: 1; position: relative; opacity:0.8; width:120px;
  -webkit-box-shadow: 1px 1px 3px #888; -moz-box-shadow: 1px 1px 3px #888; box-shadow: 1px 1px 3px #888;
  /*-webkit-transform: scale3d(0.7, 0.7, 1);*/
  -webkit-transition: width 0.5s ease-out, -webkit-transform 0.5s ease-out, -webkit-box-shadow 0.5s ease-out, opacity 0.5s linear;
}
ul.gallery li:hover {z-index: 2;}

ul.gallery li img:hover, ul.gallery li img:focus {
   opacity:1; width:200px;
  -webkit-box-shadow: 0px 10px 30px #dedede; -moz-box-shadow: 0px 10px 30px #dedede; box-shadow: 0px 10px 30px #dedede;
  -webkit-transform: translateX(10px) translateY(-30px);
  -webkit-transition: width 0.2s ease-out, -webkit-transform 0.2s ease-out 0, -webkit-box-shadow 0.2s ease-out 0;
}
ul.gallery li p {display: none;}
ul.gallery li:hover p {
  display:block; position: absolute; top:-60px; left:0; background-color: #001D2B;
  color:#fff; opacity:0.9; width:200px; padding:1em; font-weight: bold; z-index: 2;
 -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;  border-radius:0 0 10px 10px;
}


/* = Galerie = */

table.galerie {border-collapse:collapse; width:100%;}
table.galerie td, table.galerie th { padding:0.5em;}
table.galerie th {width:80px;}
table.galerie th img {border:1px solid #001D2B;}

table.galerie dt {
  float:left;
  clear:left;
  width:50px;
  margin:0;
  text-align:right;
  margin-right:0.5em;
}
table.galerie dd {
  float:left;
  margin:0;
}

ul.galerie li {
  clear:none;
  list-style:none;
  float:left;
  padding:0;
  margin:1px;
  text-align:center;
  background-color:#F3F3F3;
  position: relative;
}
ul.galerie li div {
  position: absolute;
  bottom:0;
  left:0;
  background:#000;
  color:#fff;
  padding:5px;
  opacity:0.8;
  width: 270px;
}


.parcours-list .sf_admin_td_actions a,
a.delete {
  background:url("../images/pictos/croix_rouge.png") no-repeat left top;
  padding-left:20px;
  display:inline;
  height:17px;
  padding-top:2px;
  color:#C23333;
  float:left;
  margin:0 auto;
  font-weight:normal;
  text-align:left;
}

.bg-1 {}
.bg-2 {background-color:#EFEFEF;}


/* = Parcours = */

table.parcours {margin:0 1em 1em 0em; border:1px solid #ECECEC; border-collapse: collapse;}
table.parcours .even {background-color:#ECECEC;}
table.parcours td, table.parcours th {padding:0.5em 0.5em;}

.parcours-list {width:500px; margin:0 auto;}
.parcours-list table {width: 100%; border:1px solid #ECECEC; border-collapse: collapse; margin:1em 0 0 0;}
.parcours-list table td {padding:0.5em 0.2em; text-align:center;}
.parcours-list table .even {background-color:#ECECEC;}
.parcours-list .sf_admin_list_td_year1, .parcours-list .sf_admin_list_td_year2 {font-weight:bold;}
.parcours-list .sf_admin_list_td_description {text-align:left;}
.parcours-list ul.sf_admin_td_actions {float:right; margin-right:0.5em;}
.parcours-list a {color:#336AC2;}
a.add {color:#01590F;}

.sf_admin_list {text-align:center;}
.sf_admin_pagination {text-align:center;}
.sf_admin_actions {text-align:center;}
.sf_admin_form {width:500px; margin:0 auto;}
.sf_admin_form_row {float:left;}

.parcours-edit .sf_admin_form_row {width:135px; text-align:center;}
.parcours-edit .sf_admin_form_field_description {width:auto;}
.parcours-edit .sf_admin_form_field_description input {width:200px;}

.parcours-edit .sf_admin_form_row label {width:auto; float:none; font-weight:bold; text-align:center;}
.parcours-edit ul.error_list {margin:auto;}


/* = Mot de passe oublié = */

#send_email {width:200px;}


/*handheld*/
/* Appareils mobiles */
@media all and (max-width: 320px) {

  .your-ad-here,
  .adsense,
  .menu .home,
  .logout,
  .form-seasons-archives caption span.form-fieldset,
  a.signin-button,
  a.signup-button,
  .red-box,
  .networks
  {display:none !important;}
  
  .principale {width:auto;}
  .menu {background:none; height:auto;}
  .menu ul, .menu a {float:none !important;}

  .page {float:none; width:auto; padding:0.3em;}
  .page h1 {position:static;}

  .articles-list-home {float:none; width:auto;}
  .articles-list-home li {float:none;}
  .results-home {float:none; width:auto;}

  .top-flop {float:none; width:auto;}

  .red-box {float:none;}
  ul.compets-list li.category {float:none;}
  .profile {float:none !important;}

  form label, form textarea {width:auto;}
  .ilike {float:none; width:auto;}

  .page .date {float:none;}

  .page img.illustration {float:none; clear:both;}
}