body {
  margin: 0 0 ;
  padding: 0 ;
  font: 0.7em Arial, Helvetica, Clean, Sans-serif;
  text-align: center;
  color: #fff;
  background: #fff; 
}

a img {
border: none;
} 

table {
  font-size: inherit;
  font: 100%;
}

select,input,textarea {
  font: 100% Arial, Helvetica, Clean, Sans-serif;
}

.H1{
text-align : center;
text-decoration : none;
font: 2.0em Arial, Helvetica, Clean, Sans-serif;
color : #000;
} 

.H2{
text-align : center;
text-decoration : none;
font: 1.5em Arial, Helvetica, Clean, Sans-serif;
color : #000;
} 

/********************************************* Calendrier - Résultats *************************************************************/

.textHomologation {
  font: 100% Arial, Helvetica, Clean, Sans-serif;
  text-align: center;
  color: #666666;
}

#NewsPostDetailTitle {
  font: 100% Arial;
  font-weight: bold;
  font-size: 15px;
  color: #ffffff;
}

a {
  color: #fff;
}

a:link,a:visited {
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

/**
 * Position des équipes
 */
.fondType {
  color: #fff;
  background: #B3150A;
}

.fondType table {
  background: #B3150A;

}

.ongletActif {
  text-align: center;
  color: #fddb50;
}

.ongletInActif {
  text-align: center;
  color: #fddb50;
}

.ongletActif a, .ongletInActif a {
  color: #fddb50;
  text-decoration: underline;
}

.fondLegende {
  text-align: center;
  color: #9a9999;
  font-weight: bold;
}

td.ligneClassementBordure {
  border-bottom: 1px solid #ffffff;
}

td.ligneClassementIntermediaire {
  border-bottom: 1px dashed #ffffff;
}

td.ligneClassementIntermediaire img {

}

td.ligneClassementChangeType {
  border-bottom: 1px solid #ffffff;
}

td.ligneClassementEquipe3eme {

}

/**
 * Styles concernant l'équipe du N.O
 */
td.ligneClassementEquipe {
  color: #fddb50;
  font-weight: bold;
  border-bottom: 1px dashed #ffffff;
}

td.ligneClassementEquipe a {
  color: #fddb50;
}

.txtGrisGras {
  background: #000;
  border: 0;
  border-color: #000;
}

.liens img {
  background: #B3150A;
}

div#content {
   margin: 0em auto 0em 0;   /* some air above and under menu and content */
}

#pop_bg {
  background: #b3150a;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-opacity: 0.80;
  opacity:.8;
  filter:alpha(opacity=80);
  z-index: 23;
}

#pop_img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -150px;
  z-index: 24;
}

#pop_img img {
  border: 5px solid #fff;
  background: #fff;
}

#pop_next {
  position: absolute;
  z-index: 25;
  text-align: center;
  left: 0;
  top: 80px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 20px;
}

#pop_next a {
  color: #fff;
  text-align: center;
}

/*****************************************************************************************************************************************/	
/********************************************* CSS Pour le menu *************************************************************/
/*****************************************************************************************************************************************/

a.menu_lien:link{
			color: #FFFFFF;
			font-family: Arial;
			font-size: 13px;
			z-index: 1;
		}
		
		a.menu_lien:visited{
			color: #FFFFFF;
			font-family: Arial;
			font-size: 13px;	
			z-index: 1;		
		}
		
		a.menu_lien:hover{
			color: #000000;
			font-family: Arial;
			font-size: 13px;	
			z-index: 1;		
		}	
		
		.menuON{
			width: 180px;
			background-image: url(../version3/images/menu/Smenu1.png);
			border-bottom: 1px; 
			border-style: dotted;	
			border-color: #CCCCCC; 
		}
		
		.menuOFF{
			width: 180px;
			background-image: url(../version3/images/menu/Smenu2.png);
			border-bottom: 1px; 
			border-style: dotted;	
			border-color: #CCCCCC; 
		}
		
		.menu_padding{
			padding: 2px 0 2px 20px;
		}


