/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ---------------------------------------------- GENERAL ------------------------------------------------ */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
html, body {
      background-image: url(images/fond.gif);                               /* Image de fond du conteneur */
      background-repeat:repeat-y;                                                      /* Couleur de fond du site */
      font: 10px verdana, arial, helvetica, sans-serif;                          /* Taille et font du site */
      line-height:1.5em;                                            /* Espacement entre les lignes du site */
      color:#333;                                                             /* Couleur de police du site */
      height: 100%;                                                                              /* Hauteur*/
      margin: 0;
      padding: 0;
      }
h3, h4, h5 {
    display:inline
    }
/* ------------------------------------------------------------------------------------------------------- */

#conteneur {
      width: 900px;                                                                            /* Largeur  */
      min-height: 100%;                                                                          /* Hauteur*/
      margin: 0 auto;                                                                      /* pour centrer */
      position: relative;              /* Qu'il serve de référence pour le positionnement absolu du footer */
      border-right:solid 1px #365f91;
      border-left:solid 1px #ef8d0e;
      background-color:#fff;
      }
/* ------------------------------------------------------------------------------------------------------- */

#header {
      width: 900px;                                                                            /* Largeur  */
      height:130px;                                                                              /* Hauteur*/
      background-color:#fff;                                                  /* Couleur de fond du header */
      background-image:url(images/titre9.gif);                                  /* Image de fond du header */
      background-repeat:no-repeat;                        /* Pour ne pas répéter l'image de fond du header */
      margin:0 auto;                                                                       /* pour centrer */
      position: relative;                                                      /* Par rapport au conteneur */
      }

/* ------------------------------------------------------------------------------------------------------- */
#wrap {
      width: 900px;                                                                            /* Largeur  */
      background-color:#fff;                                                    /* Couleur de fond du wrap */
      margin:0 auto;                                                                       /* pour centrer */
      padding-bottom: 0px;                                       /* Mettre le footer à 50 pixels plus bas */
      position: relative;              /* qu'il serve de référence pour le positionnement absolu du footer */
      }
/* ------------------------------------------------------------------------------------------------------- */

.bloc1 {
       background-color:#fff;                                                           /* Couleur de fond */
       width: 190px;                                                                           /* Largeur  */
       float: left;                                          /* Flottement de la boîte par rapport au wrap */
       padding-left:10px;
       padding-bottom:40px;
       margin:50px 10px 10px 0px;                      /* Positionnement de la boîte par rapport au wrap  */
       }
/* ------------------------------------------------------------------------------------------------------- */

.bloc2 {
       background-color:#fff;                                                           /* Couleur de fond */
       background-image:url(images/handballeur5.gif);                            /* Image de fond du bloc2 */
       background-repeat:no-repeat;                        /* Pour ne pas répéter l'image de fond du bloc2 */
       background-position:top center;                       /* Positionnement de l'image de fond du bloc2 */
       width: 650px;                                                                           /* Largeur  */
       float: left;                                        /* Flottement de la boîte par rapport au bloc 1 */
       padding-left:10px;
       padding-bottom:40px;
       margin:30px 10px 0px 10px;                      /* Positionnement de la boîte par rapport au wrap  */
       min-height:400px;
       }
/* ------------------------------------------------------------------------------------------------------- */

#footer {
      position: absolute;/* Position absolute : qui n'est pas relative à d'autres position de ce conteneur */
      bottom: 0;                                                          /* Positionner à 0 pixels du bas */
      left: 0px;                                                   /* Positionner à 0 pixels de la gauche */
      width: 900px;                                                                             /* Largeur */
      height: 30px;                                                                              /* Hauteur*/
      background-color:#fff;                                                         /* Couleur de fond */
      border-top: dotted 1px #999;                                     /* Couleur de la bordure supérieure */
      text-align:center;
      font-size:9px;                                                     /* Taille du texte dans le footer */
      }
/* ------------------------------------------------------------------------------------------------------- */

.clear {
       clear:both;                                                       /* Annule le flottement précédent */
       height:20px;                                                                              /* Hauteur*/
       }

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ------------------------------------------------ FONTS ------------------------------------------------ */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#wrap h1 {
      text-align:right;
      font-size:20px;
      color:#00657b;
      padding-right:20px;
      line-height:1.5em;
      text-decoration:underline;
      font-weight:normal;
      }

#wrap h2 {
      font-size:16px;
      font-weight:normal;
      color:#a00;
      line-height:1.6em;
      }
#wrap h3 {
      font-size:11px;
      font-weight:normal;
      color:#3169bd;
      line-height:1.6em;
      }
#wrap h4 {
      font-size:10px;
      font-weight:bold;
      }

#wrap h5 {
      font-size:10px;
      font-weight:normal;
      font-style:italic;
      }
#wrap h6 {
      font-size:11px;
      font-weight:normal;
      color:#3169bd;
      line-height:1.6em;
      text-align:center;
      }
.signature {
      font-size:10px;
      font-weight:normal;
      font-style:italic;
      text-align:right;
      padding-right:20px;
      color:#3169bd;
      }
