/*Par Serge Hebert (Qc) pour Le CONcepteur.ca*/
/*Pour me joindre shebert@leconcepteur.ca*/

/*page videos*/
html {
font-size:100%;
background-color:#000;
margin:0; 
padding:0 
}

body {
color:#fff;
font-size:.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#444 url(images/fond_1.jpg) no-repeat;
width:1000px;
height:100%;
margin:auto;
padding:0
}

#global{
width:900px;
height:100%;
margin:10px auto;
padding:10px
}

h2,h3 {
color:#000;
font-family:"Times New Roman", Times, Serif;
padding:10px
}

h4 {
color:#fff;
font-size:1.5em;
font-family:"Times New Roman", Times, Serif;
padding:10px
}

#videos{
color:#fff;
width:900px;
background:#000 url(../images/fond.jpg) repeat;
margin:0;
padding:0;
border:1px solid #000
}

.video-left{
float:left;
width:430px;
height:290px;
margin:10px 0;
padding:0 5px
}

.video-right{
float:right;
width:430px;
height:290px;
margin:10px 0;
padding:0 5px
}

/*Tableaux*/
#tableau{
margin:0;
padding:0
}

table.table {
border:1px solid #c3c3c3;
border-collapse:collapse;
width:60%;
margin:0 auto
}

table.table th {
color:#fff;
font-size:.8em;
text-align:center;
background-color:#7e8e94;
border:1px solid #c3c3c3;
vertical-align:top;
padding:5px
}

table.table td {
font-size:.8em;
border:1px solid #c3c3c3;
vertical-align:top;
padding:5px
}

.categorie{
width:40%
}

.tireur{
width:60%
}

/* entete tableau planning du club (entete1 et entete2) */
.entete1{
width:25%
}

.entete2{
width:75%
}

table.vainqueurs {
border:1px solid #c3c3c3;
border-collapse:collapse;
width:90%;
text-align:center;
margin:0 auto
}

table.vainqueurs th {
color:#fff;
font-size:.8em;
text-align:center;
background-color:#7e8e94;
border:1px solid #c3c3c3;
vertical-align:top;
padding:5px
}

table.vainqueurs td {
font-size:.8em;
border:1px solid #c3c3c3;
vertical-align:top;
padding:5px
}

.categorie{
width:40%
}

.tireurs{
width:30%
}

/*class*/
.center{
text-align:center
}

.italic{
font-style:italic
}

.clear{
width:900px;
height:20px;
clear:both
}

table.photos {
border:0px solid #c3c3c3;
border-collapse:collapse;
width:60%;
margin:0 auto
}

table.photos td {
font-size:.8em;
border:0px solid #c3c3c3;
vertical-align:top;
padding:5px
}

table.photos-center{
float:center;
border:0px solid #c3c3c3;
border-collapse:collapse;
margin:0 auto
}

table.photos-center td {
font-size:.8em;
float:center;
border:0px solid #c3c3c3;
vertical-align:top;
padding:5px
}

.miniatures img{
padding:0 5px
}

.membres img{
padding:0 500px
}

/* reservé au zoom sur image */
.thumb 
{
  position:relative; 
  top:0;
  left:0; 
}
  
.thumb a 
{
  margin:0;
  text-decoration:none;
}

.thumb a:hover 
{
  background-color:black;	
}

.thumb a .grand 
{
  display:block;
  position:absolute; 
  width:0px;
  border:0px;  
}	  
  
.thumb a:hover .grand 
{ 
  position:absolute; 
  top:160px;
  left:150px;
  width:600px; 
  height:450px;
  border:0px;  
}  

.videos{ /* Changer <div id="videos"> par <div class="videos"> */
color:#fff;
width:900px;
background:#000 url(../images/fond.jpg) repeat;
margin:0 auto; /* Conteneur centré */
padding:0;
border:1px solid #000
}
.video-left{
float:left;
width:430px;
height:290px; /* Réduire la taille de la vidéo proportionnelle à la hauteur */
margin:10px 5px; /* Compatibilité avec Explorer qui à un problème avec padding + margin */
padding:0 
}
.video-right{
float:right;
width:430px;
height:290px;
margin:10px 5px;
padding:0 
}

b.rouge 
{font: Verdana 08em; color: #FF0000; 
}


#menu_lien {
margin:auto;
padding:0
}

#menu_lien a {
color:#0066ff;
text-decoration:none;
font-size:1.3em;
border:none;
padding:6px 10px
}

#menu_lien a:hover {
color:#0066ff;
background-color:#0000cc;
border:none
}

#actif a {
color:#0066ff;
background-color:#0000cc;
border:none
}