/*positionnement général*/
html,body {margin:0; padding:0;height:100%;}
body{background:#d0d9f8 url(../IMG/fond_fleuri_int.jpg) 50% 15px no-repeat;}
html > body {background-position:50% 0px;*background-position:50% 20px;}
body.acc{background:#d0d9f8 url(../IMG/fond_acc.jpg) 50% 0px;}
img{border:0;}
input.champ, textarea.champ{width:300px;border:1px solid #666;background:#FFF url(../IMG/fd_forms.gif) repeat-x;}
textarea.champ{width:300px;height:80px;}
label{}

div.txtOk{float:left;width:92%;padding:5px 0px 5px 7%;background:#00CB00 url(../IMG/btn_ok.png) 5px 3px no-repeat;}
div.txtBad{float:left;width:92%;padding:5px 0px 5px 7%;background:#CB0000 url(../IMG/btn_bad.png) 5px 3px no-repeat;}

div.touteActu{clear:both;float:left;margin-top:10px;width:100%;}
div.readspeak{clear:both;float:left;margin:5px 0px 5px 0px;width:100%}

/* Fenetre d'erreur*/
#wErr{position:absolute;padding:3px;z-index:300;background:#4B4944 left repeat-x;border:2px solid #CCC;visibility:hidden;display:none;}

/*page*/
#page{margin-left:auto;margin-right:auto;width:990px;}

  /*headerHome*/
  #page #headerHome{float:left;width:100%;}
      #page #headerHome #logo{float:left;margin-top:20px;width:274px;height:270px;}
      #page #headerHome #logo #logImg{float:left;margin-top:45px;}
      #page #headerHome #topMenu{float:right;margin-top:10px;height:22px;}
        #page #headerHome #topMenu input.rech{vertical-align:middle;padding-left:25px;padding-right:5px;width:136px;height:22px;border:0px;background:url(../IMG/recherche.jpg) no-repeat;}
        #page #headerHome #topMenu input.sub{margin-top:-2px;vertical-align:middle;width:20px;height:20px;}
      #page #headerHome #mainMenu{float:left;margin-top:185px;margin-left:1px;width:587px;height:50px;background:url(../IMG/menu_haut_acc.jpg) no-repeat;}
      html > body #page #headerHome #mainMenu{margin-top:221px;*margin-top:203px;}
        #page #headerHome #mainMenu div{float:left;margin-right:5px;}

  /*header*/
  #page #header{float:left;width:100%;}
      #page #header #conteneurMenu{float:left;width:100%;height:203px;background:url(../IMG/head_votreville.jpg) 200px 0px no-repeat;}
      #page #header #logo{float:left;width:212px;height:203px;}
      #page #header #logo #logImg{float:left;margin-top:30px;}
      #page #header #topMenu{float:right;margin-top:10px;height:22px;}
        #page #header #topMenu input.rech{vertical-align:middle;padding-left:25px;padding-right:5px;width:136px;height:22px;border:0px;background:url(../IMG/recherche.jpg) no-repeat;}
        #page #header #topMenu input.sub{margin-top:-2px;vertical-align:middle;width:20px;height:20px;}
      #page #header #mainMenu{float:left;margin-top:95px;width:624px;height:50px;}
      html > body #page #header #mainMenu{margin-top:120px;}
        #page #header #mainMenu div{float:left;margin-right:5px;}
        
  /*leftHome*/
  #page #leftHome{float:left;margin-left:14px;width:247px;}
  html > body #page #leftHome{margin-left:28px;*margin-top:-6px;}
    #page #leftHome #accesDirect{float:left;padding-top:20px;padding-left:25px;padding-bottom:20px;min-height:100px;width:222px;background:url(../IMG/dessous_fond_gauche_acc.jpg) no-repeat;}
      #page #leftHome #accesDirect h2{margin-top:5px;margin-bottom:5px;}
    #page #leftHome #nouveauSite{float:left;padding-top:20px;padding-left:25px;padding-right:27px;padding-bottom:20px;min-height:127px;width:195px;background:url(../IMG/acc_nouveau.jpg) no-repeat;}
      #page #leftHome #nouveauSite h2{margin-top:5px;margin-bottom:5px;}
    #page #leftHome img{clear:both;float:left;}
  
   /*left*/
  #page #left{float:left;width:210px;}
    #page #left #leftMenu{float:left;padding-top:20px;padding-left:25px;width:185px;background:#fff url(../IMG/ss_menu_int2.jpg) no-repeat;}
      #page #left #leftMenu ul{margin:10px;padding:0px;list-style-image:url(../IMG/puce_verte.gif);}
      #page #left #leftMenu li{margin-top:5px;margin-bottom:5px;}
      #page #left #leftMenu li.sel{list-style-image:url(../IMG/puce_grise.gif);}
    #page #left #calenda{float:left;padding-top:20px;padding-left:20px;width:190px;background:#fff url(../IMG/fond_calendrier.jpg) no-repeat;}
      #page #left #calenda h2{margin-bottom:5px;}
      #page #left #calenda th, #page #left #calenda td{width:25px;}
      #page #left #calenda td.vide{background-color:#D0D5D8;}
      #page #left #calenda td.actif{background-color:#0B3857;}
    #page #left #blocActu{float:left;padding-top:20px;padding-left:20px;width:190px;background:#fff url(../IMG/acc_nouveau.jpg) no-repeat;}
      #page #left #blocActu h2{margin-bottom:5px;}
      #page #left #blocActu a{clear:both;float:left;margin-bottom:5px;}
    #page #left img{clear:both;float:left;}
  
  /*centerHome*/
  #page #centerHome{float:left;width:598px;min-height:400px;margin-top:-1px;}
  html > body #page #centerHome{margin-top:0px;*margin-top:-5px;}
    #page #centerHome #aLaUne{float:left;padding:10px 20px 0px 20px;width:558px;background:url(../IMG/fond_alaune_acc.jpg) no-repeat;}
      #page #centerHome #aLaUne span.lecteur{float:left;width:100%;}
      #page #centerHome #aLaUne h2{float:left;margin-top:10px;margin-bottom:10px;width:100%;}
      #page #centerHome #aLaUne div.blocAlaUne{float:left;margin-bottom:10px;width:100%;}
        #page #centerHome #aLaUne div.blocAlaUne img{float:left;margin-right:10px; margin-top:5px;}    
        #page #centerHome #aLaUne div.blocAlaUne p{clear:right;margin-top:5px; margin-right:20px; padding:0px;}     
    #page #centerHome #blocActu{float:left;margin-top:20px;padding:20px;min-height:135px;width:558px;background:url(../IMG/fond_actu.jpg) no-repeat;}
      #page #centerHome #blocActu h2{margin-top:5px;margin-bottom:5px;}

  /*centerArticle*/
  #page #centerArticle{float:left;padding:20px;width:546px;min-height:400px;background:url(../IMG/fond_page_int.jpg) no-repeat;}
    #page #centerArticle h1{margin-top:5px;}
    #page #centerArticle h2{margin:15px 0px;}
    #page #centerArticle ul{margin:0px;padding:0px;margin-left:15px;list-style-image:url(../IMG/puce_verte.gif);}
    #page #centerArticle img{margin:5px 10px;}
    #page #centerArticle .lstActus{clear:both;float:left;margin-bottom:10px;width:100%;}
    #page #centerArticle .lstActus h1{border-bottom:1px solid #ccc;}
    #page #centerArticle .lstActus h2{border-bottom:1px solid #ccc;}
    #page #centerArticle .lstActus h3{clear:both;float:left;margin:0px;padding:0px;margin-bottom:5px;width:100%;}
    #page #centerArticle .lstActus p{clear:both;float:left;margin:0px;padding:0px;width:100%;}
    #page #centerArticle #lecteurZoom{clear:both;margin-top:20px;width:99%;text-align:center;border:1px solid #666;}
	  #page #centerArticle #etatCivil{clear:both;padding:10px;border:1px solid #333;}
	  #page #centerArticle div.moreInfo{float:left;margin-top:20px;width:100%;}
	
/*tableau*/
#page #centerArticle table tr{vertical-align:top;}
#page #centerArticle table.tablePart td{border-bottom:1px solid #ccc;}
#page #centerArticle table.tablePart td img{margin:0px; padding:0px;}
#page #centerArticle table.tablePart th{background-color:#6ab1dd; color:#FFFFFF; vertical-align:middle; text-align:center; padding:5px; margin:5px;}
#page #centerArticle table.tablePart th p{margin:0px; padding:0px;}
  
  /*right*/
  #page #right{float:left;width:194px;}
    #page #right #nouveauSite{float:left;margin-top:24px;padding-top:20px;padding-left:15px;padding-right:15px;padding-bottom:20px;width:162px;background:url(../IMG/page_liees.jpg) no-repeat;}
      #page #right #nouveauSite h2{float:left;margin-top:5px;margin-bottom:5px;width:100%;}
      #page #right #nouveauSite a{float:left;margin-top:5px;width:100%;}
    #page #right #accesDirect{float:left;margin-bottom:5px;padding-top:20px;padding-left:15px;padding-bottom:20px;width:177px;background:url(../IMG/acces_direct_int.jpg) no-repeat;}
      #page #right #accesDirect h2{float:left;margin-top:5px;margin-bottom:5px;width:100%;}
      #page #right #accesDirect a{float:left;margin-top:5px;width:100%;}
    #page #right img{clear:both;float:left;margin-bottom:5px;}
  
  /*footer*/
  #footer{float:left;padding-top:100px;width:100%;height:52px;background:url(../IMG/footer.jpg) 50% 0px;}
    #footer #footerContent{margin-left:auto;margin-right:auto;width:990px;}

#maskOmbre{position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(../IMG/maskOmbre.png);visibility:hidden;}
#maskOmbre:hover{cursor: pointer;}
#flashGalerie{position:absolute;margin:auto;width:auto;height:auto;visibility:hidden;}
#quickeglise{position:absolute;margin:auto;width:auto;height:auto;visibility:hidden;display:hidden;}
#quickpetitMusee{position:absolute;margin:auto;width:auto;height:auto;visibility:hidden;display:hidden;}
#livreFlash{position:absolute;margin:auto;width:auto;height:auto;visibility:hidden;}
