* {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	width:100%;
	height:100%;
	background: #fff url(/template/naturel/img/page_fond.jpg) 0 0 no-repeat;
}

#page {
	width:600px;
	margin:0 auto;
	position:relative;
	background : transparent url(/template/naturel/img/page_fond.png) repeat-y left bottom;
}

#header { width:600px;height:280px;background:transparent url(/template/naturel/img/page_head.png) no-repeat left bottom;  }
#header h1 { position:absolute;top:50px;left:2px; color: #fff; }
#header h1 a { color:#fff; font-size: 26px; font-family:Century Gothic, BitStream Vera Sans, monospace; font-weight:900;text-decoration:none;}
#header h2 { position:absolute; top:223px; left:50px; color: #fff; font-size: 12px; color: green; }
#header #categorie { position:absolute; top:120px; left:300px; }
#header ul { position:absolute;left:30px;top:257px; }
#header li { list-style-type:none; display: inline; margin-left: 14px; }
#header ul, #header ul a { color:#fff; font-size: 14px; font-weight: 800; }
#header ul a:hover{ color:#99CCFF;}
#header .navoff { color:#99CCFF; font-size: 14px; font-weight: 900; }
#header form { position:absolute; top:20px; left: 230px; padding: 2%; text-align: justify; color:#444;  }
#header form fieldset { border: none; padding: 5px; margin-left: 20px; }
#header form label { margin-left: 50px; vertical-align:center; }

#int, #loc { vertical-align:middle; }
#footer { width:600px;height:40px;background : #333333 url(/template/naturel/img/page_foot.png) no-repeat left top; }
#footer p { width:600px;height:17px;padding-top:23px;text-align:center;vertical-align:bottom;color:#999999;}
#footer a { color:#fff; font-size: 14px; text-decoration:none;}

#contenu {margin:15px 35px; }
#main { width:335px;float:left;}
#sidebar { width:180px;float:right;}

.video, .diaporama { text-align:center; margin-top: 10px; }

h2 {
	font-size: 20px;
	color: #99C8DF;
	border-bottom: 1px solid #99C8DF;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-top: 10px; margin-bottom: 10px;
   font-weight: 900;
}

h3 { font-size:16px; margin-left: 20px; margin-bottom: 20px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
h1,h2,h3,h4,h5,h6{font-family:Century Gothic, BitStream Vera Sans, monospace;}

#elite { width: 99%; border: 2px solid grey; text-align: justify; padding: 1%; }
#elite img {  margin-right: 10px; vertical-align: top; display: block; float: left; }
#elite p { margin: 10px; }
#elite p:first-letter { font-weight: bold; color: #7a0000; font-size: 2em; border: 1px solid #900; padding: 1px; margin-right: 3px; float: left; }

#colibri { color: maroon; margin-bottom: 15px; }
#colibri img { float: right; margin-top: -40px; }
address { margin-top: 10px; }
address img { display: inline; float: none; }
address strong { margin-left: 10px; }

abbr, acronym {font-weight:bold; }
blockquote, q { font-style:italic;}
blockquote, pre {border-left:#666 solid 3px;padding:5px;margin:5px;  }
pre {
	overflow: auto; width: 185px; font-size: 8px;
	font-family:'Courier New', Courier, monospace;
	border-style: solid; border-color: #666; border-width:1px 1px 1px 4px;
}



input.valide {
color:white;
background-color:#C00000;
margin: 5px 10px;
border:2px outset red;
font-weight:bold;
cursor:pointer;
padding: 2px 5px;
}
input.valide:hover {
background-color:white;
color:red;
}
input.valide:active {
border:2px inset red;
background-color:red;
color:white;
}
input[type=text], input[type=submit] ,input[type=reset], input[type=password], textarea,select {border:solid #666 1px;margin:2px; }
input[type=submit] ,input[type=reset] { 
	background:#333333 url(/template/naturel/img/fond_bouton.png) repeat-x left center;
	color:white; }
input[type=radio], input[type=checkbox]{border:none;}
input[type=text], input[type=password], textarea { padding: 2px 5px; }
input[type=submit] .valide { float: right; }


.samp {
	font-size:1.1em;
	background:#fff;
	padding:1.5em;
	border:1px solid navy;
	border-left:1em solid navy;
	display:block;
	margin-top: 2em;
	margin-left: 1em;
	margin-bottom: 2em;
	text-align: left;
	width: 60%;
}
.samp img { float: right; margin: 1em; }
.samp ul { margin-left: 25px; margin-top: 5px; }
.samp p { margin: 5px 0; }

#elite .samp {
	font-size:1.1em;
	background:#fff;
	padding:1.5em;
	border:1px solid orange;
	border-right:1em solid orange;
	display:block;
	margin-top: 2em;
	margin-left: 1em;
	margin-bottom: 2em;
	text-align: left;
	width: 60%;
}
#elite .samp img { float: right; margin: 1em; }
#elite .samp ul { margin-left: 25px; margin-top: 5px; }
#elite .samp p { margin: 5px 0; }

.download {
	text-align: center;
	width: 95%;
	border: none;
	padding: 5%;
}

table {
	width: 90%;
	border: 2px solid navy;
	margin-top: 10px;
	border-collapse : collapse;
}
table td { text-align: center; }
table th { border: 2px solid navy; width: 16%;}
table caption { margin-top: 2em; }


.navigue {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#444;
}
.navigue a { text-decoration:none; }
.percent { color:teal; }
.lien { color: green; }

.highlight { background: #CEDAEB; }
.important { background: #F8DCB8; }

#spy {
  padding:0;
  list-style-type:none;
  width:19.5em;
  margin:2em auto;
  }
#spy li {
  width:16.5em;
  position:relative;
  height:1.5em;
  font-size:1.2em;
  }
#spy li a {
  text-decoration:none;
  cursor:pointer;
  }
#spy li a em {
  font-style:normal;
  color:#000;
  display:block;
  width:1.1em;
  background:#eee;
  position:absolute;
  top:0;
  text-align:center;
  border:0.3em solid #697210;
  }
