/*
  Special Style
*/

.horizontal { margin-left: auto; margin-right: auto; }
.vertical { margin-top: auto; margin-bottom: auto; }

.gauche { text-align: left; }
.centre { text-align: center; }
.droite { text-align: right; }
.justifie { text-align: justify; }
.haut { vertical-align: top; }
.milieu { vertical-align: middle; }
.bas { vertical-align: bottom; }

.pointille { border: 1px dashed; }
.pointille:hover, #pointille:focus { border: 1px solid; }

.espace { padding: 4px; }
.dilate { width: 100%; height: 100%; }

.invisible { visibility: hidden; }
.visible { visibility: visible; }


/*
  Default Style
*/

A:link, A:visited {
  color: #004488;
  text-decoration: none;
}

A:hover {
  color: #FF8800;
  text-decoration: underline;
}

A:active {
  color: #FFFF00;
  text-decoration: underline;
}

BODY {
  background: #4488CC url("/img/design/fondarriere.png") repeat;
  font: normal small "Comic Sans MS", cursive;
  margin: 0px;
}

DIV {
  background: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}

SPAN {
  background: #FFFFFF;
  border: 1px dashed #000000;
  margin: 2px 0px;
  padding: 2px 3px;
}

TABLE {
  background: transparent;
  border: none;
  border-spacing: 0px;
  empty-cells: show;
  margin: 0px;
  padding: 4px;
}

TD {
  background: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}

H1 {
  color: #000000;
  font: bold 28pt/28pt "Times New Roman", fantasy;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  margin: 8px;
}

H2 {
  color: #000000;
  text-align: center;
  font: italic 20pt/20pt "Arial", serif;
  text-decoration: none;
  margin: 7px;
}

H3 {
  color: #000000;
  font: italic 16pt/16pt "Arial", serif;
  text-decoration: none;
  margin: 6px;
}

H4 {
  color: #000000;
  font: normal 14pt/14pt "Arial", serif;
  text-decoration: none;
  margin: 5px;
}

H5 {
  color: #000000;
  font: normal 10pt/10pt "Arial", serif;
  text-decoration: none;
  margin: 4px;
}

H6 {
  color: #000000;
  font: normal 8pt/8pt "Arial", serif;
  text-decoration: none;
  margin: 3px;
}

IMG { border: none; }


/*
  Sudoku Style
*/

.input_sudoku, .input_sudoku:hover, .input_sudoku:focus {
  background: #FFFFFF;
  border: none;
  text-align: center;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.table_sudoku {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  empty-cells: show;
  vertical-align: middle;
}

.td_sudoku {
  background: #FFFFFF;
  border: 1px solid #000000;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}


/*
  Logo Style
*/

.logo {
  background: url("/img/design/logo.jpg") no-repeat center;
}


/*
  Menu Style
*/

.menutitre {
  background: transparent url("/img/design/menutitre.png") no-repeat;
  text-align: center;
  height: 32px;
  width: 128px;
  border: none;
  margin: 0px;
  padding: 0px;
}

.menulien {
  background: transparent url("/img/design/menulien.png") no-repeat;
  height: 28px;
  width: 128px;
  border: none;
  margin: 0px;
  padding: 0px;
  padding-left: 16px;
}

.menulien:hover {
  background: transparent url("/img/design/menulien2.png") no-repeat;
  height: 28px;
  width: 128px;
  border: none;
  margin: 0px;
  padding: 0px;
  padding-left: 16px;
}

.menufin {
  background: transparent url("/img/design/menufin.png") no-repeat;
  height: 16px;
  width: 128px;
  border: none;
  margin: 0px;
  padding: 0px;
}

.menuespace {
  background: transparent;
  height: 12px;
  width: 128px;
  border: none;
  margin: 0px;
  padding: 0px;
}

/*
  Fenetre Style
*/

.fenetretitre {
  background: transparent;
  border: none;
  border-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.fenetretitregauche {
  background: transparent url("/img/design/fenetretitregauche.png") no-repeat;
  height: 32px;
  width: 32px;
  border: none;
  margin: 0px;
  padding: 0px;
}

.fenetretitredroite {
  background: transparent url("/img/design/fenetretitredroite.png") repeat-x;
  text-align: center;
  vertical-align: middle;
  height: 32px;
  border: none;
  margin: 0px;
  padding: 0px;
}

.fenetrecontenu {
  background: #66AAEE;
  border: none;
  margin: 0px;
  padding: 4px;
}

.fenetrefin {
  background: transparent;
  border: none;
  border-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  width: 100%;
  height: 100%;
}

.fenetrefingauche {
  background: transparent url("/img/design/fenetrefingauche.png") repeat-x;
  vertical-align: top;
  height: 16px;
  border: none;
  margin: 0px;
  padding: 0px;
}

.fenetrefindroite {
  background: transparent url("/img/design/fenetrefindroite.png") no-repeat;
  height: 16px;
  width: 16px;
  border: none;
  margin: 0px;
  padding: 0px;
}


/*
  Fond Style
*/

#fond {
  background: transparent;
  border: none;
  border-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  height: 100%;
}

#fondm {
  background: #EEEEEE;
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  width: 768px;
}

#fondg {
  background: transparent url("/img/design/fondgauche.png") repeat-y;
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
  width: 10px;
}

#fondd {
  background: transparent url("/img/design/fonddroite.png") repeat-y;
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
  width: 10px;
}

#contenu { width: 100%; }

#contenu td {
  vertical-align: top;
}

#copyleft {
  background: transparent;
  border: none;
  border-spacing: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
}

#pub {
  background: #EEEEEE;
  border: 1px dashed #000000;
  border-spacing: 0px;
  margin-left: auto;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: auto;
  padding: 4px;
  width: 128px;
  height: 608px;
  position: fixed;
}

#pub:hover {
  background: #FFFFFF;
  border: 1px solid #000000;
  border-spacing: 0px;
  margin-left: auto;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: auto;
  padding: 4px;
  width: 128px;
  height: 608px;
  position: fixed;
}