* {
  margin: 0px;
  padding: 0px;
}
body,td,th {
  font: 10px/140% Verdana, Arial, Helvetica, sans-serif;
}
table {
  border-collapse: collapse;
}
th {
  font: bold 10px/140% Verdana, Arial, Helvetica, sans-serif;
  color: #0E4086;
}
table.A56C {
  border: 1px solid #0E4086;
  padding: 4px;
}
table.A56C td,
table.A56C th {
  border: 1px solid #0E4086;
}
table.planning {
  border: 1px solid #0E4086;
  padding: 4px;
}
table.planning td,
table.planning th {
  border: 1px solid #0E4086;
  padding-right: 3px;
  padding-left: 3px;
}

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
img {
  margin: 0px;
  padding: 0px;
  border: 0;
  behavior: url (/styles/win_png.htc); /* WinIE behavior call */
}

#globalheader {
  background: url(/media/site/gen/headerbk.jpg) no-repeat center top;
  margin: 0px;
  padding: 0px;
  height: 200px;
  width: auto;
}
#header {
  background: url(/media/site/gen/headerbk.jpg) no-repeat center top;
  margin: 0px auto;
  padding: 0px;
  height: 200px;
  width: 980px;/*780px;*/
  position: relative;
}
.picto a {
  width:18px;
  height:16px;
  padding:0;
  background-position:0px 0px;
  background-repeat:no-repeat;
  overflow: hidden;
  clip: rect(auto,auto,32px,auto);
}

.picto a:hover { background-position:0 -16px; }

#accueil {
  background-image:  url(/media/site/gen/picto-home.gif);
  position: absolute;
  left: 653px;
  top: 182px;
  margin: 0px;
  padding: 0px;
  height: 16px;
  width: 18px;
  z-index: 400;
}
#mail {
  background-image:  url(/media/site/gen/picto-mail.gif);
  position: absolute;
  left: 682px;
  top: 183px;
  margin: 0px;
  padding: 0px;
  height: 16px;
  width: 18px;
  z-index: 400;
}
#print {
  background-image:  url(/media/site/gen/picto-print.gif);
  position: absolute;
  left: 709px;
  top: 183px;
  margin: 0px;
  padding: 0px;
  height: 16px;
  width: 18px;
  z-index: 400;
}
#plan {
  background-image:  url(/media/site/gen/picto-plan.gif);
  position: absolute;
  left: 737px;
  top: 183px;
  margin: 0px;
  padding: 0px;
  height: 16px;
  width: 18px;
  z-index: 400;
}

#titre {
  position: absolute;
  left: 154px;
  top: 131px;
}
#ombrepicto {
  position: absolute;
  left: 625px;
  top: 209px;
  background-image: url(/media/site/gen/ombre-picto.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 155px;
  z-index: 0;
}

#globalcontent {
  background: url(/media/site/gen/globalcontentbk.gif) repeat-y center top;
  margin: 0px;
  padding: 0px;
  height: auto;
  width: auto;
}
#content {
  background: url(/media/site/gen/menubk.jpg) no-repeat left top;
  margin: 0px auto;
  height: auto;
  width: 980px;/*780px;*/
  margin-bottom:0px;
  padding-bottom:0px;
  position: relative;
}

#globalfooter {
  background: url(/media/site/gen/globalfooterbk.gif) no-repeat center top;
  margin: 0px;
  padding: 0px;
  height: 90px;
  width: auto;
  position: relative;
}
#footer {
  margin: 0px auto;
  padding: 0px;
  height: auto;
  width: 980px;/*780px;*/
  position: relative;
}
#signature {
  margin: 0px;
  padding: 0px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #003D80;
  left: 290px;
  top: 60px;
  text-align: center;
  width: 360px;
  height: 109px;
  z-index: 1;
  position: absolute;
}

#surzur_logo_signature {
  position: absolute;
  left: 152px;
  top: 44px;
}
a.signature:link, a.signature:active, a.signature:visited{
  color:#003D80;
  text-decoration:none;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
}
a.signature:hover{
  text-decoration:none;
  color: #62B13C;
}
#menu {
  margin: 0px;
  padding: 0px 0px 200px;
  float: left;
  height: auto;
  width: 215px;
  line-height: normal;
}
#redac {
  margin: 0;
  padding: 16px 17px 60px;
  background-image: url(/media/site/gen/ombre-picto.gif);
  background-repeat: no-repeat;
  background-position: 406px 4px;
  float: left;
  width: 525px;
}
.spacer {
  clear: both;
}


/* Arborescence hierarchique */

#breadcrumb  {
  padding: 0px;
  color: #003D80;
  margin: 0px 0 20px;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  }
#breadcrumb ul {
  display: inline;
  border: none;
  margin: 0 !important;
  padding: 0 !important; 
  } 
#breadcrumb ul li {
  margin : 0;
  padding: 0;
  border: none;
  list-style: none;
  display: inline;
  color: #003D80;
  }
