img
{border:none;}


body
{
 height:100%;
 width:100%;  
 margin-top:0;
 margin-bottom:0;
 margin-left:auto;
 margin-right:auto;
 font-family:sans-serif,Verdana,Lucida,Arial,Geneva;
 text-decoration: none;
 padding-left:0px;

 }

#background
{ position:relative;
  width:948px;
  margin:auto;
  margin-top:0;
  padding-top:0;
  padding-left:0px;
  border:1px solid #9d6da1;
  text-align:left;
  min-height:600px;
  color:#4e0051
}

html >body #background{width:946px;}

#top{padding:0;height:220px;}

.logo_main,.logo_special
{position:absolute;z-index:200;margin-left:20px;width:200px;}

.logo_special{
margin-left:5px;
margin-top:20px;
width:450px;
}
#logo_titre{font-size:16pt;font-weight:bold;position:absolute;margin-left:55px;z-index:300;margin-top:160px;}

#fond{position:absolute;margin:0;left:0px;}
.carte{position:absolute;top:20px;right:90px;}

#menugauche{position:absolute;margin-top:80px;width:210px;left:0px;padding-left:30px;}

html >body #menugauche{position:absolute;margin-top:20px;width:210px;left:0px;padding-left:30px;}

#map1{margin-left:25px;width:150px;}

#cadre{margin-left:5px;padding-top:10px;}
 .xtop_b, .xbottom_b {display:block; background:transparent; font-size:2px;}
 .xb1_b,.xb11_b, .xb2_b, .xb3_b, .xb4_b, .xb12_b {display:block; overflow:hidden;}

 .xb1_b {margin:0 9px; height:1px;background: #aa7eb3;}
 .xb12_b {margin:0 7px;border-left:1px solid #aa7eb3;border-right:1px solid #aa7eb3;height:2px;}
 .xb11_b {margin:0 4px;border-left:1px solid #aa7eb3;border-right:1px solid #aa7eb3;height:2px;}
 .xb2_b {margin:0 2px;border-left:1px solid #aa7eb3;border-right:1px solid #aa7eb3;height:2px;}
 .xb3_b {margin:0 1px;border-left:1px solid #aa7eb3;border-right:1px solid #aa7eb3;height:2px;}
 .xb4_b{margin:0 0px;border-left:1px solid #aa7eb3;border-right:1px solid #aa7eb3;height:3px;}

#menu{list-style:none;padding-top:20px;padding-bottom:50px;padding-left:0px;margin:0px;border-left:1px solid #aa7eb3;
border-right:1px solid #aa7eb3;}
#cadre_top{background:url(../images/top_cadre.png) no-repeat;height:40px;padding-left:2px;padding-right:2px;}

#menu li {padding-top:10px;margin-top:5px;text-align:center;border-bottom:1px solid #a87fb3;padding-bottom:10px;}

#menu li a{text-decoration:none; font-weight:bold;font-size:12pt;color:#4e0051}

#page{width:660px;margin-left:260px;margin-top:50px;margin-bottom:20px;}

*html #page {margin-top:300px;padding-top:50px;}

#titre{font-weight:bold;font-size:14pt;text-align:center;position:absolute;margin-top:-50px;margin-left:80px;}

#contenu{background:url(../images/contenu.png);background-position:top center;min-height:700px; width:660px;margin-top:-4px;}

*html #contenu{height:500px;}

#logo_poda{float:left;}

#center{margin-bottom:80px;min-height:600px;}

#bottom{height:35px;background:#e0c2e8;border-top:1px solid #9d6da1;}



#login{position:absolute;border:1px solid #9d6da1;width:230px;font-size:8pt;background:#e0c2e8;top:60px;right:90px;padding:0px;height:100px;}

#login p{margin:5px;margin-left:1px;margin-right:2px;}
#login_titre{font-weight:bold;text-align:center;font-size:10pt;}

.espace{margin-left:22px;}

.bouton{font-weight:bold;margin-left:130px;font-size:8pt;color:#4e0051;margin-bottom:3px;}
.right{margin-left:400px;}
#description{position:relative;font-size:10pt;text-align:left;padding-left:20px;
  padding-right:20px;padding-bottom:40px;font-weight:none;text-align:justify;padding-top:10px;}

#liste{border:2px solid #9d6da1;margin-left:50px;width:300px;}

#liste_page{list-style:none;width:500px;}

#liste_page li a{color:#4e0051;text-decoration:none;}

.gras {font-size:12pt;font-weight:bold;}

.table_haut{background:#e0c2e8;border-bottom:1px solid #9d6da1;border-right:1px solid #9d6da1;padding:5px;padding-top:2px;padding-bottom:2px;}

.table_normal{border:1px solid #9d6da1;border-top:none;padding-top:2px;padding-bottom:2px;}

#revenir{text-align:right;padding-right:20px;}

.middle{text-align:center}

.modifier{font-size:8pt;margin-left:20px;}
.blanc{background:white;height:20px;width:20px;}
.verte_clair{background:#e3ffcd;height:20px;width:20px;}
.verte{background:#a1e678;height:20px;width:20px;}

.blue_clair{background:#d5dfff;height:20px;width:20px;}

.blue{background:#81ccfb;height:20px;width:20px;}

#departement{width:150px;margin-left:35px;}

.orange{background:#ffdaa6;height:20px;width:20px;}

.maure{background:#d3b6d9;height:20px;width:20px;}
.rose{background:#fecfff;height:20px;width:20px;}

.gris{background:#d9d9d9;height:20px;width:20px;}

.jaune{background:#f2ff9b;height:20px;width:20px;}

.image{height:100px;border:1px solid #d3b6d9;}

.alarme{color:red;font-size;12pt;border:1px solid red}

.couleur{height:30px;padding:5px;border:1px solid gray}
.couleur img{border:1px solid gray}
.couleur a{font-size:12pt;font-weight:bold;text-decoration:none;margin-left:10px;margin-top:15px;color:#37006e;}

#cadre_color, #cadre_color1{padding:5px;padding-left:30px;border:1px solid white;}

#table_couleur{font-size:10pt;font-weight:bold}


.ColorCell{width: 3px; height: 3px}
 .GradientColorCell{width: 5px; height: 20px}

#image_un{float:right;position:relative;width:250px;margin:20px;margin-right:10px;margin-top:30px;}

#image_deux{clear:both;float:left;position:relative;width:250px;margin-top:20px;margin-right:20px;margin-left:10px;margin-top:30px;}

#petit{text-align:center;font-size:8pt;padding-top:10px;}