/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px ;
margin: 0px;
padding: 0px;
background-color:#000;
text-align: center;
background-image:url(images/fond.png); 
background-repeat:repeat-y; 
background-position:top center;}

div#conteneur {
width: 900px;
     margin-left: auto;
     margin-right: auto;
padding: 0px;
text-align: left;
}

html>body #conteneur {
left:50%;
width: 900px;
min-height:100%;
     margin-left: auto;
     margin-right: auto;
}

hr{
clear:both; visibility:hidden; 
}

div#header {
margin: 0;
padding: 0;

}
div#corps {
margin: 0;
padding: 0;
top:100px; 
}

div.LargeurComplete {float: left; margin: 0 ; padding: 0; width: 900px;}

div.AccueilListeActus {float: left; margin: 0 ; padding: 0; width: 540px;}
div.AccueilEnBref {float: left; margin: 0 ; padding: 0 0 0 10px; width: 350px; }
div.AccueilProchainesDates {float: left; margin: 0 ; padding: 0; width: 320px; }
div.AccueilVideos {float: left; margin: 0 ; padding: 0 0 0 10px; width: 260px; }
div.AccueilClassements {float: left; margin: 0 ; padding: 0 0 0 10px; width: 570px;}
div.AccueilTableauClassements {float: left; margin: 0 ; padding: 0; width: 570px;}
div.AccueilColonneClassements {float: left; margin: 0 ; padding: 0 ; width: 275px;}
div.AccueilColonneAutresSites {float: left; margin: 0 ; padding: 0 ; width: 300px; font-size:10px}

div.ActuColonneDetail {float: left; margin: 0 ; padding: 10px 10px 0 0 ; width: 610px;}
div.ActuColonneListe {float: left; width:270px; margin-top:10px; font-size:10px; border-left: 1px solid gray; padding-left:5px}
div.ActuColonneAutres {float: left; width:270px; margin-top:10px; font-size:10px; padding-left:5px}

div.ClubColonneOrg {float: left; margin: 0 ; padding: 10px 10px 0 0 ; width: 520px;}
div.ClubColonneCaseOrg { height:60px; width:450px; border: 1px solid gray; padding:5px; margin:5px; font-size:10px;}
div.ClubColonneLiens {float: left; margin: 0 ; width:370px; }

div.SeniorColonneTexte {float: left; margin: 0 ; padding: 0 ; width: 580px;}
div.SeniorColonneLiens {float: left; margin: 0 0 0 10px; width:310px; }

div.TerrainsCarte {float: left; margin: 0 ; padding: 0 ; width: 600px;}
div.TerrainsMeteo {float: left; margin: 0 ; width:300px; font-size:10px }


div.Bas {float: left; padding: 0 0 20px 0 ; margin: 15px 0 0 0; width: 900px; line-height:25px; text-align:center  }
div.BlocCommentaire {float: left; margin: 0 ; padding: 0; width: 590px;}
div.LigneNom {float: left; margin: 0 ; padding: 0; width: 590px;}
div.LigneCommentaire {float: left; margin: 0 ; padding: 25px 10px 10px 10px; width: 590px; background:url(images/bulle-grise.jpg) no-repeat; min-height:30px}
div.LigneCommentaireVip {float: left; margin: 0 ; padding: 25px 10px 10px 10px; width: 590px; background:url(images/bulle-rouge.jpg) no-repeat; min-height:30px}


/* Mise en page résultats accueil */
.tableau-resultats{
border:1px solid #000000; width:270px; font-size: 10px
}
.tableau-titre{
font-weight:bold; text-align:center; background-color:#c70e0d; color:#FFF
}
.tableau-col2{
background-color:#ff6362
}
.tableau-calendrier{
font-weight:bold; text-align:right; background-color:#c70e0d;
}
/* fin mise en page */


#articlesphoto{
min-height : 60px;
height : auto ! Important;
height : 100%;
	}

	
#entete ul {
	font-size:14px;
  margin-top: 3px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding:0 0 0 170px;
  list-style: none;
  width:600px;
}


#entete li {
  float: left;
  margin-left: 3px;
   margin-bottom: 0px;
 width:87px;
  text-align:center;
  border: 1px solid gray;
}	