a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
  text-decoration: none;
  color: #003D80;
  font-weight: normal;
  padding-bottom: 2px;
  border-bottom: 1px solid #003D80;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
a.breadcrumb:hover  {
  text-decoration: none;
  color: #61B03B;
  padding-bottom: 2px;
  border-bottom: 1px solid #61B03B;
}
/* Typographie */
/* Headlines (titrage) */
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #003D80;
  padding: 0px;
  line-height: normal;
}
h1 {
  color: #003D80;
  font-size: 18px;
  font-style: normal;
  margin: 0px 0px 16px;
  padding: 0px 0px 2px;
  border-bottom: 1px solid #003D80;
  font-weight: bold;
}

h2 {
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  margin: 0px 0px 8px;
  padding: 2px 1px 1px 10px;
  color: #FFFFFF;
  background: #88A0C2;
  line-height: normal;
  border-left: 20px solid #FFD600;
}


h3 {
  padding: 0px;
  margin: 0px 0px 6px;
  font-size: 13px;
  font-weight: bold;
  color: #47AE64;
}
h3 em {
  color: #266F86;
  margin: 20px 0px 6px;
  font: italic bold 13px/20px Arial, Helvetica, sans-serif;
  padding: 0px;
}
h4 {
  color: #2F74B9;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2F74B9;
  font-size: 18px;
  font-style: normal;
  line-height: 20px;
  font-weight: bold;
  font-variant: normal;
  margin: 20px 0px 12px;
  padding: 0px 0px 8px;
}
h5 {
  font-size: 12px;
  color: #6097CE;
  padding: 0px 0px 8px 100px;
  margin: 0px 0px 10px;
  font-style: italic;
  font-weight: bold;
  line-height: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #266F86;
}
h6 {
  font-size: 10px;
  color: #266F86;
  margin-bottom: 4px;
  margin-top: 0px;
}
p {
  margin: 0px 0px 10px;
  padding: 0px;
}
sup {
  vertical-align: text-top;
  font-size: 70%;
}
p sup {
  vertical-align: text-top;
  font-size: 80%;
}

/* Images */
.imagegauche {
  float: left;
  padding: 4px;
  border: 1px solid #2F74B9;
  margin: 4px 10px 0px 0px;
}
.imagedroite {
  float: right;
  padding: 4px;
  border: 1px solid #2F74B9;
  margin: 10px 0px 0px 10px;
}
.imagecentre {
  padding: 4px;
  border: 1px solid #2F74B9;
  margin: 10px 0px;
}


#menucontext {
  padding: 0px; 
  margin: 0px;

}
#menucontext li {
  padding: 0px; 
  margin: 0px 0px 5px; 
  list-style-type: none;
}
#menucontext a:link, #menucontext a:active, #menucontext a:visited {
  padding: 0px 0px 2px 12px; 
  display: block; 
  margin: 0px; 
  font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
  width: 203px; 
  color: #0E4086; 
  text-indent: 0px; 
  text-align: left; 
  text-decoration: none;
}
#menucontext a:hover {
  color: #47AE64; 
}
#menucontext a.active:link, #menucontext a.active:visited {
  color: #47AE64; 
  text-decoration: none;
}

#menucontext2 {
  padding-right: 0px; 
  padding-left: 0px; 
  padding-bottom: 10px; 
  margin: 0px; 
  padding-top: 0px;
}
#menucontext2 li {
  padding: 0px; 
  margin: 0px 0px 3px; 
  list-style-type: none;
}
#menucontext2 a:link, #menucontext2 a:active, #menucontext2 a:visited {
  padding: 0px 0px 0px 26px; 
  display: block; 
  margin: 0px; 
  font: 10px Verdana, Arial, Helvetica, sans-serif; 
  width: 189px; 
  color: #0E4086; 
  text-indent: 0px; 
  background-repeat: no-repeat; 
  text-align: left; 
  text-decoration: none;
}
#menucontext2 a:hover {
  color: #47AE64;
  background: url(/media/site/gen/puce-fleche.gif) no-repeat 14px center;
}
#menucontext2 a.active:link, #menucontext2 a.active:visited {
  font: 10px Verdana, Arial, Helvetica, sans-serif; 
  display: block; 
  padding: 0px; 
  font-weight: bold; 
  margin: 0px; 
  color: #47AE64; 
  text-indent: 26px; 
  text-align: left; 
  text-decoration: none;
  background: url(/media/site/gen/puce-fleche.gif) no-repeat 14px center;
}
/*#vague_bleue {
  margin: 200px auto 0px;
  padding: 0px;
  height: 59px;
  width: 136px;
}*/

#bouton_actualites {
  position: absolute;
  left: 180px;
  top: 30px;
  width: 75px;
  height: 75px;
  z-index: 1;
}
#lien_actualites {
  position: absolute;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  left: 180px;
  top: 92px;
  text-align: center;
  width: 75px;
  z-index: 2;
}

