body {
	background-color: #fff;
	color: black;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: verdana, arial;
}

div.main {
  padding-top: 80px;
  width: 100%;
  height: 100%;
	/* Hack Internet explorer qui fait chier */
	_padding-top: 0px;
}

 h1.header {
  z-index: 500;
	width:100%;
	height: 35px;
    position: fixed;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 35px;
    color:#000;
    font-size:260%;
    background-color:#fff;
	font-family: Verdana,Bitstream Vera Serif, serif;
    text-shadow: 1px 0 0 silver;
	text-align: left;
}

h1 {
  text-shadow: 1px 1px 1px black;
  margin-top:40px;
}

h2 {
  text-shadow: 1px 1px 1px black;
  color: #ffffff;
  font-size: 140%;
  font-family: Verdana, Arial;
  margin: -20px 0 10px 0;
}

h3 {text-decoration:underline;}

hr {clear:both;width:50%;border:1px dotted black;margin:0 auto;padding:0;}

#Adresse {
  font-size: 80%;
}


img.left {
  float: left;
  border: 1px solid #000000;
}

img.right {
  float: right;
  border: 1px solid #000000;
}

img.center {
  float: center;
  border: 1px solid #000000;
}

img {border: 1px solid black;  border-radius: 0 10px 0 10px;}


#video {
  z-index: 999;
  width: 120px;
  height: 100px;
  position: fixed;
  _position: absolute;
  bottom: 0;
  right: 0;
  font-size: .8em;
  opacity: .9;
  background-color: black;
  color: red;
  text-align: center;
  font-weight: bold;
}

#video:hover {
  opacity: 1;
}

#photos {
  position: fixed;
  _position: absolute;
  bottom:0px;
  left:0px;
  width: 120px;
  height: 100px;
  font-size: .8em;
  opacity: .9;
  background-color: black;
  color: red;
  text-align: center;
  font-weight: bold;
  z-index: 999;
}

#photos:hover {
  opacity: 1;
}


/*
##########################
Tableaux
##########################
*/

table {
  border: 0px none #000000;
}

td {
  border: 0;
  font-family: Verdana, Arial;
  font-size: 100%;
}



/*
##########################
Boites info
##########################
*/

#parc {
  margin: 0px auto 40px auto;
  width: 450px;
  border: 1 dashed #b0b3dc;
  background-color: #cdd6e8;
  font-family: verdana;
  font-size: 80%;
  padding: 10px 10px 10px 10px;
}

#trappeurs {
  margin: 0 auto;
  width: 400px;
  border: 0 none #000000;
  font-family: verdana;
  font-size: 100%;
  padding: 10px 0 10px 0;
  text-align: justify;
}


#menu {
  width: 280px;
  position: absolute;
  top: 120px;
  left: 0px;
}

li {margin-left:10px;}


#content {
  position:absolute;
  top: 120px;
  left: 280px;
}

.sidebox {
	margin: 15px auto auto 15px; /* center for now */
	width: 250px ; /* ems so it will grow */
	font-size: 100%;
    border-radius: 10px;
}
.boxhead {
    background-color:#fff;
	font-size:.9em;
	font-family:Verdana,Arial;
	color:#000;
	width: 250px;
	margin: 0;
	font-weight: bold;
	padding: 0;
	text-align: center;
}

.boxbody {
    background-color:rgba(75,122,145,.5);
	font-size:.8em;
	font-family:Verdana,Arial;
	color:black;
	width: 240px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
	text-align: left;
	padding:5px;
}
.menu {
    position:fixed;
    top:60px;
    right:2px;
	margin:-5px 10px 0 0;
	padding:0;
	font-weight:bold;
	height:2em;
    text-align:right;
    z-index:1000;
}
.menu a, .menu a:hover,.menu a:visited {margin:0;font-size:1.2em;text-decoration:none;color:#000;}

.container {display: flex;justify-content:space-around;}
.container a {width:15%;}
.canirando {width:100%;margin:2px;float:left;max-width:200px;}