/* Définitions générales */

body { 
  background-color: #545454; /* couleur de fond */
  margin:0; /* suppression de toutes les marges */
  padding:0;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #000000;
  font-size: 12px;
}

table{
  border=0px none;
  padding=0;
  background-color:transparent;
}

table,td{
border-collapse:collapse;
border:0px none;
padding:0;
}

h1 {
font-size: 32px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 16px;
}

h4 {
font-size: 12px;
}

/* Définitions des éléments dans l'ordre du code XHTML */

.logo {
  position: absolute;
  left:0px;
  top:0px;
  width: 100%;
  height: 60px;
  padding-left: 5px;
  margin-left: 5px;
  background-image: url(./images/logo_dessin_lucarne_nb.jpg);
  background-repeat: no-repeat;
}

.logo-right {
  height: 60px;
  margin-left: 190px;
  background-image: url(./images/lucarne_h.gif);
  background-repeat: no-repeat;
}

.menu {
/*  float: left; */
  position: absolute;
  top: 60px;
  left: 0px;
  width: 200px;
/*  padding-top: 60px;*/
  padding-left: 5px;
}

.menu ul {
  margin-left:0px;
  padding-left: 0px;
}

.menu li {
  height: 45px;
  margin-top: -15px;
  padding-left: 5px;
  padding-top: 20px;
  background-repeat: no-repeat;
  background-position: center;
  text-align: left;
  list-style-type: none;
}

.grey-li {
   background-image: url('images/iconmenu-grey.gif');
}

.black-li {
  background-image: url('images/iconmenu-black.gif');
}

.lucarne {
  padding-left:0px;
  padding-right: 0px;
  margin-top: 60px;
  margin-left:200px;
/*  margin-right: 40px;*/
  background-color: #DFDFDF;
}

.lucarne table {
   width: 99%;
}

.td-lucarne-8w {
  background-color: #3F3F3F;
  width: 8px;
}

.td-lucarne-40w {
  width: 40px;
}

.td-lucarne-40h {
  height: 40px;
  font-size: 16px;
}

.td-lucarne-6h {
  background-color: #3F3F3F;
  font-size: 6px;
  height:6px;
}

.td-lucarne-right {
  text-align: right;
  padding-bottom: 40px;
}

ul.l1 {
  height: 400px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: left;
  list-style-type: none;
}

ul.l1 li {
  margin-left: 0px;
  padding-left: 40px;
  background-color: #DFDFDF;
  font-size: 14px;
}

.td-left {
  text-align: left;
  font-size: 14px;
  width: 50%;
  padding-left: 5px;
}

.td-right {
  text-align: right;
  font-size: 14px;
  padding-right: 10px;
}

.td-center {
  text-align: center;
}

.td-justify {
  text-align:justify;
  padding-right: 15px;
}

.l2 li {
  display: inline;
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
  text-align: center;
  background-color: #DFDFDF;
}

.right {
  text-align: right;
  margin-right: 5px;
}

.t14 {
  font-size: 14px;
}

.enligne {
  text-align: center;
}

.enligne a {
  display: inline;
}

.enligne span {
  visibility: hidden
}


a:active, a:link {color: #A7A7A7; font-weight: bold; 
	font-family: helvetica, arial, verdana, sans-serif; text-decoration: none }
a:visited, a:hover {color: #A7A7A7; font-weight: bold; 
	font-family: helvetica, arial, verdana, sans-serif; text-decoration: none }
a:hover {color: #FFFFFF; font-weight: bold; 
	font-family: helvetica, arial, verdana, sans-serif; text-decoration: none }
.path, .path:active, .path:link, .path:visited, .path:hover
	{color: #000000; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px}
/*.text { color: #FF0000; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px}*/