#bouton_mairie-services {
  position: absolute;
  left: 259px;
  top: 7px;
  width: 75px;
  height: 75px;
  z-index: 1;
}
#lien_mairie-services {
  position: absolute;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  left: 259px;
  top: 69px;
  text-align: center;
  width: 75px;
  z-index: 2;
}

#bouton_culture-tourisme {
  position: absolute;
  left: 340px;
  top: 21px;
  width: 75px;
  height: 75px;
  z-index: 1;
}
#lien_culture-tourisme {
  position: absolute;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  left: 340px;
  top: 84px;
  text-align: center;
  width: 75px;
  z-index: 2;
}

#bouton_vie-pratique {
  position: absolute;
  left: 422px;
  top: 39px;
  width: 75px;
  height: 75px;
  z-index: 1;
}
#lien_vie-pratique {
  position: absolute;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  left: 422px;
  top: 103px;
  text-align: center;
  width: 75px;
  z-index: 2;
}

#bouton_environnement {
  position: absolute;
  left: 500px;
  top: 62px;
  width: 75px;
  height: 75px;
  z-index: 1;
}
#lien_environnement {
  position: absolute;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  left: 490px;
  top: 125px;
  text-align: center;
  width: 97px;
  z-index: 2;
}

#bouton_vie-economique {
  position: absolute;
  left: 581px;
  top: 85px;
  width: 75px;
  height: 75px;
  z-index: 1;
}
#lien_vie-economique {
  position: absolute;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  left: 570px;
  top: 147px;
  text-align: center;
  width: 97px;
  z-index: 2;
}

#bouton_infos {
  position: absolute;
  left: 666px;
  top: 96px;
  width: 75px;
  height: 75px;
  z-index: 1;
}
#lien_infos {
  position: absolute;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  left: 647px;
  top: 160px;
  text-align: center;
  width: 114px;
  z-index: 2;
}

a.bouton:link, a.bouton:active, a.bouton:visited{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#0E4086;
  text-decoration:none;
}
a.bouton:hover{
  text-decoration:none;
  color: #47AE64;
}







#backaccueil1{
  width:150px;
  height:150px;
  position: absolute;
  left: 18px;
  top: 7px;
}
#backaccueil1 img{
  width:100%;
  height:100%;
}

#backaccueil2{
  position:absolute;
  top:20px;
  left:616px;
  width:155px;
  height:70px;
}
#backaccueil2 img{
  width:100%;
  height:100%;
}

a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

a:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #003D80;
  text-decoration: underline;
}


ul.plan{
  list-style:none;
}
ul.plan2{
  list-style:none;
}
ul.plan3{
  list-style:none;
}
ul.plan4{
  list-style:none;
}

ul.plan li{
  padding-left:5px;
}
ul.plan2 li{
  padding-left:12px;
}
ul.plan3 li{
  padding-left:12px;
}
ul.plan4 li{
  padding-left:12px;
}

ul.plan a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003D80;
  font-weight: bold;
  text-decoration:none;
}
ul.plan a:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #F6D61F;
  font-weight: bold;
  text-decoration:none;
}

a.overplan{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #003D80;
  font-weight: bold;
  text-decoration:underline;
}
a.overplan:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #F6D61F;
  font-weight: bold;
  text-decoration:none;
}


ul.plan2 a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #62B239;
  font-weight: bold;
  text-decoration:none;
}
ul.plan2 a:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #F6D61F;
  font-weight: bold;
  text-decoration:none;
}

ul.plan3 a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003D80;
  font-weight: bold;
  text-decoration:none;
}
ul.plan3 a:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #F6D61F;
  font-weight: bold;
  text-decoration:none;
}




.bordered{
  width:auto;
  float:none;
}



.resume{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#000000;
  text-align:left;
}

.descriptif{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#000000;
  margin-bottom:10px;
  text-align:justify;
}


.lactu{
  border:1px solid #003D80;
padding:3px;
height:100%;
overflow:auto;
margin:0px 0px 10px 0px;
}

.lpub{
border:2px solid #003D80;
padding:3px;
height:100%;
overflow:auto;
margin:2px 0px 0px 0px;

}
.lpub .image{
  background-color:#F6D61F;
  float:left;
  text-align:left;
  font-weight: bold;
  width:100%;
  margin:3px auto 3px auto;
  padding-left:2px;
}
.lpub .image a{
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
color:#003D80;
}

.lpub .image a:hover{
  text-decoration:none;
  font-weight: bold;
  color:#62B239;
}

.lpub .date{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#62B239;
  font-weight: bold;
  float:left;
}

.lpub .titre{
  font-weight: bold;
margin-left:5px;
display:inline;
color:#003D80;
}