#entete a:link {
list-style-type: none; margin: 0; padding: 0; color:#000000; text-decoration: none; display:inline;
}
#entete a:visited {
list-style-type: none; margin: 0; padding: 0; color:#000000; text-decoration: none;
}
#entete a:active {
margin: 0; padding: 0; color:#000000; text-decoration: none;
}
#entete a:hover {
margin: 0; padding: 0; text-decoration: underline; color:#000000;
}

.prochainesdates{
margin-left:10px; font-size:10px
}

	
/* Colonnes */
.Tableau span {
   display:inline;
   float:left;
   margin:0;
   
}
.Tableau p {
   clear:left;
   margin:0px;
   padding:0px
  }
.Tableau span.col1 {min-height:400px; width:280px; padding:5px}
html>body .Tableau span.col1 {
min-height:400px;
}
.Tableau span.col2 {width:590px; margin:5px}
.Tableau span.colclassements {width:580px}
.Tableau span.col3 {width:350px}
.Tableau span.col4 {width:540px}
.Tableau span.col5 {width:320px}
.Tableau span.organigramme {width:250px}
.Tableau span.colresultats {width:290px}
.Tableau span.colactusrugby {width:300px}
.Tableau span.colevenement {width:570px; padding-left:10px}
.Tableau span.colwebrugby {width:160px}
.Tableau span.actusrredon {width:610px; margin:20px 10px 0 0}
.Tableau span.listeactus {width:270px; margin-top:10px; font-size:10px; border-left: 1px solid gray; border-right: 1px solid gray; padding-left:5px}
.Tableau span.colcomplete {width:900px; }
.Tableau span.coldemi {width:440px; }
.Tableau span.ecole {width:595px; margin-right:5px }
.Tableau span.droiteecole {width:300px; background-color:#ECE9D8; }
.Tableau span.meteo {width:595px; margin-right:5px }
.Tableau span.droitemeteo {width:300px;  }
.Tableau span.colautressites {width:180px; }
.Tableau span.col6 {width:900px; background-color:#ECE9D8}

.photo-entraineur{
float:left; padding:0 10px 5px 0
}


#actualites-titre {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px ; margin-top:0;
}

#resultats-titre {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small ;
}

.titre-archives {
padding: 0 ; margin: 0  5px 0 0;  font-weight:bold; font-size:medium; background-color:#ECE9D8; 
}

.articles{
border: 1px solid #E0E0E0; padding:5px; margin:5px;
}



.resultats{
 padding-left:15px; margin-top:15px; font-weight:bold; border-bottom: 1px solid gray; font-size:small;background: #E0E0E0;
 }



.titre-accueil{
line-height: 20px; font-weight: bold; margin-bottom:8px; padding-left:5px;
 color: #FFF;
 background: #000;

}

.titre-article{
line-height: 20px; font-weight: bold; font-size:12px; padding:0; margin:0;
}



a:link {
list-style-type: none; margin: 0; padding: 0; color:#000000; text-decoration: none; display:inline;
}
a:visited {
list-style-type: none; margin: 0; padding: 0; color:#000000; text-decoration: none;
}
a:active {
margin: 0; padding: 0; color:#000000; text-decoration: none;
}
a:hover {
margin: 0; padding: 0; text-decoration: underline; color:#000000;
}




/* onglets de l'entête*/

.tabbertitre .tabbertabhide {
 display:none;
}

.tabber {
}
.tabbertitre {
 padding-top:130px;
 display:block;
}
ul.tabberville
{
 margin:0;
 padding: 3px 0.5em;
 font: bold 12px Verdana, sans-serif;
}

ul.tabberville li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabberville li a
{
 padding: 3px 0.5em;
 margin-left: 1px;
 color: #000;
 text-decoration: none;
 border-right: 1px solid #778;
 border-top: 1px solid #778;
 border-left: 1px solid #778;
 background: #ECE9D8;
}

ul.tabberville li a:link { 
 padding: 3px 0.5em;
 margin-left: 1px;
 text-decoration: none;
 border-right: 1px solid #778;
 border-top: 1px solid #778;
 border-left: 1px solid #778;
 background: #ECE9D8;
color: #000; 
}
ul.tabberville li a:visited { 
 padding: 3px 0.5em;
 margin-left: 1px;
 text-decoration: none;
 border-right: 1px solid #778;
 border-top: 1px solid #778;
 border-left: 1px solid #778;
 background: #ECE9D8;
color: #000; 
}

ul.tabberville li a:hover 
{
 padding: 3px 0.5em;
 margin-left: 1px;
 color: #FFF;
 text-decoration: none;
 background: #AD1417;
 border-color: #227;
}

