body,p,h1,h2,h3,h4,h5,h6,ul,li,table,td,tr,th,div
{margin: 0;
padding:0;}

html, body
{height: 100%;}

body
{font-size: 74%;
font-family: "Trebuchet MS";
background-color: white;
background-image: url('img/background01.jpg');}

* html body
{background: url('img/RainWood divin 2.JPG') fixed center no-repeat;}

#page
{min-height: 100%;
position: relative;
background-color: #fbce95;
width: 65%;
margin-left: 18%;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;}

#whole_page #page img
{position: static;
width: auto;
margin: auto;}


* html #whole_page img
{display: none !important;}

* html #whole_page #page #index #welcome_news
{width: 60%;
marginleft: 5px;}

* html #whole_page #page #index #welcome_news h5
{float: left;
margin-left: 50px;
width: 10em;
font-style: italic;
posotion: static;
color: rgb(80%,0%,20%);}

* html #whole_page #page #index #welcome_news .news_n h4
{margin-top: 5px;
padding-left: 1em;
float: left;
width: auto;
margin-right: none;
font-style: none;
color: rgb(0%,60%,40%);}

* html #whole_page #page #view_concerts
{position: absolute !important;
left: 500px;}

* html #whole_page #page #view_concerts a:hover span
{display: none;}

* html #whole_page #page #news_index
{margin-left: 5px;}

#imgheader_couchant
{height: 128px;
background: url(img/header_ciel_couchant.jpg) no-repeat;}

#imgheader_bleu
{height: 128px;
background: url(img/header_ciel_bleu.jpg) no-repeat;}

#imgheader_bleu h1, #imgheader_couchant h1
{font-family: "impact";
float: right;
font-size: 3.5em;
padding: 0.2em 0.5em;
float: right;
margin: 0.5em;
background: url(img/bgheader.jpg) repeat-x;
border: 1px solid;}

#header 
{background-color: white;}

#menu ul li
{float: left;
list-style-type: none;
margin: 1.5%;
width: 12%;
height: 3em;
background: url(img/bgheader.jpg) 0 -1.7em repeat-x;
border: 1px solid;
padding: 3px;}


#menu
{background: url(img/bgheader.jpg);
height: 80px;
padding-left: 5px;}

#menu a, #menu a:visited
{text-decoration: none;
font-weight: bold;
font-size: 100%;
color: black;
float: right;
text-align: justify;}

#menu a : hover
{text-decoration: underline;}

#present, #membres
{padding: 1em 30% 1em 1em;}

#present p, #membres p, #audiovideo p
{text-align: justify;}

#welcome_news
{width: 70%;
padding: 0.5em;
float: left;}

#welcome
{font-size: 1.2em;
margin-bottom: 1em;}

#page #content h3
{margin-left: 1em;
padding-bottom: 0.3em;} 

#news_index
{padding: 1em;
font-size: 1.2em;
overflow: auto;
}

.clearme
{clear: both;
font-size: 1px;}

.news_n
{margin-bottom: 0.05em;
border-top: 1px dashed;
margin-top: 10px;
padding-top: 20px;}

.news_n p
{float: right;
width: 60%;
margin-right:  3em;
text-align: justify;}

.news_n h4
{margin-bottom: 0.5em;
padding-left: 1em;
float: left;
width: 25%;
margin-right: 3em;
font-style: none;
color: rgb(0%,60%,40%);}

.news_n h5
{float: right;
margin-left: 75%;
font-style: italic;
posotion: relative;
color: rgb(80%,0%,20%);}

#contact h3
{color: rgb(80%,0%,20%)}


#contact a
{color: rgb(80%,0%,20%)}

#view_concerts
{border: 1px solid;
margin-left: 20%;
width: 20%;
padding: 1em;
background-color: white;
overflow: auto;
opacity: .80;
-moz-opacity: 0.80;
filter: alpha(opacity=80);}

.view_concerts
{display: block;
border-bottom: 1px dashed;
padding: 1em 0.5em;}

#view_concerts span 
{display: none;}

#view_concerts h4 
{color: rgb(80%,0%,20%);}

#view_concerts a
{text-decoration: none;
color: black;}

#view_concerts a:hover span 
{position: absolute;
width: 15em;
right: 0;
display: inline;
z-index: 10;
background: #efc562;
color: black;
border: 1px solid black;
text-decoration: none;
padding: 0.2em;
opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);}

#whole_page #page .imgsrc
{padding: 0.5em;
margin: 1em;}

#whole_page #page .imgsrc h4
{font-size: 1.2em;}
.imgsrc h5
{font-size: 0.8em;
font-style: italic;}

#whole_page #page .imgsrcimg
{position: relative;
width: 100%;
border: none;}
#pageps a
{color: black;}
#pageps
{margin-left: 15em;}

#imgg
{float: left;
width: 30%;}
#imgm
{float: left;
width: 30%;}
#imgd
{float: left;
width: 30%;}

#index
{background: url(img/bgindex.jpg) no-repeat right;}

.bold
{font-weight: bold;
font-size: 1.2em;}

#present
{font-size: 1.1em;
background: url(img/bgpresent.jpg) no-repeat 0 -1px;;}

#present h4, #concerts h4
{color: rgb(0%,60%,40%);
border: 1px dashed black !important;
padding: 0.2em;}

.ppresent, #concerts p
{margin: 1em;
margin-bottom: 5em;}

#membres h4, #present h4
{border: 1px dashed;
padding-left: 0.4em;}

.pmembres
{margin: 0.5em 1em 2em 1em;}

.ppresent, .pmembres
{font-size: 1.2em;}


#audiovideo h4
{margin: 3em 0 5px 0;
font-size: 1.2em;
font-weight: bold;}

#audiovideo a
{background: white;
padding: 1px;
border: 1px dashed black;
text-decoration: none;
font-size: 0.8em;
height: 10px ;
display:inline;
float: rihgt;
clear: left;
color: black;
}

#audiovideo #pack
{margin: 1em;
padding-bottom: 4em;
border-bottom: 1px dashed black;
}

.coment
{margin-top: 0.8em;
font-size: 1.3em;}

.help 
{border: 1px dashed black;
padding: 1em;
margin: 1em;
width: 20%;
margin-right: -15%;
font-weight: 550;
float: right;
background: white;}

.pageps
{float: left;}

#content #audiovideo .help h4
{font-size: 1.5em;
margin-top: 0;}

#audiovideo, #images
{padding-left: 1em;}

#audiovideo ul li
{margin-left: 1.5em;}

.copyrigth
{font-size: 0.8em;
margin: 1em 0 3em 10em;
width: 70%;
font-weight: bold;
padding: 0 1em;
border-left: 1px dashed;}

.audiovideo2
{width: 70%;
float: left;}

#images li
{list-style-type: circle;
font-size: 1.3em;
margin-bottom: 1.5em;}

#images ul
{margin-left: 3em;}

#images li a
{color: black;}

#membres
{background: url(img/bgmembres.jpg) no-repeat right bottom;}

#audiovideo
{background: url(img/bgaudiovideo.jpg) no-repeat top;}

.quote
{font-size: 0.9em;
font-family: 'Georgia';
border: 1px dashed;
padding: 5px;
margin: -5em 0 0 0;}

#contact
{font-weight: 900;
font-size: 1.3em;
margin: 5em;}

#contact ul
{font-weight: 100;
margin: 2em 5em;
border: black 1px dashed;
padding: 1em 1em 1em 2em;}

#page #content h2
{color: rgb(80%,0%,20%);
padding: 0.5em;}