.lpub .descriptif{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#000000;
  text-align:left;
  padding:3px 0px 5px 0px;
  float:left;
  width:100%;
}
.archives{
  width:auto;
  text-align:center;
  margin-bottom:10px;
  color:#62B239;
}

.archives a{
  text-decoration:underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color:#003D80;
}

.archives a:hover{
  text-decoration:none;
  font-weight: bold;
  color:#62B239;
}

.lactu .image{
float:right;
height:100%;
clear:right;
}
.lactu .date{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  display:inline;
  color:#62B239;
  font-weight: bold;
clear:left;
}
.lactu .titre{
margin-left:5px;
display:inline;
}
.lactu .titre a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003D80;
  font-weight: bold;
  text-decoration: none;
}
.lactu .titre a:hover{
  color: #F6D61F;
  text-decoration: none;
}


.images{
  text-align:center;
  margin-bottom:20px;
}
.images table{
  margin:0 auto;
}

.images td div{
  float:left;
  text-align:center;
  border:1px solid #003D80;
  margin:0 auto;
  padding:3px;
}
.actulien{
  margin-bottom:5px;
}

.actunav{
  text-align:center;
}
.actunav .nb{
  color: #62B239;
  font-weight: bold;
}
.actunav .nball{
  color: #003D80;
  font-weight: bold;
}

.actunav a.lien{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #62B239;
  text-decoration: underline;
}

.actunav a.lien:hover{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #62B239;
  font-weight: bold;
  text-decoration: none;
}

.lactu .resume{
  padding-bottom:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#000000;
}

.lactu .resume a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003D80;
  text-decoration: none;
}
.lactu .resume a:hover{
  color: #F6D61F;
  text-decoration: underline;
}

form.filtres {
  width:auto;
  margin:0px;
  height:auto;
}
form.filtres fieldset{
  vertical-align:middle;
  text-align:center;
  margin:0px auto;
  padding:0px;
  border:1px solid #003D80;
}

form.filtres fieldset legend{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #47AE64;
  font-weight:bold;
  padding:0px 2px;
}

form.filtres fieldset .filtres{
  width:365px;
  display:inline;
  float:left;
  padding:3px;
  margin:0px auto;
}
form.filtres fieldset .formsub{
  padding:3px;
  margin:auto;
  width:136px;
  height:100%;
  float:right;
  display:inline;
  vertical-align:middle;
  text-align:center;
}

form.filtres fieldset .filtres .filtre{
  display:block;
  width:auto;
  padding:1px;
  margin:0px;
}
form.filtres fieldset .filtres .filtre .item{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003D80;
  font-weight:bold;
  text-align:left;
  display:inline;
  width:140px;
  float:left;
}
form.filtres fieldset .filtres .filtre .value{
  display:inline;
}

form.filtres fieldset .formsub input{
  margin:auto auto;
}

select.formselect{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003D80;
  width:220px;
}

input.formsubmit{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003D80;
  font-weight:bold;
  border-top: 0px solid #47AE64;
  border-left: 0px solid #47AE64;
  border-bottom: 1px solid #47AE64;
  border-right: 1px solid #47AE64;
}
input.formtext{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight:normal;
  width:200px;
}

input.formtext_s{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight:normal;
  width:80px;
}

textarea.formtext{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight:normal;
  width:300px;
}

textarea.formtext_s{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight:normal;
  width:200px;
}

.listes {
  margin:2px auto;
  padding:0px;
  
}
.listes .listescompte{
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #47AE64;
  font-weight:bold;
  margin:0px auto 10px auto;

}

.listes .categorie{
  line-height: 14px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #F6D61F;
  background-color:#003D80;
  display:compact;
  width:auto;
  margin:5px 0px 1px 0px;
}

.listes .statut{
  line-height: 14px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #F6D61F;
  background-color:#003D80;
  display:compact;
  width:auto;
  margin:5px 0px 1px 0px;
}

.listes .commission{
  line-height: 14px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #F6D61F;
  background-color:#003D80;
  display:compact;
  width:auto;
  margin:5px 0px 1px 0px;
}

.listes .service{
  line-height: 14px;
  padding:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #F6D61F;
  background-color:#003D80;
  display:compact;
  width:auto;
  margin:5px 0px 1px 0px;
}

.listes .rubtourisme{
  line-height: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #F6D61F;
  background-color:#47AE64;
  display:compact;
  width:auto;
  margin:1px 0px;
}

.listes .fonction{
  line-height: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: #F6D61F;
  background-color:#47AE64;
  display:compact;
  width:auto;
  margin:1px 0px;
}
.listes .liste{
  border:1px solid #F6D61F;
  display:compact;
  margin:0px auto 5px 0px;
  width:auto;
}

.listes .liste .nom{
  padding-left:2px;
  display:inline;
  width:auto;
  float:none;
}
.listes .liste .activite{
  padding-left:2px;
}
.listes .liste .nom a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #003D80;
  font-weight: bold;
  text-decoration: none;
}