/*****************************************************************************************************************************************/	
/********************************************* CSS Pour le menu déroulant !! *************************************************************/
/*****************************************************************************************************************************************/			
		
		.nav, .nav * { 
			margin: 0; 
			padding: 0; 
		}
		
		div#horiz-menu { 
			position: relative; 
			z-index: 50; 
		}
		
		#horiz-menu li li { 
			margin: 0; 
		}
		
		.nav { 
			line-height: 1; 
			float: left; 
			/*margin-bottom: 1.5em; */
			position: relative; 
		}
		
		.nav ul { 
			padding: 0; 
		}
		
		.nav li { 
			float: left; 
			list-style-type: none; 
			list-style-image: none; 
			list-style-position: inside; 
			position: relative; 
		}
		
		.nav li li a { 
			padding: 0;
			display: block; 
			text-decoration: none; 
			float: none; 
			
		}
		
		div#horiz-menu li li a { 
			padding: 2px 0 2px 30px;
			height: 17px; 
			line-height: 17px; 
		}
		
		
		.nav li ul { 
			float: none; 
			left: -999em; 
			position: absolute; 
			width: 180px; 
			z-index: 5; 
		}
		
		.nav li:hover ul, .nav li.sfHover ul { 
			left: 3px; 
			top: 32px; 
		}
		
		.nav li:hover li ul, .nav li.sfHover li ul, .nav li li:hover li ul, .nav li li.sfHover li ul, .nav li li li:hover li ul, .nav li li li.sfHover li ul { 
			top: -999em; 
		}
		
		.nav li li:hover ul, .nav li li.sfHover ul, .nav li li li:hover ul, .nav li li li.sfHover ul, .nav li li li li:hover ul, .nav li li li li.sfHover ul { 
			left: 180px; 
			top: 0px; 
			width: 180px; 
		}
		
		.nav li li { 
			position: relative; 
			float: none; 
			width: 180px; 
		}
		
		#horiz-menu { 
			height: 40px; 
		}
		
		#horiz-menu ul { 
			margin: 0;
			padding: 0; 
			list-style-type: none; 
			list-style-image: none; 
			list-style-position: outside; 
		}
		
		#horiz-menu li { 
			margin: 0; 
			padding: 0; 
			display: block; 
			float: left; 
		}
		
		#horiz-menu li span {
			display: block; 
			float: left; 
		}
		
		#horiz-menu a { 
			padding: 0; 
			display: block; 
			float: left; 
			height: 17px; 
			line-height: 17px; 
		}
		
		#horiz-menu a:hover { 
			text-decoration: none; 
		}	
		
		.nav li li a{
			color: #FFFFFF;
			font-family: Arial;
                        font-weight: bold;                       
			font-size: 13px;
			width: 180px;
			background: url(/version3/images/menu/Smenu1.png) no-repeat;
			border-bottom: 1px dotted #CCCCCC; 
		}
		
		.nav li li a:hover{
			color: #000000;
			font-family: Arial;
                        font-weight: bold;
			font-size: 13px;
			background: url(/version3/images/menu/Smenu2.png) no-repeat;
			border-bottom: 1px dotted #CCCCCC; 
		}
		
		.nav li li li a{
			color: #FFFFFF;
			font-family: Arial;
			font-size: 13px;
			width: 220px;
			background: url(/version3/images/menu/Smenu1.png) no-repeat;
			border-bottom: 1px dotted #CCCCCC; 
		}
		
		.nav li li li a:hover{
			color: #FFFFFF;
			font-family: Arial;
			font-size: 13px;
			background: url(/version3/images/menu/Smenu2.png) no-repeat;
			border-bottom: 1px dotted #CCCCCC; 
		}
		
		.nav ul ul{
			width: 220px;		
		}
		
		.nav a:visited{
			color: #FFFFFF;
		}
		
		
			.popup{
				position: absolute;
				z-index: 300;
				width: 810px;
				top: 0px;
				left: 55px;
				display: none;
			}

/********************************************* Structure *************************************************************/
#conteneur
{
	width: 954px ;
        height: 1400px ;
	margin: 0 auto ;
	text-align: left ;
        background: #b3150a ;
}

#header
{
	height: 162px ;
        background: url(/version3/images/header.jpg) no-repeat left top;
        margin: 0 ;
        font-size: 1.2em
        font-weight: bold ;

}

