<!--

html {
  height:   100%;
  width:    100%;
/*  overflow: hidden; */
}

body {
  font-family:           Verdana, Arial, Helvetica, sans-serif;
  font-size:             1em;
  margin:                0px;
  padding:               0px;
  background-color :     #e0e0e0;
  color:                 #666666;
  height:                100%;
  width:                 100%;
  overflow:              hidden;

  scrollbar-arrow-color      : #FF9900;
  scrollbar-base-color       : #FCFCFC;
  scrollbar-darkshadow-color : #F1EEED;
  scrollbar-face-color       : #F1EEED;
  scrollbar-highlight-color  : #666666;
  scrollbar-shadow-color     : #666666;
  scrollbar-track-color      : #F1EEED;
}

img {
  border-style: none;
}

dl, dt, dd, ul, li {
  margin:          0;
  padding:         0;
  list-style-type: none;
}

a {
    color: #666666;
    text-decoration: underline;
}

a:visited {
    color: #AAAAAA;
    text-decoration: underline;
}

a:hover {
    color: #666666;
    text-decoration: none;
}

h2 {
  font-size: 1.7em;
  color:     #FF9900;
  margin:    0 0 1em 0;
  padding:   0;
}

h3, caption {
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  margin:    1.5em 0 1em 0em;
  padding:   0;
  text-align: left;
}

th{
  font-weight: normal;
  text-align: left;
  font-weight: bold;
  border:       #635B59 solid;
  border-width: 0 0 1px 0;
}

p {
  text-indent: 0em;
  text-align: justify;
  margin:  0 0 1em 0;
  padding: 0;
}

address {
  font-style: italic;
}

form {
  margin:       0 0 1em 0;
  padding:      0;
}

input, select, textarea {
  color:            #666666;
  background-color: #F1EEED;
  border-width:     1px;
  font-size:        1em;
  width:            15em;
  margin:           .22em 0em .22em .5em;
  padding:          0;
}

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height:      7em;
}

strong {
  font-weight: bold;
}

.longInput {
  width:            30.8em;
}

.longInputObligatoire {
  width: 30.8em;
  color: #8D001E;
}

.checkbox {
  width: auto;
  background-color: transparent;
  margin:           0 0 0 .5em;
}

.listePuce {
  margin: 1em 0 1em 0;
}

.listePuce li{
  margin: 0 0 0 1.5em;
  list-style: url(image/mini_logo.png) disc;
}

.defListe {
  margin: 1em 0 1em 0em;
}

.defListe dt{
  margin: 0 0 0 0em;
  font-weight: bold;
  float: left;
}

.defListe dd{
  margin: 0 0 .5em 0em;
}

.obligatoires {
  color: #8D001E;
}

.warning {
  position:relative;
  color: #8D001E;
  font-weight: bold;
  z-index:999;
}

.long_form_warning {
  width:            30.8em;
  background-color: #8D001E;
  font-weight:      bold;
  color:            #FFFFFF
}

.form_warning {
  background-color: #8D001E;
  font-weight:      bold;
  color:            #FFFFFF
}

.success {
  color: #009933;
  font-weight: bold;
}

/*
+----------+
|  ENTETE  |
+----------+
*/

#header {
  position: absolute;
  background-color: #FFFFFF;
  border-bottom:    #635B59 solid 1px;
  height:           61px;
  width:            100%;
  text-align:       center ;
  top:              0;
  margin-top:       0;
  padding:          0;
  font-weight:      bold;
  z-index:          1;
}

#image_principale {
  text-align:       center ;
  margin-left: 128px;
}

#header_raisonSociale {
  color:          #CCCCCC;
  margin:         .3em 0 0 0;
  font-size:      1.5em;
  letter-spacing: .8em;
}

#header_activite {
  color:          #CCCCCC;
  margin:         0;
  font-size:      .7em;
  letter-spacing: .6em;
}

#logo {
  position: absolute;
  top:      -62px;
  left:     0;
  margin:   0;
  z-index:  0;
}

