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:#f1efe2}

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;border:}
.bordure{border: 1px solid #2b8ae9;}
.absolu {position:absolute; left:auto; z-index:60; visibility: visible; }

/* images et couleurs */
/* images communes */
.couleur_blanche{background-color:#fff;}
.his_fond {background-image: url("images2/his_fond.jpg"); height: 373px; width: 950px; background-repeat: no-repeat;background-color:#ffffff; border: 1px solid #2b8ae9;}
.fla_fond {background-image: url("images2/fla_fond.jpg"); height: 373px; width: 950px; background-repeat: no-repeat;background-color:#ffffff; border: 1px solid #2b8ae9;}
.cul_fond {background-image: url("images2/cul_fond.jpg"); height: 373px; width: 950px; background-repeat: no-repeat;background-color:#ffffff; border: 1px solid #2b8ae9;}
.pra_fond {background-image: url("images2/pra_fond.jpg"); height: 373px; width: 950px; background-repeat: no-repeat;background-color:#ffffff; border: 1px solid #2b8ae9;}
.age_fond {background-image: url("images2/age_fond.jpg"); height: 373px; width: 950px; background-repeat: no-repeat;background-color:#ffffff; border: 1px solid #2b8ae9;}
.ser_fond {background-image: url("images2/ser_fond.jpg"); height: 373px; width: 950px; background-repeat: no-repeat;background-color:#ffffff; border: 1px solid #2b8ae9;}
.col{background-image: url("images2/col_fond.jpg"); width: 194px;}

.his_rub {background-image: url("images2/his_rub.jpg"); height: 131px; width: 194px; background-repeat: no-repeat;}
.fla_rub {background-image: url("images2/fla_rub.jpg"); height: 131px; width: 194px; background-repeat: no-repeat;}
.cul_rub {background-image: url("images2/cul_rub.jpg"); height: 131px; width: 194px; background-repeat: no-repeat;}
.pra_rub {background-image: url("images2/pra_rub.jpg"); height: 131px; width: 194px; background-repeat: no-repeat;}
.age_rub {background-image: url("images2/age_rub.jpg"); height: 131px; width: 194px; background-repeat: no-repeat;}
.ser_rub {background-image: url("images2/ser_rub.jpg"); height: 131px; width: 194px; background-repeat: no-repeat;}

/* Menu */
.lien {color: #FDF1DF; height:37px; font-size:1em; text-decoration:none; font-weight: bold;}
.lienF2 a {color: white; height:37px; font-size:1em; text-decoration:underline; font-weight: bold;}
.puce{padding-top: 8px}

#dhis {position:absolute; left:auto; z-index:60; visibility: visible; height:37px; width:114px}
#dhisF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:37px; width:114px}
#chis {position:absolute; left:auto; z-index:100; visibility: hidden;}
#dfla {position:absolute; left:auto; z-index:60; visibility: visible; height:37px; width:149px}
#dflaF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:37px; width:149px}
#cfla {position:absolute; left:auto; z-index:100; visibility: hidden;}
#dcul {position:absolute; left:auto; z-index:60; visibility: visible; height:37px; width:103px}
#dculF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:37px; width:103px}
#ccul {position:absolute; left:auto; z-index:100; visibility: hidden;}
#dpra {position:absolute; left:auto; z-index:60; visibility: visible; height:37px; width:158px}
#dpraF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:37px; width:158px}
#cpra {position:absolute; left:auto; z-index:100; visibility: hidden;}
#dage {position:absolute; left:auto; z-index:60; visibility: visible; height:37px; width:112px}
#dageF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:37px; width:112px}
#cage {position:absolute; left:auto; z-index:100; visibility: hidden;}
#dser {position:absolute; left:auto; z-index:60; visibility: visible; height:37px; width:166px}
#dserF2 {position:absolute; left:auto; z-index:70; visibility: hidden; height:37px; width:166px}
#cser {position:absolute; left:auto; z-index:100; visibility: hidden;}

.decal_chis {padding-left: 0px; }
.decal_cfla {padding-left: 0px; }
.decal_ccul {padding-left: 0px; }
.decal_cpra {padding-left: 10px; }
.decal_cage {padding-left: 10px; }
.decal_cser {padding-left: 10px; }

/* rub */
.tamen_deb {width:145px; text-decoration: none; font-size:0.9em; padding-right:20px;}

.haut_men {background-image: url("images2/haut_men.gif"); height: 6px; width: 145px; background-repeat: no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9;}
.bas_men {background-image: url("images2/bas_men.gif"); height: 6px; width: 145px; background-repeat: no-repeat; filter:alpha(opacity=90); -moz-opacity:0.9;}

.tdmen_mil {background-image: url("images2/fond_men.gif"); width: 145px; font-size:0.9em; filter:alpha(opacity=90); -moz-opacity:0.9;}
.tdmen_mil a {display:block;padding-top:4px;padding-bottom:4px;padding-right:4px;text-decoration:none; color: white;}
.tdmen_mil a:hover {text-decoration:none;font-weight:bold; color: #434343;}

/* Menu liens acces directs */
.tdmenu {text-decoration:none; font-size:1em;}
.tdmenu a{text-decoration:none; font-weight:none; color: white;padding-top:5px;padding-bottom:4px;padding-right:4px;display:block;}

.cmenu  {position:relative; left:auto; z-index:40;width:25px;}
.cmenuF2  {position:relative; left:auto; z-index:40;width:25px; margin-top: -8px; visibility: hidden;}
.cmenuF3 {position:relative; left:auto; z-index:50;width:120px;}

/* modules */
.chapeau {background-image: url("images2/chapeau.jpg"); width: 194px; height: 51px; background-repeat: no-repeat;}
.men_fond {background-image: url("images2/men_fond.jpg"); width: 194px; padding-top:10px}
.men_bas {background-image: url("images2/men_bas.jpg"); width: 194px; height: 30px;background-repeat: no-repeat;}
.titremod {color: white; font-size:1.2em; font-weight:bold; padding-left:19px; padding-right:2px; font-style: italic;}
.titredir {color:#434343; font-size:1.1em; font-weight:bold; padding-left:19px; padding-right:2px; font-style: italic;}

/* Espace du sommaire */
.sommaire a:hover {text-decoration:underline;}
.puce2 {padding-top: 3px;}
.puce3 {padding-top: 4px;}
.puce4 {padding-top: 6px;}
.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;}
.liendir{font-size: 0.9em; color:#535353; text-decoration: none; font-weight:none;}
.lienover1 {font-size: 1em; color:#434343; text-decoration: none; font-weight:bold;}
.lienniv2 {font-size: 0.9em; color:white; text-decoration: none; font-weight:bold;}
.lienover2 {font-size: 0.9em; color:#434343; text-decoration: none; font-weight:bold;}
.lienniv3 {font-size: 0.9em; color:white; text-decoration: none; font-weight:none;}
.lienover3 {font-size: 0.9em; color:#434343; text-decoration: none; font-weight:bold;}
.lienniv4 {font-size: 0.8em; color:white; text-decoration: none; font-weight:none;}
.lienover4 {font-size: 0.8em; color:#434343; text-decoration: none; font-weight:bold;}
.lienniv5 {font-size: 0.8em; color:white; text-decoration: none; font-weight:none;}
.lienover5 {font-size: 0.8em; color:#434343; text-decoration: none; font-weight:bold;}


/* recherche  */
.rech_fond {background-image: url("images2/rech_fond.jpg"); width: 194px;}
.crech {position:absolute; left:auto; z-index:40; padding-left: 20px;  padding-top: 11px}
.rech form {display:inline;}
.rech .recherche {width:115px; height:14px; border:1px solid #2d9cf1; 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:#707070; padding-left:23px;}
.navig  a {color:#707070; text-decoration: none;}
.navig  a:hover { color:#707070; text-decoration: underline;}

/* Espace des invariants du site */
.invar_img {background-image: url("images2/invar.jpg");background-color:#2b8ae9;background-repeat: no-repeat;}
.invar {font-size: 0.9em; color: white; padding-right: 20px}
.invar a {color:white; text-decoration: none; font-weight:bold;}
.invar a:hover { color:white; 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}


/* 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}
a img{border:0;}

.TListe td {padding:2px}
.contenu .resume {padding-bottom: 20px;}
.contenu .TContenu .vign {display: none}

#maire {font-weight:bold;} 
#fotoelu {margin: 5px;} 
.colelu {padding-bottom: 15px;}

.TListe .separ {
    display: none !important;
}

.TListe {
    width: 100%;
	float:left;
}
#colA {
    float: left;
    width: 100%;
}