#une
{
        width: 610px ;
        height: 400px ;
        position: absolute
	margin: 0 auto ;
        margin-top:10px;
        margin-left:15px;
        text-align: center ;        
        color: #000 ;
        font-size: 1.2em ;
        font-weight: bold ;
}


#vignettes
{   
        position: relative;         
        width: 320px ;
	height: 50px ;
        margin: 0 auto ;
        margin-left:15px;
        margin-top:-100px;
}

#bandeau
{   
        margin-left:10px;
        margin-top:283px;
        position: absolute; 
        width: 590px ;
	height: 90px ;
        background: url(/version3/images/bandeau.png) no-repeat left top;

}  

#titre
{
        position: relative;
        margin: 0 auto ;
        text-align: left ;        
        font-size: 0.9em ;         
        margin-top:20px;
        margin-left:325px;
        width: 250px ;
	height: 80px ; 
}   

#matchs
{
	width: 300px ;
        height: 400px ;
        position: absolute
	margin: 0 auto ;
        margin-top:-400px;
        margin-left:639px;
	text-align: left ;
        background: url(/version3/images/AvAp.jpg) no-repeat left top;
        
}

#articles
{
        width: 610px ;
        height: 280px ;
        position: absolute
        margin: 0 auto ;
        margin-top:10px;
        margin-left:15px;
        background: url(/version3/images/articles2.jpg) no-repeat left top;
}

#Carticles
{
        position: absolute;
        margin: 0 auto ;
        font: 0.9em ;
        margin-top:38px;
        margin-left:105px;
        width: 485px ;
	height: 200px ;
        
}

#Carticles a {
  color: #000;
}

#Carticles a:hover{
  text-decoration: underline;
  color: #fff;
}

#Larticles
{
        position: absolute
        margin: 0 auto ;
        font: 0.9em ;
        font-weight: bold;
        margin-top:252px;
        margin-left:260px;
        text-align: center;
        color: #fff;

}

#infos
{
	width: 300px ;
        height: 280px ;
        position: absolute
	margin: 0 auto ;
        margin-top:-280px;
        margin-left:640px;
	text-align: left ;
        background: url(/version3/images/infosno.jpg) no-repeat left top;
        
}


#medias
{
	width: 300px ;
        height: 280px ;
        position: absolute
	margin: 0 auto ;
        margin-top:-280px;
        margin-left:327px;
	text-align: left ;
        background: url(/version3/images/medias.jpg) no-repeat left top;
        
}

#newsletter
{
        width: 300px ;
        height: 280px ;
        position: absolute
        margin: 0 auto ;
        margin-top:10px;
        margin-left:15px;       
}

#forum
{
	width: 300px ;
        height: 280px ;
        position: absolute
	margin: 0 auto ;
        margin-top:-280px;
        margin-left:639px;
	text-align: left ;      
}

#calendrier
{
        width: 300px ;
        height: 150px ;
        position: absolute
        margin: 0 auto ;
        margin-top:10px;
        margin-left:15px;
}




#stats
{
	width: 300px ;
        height: 150px ;
        position: absolute
	margin: 0 auto ;
        margin-top:-150px;
        margin-left:327px;
	text-align: left ;       
}

#archives
{
	width: 300px ;
        height: 150px ;
        position: absolute
	margin: 0 auto ;
        margin-top:-150px;
        margin-left:639px;
	text-align: left ;      
}

#Larchives
{
        text-align: center;
        font: 0.8em ;
        margin: 0 auto ;        
        position: absolute;
        margin-top:55px;
        margin-left:15px;
        width: 271px ;
	height: 90px ;
}

#footer
{
        margin: 0 auto ;
        width: 954px ;
	height: 160px ;
        background: url(/version3/images/footer.jpg) no-repeat center top;

}

#footerC
{
        margin: 0 auto ;
        position: absolute;
        margin-top:51px;
        text-align: right;
        width: 954px ;
	height: 40px ;
}

#liens
{
        margin: 0 auto ;
        
        width: 954px ;
	height: 15px ;
        text-align: center;
        color: #b3150a;     
}

#liens a {
  color: #b3150a;
}

div.flashcontent { height: 700px; }

#effectif
{
        text-align: left ;        
        font-size: 0.9em ; 
        font-weight: bold;
}

#liensA a {
  color: #b3150a;
}

#liensA a:hover{
  text-decoration: underline;
  color: #b3150a;
}

