/* RESET */

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0;}
ul{list-style-type:none;}
body { font-family:Verdana, Geneva, sans-serif; font-size:11px; background:url(../images/bckgrd-body.png) left top repeat-x #000;}
a { border:none; text-decoration:none; color:#21a3f5;}

/* STRETCH */
#headerW { width:100%; height:127px; background:url(../images/bckgrd-header-w.jpg) center top no-repeat;}

/* POSITION */
#headerP { width:980px; z-index:50; position:absolute; left: 50%; margin-left: -490px; display:block;}
#bannerP { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block;}
#bannerPage { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block;}
#menuP { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; background:url(../images/bckgrd-menu.png) left top repeat-x; height:46px; z-index:200}
#contentP { width:958px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; background:url(../images/bckgrd-content.png) left top no-repeat; padding:30px 0 0 22px;}
#contentPLarge { width:958px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; background:url(../images/bckgrd-content-large.png) left top no-repeat; padding:30px 0 0 22px;}
#footerP { width:980px; z-index:50; position:relative; left: 50%; margin-left: -490px; display:block; background:url(../images/bckgrd-footer.png) left top no-repeat #343434;}

/* HEADER */
#headerLogo { float:left; background:url(../images/logo-rcsc.jpg) left top no-repeat; width:450px; height:127px; display:block; text-indent:-20000px;}
#headerRight { float:left; width:530px; height:126px;}
#headerMenu { color:#fff; font-size:10px; height:26px; line-height:26px; text-align:right;}
	#headerMenu a { text-decoration:none; color:#fff;}
	#headerMenu a:hover { text-decoration:none; color:#21a3f5;}
#headerBanner { text-align:right; height:85px; padding:15px 0 0 0}
	#headerBanner img { border:none;}
	#headerBanner a { text-decoration:none; border:none;}

/* MENU */
ul#topnav {	margin: 0; padding: 0;	float:left;	width: 100%;	list-style: none;}
ul#topnav li {	float: left;	margin: 0; padding: 0;	position: relative}
ul#topnav li a {	float: left;	text-indent: -9999px;	height: 46px; outline:none;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom;  outline:none;}

#menu #topnav .accueil {width:75px;  background:url(../images/menu-accueil.png); text-indent:-2000px;}
#menu #topnav .accueil:hover, #menu #topnav .accueil_active {width:75px; background:url(../images/menu-accueil-h.png); text-indent:-2000px;}

#menu #topnav .d1 {width:75px;  background:url(../images/menu-d1.png); text-indent:-2000px;}
#menu #topnav .d1:hover, #menu #topnav .d1_active {width:75px; background:url(../images/menu-d1-h.png); text-indent:-2000px;}

#menu #topnav .actualites {width:81px;  background:url(../images/menu-actualites.png); text-indent:-2000px;}
#menu #topnav .actualites:hover, #menu #topnav .actualites_active {width:81px; background:url(../images/menu-actualites-h.png); text-indent:-2000px;}

#menu #topnav .espoirs {width:106px;  background:url(../images/menu-espoirs.png); text-indent:-2000px;}
#menu #topnav .espoirs:hover, #menu #topnav .espoirs_active {width:106px; background:url(../images/menu-espoirs-h.png); text-indent:-2000px;}

#menu #topnav .multimedia {width:88px;  background:url(../images/menu-multimedia.png); text-indent:-2000px;}
#menu #topnav .multimedia:hover, #menu #topnav .multimedia_active {width:88px; background:url(../images/menu-multimedia-h.png); text-indent:-2000px;}

#menu #topnav .club {width:52px;  background:url(../images/menu-club.png); text-indent:-2000px;}
#menu #topnav .club:hover, #menu #topnav .club_active {width:52px; background:url(../images/menu-club-h.png); text-indent:-2000px;}

#menu #topnav .supporters {width:85px;  background:url(../images/menu-supporters.png); text-indent:-2000px;}
#menu #topnav .supporters:hover, #menu #topnav .supporters_active {width:85px; background:url(../images/menu-supporters-h.png); text-indent:-2000px;}

#menu #topnav .billeterie {width:72px;  background:url(../images/menu-billeterie.png); text-indent:-2000px;}
#menu #topnav .billeterie:hover, #menu #topnav .billeterie_active {width:72px; background:url(../images/menu-billeterie-h.png); text-indent:-2000px;}

#menu #topnav .business {width:76px;  background:url(../images/menu-business.png); text-indent:-2000px;}
#menu #topnav .business:hover, #menu #topnav .business_active {width:76px; background:url(../images/menu-business-h.png); text-indent:-2000px;}

#menu #topnav .securite {width:72px;  background:url(../images/menu-securite.png); text-indent:-2000px;}
#menu #topnav .securite:hover, #menu #topnav .securite_active {width:72px; background:url(../images/menu-securite-h.png); text-indent:-2000px;}

#menu #topnav .contact {width:71px;  background:url(../images/menu-contact.png); text-indent:-2000px;}
#menu #topnav .contact:hover, #menu #topnav .contact_active {width:71px; background:url(../images/menu-contact-h.png); text-indent:-2000px;}



ul#topnav li .sub {
	position: absolute;
	top: 44px; left: 0;
	background: #0a5095;
	padding:10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{	list-style: none;	margin: 0; padding: 0;	width: 150px;	float: left}
ul#topnav .sub ul li {	width: 100%;	color: #fff}
ul#topnav .sub ul li h2 {	font-size: 14px;	font-weight: normal}
ul#topnav .sub ul li h2 a {	background-image: none;}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav li .sub ul li:hover { background:#000;}
ul#topnav .sub ul li a:hover {color: #fff; }

/* CONTENT */
#contentLeft { float:left; padding:0 33px 0 0; width:633px;}
#contentRight { float:left;}
#contentRight img { border:none; vertical-align:middle;}
#contentPage { width:584px; background:url(../images/bckgrd-content-page.png) left bottom; padding:25px; line-height:16px; color:#515050; margin:0 0 15px 0; min-height:150px;}
	#contentPage strong { color:#000;}
	#contentPage p { padding:0 0 15px 0;}
	#contentPage ul { margin:0 0 15px 0;}
	#contentPage ul li {   padding:5px 0 2px 25px; background:url(../images/bullet-flash.png) left 9px no-repeat;}
	#contentPage h3 { font-weight:normal; font-size:13px; color:#005b95;}
	#contentPage h2 { font-weight:normal; font-size:15px; color:#005b95;}

#contentLarge { padding:0 33px 0 0; width:980px;}
#contentPageLarge { width:930px; background:url(../images/bckgrd-content-page-large.png) left bottom; padding:25px; line-height:16px; color:#515050; margin:0 0 15px 0; min-height:150px;}
	#contentPageLarge strong { color:#000;}
	#contentPageLarge p { padding:0 0 15px 0;}
	#contentPageLarge ul { margin:0 0 15px 0;}
	#contentPageLarge ul li {   padding:5px 0 2px 25px; background:url(../images/bullet-flash.png) left 9px no-repeat;}
	#contentPageLarge h3 { font-weight:normal; font-size:13px; color:#005b95;}
	#contentPageLarge h2 { font-weight:normal; font-size:15px; color:#005b95;}

#homeTopActualites { width:634px;}
#homeCenterActualites { width:634px; padding:0 0 20px 0;}

#homeTopFlash { width:634px;}
#homeCenterFlash { width:634px; background:url(../images/bckgrd-center-flash.png) left top no-repeat;}
#homeFlashList { width:595px; padding:20px 0 20px 10px; color:#484747; line-height:16px;}
	#homeFlashList  span { color:#000;}
	#homeFlashList li {   padding:5px 0 2px 25px; background:url(../images/bullet-flash.png) left 9px no-repeat;}
#homeBottomFlash { width:634px;}

#pageFlashList { color:#484747; line-height:16px;}
	#pageFlashList  span { color:#000;}
	#pageFlashList li {   padding:5px 0 2px 25px; background:url(../images/bullet-flash.png) left 9px no-repeat;}
	
#gallery { margin:0 0 0 -15px;}

/* RIGHT */
#rightTopProchaine { width:284px; height:33px;}
#rightCenterProchaine { background:url(../images/bckgrd-right-prochaine.jpg) left top no-repeat; width:284px; height:128px;}
	#rightCenterProchaine a { border:none;}
#rightBottomProchaine { width:284px; height:33px; padding:0 0 12px 0; background:url(../images/voir-prochaine-rencontre.png) left top no-repeat;}
#rightBottomProchaine p { color:#fff; font-size:10px; line-height:33px; padding:0 0 0 20px;}

#rightTopDerniere { width:284px; height:33px;}
#rightCenterDerniere { background:url(../images/bckgrd-derniere.png) left top no-repeat; width:284px; height:75px; text-align:center;}
	#rightCenterDerniere a { border:none;}
#rightBottomDerniere { width:284px; height:33px; padding:0 0 12px 0;}

#rightBottomVide { background:url(../images/end-rencontre.png) left top no-repeat; width:284px; height:7px; padding:0 0 10px 0;}

#rightTopClassement { width:284px; height:33px;}
#rightCenterClassement { width:284px; height:137px; background:url(../images/bckgrd-right-classement.png) left top no-repeat;}
#rightBottomClassement { width:284px; height:33px; padding:0 0 12px 0;}

.rightClassement1 { float:left; padding:10px 0 0 20px; width:25px;}
.rightClassement2 { float:left; padding:10px 0 0 0; width:160px;}
.rightClassement3 { float:left; padding:10px 0 0 0; width:25px;}
.rightClassement4 { float:left; padding:10px 0 0 15px; width:25px;}

#rightTopBusiness { width:284px; height:33px;}
#rightCenterProchaine { background:url(../images/bckgrd-right-prochaine.jpg) left top no-repeat; width:284px; height:128px;}
	#rightCenterProchaine a { border:none;}
#rightBottomProchaine { width:284px; height:33px; padding:0 0 12px 0; background:url(../images/voir-prochaine-rencontre.png) left top no-repeat;}
#rightBottomProchaine p { color:#fff; font-size:10px; line-height:33px; padding:0 0 0 20px;}

/* TITRE */
.titreFooterPartenaires { background:url(../images/titre-footer-partenaires.png) left top no-repeat; width:490px; height:75px; display:block; text-indent:-20000px;}
.titreHomeActualites { background:url(../images/titre-home-actualites.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreHomeFlash { background:url(../images/titre-home-flash.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.plusHomeFlash { background:url(../images/plus-home-flash.png) left top no-repeat; width:634px; height:34px; display:block; text-indent:-20000px;}

.titreRightProchaine { background:url(../images/titre-right-prochaine-rencontre.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}
.titreRightDerniere { background:url(../images/titre-right-derniere-rencontre.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}
.titreBottomDerniere { background:url(../images/voir-resume-match.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}
.titreRightCLassement { background:url(../images/titre-right-classement.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}
.titreBottomCLassement { background:url(../images/voir-classement-complet.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}
.titreRightSommaire { background:url(../images/titre-right-sommaire.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}

.titreRightBusiness { background:url(../images/titre-right-btob.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}

.titreRightConsumer { background:url(../images/titre-right-btoc.png) left top no-repeat; width:284px; height:33px; display:block; text-indent:-20000px;}

.titreFlashNews { background:url(../images/titre-flash-news.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreActualites { background:url(../images/titre-actualites.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreBilleterieAbonnes { background:url(../images/titre-billeterie-abonnes.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreBilleteriePlanDuStade { background:url(../images/titre-billeterie-plan-du-stade.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreBilleterieTarifs { background:url(../images/titre-billeterie-tarifs.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreBusinessBusiness { background:url(../images/titre-business-business.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreBusinessConsumer { background:url(../images/titre-business-consumer.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreBusinessContact { background:url(../images/titre-business-contact.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreBusinessSolutions { background:url(../images/titre-business-solutions.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreClubContact { background:url(../images/titre-club-contact.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreClubHistorique { background:url(../images/titre-club-historique.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreClubPresentation { background:url(../images/titre-club-presentation.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreClubStade { background:url(../images/titre-club-stade.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreClubStructure { background:url(../images/titre-club-structure.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreContact { background:url(../images/titre-contact.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreD1Adversaire { background:url(../images/titre-d1-adversaire.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreD1CalendrierResultats { background:url(../images/titre-d1-calendrier-resultats.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreD1Classement { background:url(../images/titre-d1-classement.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreD1Joueurs { background:url(../images/titre-d1-joueurs.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreD1Staff { background:url(../images/titre-d1-staff.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreEspoirsAcces { background:url(../images/titre-espoirs-acces.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreEspoirsCalendrierResultats { background:url(../images/titre-espoirs-calendrier-resultats.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreEspoirsEcoleDesJeunes { background:url(../images/titre-espoirs-ecole-des-jeunes.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreEspoirsJoueurs { background:url(../images/titre-espoirs-joueurs.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreMultimediaPhotos { background:url(../images/titre-multimedia-photos.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreMultimediaSportingnews { background:url(../images/titre-multimedia-sportingnews.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreMultimediaPhotosLarge { background:url(../images/titre-multimedia-photos-large.png) left top no-repeat; width:930px; height:53px; display:block; text-indent:-20000px;}

.titreSecuriteFan { background:url(../images/titre-securite-fan.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreSecuriteFete { background:url(../images/titre-securite-fete.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreSecuriteOrdonnace { background:url(../images/titre-securite-ordonnance.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreSecuriteResponsable { background:url(../images/titre-securite-responsable.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreSecuriteSteward { background:url(../images/titre-securite-steward.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreSecuriteSupportes { background:url(../images/titre-securite-supporters.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}
.titreSecuriteVisiteurs { background:url(../images/titre-securite-visiteurs.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

.titreSupporters { background:url(../images/titre-supporters.png) left top no-repeat; width:634px; height:53px; display:block; text-indent:-20000px;}

/* FOOTER */
#footerLeft { float:left; width:490px;}
#footerRight { float:left; text-align:right; font-size:10px; line-height:16px; width:480px; padding:23px 10px 0 0; color:#fff;}
#footerPartenaire { clear:both; width:980px; text-align:center; padding:0 0 20px 0;}
	#footerPartenaire img { border:none; padding:20px 5px 0 5px;}
	
/* CLASS */
.clear { clear:both;}
.left { float:left;}
.right { float:right;}
.rightClassementRcsc { color:#fff; background:#000; padding:0 0 5px 0; margin:5px 0 0 0;}
.width275 { width:275px;}
.borderImage { border:3px solid #666;}
.espaceRight { margin:0 10px 10px 0;}
.image24 { margin:-25px 0 10px -24px;}
.position {color:#21a3f5;text-align:center;border-bottom:1px dotted  #999;}
.equipe {text-align:left;border-bottom:1px dotted  #999;}
.points {text-align:center;border-bottom:1px dotted  #999;color:#21a3f5;}
th { background:#21a3f5; color:#fff;}

.Score th {background:#21a3f5; color:#fff;padding:4px;}
.Score td {padding:4px;}
.retour { background:url(../images/retour-h.png) left top no-repeat; width:57px; height:21px; display:block; text-indent:-20000px; outline:none; float:left}
.retour:hover { background:url(../images/retour.png) left top no-repeat; width:57px; height:21px; display:block; text-indent:-20000px; outline:none;}

.plus { background:url(../images/plus.png) left top no-repeat; width:57px; height:21px; display:block; text-indent:-20000px; outline:none;}
.plus:hover { background:url(../images/plus-h.png) left top no-repeat; width:57px; height:21px; display:block; text-indent:-20000px; outline:none;}

.marginRB { margin:0 15px 15px 0;}

/* STAFF */
.blocStaffList { float:left; width:279px; padding:3px; border:2px solid #CCC; margin:0 0 6px 0;}
.blocStaffList p { float:left; line-height:16px;}
.blocStaffList img { float:left; margin:0 10px 0 0; border:3px solid #CCC;}
.blocStaffList span { font-weight:normal; font-size:11px; color:#005b95;}
.staffEspaceRight { margin:0 6px 0 0;}
.detailStaffPhoto { float:left; width:150px; margin:0 34px 0 0;}
	.detailStaffPhoto img { border:5px solid #cfcfcf;}
.detailStaffContenu { float:left; width:400px;}

/* JOUEURS */
.blocJoeursList { float:left; width:279px; padding:3px; border:2px solid #CCC; margin:0 0 6px 0;}
.blocJoeursList p { float:left; line-height:16px;}
.blocJoeursList img { float:left; margin:0 10px 0 0; border:3px solid #CCC;}
.blocJoeursList span { font-weight:normal; font-size:11px; color:#005b95;}
.joueursEspaceRight { margin:0 6px 0 0;}
.detailJoueursPhoto { float:left; width:150px; margin:0 34px 0 0; font-size:10px;}
	.detailJoueursPhoto img { border:5px solid #cfcfcf;}
.detailJoueursContenu { float:left; width:400px;}
.uppercase { text-transform:uppercase;}
.joueursSeparation { width:150px; border-bottom:1px solid #cfcfcf;}

/* FAGNONS */
.listeFagnon {}	
.listeFagnon img { border:none; margin:5px;}
.detailFagnonPhoto { float:left; width:150px; margin:0 34px 0 0; text-align:center;}
.detailFagnonContenu { float:left; width:400px;}
.detailFagnonContenu iframe {border:3px solid #cfcfcf;}
.AdversaireSeparation { clear:both; width:400px; border-bottom:1px solid #cfcfcf; margin:2px 0 2px 0;}
.adversaireLeft { width:150px; float:left;}
.adversaireRight { width:250px; float:left;}

/* CALENDRIER */
.bckgrdCalendrier { background:#e7e7e7;}
.resultatFagnon { float:left; text-align:center; width:242px;}
.resultatScore { float:left; text-align:center; width:40px}
.resultatTiret { float:left; text-align:center; width:20px;}

.resultatLeft { float:left; width:282px; padding:0 20px 0 0;}
.resultatRight { float:left; width:282px;}
.resultatSeparation { clear:both; width:584px; border-bottom:1px solid #cfcfcf; margin:2px 0 2px 0;}

/* PAGINATION */
#paginationActualites { width:584px; border-top:1px dotted #CCC;padding:2px;}
	#paginationActualites a {padding:2px;}
	#paginationActualites a:hover { color:#fff; background:#333; padding:2px;}
#paginationActualites strong { padding:2px; background:#21a3f5; color:#fff;}

/*ACTUALITES*/
.groupe1 img{max-height:91px; max-width:150px;}
/*.datafile_download{border:none; color:#ffffff; border:0px; }*/
.datafile_download img{border:0;}

/* RSS */
.rssTitre { display:block; text-indent:-20000px; background:url(../images/titre-actualites-rss-1.png) left top no-repeat; width:576px; height:53px; float:left;}
.rssLien { display:block; text-indent:-20000px; background:url(../images/titre-actualites-rss-2.png) left top no-repeat; width:58px; height:53px; float:left; outline:none;}