.listes .liste .nom a:hover{
  text-decoration: underline;
}

.listes .liste .ville{
  margin-left:5px;
  font-weight: bold;
  color:#47AE64;
  display:inline;
  width:48%;
}

.listes .liste .listeelectorale{
  margin-left:5px;
  font-weight: bold;
  color:#47AE64;
  display:inline;
  width:48%;
}

.warning {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #A6151D;
  text-align:center;
}

.mandatory {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #A6151D;
}

.feuvert {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #006633;
  text-align:center;
}
.fiche {
  display:block;
  width:100%;
  height:auto;
}

.fiche .entreprise{
  background-color: #003D80;
  color: #F6D61F;
  font-size: 20px;
  font-style: normal;
  text-align:center;
  font-weight: bold;
  width:100%;
  margin-bottom:2px;
  white-space:nowrap;
}

.fiche table.part{
  border:1px solid #47AE64;
  border-spacing:0px; 
/*  border:1px solid #47AE64;
  background-color: #47AE64;
*/  width:100%;
  margin:0px;
}
.fiche table.part td{
  border:1px solid #47AE64;
  background-color: #FFFFFF;
}

.fiche table.part td.none{
  border:none;
  background-color: #FFFFFF;
}

.fiche table.part td.item{
  padding:0px 3px;
  background-color:#F6D61F;
  font-size: 12px;
  color: #003D80;
  font-weight: bold;
  vertical-align:top;
  width:150px;
  white-space:nowrap;
}


.fiche table.part td.value{
  padding:0px 3px 3px;
  width:auto;
  vertical-align:top;
  font-size: 11px;
}

.fiche table.part td.value img{
  margin-top:2px;
}

.fiche table.part td.backintime{
  background-color:#47AE64;
  vertical-align:middle;
  padding:2px;
  text-align:center;
}

.fiche table.part td.backintime img{
  border:2px solid #F6D61F;
}

td.item{
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color:#003D80;
}
#redac ul {
  margin-top: 0px;
  margin-bottom: 10px;
  list-style: square;
  margin-left: 20px;
  padding-left: 20px;
}
#redac li {
  line-height: 120%;
  margin: 0px 0px 3px;
}
#redac ol {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
}

#redac a:link, 
#redac a:active, 
#redac a:visited{
  color: #0E4086;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #A0ADB8;
  padding-bottom: 2px;
  text-decoration: none;
}
#redac a:hover {
  color: #A0ADB8;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D7DDE1;
  padding-bottom: 2px;
  text-decoration: none;
}
#redac strong {
  font-weight: bold;
  color: #0E4086;
}
#vague_bleue {
  /*height: 59px;
  width: 136px;
  position: absolute;
  left: 6px;
  top: 347px;*/
  
  height: 59px;
  width: 136px;
  margin: 30px 0 0 6px;


}


.toppage {
  padding: 0px;
  margin: 40px 0px 0px;
  text-align: right;
  border-bottom: 1px dotted #666666;
  height: 20px;
  }
a.top:link,
a.top:active,
a.top:visited {
  background:   url(/media/site/gen/toppage.gif) no-repeat right center;
  padding-right: 11px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #666666;
  text-decoration: none;
  border: none!important;
}
a.top:hover  {
  background:   url(/media/site/gen/toppagehover.gif) no-repeat right center;
  padding-right: 11px;
  color: #CCCCCC;
  text-decoration: none;
}
.clear {
  clear: both;
  display: block;
  background: #99FF99;
  height: 0px;
  visibility: hidden;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}



h2 a:link,
h2 a:active,
h2 a:visited {
  color: #FFFFFF!important;
  border: none!important;
  font: bold normal 15px Arial, Helvetica, sans-serif;
}
h2 a:hover {
  color: #FFD600!important;
}

h3 a:link,
h3 a:active,
h3 a:visited {
  color:#47AE64!important;
  border: none!important;
  font-size:13px;
  font-weight:bold!important;
}
h3 a:hover {
  color: #FFD600!important;
}




/* Div colonne de droite, contenus en marge  */
#colonne_droite {
	/*background-color:#DEE6EE;*/
	background: url(/media/site/gen/coldroitebk.gif) repeat-y;
	color:#797673;
	font-size:11px;
	overflow:visible;
	/*position:absolute;*/
	/*right:1px;*/
	/*top:0;*/
	width:205px;
	z-index:5;
	
	float:left;
	position:relative;
}
#colonne_droite li {
	margin-bottom: 5px;
	font-size: 11px;
}
#colonne_droite a {
	font-size: 11px;
}
#colonne_droite p.colonne_vide {
	background-color: #FFFFFF;
	height: 18px;
	width: 230px;
}
#colonne_droite hr {
	height: 1px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	margin-bottom: 0px;
	margin-left: 0px;
}

