/* CSS Document */

body{
background: #48403C;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a{
font-family:  Verdana, Arial, Helvetica, sans-serif;
color: #979797;
text-decoration: none;
font-size: 12px;
}

a:hover{
color: #2D221E;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #D8DAA5;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
}



li{
font-family:  Verdana, Arial, Helvetica, sans-serif;
}

#fond2{
background: url(../images/fondbis.gif);
width: 1212px;
height: 780px;
position: absolute;
top: 50%;
margin-top: -380px;
left: 50%;
margin-left: -606px;
align: center;
}

#fond1{
background: url(../images/fond2bis.gif);
position: absolute;
width: 1212px;
height: 780px;
top: 50%;
margin-top: -380px;
left: 50%;
margin-left: -606px;
align: center;
}

#flagfr a{
width: 27px;
height: 22px;
background:url(../images/flagfron.gif);
position: absolute;
left: 1025px;
top: 117px;
z-index: 53;
}

#flagen a{
width: 27px;
height: 14px;
background: url(../images/flagenoff.gif);
position: absolute;
left: 1059px;
top: 125px;
z-index: 53;
}

#flagen a:hover{
width: 27px;
height: 22px;
background-image:url(../images/flagenon.gif);
position: absolute;
left: 1059px;
top: 117px;
z-index: 53;
}

#intro{
position: absolute;
left: 180px;
top: 245px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
color: #B8B8A9;
font-weight: 800 ;
font-size:16px;
}

.texte{
position: relative;
top: 320px;
left : 715px;
width: 320px;
height: 200px;
line-height: 16px;
text-align: justify;
color: #666666;
font-family:  Verdana, Arial, Helvetica, sans-serif;
}

#textechat{
position:absolute;
width: 700px;
height:100px;
top:273px;
left: 260px;
text-align:center;
}


#anim{
width: 505px;
height: 156px;
position: absolute;
top: 405px;
left: 170px;
}

#anim2{
width: 505px;
height: 240px;
position: absolute;
top: 330px;
left: 170px;
}


.roll{
color: #BABE82;
}

.rollover{
color:#5E5B59;
font-size:11px;
}

.rollover:hover{
color:#D8DAA5;
font-size:11px;
}

#Nav {
position: absolute;
left:50%;
margin-left: -415px;
top: 188px;
width: 930px;
height: 10px;
padding: 0;
list-style: none;
display: block;
font-size: 13px;
margin-bottom: 20px;
padding-top: 2px
}

#Nav li {
display: block;
background: none;
margin: 0px 0 0 0px;
float: left;
padding: 0;
width: 140px;
text-align: center;
padding-bottom: 2px;
}

#Nav li.barre {
width: 30px;
font-size: 16px;
margin: 0;
padding: 0;
}
#Nav .menu li {
background: none;
display: block;
float:left;
padding:0;
width:140px;
z-index:4;
border: 0;
}

#Nav li.menu{
border: 0}


#Nav li a{
height: 12px;
margin-bottom: 10px;
color: #979797;
letter-spacing: -1px;
font-size: 14px;
}

#Nav li a:hover{
height: 12px;
padding-bottom: 10px;
color: #D8DAA5;
letter-spacing: -1px;
font-weight: bold;
}

#Nav .Menu li a{
float:left;
height: 22px;
display: block;
background: #ffffff;
text-decoration: none;	
margin:0;
padding:0;
font-size: 13px;
width: 140px;
z-index: 2;
text-align: center;

}

#Nav .Menu li a:hover, #Nav .Menu li a:active {
height: 22px;
display: block;
text-decoration: none;	
margin:0;
padding:0;
width: 140px;
z-index: 2;
text-align: center;
}

.Menu{
margin:0;
padding: 0;
list-style: none;
display: none;
padding-top: 6px;
}

#formulaire{
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #979797;
}

#contact{
position: absolute;
left: 180px;
top: 400px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
color: #999999;
font-size: 15px;
}
#resa{
color:#D0D491;
}

#image{
position: absolute;
top: 345px;
left: 215px;
z-index:3;
}

#image a{
margin: 3px;
border: 0;
text-decoration: none;
}

#image a:hover{
border-bottom: 1px solid #48403C;
}

#imagelauze{
position: absolute;
top: 345px;
left: 265px;
z-index:4;
}

#imagelauze a{
margin: 7px;
border: 0;
text-decoration: none;
}

#imagelauze a:hover{
border-bottom: 1px solid #48403C;
}


#mail a{
color: #706E6D;
}
#mail a:hover{
color: #D0D491;
}

#mention{
position: absolute;
left: 85px;
top: 631px;
font-size: 9px;
font-color: #706E6D;
z-index:45;
}

#mention ul li{
display: inline;
list-style-decoration: none;
color: #706E6D;
}

#mention ul li a{
color: #706E6D;
font-size: 9px;
}

#mention ul li a:hover{
color: #D0D491;
}

#sitemap ul{
list-style-type: none;
}

#sitemap{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
color:#999999;
}

#sitemap li span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
color: #B7B895;
}

