body
{
   width: 1000px;
   /* margin: left;  */
   float: left;
   margin: 0px; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url(./images/backsqy.gif) ;
   /*background-repeat: repeat-y;*/
   /*background-color: black;*/
   background-attachment: fixed;
   font-size:0.8em;
   font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
   border-style: none;
}
#editozoom
{
   text-align: center;
color: black;
font-size: 1.4em;
font-weight: bold;
/*border: 1px solid black;*/
padding: 0px;
background-image: url("./images/edito_zoom.gif");
background-repeat: no-repeat;
line-height:23px;
}
#editowide
{
   text-align: center;
color: black;
font-size: 1.4em;
font-weight: bold;
/*border: 1px solid black;*/
padding: 0px;
background-image: url("./images/edito_wide.gif");
background-repeat: no-repeat;
line-height:23px;
}
#tournoi
{
width: 1000px;
   /* margin: left;  */
   float: left;
   margin: 0px; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url(./images/tournoi.jpg) ;
   /*background-repeat: repeat-y;*/
   /*background-color: black;*/
   background-attachment: fixed;
   font-size:0.8em;
   font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
   border-style: none;
}
#justify
{
text-align: justify;
}
a img /* Toutes les images contenues dans un lien */
{
   border: 1px solid black; /* Pas de bordure */
}
compo td
{
text-align: center;
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 1px;
}
compo td tr
{
text-align: center;
margin: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 1px;
}
#terrain
{
background-image: url(http://www.sqyrugby.fr/images/terrain.gif) ;
/*background-attachment: fixed;*/
background-repeat: no-repeat;
overflow: hidden;
}

h1
{
/*margin: auto;*/
 font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
color: black;
}
#moyen
{
font-size: 1.2em
}
#gros
{
font-size: 1.3em
}
#tresgros
{
font-size: 1.6em
}
#center
{
/*margin: auto;*/
}
#red
{
color: red;
}
#newstitreclassement
{
text-align: center;
font-size: 0.8em;
/*border: 1px solid black;*/
padding: 0px;
background-image: url("./images/boutonsclassement.gif");
background-repeat: no-repeat;
line-height:22px;
}
#newstitreaccesrapide
{
text-align: center;
font-size: 0.8em;
/*border: 1px solid black;*/
padding: 0px;
background-image: url("./images/boutonsaccesrapide.gif");
background-repeat: no-repeat;
line-height:22px;
}
#newstitrenewsjour
{
text-align: center;
font-size: 0.8em;
/*border: 1px solid black;*/
padding: 0px;
background-image: url("./images/boutonsnewsjour.gif");
background-repeat: no-repeat;
line-height:22px;
}
#newstitrepartenaires
{
text-align: center;
font-size: 0.8em;
/*border: 1px solid black;*/
padding: 0px;
background-image: url("./images/boutonspartenaires.gif");
background-repeat: no-repeat;
line-height:22px;
}
#bureau
{
text-align: center;
font-size: 0.8em;
/*border: 1px solid black;*/
padding: 0px;
background-image: url("./images/boutonsbureau.gif");
background-repeat: no-repeat;
line-height:23px;
}

#newstitreequipes
{
text-align: center;
font-size: 1.7em;

}
#banner
{
    background-color: #BBBBBB;
    color: #004080;
    /*padding: 0px;
	/*text-align: center;*/
	
    /*vertical-align: middle;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#alaune
{
background: #24d1f8
}
#bordernone
{
border-style: none;


}

#infojour
{
/*text-decoration: blink;*/
color: black;
font-size: 1.2em;
font-weight: bold;
}
#tournoi
{
/*text-decoration: blink;*/
background-color: white;
color: black;
font-size: 1.2em;
font-weight: bold;
}
#titre
{
color: black;
font-size: 1.5em;
margin-top: 5px;
margin-bottom: 5px;
} 
#copyright
{
color: #8aa4bf;
font-size: 0.9em;
/*float: right;*/
}

#news
{
/*background-color: white;*/
/*background-image: url("./images/info_jour.gif") ;*/
 font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
font-size: 1em;
padding-left: 0px;
text-align: left;
/*border: 1px solid black;*/
border: none;
background-repeat: no-repeat;
}

#newsjour
{
width: 230px;
/*background-color: white;*/
/*background-image: url("./images/info_jour.gif") ;*/
 font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
font-size: 0.8em;
padding-left: 0px;
text-align: left;
/*border: 1px solid black;*/
border: none;
background-repeat: no-repeat;
}

#news_today
{
/*background-color: white;*/
 font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
font-size: 0.8em;
padding-left: 0px;
text-align: left;
border: 1px solid black;
}

#tablenews
{
vertical-align: top;
}

html>body #menup li
{
float: left;
}
#all {
        margin-left: auto; 
        margin-right: auto;
        /*width: 400px;*/
        text-align: left;
        position: relative;
}