#colonne_droite_bas {
  background: url(/media/site/gen/coldroitebottombk.gif);
  background-position: 10px 0px;
  background-repeat: no-repeat;
  width:205px;
  height: 13px;
  z-index:5;
  float:left;
  position:relative;
}

	/* Div recherche */
#recherche_page {
	width: 190px;
	padding-bottom: 5px;
	margin-bottom:15px;
  margin-left:15px;
	position: relative;
	background-color: #88a0c2;
}
#recherche_page p {
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#recherche_page input {
	font-size: 10px;
	color: #797673;
	background-color: #FFFFFF;
	width: 150px;
	float: left;
	height: 15px;
	padding-top: 2px;
	padding-left: 5px;
  padding-right:15px;
	margin-bottom: 5px;
	border:1px #FFD600 solid;
}
#recherche_page a {
	margin-left:-18px;
	position:relative;
	top:2px;
}

	/* Div newsletter */
#newsletter {
	width: 190px;
	padding-bottom: 5px;
	margin-bottom:15px;
  margin-left:15px;
	position: relative;
}
#newsletter p {
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#newsletter input {
	font-size: 10px;
	color: #797673;
	background-color: #FFFFFF;
	width: 150px;
	float: left;
	height: 15px;
	padding-top: 2px;
	padding-left: 5px;
	margin-bottom: 5px;
	border:1px #b5e655 solid;
}
#newsletter a {
	margin-left:-18px;
	position:relative;
	top:2px;
}

	/* Div Lexique, actualités, agenda, zone éditoriale, sondage */
#lexique, #actualite, #agenda, #a_consulter, #sondage  {
	width: 190px;
	position: relative;
	margin-bottom: 25px;
  margin-left:15px;
}
#a_consulter h1, #annuaire h1, #agenda h1, #actualite h1, #newsletter h1, #lexique h1, #sondage h1 {
  font-size: 14px;
  color: #003D80;
  font-weight: bold;
  background-position: bottom;
  background-repeat: no-repeat;
  letter-spacing: 0em;
  margin-bottom: 0px;
  line-height: 14px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 9px;
}
#a_consulter h2, #annuaire h2, #agenda h2, #actualite h2, #newsletter h2, #lexique h2, #sondage h2 {
  font-size: 13px;
  letter-spacing: 0.1em;
  margin:5px 0px 6px 0px;
  padding-right: 10px;
  padding-left: 10px;
  color: #47AE64;
  background: none;
  border: none;
}
#a_consulter h3, #annuaire h3, #agenda h3, #actualite h3, #newsletter h3, #lexique h3, #sondage h3 {
  font-size: 11px;
  letter-spacing: 0.1em;
  margin:5px 0px 6px 0px;
  padding-right: 10px;
  padding-left: 10px;
  color: #000000;
  font-weight: bold;
}
#lexique  p, #actualite  p, #agenda  p, #a_consulter  p, #sondage  p  {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom:10px;
	font-size: 11px;
}
#lexique  p img, #actualite  p img, #agenda  p img, #a_consulter  p img, #sondage  p img  {
	border:1px #797673 solid;
	margin-top: 5px;
}
#lexique .lire, #actualite .lire, #agenda .lire, , #sondage .lire  {
	margin-bottom: 5px;
	text-decoration: underline;
	float: right;
}
#lexique .titre, #actualite .titre, #agenda .titre, #sondage .titre  {
	font-weight: bold;
	font-size: 11px;
}
#lexique p.etiquette, #agenda p.etiquette  {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}


#actualite ul, #agenda ul, #extranet ul {
	font-weight: normal;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: 11px;
	margin-right: 10px;
  list-style-type:none;
}
#actualite p, #agenda p {
	color:#797673;
}
#actualite a, #agenda a, #extranet a {
	color:#47AE64;
	font-weight:bold;
}
#actualite a:hover, #agenda a:hover, #extranet a.hover {
	font-weight:bold;
}
#toutesActus {
	margin-left:10px;
	margin-top:20px;
}
#toutesActus img {
	vertical-align: middle;
	padding-bottom: 5px;
	margin-right: 3px;

}
#toutesActus a {
	font-weight:normal;
}
#toutesActus a:hover {
	font-weight:normal;
}


	/* Mise en forme contenus Div Agenda */
#agenda p.liens {
	padding-left: 7px;
	color: #E67300;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 15px 10px 10px 0px;
	vertical-align: middle;
	padding-right: 0px;
	height: 15px;
}
#agenda img.liens {
	height: 15px;
	vertical-align: top;
	padding-left: 0px;
	padding-right: 3px;
}
#agenda a.liens  {
	color: #84b327;
}
#agenda a.liens:hover  {
	color: #90735F;
}
	/* Mise en forme contenus Div a consulter */
