/* - smc2.css - */


body {
  margin:5px;
  padding:5px;
}




h2 {
  font-size:14px;
  height:19px !important;
  margin-bottom:7px;
  padding-left:40px;
  color:white;
  background:url(images/titre_h2.gif) no-repeat;
}

h2 a {
  font-size:14px;
  color:white;
  text-decoration:none;
}

h3, h3 a {
  font-size:12px;
  margin-bottom:5px;
}

h1 a, h3 a,p a {
  text-decoration:none;
  color:black;
}

ul {
  margin-left:20px;
}

p, .documentDescription {
  text-align:justify;
  line-height:18px;
  margin-bottom:5px;
}


/*********************************************************************/
/************************ ELEMENT GENERAUX ***************************/
/*********************************************************************/

#BatchNavigation {
  text-align:center;
  height:20px;
  background-color:#D3D3D3;
  padding:5px 0px;
  margin:2px 5px;
}

#BatchNavigation {

}
.lien-pdf {
  background:url(images/icone_pdf.gif) no-repeat;
  padding:20px 0 0 37px;
  height:20px;
  line-height:20px;
  display:block;
}

body.fullscreen #portal-column-one {
  display:none;
}

body.fullscreen #portal-column-two {
  display:none;
}

.clearFloat {
  height:1px;
  line-height:1px;
  clear:both;
  margin:-1px 0 0 0;
  
}

.hiddenStructure {
  display: block;
  background: transparent;
  background-image: none; /* safari bug */
  border: none;
  height: 1px;
  overflow: hidden;
  padding: 0;
  margin: -1px 0 0 -1px;
  width: 1px;
}

.img_left {
  float:left;
  margin:5px;
}

.img_right {
  float:right;
  margin:5px;
}

.documentActions {
float: right;
padding: 0;
margin:0;
text-align: right;
}

.documentActions ul {
margin: 0;
padding: 0;
display: block;
}

.documentActions li {
display: inline;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}

.documentActions a {
border: none !important;
text-decoration: none;
}

.img_header {
  margin-bottom:10px;
}

table.norme-tbl1 {
  width:510px;
  margin-bottom:10px;
  border-spacing:0;
}

table.norme-tbl1 td {
  height:20px;
  padding-left:10px;
}

table.norme-tbl1 .tr-title td {
  background-color:#DD1F32;
  font-weight:bold;
}

table.norme-tbl1 .tr-odd td {
  background-color:#E4D8E2;
}

table.norme-tbl1 .tr-even td {
  background-color:#FCE8EA;
}

.tright {
  text-align:right;
}

img.footer-gen {
  margin-bottom:10px;
}

/*********************************************************************/
/********************* GABARIT DU SITE *******************************/
/*********************************************************************/

#site {
  width:955px;
  text-align:left;
  margin:5px auto;
 
  background-color:white;
}

.td-bord-gauche {
  vertical-align:top;
  background:url(images/bg_bordure_gauche.jpg) repeat-y;
}

#portal-columns {
  clear:left;
  width:955px;
  border-collapse:collapse;
}

table td#portal-column-one {
  width:300px !important;
  padding:0 4px;
  vertical-align:top;
}

.visualPadding {
  padding:0 !important;
  margin:0 !important;
}

td#portal-column-content {
  width:390px;
  vertical-align:top;
  padding:0px;
  margin:0;
}

#content {
  margin:0 0px 0 3px;
  padding:0;
}

.documentContent {
  margin:0;
  padding:0;
}

td#portal-column-two {
  background-image:url(images/bg_col1.jpg);
  width:181px;
  padding-right:3px;
  vertical-align:top;
}


.home-link {
  display:block;
  width:130px;
  height:129px;
  margin:10px 0 0 20px;
}



/******* Partenaire *********/

#partenaire {
  clear:both;
  padding:0;
  height:65px;
}

#partenaire a.logo-partenaire {
  float:left;
  width:123px;
  height:55px;
  background-color:white;
  background-position:50% 50%;
  background-repeat:no-repeat;
  border:0px;
}


#divers-fin {
  clear:left;
  width:984px;
  margin:0 auto;
  padding-top:20px;
}

.formal-link {
  float:right;
  padding:2px 20px 0 0;
}

.formal-link a {
  color:black;
  text-decoration:none;
}

.formal-link a:hover {
  color:white;
  background-color:black;
}



/*********************************************************************/
/********************* MENU ******************************************/
/*********************************************************************/

#barre-menu {
  z-index:3;
  height:28px;
  padding-bottom:20px;
  background:white url(images/sous_menu.gif) no-repeat bottom left;
}


ul.menu {
  width:984px;
  height:28px;
  margin:0;
  padding:0;
  list-style:none;
  background:url(images/menu_smc.gif) no-repeat top right;
}

ul.menu li.first {
  margin:0;
  padding:0;
  float:left;
  position:relative;
  z-index:3;
  
}

/*************************/
/* Le ul de 1er niveau **/

ul.menu li ul {
  margin:0;
  padding:0;
  width:200px;
  display:none;
  position:absolute;
  top:28px;
  left:0px;
  list-style:none;
  z-index:4;
  background:#104B96 url(images/fond_sous_menu.gif) repeat-x;
}



/*************************/
/****** Tout les li ******/

ul.menu li.first ul li {
  width:190px;
  margin:0;
  padding:0 5px 0 5px;
  position:relative;
  z-index:40;
  height:20px;
}

ul.menu li ul li:hover {
}

/*************************/
/** Tout les a et span ***/

ul.menu li.first ul li a ,ul.menu li.first ul li span {
  line-height:20px;
  height:20px;
  text-decoration:none;
  color:white;
  z-index:40;
  display:block;
  font-weight:bold;
}

ul.menu li.first ul li span img {
  float:right;
  padding:4px 5px 0 0;
}

/*********************************************************************/
/********************* PORTLETS **************************************/
/*********************************************************************/

img.titre-portlet {
  display:block;
  padding:0 !important;
  margin:0;
}

