/***********************/
/* tourisme spectacles */
/***********************/

div.spectacleGauche{
	float:left;
	width:280px;
	margin-bottom: 5px;
}

div.spectacleDroit{
	float:right;
	width:280px;
	margin-bottom: 5px;
}

div.spectacleDroit a, div.spectacleGauche a{
	text-decoration:none;
}

div.spectacleDroit img, div.spectacleGauche img{
	margin-bottom:5px;
}

div.spectacleGauche span, div.spectacleDroit span{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}

div#listeSpectacles{
	float:left;
}

/******************/
/* Pige étudiante */
/******************/

div#pigeEtudiante{
	width:345px;
	border:0px solid;
	padding:0 10px 0 230px;
        margin-left: 5px;
	height:69px;
	background: #336699 url("../images/maville/Emploi_Etudiant_N3_01.gif") 0 0 no-repeat;
	font-size:1.7em;
	color: #fff;
}

div#pigeMessageErreur{
    border: 1px solid;
    padding: 10px 10px 10px 30px;
    background: #efe2a7;
}

div#pigeMessageErreur li{
    padding: 3px;
    color: #f00;
    list-style-type: square;
}

div#entetePigePrepage{
      text-align: center;
}

div#entetePigePrepage font{
    color: #f00;
    font-weight: bold;
    font-size:16px;
}

div#entetePigePrepage h1{
     font-size: 2em;
}


div#pourInformation{

    margin-bottom:30px;
}

div#inscriptionPige{
    padding: 0 10px;
    font-size: 12px;
    font-family: verdana, arial, helvetica;
}

div#inscriptionPige font{
    color: #f00;
}

div#inscriptionPige span{

}

div#inscriptionPige ul{

}

div#inscriptionPige ul li{
     font-size: 12px;
     list-style: square;
     padding: 3px;
}

div#inscriptionPige h2{
    font-size: 16px;
    padding: 2px 5px;
}

div#inscriptionPige h4{
    font-size: 14px;
    padding: 2px 0px;
}

div#inscriptionPige h3{
    background: #bfcbe2;
    font-size: 14px;
    padding: 2px 5px;
}

div#inscriptionPige h5{
    font-size: 12px;
    margin: 0;
}

div#inscriptionPige a{
    font-size: 17px;
    margin-right: 15px;
}

.alignerInput{
   margin: 4px 0;
}

.alignerInput p{
   font-weight: bold;
   margin-left: 70px;
}

.alignerInput div{
    float:left;
    width:150px;
}

.alignerInput .plusGrand{
    width:280px;
}

.alignerInput .plusPetit{
    width:40px;
    height:40px;
}

.gris{
    background: #cccccc;
}

div#confirmation{
    padding:0 10px;
    font-size: 12px;
}

div#confirmation h4{
   margin-top: 0;
}

div#entetePigeResultat{
    font-size: 12px;
    padding: 0 10px 10px 10px;
}

div#entetePigeResultat h1{
     font-size: 2em;
     margin-top:0;
}

div#entetePigeResultat h2{
     font-size: 1.7em;
}

div#entetePigeResultat h3{
     font-size: 1.3em;
     background: #bfcbe2;
     padding:2px;
}

div#entetePigeResultat h4{
     font-size: 12px;
}

div#entetePigeResultat ul li{
     font-size: 12px;
     list-style: square;
     padding: 3px;
}



/******************/
/*    Élections   */
/******************/



.cadreSpectacle {
    padding:0 0 2px 0;
    border:0px solid #000;
    margin-right:10px;
    margin-left:5px;
    font-size:12px;
    line-height:20px;
    text-align: left;
}

.cadreSpectacle hr{
	margin-bottom:5px;
}


.cadrePage {
    padding:0 0 2px 0;
    border:0px solid #000;
    margin-right:10px;
    margin-left:5px;
    font-size:12px;
    line-height:15px;
    text-align: left;
}

div.cadrePage a{
    font-size:12px;
}

div.cadrePage ul li{
    list-style-type: square;
    font-size: 12px;
    line-height:15px;
}

div.cadrePage table#elections tr th{
        text-align: left;
}

div.cadrePage table#elections tr th a{
   color: #fff;
}

div.cadrePage table#elections  tr th a:hover{
   color: #f00;
}

div.cadrePage table#elections tr td, div.cadrePage table#calendrierElectoral tr td{
   border-bottom:1px solid #000;
}

div.cadrePage table#calendrierElectoral tr td{
	font-size:12px;
	text-align:left;
}

div.cadrePage table#calendrierElectoral tr td:first-child{
	font-weight:bold;
}

div#calendrierElectoralTitre{
	background: #444E45;
	padding: 8px 0;
	margin-top:20px;
	padding-left:15px;
	color: #fff;
}

div#calendrierElectoralTitre h2{
	margin:0;
}


/****************/
/* A surveiller */
/****************/

div#elections2005{
     border:2px solid #444e45;
     width:200px;
     padding: 7px;
     font-weight: bold;
     background: #444e45;
}

div#elections2005 a{
    color: #fff;
}

div#elections2005 a:hover{
    color: #f00;
}

.contenuElection{
	border:1px solid #293e1a;
	padding: 5px 10px;
	background-color:#444e45;
	display:block;
	color: #fff;
	text-align:left;
}

.contenuElection span{
	color: #fff;
}

div.contenuElection a{
	color: #fff;
}

div.contenuElection ul{
	margin-bottom:0;
}

div.contenuElection ul li{
	list-style-type: square;
        font-size: 12px;
}

div.contenuElection ul li a, div.contenuElection ul li a:visited{
	font-size: 12px;
	color: #fff;
	font-weight:bold;
}

div.contenuElection ul li a i{
	font-size: 10px;
	color: #999;
}