#a_consulter h1 {
	letter-spacing: 0.1em;
	margin-bottom: 8px;
	padding-left: 13px;
	line-height: 22px;
	padding-right: 10px;
}
#a_consulter ul, #annuaire ul {
	list-style-position: outside;
	list-style-image: url(/media/site/gen/puce_article_aconsulter.gif);
	font-weight: normal;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	font-size: 11px;
	margin-right: 10px;
}
#a_consulter ol, #annuaire ol {
  font-weight: normal;
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 5px;
  font-size: 11px;
  margin-right: 10px;
}
#a_consulter a, #annuaire a {
	color:#797673;
}
#a_consulter a:hover, #annuaire a:hover {
	color:#474543;
}
#annuaire p#toutesActus a {
	color:#84b234;
}
#annuaire p#toutesActus a:hover {
	color:#668b28;
}

#sondage p {
  padding: 10px 10px 0 10px;
  font-size: 11px;
}





#commentaires {
	padding-bottom: 20px;
	padding-top: 10px;
	background-color: #F5FAEB;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B5E655;
	margin-bottom: 15px;
}
#commentaire {
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 15px;
	border-top-color: #B5E655;
}
#commentaire_form {
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	margin-top: 15px;
	border-top-color: #B5E655;
	background-color: #B5E655;
	padding-bottom: 15px;
}
#commentaires #commentaire_form p {
	color: #5b8021;
}
#commentaires #commentaire_form p.bouton {
	height: 15px;
	text-align: right;
	font-size: 11px;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	border: 1px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#commentaires #commentaire_form img.bouton {
	vertical-align: top;
	padding-left: 0px;
	padding-right: 3px;
}
#commentaires #commentaire_form a.bouton  {
	color: #FFFFFF;
	font-size: 10px;
}
#commentaires #commentaire_form a.bouton:hover  {
	color: #4D4741;
}
#commentaires #commentaire_form input {
	width: 200px;
	padding-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B5E655;
	background-color: #FFFFFF;
	height: 14px;
	color: #7D7C76;
}
#commentaires #commentaire_form .titre {
	margin-bottom: 10px;
	color: #FFFFFF;
	background-image: url(/media/site/gen/puce_h2_contenu.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	margin-left: 0px;
}
#commentaires #commentaire_form a {
	color:#FFFFFF;
	font-weight:bold;
}
#commentaires #commentaire_form a:hover {
	color:#668b28;
	font-weight:bold;
}
#commentaires ul {
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	margin-right: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	margin-left: 0px;
	list-style-image: none;
}
#commentaires li {
	padding-left: 20px;
	margin-left: 20px;
	background-image: url(/media/site/gen/puce_article_aconsulter.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-bottom: 5px;
}
#commentaires p {
	color:#797673;
	font-size: 11px;
	margin-right: 10px;
}
#commentaires p.auteur {
	font-size: 11px;
}
#commentaires .nom {
	color: #84b234;
	font-weight: normal;
}
#commentaires .date {
	color: #5b8021;
	font-weight: bold;
	display: inline;
}
#commentaires a {
	color:#84b234;
	font-weight:bold;
}
#commentaires a:hover {
	color:#668b28;
	font-weight:bold;
}



/* Bloc Envoyer à un ami*/

#envoyer_ami, #envoyer_ami_message {
	font-weight:bold;
	padding-left:10px;
	color:#7FC6BC;
	padding-top:10px;
	position: absolute;
	z-index: 1000;
	width: 400px;
	left: 268px;
	top: 259px;
	background-color: #7FC6BC;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 2px solid #419CA6;
	display: none;
}
#envoyer_ami_message{
  display:none;
  z-index: 1000;
  top: 215px;
  left: 208px;
  width: 508px;
}
#envoyer_ami h3 {
	color:#FFFFFF;
	font-size: 13px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 20px;
	background-image: url(/media/site/gen/filet_article_titre.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5E655;
	padding-bottom: 5px;
}
#envoyer_ami p, #envoyer_ami_message p{
	color:#FFFFFF;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 3px;
}
#envoyer_ami p.note {
	font-size: 10px;

}
#envoyer_ami form {
	margin-left: 20px;
}
#envoyer_ami input {
	margin-bottom: 10px;
	width: 300px;
	font-size: 11px;
	color: #403C38;
	height: 14px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
#envoyer_ami textarea {
	margin-bottom: 5px;
	width: 300px;
	color: #403C38;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
}
#envoyer_ami p.liens, #envoyer_ami_message p.liens {
	color: #E67300;
	height: 15px;
	text-align: right;
	font-size: 11px;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 10px;
	border: 1px solid #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#envoyer_ami img.liens, #envoyer_ami_message img.liens {
	vertical-align: top;
	padding-left: 0px;
	padding-right: 3px;
}
#envoyer_ami a.liens, #envoyer_ami_message a.liens  {
	color: #FFFFFF;
	font-size: 10px;
}
#envoyer_ami a.liens:hover, #envoyer_ami_message a.liens:hover  {
	color: #4D4741;
}

/*  PARTIE SONDAGE GRAPHIQUE  */
/*//////////////////////*/