.cadre-portlet {
  display:block;
  margin:0;
  border:1px solid #104B96;
}

.portlet {
  margin-bottom:10px;
}

.portlet-partenaires {
  text-align:center;
}

.portlet-partenaires .les-logos {
  padding-top:10px;
}

.portlet-partenaires img {
  border:0px;
}

a.portlet-pm,a.portlet-dm {
  width:153px;
  text-align:center;
  display:block;
  text-decoration:none;
  color:black;
  margin-bottom:20px;
  background:url(images/bg_portlet.jpg) repeat-x;
  padding-bottom:7px;
}

span.boite-logo {
  float:left;
  display:block;
  padding:5px 0;
  width:76px;
  height:42px !important;
}

span.nom-club {
  float:left;
  width:76px;
}

.resultat-dm {
  clear:left;
  display:block;
}


.portlet-mini-cl {
  width:153px;
  text-align:center;
  margin-bottom:20px;
  background:url(images/bg_portlet.jpg) repeat-x;
  padding-bottom:7px;
}

.portlet-mini-cl table {
  width:143px;
  margin:0 auto;
}



/*********************************************************************/
/********************* PAGE D'ACCUEIL ********************************/
/*********************************************************************/

#corps {
  background-color:white;
  width:980px;
}

.col1 {
  float:left;
  width:412px;
  padding:0 0px 0 5px;
}

.col2 {
  float:left;
  width:390px;
  padding:0 10px 0 7px;  
}

.col3 {
  float:left;
  width:128px;
  padding:0;
}

.onglet {
  margin:0;
  padding:0;
  float:left;
}

a.tout-rouge {
  clear:left;
  display:block;
  background-color:#990000;
  color:white;
  text-align:right;
  padding:0 10px 0 0;
  font-weight:bold;
  margin:0 0 10px 0;
  line-height:20px;
}



/***** Dernieres actus ******/

.wrapper-da {
  clear:left;
  padding:0;
  width:390px;

}

.wrapper-da2 {
  padding-bottom:10px;
  background:url(images/filigrane.gif) no-repeat bottom center;
}

#derniere-actu {
  clear:left;
  border:1px solid #CC0000;
  padding:5px;
}

#content a.corps-da {
  border-bottom:1px dashed #CC0000;
  display:block;
  padding:5px 0 5px 0;
  height:auto;
  clear:both;
}

#derniere-actu a {
  border:0;
  text-decoration:none;
  color:black;
}

#derniere-actu span.img-news {
  float:left;
  width:120px;
  text-align:center;
  padding:0 10px 5px 0;
}

#derniere-actu span.titre {
  font-size:12px;
  font-weight:bold;
  display:block;
  padding:0 0 2px 0;
  color:#104B96;
}

#derniere-actu span.date {
  font-size:10px;
  display:block;
  color:#DD1F32;
}

#derniere-actu span.description {
  font-size:10px;
  text-align:justify;
}

#derniere-actu span.lire-suite-accueil {
  white-space:nowrap;
  color:#104B96;
}

a.tout-actu {
  display:block;
  background-color:#CC0000;
  color:white;
  text-align:right;
  padding:0 10px 0 0;
  font-weight:bold;
  line-height:20px;
  margin:0 0 10px 0;
}

/******** Fil INFO **********/

#fil-info {
  clear:left;
  width:390px;
  border:1px solid #DD1F32;
}

#fil-info .corps-fi {
  overflow:auto;
  height:auto;
  width:auto;
}

#fil-info .corps-fi a {
  padding:2px 5px;
  text-decoration:none;
  margin:0 0 2px 0;
  display:block;
  background-image:url(images/bg_fi.jpg);
}

#fil-info .corps-fi a:hover {
  font-weight:bold;
  background-image:url(images/bg_fi_surv.jpg);
}

.corps-fi .date {
  font-style:italic;
  color:#104B96;
  padding-right:5px;
}

#pub-droite {
  margin:0 0 10px 0;
}
/******** Mediatheque *******/

#mediatheque {
  clear:left;
  width:290px;
  height:150px;
  color:white;
  background:black url(images/fond_boite_multimedia.gif) no-repeat;
  padding:0 5px 0 5px;
  margin:0 0 10px 0;
}

.link-media {
  display:block;
  color:white;
  text-align:right;
}

.m_titre {
  color:white;
  font-size:12px;
  display:block;
  font-weight:bold;
  padding:0 0 4px 0;
}

#m-photo {
  padding-top:15px;
  display:block;
}

#m-photo span {
  text-decoration:none;
  color:white;
  display:block;
}

#diaporama-wrapper {
  margin:0 5px 15px 0 !important;
  float:left;
}

#transitionWrapper2, #diaporama-wrapper {
  border:1px solid white;
  padding:4px 6px;
}

#transitionWrapper2 {
  margin:-5px 0 0 -7px;
}

#m-audio {
  padding-top:15px;
  display:none;
}

#m-audio img {
  float:left;
  margin:0 5px 15px 0 !important;
}

#m-audio object {
  margin:8px 0 0 0;
}

#m-video {
  display:none;
}

.link-mtv {
  display:block;
  color:white;
  text-decoration:none;
  padding:5px;
}

.link-mtv img {
  float:left;
}

.text-link-mtv {
  padding:40px 0 0 10px;
  width:130px;
  float:left;
}

#mediatheque img {
  margin:0;
  padding:0;
  display:block;
}

.link-diaporama {
  padding:5px 0 0 5px;
  width:145px;
  height:133px;
}

#diaporama-wrapper {
  width:142px !important;
}

#transitionWrapper2 {
  width:142px !important;
}

#portlet-boutique {
  padding:10px 0 10px 0px;
}

/********** Info match ******/

#info-match {
  width:300px;
  padding:0 0 10px 0;
  clear:left;
  float:none;
} 

.im-titre span {
  color:white;
  font-weight:bold;
  font-size:12px;
  line-height:20px;
  padding:2px;
}

/* Prochain / dernier match */