#banner
{
/* margin: auto; */
}
#tdmenu
{
 float: center;
 
}
#tdsponsors
{
}
#resultats
{
clear: both;
}
#no_overflow
{
max-width: 600px;
overflow: hidden;
}
.rien
{
   list-style-type: none;
}

#back
{

/*background-image: url("./images/back1.jpg");
background-repeat: no-repeat;*/
border-style: none;
padding-bottom: 20px;
}
.back
{
/*background-image: url("./images/back1.jpg");
background-repeat: no-repeat;*/
border-style: none;
}
#back2
{
float: left;
	padding-top: 20px;
/*background-image: url("./images/back2.jpg");
border-style: none;
	background-repeat: repeat-y;*/
	padding-bottom: 20px;
}
#back3
{
font-size: 0.8em;
	padding-top: 20px;
/*background-image: url("./images/back2.jpg");
border-style: none;
	background-repeat: repeat-y;*/
	padding-bottom: 20px;
}
.partenaires
{
background-image: url("./images/back2.jpg");
}
#contacts
{
font-size: 0.8em;
background-color: #bedbd9;
}
.contacts
{
font-size: 0.8em;
}
.contacts2
{
font-size: 0.8em;
background-color: #bedbd9;
}
.titre
{
	font: white;
}
#milieucentre
{
padding-left: 0px;
}
#cadre
{
font-size: 1.8em;
border: none;
padding: 0px;
float: left;
margin-left: 0px;
vertical-align: top;
}
#cadrehaut
{
background-image: url("./images/cadrinfo_haut540.jpg") ;
}
#cadremed
{
background-image: url("./images/cadrinfo_med540.jpg") ;
}
#cadrebas
{
background-image: url("./images/cadrinfo_bas540.jpg") ;
}
.pas_de_retrait
{
   list-style-position: inside;
}
#boutique
{
float: center;
}

/* ****************************   CSS MENU HORIZONTAL JUIN 2009********************************  */
.menutotal
{
position: absolute;
}

.menuIE {
    display:none !important;
    display:block;
	
}

/*a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    color:#000;
    width:120px;
    height:18px;
    display:block;
    background:#24d1f8;
    border:1px solid #000;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
     font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
}*/
a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    
    display:block;
    background-image: url("./images/boutons.gif") ;
    border:none;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
     font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
	font-weight: bold;
}

/*a.boutonIE:hover {
    color:#fff;
    background:#3bf719;
    overflow:visible;}*/
a.boutonIE:hover {
    
    background-image: url("./images/boutons2.gif");
    overflow:visible;}


a.boutonIE:hover table {
    display:block;
    background:#eee;
    border-collapse:collapse;
}

/*.boutonFF {
    color:#000;
    width:120px;
    height:18px;
    display:block !important;
    display:none;
    background:#24d1f8;
    border:1px solid #000;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
     font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
 }*/
 
 .boutonFF {
    width:120px;
    height:20px;
    display:block !important;
    display:none;
    background-image: url("./images/boutons.gif");
    border: none;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
     font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
	font-weight: bold;
 }

