/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body, div, p, ul, ol, li, dl, dt, dd, th, td, form, input, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #7F7F7F;
  text-decoration: none;
}
body {
  margin: 0px;
  padding: 0px;
    background: #FFF;
}
a, a:link, a:visited, a:active {
    color: #FF7F00;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
p {
  margin-top: 5px;
  margin-bottom: 5px;
}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #FF5900;
  margin-top: 0px;
  margin-bottom: 1px;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #FF5900;
  margin-top: 0px;
  margin-bottom: 1px;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  margin-top: 0px;
  margin-bottom: 0px;
}
ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
ol {
  margin: 0px 0px 0px 7px;
  padding: 0px;
}
li {
  margin: 0px 0px 0px 16px;
  padding: 0px;
  list-style-type: square;
}
form {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
input {
  vertical-align: middle;
}
div.clear {
  clear: both;
}
input, select, textarea {
    border              : 1px solid #FF7F00;
    background          : #FFFFFF;
    color               : #FF7F00;
}

input.image_input {
    border              : 0px;
}
/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
div#container {
  width: 990px;
  margin: 0px auto;
}

/*--------------------------------------------*/
/*   EN-TETE                                  */
table#entete {
  width: 990px;
  height: 153px;
}
table#entete td {
  overflow: hidden;
}
td#entete_top {
  width: 977px;
  height: 17px;
}
td#entete_logo {
  width: 222px;
  height: 136px;
}

/*--------------------------------------------*/
/*   LIENS "ESPACES"                          */
td#entete_espaces {
  width: 768px;
  height: 67px;
  background-image: url(images/entete_fond2.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  vertical-align: top;
}
div#liens_espaces {
  float: right;
}
div.lien_espace {
  width: 115px;
  background-color: #ED6F00;
  background-image: url(images/fond_liens_espaces.gif);
  background-repeat: repeat-y;
  background-position: top center;
  border: 1px solid #FFF;
  margin: 0px 0px 5px 15px;
  text-align: center;
}
div.lien_espace a, div.lien_espace a:link, div.lien_espace a:visited, div.lien_espace a:active {
  display: block;
  padding: 2px 15px;
  color: #FFF;
}
div.lien_espace a:hover {
  color: #FFF;
  text-decoration: underline;
}
td#entete_hr {
  width: 768px;
  height: 10px;
}

/*--------------------------------------------*/
/*   MENU                                     */
td#entete_menu {
  width: 768px;
  background-image: url(images/entete_fond3.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}
div#menu {
  width: 500px;
  height: 25px;
  overflow: hidden;
  float : left;
}
div#menu a, div#menu a:link, div#menu a:visited, div#menu a:active {
  display: block;
  padding: 5px 0px 5px 0px;
  width : 164px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #7F7F7F;
  background-color: #FFFFFF;
  background-image: url(images/fond_menu.gif);
  background-repeat: repeat-y;
  background-position: top right;
  text-decoration: none;
}
div#menu a:hover,
div#menu a.on, div#menu a.on:link, div#menu a.on:visited, div#menu a.on:active, div#menu a.on:hover {
  color: #FFFFFF;
  background-color: #ED6F00;
  background-image: url(images/fond_menu_on.gif);
  text-decoration: none;
}

div#deconnexion {
    float               : right;
    color               : #FFFFFF;
    padding-top         : 10px;
    padding-right       : 28px;
    text-align          : right;
}

div#deconnexion a, div#deconnexion a:link,div#deconnexion a:visited, div#deconnexion a:active, div#deconnexion a:hover {
    display             : inline;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    color               : #FFFFFF;
}