.p-jam-match .portlet-match {
  float:left;
  padding-left:20px;
}

.portlet-match {
  width:300px;
}

#matches {
  background:url(images/fond_boite_matches2.gif) no-repeat;
  width:300px;
  height:200px;
}

.im-accueil {
  text-align:center;
}

a.corps-im {
  color:black;
  text-decoration:none;
  display:block;
}

.corps-im span {
  display:block;
}

.corps-im span.matches-titre {
  font-size:14px;
  color:white;
  padding-bottom:2px;
}

.corps-im span.titre-journee {
  font-size:11px;
}

.corps-im span.club {
  font-weight:bold;
  font-size:13px;
}

.logo-dom {
  padding:20px 5px 0 0px;
  float:left;
}

.logo-ext {
  padding:20px 0px 0 5px;
  float:right;
}

.dm-accueil {
  padding:18px 15px 0 15px;
  height:82px;
}

.pm-accueil {
  padding:8px 15px 0 15px;
  height:92px;
}

a.im-link {
  display:block;
  color:#104B96;
  font-size:11px;
}

/***** Entrainement *********/

a#entrainement-accueil {
  color:black;
  text-decoration:none;
  display:none;
  text-align:center;
  background:url(images/fond_boite_entrainement.gif) no-repeat;
  font-size:16px;
  width:300px;
  height:170px;
  padding:30px 0 0 0;
}

/******** Classement ********/

#mini-classement {
  display:none;
  background:url(images/fond_boite_classement.gif) no-repeat;
  width:287px;
  height:189px;
  padding:11px 0 0 13px;
} 

#mini-classement table {
  width:273px;
  text-align:center;
  border-collapse:collapse;
}

#mini-classement table tr {
  height:17px;
}

#mini-classement table tr td {
  font-size:12px;
}

#mini-classement tr.tr-title {
  height:19px;
}
 
#mini-classement tr.tr-title td {
  font-weight:bold;
  color:white;
}
 
#mini-classement td.position {
  width:33px;
  text-align:center;
  padding-right:5px;
}

#mini-classement table tr td.club {
  width:190px;
  text-align:left;
  padding-left:5px !important;
}

#mini-classement td.point {
  width:40px;
}

/******** Sondage ***********/

#sondage {
  width:160px;
} 

#sondage .cadre-portlet {
  padding-bottom:10px;
}

#sondage form {
  padding:10px 0 0 10px;
}

.question-sondage {
  font-weight:bold;
  padding:2px 4px;
}

#sondage form input.context {
  display:block;
  margin-left:70px;
}

.dejavote {
  padding:30px 5px 0 5px;
  text-align:center;
}

/**** Joueur du mois ********/

#jdm {
  width:160px;
  text-align:center;
} 

#jdm form select {
  margin:5px ;
}

#jdm form input {
  margin:0 0 10px 50px;
}

#jdm select{
  width:140px;
  padding:0;
  margin:0;
  font-size:10px;
} 

/********* JAM **************/

a#le-jam {
  width:145px;
  text-align:center;
  float:left;
  margin-left:10px;
} 

#le-jam .cadre-portlet img {
  display:block;
  margin:0;
  padding:0;
  width:143px;
  height:201px;
}


/**************************************************************************/
/************************* GABARIT EDITION ********************************/
/**************************************************************************/
 
body#edit #portal-column-one {
  display:none;
}

body#edit #portal-column-content {
  width:984px
}

body#edit #portal-column-two {
  display:none;
}

/**************************************************************************/
/************************* CSS SMC ****************************************/
/**************************************************************************/

/************* EQUIPESAISON_VIEW - EQUIPESAISON_VIEW_STAFF *****************/

#fiche-equipe {
}

.cadre-photo-equipe {
  text-align:center;
  background-color:#104B96;
  padding:3px 0;
}

.photo-equipe {
  display:block;
  margin:0 auto;
  padding:0;
}

table.es-liste {
  width:510px;
  border-spacing:0;
  text-align:center;
  border:1px solid #104B96;
}

.es-liste .tr-title {
  height:30px;
}

.es-liste .tr-title td.categorie-es {
  background-color:#104B96;
  color:white;
  font-size:14px;
  font-weight:bold;
}

.es-liste .tr-odd {
  height:24px;
}

.es-liste .tr-even {
  height:20px;
}

.es-liste .tr-odd td.taille, .es-liste .tr-odd td.poids {
  background-color:#FCE8EA;
}

.es-liste .tr-even td.taille, .es-liste .tr-even td.poids {
  background-color:#E4D8E2;
}

.es-liste .tr-odd td.nom, .es-liste .tr-odd td.dn {
  background-color:white;
}

.es-liste .tr-even td.nom, .es-liste .tr-even td.dn {
  background-color:#E5EEF6;
}

.es-liste td.num {
  background-color:#CFDBEA;
  text-align:center;
}

.es-liste td.dn {
  text-align:center;
}

.es-liste td.nom {
  padding-left:10px;
  width:162px;
}

.es-liste td.fonction {
  padding-left:10px;
  width:162px;
}

/************** STAFF ****************/

.detail-staff {
  padding:10px;
  margin:0 0 4px 0;
  background-color:#7093C0;
}

table.es-staff {
  width:510px;
  border-spacing:0;
}

table.es-staff tr.tr-title {
  height:30px;
}

table.es-staff tr.tr-title td {
  background-color:#DD1F32;
  text-align:center;
  font-weight:bold;
  font-size:14px;
}

.es-staff tr.tr-ss-title {
  height:25px;
}

.es-staff tr.tr-ss-title td {
  background-color:#104B96;
  border-spacing:2px 0;
  padding-left:10px;
  font-weight:bold;
  color:white;
  border-top:3px solid white;
  border-bottom:1px solid white;
}

.es-staff .tr-odd {
  height:24px;
}

.es-staff .tr-even {
  height:20px;
}

.es-staff .tr-odd td.nom, .es-staff .tr-odd td.dn {
  background-color:white;
}

