@charset "utf-8";
/* CSS Document */

/**********************************************/
/* GLOBAL */
/**********************************************/

*{
margin:0;
padding:0;
outline:none;
}

html, body{
/*background:#eef4ea url(img/background.jpg) top repeat-x;*/
background:#f6f9f4 url(img/background.jpg) top repeat-x;
background-attachment:fixed;
height:100%;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

html>body #container {
height: auto; /* Hack pied de page 100% */
}

p{
line-height:16px;
color:#333;
margin:0 0 14px 0;
}

a img{
border:none;
}

a{
color:#FD421F;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

#container{
position:relative;
width:930px;
min-height:100%;
height:100%;
margin:auto;
background:#fff url(img/background_containeur.jpg) top left repeat-y;
}

h1#logo{
display:inline;
float:left;
background:url(img/logo.jpg) bottom left no-repeat;
width:212px;
height:52px;
text-indent:-5000px;
padding:25px 0 0 0;
margin:0 0 0 14px;
}

div#left{
float:left;
display:inline;
margin:15px 0 0 0;
}

div#jambes{
background:url(img/jambes.jpg) bottom left no-repeat;
width:216px;
height:204px;
margin:0 0 0 9px;
}

div#newsletter{
width:216px;
margin:0 0 16px 18px;
overflow:hidden;
}

div#newsletter form{
margin:10px 0;
}

div#newsletter form input{
float:left;
border:1px solid #ccc;
width:170px;
height:18px;
color:#666;
}

div#newsletter form .btn{
background:url(img/ok.gif) top left no-repeat;
display:block;
width:26px;
height:20px;
border:none;
margin:0 0 0 2px;
}

div#right{
float:right;
width:630px;
display:inline;
margin:25px 40px 0 0;
}

div#right p.home{
float:right;
width:235px;
}

div#right p a{
text-decoration:none;
color:#333;
}

div#right p a span, div#right p a:hover{
text-decoration:underline;
color:#FD421F;
}


a.play{
display:block;
width:70px;
margin:30px auto 0 auto;
text-align:center;
text-decoration:none;
}

div#right a.play span{
color:#fe8c06;
text-decoration:none;
}

div#right a.play:hover span{
color:#fe8c06;
text-decoration:underline;
}


div#right a.play img{
display:block;
margin:auto;
}

.float_left{
display:block;
float:left;
margin:0 5px 3px 0;
}

div#news{
float:right;
width:630px;
margin:25px 20px 0 0;
display:inline;
}

#news a{
text-decoration:none;
color:#333;
}

#news a span, #news a:hover{
color:#FD421F;
text-decoration:underline;
}

.box{
display:block;
clear:both;
margin:0 0 12px 0;
overflow:hidden;
}

.reserver{
float:right;
margin:45px 0 0 0;
}

.box p{
position:relative;
display:inline;
}

span.archives{
display:block;
color:#FD421F;
font-size:12px;
margin:15px 0 0 0;
}

.block{
display:block;
float:left;
margin:0 0 3px 0;
}

#sidebar{
display:block;
width:216px;
margin:0 0 0 18px;
padding:25px 0 0 0;
}

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

#sidebar h2{
margin:8px 0;
}

/**********************************************/
/* TITLE */
/**********************************************/

div#right h1{
display:block;
height:47px;
margin:0 0 6px 0;
text-indent:-5000px;
}

div#right h1#home{
background:url(img/titles/home.gif) top left no-repeat;
width:573px;
}

div#right h1#qui{
background:url(img/titles/qui.gif) top left no-repeat;
width:573px;
}

div#right h1#saison{
background:url(img/titles/saison.gif) top left no-repeat;
width:159px;
}

div#right h1#expo{
background:url(img/titles/exposition.gif) top left no-repeat;
width:240px;
}

div#right h1#galerie{
background:url(img/titles/galerie.gif) top left no-repeat;
width:359px;
}

div#right h1#jardin{
background:url(img/titles/jardin_secret.gif) top left no-repeat;
width:316px;
}

h2, .post h2 a{
font-size:18px;
color:#c6c80d;
text-transform:uppercase;
font-weight:lighter;
margin:8px 0 2px 0;
}

#sidebar h2, #newsletter h2, h3{
font-size:18px;
color:#666;
text-transform:uppercase;
font-weight:lighter;
margin:8px 0 2px 0;
}

h4{
font-size:12px;
color:#333;
margin:0 0 2px 0;
font-weight:lighter;
}

#news h1{
color:#1c716a;
font-size:18px;
text-transform:uppercase;
font-weight:lighter;
}

#news h2{
color:#333333;
font-size:12px;
text-transform:none;
font-weight:bold;
margin:8px 0 0 0;
}

#news h2 span{
position:relative;
top:-1px;
color:#999;
font-size:10px;
font-weight:normal;
}
/* Comments */

