/*-------------------------------------------------------------------------------------------*/
/* RESET */
/*-------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/

/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}

/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}

.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}/* http://sonspring.com/journal/clearing-floats */
/*End Reset.css*/
body {background: #32352c; color: white; font-family: Arial, sans-serif; font-size: 20px;}
#head {height: 250px; background-image: url(chasseforet.jpg); background-repeat: no-repeat; display: block; margin: 0 auto;}
#content {height: 699px; background-image: url(bg.jpg); background-repeat: no-repeat; background-position: center; display: block; text-align: center; font-size: 35px;}
h1 {height:220px; width: 564px; margin: 0 auto; position: relative; top: 30px;}
h1 a{height:220px; width: 564px; display:block; background: url(logochasse.png) no-repeat; text-indent: -9000px; text-align:left; opacity:0.7;filter:alpha(opacity=70);}
h1 a:hover{ opacity:1.0;filter:alpha(opacity=100);}

h3 {height:220px; width: 408px; margin: 0 auto; position: relative; top: 30px;}
h3 a{height:220px; width: 408px; display:block; background: url(404.png) no-repeat; text-indent: -9000px; text-align:left; opacity:0.7;filter:alpha(opacity=70);}
h3 a:hover{ opacity:1.0;filter:alpha(opacity=100);}

#social {width:156px; margin: 0 auto; position:relative; top:50px;}
#social ul {display:inline;}
#social li{padding:0;list-style:none;top:0; float:left;margin-right:10px;}
#social li a{height:67px; width:68px; display:block;}

#twitter a{background:url(social.png) 0 0 no-repeat; text-indent:-9000px; text-align: left; opacity:0.7;filter:alpha(opacity=70);}
#twitter a:hover{opacity:1.0;filter:alpha(opacity=100);}

#facebook a{background:url(social.png) -68px 0 no-repeat; text-indent:-9000px; text-align: left; opacity:0.7;filter:alpha(opacity=70);}
#facebook a:hover{opacity:1.0;filter:alpha(opacity=100);}

#rss a{background:url(social.png) -136px 0 no-repeat; text-indent:-9000px; text-align: left; opacity:0.7;filter:alpha(opacity=70);}
#rss a:hover{opacity:1.0;filter:alpha(opacity=100);}

#mce-EMAIL {width:560px; height:25px; color:#787f69; font-size: 20px; text-align:center; vertical-align:middle; border:none;line-height:25px; }
#mc-embedded-subscribe {line-height:25px; width: 120px; margin-left: -121px; height: 25px; background-color: #787f69; color: white; border: none; font-size: 16px;vertical-align:middle;}
#mc-embedded-subscribe:hover {line-height:25px; background: #32352c;}

#formulaire {width:560px; margin: 0 auto; position:relative; top:0px; vertical-align:middle; line-height: 25px; font-family:Verdana; }

.mc-field-group {display:inline; float:left; vertical-align:middle;}

#ask {width:560px; margin: 0 auto; position:relative; top:0px; font-family:Verdana; text-align:center; font-size: 26px; font-weight:100;}


#wrapper{ margin-left: auto; margin-right: auto; width: 900px; text-align: center;position: relative;}  
#toppanel { position: absolute; top: 249px; width: 900px; z-index: 25; text-align: center; margin-left: auto; margin-right: auto; }
#panel { width: 900px; position: relative; top: 1px; height: 0px; margin-left: auto; margin-right: auto; z-index: 10; overflow: hidden; text-align: left;  }
#panel_contents { background: #787f69; height: 100%; width: 904px; position: absolute; z-index: -1; }
#h1panel {top: 12px; text-align: center; width:900px; height: 40px; font-family:Verdana; font-size: 26px; font-weight: 100;}
h2 {text-align: center; font-family:Trebuchet MS; font-size: 17px; font-weight: 100;  padding-left: 30px; padding-right: 30px; font-weight:300;}
p {text-align: left; font-family:Arial, sans-serif; font-size: 15px; font-weight: 100; padding-left: 30px; padding-right: 30px;}

.panel_button {
text-align:center;
position:absolute;
top: 196px;
left:560px;
width: 173px;  
height: 54px;  
background: url(more.png);  
z-index: 20;  
cursor: pointer;  
}  
.panel_button a {
text-decoration: none;  
color: #eef2e5;  
font-size: 14px;  
position: relative;  
top: 12px;  
font-family: Verdana, Helvetica, sans-serif;  
}  
.panel_button a:hover {  
color: white;
}

#pos {margin-top: -290px; text-align: center;}

#twitter_update_list li {
list-style-type: none;
font-family: Verdana, sans-serif;
font-size: 10px;
width: 564px;
margin: 0 auto;
}

#twitter_update_list span a {
display: inline;
font-family: Verdana, sans-serif;
font-size: 9px;
color: #787f69;
}

#twitter_update_list span a:hover{
color: #c0cba8;
}