/*--------------------------------------------*/
/*   SOUS-MENU                                */
div.ssmenu {
  position: absolute;
  left: 0px;
  top: -300px;
  z-index: 5;
  visibility: hidden;
}
div.ssmenu div {
  margin-top: 12px;
  width: 164px;
  background-color: #FFFFFF;
  background-image: url(images/fond_menu.gif);
  background-repeat: repeat-y;
  background-position: top right;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  border-left: 1px solid #EEEEEE;
}
div.ssmenu a, div.ssmenu a:link, div.ssmenu a:visited, div.ssmenu a:active {
  display: block;
  padding: 5px 17px 5px 27px;
  text-align: right;
  color: #7F7F7F;
  background-color: #FFFFFF;
  background-image: url(images/fond_sous_menu.gif);
  background-repeat: repeat-y;
  background-position: top right;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
}
div.ssmenu a:hover,
div.ssmenu a.on, div.ssmenu a.on:link, div.ssmenu a.on:visited, div.ssmenu a.on:active, div.ssmenu a.on:hover {
  color: #FFFFFF;
  background-color: #D8DADC;
  background-image: url(images/fond_sous_menu_on.gif);
  text-decoration: none;
}

/*--------------------------------------------*/
/*   RECHERCHE                                */
td#entete_recherche {
  width: 768px;
  height: 34px;
  background-image: url(images/entete_fond5.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  vertical-align: bottom;
}
div#recherche {
  float: right;
  margin: 1px 18px 0px 0px;
  vertical-align: bottom;
}
div#recherche input.text {
  width: 130px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #7F7F7F;
}

/*--------------------------------------------*/
/*   CORPS DE LA PAGE                         */
table#corps {
  width: 990px;
}

/*--------------------------------------------*/
/*   COLONNE DE GAUCHE                        */
td#corps_colonne {
  width: 222px;
  background-image: url(images/fond_colonne.gif);
  background-repeat: repeat-y;
  background-position: top center;
  vertical-align: top;
}
div#colonne {
  height: 500px;
  margin: 20px 20px 20px 25px;
  padding: 0px 5px 0px 0px;
  overflow-y: auto;
  scrollbar-face-color: #FCDA9A;
  scrollbar-shadow-color: #FCDA9A;
  scrollbar-highlight-color: #FCDA9A;
  scrollbar-3dlight-color: #F18C29;
  scrollbar-darkshadow-color: #F18C29;
  scrollbar-track-color: #F7B22B;
  scrollbar-arrow-color: #FFFFFF;
}
div#colonne, div#colonne h1, div#colonneh2, div#colonne h3, div#colonne div, div#colonne p, div#colonne ul, div#colonne ol, div#colonne li, div#colonne dl, div#colonne dt, div#colonne dd, div#colonne th, div#colonne td {
  color: #FFFFFF;
}
div#colonne, div#colonne div, div#colonne p, div#colonne ul, div#colonne ol, div#colonne li, div#colonne dl, div#colonne dt, div#colonne dd, div#colonne th, div#colonne td {
  font-size: 11px;
}
div#colonne div.hr {
  height: 1px;
  background-color: #FFFFFF;
  margin: 10px 0px;
  overflow: hidden;
}
div#colonne a, div#colonne a:link, div#colonne a:visited, div#colonne a:active {
  color: #FFFFFF;
}
div#colonne a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
td#corps_contenu {
  width: 762px;
  vertical-align: top;
}

td#large_contenu {
  width: 100%px;
  vertical-align: top;
}

td#large_contenu div#contenu {
    width           : 100%;
}



/*--------------------------------------------*/
/*   CONTENU PRINCIPAL DE LA PAGE             */
div#contenu {
  margin: 20px 13px 0px 0px;
}

/*--------------------------------------------*/
/*   PIED DE PAGE                             */
table#pied {
  width: 990px;
}

/*--------------------------------------------*/
/*   LIENS "OURS"                             */
td#pied_ours {
  width: 990px;
  height: 17px;
  background-image: url(images/fond_liens_pied.gif);
  background-repeat: repeat-y;
  background-position: top left;
}
div#ours {
  margin: 1px 22px;
  text-align: right;
  color: #FFF;
}
div#ours a, div#ours a:link, div#ours a:visited, div#ours a:active {
  color: #FFF;
}
div#ours a:hover {
  color: #FFF;
  text-decoration: underline;
}

table.inscription {
    border-collapse         : collapse;
}

table.inscription th {
    text-align              : left;
    background              : #FF7F00;
    color                   : #FFFFFF;
    padding                 : 5px 10px 5px 10px;
    border                  : 1px solid #FFFFFF;
}

table.inscription th.contact {
    text-align              : left;
    padding                 : 5px 20px 5px 20px;
}