#tabbertitreactif a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

#tabbertitreactif a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
 text-decoration:none;
}
#tabbertitreactif a
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
 text-decoration:none;
}

.tabbertitre .tabbertab {
 padding: 3px 0.5em;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

}

/* sous onglets de l'entête*/

.tabbertitre2 .tabbertabhide {
 display:none;
}

.tabber {
}
.tabbertitre2 {
 padding-top:5px;
 display:block;
}

#tabbersoustitreactif a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

#tabbersoustitreactif a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
 text-decoration:none;
}
#tabbersoustitreactif a
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
 text-decoration:none;
}

.tabbertitre2 .tabbertab {
 padding: 3px 0.5em;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
}




/* Bouton menu actu */
#btactusrcr{
}

#btactusrcr ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#btactusrcr ul li{
	padding:0;
	margin:0; 
	display:inline;
	cursor:pointer;
}

#btactusrcr ul li a{
	display:block;
	width:530px;
	float:left;
	padding:0;
	margin:0 10px; 
	cursor:pointer;
	padding:0  ;
}

#btactusrcr ul li a:hover{
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}

#btactusrcr ul li a:active{
	color:#000000;
}


/* paramètres de l'infobulle */

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none;
}

a.info:hover{
z-index:25;
background-color:#FFF;
text-decoration:none;
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:-85px; left:2em; 
/* width:15em; */
color:#000;
padding:5px;
}

.titreinfos{
font-weight:bold; text-align:center
}

/* Paramètres des cadres */

.prochainesdates{
margin-left:10px; font-size:10px
}

/* commentaires */
.roundcont {
	width: 100%;
	background-color: #ECE9D8;
	color: #000;
	margin-bottom:5px;
}
.roundcont p {
	margin: 0 10px;
}
.roundtop { 
	background: url(images/tr.png) no-repeat top right; 
}
.roundbottom {
	background: url(images/br.png) no-repeat top right; 
}
img.corner {
   width: 14px;
   height: 14px;
   border: none;
   display: block !important;
}


/* gris */
.roundcont6 {
	width: 100%;
	background-color: #ECE9D8;
	color: #000;
	margin-bottom:5px;
}
.roundcont6 p {
	margin: 0 10px;
}
.roundtop6 { 
	background: url(images/tr6.png) no-repeat top right; 
}
.roundbottom6 {
	background: url(images/br6.png) no-repeat top right; 
}
img.corner {
   width: 14px;
   height: 14px;
   border: none;
   display: block !important;
}

/* Bronze */
.roundcont5 {
	width: 100%;
	background-color: #bbb073;
	color: #000;
	margin-bottom:5px;
}
.roundcont5 p {
	margin: 0 10px;
}
.roundtop5 { 
	background: url(images/tr5.png) no-repeat top right; 
}
.roundbottom5 {
	background: url(images/br5.png) no-repeat top right; 
}

/* Vert */
.roundcont4 {
	width: 100%;
	background-color: #8cff6b;
	color: #000;
	margin-bottom:5px;
}
.roundcont4 p {
	margin: 0 10px;
}
.roundtop4 { 
	background: url(images/tr4.png) no-repeat top right; 
}
.roundbottom4 {
	background: url(images/br4.png) no-repeat top right; 
}

/* Orange */
.roundcont3 {
	width: 100%;
	background-color: #ffb253;
	color: #000;
	margin-bottom:5px;
}
.roundcont3 p {
	margin: 0 10px;
}
.roundtop3 { 
	background: url(images/tr3.png) no-repeat top right; 
}
.roundbottom3 {
	background: url(images/br3.png) no-repeat top right; 
}

/* Rose */
.roundcont2 {
	width: 100%;
	background-color: #ff91fb;
	color: #000;
	margin-bottom:5px;
}
.roundcont2 p {
	margin: 0 10px;
}
.roundtop2 { 
	background: url(images/tr2.png) no-repeat top right; 
}
.roundbottom2 {
	background: url(images/br2.png) no-repeat top right; 
}

/* Bleu */
.roundcont1 {
	width: 100%;
	background-color: #8b9dff;
	color: #000;
	margin-bottom:5px;
}
.roundcont1 p {
	margin: 0 10px;
}
.roundtop1 { 
	background: url(images/tr1.png) no-repeat top right; 
}
.roundbottom1 {
	background: url(images/br1.png) no-repeat top right; 
}

/*  */