.comments_caption {
	width: 100%;
	background: #fff;
	margin-top: 15px;
}

.comments_caption h2 {
	padding-left: 15px;
	line-height: 2em;
}

.comment_wrap {
	background: #fff;
	margin-top: 15px;
}

.comment_wrap p {
	font-size: 13px !important;
}

.comment_wrap_head {
	padding: 0 15px;
}

.comment_wrap_head p {
	padding: 7px 0 !important;
}

.comment_wrap_head span {
	color: #898989;
	padding-left: 5px;
}

.comment_wrap_post {
	padding: 5px 0;
	border-top: #EEEEEE 1px solid;
}

.comment_wrap_post p {
	padding: 10px 15px !important;
}

#leave_a_comment_wrap {
	width: 100%;
	margin-top: 15px;
}

.leave_a_comment {
	background: #fff;
	text-align: center;
	float: left;
}

.leave_a_comment h2 {
	line-height: 30px;
}

.trackback_rss {
	float: right;
	text-align:right;
	padding-top: 8px;
	width: 12.9em;
}

.trackback_rss p {
	padding: 0 !important;
	font-size: 11px !important;
}

#comment_form {
	background: #fff;
	padding: 11px 0;
	clear: both;
}

#content form {
	background: #FAFAFA;
	border: #EDEDED 1px solid;
	padding: 15px 0 15px 15px;
	margin: 0 auto;
}

#content form p {
	padding: 0px 0 5px 0;
	line-height: 20px;
}

#content input {
	border: #EEEEEE 1px solid;
	background: #fff;
	padding: 5px;
}

#content input.data {
	width: 184px;
}

#content textarea {
	border: #EEEEEE 1px solid;
	width: 415px;
	height: 170px;
	padding: 3px;
}

#content input.sbutton {
	margin-top: 3px;
}


/**********************************************/
/* MENU */
/**********************************************/

ul#menu{
list-style-type:none;
float:left;
margin:0 20px 0 35px;
padding:30px 0 0 0;
display:inline;
}

ul#menu li{
display:block;
float:left;
height:47px;
width:74px;
margin:0 5px 0 0;
}

ul#menu li a{
display:block;
height:47px;
width:74px;
text-indent:-5000px;
}

ul#menu li a.accueil{
background:url(img/menu/home.jpg) top left no-repeat;
}

ul#menu li a.espace{
background:url(img/menu/espace.jpg) top left no-repeat;
}

ul#menu li a.expo{
background:url(img/menu/expo.jpg) top left no-repeat;
}

ul#menu li a.galerie{
background:url(img/menu/galerie.jpg) top left no-repeat;
}

ul#menu li a.jardin{
background:url(img/menu/jardin.jpg) top left no-repeat;
}

ul#menu li a.qui{
background:url(img/menu/qui.jpg) top left no-repeat;
}

ul#menu li a.reservations{
background:url(img/menu/reservations.jpg) top left no-repeat;
}

ul#menu li a.saison{
background:url(img/menu/saison.jpg) top left no-repeat;
}

ul#menu li a.accueil:hover,
ul#menu li a.espace:hover,
ul#menu li a.expo:hover,
ul#menu li a.galerie:hover,
ul#menu li a.jardin:hover,
ul#menu li a.qui:hover,
ul#menu li a.reservations:hover,
ul#menu li a.saison:hover,
ul#menu li a#active{
background-position: 0 -47px;
}

/* --
SOUS_MENUS
-- */

#menu ul li{
padding:4px 0;
height:18px;
background:#1C716A;
border-bottom:1px solid white;
}

#menu li ul a{
text-indent:0;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#fff;
height:18px;
display:block;
}

#menu li ul a:hover{
color:#FF6600;
display:block;
text-decoration:none;
}

#menu li ul {
position:absolute;
width:74px;
top: 76px;
}

.ssmenu{
display:none;
}




/**********************************************/
/* MENU FOOTER */
/**********************************************/

ul#menu_footer{
list-style-type:none;
margin:auto;
width:75px;
height:26px;
}

ul#menu_footer li{
display:block;
color:#999;
float:left;
margin:0 5px 0 0;
}

ul#menu_footer li a{
font-size:11px;
color:#666;
}

ul#menu_footer li a:hover{
color:#FD421F;
text-decoration:none;
}

/**********************************************/
/* FOOTER */
/**********************************************/

.clear{
clear:both;
}

#footer{
background:url(img/background_footer.jpg) top left no-repeat;
position:absolute;
bottom:0;
width:100%;
text-align:center;
height:75px;
font-size:10px;
}

#footer p{
color:#999;
margin:15px auto 0 auto;
width:95%;
}

#footer p a{
color:#999;
}

#footer p a:hover{
color:#FD421F;
text-decoration:none;
}

.anti-kick-bottom{
margin:0;
clear:both;
height:95px;
visibility:hidden;
}