#logo_dessus {
  position: absolute;
  top:      -62px;
  left:     77px;
  margin:   0;
  z-index:  50;
}

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

#menu {
  position:    absolute;
  top:         62px;
  left:        50%;
  margin-left: -316px;
  width:       504px;
  color:       #FF9900;
  font-weight: bold;
  font-size:   10px;
  z-index:     2;
}

#menu1{
  z-index:  9;
  position:              absolute;
  top:                   0px;
  left:                  87px;
  width:                 138px;
  padding:             1px 0 0 0;
}

#menu2{
  z-index:  8;
  position:              absolute;
  top:                   0px;
  left:                  183px;
  width:                 138px;
  padding:             1px 0 0 0;
}

#menu3{
  z-index:  7;
  position:              absolute;
  top:                   0px;
  left:                  279px;
  width:                 138px;
  padding:             1px 0 0 0;
}

#menu4{
  z-index:  6;
  position:              absolute;
  top:                   0px;
  left:                  375px;
  width:                 138px;
  padding:               1px 0 0 0;
}

#menu5{
  z-index:  5;
  position:              absolute;
  top:                   0px;
  left:                  471px;
  width:                 138px;
  padding:               1px 0 0 0;
}

#flag {
  position:    absolute;
  top:         62px;
  left:        50%;
  margin-left: 175px;
  width:       138px;
}

#menu dl {
  background-image:      url(image/bg_onglet_off.png);
  background-position:   left bottom;
}

#menu dt {
  cursor:              pointer;
  height:              17px;
  width:               138px;
  text-align:          center;
  margin:              0 0 -1px 0;
}

#menu dd {
  position: relative;
  text-align:  center;
  font-weight: bold;
  color: #635B59;
  background: #F8F4EE;
  display: none;
}

#menu ul{
  position: relative;
  z-index:  11;
  margin: -1px 0 0 0;
  _margin: -2px 0 0 0;
}

#menu li{
  border: #635B59 solid;
  border-width: 0 1px 1px 1px;
  padding: 1px 0 1px 0;
  margin: 0 0 0 0;
  vertical-align: middle;
  min-height: 14px;
  _height: 15px;
  _overflow: visible;
}

#menu dt a {
  text-decoration: none;
  display:         block;
  color:           #FF9900;
}

#menu li a {
  color: #635B59;
  text-decoration: none;
  display: block;
  border: 0 none;
}

#menu li a:hover, #menu dt a:focus {
  background: #F1EEED;
}

.titreSection{
  color: #FF9900;
  background: #F1EEED;
  text-align: center;
}

/*
+----------+
|  DIVERS  |
+----------+
*/

#title {
  position:     absolute;
  top:          106px;
  left:         50%;
  width:        632px;
  margin-left: -316px;
  font-size:    1.1em;
  font-weight:  bold;
  text-align:   right;
  color:        #FF9900;
  z-index:      1;
}

#content {
  position:     absolute;
  bottom:       15px;
  top:          125px;
  left:         50%;
  width:        632px;
  _height:      70%;
  margin-left:  -316px;
  padding:      1em 1em 0 1em;
  border:       #635B59 solid;
  border-width: 1px 0 1px 0;
  overflow:     auto;
  font-size:    .7em;
  background-color: #FCFCFC;
}

#footer{
  position:     absolute;
  width:        100%;
  font-weight:  normal;
  font-size:    .6em;
  text-align:   center;
  /*\*/
  bottom:       0.5em;
  /**/
}

#enterSite{
     position:absolute;
     left: 50%;
     top: 50%;
     width: 320px;
     height: 320px;
     margin-top: -160px; /* moitié de la hauteur */
     margin-left: -160px; /* moitié de la largeur */
}

/*
  +-------------+
  | ACTUALITÉS  |
  +-------------+
*/

#news table{
  width: 100%;
}

#news .impaire {
  background-color: #FCFCFC;
}

#news .paire {
  background-color: #F1EEED;
}

