/**
 * @file: lightninbug.css
 * @author: Barbeaux Samuel
 * @company: VLS & Henrotte
 * @brief: planning stylesheet document
 */

*, html, body
{
  margin: 0;
  padding: 0;
}

/*@font-face { font-family:TEAMSPIR; src:local(TEAMSPIR), url(TEAMSPIR.TTF) format(TrueType)*/

body
{
  background: black;
  color: white;

  overflow-x: hidden;
}

a { color: gray; }
a:link    { color: gray; }
a:visited { color: gray; }
a:hover   { color: gray; }
a:active  { color: gray; }
h1 { color: #F08511; }
h2 { color: #F08511; }
h3 { color: #F08511; }
h4 { color: #F08511; }
img
{
  border: none;
}
img.text
{
  float:right;
  border-left: 16px solid black;
  border-bottom: 16px solid black;
}
img.left
{
  float:left;
  border-right: 16px solid black;
}
p.author
{
  color: gray;
  font-size: 12px;
  font-weight: bold;
}



/*@font-face {
  font-family: "Teamspir";
  src: url(http://localhost/lightninbug/fonts/teamspir.ttf);
}*/


div#container
{
  position: relative; /* on positionne le conteneur */
  margin-left: auto;
  margin-right: auto;

  width:1096px;
  height:1050px;

  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family:'Lucida Casual', 'Comic Sans MS';
  /*font-family: "Teamspir";*/
  font-weight: lighter;
  font-size: 11px;
}



div.header
{
  background: url(../images/background/site_decoupe_01.jpg) no-repeat;

  position: relative;
  top: 0px;
  left: 0px;
  
  width:1096px;
  height:264px;
}


div.topmenu
{
  background: url(../images/background/site_decoupe_02.jpg) no-repeat;

  position: relative;
  top: 0px;
  left: 0px;
  
  height: 51px;
  width: 1096px;
}



div.leftmenu
{
  background: url(../images/background/site_decoupe_03.jpg) no-repeat;

  position: relative;
  top: 0px;
  left: 0px;
  float:left;
  
  height: 735px;
  width: 211px;
}
div.infosbox
{
  border: 0px solid white;

  width: 198px;
}
div.leftmenu div.infosbox li
{
  margin: 6px;
  list-style-type: none;
}
div.leftmenu div.infosbox li a:hover
{
  color: #F08511;
  font-weight: bold;
}






div.rightmenu
{
  background: url(../images/background/site_decoupe_05.jpg) no-repeat;
  
  position: relative;
  top: 0px;
  left: 0px;
  float:left;
  
  margin-left: auto;
	margin-right: auto;

  height: 735px;
  width: 217px;
}
div.rightmenu marquee
{
  /*background: black;*/
  color: black;

  position: relative;
  top: 140px;
  left: 10px;
  
  padding: 2px;

  height: 300px;
  width: 195px;
}
div.rightmenu marquee a:hover
{
  color: #F08511;
  font-weight: bold;
}




div.content
{
  position: relative;
  top: 0px;
  left: 0px;
  float:left;
  
  margin-left: auto;
	margin-right: auto;

  height: 735px;
  width: 668px;
}
div.titleContent
{
  border: 0px solid white;
  height: 50px;
}
div.contentBody
{
  padding: 20px 10px 10px 10px;
}




div.content h1 a
{
  color: #F08511;
}
div.content table tr td.img
{
}
div.content table tr td.img:hover
{
  background-color: #606060;
  border-color: #373737;
}
div.content table tr th.title
{
  color: #F08511;
}
div.content table tr td.title
{
  color: #F08511;
}
div.content table.cadre
{
  background-color: #333333;
  border: 1px solid gray;
}
div.content table.cadre a
{
  color: white;
}



/*div.footer
{
  position: absolute;
  top: 1080px;
}*/



font.textred
{
  color:red;
  font-size:14px;
  font-weight:bold;
}


div#thumbNavigate
{
  background: black;
  border-top: 2px solid gray;
  border-bottom: 2px solid gray;

  visibility: hidden;
  
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 10;
}
div#thumbBox
{
  background: white;
  border: 1px solid gray;

  visibility: hidden;
  
  cursor: pointer;

  position: absolute;
  left: 0;
  top: 60px;
  width: auto;
  z-index: 10;

  padding: 10px;
}
div#thumbLoading
{
  background: #EFEFEF;
  border: 1px solid gray;
  color:black;

  position: absolute;
  padding: 5px;
  z-index: 5;

  visibility: hidden;
}


div#mapdiv
{
  background: gray;
  border: 1px solid gray;

  position: absolute;
  padding: 5px;
  z-index: 3;

  visibility: hidden;
  
  width:600px;
}
div#mapnavleft
{
  float: left;
}
div#mapnavright
{
  float: right;
}
div#mapnav a
{
  color:black;
  font-size: 16px;
}
div#map
{
  color:black;
  clear: both;
  width:600px;
  height:400px;
}





div.debugging
{
  background-color: white;
  clear: both;
  position: relative;
  top: 2400px;
}
table.debugging
{
  background-color: white;
  clear: both;
}