.es-staff .tr-even td.nom, .es-staff .tr-even td.dn {
  background-color:#E5EEF6;
}

.es-staff .tr-odd td.fonction {
  background-color:#FCE8EA;
}

.es-staff .tr-even td.fonction {
  background-color:#E4D8E2;
}

.es-staff td.nom {
  padding-left:10px;
  width:162px;
}

.es-staff td.fonction {
  padding-left:10px;
  width:162px;
}

.es-staff td.dn {
  text-align:center;
}

/************* COMPETITION_VIEW_CLASSEMENT *****************/

form.select-journee {
  width:470px;
  padding:20px;
  background-color:#7093C0;
}

select.select-journee {
  width:120px;
  margin:0px 20px 0 0;
}

select.select-type {
  width:100px;
  margin:0 20px 0 0;
}

table.classement {
  width:510px !important;
  clear:both;
  border-collapse:collapse;
  border-spacing:0;
  margin:3px 0;
}

table.classement tr {
  height:20px;
}

table.classement td {
  text-align:center;
}

table.classement .tr-club td {
  background-color:#BCBEC0 !important;
  border-right-color:#BCBEC0 !important;
  border-bottom:1px solid #E7EDF4 !important;
  font-weight:bold;
}

table.classement tr.tr-title td {
  background-color:#DD1932 !important;
  font-weight:bold;
  border-right-color:#DD1932;
  border-bottom-color:#DD1932;
}

table.classement tr.tr-first-line {
  height:23px;
}

table.classement tr.tr-first-line td {
  border-top:3px solid white;
}

table.classement tr.tr-club td.cl-position {
  border-bottom-color:#F9D2D6 !important;
}

table.classement td.cl-position {
  width:35px;
  background-color:#F9D2D6;
  border-right:2px solid white;
}

table.classement tr.tr-title td.cl-ville {
  text-align:center;
}

table.classement tr.tr-club td.cl-ville {
  border-bottom-color:white !important;
}

table.classement td.cl-ville {
  background-color:#F9D2D6;
  width:168px;
  text-align:left;
  padding-left:5px;
  border-right:2px solid white;
  border-bottom:1px solid white;
}

table.classement td.cl-point {
  width:35px;
  background-color:#E7EDF4;
  border-right:2px solid white;
}

table.classement td.cl-joue {
  width:35px;
  background-color:#E7EDF4;
}

table.classement td.cl-gagne {
  width:35px;
  background-color:#E7EDF4;
}

table.classement td.cl-null {
  width:35px;
  background-color:#E7EDF4;
}

table.classement td.cl-perdu {
  width:35px;
  background-color:#E7EDF4;
  border-right:2px solid white;
}

table.classement td.cl-butp {
  width:35px;
  background-color:#E7EDF4;
}

table.classement td.cl-butc {
  width:35px;
  background-color:#E7EDF4;
  border-right:2px solid white;
}

table.classement td.cl-diff {
  width:50px;
  background-color:#E7EDF4;
}


/************* COMPETITION_VIEW_CALENDRIER *****************/

table.calendrier {
  width:510px;
  text-align:center;
  clear:both;
  border:1px solid #104B96;
  border-bottom:0px;
}

table.calendrier tr.tr-title td {
  background-color:#104B96;
  color:white;
  font-weight:bold;
  border:1px solid #104B96;
}

table.calendrier td {
  height:20px;
}

.calendrier .tr-even td {
  background-color:white;
}

.calendrier .tr-odd td {
  background-color:#E5EEF6;
}

.calendrier .tr-odd .dom, .calendrier .tr-odd .ext {
  background-color:#E4D8E2;
}

.calendrier .tr-even .dom, .calendrier .tr-even .ext {
  background-color:#FCE8EA;
}


table.calendrier .pos {
  background-color:#CFDBEA;
  border-right:2px solid white;
  width:30px;
}

table.calendrier .date {
  width:128px;
}

table.calendrier .dom, table.calendrier .ext {
  width:110px;
}

table.calendrier .score {
  width:70px;
}

table.calendrier .cla {
  width:30px;
}

table.calendrier .dj {
  width:30px;
}

ul.select-competition {
  margin:0;
  padding:0;
  height:22px;
  width:510px;
  list-style-type:none;
  background:url(images/repeat_fin_onglet.gif) repeat-x;
}

ul.select-competition li {
  float:left;
  padding:3px 2px 4px 2px;
  margin:0;
  height:15px;
  width:127px;
  background:url(images/onglet_vide.gif) no-repeat;
}

ul.select-competition a {
  text-align:center;
  text-decoration:none;
  display:block;
  color:white;
  font-weight:bold;
}

ul.select-competition li.select {
  background-image:url(images/onglet_vide_on.gif);
}

/************* ENTRAINEMENT *****************/

table.entrainement {
  width:510px;
  border-spacing:0;
  border-collapse:collapse;
  margin-bottom:2px;
}

table.entrainement td {
  height:20px;
}

table.entrainement td.jour {
  text-align:left;
  width:130px;
  padding-left:10px;
  background-color:#CFDBEA;
  border-right:2px solid white;
}

table.entrainement tr.tr-title {
  height:24px;
}

table.entrainement tr.tr-title td {
  background-color:#DD1F32;
  font-weight:bold;
  text-align:center;
  border-bottom:2px solid white;
  font-size:14px;
}

table.entrainement td.matin, table.entrainement td.apres-midi {
  width:90px; 
  text-align:center;
}

table.entrainement .tr-odd td.matin, table.entrainement .tr-odd td.apres-midi {
  background-color:#E5EEF6;
}

table.entrainement .tr-even td.matin, table.entrainement .tr-even td.apres-midi {
  background-color:white;
}

table.entrainement td.matin-com {
  width:98px;
  border-right:2px solid white;
}

table.entrainement td.apres-midi-com {
  width:100px; 
}

table.entrainement .tr-odd td.matin-com, table.entrainement .tr-odd td.apres-midi-com {
  background-color:#E4D8E2;
}

