body
{
   padding: 0;
   margin: 0;
   
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 9pt;
   
   color: #ffffff;
   background-color: #888372;
   background-image: url('img/haut_gauche.png');
   background-repeat: no-repeat;
   background-attachment: fixed
}

body.com
{
   background-image: url('none');
}


#left-block
{
   position: absolute;
   top:    10%;
   left:   0%;
   width:  15%;
   height: 80%;
}

#frise-block
{
    position: absolute;
    top: 4.5%;
    left: 18%;
}

#main-block
{
   position: absolute;
   top:   10%;
   left:  18%;
   width: 79%;
   height:80%;

   overflow: auto;   

   border: 3px solid #000000;
}


#right-up-block
{
   COLOR: #000000
   width:  245px;
   height: 269px;
   float: right;
   
position: absolute;
   top:   10%;
   right:  2.5%;
   width: 25%;
   height: 80%;


   overflow: overflow;
   z-index: 400; 
   
   background: url('img/image_photo_haut_droit.png');
}

#right-up-block-news
{
   width:  250px;
   height: 332px;
   float: right;

   background: url('img/image_autre_haut_droit.png');
}

#right-up-block-concert
{
   width:  250px;
   height: 333px;
   float: right;

   background: url('img/image_concert_haut_droit.png');
}

#right-up-block-media
{
   COLOR: #000000
   width:  245px;
   height: 269px;
   float: right;
   
position: absolute;
   top:   10%;
   right:  2.5%;
   width: 25%;
   height: 80%;


   overflow: auto;
   z-index: 400; 

   background: url('img/image_media_haut_droit.png');
}

#right-up-block-photo
{
   COLOR: #000000
   width:  245px;
   height: 269px;
   float: right;
   
position: absolute;
   top:   10%;
   right:  2.5%;
   width: 25%;
   height: 80%;


   overflow: auto;
   z-index: 400; 
   
   background: url('img/image_photo_haut_droit.png');
   
}

#right-up-block-lien
{
   width:  248px;
   height: 320px;
   float: right;

   background: url('img/image_lien_haut_droit.png');
}

#right-up-block-livredor
{
   width:  250px;
   height: 305px;
   float: right;

   background: url('img/image_news_haut_droit.png');
}

#right-up-block-contact
{
   width:  250px;
   height: 390px;
   float: right;

   background: url('img/image_contact_haut_droit.png');
}


#right-up-block-addmsg
{
   width:  248px;
   height: 353px;
   float: right;

   background: url('img/image_addmsg_haut_droit.png');
}

#right-up-block-P
{
   width:  248px;
   height: 353px;
   float: right;

   background: url('img/image_P_haut_droit.png');
}

#right-up-block-W
{
   width:  248px;
   height: 353px;
   float: right;

   background: url('img/image_W_haut_droit.png');
}

#right-up-block-M
{
   width:  248px;
   height: 353px;
   float: right;

   background: url('img/image_M_haut_droit.png');
}


#right-down-block
{
   width:  208px;
   height: 95px;
   bottom: 0px;
   right: 0px;
   position: absolute;

   background: url('img/image_bas_droit.png');
}

#center-block
{
   position: absolute;
   top:   2.5%;
   left:  0%;
   width: 70%;
   height: 95%;

   padding: 0;
   overflow: auto;
   z-index: 400;   
}

#content
{
   padding-left: 5%;
   padding-right: 5%;
   padding-top: 5px;
   padding-bottom: 5px;
   
}

#content p
{
   text-align: justify;
}

.vide
{
   clear: both;
}

.demo
{
   float : right;
   top:   10%;

   border: 0px solid #FFFFFF;
}

#menu-entry-news
{
   position: absolute;
   top:   0%;
   width: 100%;
   left:  0%;

   text-align: right;
   font-weight: bold;
   text-decoration: none;
}

#menu-entry-concerts
{
   position: absolute;
   top:   15.5%;
   width: 100%;
   left:  0%;

   text-align: right;
   font-weight: bold;
   text-decoration: none;
}

#menu-entry-musique
{
   position: absolute;
   top:   31%;
   width: 100%;
   left:  0%;

   text-align: right;
   font-weight: bold;
   text-decoration: none;
}

#menu-entry-liens
{
   position: absolute;
   top:   46.5%;
   width: 100%;
   left:  0%;

   text-align: right;
   font-weight: bold;
   text-decoration: none;
}

#menu-entry-livre
{
   position: absolute;
   top:   62%;
   width: 100%;
   left:  0%;

   text-align: right;
   font-weight: bold;
   text-decoration: none;
}

#menu-entry-forum
{
   position: absolute;
   top:   77.5%;
   width: 100%;
   left:  0%;

   text-align: right;
   font-weight: bold;
   text-decoration: none;
}