#conteneur2
{
	width: 954px ;
        height: 1740px ;
	margin: 0 auto ;
	text-align: left ;
        background: #b3150a ;
}

#articles2
{
        width: 610px ;
        height: 620px ;
        position: absolute
        margin: 0 auto ;
        margin-top:10px;
        margin-left:15px;
        background: url(/version3/images/articles3.jpg) no-repeat left top;
}

#Carticles2
{
        position: absolute;
        margin: 0 auto ;
        font: 0.9em ;
        margin-top:38px;
        margin-left:180px;
        width: 410px ;
	height: 545px ;
        
}

#Larticles2
{
        position: absolute;
        margin: 0 auto ;
        font: 0.9em ;
        font-weight: bold;
        width: 610px ;
        margin-top:585px;

        text-align: center;
        color: #fff;

}

#infos2
{
        float:left;
	margin: 0 auto ;
	width: 300px ;
        height: 280px ;
        margin-top:-620px;
        margin-left:640px;
        display: inline;
        background: url(/version3/images/infosno.jpg) no-repeat left top;
        
}

#publicite
{
        float:left;
	margin: 0 auto ;
	width: 300px ;
        height: 320px ;  
        margin-top:-320px;
        margin-left:640px;
        display: inline;
        background: url(/version3/images/publicite.jpg) no-repeat left top;
        
}

#Cpublicite
{
        position: absolute;
        margin: 0 auto ;
        font: 0.9em ;
        margin-top:41px;
        margin-left:25px;
        width: 260px ;
	height: 260px ;
        
}

#Cpublicite2
{
        position: absolute
        font: 0.9em ;
        margin:0 auto;
        margin-top:41px;
        width: 260px ;
	height: 260px ;
        
}

#paris a {
  color: #b3150a;
}

#paris a:hover{
  text-decoration: underline;
  color: #b3150a;
}

#lienparis
{
        width: 290px ;
        position: absolute;
        margin: 0 auto ;
        text-align: center;
        font: 1.0em Arial, Helvetica, Clean, Sans-serif;
        margin-top:5px;
        margin-left:5px;       
}

#accordion {
	margin:Opx 0px;
        padding-top: 17px;
width: 276px ;
}

h3.toggler {
	cursor: pointer;
        border: 1px solid #b3150a;
	font: 1.2em Andale Mono, sans-serif;
        text-align: left;
        background: url(/version3/images/titrematch.png); 
	color: #b3150a;
	margin: 0 0 4px 0;
	padding: 0 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

#supporters
{
	width: 620px ;
        height: 600px ;         
        position: relative;
	margin: 0 auto ;
        margin-top:10px;
        margin-left:7px;
	text-align: center ;
        background: url(/version3/images/supporters.jpg) no-repeat center top;
}

#crocos
{
        width: 130px ;
        position: absolute;
        margin: 0 auto ;
        text-align: center;
        font: 1.0em Arial, Helvetica, Clean, Sans-serif;
        margin-top:95px;
        margin-left:242px;       
}

#crocos a {
  color: #000;
}

#crocos a:hover{
  text-decoration: underline;
  color: #b3150a;
}

#gn91
{
        width: 100px ;
        position: absolute;
        margin: 0 auto ;
        text-align: center;
        font: 1.0em Arial, Helvetica, Clean, Sans-serif;
        margin-top:303px;
        margin-left:7px;       
}

#gn91 a {
  color: #000;
}

#gn91 a:hover{
  text-decoration: underline;
  color: #b3150a;
}

#rw
{
        width: 100px ;
        position: absolute;
        margin: 0 auto ;
        text-align: center;
        font: 1.0em Arial, Helvetica, Clean, Sans-serif;
        margin-top:273px;
        margin-left:507px;       
}

#rw a {
  color: #000;
}

#rw a:hover{
  text-decoration: underline;
  color: #b3150a;
}

#ws
{
        width: 100px ;
        position: absolute;
        margin: 0 auto ;
        text-align: center;
        font: 1.0em Arial, Helvetica, Clean, Sans-serif;
        margin-top:405px;
        margin-left:508px;       
}

#ws a {
  color: #000;
}

#ws a:hover{
  text-decoration: underline;
  color: #b3150a;
}