/* fond de page */
body {
color: #933;
margin: 0;
background-image: url('images_html/sable.jpg');
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align:center;
	}

/* style général qui centre la page */
.global {
width: 750px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:center;
} 

#liens_haut
{
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
}

#liens_haut a
{
	text-decoration: none;
	font-weight: bold;
}

/* le blox header: bandeau mouette */
.leblocheader
{
	margin-top: 15%;
	width:750px;
	background-image: url(images_html/bandeautitre.jpg) no-repeat center;
	border: 1px solid #000;
}


/* le bloc menu header */
.leblocmenuheader
{
	background-image: url('images_html/M_headermenu.gif');
	width: 748px;
	height: 18px;
	border-top: 1px solid #000;
	text-align: center;
	font-weight: bold;
}

/* le lien index triolesmouettes.com */
.lienhome {
	position: absolute;
	left: 550px;
	top:70px;
	font-weight: bold;
	text-align: left;
	z-index: 1;
}
/* le lien myspace.com/lesmouettes */
.lienmyspace {
	position: absolute;
	left: 300px;
	top:70px;
	font-weight: bolder;
	text-align: left;
	z-index: 1;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: blink;
}
/* les liens: options du menu header    --------------------------------------------------------*/
.lien {
padding-right: 20px;
padding-left: 20px;
}
/* le bloc contenu de la page              -----------------------------------------------------*/
.lebloccontenu {
background-image: url('images_html/M_contenu.gif');
border: 1px solid #000000;
margin-top:5px;
width: 750px;
}

/* page index: bloc presentation trio dans index      ------------------------------------------*/
.trio {
float: left;
width: 310px;
margin-left:55;
text-align: center;
font-size: 100%;
font-weight: bold;
}

/* page index : bloc lien flash       ----------------------------------------------------------*/
.lienflash {
text-align: left;
float: right;
margin-right:10;
width: 200px
}


/* affichage des CD et leurs titres  --------------------------------------------------------*/
/* 3 blocs imbriqu³s, cd1ou cd2/bloc2/bloc3 (texte)                                          */
/* l'img du CD est fond du bloc CD1 ou CD2                                                   */
/* bloc2 definit un espace ou on met le bloc3 du texte                                       */
/*  (solution vu ds OpenWeb pr convenir ö dif browsers)                                      */

      .bloccd1 {
       width : 500px;
      	height : 208px;
      	color : #900;
		background-color: #CCC;
	   	margin-right:auto;
	   	margin-left:auto;
       	margin-bottom : 15px;
      	background-image : url('images_html/PochettDisk1.jpg');
       	background-position : 5 5;
      	background-repeat : no-repeat;
      }
      .bloccd2 {
       	width : 500px;
      	height : 208px;
      	color : #AAA;
       	background-color: #933;
	   	margin-right:auto;
		margin-left:auto;
       	margin-bottom : 30px;
      	background-image : url('images_html/PochettDisk2.jpg');
       	background-position : 5 5;
      	background-repeat : no-repeat;
      }
/*   overflow barre de defilt si texte depasse le bloc 2                                */
      .bloc2{
      	width : 500px;
      	height : 208px;
      	border : 1px solid #000;
      	overflow : auto;
      }
/*   cadrage du texte dans le bloc                                                                     */
      .bloc3 {
      	padding : 40px 0 0 210px;
      }	
/*fin affichage CD -------------------------------------------------------------------------*/

/*   infos contact Mouettes et Production                                                    */
     .bloccontactP{
	  margin-right:auto;
	  margin-left:auto;
      margin-top : 15px;
      background-color: #eee;
      width : 500px;
      height : 170px;
      border: double #933 4px; 
      }
     .bloccontactM{
	  margin-right:auto;
	  margin-left:auto;
      margin-top : 15px;
      margin-bottom : 40px;
      background-color: #eee;
      width : 500px;
      height : 130px;
      border :  double #933 4px;
      }

/* styles de texte (attach³ ö 1 balise : pas de '.' )        -------------------------------*/
h2 {
font-style: italic;
}
a {
color: #400;
text-decoration: underline;
}
a:hover {
color: #400;
text-decoration: none;
border:1px #400 solid; 
}
/* titre des chansons dans les bloc defilants CD       ----------------------------------*/
li {
font-weight : bold ; 
 }
 
/* agenda affiche ö partir de agenda.xml li³ ö affich_agenda.xsl      ----------------*/
 table {
  cellspacing :0px;
  cellpadding :3px; 
 margin-left : 4px;
 margin-right : 4px;
 margin-bottom : 40px;
 border: 1px solid #993333;
 color: #400;
 }
 tr {
 background-color:#AAA;
 font-size: 30%;
 text-align:left;
	}
	
/*  CLEAR pour les blocs float, permet de ne pas deborder hors le bloc contenant -----------*/
/* ATTENTION : tjrs METTRE EN FIN des CSS car perturbe l'interpr³tation des rgles CSS -------*/
.spacer { 
clear: both;
}