/*@import "topmenu.css";*/

* { margin: 0; padding: 0; }

body {
  margin: 0 auto ;
  padding: 0;
  color: #727272;
  background-color:#000;
  background-image: url(images/bgpool.jpg);
  background-repeat: no-repeat;
  background-position: top;
  font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
  text-align: center;
  line-height: 18px;
}

#wrap {
	width: 988px;
	margin: 10px auto;
  margin-top: 0px;
	text-align: left;
	background:#FFF5EF;
	padding: 0;
}

.vert  {font-weight: bold; font-size: 10px; color:#009900;}
.bleu {font-weight: bold; font-size: 10px; color:#6DA2FF;}
.rouge   {font-size: 10px; color:#ff0000;}

a:link,a:active,a:visited { color:#1A1D26; text-decoration: none; }
a:hover { color:#B83A1B; text-decoration: none; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

input {
  font-family: Verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  background-color: #FFF5EF;
  border: 1px solid #000000;
  margin-top: 2px;
  margin-bottom: 2px;
}

#dhtmltooltip{
  position: absolute;
  left: -300px;
  width: 150px;
  border: 1px solid black;
  padding: 2px;
  background-color: #F7F9F8;
  color: #000000;
  visibility: hidden;
  z-index: 100;
  filter:alpha(opacity=85);
   -moz-opacity:.85;
   opacity:.85;
  /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
  position:absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden;
}

/* Couleur des cellules */
.colorvert {
    text-align: center;
    background-color: #5E995E;
}

td.colorvert:hover {
    text-align: center;
    background-color: #009900;
}

/* Couleur des cellules */
.colorbleu {
    text-align: center;
    background-color: #6DA2FF;
}

td.colorbleu:hover {
    text-align: center;
    background-color: #005DFF;
}


/* Couleur des cellules */
.colorrouge {
    text-align: center;
    background-color: #FF5151;
}

td.colorrouge:hover {
    text-align: center;
    background-color: #FF0000;
}

/* Pour l'ouverture d'une fenêtre interne */
a.submodal {
  position:relative;
  text-decoration: none;
}

a.submodal:hover {
   background: none; 
   z-index: 500; 
}

a.submodal span {display: none;}

a.submodal:hover span {
   filter:alpha(opacity=85);
   -moz-opacity:.85;
   opacity:.85;
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:bold;
   width:auto;
   top: -10px; 
   left: auto;
   background: #FFFFFF;
   padding: 3px;
   border: 1px solid #223645;
   border-top: 4px solid #223645;
   border-left: 2px solid #223645;
   border-right: 1px solid #223645;
}


/* Pool 2010 --------------------------------------------------------------------------------------------------------------------------------------*/

hr { 
border: 1px dotted #B83A1B; 
width: 60%;
}

.menu {
position:relative; top:0px; left:0px;
width:100%;
height:266px;
}

.mgauche {
position:relative; top:0px; left:-180px; 
}

.mgaucheint {
position:absolute; top:130px; left:10px; /*z-index:3;*/
/*border: solid 1px #666666;*/
width: 168px;
height: 135px;
}

.mcentre {
position:absolute; top:10px; left:15px;
/*border: solid 1px #666666;*/
width: 595px;
height: 245px;
}

.mcentreint {
position:absolute; top:0px; left:0px; 
}

.mdroite {
position:absolute; top:11px; left:630px;
/*position:relative; top:-225px; left:630px; */
/*border: solid 1px #666666;*/
width: 168px;
height: 240px;
margin-top:15px; /* corrige problème menu qui est trop gros */
}
/*.mdroiteint {
position:relative; top:120px; left:10px; z-index:2;
border: solid 1px #666666;
width: 205px;
}*/

.mbas {
position:absolute; top:266px; left:-180px; z-index:3;
background-color:#223645;
width: 988px;
height:20px;
}
.mhaut {
position:relative; top:0px; left:0px;
background-color:#202B27;
width: 988px;
height:25px;

}

.banniere {
position:relative; top:0px; left:180px; 
background-image: url(images/image.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere0 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/1.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere1 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/1.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere2 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/2.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere3 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/3.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere4 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/4.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere5 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/5.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere6 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/6.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere7 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/7.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere8 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/8.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere9 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/9.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere10 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/10.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere11 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/11.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere12 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/12.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere13 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/13.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere14 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/14.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere15 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/15.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.banniere16 {
position:relative; top:0px; left:180px; 
background-image: url(images/banniere/16.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 

.gp_1 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/1.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
}

.gp_2 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/2.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_3 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/3.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_4 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/4.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_5 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/5.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_6 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/6.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_7 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/7.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_8 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/8.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_9 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/9.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_10 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/10.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_11 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/11.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_12 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/12.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_13 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/13.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_14 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/14.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_15 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/15.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_16 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/16.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_17 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/17.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_18 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/18.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 
.gp_19 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/19.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
}

.gp_20 {
position:relative; top:0px; left:180px; 
background-image: url(images/gp/20.jpg);
width:625px;
height:266px;
background-repeat:no-repeat;
} 

.menusmall, a.menusmall{ font-size : 11px; color: #1A1D26; }
.menusmall2, a.menusmall2{ font-size : 11px; color: #FFF5EF; }

.hautsmall { font-size: 11px; color: #FFF5EF; }

.champmenu {
background-color: #202B27;
color: #FFF5EF;
font-size: 11px;
border: solid 1px #FFF5EF;
}

.rss {
position: absolute; top: 218px; left:45px; z-index:2;
width: 102px;
height: 50px;
border: 0;
}

.logo {
position: absolute; top: 20px; left:11px; z-index:2;
width: 165px;
height: 109px;
border: 0;
}

a.hautsmall, a.hautsmall:visited,a.hautsmall:hover, a.hautsmall:link, a.hautsmall:active { font-size: 11px; color:#FFF5EF; }

ul#liste
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   165px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
 /* border    :   1px solid #1A1D26;*/ /* Application d'une bordure */ 
}

ul#liste li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;            /* Ajout d'une marge en bas du lien */
}

ul#liste li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #1A1D26;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  /*background-color  :   #F5FBFF;   */        /* Définition de la couleur de fond */ 
  border            :   1px solid #1A1D26; /* Ajout d'une bordure */	
  border-left-width :   4px;               /* Modification de la bordure gauche */
}

ul#liste li a:hover
{
  color             :   #DCDCDC;            /* Changement de la couleur de la police initiale */
  background-color  :   #1A1D26;         /* Changement de la couleur de fond initiale */
  border            :   1px solid #DCDCDC;  /* Ajout d'une bordure */	
  border-left-width :   4px;             /* Modification de la bordure gauche */
}

ul#listeg
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   165px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
 /* border    :   1px solid #1A1D26;*/ /* Application d'une bordure */ 
}

ul#listeg li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;            /* Ajout d'une marge en bas du lien */
}

ul#listeg li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #1A1D26;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  /*background-color  :   #F5FBFF;   */        /* Définition de la couleur de fond */ 
  border            :   1px solid #1A1D26; /* Ajout d'une bordure */	
  border-right-width :   4px;               /* Modification de la bordure droite */
}

ul#listeg li a:hover
{
  color             :   #DCDCDC;            /* Changement de la couleur de la police initiale */
  background-color  :   #1A1D26;         /* Changement de la couleur de fond initiale */
  border            :   1px solid #DCDCDC;  /* Ajout d'une bordure */	
  border-right-width :   4px;             /* Modification de la bordure droite */
}

ul#listeprono
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   100%;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
 /* border    :   1px solid #1A1D26;*/ /* Application d'une bordure */ 
}

ul#listeprono li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;            /* Ajout d'une marge en bas du lien */
}

ul#listeprono li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #1A1D26;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  /*background-color  :   #F5FBFF;   */        /* Définition de la couleur de fond */ 
  border            :   1px solid #1A1D26; /* Ajout d'une bordure */	
  border-left-width :   2px;               /* Modification de la bordure gauche */
border-right-width :   2px;               /* Modification de la bordure gauche */
}

ul#listeprono li a:hover
{
  color             :   #DCDCDC;            /* Changement de la couleur de la police initiale */
  background-color  :   #1A1D26;         /* Changement de la couleur de fond initiale */
  border            :   1px solid #FFF5EF;  /* Ajout d'une bordure */	
  border-left-width :   4px;             /* Modification de la bordure gauche */
  border-right-width :   4px;             /* Modification de la bordure droite */
}

/* General text */
.genbig { font-size : 18px; }
.gen { font-size : 14px; }
.genmed { font-size : 12px; }
.gensmall { font-size : 11px; }
.genmini2 { font-size : 9px; }
.genmini { font-size : 8px; }

.gensmall { font-size : 11px; }
a.gensmall, a.gensmall:visited,a.gensmall:hover, a.gensmall:link, a.gensmall:active { color : #000000; text-decoration: none; }

.genbig,.gen,.genmed,.gensmall,.genmini2,.genmini { color : #000000; }
a.gen,a.genmed,a.gensmall,,a.genmini2,a.genmini { color: #000000; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover,,a.genmini2:hover,a.genmini:hover	{ color: #B83A1B; text-decoration: none; }

.liengras, a.liengras, a.liengras:hover{ color: #000000; text-decoration: none; font-weight:bold; }

.couleurbig { font-size: 18px; color: #223645; font-weight:bold; }
.couleur { font-size: 14px; color: #223645; font-weight:bold; }

.erreur { font-size: 14px; color: #CC0000; font-weight:bold; }

/* Table en-tête */
.entete {
   text-align: center;
   border-bottom: 1px dotted #B83A1B;
}

.color1 {
    text-align: center;
    background-color: #FFF5EF;
}
.color1:hover {
    text-align: center;
    background-color: #F8EDE8;
}

.color2 {
    text-align: center;
    background-color: #FAF0EA;
}

.color2:hover {
    text-align: center;
    background-color: #F3E9E3;
}

.color3 {
    text-align: center;
    background-color: #F5EBE5;
}

.color3:hover {
    text-align: center;
    background-color: #EEE4DC;
}

.color4 {
    text-align: center;
    background-color: #F0E6E0;
}

.color4:hover {
    text-align: center;
    background-color: #E9DFD9;
}

.details {
  background-color: #F8EDE8;
  border:solid 1px #666666; 
  margin: 5px 5px 5px 10px ;
  padding: 5px 5px 5px 5px ;
  font-size : 11px;
  color: #000000; 
  text-decoration: none;
}

a.info {
  position:relative;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
a.info span {display: none;}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:11px;
   font-weight:normal;
   color: #1A1D26;
   width:180px;
   top: 25px; 
   left: -15px;
   background: #DCDCDC;
   padding: 3px;
   border: 1px solid #1A1D26;
   border-top: 4px solid #202B27;
}

/* Type membres en ligne */

/* admin */
.group1, a.group1, a.group1:visited,a.group1:hover, a.group1:link, a.group1:active {
font-size : 16px; 
color: #B83A1B;
font-weight:bold;
}

/* default */
.group2, a.group2, a.group2:visited,a.group2:hover, a.group2:link, a.group2:active {
font-size : 16px; 
color: #000000;
}

/* support */
.group3, a.group3, a.group3:visited,a.group3:hover, a.group3:link, a.group3:active {
font-size : 16px; 
color: #223645;
font-weight:bold;
}

/* legende */
.group4, a.group4, a.group3:visited,a.group4:hover, a.group4:link, a.group4:active {
font-size : 16px; 
color: #E8CC06;
font-weight:bold;
}

/* admin */
.group_small1, a.group_small1, a.group_small1:visited,a.group_small1:hover, a.group_small1:link, a.group_small1:active {
font-size : 11px; 
color: #B83A1B;
font-weight:bold;
}

/* default */
.group_small2, a.group_small2, a.group_small2:visited,a.group_small2:hover, a.group_small2:link, a.group_small2:active {
font-size : 11px; 
color: #000000;
}

/* support */
.group_small3, a.group_small3, a.group_small3:visited,a.group_small3:hover, a.group_small3:link, a.group_small3:active {
font-size : 11px; 
color: #223645;
font-weight:bold;
}

/* Légende */
.group_small4, a.group_small4, a.group_small4:visited,a.group_small4:hover, a.group_small4:link, a.group_small4:active {
font-size : 11px; 
color: #E8CC06;
font-weight:bold;
}

.surligne {
background-color: #FFF5EF;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75; 
}

.regles {
margin-left: 20px;
}