@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:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

p{
line-height:18px;
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;
text-indent:-5000px;
}

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

div#right p.home{
float:right;
width:235px;
text-align:justify;
}

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

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

div#right a.play{
position:absolute;
bottom:1px;
font-weight:bold;
background:url(../img/video.png) 0 0 no-repeat;
display:block;
padding:10px 0 0 50px;
height:38px;
width:150px;
}

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

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

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

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

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

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

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

.box p.saison{
position:relative;
overflow:hidden;
height:160px;
}

.box .saison_spectacle{
position:relative;
overflow:hidden;
height:260px;
}

.reserver{
position:absolute;
bottom:0;
right:0;
color:#E0CB18;
font-size:10px;
}

.reserver-right{
float:right;
color:#E0CB18;
font-size:10px;
}

.info_spectacle{
font-weight:bold;
text-transform:uppercase;
color:#1c716a;
font-size:12px;
padding-bottom:6px;
margin:0 0 4px 0;
}

.info_spectacle span{
text-transform:none;
color:#333;
font-weight:normal;
}

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

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

.box_contact_sta{
float:left;
width:300px;
height:105px;
}

.box_contact{
float:left;
width:300px;
height:80px;
}

ul.contact{
list-style-type:none;
}

ul.contact li{
margin:3px 0;
}

ul.contact li.nom{
font-size:12px;
}

ul.contact li.min{
font-size:10px;
}

ul.contact li.fct{
color:#333333;
}

.google_map{
margin:25px 0 0 0;
}

#slide_text{
text-align:justify;
width:365px;
padding-right:20px;
}

ul.espace_pro li{
display:block;
margin:12px 0;
}

ul.espace_pro li a{
background:url(../img/puce.gif) 3px 5px no-repeat;
padding-left:12px;
font-weight:normal;
font-style:italic;
}

hr{
border:0;
height:1px;
background-color:#ccc;
color:#ccc;
}
/**********************************************/
/* TITLE */
/**********************************************/

div#right h1{
position:relative;
z-index:10;
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{
/* font avec FLIR */
font-family: swiss, arial;
text-indent:0;
font-size:40px;
color:#b1b2b4;
text-transform:uppercase;
/*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#contact{
background:url(../img/titles/contact.gif) top left no-repeat;
width:359px;
}

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

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

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

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

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

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

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

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

h4{
font-size:12px;
color:#000;
margin:0 0 2px 0;
}

h4.titre_contact{
font-size:12px;
color:#000;
margin:10px 0 0 0;
padding:0;
}

h5{
font-size:14px;
color:#666;
margin:12px 0;
}


#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;
}


.speTitle{
font-size:14px;
font-weight:bold;
color:#36BABC;
}

.rel{
position:relative;
}

label.radioCmd{
display:block;
position:absolute;
top:-14px;
left:-10px;
width:70px;
height:40px;
}



/**********************************************/
/* 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{
position:relative;
z-index:20;
}

#menu ul li{
position:relative;
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:#FD421F;
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;
text-align:center;
}

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:#F6F9F4 url(../img/background_footer.jpg) top left no-repeat;
position:absolute;
bottom:0;
width:100%;
text-align:center;
height:115px;
font-size:10px;
font-weight:lighter;
}

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

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

#footer p a:hover{
text-decoration:underline;
}

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