table.entrainement .tr-even td.matin-com, table.entrainement .tr-even td.apres-midi-com {
  background-color:#FCE8EA;
}


/***************** Journee *************************/

.vainqueur {
  font-weight:bold;
}

.journee-resultat td {
  text-align:center;
}

.journee-resultat td.nom-club {
  width:40%;
}

/***************** Liste joueur *********************/

table.caracteristique-joueur {
  width:260px !important;
}

.caracteristique-joueur td.cat-entete {
  width:120px;
  font-weight:bold;
}

.caracteristique-joueur td.val-entete {
}

.photo-joueur {
  padding:5px;
  float:left;
  border:2px solid #D3D3D3;
}

.description-joueur {
  width:260px;
  margin:20px 0 0 190px;
}

/************************* Statistique *********************/

.statistique h2 {
  margin-bottom:4px !important;
}

table.chiffre-clef {
  width:250px;
  margin-bottom:2px;
  padding:0;
  float:left;
  border-spacing:2px 1px
}

table.cc-marge {
  margin-right:10px;
}

table.chiffre-clef tr {
  height:20px;
}

table.chiffre-clef td.cc-entete {
  width:183px;
  background-color:#E7EDF4;
  padding:0 2px;
  font-weight:bold;
}

table.chiffre-clef td.cc-val {
  width:65px;
  text-align:right;
  background-color:#F9D2D6;
  padding:0 4px 0 0;
}

.barre-stat {
  width:450px;
  height:160px;
  background:url(images/fond_statistique.gif) no-repeat;
  padding:0 0 10px 60px;
}

.triple-barre {
  width:42px;
  height:118px;
  margin-right:20px;
  float:left;
}

.barre {
  width:14px;
  height:1px;
  float:left;
}

.couleur {
  width:12px;
  float:none;
  border:1px solid #F8D2D6;
  line-height:1px;
  font-size:1px;
  border-top:0;
  border-bottom:0;
}

.jaune {
  background-color:yellow;
}

.rouge {
  background-color:#DD1F32;
}

.but {
  background-color:blue;
}

.legende-quart div {
  float:left;
  font-size:10px;
  width:47px;
  padding-right:15px;
  text-align:center;
  font-weight:bold;
}

.legende {
  margin-left:-60px;
}

.texte-legende {
  float:left;
  width:140px;
  padding:12px 0 0 30px;
}


table.stat-equipe {
  width:250px;
  margin-bottom:2px;
  padding:0;
  float:left;
  border-spacing:2px 1px
}

table.meilleur-buteur {
  margin-right:10px;
}

table.stat-equipe tr {
  height:20px;
}

table.stat-equipe a {
  color:black;
}

table.stat-equipe tr.tr-title td {
  background-color:#DD1932;
  padding-left:10px;
  font-weight:bold;
  border-bottom:3px solid white;
}

table.stat-equipe td.pos {
  width:30px;
  text-align:center;
  background-color:#F9D2D6;
}

table.stat-equipe td.nom {
  text-align:center;
  font-weight:bold;
  background-color:#E7EDF4;
}

table.stat-equipe td.nb-but {
  width:30px;
  text-align:center;
  background-color:#F9D2D6;
}

table.stat-equipe td.cc-entete {
  width:100px;
  font-weight:bold;
  background-color:#F9D2D6;
}

table.stat-equipe td.cc-val {
  width:100px;
  font-weight:bold;
  text-align:center;
  background-color:#E7EDF4;
}

table.stat-equipe td.detail {
  width:50px;
  text-align:right;
  padding-right:4px;
  background-color:#F9D2D6;
}


/************************ Feuille de match **************************/

.entete-fm {
  width:250px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:10px;
}

.dom-fm {
  text-align:center;
  font-size:16px;
  font-weight:bold;
  width:180px;
}

.res {
  text-align:center;
  font-size:16px;
  font-weight:bold;
  width:50px;
}

.ext-fm {
  text-align:center;
  font-size:16px;
  font-weight:bold;
  width:180px;
}


.ligne_fm {
  text-align:center;
  border-bottom:1px dashed black;
  line-height:20px;
}

#feuille-match td.dom-vide,#feuille-match td.ext-vide {
  width:140px;
}

#feuille-match td.dom-vide {
  padding-right:100px;
}

#feuille-match td.ext-vide {
  padding-left:100px;
}

#feuille-match td.dom-mvt {
  width:50px;
}

#feuille-match td.dom-joueur {
  width:190px;
}

#feuille-match td.central {
   width:40px;
}

#feuille-match td.ext-joueur {
  width:190px;
  text-align:right;
}

#feuille-match td.ext-mvt {
  width:50px;
}

.feuille {
  width:460px;
  margin-bottom:10px;
  padding-bottom:10px;
  padding-top:0;
  border-bottom:1px solid black;
}
        
div#feuille-match {
  background:url('images/groupe_pro/logosmc-transparent_2.gif') no-repeat 120px 190px;
}


/**************************************************************************/
/************************* PARTENAIRES ************************************/
/**************************************************************************/

.equipementier {
  text-align:center;
}


#content .p_majeur a, #content .p_institutionel a, #content .p_media a, #content .equipementier a {
  float:left;
  margin:5px;
  background-repeat:no-repeat;
  background-position:center center;
  width:140px;
  height:170px;
  display:block;
  padding:5px;
  background-color:#F3F3F3;
}

.equipementier a {
  float:none;
  margin:10px auto;
}

#prestation a, .bloc-pv {
  background-repeat:no-repeat;
  display:block;
  height:127px;
  margin-bottom:10px;
  text-decoration:none;
  color:black;
  clear:left;
}

#prestation a {
  padding-left:140px;
}

.bloc-pv img {
  float:left;
  padding-right:10px;
}

#prestation span.titre {
  font-size:120%;
  display:block;
  margin-bottom:5px;
  font-weight:bold;
}

#prestation span.desc {
  display:block;
}

#prestation span.download-pdf {
  background:url(images/icone_pdf.gif) no-repeat;
  color:#DD1F32;
  padding:20px 0 0 37px;
  height:20px;
  line-height:20px;
  display:block;
}