#wrap dt, #wrap dl, #wrap dd, #wrap ul, #wrap li {
list-style-type: none;
margin: 0 5px 0 0;
padding: 0;
}
#wrap dt {
font-size: 12px;
padding-bottom:5px;
}
#wrap li {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}

.ligne {
border: none 0;
border-top: 1px dotted #ccc;/*the border*/
width: 80%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
text-align:center;
  }
hr.hr4 {
      border-top: 1px dotted #ccc;
      border-bottom:none;
      color: ;
      background-color:;
    }

/* ------------------------------------------------------------------------------------------------------- */

#footer h4 {
      display:inline;
      color:#356a8c;
      font-size:9px;
      font-weight:normal;
      }

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ------------------------------------------------ LIENS ------------------------------------------------ */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

a:link {
  text-decoration:none;
  color:#00657e;
  }
  
.link {
  text-decoration:none;
  }
  
a:visited {
  text-decoration:none;
  color:#00657e;
  }
a:hover {
  text-decoration:underline;
  color:#4e1e0b;
  }
a:active {
         outline: none;
         }

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ------------------------------------------------ MENU ------------------------------------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

#navlist
{
color: white;
background: #fff;
padding: 0 1px;
margin-left: 0;
width: 200px;
font-weight:bold;
font-size:10px;
}

#navlist li
{
list-style: none;
margin: 0;
font-variant:small-caps;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.3em;
margin-top: 0.3em;
color: #333;
background: #fff;
padding: 0.25em 0.5em 0.4em 1em;
background-image:url(images/1.gif);                                              /* Image de fond du bloc2 */
background-repeat:no-repeat;                               /* Pour ne pas répéter l'image de fond du bloc2 */
background-position:left center;
}

#navlist a#current {
border-left: 10px solid #f00;
color:#f00; }

#navlist a
{
width: 150px;                                                      /* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 150px;        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;                        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover
{
background: #fff;
padding: 0.25em 0.5em 0.4em 1em;
color:#00f;
background-image:url(images/2.gif);                                              /* Image de fond du bloc2 */
background-repeat:no-repeat;                               /* Pour ne pas répéter l'image de fond du bloc2 */
background-position:left center;
}

#navlist a:active, #navlist a#current:active
{
background: #fff;
padding: 0.25em 0.5em 0.4em 1em;
color:#f00;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ------------------------------------------------ POST ------------------------------------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.post {
      display: block;
      width: 570px;                                                                            /* Largeur  */
      background-color:tranparent;
      border:1px dotted #ccc;
      margin:0;
       }
.post h7 {
      display:block;
      font-size:10px;
      font-weight:bold;
      color:#356a8c;
      padding:2px;
      background-color:#e8eef1;
      border-bottom:1px dotted #ccc;
      margin:0;
       }
.date  { color: #999; font-size: 10px; text-decoration: none;padding-left:10px;margin:0;}

.post p { color: #333; font-size: 10px; text-decoration: none;padding-left:5px;}



/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* --------------------------------------------- CADRE CLUBS --------------------------------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.technology{ /*header of 2nd demo*/
cursor: pointer;
font-size:10px;
font-weight:normal;
color:#3169bd;
line-height:1.6em;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #3169bd;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #3169bd;
}
.thelanguage{
border:1px dotted #ccc;
padding-left:10px;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ---------------------------------------- ELEMENTS PARTICULIERS ---------------------------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.img {
      width: 900px;                                                                            /* Largeur  */
      height:130px;                                                                              /* Hauteur*/
      background-color:#fff;                                               /* Couleur de fond du conteneur */
      background-image:url(images/banniere2.jpg);                               /* Image de fond du header */
      background-repeat:no-repeat;                        /* Pour ne pas répéter l'image de fond du header */
      margin:0 auto;                                                                       /* pour centrer */
      position: relative;                                                      /* Par rapport au conteneur */
       }

/* ------------------------------------------------------------------------------------------------------- */

 .sponsors {
  background: ;
  padding:20px;
  margin-top:20px;
  border:1px dotted #c7c7c7;
  }

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* -------------------------------------------- INPUT TEXTAREA ------------------------------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
form {
background-color:;
padding:10px;
width:590px;
}

fieldset {
padding:20px;
margin-bottom:10px;
border:1px dotted #ccc;
}

legend {
color:#356a8c;
font-weight:normal;
border:1px dotted #ccc;
}

label {
margin-top:5px;
display:block;
}

input {
border:1px dotted #ccc;
background-color:#e5e5e5;
font-size: 10px;
color: #333;
}

input[type=radio] {
margin-right:5px;
background-color:transparent;
border:none;
font-size: 10px;
color: #333;
}

select, option {
background-color:#e5e5e5;
font-size: 10px;
color: #333;
}

textarea {
border:1px dotted #ccc;
background-color:#e5e5e5;
font-size: 10px;
color: #333;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
/* ------------------------------------------------ FIN -------------------------------------------------- */
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

 table {
border:0;
width:100%;
}
td {
border-width:0;
height:20px;
}
.td1 {
border-width:0;
width:180px;
height:20px;
}