#menu-entry-contacts
{
   position: absolute;
   width: 100%;
   bottom: 0%;
   left:  0%;

   text-align: right;
   font-weight: bold;
   text-decoration: none;
}




A.lien2:link 
{
   FONT-WEIGHT: bold;
   FONT-SIZE: 7.5pt;
   COLOR: #cdcdcd;
   FONT-FAMILY: "verdana";
   TEXT-DECORATION: none
}

A.lien2:visited 
{
   FONT-WEIGHT: bold; FONT-SIZE: 7.5pt; COLOR: #cdcdcd;
   FONT-FAMILY: "verdana"; TEXT-DECORATION: none
}

A.lien2:hover
{
   FONT-SIZE: 7.5pt; COLOR: #000000; FONT-FAMILY: "verdana";
   TEXT-DECORATION: underline
}

A.lien2:active
{
   FONT-SIZE: 7.5pt; COLOR: #000000; FONT-FAMILY: "verdana";
   TEXT-DECORATION: underline
}


A.lien3
{
   display: block;
}

A.lien3:link 
{
   FONT-WEIGHT: bold;
   FONT-SIZE: 14pt;
   COLOR: #FFFFFF;
	FONT-FAMILY:"lucida sans";
   TEXT-DECORATION: none
}

A.lien3:visited 
{
   FONT-WEIGHT: bold; 
   FONT-SIZE: 14pt; 
   COLOR: #FFFFFF;
FONT-FAMILY:"lucida sans";

   TEXT-DECORATION: none
}

A.lien3:hover
{
   FONT-WEIGHT: bold;
   FONT-SIZE: 14pt;
   color: #ffffff;
   FONT-FAMILY:"lucida sans";

   background-color: #000000;

   background-image: url('img/haut_gauche_inverse.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
   TEXT-DECORATION: none
}

A.lien3:active
{
   FONT-WEIGHT: bold;
   FONT-SIZE: 14pt;
   TEXT-DECORATION: none
   COLOR: #ffffff;
   FONT-FAMILY:"lucida sans";

   background-color: #000000;

   background-image: url('img/haut_gauche_inverse.png');
   background-repeat: no-repeat;
   background-attachment: fixed;
   TEXT-DECORATION: none
}



h0
{
   font-size: 2.0em;FONT-FAMILY: "copperplate gothic light";
   COLOR: #a5aea4;

}


h1
{
   font-size: 2.0em;FONT-FAMILY: "copperplate gothic light";

}

h2
{
   font-size: 1.2em;FONT-FAMILY:"verdana";
   font-weight: bold; 
   margin-top: 10px;

   color: #ffffff;
   background-color: #888380;
}

h3
{
   font-size: 1.0em;
   margin-top: 10px;
	margin-left: 10px;
	color: #000000
}


h4, h5, h6
{
   font-size: 0.8em;
   margin-top: 10px;
	margin-left: 20px;
}

hr
{
   color: #ffffff;
   background-color: #ffffff;
   height: 1px;
   border: 0px none;
}

table
{
   border-collapse: collapse;
   border: 2px #000000 solid;
   margin-bottom: 10px;
   margin-top: 10px;
  
   background-color: #cfd1ce;
   color: #000000;
}

table.table2
{
   border: 0px #000000 solid;
   width: 100%;
   background-color: #888372;
   color: #ffffff;
}

table.table3
{
   border: 0px #000000 solid;
   margin-top: 0px;

   background-color: #888372;
   color: #ffffff;
}

td
{
   padding: 5px;
   border: 1px solid #000000;

   background-image: url('img/haut_gauche_flou.png');
   background-repeat: no-repeat;
   background-attachment: fixed
}

.clair_com
{
   border: 0px solid #000000;
   background-color: #838076;

   background-image: url('none');
 }

.fonce_com
{
   border: 0px solid #000000;
   background-color: #888372;

   background-image: url('none');
}

.clair
{
   border: 0px #000000 solid;
   background-color: #838076;
}

.fonce
{
   border: 0px #000000 solid;
   background-color: #888372;
}

.clair_img
{
   border: 0px solid #000000;
   background-color: #838076;

   background-image: url('img/haut_gauche_flou.png');
   background-repeat: no-repeat;
   background-attachment: fixed
}

.fonce_img
{
   border: 0px solid #000000;
   background-color: #888372;

   background-image: url('img/haut_gauche_flou.png');
   background-repeat: no-repeat;
   background-attachment: fixed
}

th
{
   border-left: 1px #000000 solid;
   border-right: 1px #000000 solid;
   border-top: 1px #000000 solid;
   border-bottom: 3px #000000 solid;
   
   padding: 5px;
   text-align: center;
   font-weight: bold
}

#news_header
{
   text-align:  center;
   font-weight: bold;
}

.left
{
   text-align: left;
}

.center
{
   text-align: center;
}

.right
{
   text-align: right;
}

.barre
{
   text-decoration: line-through;
}