/*  -----------------------------------------------------------------*/
/*  Css de la Maison de l'Art et de la Communication */
/*  -----------------------------------------------------------------*/

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Styles generaux
/*  ------------------------------------------ */

/******************************************************************
************************page index*********************************
******************************************************************/
/* #boite {
     width: 50em;
     height: 50em;
     background: #FFFFFF;
} */

#pageindex {
     background-image: url('images/logomac.png') ;
     background-repeat:no-repeat;
  /* margin:0 auto 0 auto; */
     position:absolute;
     left: 50%;
     top: 48%;
     width: 20em;
     margin-left: -10em; /* moitié de la largeur */
     height: 20em;
     margin-top: -10em;  /* moitié de la hauteur */
     }

#entrer {
        background-image: url('images/entrer.png') ;
	background-repeat:no-repeat;
        width: 20em;
        margin-left: -10.5em;  /*moitié de la largeur */
  	position: absolute;
  	left: 52%;
        top: 78%;
        height: 20em

        }

/******************************************************************
************************page agenda******************************
******************************************************************/

#page {
       width: 780px;
       margin-top: 5px;
}

#conteneur  {
  width: 780px;
}

#contenant {
  width: 650px;
}
            
#bandeau {
        background-image: url("images/index-site-mac-08-11-07-age.png");
        background-repeat:no-repeat;
        width: 780px;
        height: 115px;
        clear: both;
        /* position: absolute;
        top: 10px;
        left: 450px;
        height: 35px; */

}

#gauche {
      width: 128px;
        height: 280px;
        margin-left: 0px;
        float:left;
        z-index: 1;
}

#gauche1a {
        background-image: url("images/index-site-mac-08-11-07-03.png");
        background-repeat:no-repeat;
        width: 128px;
        margin-top: 0px;
        height: 31px;
        float: left;
        clear: both;
}
#gauche1b {
        background-image: url("images/index-site-mac-08-11-07-07.png");
        background-repeat:no-repeat;
        width: 39px;
        height: 250px;
        float:left; 
        clear: both;
        }

#accueil {
        background-image: url("images/index-site-mac-08-11-07-08.png");
        background-repeat:no-repeat;
        width: 88px;
        height: 15px;
        z-index: 1;
        float:left;
}

#programmation {
        background-image: url("images/index-site-mac-08-11-07-13.png");
        background-repeat:no-repeat;
        width: 88px;
        height: 15px;
        margin-top: 0px!important;
        margin-top: -4px;
        z-index: 1;
        float:left;
}

#mediatheque {
background-image: url("images/index-site-mac-08-11-07-17.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 20px;
        z-index: 1;
        float:left; 
        }

#ecm {
background-image: url("images/index-site-mac-08-11-07-15.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 22px;
        margin-top: 0px!important;
        margin-top: -4px;
        z-index: 1;
        float:left; 
        }
        
#eveil {
background-image: url("images/index-site-mac-08-11-07-24.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 44px;
        z-index: 1;
        float:left; 
        }
        
#theatre {
background-image: url("images/index-site-mac-08-11-07-18.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 20px;
        z-index: 1;
        float:left; 
        }

#danse {
background-image: url("images/index-site-mac-08-11-07-20.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 22px;
        z-index: 1;
        float:left; 
        }

#musique {
background-image: url("images/index-site-mac-08-11-07-21.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 21px;
        z-index: 1;
        float:left; 
        }

#artsp {
background-image: url("images/index-site-mac-08-11-07-22.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 34px;
        z-index: 1;
        float:left; 
        }

#multimac {
background-image: url("images/index-site-mac-08-11-07-25.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 20px;
        z-index: 1;
        float:left; 
        }


#cadrebas {
background-image: url("images/index-site-mac-08-11-07-26.png");
        background-repeat:no-repeat;
         width: 88px;
        height: 22px;
        z-index: 1;
        float:left; 
        }

/* #barrebleue {
        background-image: url("images/barrebleue.jpg");
        background-repeat:repeat-y;
        width: 11px;
        height : auto !important;
        height: 317px;
        min-height : 307px;
        position: absolute;
        margin-left:130px;
        z-index: 1;
} */

#blanc {
background-image: url("images/index-site-mac-08-11-07-04.png");
        background-repeat:no-repeat;
        width: 474px;
        height: 31px;
        z-index: 1;
        float:left;

        }

#presentation {
background-image: url("images/index-site-mac-08-11-07-05.png");
        background-repeat:no-repeat;
        width: 92px;
        height: 31px;
        z-index: 1;
        float:right;
        }

#infosprat {
background-image: url("images/index-site-mac-08-11-07-06.png");
        background-repeat:no-repeat;
        width: 86px;
        height: 31px;
        z-index: 1;
        float:right;
        }

#logorubrique {
        width: 50px;
        height: 50px;
        position: absolute;
        margin-top: 5px;
        margin-left:130px;
        float:left; }

#dates {
        width: 100px;
        height: 70px;
        position: absolute;
        margin-top:50px;
        margin-left:130px;
 }
 
#public {
        width: 100px;
        height: 70px;
        position: absolute;
        /* margin-top:150px; */
        margin-left:130px;
 }

#prochain-ev {
  background-image: url("images/prochain_ev.png");
        background-repeat:no-repeat;
        width: 150px;
        height: 30px;
        position: absolute;
        margin-top:5px;
        margin-left:335px;
 }

#titre-ev {
        width: 450px;
        height: 150px;
        position: absolute;
        margin-top:20px;
        margin-left:185px;
}

#date {
        width: 200px;
        height: 20px;
        margin-top:1px;
        margin-left:174px;
 }

#logo-ev {
        width: 450px;
        height: 400px;
        position: absolute;
        margin-top:-17px;
        margin-left:85px;
}

#agenda-haut {
        background-image: url("images/agenda-haut.png");
        background-repeat:no-repeat;
        width: 150px;
        height: 35px;
        border-left-width: 1px;
        border-left-style: solid;
        border-right-width: 1px;
        border-right-style: solid;
        clear: bottom;
        float: right;
}

#agenda  {
        width: 150px;
        float: right;
        }

#agenda-corps {
        background-color: #D9E9F9 ;
        width: 150px;
        /* position: absolute;
        top: 45px;
        left: 450px;
        height: 200px; */
        border-left-width: 1px;
        border-left-style: solid;
        border-right-width: 1px;
        border-right-style: solid;
        float: right;
        }

#agenda-bas {
        background-image: url("images/agenda-bas.png");
        background-repeat:no-repeat;
        width: 150px;
        height: 35px;
        float: right;
}

#pied {
        background-image: url("images/footer.png");
        background-repeat:no-repeat;
        width: 780px;
        height: 46px;
        margin-top: 6px;
        float: right;
        z-index: 2; 
        /* position: absolute;
        top: 10px;
        left: 450px;
        height: 35px; */

}