#news #date {
  width: 8em;
}

/*
  +----------------------------------+
  | A PROPOS DE, RECEVOIR, CONTACTS  |
  +----------------------------------+

    +----------------------------------------------------------+
    |  LUXITEAM, PARTENAIRES, GALERIES, PLAQUETTE, NEWSLETTER  |
    +----------------------------------------------------------+
*/

    .luxiteam, .partenaires {
      margin: 0 0 1.5em 0;
    }

    .luxiteam dt, .partenaires dt, #galerie dt, #plaquette dt, #newsletter dt, #contact dt{
      text-align: right;
      position: relative;
      top: 1.2em;
      margin-top: -.5em;
      font-weight: bold;
      width: 15em;
      background-color: #F1EEED;
    }

    .luxiteam dd, .partenaires dd, #galerie dd, #plaquette dd, #newsletter dd, #contact dd{
      position: relative;
      border-left: 1px solid #635B59;
      margin: 0 0 0 16em;
      padding: 0 0 0 1em;
    }

    #profiles {
      position: absolute;
      top: 1.4em;
      _top: 1.2em;
      z-index: 1;
    }

    #profiles div {
      margin-bottom: 1.5em;
      _margin-bottom: 1.4em;
    }

/*
    +--------------+
    |  REFERENCES  |
    +--------------+
*/

    #references{
      padding: 1em;
      text-align: justify;
      border: 1px dotted #635B59;
      _border: 1px solid #C5C5C5;
      background-color: #FCFCFC;
    }

/*
  +------------------------------------+
  | GALERIES, TELECHARGEMENT > PLUGINS |
  +------------------------------------+
*/

  #galerie dl, #avertissement, #address {
    border: 1px dotted #635B59;
    _border: 1px solid #C5C5C5;
    line-height: 1.2em;;
    margin: 0 0 1em 0;
    padding: 1em;
    background-color: #FCFCFC;
  }

  #galerie dt {
    width: 10em;
  }

  #galerie dd {
    margin-left: 11em;
  }

  #galerie img {
    margin: .2em .4em 0 0;
    border: #FF9900 solid 1px;
    background-color: #FF9900;
  }

  #galerie .fileinfo {
    font-size: 1em;
    color: #999999;
  }

  #galerie .quicktime_thumb {
    margin: -3.8em 0 0 11em;
  }

  #galerie .dlquicktime{
    text-align: left;
    font-style: italic;
    font-size: 0.8em;
    font-weight: normal;
    width: 13em;
    background-color: transparent;
    margin: .6em -.5em 0 0;
  }


/*
  +-------------+
  | TELECHARGER |
  +-------------+

    +----------+
    |  PLUGINS |
    +----------+
*/

    #plugin dl dt {
      color: #FF9900;
      font-weight: bold;
    }

    #plugin dl dd{
      margin: .4em 0 0 1em;
    }

    #plugin dl dd dl dt {
      color: #635B59;
    }

    #plugin dl dd dl dd ul {
      margin: 0 0 1em 0;
    }

    #plugin dl dd dl dd ul li {
      list-style: url(image/mini_logo.png) disc;
      margin: 0 0 0 .4em;
    }

/*
  +----------+
  | RECEVOIR |
  +----------+

    +-----------------------+
    | PLAQUETTE, NEWSLETTER |
    +-----------------------+
*/

    #plaquette dt, #newsletter dt {
      top: 1.5em;
      margin-top: -.5em;
    }

    #plaquette_combien {
      width: 2em;
    }

    #img_plaquette{
      position:absolute;
      left:380px;
      top:200px;
      z-index:0;
    }

    #img_plaquette_soumise{
      position:absolute;
      left:380px;
      top:335px;
      z-index:10;
    }

/*
  +----------+
  | CONTACTS |
  +----------+
*/

  #contact dd {
    padding: 0 0 .1em 1em;
  }

  #checkbox_plugins{
    margin: 0 0 0.5em 0;
  }

-->