#spy .a1 {left:13.5em;}
#spy .a2 {left:6em;}
#spy .a3 {left:7.5em;}
#spy .a4 {left:10.5em;}
#spy .a5 {left:15em;}
#spy .a6 {left:3em;}
#spy .a7 {left:1.5em;}
#spy .a8 {left:4.5em;}
#spy .a9 {left:9em;}
#spy .a10 {left:12em;}
#spy .a11 {left:0em;}

#spy .dk {background:#e09222;}
#spy li a:hover {background:#ccc;}
#spy li a:hover .a1 {left:0;}
#spy li a:hover .a2 {left:1.5em;}
#spy li a:hover .a3 {left:3em;}
#spy li a:hover .a4 {left:4.5em;}
#spy li a:hover .a5 {left:6em;}
#spy li a:hover .a6 {left:7.5em;}
#spy li a:hover .a7 {left:9em;}
#spy li a:hover .a8 {left:10.5em;}
#spy li a:hover .a9 {left:12em;}
#spy li a:hover .a10 {left:13.5em;}
#spy li a:hover .a11 {left:15em;}

#nav { list-style: none; margin: 10px 25px; padding: 10px 25px; overflow: hidden; }
#nav li {
		float: left;
		width: 150px;
		border: 1px solid #600;
		margin-right: 1px;
		color: #fff;
		background: #c00;
		}
#nav li a {
		display: block;
		background: silver url(/template/naturel/img/alien.png) left top no-repeat;
		color: #fff;
		font: 1.2em "Trebuchet MS",Arial,sans-serif;
		line-height: 1.2em;
		padding: 5px 0;
		text-align: center;
		text-decoration: none;
		}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background: #033 url(/template/naturel/img/blien.png) left top no-repeat;
	text-decoration: underline;
	}

#contact { text-align: center; margin-top: 2em; }
#contact h2 { text-align: left; }
#contact form {
	background-color:#FAFAFA;
	padding:1%;
	width:80%;
	font-family:"trebuchet ms",sans-serif;
	margin: 10px auto;
}
#contact fieldset {
	padding:20px;
	margin-bottom:10px;
	border: 3px solid black;
	width: 90%;
	text-align: left;
}
#contact legend {
	color: white;
	background-color: black;
	font-weight:bold;
	border: 1px solid navy;
	padding: 5px;
	margin-left: -60px;
}
#contact label {
	margin-top:20px;
	display:block;
	font-size:90%;
}
#contact label.inline {
	display:inline
}
#contact input {
	border:1px solid black;
	background-color:lightgreen;
	font-family:"trebuchet ms",sans-serif;
}
#contact input[type=radio] {
	margin-right:50px;
	background-color:transparent;
	border:none;
}
#contact input[type=submit] {
	margin-left: 60px;
	margin-top: 20px;
}
#contact input[type=reset] {
	margin-left: 20px;
}
#contact input[type=submit], #contact input[type=reset] { font-weight: 700; font-size: 12px; padding: none; }
#contact input[type=submit]:hover, #contact input[type=reset]:hover { font-weight: 700; font-size: 12px; padding: none; color:orange; }
#contact .secret {
	float: right;
	margin-top: -65px;
	margin-right: 40px;
}
#contact select, option {
	background-color:lightgreen;
	font-family:"trebuchet ms",sans-serif;
}
#contact textarea {
	border:1px solid black;
	background-color:lightgreen;
	font-family:"trebuchet ms",sans-serif;
}

#map{ margin-top:  10px; height: 360px;  width: 530px;  }