html {
          background-color: #000;
          color: #00e100; 
          }

body {
          margin: 0;
          padding: 0;
          font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
          line-height: 1.4em;
          width: 700px;
          margin-left: auto;
          margin-right: auto;
          background-repeat: repeat-y;
          background-color: #ffffff;
          background-image: url(images/pinhole_milieu.jpg);
          font-size: 12px; 
          }

div#header {
          text-align: center;
          margin-bottom: 0px;
          background-color: #ffffff;
          background-image: url(images/pinhole_haut3.jpg);
          height: 150px;
          background-repeat: no-repeat; 
          }

#contenu {
          background-repeat: repeat-y;
          background-image: url(images/pinhole_milieu.jpg); 
          }

div#footer {
          text-align: center;
          clear: both;
          height: 80px; 
          }

div#maincontent {
          padding: 2%;
          text-align: justify;
          margin-left: 24%;
          margin-right: 24%;
          margin-bottom: 0px;
          border-right: 1px #7f7f7f dotted;
          border-left: 1px #7f7f7f dotted;
          background-color: #f5f5f5;
          color: #7f7f7f;
          background-image: url(images/toulouselowtecdelav.gif);
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-position: center; 
          }

/*colonne gauche*/

div#leftcolumn {
          padding: 2%;
          float: left;
          text-align: center;
          width: 20%; 
          }

h1 {
          font-size: 18px;
          color: #6d9286;
          text-align: center; 
          }

h2 {
          color: #989963;
          font-size: 12px;
          font-weight: normal;
          text-align: center;
          margin-top: 12px;
          margin: 0px;
          margin-bottom: 12px;
          background-image: url(images/boutonsurvol3.png); 
          background-position: -0px -27px;
          background-repeat: no-repeat;
          height: 23px;
          padding-top: 4px; 
          }

#leftcolumn ul {
          display: list-item;
          list-style-type: none;
          list-style-position: inside;
          margin-left: 10px;
          padding: 0px; 
          }

#leftcolumn ul li {
          padding: 0px;
          margin-bottom: 16px;
          display: list-item; 
          }

#a914 {
          width: 135px;
          height: 105px;
          background-image: url(boites/cameras1-trans.png);
          background-repeat: no-repeat;
          background-position: 0px; 
          }

#a914:hover {
          background-position: -135px; 
          }

#a910 {
          width: 135px;
          height: 120px;
          background-image: url(boites/cameras3-trans.png);
          background-position: 0px;
          background-repeat: no-repeat; 
          }

#a910:hover {
          background-position: -135px; 
          }

#a911 {
          width: 133px;
          height: 127px;
          background-image: url(boites/cameras6-trans.png);
          background-position: 0px;
          background-repeat: no-repeat; 
          }

#a911:hover {
          background-position: -135px; 
          }

#a912 {
          width: 135px;
          height: 185px;
          background-image: url(boites/cameras4-trans.png);
          background-repeat: no-repeat; 
          }

#a912:hover {
          background-position: -135px; 
          }

#a913 {
          width: 135px;
          height: 155px;
          background-image: url(boites/cameras5-trans.png);
          background-position: 0px;
          background-repeat: no-repeat; 
          }

#a913:hover {
          background-position: -135px;
          height: 155px; 
          }

/*colonne droite*/

div#rightcolumn {
          padding: 2%;
          float: right;
          width: 20%;
          margin-right: 6px; 
          }

/*menu galeries*/

ul.galeries {
          margin: 0px;
          padding: 0px;
          text-decoration: none;
          list-style-type: none; 
          }

ul.galeries li {
          display: block;
          margin-top: 10px;
          margin-bottom: 14px;
          height: auto; 
          }

ul.galeries li a:link {
          text-decoration: none;
          width: 139px;
          height: 27px;
          padding-right: 45px;
          padding-left: 32px;
          padding-top: 5px;
          padding-bottom: 7px;
          background-image: url(images/boutonsurvol2.png);
          background-repeat: no-repeat;
          color: #699481; 
          }

ul.galeries li a:visited {
          text-decoration: none;
          width: 139px;
          height: 27px;
          padding-right: 45px;
          padding-left: 32px;
          padding-top: 5px;
          padding-bottom: 7px;
          background-image: url(images/boutonsurvol2.png);
          background-repeat: no-repeat;
          color: #ffd579; 
          }

ul.galeries li a:hover {
          background-image: url(images/boutonsurvol2.png);
          background-position: -0px -27px;
          color: #00ff00; 
          }

ul.galeries li a:active {
          background-image: url(images/boutonsurvol2.png);
          background-position: -0px -27px;
          color: #990000; 
          }

ul.galeries li a:current {
          background-image: url(images/boutonsurvol2.png);
          background-position: -0px -27px;
          color: #00ff00; 
          }

/*Les galeries*/

#gallery {
          position:relative;
          width:130px; 
          }

.thumbs {
          float:right;
          margin-bottom: 20px; 
          }

.thumbs a {
          display:block;
          float:left;
          margin:0 0 5px 5px;
          width:30px;
          height:30px;
          border:1px solid #000; 
          }

.thumbs a img {
          width:30px;
          height:30px;
          border:0; 
          }

.thumbs a:hover {
          border-color: #990000;
          border: 1px #990000 dotted; 
          }

.thumbs a:hover img {
          width:auto;
          height:auto;
          right: 13px;
          border:1px solid #333;
          position: absolute; 
          }