*
{
border:0px;
margin: 0px;
padding:0px;
}

html,body,#bg,#bg table,#bg td
{
padding: 0px;
width:100%;
height:100%;
}

body,table,tr,td
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
cursor: default;
color: #312c2c;
}

a
{
color: black;
text-decoration: underline;
outline: none;
}

h1
{
font-size: 20px;
line-height: 20px;
font-family: georgia;
margin-bottom: 15px;
border-bottom: 1px solid #312c2c;
padding-bottom: 15px;
}

h2
{
color: black;
font-family: times, georgia, serif;
font-size: 16px;
line-height: 22px;
font-style: italic;
margin-bottom: 10px;
color: #312c2c;
border-top: 1px solid #312c2c;
margin-top: 10px;
padding-top: 10px;
}

#ciel
{
/*display: none;*/
position: fixed;
background-repeat: repeat
}

#feuillage
{
/*display: none;*/
position: fixed;
z-index: 1000;
top: 0px;
left: -200px;
}

#cactus
{
position: fixed;
z-index: 900;
right: 0px;
bottom: -5px;
}

#global
{
position: absolute;
left: 30px;
top: 30px;
}

#montagne
{
position: fixed;
z-index: 20;
top: 300px;
}

#buisson
{
position: fixed;
z-index: 40;
top: 428px;
}

#ballon
{
position: fixed;
z-index: 850;
top: 100px;
right: 30%;
}

#colinnes_01
{
position: fixed;
z-index: 600;
bottom: -5px;
right: 0px;
}

#montagne
{
position: fixed;
/*z-index: 400;*/
bottom: -5px;
left: 0px;
}

#logo
{
font-weight: bold;
border-bottom: 1px solid #000000;
padding-bottom: 5px;
margin-bottom: 5px;
}

#main_menu
{
position: fixed;
z-index: 1000;
/*float: right;*/
top: 0px;
right: 0px;
font-family: georgia, times, serif;
font-size: 20px;
line-height: 20px;
color: black;
text-align: right;
padding: 30px;
}

#main_menu a
{
display: block;
color: black;
text-decoration: none;
}

#main_menu a:hover
{
color: #AFE1FE;
}

#presentation
{
position: absolute;
padding: 25px;
padding-top: 50px;
width: 600px;
left: 25%;
top: 100px;
z-index: 500;
background-color: #e4e4e4;
font-size: 18px;
line-height: 22px;
font-family: times, georgia;
padding-bottom: 300px;
background-color: #afe1fe;
}

#presentation p
{
width: 600px;
}

#presentation span
{
margin: 0px;
padding: 0px;
}

#presentation img
{
float: left;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
border: 0px;
margin: 0px;
}

#actualites
{
/* display: none; */
position: absolute;
padding: 25px;
width: 450px;
left: 30%;
top: 100px;
z-index: 800;
background-color: #fef731;
border-bottom: 0px;
}

#actualites p
{
width: 430px;
}

#actualites h1
{
border: 0px;
}

#actualites h2
{
color: black;
font-family: times, georgia, serif;
font-size: 22px;
line-height: 22px;
font-style: italic;
color: #312c2c;
border-top: 1px solid #312c2c;
margin-top: 10px;
padding-top: 15px;
margin-bottom: 0px;
text-transform: uppercase;
}

#actualites h3
{
font-family: times, georgia, serif;
font-weight: normal;
font-size: 22px;
line-height: 22px;
font-style: italic;
color: #312c2c;
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

#actualites h4
{
font-family: times, georgia, serif;
font-weight: bold;
font-size: 22px;
line-height: 22px;
font-style: italic;
color: #312c2c;
border-top: 0px;
margin-top: 10px;
padding-top: 0px;
padding-bottom: 10px;
/* border-bottom: 1px solid #312c2c;*/
margin-bottom: 0px;
}

#actualites #illus
{
margin: 0px;
margin-right: 10px;
float: left;
}

.infos
{
cursor: pointer;
}

.description
{
display: none;
}





#contacts
{
position: absolute;
padding: 25px;
padding-top: 50px;
width: 450px;
left: 30%;
top: 100px;
z-index: 800;
font-size: 18px;
line-height: 22px;
font-family: times, georgia;
padding-bottom: 300px;
background-color: #c6fe41;
}

#contacts p
{
width: 420px;
}

#contacts span
{
margin: 0px;
padding: 0px;
}

#contacts img
{
float: left;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
border: 0px;
margin: 0px;
}







#spectacles
{
/* display: none; */
position: absolute;
padding: 25px;
width: 650px;
width: 650px;
left: 30%;
top: 100px;
z-index: 800;
background-color: #feaffd;
border-bottom: 1px solid black;
}

#spectacles a
{
color: #312c2c;
text-decoration: none;
display: block;
}

#spectacles p
{
width: 600px;
}

#spectacles h4
{
margin-top: 10px;
margin-bottom: 3px;
font-size: 12px;
font-weight: bold;
}

/*
#spectacles #pastille
{
position: absolute;
left: 260px;
top: 34px;
}
*/

#menu
{
margin-bottom: 10px;
margin-top: 10px;
/*border-top: 1px solid black;*/
padding: 0px;
/* border-bottom: 1px solid black;*/
}

#menu a
{
color: black;
font-family: times, georgia, serif;
font-size: 16px;
line-height: 22px;
font-style: italic;
display: block;
text-decoration: none;
}

#menu a:hover
{
color: white;
}

.spectacle
{
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid black;
}

#illus
{
clear: both;
}

li
{
display: block;
list-style-type: none;
}

.zindex {
z-index:0;
}

#telechargement
{
/* display: none; */
position: absolute;
padding: 25px;
width: 450px;
left: 30%;
top: 100px;
z-index: 800;
background-color: #FF9933;
border-bottom: 0px;
}

#telechargement p
{
width: 430px;
}

#telechargement h1
{
border: 0px;
}

#telechargement h2
{
color: black;
font-family: times, georgia, serif;
font-size: 22px;
line-height: 22px;
font-style: italic;
color: #312c2c;
border-top: 1px solid #312c2c;
margin-top: 10px;
padding-top: 15px;
margin-bottom: 0px;
text-transform: uppercase;
}

#telechargement h3
{
font-family: times, georgia, serif;
font-weight: normal;
font-size: 22px;
line-height: 22px;
font-style: italic;
color: #312c2c;
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

#telechargement h4
{
font-family: times, georgia, serif;
font-weight: bold;
font-size: 22px;
line-height: 22px;
font-style: italic;
color: #312c2c;
border-top: 0px;
margin-top: 10px;
padding-top: 0px;
padding-bottom: 10px;
/* border-bottom: 1px solid #312c2c;*/
margin-bottom: 0px;
}

#telechargement #illus
{
margin: 0px;
margin-right: 10px;
float: left;
}

.infos
{
cursor: pointer;
}

.description
{
display: none;
}