div#updateVille {
      position:absolute;
      width:250px;
      background-color:white;
      color: black;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}
div#updateVille ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div#updateVille ul li.selected { background-color: #ffb;}
div#updateVille ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:22px;
      cursor:pointer;
}
.pbgTitGoo { clear: left;float: left;padding-left: 10px;width:300px;text-align:left;color:black;font-weight:bold;font-size:13px;}
.pbgTitre {float:left;font-size:13px;font-weight: bolder;color:#C40000;width:340px}
.pbgTxt {clear:left;float:left;font-size:11px;font-weight: bold;color:#075F0A;width:340px;}
.pbgUrl{float: left;font-size: 10px;font-weight: normal;color:#B47B10;width:340px;}
.hover,.lnGoo { clear: left;float: left;width:350px;padding-top : 4px;padding-bottom : 4px;font-family: Arial;font-size: x-small;font-weight: normal;text-decoration: none;}
.lnGoo {background-color: #FFFFFF; border: 1px #FFFFFF solid;}
.hover {background-color: #FFFFAE;border: 1px red solid;}

.pbgTitreLn {float:left;font-size:13px;font-weight: bolder;color:#C40000;width:550px}
.pbgTxtLn {clear:left;float:left;font-size:11px;font-weight: bold;color:#075F0A;width:730px;}
.pbgUrlLn{float: left;font-size: 10px;font-weight: normal;color:#B47B10;width:180px;}
.hoverLn,.lnGooLn { clear: left;float: left;width:730px;padding-top : 4px;padding-bottom : 4px;font-family: Arial;font-size: x-small;font-weight: normal;text-decoration: none;}
.lnGooLn {background-color: #FFFFFF; border: 1px #FFFFFF solid;}
.hoverLn {background-color: #FFFFAE;border: 1px red solid;}

.tabLn{
	border: thin solid black;
}

.tabLn td{

	border-bottom: thin solid black;
}

.lstTbl {clear: left;margin:2px;padding-left:10px;list-style:none;margin-bottom:5px;}

.gauche {
    float:left;
}
.droite {
    float:right;
}

.initGauche{
    clear:left;
    float:left;
}
a:link {
   color:#163CED;
   text-decoration: none;
   font-weight: bolder;
}
a:active {
    color: #163CED;
    text-decoration: none;
    font-weight: bolder;
}
a:visited {
   color: #163CED;
   text-decoration: none;
   font-weight: bolder;
}
a:hover{
    color: red;
    text-decoration: none;
    font-weight: bolder;
}
.titrePageResume
{
	color: #9F5A0F;
	font-size: x-small;
}
.comment {font-size: x-small;background-color: white; border: 1px black solid;padding: 2px;}
.tableLogin {font-size: xx-small;background-color: #ebddad; border: 1px #009900 solid;padding: 2px;}
.saisieLogin {font-size: xx-small}
.tableLoginPage {font-size: medium;background-color: #ddcfbb; border: 1px #009900 solid;width: 80%;padding: 2px;}
.sommaire { background-image: url(/img/wood005.jpg); font-size: xx-small; border: #009900 thin solid}
.tableVille {  color: black; background-color: #FFFFCC; border: thin #FF9900 solid;padding: 2pt;}
.tableVille a:link {  font-family: Arial, Helvetica, sans-serif;color: red;  text-decoration: none}
.tableVille a:active {  font-family: Arial, Helvetica, sans-serif;color: red; text-decoration: none}
.tableVille a:visited {  font-family: Arial, Helvetica, sans-serif;color: red; text-decoration: none}
.tableVille a:hover{   border: thin #FF6600 solid; background-color: yellow; font-family: Arial, Helvetica, sans-serif; color: red; text-decoration: none}
.allPages a:link {  font-family: Arial, Helvetica, sans-serif;color: #004080;  text-decoration: none}
.allPages a:active {  font-family: Arial, Helvetica, sans-serif;color: #004080; text-decoration: none}
.allPages a:visited {  font-family: Arial, Helvetica, sans-serif;color: #004080; text-decoration: none}
.allPages a:hover {  background-color: yellow; font-family: Arial, Helvetica, sans-serif; color: red; text-decoration: none;}
.tableCorps {  color: black; background-color: #FFFFCC; border: thin #FF9900 solid;padding: 2px;}

.chemin TD {
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: black;
}

.chemin a:visited {  color: #008000; text-decoration: none;}
.chemin a:link {  color: #008000;  text-decoration: none;}
.chemin a:active {  color: #008000; text-decoration: none;}
.chemin a:hover {  background-color: yellow; color: red; text-decoration: none;}

.cadre3 TABLE {
	font-family: Arial;
    font-size: x-small;
	font-weight: normal;
    text-decoration: none;
}

.cadre3 TH {
	font-weight: bolder;
	color: Teal;
    font-size: x-small;
    text-decoration: none;
}

.cadre3 TD {
    font-size: x-small;
    color: #268A37;
}

.bouton{
	border: none;
	font-weight: bold;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.bouton td { border: none;}

.erreurInput {
    background-color: yellow;
	color: red;
	font-size: small;
	font-weight: bold;
}
.cadreInput {
    background-color: #FFFFFF;
    color: Teal;
    font-size: small;
    font-weight: normal;
}
.saisieM {background-color: #CED293;height: auto; width: auto; font-size: x-small; border: 1px red solid}
.bouton1 {color: black;  width: 100px; background-color: #C0C0FF; border: thin #FF00FF solid;padding: 2px;}
.commentaires {  font-size: x-small;color: black; background-color: #C0FFC0; border: thin green solid;}
.labelCertif {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: green}
.tableErreur {  background-image: url(/img/yello015.jpg); color: #FF0000; background-color: yellow; border: thin #FF6600 solid}
.adminTable {  background-color: #FFCC00; border: 1px red solid;padding: 2px;}
.titreMenu {  font-family: Arial, Helvetica, sans-serif; font-size: large; color: yellow}
.titrePresent {  font-size: x-large; font-weight: bold; color: #FFFF00; font-family: Arial, Helvetica, sans-serif}
.allPages {background-image: url(/img/bois.jpg); background-color: #EEDEC1;font-size: small;font-family: Arial, Helvetica, sans-serif;height: 100%;width: 100%;color: black;}
.allPagesB {background-color: #F0F0F0;font-size: small;font-family: Arial, Helvetica, sans-serif;width: 100%;color: black;}
.tablePresent {width: 80%; height: auto; background-image: url(/img/wood012.jpg);  font-size: small;  font-family: Arial, Helvetica, sans-serif;padding: 2px;}
.tableCalendrier {background-color: #CED293; font-size: small;font-weight: bold;  font-family: Arial, Helvetica, sans-serif ; border: 1px #FF6600 solid;padding: 2px;}
.jour { color:black; font-size: small }
.jour a:link { color:black;text-decoration: none}
.jour a:active { color:black;text-decoration: none}
.jour a:visited { color:black;text-decoration: none}
.jour a:hover {  background-color: green; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none;}
.we { font-size: small ;color:#808080}
.we a:link { color:#808080;text-decoration: none}
.we a:active { color:#808080;text-decoration: none}
.we a:visited { color:#808080;text-decoration: none}
.we a:hover {  background-color: green; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none;}

.periodeCal { background-color: green; font-size: small ;color: white }
.periodeCal a:link { background-color: green; font-size: small ;color: white}
.periodeCal a:active { background-color: green; font-size: small ;color: white}
.periodeCal a:visited { background-color: green; font-size: small ;color: white}
.periodeCal a:hover {  background-color: red; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none;}
.periodeException { background-color: red; font-size: small ;color: white }
.lstVilleUser {background-color: #CED293; font-size: x-small; border: thin teal solid}
.lstPucesUser {background-color: #CED293; font-size: x-small;  border: 1px teal solid;padding: 2px;}
.lstPucesUserSB {background-color: #CED293; font-size: x-small;}
.lstPucesRecherche {background-color: #CED293; font-size: x-small;  border: 1px teal solid;padding: 2px;}
.lstVilleSelect {background-color: #CED293; font-size: x-small;  border: 1px teal solid;padding: 2px;}
.lstUtilisateurs {background-color: #CED293; font-size: small;  border: 1px teal solid;padding: 2px;}
.accueilDetail {background-color: #CED293; font-size: xx-small;  border: 1px teal solid;padding: 2px;}
.dateAnalyse {background-color: #ABC8FC; font-size: small;  border: 1px #FF0000 solid;padding: 2px;}
.calendDet {background-color: #FFFFC0; font-size: x-small;  border: 1px #FF8080 solid}
.menuUser {font-size: xx-small;color: #384200;background-color: #FAD1CB; border: 1px #e8be71 solid;margin: +2px;padding: 4px;}
.msgExplication {
    background-color: #FFFAFA;
    border: thin dashed #6495ED;
    font-style: italic;
    font-size: small;
    font-weight: normal;
}
.msgDet {font-size: x-small;color: #384200;background-color: #f7ffc6;border: 1px #e8be71 solid;margin: +2px;padding: 4px;}
.msgExplicationSB {font-size: xx-small;color: #384200;background-color: #f7ffc6;}
.msgAvertissement {font-size: medium;color: #335080;background-color: #B5C6E1;border: 1px #335080 solid;margin: +2px;padding: 4px;}
.msgImportant {font-size: small;color: red;background-color: #FFFF00;border: 1px red solid;margin: +2px;padding: 4px;}
.msgSucces {font-size: medium;color: #0CBE65;background-color: #9DF9CB;border: 1px #0CBE65 solid;margin: +2px;padding: 4px;}
.msgErreur {font-size: small;font-weight: bold;color: red;background-color: #FFFF00;border: 1px red solid;margin: +2px;padding: 4px;}
.msgErreurGrand {
    color: Red;
    border: thin ridge Red;
    background-color: Yellow;
    font-size: 20px;
    padding: 10px 10px 10px 10px;
    font-weight: bolder;
    }
.msgExplicationForm
{
    float:left;
    background-color: white;
    color:black;
    font-style: italic;
    border: 1px dashed blue;
    margin-left: 12px;
    padding : 5px 5px 2px 25px;
    font-size: 10px;
    vertical-align: middle;
    width:200px;

    min-height: 20px;
    background-image: url("/img/infod.gif");
    background-position: left center;
    background-repeat: no-repeat;
}
.msgErreurForm {font-size: small;color: red;background-color: #FFFF00;border: 1px red solid;margin: +2px;padding: 4px;}
.msgPrincipal {font-size: x-small;background-color: #c1e1ec;border: 1px #65b9fe solid;margin: +2px;padding: 4px;}
.msgPrincipal a:link {  font-family: Arial, Helvetica, sans-serif;color: red;  text-decoration: none}
.msgPrincipal a:active {  font-family: Arial, Helvetica, sans-serif;color: red; text-decoration: none}
.msgPrincipal a:visited {  font-family: Arial, Helvetica, sans-serif;color: red; text-decoration: none}
.titrePage {font-size: large;font-weight: bold; margin-bottom: 5px;margin-bottom : 5px;}
.sTitrePage {font-size: large; font-style: italic; margin-bottom: 5px;margin-bottom : 5px;}
.titreSoul {font-size: small; font-style: italic;  text-decoration: underline;  padding-bottom : 2px;  margin-bottom: 0px;  padding-top : 0px;  margin-top: 6px;  }
.news {font-size: 8pt;background-color: #c1e1ec;border: 1px #65b9fe solid;margin: +2px;padding: 4px;}
.histo {font-size: 8pt;background-color: #C0FFC0; border: 1px #008000 solid;margin: +2px;padding: 4px;}
.lien {color: #336633;width: 100%;vertical-align: middle;font-size: x-small;font-family: Arial, Helvetica, sans-serif;background-color: #ebe1cd;border: 1px #8b5814 solid;padding: 2px;}
.titreDetailPuces{font-size: medium;color: black;}
.datePuces{background-color: #dfdeb3;border: 1px #fcd701 solid;padding: 2px;  font-size : x-small }
.infoPuces {background-color: #EAFFF5;border: 1px solid #CD853F;padding: 2px; font-size : x-small ;font-family:Verdana,
 Geneva, Arial, Helvetica, sans-serif; }
 .infoPucesSC {background-color: #EAFFF5;padding: 2px;width: 95%;  font-size : x-small ;font-family:Verdana,
 Geneva, Arial, Helvetica, sans-serif; }
.infoPuces TH {font-weight: bold;}
.detailVille {color: black;font-size: small;}
.rechercheVille {background-color: #D0C7B9;border: 1px #827157 solid;padding: 2px;}
.rechercheVilleSmall {background-color: #D0C7B9;font-size: x-small;border: 1px #827157 solid;padding: 2px;}
.aucuneReponse {background-color: #D0C7B9;border: 1px #827157 solid;padding: 2px;}
.lien {color: #336633;width: 100%;vertical-align: middle;font-size: x-small;font-family: Arial, Helvetica, sans-serif;background-color: #ebe1cd;border: 1px #8b5814 solid;padding: 2px;}
.img {border: 0px;vertical-align: middle}
.imglnk a:hover {background-color : transparent}
.monCompteResume {background-color: #CED293; font-size: small;  border: 1px teal solid;padding: 2px;}
.monCompteTools {background-color: #C0C0FF; font-size: small;  border: 1px teal solid;padding: 2px;}
.saisieComment {background-color: #eeb7ed;border: 1px #a806b5 solid;padding: 2px;width: 95%;}
.dateChoix {font-size: xx-small;color: blue ;background-color: yellow; border: 1px blue solid;padding: 2px;}
.dateChoixException {font-size: xx-small;color: white ;background-color: red; border: 1px blue solid;padding: 2px;}
.stats {font-size: xx-small}
.forumNavig {background-color: #FFFFC0; font-size: medium;  border: 1px #0000FF solid;padding: 2px;}
.forum {font-size: xx-small;background-color: #FFFFC0; border: 1px #009900 solid;padding: 2px;}
.forumTitre {font-size: xx-small;background-color: #ebddad; border: 1px #009900 solid;padding: 2px;}
.fTitre {font-size: medium; font-weight: bold;}
.fdesc {font-size: xx-small;background-color: #E0E0E0;border: 1px #C0C0C0 solid;color: black ;padding: 2px}
.livredor {font-size: x-small;color: #808000 ;background-color: #FEC578 ;border: 1px #FF8040 solid}
.voteConfiance {font-size: xx-small;color: black ;background-color: yellow; border: 1px red solid;padding: 2px;}
.ok {font-size: xx-small;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: white ;background-color: green ;border: 1px blue solid;margin: +2px}
.notok {font-size: xx-small;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: white ;background-color: orange ;border: 1px blue solid;margin: +2px}
.notConf {font-size: xx-small;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: black ;background-color: white ;border: 1px blue solid;margin: +2px}
.attention {font-size: x-small;font-weight: bolder;color: red;background-color: #FFFF00;border: 1px red solid;margin: +2px;padding: 4px;}
.msgAccueil {font-size: x-small;color: red;background-color: #f7ffc6;border: 1px #e8be71 solid;margin: +2px;padding: 4px;}

.cadreMoyen {
   color: black;
	font-size: x-small;
}

.cadreMoyen TH{
   color: teal;
   font-weight: bolder;
	font-size: medium;
}

.cadreMoyen a:link {
   color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadreMoyen a:active {
	color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadreMoyen a:visited {
   color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadreMoyen a:hover{
	color: red;
	text-decoration: none;
    font-weight: bolder;
}

.cadre TABLE {
	font-family: Arial;
    font-size: small;
	font-weight: normal;
    text-decoration: none;
}

.cadre a:link {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre a:active {
	color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre a:visited {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre a:hover{
	color: blue;
	text-decoration: none;
    font-weight: bolder;
}

.cadre TH {
	font-weight: bolder;
	color: Teal;
    text-align: left;
    font-size: small;
    text-decoration: none;
}

.cadre TD {
    font-size: small;
}



.cadreMnf TABLE {
    font-family: Arial;
    font-size: x-small;
    font-weight: normal;
    text-decoration: none;
}

.cadreMnf a:link {
   color: #008000;
    text-decoration: none;
    font-weight: bolder;
}
.cadreMnf a:active {
    color: #008000;
    text-decoration: none;
    font-weight: bolder;
}
.cadreMnf a:visited {
   color: #008000;
    text-decoration: none;
    font-weight: bolder;
}
.cadreMnf a:hover{
    color: blue;
    text-decoration: none;
    font-weight: bolder;
}

.cadreMnf TH {
    font-weight: bolder;
    color: Teal;
    font-size: small;
    text-decoration: none;
}

.cadreMnf TD {
    font-size: x-small;
}





.cadre4 a:link {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:active {
	color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:visited {
   color: red;
	text-decoration: none;
    font-weight: bolder;
}
.cadre4 a:hover{
	color: blue;
	text-decoration: none;
    font-weight: bolder;
}

.cadre4 TH {
	font-family: Arial;
	font-size: small;
	font-weight: bolder;
	color: Teal;
}

.cadre4 TD {
   font-family: Arial;
	font-size: x-small;
}



.cadre1 a:link {
   color: blue;
	text-decoration: none;
    font-weight: bolder;
}

.cadre1 a:active {
	color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadre1 a:visited {
   color: blue;
	text-decoration: none;
    font-weight: bolder;
}
.cadre1 a:hover{
	color: red;
	text-decoration: none;
    font-weight: bolder;
}


.liste ul{
    margin:0px;
    padding:0px;
    list-style:none;
    margin-bottom:5px;
    }

.liste li{
    padding-left:16px;
    margin-top: 20px;
    padding-right: 5px;
    display:block;
    text-align:left;
    font-weight:bold;
    color:#000000; background-image: url(/styles/puce1.gif);
    background-position: left top;
    background-repeat: no-repeat;
    }

.cadreInputSelect,.cadreInputErreur,.cadreInputSelectOK
{
    float:left;
    border-style : inset;
}



.cadreInputSelect
{
    background-color:#B8F779;
    color:#008000;
}

.cadreInputErreur
{
    background-color:#FFFF00;
    color:#FF0000;
}

.cadreInputSelectOK
{
    background-color: #C4DFD1;
    color:#000000;
}

.saisie
{
    clear: left;
    float:left;
    padding-bottom: 10px;
    width:100%;
    vertical-align: middle;
}
.saisie th
{
    text-align: left;
    color:#4A4A4A;
    vertical-align: middle;
    font-weight: bold;

}

/* pour l'antiantipub */
#interContainer{
position: absolute;
width: 670px;
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: #d0e47e;
border: 1px solid black;
visibility: hidden;
z-index: 6;
}

#interContainer .headerbar{
color: gray;
padding: 5px 0;
text-align: right;
}

#interContainer .headerbar a{
font-size: 120%;
text-decoration: none;
}


#interContent{
border: 1px solid gray;
padding-left: 10px;
padding-top: 10px;
background-color: white;
}

#interVeil{
position: absolute;
background: black url(blackdot.gif);
right: 0;
width: 10px;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}