/************* Ensemble partenaire *********/

table.liste {
  width:460px;
}

table.liste .tr-odd td {
  background-color:#F3F3F3;
  padding-left:10px;
  width:50%;
}

table.liste .tr-even td {
  background-color:#D3D3D3;
  padding-left:10px;
  width:50%;
}

/************** Joueur du mois ************/



/**************************************************************************/
/************************* Le Club ****************************************/
/**************************************************************************/

.logo-pc {
  float:left;
  margin:0 20px 10px 10px;
}

.caracteristique {
  margin:10px 20px 0 0;
  vertical-align:top;
}

.caracteristique td {
  padding:5px 0 0 0px;
  border-bottom:1px dashed black;
}

.caracteristique td.entete {
  font-weight:bold;
  width:100px;
}

.maillot-dom, .maillot-ext {
  float:left;
  width:170px;
  text-align:center;
}

.maillot-dom {
  padding-left:80px;
}

.maillot-ext {
  padding-left:20px;
}

.title-maillot {
  font-size:110%;
  font-weight:bold;
  padding-bottom:5px;
}

.grand-nom-pc {
  width:100%;
}

/**************** Organigramme ***********************/

.service {
  font-size:18px;
  text-align:center;
  font-weight:bold;
  border-bottom:2px solid #D3D3D3;
  padding-bottom:5px;
  margin-bottom:5px;
}

.bo {
  float:left;
  width:140px;
  height:160px;
  text-align:center;
  padding:5px;
  margin:3px;
  background-color:#F1F1F1;
}

.alone {
  float:none;
  margin-left:193px;
}

.personne {
}

.bo img {
  border:3px solid #D3D3D3;
  padding:5px;
  background-color:white;
  margin-bottom:5px;
}

.pd {
  margin-left:100px;
}

.pt {
  margin-left:20px;
}

/******************* Palmares ****************************/

ul.palmares {
  margin:10px 0 10px 20px;
}

ul.palmares li {
  padding-bottom:5px;
}

/******************* Les presidents ***************/

.photo-pres {
  width:170px;
  float:right;
  clear:right;
  margin-bottom:10px;
  text-align:center;
  padding-right:40px;
}

/************************* LE STADE **********************************/

.presentation-stade {
  float:right;
  margin:0 0 5px 5px;
  border:1px solid black;
  width:283px;
}

.titre-ps {
  text-align:center;
  background-color:#182D81;
  color:#EA1000;
  font-weight:bold;
}

/**************************************************************************/
/************************* LA BOUTIQUE ************************************/
/**************************************************************************/

.adresse-boutique div {
  padding:1px 0;
}

.titre-adresse-boutique {
  color:#182D81;
  padding-bottom:3px;
  font-size:110%;
  font-weight:bold;
}

.telephone-boutique {
  color:#EA1000;
}

.horaire-boutique {
  width:200px;
  color:#EA1000;
}

.special-horaire-boutique {
  float:right;
  background-color:#EA1000;
  font-size:140%;
  text-align:center;
  color:#182D81;
  padding:5px 0;
  width:300px;
  margin:0 auto;
  font-weight:bold;
}

.horaire-shb {
  font-size:140%;
  color:white;
}

.partenaire-boutique {
  width:240px;
  margin:10px;
  float:left;
}

.titre-pb {
  margin-left:10px;
  font-weight:bold;
  font-size:20px;
}

/**************************************************************************/
/******************************* FORMATION ********************************/
/**************************************************************************/

/****************************** Presentation ********************/

.signature {
  float:right;
  padding-right:40px;
}

.mini-italic {
  font-size:90%;
  font-style:italic;
}

/******************* ORGANIGRAMME *******************/

.main {
  width:170px;
  float:left;
  padding:3px;
}

.admin-recrut {
  margin-top:20px;
}

.scol-form {
  margin-top:20px;
}

.directeur {
  border:1px solid black;
  font-weight:bold;
  text-align:center;
}

.main ul {
  list-style:none;
  border-left:1px solid black;
  padding-left:5px;
  margin-left:5px;
}

.main ul li {
  padding:2px;
  margin:2px 0;
  border-bottom:1px dashed black;
  text-align:center;
}

.main .titre-equipe {
  font-style:italic;
  text-decoration:underline;
  font-size:110%;
}

.service {
  padding-bottom:7px;
}

.titre-service {
  font-size:120%;
  font-weight:bold;
  text-align:center;
}

/********************** Le centre de formation **************************/

/******** Ils sont sortis du centre *****/

table.issdc {
  width:516px;
}

table.issdc td {
  height:20px;
}

table.issdc .tr-odd {
  background-color:#D3D3D3;
}

table.issdc .tr-even {
  background-color:#F3F3F3;
}

/********* Structure d'accueil ******/

.galerie-saf {
  margin-top:30px;
}

.galerie-saf img {
  display:block;
  padding-bottom:5px;
}

.galerie-saf a {
  width:170px;
  height:190px;
  padding:0 2px;
  float:left;
  color:black;
  text-decoration:none;
  text-align:center;
}

/********** Ancien directeur *********/

ul.ancien-directeur-centre {
  list-style-image:url(images/triangle_droit_bleu.jpg);
}

ul.ancien-directeur-centre li {
  height:25px;
  width:400px;
  clear:left;

}

ul.ancien-directeur-centre li span.date-pf {
  width:110px;
  float:left;
  color:blue;
  font-size:14px;
}

ul.ancien-directeur-centre span.nom-pf {
  color:#DD1F32;
  font-size:14px;
}

/********************************* Ecole de foot ***************/

.palmares-jean-pingeon {
  width:522px;
  border:2px solid #D3D3D3;
}

.palmares-jean-pingeon td {
  height:20px;
}

.palmares-jean-pingeon .tr-header {
  background-color:#D3D3D3;
  font-weight:bold;
}

.palmares-jean-pingeon .tr-odd {
  background-color:#D3D3D3;
}