dl#csschart, dl#csschart dt, dl#csschart dd{
  margin:0;
  padding:0;
}   
dl#csschart{
  width:212px;
  padding: 10px 10px 0 10px;
  margin-bottom:10px;
} 
dl#csschart dt{
  display:block;
  width:212px;
  color:#84b234;
  font-weight:bold;
}
dl#csschart dd{
  position:relative;
  float:left;
  display:inline;
  width:212px;
  height:25px;  
  border: 1px solid rgb(204, 204, 204);
} 
dl#csschart span{
  position:absolute;
  display:block;
  width:212px;  
  bottom:0;
  left:0; 
  z-index:1;
  color:#555;
  text-decoration:none;
  height:25px;
}     
dl#csschart span em{
  background:#FFFFFF none repeat scroll 0 0;
  border:1px solid #B1B1B1;
  color:#555555;
  display:block;
  float:left;
  font-style:normal;
  left:3px;
  line-height:150%;
  position:absolute;
  text-align:center;
  top:15%;
  width:23px;
}     
dl#csschart em{
  padding-right: 3px;
  padding-left: 3px;
}  
/* default column styling */    

dl#csschart span{
  width:50%;
} 

/* // default column styling */   
    
/* column types */      

dl#csschart span.type1{
  background:url(/media/images/sondage_type1.gif) repeat-x;
} 
dl#csschart span.type2{
  background:url(/media/images/sondage_type2.gif) repeat-x;
} 
dl#csschart span.type3{
  background:url(/media/images/sondage_type3.gif) repeat-x;
} 
dl#csschart span.type4{
  background:url(/media/images/sondage_type4.gif) repeat-x;
} 

/* // column types */

/** div liste des extranets **/
#extranet {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  padding-left:10px;
  color:#7FC6BC;
  padding-top:10px;
  position: absolute;
  z-index: 1000;
  width: 180px;
  background-color: #7FC6BC;
  padding-right: 10px;
  padding-bottom: 10px;
  border: 2px solid #419CA6;
  display: none;
  min-height:100px;
  bottom:21px;
  left:0;
}
#extranet form {
  margin-left: 20px;
}
#extranet input {
  margin-bottom: 10px;
  width: 140px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #403C38;
  height: 14px;
  padding-top: 2px;
}
#extranet ul {
  list-style-position: outside;
  list-style-image: url(/media/site/gen/puce_article_aconsulter.gif);
  font-weight: normal;
  margin-top: 5px;
  margin-left: 23px;
  margin-bottom: 5px;
  font-size: 11px;
  margin-right: 10px;
}
#extranet p {
  color:#FFFFFF;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 2px;
  margin-left: 0;
  padding-left: 0;
  float: none;
  clear: both;
  width:180px;
  height:auto;
}
#extranet label {
  font-weight: bold;
  display: block;
}
#extranet a {
  color: #FFFFFF;
  font-size: 11px;
  font-weight:bold;
  float: none;
  border: none;
}
#extranet a:hover {
  color: #4D4741;
  font-weight:bold;
  background-color: transparent;
}
#extranet h3 {
  color:#FFFFFF;
  font-size: 13px;
  margin-bottom: 15px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 20px;
  background-image: url(/media/site/gen/filet_article_titre.gif);
  background-repeat: no-repeat;
  background-position:left bottom;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #B5E655;
  padding-bottom: 5px;
}

/******************************************/
/** RSS : styles d'affichage des flux RSS */
/******************************************/

div.rss-content {
  padding:10px 10px;
  float: left;
}

span.rss-msg {
  padding: 2px 4px;
  font-style: italic;
}

div.rss-content div.rss-title {
  font-weight:bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 14px;
}

div.rss-title a {
}

div.rss-title img {
  border:0;
  height:12px;
  vertical-align:bottom;
  padding-right:4px;
}

div.rss-content div.rss-item {
  clear:both;
  padding:4px;
  padding-top:8px;
  padding-bottom:0px;
}

div.rss-content div.rss-footer {
  clear:both;
  padding:2px;
  border-bottom:1px dotted silver;
}

div.rss-item div.rss-item-img {
  float:left;
  padding-right:4px;
}

div.rss-item-img img {
  height:50px;
}

div.rss-item div.rss-item-title {
}
div.rss-item-title a, #a_consulter div.rss-item-title a{
  color:#47AE64;/*#0068B4;*/
  font-weight:bold;
}
div.rss-item-title a:hover, #a_consulter div.rss-item-title a:hover{
  color:#474543;
  font-weight:bold;
}

div.rss-item-title span.rss-item-date {
  font-style:italic;
  font-size:9px;
  color:darkgrey;
}

div.rss-item-title span.rss-item-date:before {
  content: "publié le ";
}

div.rss-item div.rss-item-detail {
}

div.rss-item-detail img {
  width:0px;
  height:0px;
}

div.rss-item a.rss-item-pj {
}