/* Pour enlever le cadre bleu autour d'un lien image */
a img
{
    border: 0;
}
/*---------------------------------------------------*/

a
{
    color: #501100;
    text-decoration:none;
}
a:hover
{
    color: #990000;
}




body
{
    
    margin-top: 0px;
    font: 0.7em "Verdana";
   background-color:#E0F0FF;
   height:100%;
   width:100%;
   padding:0;
   margin:0;
}

h1
{
font:1.8em bold "Verdana";
line-height: 18px;

}

h2
{
font:1.2em bold "Verdana";
line-height: 0px;

}

.alerte
{
color: #FF0000;
font: bold;
}
#main_cadre
{
    width:900px;
    margin:0 auto;
    background-color: #E0F0FF; 
    overflow:hidden;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    z-index:0;
}

#banniere
{
    width:900px;
    height:125px;
    border: 1px solid #E0F0FF;
    margin-top: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    z-index:0;
}



#contenu
{
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #A7A7A7;
    width:536px;
    margin:10px;
    padding: 10px;
    padding-top:0px;
    padding-bottom:0px;
    position: relative;
    float:left;
    background-color: #E0F0FF;
    z-index:0;
    height:100%;

    
}

#cadre_photo
{
   width: 170px;
   height:120px;
   position:relative;
   float:left;
   background-color: #E0F0FF;
}

#cadre_photo_compositeur
{
   width: 170px;
   position:relative;
   margin-right:10px;
   float:left;
   background-color: #E0F0FF;
}

#cadre_photo_fondateur
{
   width: 100px;
   position:relative;
   margin-right:10px;
   float:left;
   background-color: #E0F0FF;
}

#en_tete
{

  width: 356px;
  margin-left: 10px;
  position:relative;
  float: left;
  background-color: #E0F0FF;
}

#titre_description
{
  width: 536px;
  color: #676767;
  font: 1.6em "Verdana";
  background-color: #E0F0FF;
  float:left;
  padding-bottom: 3px;
  border-bottom: 2px solid;
  border-color: #A7A7A7;
  text-align: left;
}

#description
{
  width:536px;
  padding-top: 2px;
  padding-bottom: 5px;
  text-align: justify;
  background-color: #E0F0FF;
  float:left;
}

#description_compositeur
{
  width:538px;
  padding-top: 2px;
  padding-bottom: 5px;
  text-align: justify;
  background-color: #E0F0FF;
}

#description_compositeur p:first-letter 
{                      
  font-size: 3em;    
  color: #333399;    
  float: left;
}

#avis
{
  background-color: #F2F2F2;
 
}

#barre
{
    width:160px;
    margin: 0px;
    margin-top:10px;
    padding-top:0px;
    position: relative;
    float:right;
    background-color: #E0F0FF;

    padding-bottom:0px;
    margin-bottom;0px
}

#identification
{
    width:160px;
  /*  height:125px; */
    margin-bottom:0px;
    padding-bottom:0px;
    float:left;
    background-image: url('images/cadre_mid.gif');
    background-repeat: down-y;
}

#identification_haut
{
    width:160px;
    float:left;
    background-image: url('images/cadre_top.gif');
    background-repeat: no-repeat;
    padding-top:10px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#identification_bas
{
    width:160px;
    margin:0px;
    float:left;
    padding:0px;
    background-image: url('images/cadre_bot.gif');
    background-repeat: no-repeat;
    background-position:bottom;
    margin-bottom:0px;
    z-index:0;
}

#panier
{
    width:160px;
  /*  height:125px; */
    margin-bottom:0px;
    padding-bottom:0px;
    margin-top:5px;
    float:left;
    background-image: url('images/cadre_mid.gif');
    background-repeat: down-y;
}

#panier_haut
{
    width:150px;
    float:left;
    background-image: url('images/cadre_top.gif');
    background-repeat: no-repeat;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#panier_bas
{
    width:160px;
    margin:0px;
    float:left;
    padding:0px;
    background-image: url('images/cadre_bot.gif');
    background-repeat: no-repeat;
    background-position:bottom;
    margin-bottom:0px;
    z-index:0;
}


#news
{
    padding:15px;
}

#disco
{
    padding:20px;
}

#mep2 p:first-letter 
{                       /* Pour la première lettre de chaque paragraphes : */
  font-size: 5em;                  /* Utiliser une police large */
  font-weight: bold;                   /* Et grasse                 */
  color: #501100;    
  float: left;                  /* De couleur bleu foncée    */
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


#barre_gauche
{
float:left;
width:160px;
margin:0px;
padding:Opx;

}

/* MENU */

#menu
{
margin-top:10px;
font: 0.9em "Verdana";
width: 160px;
padding-top: 0px; 
float:left;
background-color: #E0F0FF;

}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 35px;
line-height: 20px;
text-align: center;
font-weight: bold;
background-image: url('images/menu.gif');
}

#menu li {
text-align: center;
background: #E0F0FF;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover {
background: #C0E0FF;
}

#menu dt a:hover {
background-image: url('images/menu2.gif');

}
/* FORMULAIRES */

form.identification {
margin-top:3px;
margin-bottom:3px;
padding:1px;
padding-bottom: 10px;
width:150px;
}

form.contact {
margin-top:3px;
margin-bottom:3px;
padding:1px;
padding-top: 10px;
padding-bottom: 10px;
width:400px;
}

/* Div propres aux lightbox */

#filter 
{
display:none;
position:absolute;
margin:0;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#CCA;
z-index:10;
opacity:0.3;
filter:alpha(opacity=30);
}


#box
{
display:none;
position:absolute;
top:40%;
left:20%;
padding:20px;
border-style:solid;
border-width:1px;
border-color:black;
width:500px;
height:250px;
background-color:#E0F0FF;
z-index:11;
}


#bas{
position:relative;
float: right;

}