.palmares-jean-pingeon .tr-even {
  background-color:#F3F3F3;
}

/********************* Les équipes *******************/

a.eq-formation {
  float:left;
  background-color:#F3F3F3;
  padding:3px;
  text-align:center;
  margin:3px;
  width:160px;
  text-decoration:none;
  color:black;
}

.nom-equipe {
  font-size:12px;
  font-weight:bold;
  display:block;
  margin-bottom:5px;
}

/************** Recrutement envoi CV **************************/

form.envoi-cv {
  margin-left:10px;
}

div.field-odd,div.field-even {
  width:500px;
  margin-bottom:5px;
  padding:2px;
}

div.field-odd label,div.field-even label {
  float:left;
  width:200px;
  font-weight:bold;
  height:18px;
  line-height:18px;
}

div.field-odd {
  background-color:#F3F3F3;
}

div.field-even {
  background-color:#D3D3D3;
}

.envoi-cv input.context {
  margin-left:400px;
}

/**************************************************************************/
/*************************** ACTUALITE ************************************/
/**************************************************************************/

h1.h1-actu {
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

.link-img-news {
  float:left;
  padding:0 5px 5px 0;
}

.bloc-news {
  background-color:#F6F6F6;
  color:black;
  margin-bottom:7px;
  padding:5px;
}

.bloc-news h2 a,.bloc-news h2 {
  margin-bottom:0px;
}

.date-news {
  font-size:10px;
  font-weight:bold;
  color:#EA1000;
}

a.lire-suite {
  clear:left;
  font-size:10px;
  padding-left:416px;
  height:14px;
  padding-top:12px;
  color:#182D81;
  background:url(images/footer_actu.jpg) no-repeat;
  display:block;
  color:#EA1000;
  text-decoration:none;
}

p.desc-news a {
  font-size:10px;
}

.lien-article {
  margin:10px 0;
}

.lien-article tr {
  height:40px;
}

table.lien-article td {
  vertical-align:middle;
}

td.icone-ri {
  width:40px;
}

.lien-article a {
  display:block;
  color:black;
  text-decoration:none;
}

table.mini-galerie {
  float:left;
  margin-right:5px;
}

.mini-galerie td {
  text-align:center;
}

.mini-galerie img {
  border:1px solid #3366CC;
  margin:1px;
}

.bloc-diapo {
  background-color:#F3F3F3;
  text-align:center;
  height:20px;
  padding:5px 0;
  margin-bottom:5px;
}

a.diaporama-gal {
  border:1px solid #D3D3D3;
  text-decoration:none;
  color:blue;
  font-size:14px;
}

a.diaporama-gal:hover {
  color:#DD1F32;
  background-color:#D3D3D3;  
}

a.bloc-gp {
  padding:5px;
  margin-bottom:10px;
  background:url(images/boite_photo.gif) no-repeat;
  width:240px;
  height:70px;
  float:left;
  display:block;
  text-decoration:none;
}

.liste-galerie a.even {
  margin-right:8px;
}

a.bloc-gp img {
  float:left;
  margin:5px 10px 0 0;
}

a.bloc-gp span {
  display:block;
  color:#DD1F32;
  text-decoration:none;
  border:0;
}

a.bloc-gp span.titre {
  font-size:10px;
  font-weight:bold;
  padding-bottom:3px;
  color:white;
}

.archive ul {
  list-style-image:none;
  list-style-type:none;
  background-color:#DD1F32;
  padding:0px 0 0 30px;
  margin:0 0 4px 0;
}

.archive ul li {
  height:18px;
  border-left:2px solid white;
  background-color:#CFDBEA;
  padding:2px 0 1px 20px;
  margin:0;
}

.archive ul li a {
  text-decoration:none;
}

.archive ul li a:hover {
  text-decoration:underline;
}

.date-archive {
  color:blue;
}

.titre-archive {
  color:#DD1F32;
}

a.liste-archives {
  background:url(images/archives_footer.gif) no-repeat;
  text-decoration:none;
  font-size:12px;
  display:block;
  padding:4px 0 0 345px;
  width:165px;
  height:25px;
}

.action-news {
  float:right;
  padding-right:20px;
}

.action-news {
  text-decoration:none;
}

.autre-depeche {
  border:1px solid #104B96;
}

.autre-depeche a {
  padding-top:5px;
  text-decoration:none;
  margin:0 0 1px 0;
  display:block;
  color:black;
  background-image:url(images/bg_fi.jpg);
}

.autre-depeche a:hover {
  font-weight:bold;
  background-image:url(images/bg_fi_surv.jpg);
}

.autre-depeche a .date {
  font-style:italic;
  color:#EA1000;
}

.autre-depeche a .categorie {
  color:#182D81;
  font-weight:bold;
}

.autre-depeche a  .titre {
  color:black;
}

.detail-gal {
  padding:10px 5px 0 15px;
  background:black url(images/photo_header.gif) no-repeat;
  width:490px;
  color:white;
}

.nb-photo {
  float:right;
  margin:15px 10px 10px 0;
  font-size:16px;
  font-weight:bold;
  color:#DD1F32;
}

.cadre-gal {
  background:black url(images/photo_footer.gif) no-repeat left bottom;
  clear:both;
}

#site #content div.photo-gal2 {
  float:left;
  width:160px;
  height:112px;
  padding:1px;
  margin:6px 4px;
  text-align:center;
}

.photo-gal2 a {
  opacity:0.9;
  color:black;
  text-decoration:none;
}

.photo-gal2 a:hover {
  opacity:1;
}

.photo-gal2 img {
  padding-bottom:5px;
}

.link-audio {
  padding:5px 5px 5px 90px;
  text-decoration:none;
  color:white;
  width:415px;
  background:black url(images/boite_interview.gif) no-repeat;
}

.link-audio img {
  float:left;
  padding:0 5px 0 0;
}

.link-audio .titre {
  font-size:12px;
  font-weight:bold;
  margin-bottom:4px;
}