div.contenuElection ul li a:hover{
	font-size: 12px;
	color: #f00;
}

div.contenuElection ul li a i:hover{
	font-size: 10px;
	color: #f00;
}

.enteteElection{
	color: #000;
	border: 1px solid;
	border-bottom: none;
	padding-top: 7px;
	padding-left: 5px;
}

div.enteteElection span{
	color: #000;
	font-size:16px;
	font-weight:bold;	
}

div.enteteElection a{
	color: #000;
	font-size:16px;
	font-weight:bold;	
}

div.enteteElection a:hover{
	color: #f00;
	font-size:16px;
	font-weight:bold;	
}

.fondCalendrierTitre{
	border:0px solid;
}

.titreMenu{
	color: #000;
}

.titreSection{
	background: #444e45;
}

/**************/
/*    PGMR    */
/**************/


div#menuPuce{
        width:70%;
        padding:0 10px;
        margin: 20px auto;
}

div#recyclage{
    background: url("../images/maville/bande_recyclageMotif.jpg") top right no-repeat;
    margin-top: 15px;
}

div#recyclage_contenu{
        width:465px;
}

div.cadrePage span{
    font-weight: bold;
}

div.cadrePage a{
    font-size:12px;
    padding-bottom:5px;
}

div.cadrePage ul li{
    list-style: square;
    margin-bottom: 5px;
    font-size:12px;
}

div.cadrePage ul li a{
    font-size:12px;
}

div.cadrePage ul#fosse_installation li{
    list-style-type: decimal;
    font-size:12px;
    margin-left:0px;
    margin-bottom: 10px;
}

ul.matiere li{
   font-size: 12px;
   margin-left: 4px;
}

div.cadrePage div#menuRecyclage{
  float:right;
  margin-bottom:10px;
}

div.cadrePage div#recyclageEncadre{
   padding:10px;
   background: #c8e5dd;
   width:330px;
}

div.cadrePage div#recyclageEncadre h2{
   margin:0;
}

div.cadrePage div#recyclageEncadre h3{
   margin:0;
}

div.cadrePage div#recyclageEncadre2{
   padding:10px;
   background: #c8e5dd;
}


div.cadrePage ul#menuRecyclage{
  margin-top:0;
}

div.cadrePage ul#menuRecyclage li{
   margin:0;
}

div.cadrePage ul#menuRecyclage li a{
   font-size: 10px;   
}

div.cadrePage p{
    border:0px solid #999999;
    font-size:12px;
    line-height:15px;
}


div.cadrePage table#environnement{
    width: 85%;
    border: none;
    table-layout: fixed;
    border-top: 1px solid #000;
}

div.cadrePage table#environnement tr{

}

div.cadrePage table#environnement tr td{
    vertical-align: middle;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #000;
}


div.cadrePage img{
    margin-right:15px;
}

.contenuDroit{
    float:right;
    width:200px;
    margin-right:20px;
    text-align:center;
    border:0px solid #000;
    position: relative;
}

.contenuDroit div#matiere_residuelle_note{
    margin-top: 20px;
    padding: 5px;
    border: 1px solid #0066ff;
}

.contenuDroit div#matiere_residuelle_note img{
    margin-right:5px;
} 

.contenuClear{
    clear:right;
}


div.cadrePage table#tabQuoiFairePasBacbleu{
    width: 100%;
    border: none;
    table-layout: fixed;
    border-top: 1px solid #000;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr{

}

div.cadrePage table#tabQuoiFairePasBacbleu tr#enteteTabQuoiFairePasBacbleu{
    background: #3260a2;
    font-weight:bold;
    text-align: center;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr#enteteTabQuoiFairePasBacbleu td{
    font-size:14px;
    color: #fff;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr td{
    vertical-align: top;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #000;
    font-size:10px;
    line-height:13px;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr td a{
    font-size:10px;
    line-height:13px;
}

div#signature_mot_maire{
     background: url("../images/maville/souligne_maire.jpg") 0 0 no-repeat;
     width: 580px;
     height:75px;
}

/************/
/* Ma ville */
/************/

div#pub1{
	margin-left:10px;
	border:1px solid #000;
	width:150px;
	background: url("../images/bannierePublicite/info_loisir_2009.jpg");
	height: 58px;
	float:left;
	font-size:10px;
	padding: 7px 5px 5px 5px;
}

div#pub1 a{
  margin-bottom:5px;
  display:block;
  font-size: 12px;
}

div#pub2{
	margin-left:10px;
	border:1px solid;
	width:203px;
	/*background: url("../images/bannierePublicite/centreShipshaw.jpg"); */
	height: 70px;
	float:left;
}

div#pub3{
	margin-left:10px;
	border:1px solid;
	width:203px; /* 190 */
	/*background: url("../images/bannierePublicite/petit_bac_grand.jpg"); */
	height: 70px;
	float:left;
	margin-bottom:5px;
}

div#pub4{
	margin-left:10px;
	float:left;
	margin:0px 85px 0 70px;
}

/***********/
/* Accueil */
/***********/

div#coordonnee_maville{
    height:115px;
    margin:5px 10px 0 10px;
    font-size: 10px;
    background: url("../images/maville/hotelVille_maVille.jpg") top right no-repeat;
    
}

div#heures{
	float:right;
	margin-right:150px;
	margin-top: 30px;
	font-size: 10px;
	width:200px;
}

/*********/
/* blank */
/*********/

div#cadreSectionBlank{
     margin: 0 20px;
}

div#cadreSectionBlank div.contenuDroit{
     margin-right: 100px;
     text-align: left;
     width:350px;
}

div#cadreSectionBlank li{
     list-style: none;
     margin-top:5px;
     margin-left:30px;