/*.boutonFF:hover {
    height:auto;
    cursor:pointer;
    color:#fff;
    background:#3bf719;
 }*/
 
 .boutonFF:hover {
 height:auto;
    background-image: url("./images/boutons2.gif");
    cursor:pointer;

 }


a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
    display:block;
    width:120px !important;
    width:118px;
    height:20px;
    /*border-bottom:1px solid #000;*/
    text-decoration:none;
    color:#000;
     font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
    font-size:10px;
    text-align:center;
    background-image: url("./images/boutons.gif");  
	font-weight: bold;
}


a.SousMenu:hover {background-image: url("./images/boutons2.gif");}

a.FauxSousMenu, a.FauxSousMenu:link, a.FauxSousMenu:visited, a.FauxSousMenu:active {
    display:block;
    width:120px !important;
    width:118px;
    height:20px;
    /*border-bottom:1px solid #000;*/
    text-decoration:none;
    color:#000;
     font-family: Trebuchet MS, Courier New, Courier, mono, Verdana, Arial, Sans-serif;
    font-size:10px;
    text-align:center;
	font-weight: bold;
    background-image: url("./images/boutons.gif");   
}


a.FauxSousMenu:hover {background-image: url("./images/boutons2.gif");}

#top   { height:200px; }

/* ****************************  FIN CSS MENU HORIZONTAL JUIN 2009********************************  */







 
/* ****************************   CSS MENU VERTICAL JUILLET 2009********************************  */

/*body {behavior: url(../../Documents/mes sites internet/GroupeNery/PGE/membre/include/csshover.htc);}*/
div#menuvert {width: 160px;display:block;}

/* fond blanc pour le menu */ 
div#menuvert a {color:#000000; background: #eee;}
div#menuvert ul {padding: 0; width: 150px; border:1px solid; margin:0px; background: #24d1f8;}
/*div#menuvert ul.niveau1 li.important {padding: 0; width: 150px; border:1px solid; margin:0px; background: #24d1f8;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menuvert li:hover {background: #24d1f8;}
div#menuvert li.sousmenu:hover {background: #24d1f8;}
div#menuvert li.sousmenu2:hover {background: #24d1f8;}


/* Rajout d'une petite fleche pour les sous menu */
div#menuvert li.sousmenu {background: url(./images/fleche.gif) 95% 50% no-repeat;}

div#menuvert ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menuvert ul ul {position: absolute; top: -1px; left: 150px; display:none;}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menuvert li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:114px;}
div#menuvert ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menuvert ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menuvert ul.niveau1 li.sousmenu2:hover ul.niveau2, 
div#menuvert ul.niveau2 li.sousmenu2:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menuvert li a:hover {border-left-color: #24d1f8;}
div#menuvert ul ul li a:hover {border-left-color: #24d1f8;}
div#menuvert ul ul ul li a:hover {border-left-color: #24d1f8;}


/* ****************************  FIN CSS MENU VERTICAL JUILLET 2009********************************  */




/* ****************************   CSS INFO BULLE JUILLET 2009********************************  */

/* pour insérer une info bulle, créer une balise <a> comme suivant:
<a id="info_bulle" class="info_bulle" href="http://www.developpez.com/">developpez.com
           <span>
              www.developez.com est la communauté en langue française qui concentre le
              plus de développeurs professionnels avec plus de 130 000 visites par jour.
           </span>
        </a>

/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #24d1f8;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
} 

a.info_bulle
{				
  color           : #000000;
  
  /*text-decoration : none; */
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('./images/comment.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
	/*position: relative;*/
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}               
                
 /* ****************************  FIN CSS INFO BULLE JUILLET 2009********************************  */


/* ****************************    CSS EDITO DEPLIANT JUILLET 2009********************************  */

div#depliant p
{
display	: none;
text-align	: justify;
}

div#depliant p:hover
{
display	: inline;
}


/* ****************************  FIN CSS EDITO DEPLIANT JUILLET 2009********************************  */