.detail-son {
  padding:5px 0;
}

.footer-interview {
  margin-bottom:7px;
}

.chiffre-rencontre td.club {
  text-align:center;
}

.onglet-article {
  width:510px;
  background:url(images/art_ongl_ligne.gif) repeat-x;
  padding-bottom:6px;
}

.onglet-article a {
  display:block;
  text-decoration:none;
  float:left;
  color:white;
  background-color:#104B96;
  line-height:22px;
  font-size:10px;
  font-weight:bold;
}

.onglet-article a span {
  display:block;
  height:22px;
  float:left;
}

a .onglet-gauche {
  background:url(images/art_ongl_g_off.gif) no-repeat;
  width:9px;
}

a .onglet-texte {
  background:url(images/art_ongl_c_off.gif) repeat-x;
}

a .onglet-droit {
  background:url(images/art_ongl_d_off.gif) no-repeat;
  width:9px;
}

a:hover .onglet-gauche, a.select .onglet-gauche {
  background:url(images/art_ongl_g_on.gif) no-repeat;
}

a:hover .onglet-texte, a.select .onglet-texte {
  background:url(images/art_ongl_c_on.gif) repeat-x;
}

a:hover .onglet-droit, a.select .onglet-droit {
  background:url(images/art_ongl_d_on.gif) no-repeat;
}

/**************************************************************************/
/************************* ATREFBROWSER ***********************************/
/**************************************************************************/

body.atrefbrowser {
  background-color:white;
  background-image:none;
}

/**************************************************************************/
/************************* Nous contacter *********************************/
/**************************************************************************/

.boite-image-droite {
  width:155px;
  height:220px;
  padding:5px 2px;
  background-color:#F3F3F3;
  float:left;
  margin:3px;
  text-align:center;
}

.boite-image-droite img {
  margin-bottom:5px;
}

.org {
  font-weight:bold;
  font-size:110%;
}

table.tab-contact {
  width:460px;
}

table.tab-contact td {
  height:24px;
}

table.tab-contact td.label2 {
  padding-left:10px;
  font-size:120%;
}

table.tab-contact .tr-odd td {
  background-color:#F3F3F3;
}

table.tab-contact .tr-even td {
  background-color:#D3D3D3;
}

table.tab-contact input {
  border:1px solid #182D81;
}

table.tab-contact td.label-mes {
  padding-top:5px;
}

table.tab-contact textarea {
  width:250px;
  border:1px solid #182D81;
}

table.tab-contact select {
  border:1px solid #182D81;
}

.form-contact input.context {
  margin:10px 0 0 400px;
  font-size:12px;
}

/**************************************************************************/
/************************* Malherbe TV ************************************/
/**************************************************************************/

.retransmission {
  width:460px;
}

.retransmission td {
  height:20px;
  text-align:center;
}

.retransmission .tr-title td {
  background-color:#CDCFE6;
  font-size:12px;
  font-weight:bold;
}

.retransmission .tr-odd td {
  background-color:#F3F3F3;
}

.retransmission .tr-even td {
  background-color:#D3D3D3;
}


/**************************************************************************/
/************************* Billetterie ************************************/
/**************************************************************************/

.boite-billetterie {
  width:210px;
  height:240px;
  padding:3px;
  background-color:#F3F3F3;
  float:left;
  margin:3px 2px 10px 2px;
  text-align:center;
}

.boite-billetterie img {
  margin-bottom:5px;
}

.bb1 {
  margin-left:20px;
}

.bb2 {
  margin-left:10px;
}

.horaire-billetterie {
  padding:0 10px;
}

.boite-rvt {
  float:left;
  width:150px;
  text-align:center;
  padding:5px;
}

.boite-rvt .club {
  font-weight:bold;
  font-size:14px;
}

.rvt-dom {
  padding-left:70px;
}

.rvt-ext {
  padding-left:30px;
}

.titre-match, .date-match {
  text-align:center;
  font-weight:bold;
  font-size:14px;
}

.date-match {
  margin-bottom:20px;
}

table.liste-pm {
  width:510px;
  border-spacing:0;
  margin:10px 0;
}

table.liste-pm tr.tr-odd td {
  background-color:#E4D8E2;
}

table.liste-pm tr.tr-even td {
  background-color:#FCE8EA;
}

table.liste-pm td {
  vertical-align:middle;
}

table.liste-pm td.logo {
  text-align:left;
}

table.liste-pm td.detail-pm {
  width:250px;
  padding-left:10px;
}

div.competition {
  color:#DD1F32;
  font-size:12px;
}

div.date-pm {
  font-size:13px;
  font-weight:bold;
}

div.tarif-def {
  font-size:10px;
}

table.liste-pm td.club-pm {
  width:200px;
  font-size:14px;
  font-weight:bold;
  color:#104B96;
  text-align:center;
}

a.plan-acces {
  display:block;
  text-align:center;
  margin-bottom:10px;
}


.plan-stade {
  text-align:center;
  margin-bottom:20px;
}

.detail-abonnement {
  background-color:#F3F3F3;
  padding:5px;
  margin:3px;
  float:left;
}

#site div.portlet-jam {
  float:none;
  padding-left:3px;
}

table.club-partenaire tr td {
  padding-left:0px;
}

/***************************** PUBLICITE *******************/

#pub-brets  {
  display:block;
  text-align:center;
  text-decoration:none;
  border:none;
  padding:0 0 10px 0;
}

.pub {
  text-align:center;
  padding:0 0 10px 0;
}

.pubh {
  margin:0 0 0 0px;
  padding:0 0 10px 0;
}

.pubh object {
  margin:0 auto;
}

#pub-flottante {
  position:absolute;
  display:none;
  top:0;
  left:0;
}






/*******************************************************/
/*******************************************************/
/*******************************************************/

#listeJoueur {
  width:400px;
  height:200px;
}







      
 

}


/* - ploneCustom.css - */
@media all {
/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */


/* DELETE THIS LINE AND PUT YOUR CUSTOM STUFF HERE */




/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */



}