#sitemap a{
font-size:14px;
}

#sitemap a:hover{
color:#663333;
font-style: strong;
}


#feuille{
background-image: url(../images/feuille.gif);
width: 235px;
height: 219px;
position: absolute;
left: 150px;
top: 389px;
z-index:1;
}

#chataigne{
background-image: url(../images/chataigne.gif);
width: 233px;
height: 219px;
position: absolute;
left: 150px;
top: 389px;
z-index:1;
}

#phone{
background-image: url(../images/phone.gif);
width: 211px;
height: 188px;
position: absolute;
left: 150px;
top: 420px;
z-index:1;
}

#boussole{
background-image: url(../images/boussole.gif);
width: 248px;
height: 207px;
position: absolute;
left: 150px;
top: 401px;
z-index:1;
}

#couteau{
background-image: url(../images/couteau.gif);
width: 317px;
height: 207px;
position: absolute;
left: 150px;
top: 401px;
z-index:1;
}

#jumelles{
background-image: url(../images/jumelles.gif);
width: 312px;
height: 205px;
position: absolute;
left: 150px;
top: 403px;
z-index:1;
}

#duck{
background-image:  url(../images/duck.gif);
width: 183px;
height: 207px;
position: absolute;
left: 848px;
top: 326px;
z-index:1;
}

#meteo{
	width:200px;
	height:550px;
	position:absolute;
	left:740px;
	top:245px;
	border: 0px
}

.txmention{
position: absolute;
top: 224px;
left:230px;
width: 750px;
height: 400px;
z-index:10;
color: #706E6D;
text-align:justify;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
}

.voir{
background: url(../images/avoir.gif) no-repeat;
position: absolute;
top: 222px;
left:170px;
width: 247px;
height: 395px;
padding: 10px;
padding-top: 110px;
z-index:10;
color: #706E6D;
text-align:left
}

.voir2{
background: url(../images/avoir2.gif) no-repeat;
position: absolute;
top: 245px;
left:170px;
width: 217px;
height: 300px;
padding: 10px;
padding-top: 60px;
z-index:10;
color: #706E6D;
text-align:left
}

.voir3{
background: url(../images/avoir2.gif) no-repeat;
position: absolute;
top: 242px;
left:780px;
width: 217px;
height: 345px;
padding: 10px;
padding-top: 60px;
z-index:10;
color: #706E6D;
text-align:left
}

.voir3 ul{
width: 150px;
}

.voir2 ul{
width: 150px;
}

.voir ul{
width: 150px;
}

ul#list li{
list-style-image: url(../images/decor.gif);
margin-bottom: 10px;
}
.txmention span{
font-weight: bold;
font-size:15px;
color: #999999;
}



/* formulaire de contact */


#contactFormContainer
{
    position:absolute;
    left:745px;
	top: 120px
}

#contactForm
{
padding-top: 20px;
    height:468px;
    width:275px;
    background-image:url('../images/mail/bkg.jpg');
    display:none;
}

#contactForm fieldset
{
    padding:30px;
    border:none;
	padding-top: 10px
}     

#contactForm label
{
    display:block;
    color:#4D4E4F;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}     

#contactForm input[type=text]
{
    display:block;
    border:solid 1px #4d3a24;
    width:100%;
    margin-bottom:10px;
    height:20px;
} 

#contactForm textarea
{
    display:block;
    border:solid 1px #4d3a24;
    width:100%;
    margin-bottom:30px;
	height: 170px;
} 
 

#contactForm input[type=submit]
{
    background-color:#2D211F;
    border:solid 1px #23150c;
    color:#ffffff;
    padding:-1px;
}

#contactLink
{
    height:20px;
    width:275px;
    background-image:url('../images/mail/slidein_buttonfr.png');
    display:block;
    cursor:pointer;
}

#messageSent
{
    color:#48403C;
    display:none;
}
     	 
       

#plan{
position:absolute;
top: 285px;
left: 450px;
}

/* formulaire de contact fixe */

#formule{
	border:1px solid #F3F4E8;
	width:400px;
	position:absolute; 
	left:630px;
	top:240px
}

#formule form{
	border:1px solid #F3F4E8;
	width:400px;
}


#formule input[type=text]
{
    
    border:0;
    width:350px;
    margin-bottom:5px;
	margin-top:5px;
    height:20px;
} 

#formule textarea
{
    
    border:0;
    width:350px;
	margin-bottom:20px;
	margin-top:5px;
	height: 100px;
} 
 
 
#formule input[type=submit]
{
    background-color:#C4C782;
    border:solid 1px #A4A66D;
    color:#ffffff;
	margin-left:75px;
}





#tarif{
	position:absolute;
	width:760px;
	height:220px;
	left:240px;
	top:260px;
	color:#5E5B59;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#exposant{
		position:absolute;
		width:738px;
		height:110px;
		left:240px;
		top:480px;
		padding-left:20px;
		color:#5E5B59;
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#ffffff;
	}

#mail{
	position:absolute;
	top:592px;
	left:153px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}