body {margin:0; text-align:center;font-family:  Verdana, Arial, Helvetica, Sans-Serif; font-size: 75%;margin:0; padding:0; width:100%; height:100%; background-color:#0056ad}

table {margin:0; border:0; border-collapse:collapse}
th, td {padding:0;margin:0}
div {padding:0;margin:0}
object, embed {border:0; margin:0; padding:0}

#containerpage {margin-left: auto; margin-right: auto; position: relative; width:950px; text-align: center;}
.bordure{border: 1px solid #64B680;}
.absolu {position:absolute; left:auto; z-index:60; visibility: visible; }

/* images et couleurs */
/* images communes */
.couleur_blanche{background-color:#fff;}
.banniere {background-image: url("images2/banniere.jpg"); height: 130px; width: 950px; background-repeat: no-repeat}
.menu {background-image: url("images2/menu.jpg"); background-color:#1c8840; height: 30px; width: 95Opx; background-repeat: no-repeat}
.fond_col {background-image: url("images2/fond_col.jpg");  width: 203px;}
.haut_col {background-image: url("images2/haut_col.jpg"); height: 55px; width: 203px; background-repeat: no-repeat}
.chapeau_fond  {background-image: url("images2/chapeau_fond.jpg");  width: 203px;}
.chapeau {background-image: url("images2/chapeau.jpg"); height: 40px; width: 203px; background-repeat: no-repeat}
.milieu {background-image: url("images2/haut_contenu.jpg"); height: 55px; width: 747px; background-repeat: no-repeat}
.tirets{background-image: url("images2/tirets.jpg"); height: 1px; width: 747px; background-repeat: no-repeat}


/* menu auto */
.menus {position:absolute;left:auto; height: 29px; z-index:60;}
.calque {position:relative; left:auto; z-index:60; visibility: visible; height:29px; }
.calqueF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:29px; margin-top: -29px}
.sous_calque {position:absolute; left:auto; z-index:60; visibility: hidden; width:100%;}

.menu_couleur{background-color:#0966b3}
.lienmenu {color: #fff; background-color: #0966b3}
.lienmenufin{color:#fff; background-color: #0966b3}
.lienmenu:hover {color: #D2E9FF; background-color: #0966b3}
.lienmenufin:hover{color: #D2E9FF; background-color: #0966b3}
.menu_btn{height: 30px; background-repeat: repeat-x}
.menu_btn{color: white; font-size:1em; padding-left: 18px; padding-right:18px; font-weight:bold; width:100%}
.menu_btnF2{text-align: left; padding-left: 18px; padding-right: 18px; width:100%}
.menu_btnF2 a{color: #D2E9FF; height:30px; font-size:1em; font-weight:bold;}


/* rub */
.tarub {width:100%; text-decoration: none; font-size:0.9em;padding-right:20px;}
.tdrub {width:100%; padding-right:10px;}
.tdrub a{display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%; text-decoration:none; color:#D2E9FF;}
.tdrub a:hover {text-decoration:none;font-weight:bold; color: white}
.tdrubfin {width:100%; padding-right:10px;}
.tdrubfin a {display:block; padding-left:6px;padding-top:4px;padding-bottom:4px;padding-right:4px; width:100%;text-decoration:none; color:#D2E9FF;}
.tdrubfin a:hover {text-decoration:none;font-weight:bold; color: white}

/* boutons */
.boutons {position:absolute;left:auto; height: 26px; z-index:60;}
.lien_btn {color: #434343; height:26px; font-size:0.8em; padding-left: 2px; padding-right: 14px; font-weight:bold;}
.lien_btnF2 {text-align: left; padding-left: 2px; padding-right: 14px;}
.lien_btnF2 a {color: #434343;; height:26px; font-size:0.8em; text-decoration: underline; font-weight:bold;}
#dacc{position:relative; left:auto; z-index:60; visibility: visible; height:26px; width:100%}
#daccF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:26px; width:100%; margin-top: -26px}
#dret{position:relative; left:auto; z-index:60; visibility: visible; height:26px; width:100%}
#dretF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:26px; width:100%; margin-top: -26px}
#dimp{position:relative; left:auto; z-index:60; visibility: visible; height:26px; width:100%}
#dimpF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:26px; width:100%; margin-top: -26px}
#denv{position:relative; left:auto; z-index:60; visibility: visible; height:26px; width:100%}
#denvF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:26px; width:100%; margin-top: -26px}
#drss{position:relative; left:auto; z-index:60; visibility: visible; height:26px; width:100%}
#drssF2 {position:relative; left:auto; z-index:70; visibility: hidden; height:26px; width:100%; margin-top: -26px}


/* modules */
.titremod {color: #434343; font-size:1em; font-weight:bold;padding-top:13px;padding-bottom:13px;padding-left:10px; padding-right:4px;}

/* Espace du sommaire */
.sommaire {padding-top:0px; margin-left: 0px; margin-top: 10px}
.sommaire a:hover {text-decoration:underline;}
.puce2 {padding-top: 0px;}
.puce3 {padding-top: 2px;}
.puce4 {padding-top: 4px;}
.tdniv2{ width: 180px; padding-left: 6px;  padding-top: 3px; padding-bottom: 3px; padding-right: 3px;}
.tdniv3{ width: 180px; padding-left: 30px; padding-top: 2px; padding-bottom: 2px; padding-right: 3px;} 
.tdniv4{ width: 180px; padding-left: 45px; padding-top: 1px; padding-bottom: 1px; padding-right: 3px;} 
.rdniv5{ width: 180px; padding-left: 60px; padding-top: 1px; padding-bottom: 1px; padding-right: 3px;}

.lienniv1 {font-size: 0.9em; color:#fff; text-decoration: none; font-weight:none;}
.lienover1 {font-size: 0.9em; color:#fff; text-decoration: none; font-weight:bold;}
.lienniv2 {font-size: 0.9em; color:#fff; text-decoration: none; font-weight:none;}
.lienover2 {font-size: 0.9em; color:#fff; text-decoration: none; font-weight:bold;}
.lienniv3 {font-size: 0.9em; color:#fff; text-decoration: none; font-weight:none;}
.lienover3 {font-size: 0.9em; color:#fff; text-decoration: none; font-weight:bold;}
.lienniv4 {font-size: 0.8em; color:#fff; text-decoration: none; font-weight:none;}
.lienover4 {font-size: 0.8em; color:#fff; text-decoration: none; font-weight:bold;}
.lienniv5 {font-size: 0.8em; color:#fff; text-decoration: none; font-weight:none;}
.lienover5 {font-size: 0.8em; color:#fff; text-decoration: none; font-weight:bold;}


/* recherche  */
.crech {position:absolute; left:auto; z-index:40; padding-left: 24px;  padding-top: 15px}
.rech form {display:inline;}
.rech .recherche {width:115px; height:13px; border:1px solid #b2b4bf; font-size:x-small; color:black}
.rech #submit {height:17px; width: 23px; padding-left: 4px}
.input_text {float: left; padding-top: 1px}
.input_button {float: left; padding-top: 2px}

/* Espace de la navigation du site */
.navig {font-size: 0.9em; color:#434343; padding-left:50px;}
.navig  a {color:#434343; text-decoration: none;}
.navig  a:hover { color:#434343; text-decoration: underline;}

/* Espace des invariants du site */
.invar {font-size: 0.9em; color:#434343; padding-right:20px}
.invar a {color:#434343; text-decoration: none; font-weight:bold;}
.invar a:hover { color:#434343; text-decoration: underline; font-weight:bold;}

/* Boutons*/
.boutons {position:absolute; left:auto; z-index:40; margin-top: 0px; padding-top: 7px}

/* Menu Invariants */
.cacces {position:absolute;left:auto; height: 25px; z-index:40; padding-left: 10px; padding-top: 8px}
.lien_inv {color: #424242;  height:18px; font-size:0.8em; padding-left: 0px; padding-right: 0px;}
.lien_invF2 {text-align: left; padding-left: 0px; padding-right: 0px;}
.lien_invF2 a {color: #424242; height:18px; font-size:0.8em;}

.dinv {position:relative; left:auto; z-index:40; visibility: visible; height:18px;}
.dinvF2 {position:relative; left:auto; z-index:50; visibility: hidden; height:18px; margin-top: -18px}

/* espace calendrier */
.decal { padding-left: 0px; }
.calJour {color:#616163; font-weight: bold; font-size:1em; border:0px solid #7EB8E1; padding-top: 1px; padding-bottom: 1px}
.calendrier {width:100%; color:#616163; border-collapse:collapse; font-size:0.9em; background-color: #f8f8fa; border:1px solid #c9cdd8;font-weight:bold}
.calMois {font-size:1em; font-weight:bold; color:#616163; background-color:#f8f8fa; padding-top: 2px; padding-bottom: 2px}
.calsemaine {font-weight:bold; border-top :solid 1px #c5f7ec; border-bottom: solid 1px #1e8840;
background-color:#1e8840; color:#fff; height:18px; padding-top: 1px; padding-bottom: 1px}
.CalJourManif {color:#ffffff; font-weight:bold; font-size:0.9em; padding-top:1px; padding-bottom:1px;}
.CalJourManif a {display:block; font-size:0.9em; font-weight:bold; color:#ffffff; text-decoration:none; border:0; padding-top:1px; padding-bottom:1px; background-color:#1e8840;}
.CalJourManif a:hover {color:#616163; background-color:#63b680 ; font-weight:bold; color:#ffffff; border:0; padding-top:1px; padding-bottom:1px;}

/* Menu liens acces directs */
.directs {color:#fff; font-size:0.9em; height:20px; text-decoration:none; padding-left: 0px;}
.directsF2 {text-align: left; color:#fff; padding-left: 0px;}
.directsF2 a {color:#fff; height:20px; font-size:0.9em; text-decoration:underline; padding-left: 0px;}
.cdirects  {position:absolute; left:auto; z-index:40; visibility: visible; height:20px; width:200px;}
.cdirectsF2 {position:absolute; left:auto; z-index:50; visibility: hidden; height:20px; width:200px;}

/* zone de contenus */
.fincontenu  { visibility: hidden;}
.contenu {padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; }
.btnrech {margin-top: 10px}

.listerecherche .titre {color: #0866b2 !important}
.listerecherche .contact a {color: #0866b2 !important}
.listerecherche .contact a:hover {color: #0866b2 !important}

#maire {font-weight:bold;} 
#fotoelu {margin: 5px;} 

.cAnnee a, .cMois a {
	margin:0.4em !important;
}