/* Generated by KompoZer */
* {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 100%;
}
a {
  text-decoration: none;
  color: black;
}
hr {
  display: none;
}
.divSimple a {
  color: #ff7300;
  text-decoration: underline;
}
.divSimple hr {
  display: block;
}
label {
  display: none;
}
h1, h2, h3, h4, ul, li, p, form {
  margin: 0px;
  padding: 0px;
}
a img {
  border:  none;
}
form {
  padding-bottom: 0 ! important;
}
body {
  margin: auto ! important;
  background: #c7caba none repeat scroll 0%;
  text-align: center;
}
#divPrincipale {
  border: 1px solid #717566;
  background: white none repeat scroll 0%;
  width: 999px;
  height: auto ! important;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#divHaut {
  width: 999px;
  height: 75px;
  font-size: 11px;
  text-align: left;

}
#divHaut img {
  position: absolute;
  top: 0px;
  margin-left: 11px;
}
#divHautHaut {
  background: #717566 none repeat scroll 0%;
  height: 18px ! important;
  line-height: 18px;
  width: 999px;
  color: white;

}
#divulDate {
  padding: 0px 0px 0px 7px;
  line-height: 18px;
  min-height: 18px;
  height: 18px ! important;
  width: 200px;
  float: left;
  margin-left: 108px ! important;
}
#ulDate {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
line-height: 17px;
  min-height: 17px;
  height: 17px ! important;
}
#ulDate li {
  border-left: 1px solid white;
  border-right: 1px solid white;
  display: inline;
  padding-left: 7px;
  padding-right: 7px;
}
#divulCoordonnees {
line-height:17px;
  min-height: 17px;
  height: 17px ! important;
  float: right;
padding-right:3px;
}
#ulCoordonnees {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#ulCoordonnees li {
display:block;
  border-left: 1px solid white;
  display: inline;
  padding-left: 7px;
  padding-right: 7px;
}

.ulCoordonneesLast {
  padding-left: 4px ! important;
  padding-right: 0px ! important;
}
#ulCoordonnees img {
  position: static ! important;
}
.ulCoordonneesLast a {
  color: white;
}
#divHautBas {
  min-height: 26px;
  height: auto ! important;
  width: 999px;
}
#divList {
  background: #e7ead9 none repeat scroll 0%;
  width: 999px;
  min-height: 26px;
  height: auto ! important;
  color: #717566;
  float: left;
}
#divList h1 {
  min-height: 26px;
  height: 26px ! important;
  width: 353px ! important;
  font-size: 14px;
  margin-left: 108px ! important;
  padding-left: 4px;
  float: left;
  font-weight: normal;
}
#divList h1 span {
  font-size: 18px;
  font-weight: bold;
  font-family: Verdana;
  letter-spacing: 1px;
}
#divList ul {
  float: right;
  padding-top: 6px;
}
#divList ul li {
  border-left: 1px solid #717566;
  display: inline;
  padding-left: 7px;
}
.divListLast {
  border-right: 0px solid #717566;
  padding-right: 3px ! important;
}
#divList ul li a {
  color: #717566;
}
#decouvrirRennes {
  padding: 5px 0px;
  background: #97c200 none repeat scroll 0%;
  width: 188px;
  float: right;
}
.ulCoordonneesLast a:hover, .ulCoordonneesLast a:focus, .ulCoordonneesLast a:active {
  text-decoration: underline;
}
#decouvrirRennes a {
  background: transparent url(../imagesContenu/flecheblanche.png) no-repeat scroll 0 50%;
  margin-top: 3px;
  padding-left: 14px;
  margin-left: 10px;
  font-size: 120%;
  font-weight: bold;
  color: white;
}
#divList ul li a:hover, #divList ul li a:focus, #divList ul li a:active {
  text-decoration: underline;
}
#decouvrirRennes a:hover, #decouvrirRennes a:focus, #decouvrirRennes a:active {
  text-decoration: underline;
}
#divContainer {
  width: 999px;
  min-height: 768px;
  height: auto ! important;
}
#entete {
  border-color: #ff6600 #ff6600 #ff6600 -moz-use-text-color;
  border-width: 0px 0px 0px medium;
  min-height: 20px;
  overflow: hidden;
  position: relative;
  height: 25px ! important;
  margin-top: 0px;
margin-bottom: 5px;
  float: left;
  width: 999px;
}

#divTitreNoJs {
  border-style: solid none;
  border-color: #ff6600 -moz-use-text-color;
  border-width: 1px medium;
  overflow: hidden;
  margin-top: 15px;
}
.DerniereMinute {
  float: left;
  display: block;
}
#conteneurTitreActualite {
  position: relative;
  overflow: hidden;
  float: left;
}
.conteneurTitreActualite {
  float: left;
  display: block;
  white-space: nowrap;
}
.floatLeft {
  float: left;
}
#divTitre h2 a, #divTitreNoJs h2 a {
  padding: 1px 2px 1px 15px;
  font-size: 78%;
  color: #ff6600;
  float: left;
}
#divTitreActualite {
  display: inline;
  position: relative;
  overflow: hidden;
  text-align: center;
}
#TitreActualite {
  font-family: verdana,sans-serif;
  position: relative;
}
#ResumeDerniereMinute {
  font-weight: normal;
  font-size: 90%;
}
.espace {
  letter-spacing: 0.15em;
}
#divGauche {
  width: 390px;
  margin-top: 5px;
  height: auto ! important;
  float: left;
}
#divGaucheMinute {
}
#divMaj {
  display: inline;
  float: right;
  font-size: 65%;
  font-weight: normal;
}
#divMaj #parenthese1, #divMaj #parenthese2 {
  font-size: 65%;
}
#divMaj span.date, #divMaj span.heure {
  font-size: 85%;
}
.divImage img {
  margin: 0 0 0px ! important;
  padding: 0px 0 0;
}
.divImage .spacer-gif {
  display: none;
}
#container2 {
  border-style: solid solid none;
  border-color: #acb39b #acb39b -moz-use-text-color;
  border-width: 1px 1px medium;
  margin-top: -1px;
  padding-bottom: 9px;
}
.divNouvellesRegles {
  border-top: 1px solid #acb39b;
  border-left: 1px solid #acb39b;
  border-right: 1px solid #acb39b;
  padding: 0px 0px 4px ! important;
  height: 135px;
  width: 388px ! important;
  margin-top: 0px ! important;
}
.divtNrtitre {
  background: #ff7300 none repeat scroll 0%;
  padding-top:4px;
padding-bottom:5px;
  width: 390px ! important;
}
.divtNrtitre h2 {
  padding-left: 24px ! important;
  background: transparent url(../images/triangle1.jpg) no-repeat scroll 10px ;
  font-weight: bold;
  font-size: 75%;
  color: white;
line-height: 1em;
}
.divtNrtitre h2 span {
  font-size: 75%;
  font-weight: normal;
  margin-left: 3px;
}
.divContenue {
width:380px;
  font-size: 70%;
  text-align: justify;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  margin-bottom: 0px;
  	overflow:hidden;
	height: 100px ! important;
	height: expression(this.scrollHeight > 10 ?  "100px" : "auto" ); 
}
.divContenue a {
font-weight: bold;
font-size: 85%;
}
.divliens a {
  margin-top: 2px;
  padding-left: 0px;
  padding-top: 2px;
  padding-bottom: 0px;
  text-decoration: underline;
  color: #ff7300;
  font-weight: bold;
  
}
.divliens a:first-letter {
  text-transform: uppercase;
}
#divListe {
  width: 386px ! important;
}
.divListe {
  width: 386px ! important;
}
#listleft {
  background: #000000 none repeat scroll 0%;
  list-style-type: none;
  list-style-image: none;
	/* padding-left:5px */
  list-style-position: outside;
  float: left;
  width: 390px ! important;
}
#listleft li {
  /* border-right: 1px solid #acb39b; */
   border-bottom: 0px solid #acb39b; 
 /*  padding-top: 0px; */
 /*  padding-bottom: 0px; */
  width: 97px ! important;
  float: left;
  font-size: 0%;
}
#listleft li a {
  padding-left: 0px;
}

#listleft li strong {
  font-weight: normal;
  margin-top: 3px;
}

#vign0 {
  padding-left: 0px;
 
}
#listleft .listright {
  border-bottom: medium none;
}
#listleft li#liActualite {
  border-right: medium none;
  background: transparent url(../images/tranche1.jpg) repeat scroll 0%;
  width: 195px ! important;
  float: right;
}
#listleft #liActualite a {
  padding: 0 0 0 0px;
  font-size: 100%;
  font-weight: bold;
  color: white;
}
#listleft li a:hover, #listleft li a:focus, #listleft li a:active {
  text-decoration: none;
}
#divGaucheSortir {
  margin-top: 10px;
  min-height: 153px;
  height: auto ! important;

}
#titreSortir h2 {
  border-left: 1px solid #ff7300;
  margin-left: 10px;
  padding-left: 5px;
  font-size: 85%;
  font-weight: normal;
  color: #ff7300;
  text-transform: lowercase;
}
#divsoirRennes {
  border: 1px solid #c7caba;
  min-height: 133px;
  height: auto ! important;
  margin-top: 5px;
  
}
#titresoir {
  background: #ff7300 none repeat scroll 0%;
  min-height: 17px;
  height: auto ! important;
  padding-top: 2px;
  display: block ;
}
#titresoir h3 {
  background: transparent url(../images/barre1.jpg) no-repeat scroll 8px 3px;
  font-weight: bold;
  font-size: 70%;
  color: white;
  padding-left: 17px;
  padding-top: 1px;
  padding-bottom: 0px;
  text-transform: uppercase;
   display: block ;
}
#divSoirContenueGlobal {
  min-height: 111px;
  height: auto ! important;
}
#imageflower {
  float: left;
}
#divSoirContenue {
  float: left;
  padding-left: 25px;
  margin-top: 17px;
  width: 216px;
  font-size: 70%;
}
#divSoirContenue a {
  font-size: 90%;
}
.divlien {
  padding-bottom: 16px;
}
#themedivSoir {
  color: #ff7300;
  font-size: 85%;
  font-weight: bold;
}
#titredivSoir {
  color: black;
  font-size: 85%;
  font-weight: bold;
}
#lieudivSoir, #auteurdivSoir {
  font-size: 85%;
}
#datedivSoir {
  font-size: 80%;
  font-weight: normal;
}
.divlien a {
  text-decoration: underline;
  color: #ff7300;
  font-weight: bold;
}
#divGaucheCetteSemaine {
  border: 1px solid #c7caba;
  background: #e7ead9 none repeat scroll 0%;
}
#divBarreHaut {
  width: 388px;
  min-height: 16px;
  height: auto ! important;
}
#divbarre1 {
  border: 1px solid #c7caba;
  background: #ff7300 none repeat scroll 0%;
  width: 380px ! important;
  min-height: 16px;
  height: auto ! important;
  padding-left: 7px;
  padding-top: 1px;
  float: left;
  font-size: 70%;
}
#divbarre1 h4 {
  background: transparent url(../images/barre1.jpg) no-repeat scroll 0px 2px;
  padding-left: 10px;
}
#divbarre1 div {
  background: transparent url(../images/barre1.jpg) no-repeat scroll 0px 2px;
  padding-left: 10px;
}
#divbarre1 {
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
#divbarre1 a:hover, #divbarre1 a:focus, #divbarre1 a:active {
  text-decoration: underline;
}
#barre2 {
  float: left;
  width: 127px;
  min-height: 16px;
  height: auto ! important;
   
}
#barre2 form select {

  font-size: 65%;
  width: 127px;
  font-weight: bold;
  color: #ff7300;
  float: left;
  

}
#validerThemes input {
  border: 1px solid #c7caba;
  padding: 0;
  background: #ff7300 none repeat scroll 0%;
  color: white;
  font-size: 70%;
  font-weight: bold;
  width: 24px;
  min-height: 18px;
  height: auto ! important;
  float: right;
  text-align: center;
  text-transform: uppercase;
}
#lienAgenda {
  border: 1px solid #c7caba;
  background: transparent url(../images/tranche1.jpg) repeat scroll 0%;
  float: left;
  width: 116px ! important;
  min-height: 15px;
  height: auto ! important;
  padding-left: 2px ! important;
  padding-top: 2px ! important;
}
#lienAgenda h4 {
  background: transparent url(../images/triangle1.jpg) no-repeat scroll 99px 0px;
  font-size: 65%;
  padding-left: 3px;
}
#lienAgenda div {
  background: transparent url(../images/triangle1.jpg) no-repeat scroll 99px 0px;
  font-size: 65%;
  padding-left: 3px;
}
#lienAgenda a {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}
#lienAgenda a:hover, #lienAgenda a:focus, #lienAgenda a:active {
  text-decoration: underline;
}
.divBarreCentre {
  min-height: 127px;
  height: 127px ! important;
  margin-top: 13px;
  width: 390px ! important;
}
.divBarreCentre ul {
  min-height: 94px;
  height: auto ! important;
  padding-left: 9px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  padding-bottom: 6px;
}

.divBarreCentre ul li {
  border-left: 1px solid #3e4037;
  float: left;
  width: 123px ! important;
  padding-left: 3px;
  font-size: 90%;
}
.divBarreCentre ul li .genre {
  margin-top: 0px;
  margin-bottom: 1px;
  font-weight: bold;
  color: #ff7300;
}
.divBarreCentre ul li .genre:first-letter {
  text-transform: uppercase;
}
.divBarreCentre ul li .date1 {
  font-size: 90%;
}
.divBarreCentre ul li .date1 span {
  font-size: 94%;
  font-weight: normal;
}
.divBarreCentre ul li .titre {
  font-weight: bold;
  text-transform:lowercase;
}
.divBarreCentre ul li .lien a {
  font-weight: bold;
  color: #ff7300;
  text-decoration: underline;
}
#divBarreBas ul {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  padding-bottom: 0px;
}
#divBarreBas ul li {
  float: left;
}
#divBarreBas ul #ligauche1 {
  margin-left: 127px ! important;
}
#divBarreBas ul li img {
  position: relative;
  top: 3px;
}
#divDroite {
  width: 594px;
  min-height: 751px;
  height: auto ! important;
  float: left;
  margin-left: 15px ! important;
}
#divDroiteHaut {
  min-height: 281px;
  height: auto ! important;
}
#divDroiteHaut h2 {
  border-left: 1px solid #007580;
  font-size: 85%;
  font-weight: normal;
  min-height: 14px;
  height: auto ! important;
  margin-bottom: 1px;
  padding-left: 5px;
  color: #007580;
}
#divDroiteHautCenter {
  border-style: solid none solid solid;
  border-color: #acb39b -moz-use-text-color #acb39b #acb39b;
  border-width: 1px medium 1px 1px;
  background: #e7ead9 none repeat scroll 0%;
  min-height: 264px;
  height: auto ! important;
  width: 593px ! important;
}
#divDroitHautCenterContainer {
min-height: 220px;
height: 220px;
padding-left:0px;
border: 1px solid #bcb1c9;
margin-bottom:25px;
z-index:1;
  }
#divDroiteHautCenterMenu {
  width: 390px ! important;
  height: 40px ! important;

margin-bottom:2px;

}
#listeDroiteHautMenu {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
width: 386px;
margin-top: 0px;
height: auto;
margin-left: 3px;
}
#listeDroiteHautMenu li {
background: #00a8b3 none repeat scroll 0%;
width: 128px;
float: left;
}
#listeDroiteHautMenu li a {
font-size: 70%;
line-height: 85%;
padding-top:3px;
padding-bottom:5px;
display: block ;
font-weight: bold;
color: white;
border-right: 2px solid white;
border-bottom: 0px solid white;
padding-left: 20px;
padding-right: 0px;
background-image: url(../images/picto-triangle-bleu.jpg);
background-repeat: no-repeat;
background-position: 5px;
}
#listeDroiteHautMenu li a:hover, #listeDroiteHautMenu li a:focus, #listeDroiteHautMenu li a:active {
text-decoration: none;
background-color:#ffffff;
color:#00A8B3;
background-image: url(../images/picto-triangle-blanc-bleu.jpg);
background-repeat: no-repeat;
background-position: 5px;
}
#divDroiteHautCenterTexte {
  width: 375px;
  min-height: 142px;
  height: auto ! important;
  margin-top: 15px ! important;
  font-size: 70%;
}
#divDroiteHautCenterTexte p {
  padding: 0px 10px 10px;
  text-align: justify;
  font-weight: normal;
}
.listBas1 {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  min-height: 142px;
  height: auto ! important;
  margin-top: 15px ! important;
  margin-left: 5px;
  font-size: 70%;
  padding-right: 20px;
}
.listBas1 li {
  border-bottom: 1px dotted #acb39b;
  background: transparent url(../images/carree_03.jpg) no-repeat scroll 5px 7px;
  padding-left: 15px;
  padding-bottom: 5px;
}
.marginTopArchives {
  margin-top: 20px;
}
.dernierElement {
  border:  none;
}
#divleftTexte {
  float: left;
  width: 167px ! important;
  min-height: 142px;
  height: auto ! important;
  margin-left: 5px ! important;
}
.divleftTexte {
  float: left;
  width: 167px ! important;
  min-height: 142px;
  height: auto ! important;
  margin-left: 5px ! important;
}
.divRightTexte {
  float: left;
  min-height: 142px;
  height: auto ! important;
  width: 198px;
}
#divTitleLeftText {
  color: #00a8b3;
  text-transform: uppercase;
  font-size: 75%;
}
#divTitleLeftText div {
  font-weight: bold ! important;
}
.divTitleLeftText {
  color: #00a8b3;
  text-transform: uppercase;
  font-size: 75%;
}
.divTitleLeftText div {
  font-weight: bold ! important;
}
#divTitleText {
  color: #00a8b3;
  font-size: 75%;
}
.divTitleText {
  color: #00a8b3;
  font-size: 75%;
}
.paragraphe {
  margin-top: 2px;
  font-size: 69%;
}
#titreParagraphe {
  color: #00a8b3;
  font-weight: bold;
}
#imageLeft {
  float: left;
  padding-left: 23px;
  padding-right: 15px;
}
#infoVisuLien {
  margin-top: 5px;
}
#infoVisuLien a {
  margin: 0;
  padding: 0;
  font-size: 65%;
  font-weight: bold;
  color: #00a8b3;
  text-decoration: underline;
}
#tel {
  font-weight: bold;
  font-size: 85%;
  padding-bottom: 10px ! important;
}
#divLink {
  margin-top: 12px;
}
.tel {
  font-weight: bold;
  font-size: 85%;
  padding-bottom: 10px ! important;
}
.divLink {
  margin-top: 12px;
}
.paragraphe #divlink a {
  color: #00a8b3;
  font-weight: bold;
  text-decoration: underline;
  font-size: 100% ! important;
}
#droiteHautListes {
  float: left;
  width: 167px;
  min-height: 244px;
  height: auto ! important;
  margin-left: 11px ! important;
  margin-right: 11px ! important;
  margin-top: 4px;
}
.formInfo, #formMunicipale {
  min-height: 27px;
  height: auto ! important;
  padding-bottom: 0px ! important;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}
.legende1 {
  min-height: 27px;
  height: auto ! important;
width: auto ! important;
border: 0px solid rgb(113, 117, 102);
}
fieldset {
  border: 1px solid #FFFFFF;
  margin-left: 3px;
  padding: 0px 2px 3px 5px ! important;
  background: transparent none repeat scroll 0%;
  width: 175px ! important;
}
fieldset legend {
  font-size: 65%;
  font-weight:bold;
  margin-bottom: 2px ! important;
  text-transform: uppercase;
  color: #FFFFFF;
}
.legende {
  min-height: 27px;
  height: auto ! important;
width: auto ! important;
border: 2px solid rgb(113, 117, 102);
}

fieldset .champs1 {
  margin-top: 0px ! important;
}
fieldset .champs, fieldset .champ4 {
  float: right;
  font-size: 70%;
}
fieldset .champs1{
   font-size: 70%;
}

.valider {
}
fieldset .valider input, fieldset .valider1 input {
border: 1px solid #AAB29A ;
  margin: 0;
  padding: 0;
  background: #AAB29A none repeat scroll 0%;
  float: left;
  min-height: 19px;
  height: 19px ! important;
  font-size: 70%;
  font-weight: bold;
  color: white;
  width: 23px;
  text-transform: uppercase;
}
fieldset .valider input{
border: 1px solid #AAB29A ;
  margin: 0;
  padding: 0;
  background: #AAB29A none repeat scroll 0%;
  float: right;
  min-height: 19px;
  height: 19px ! important;
  font-size: 70%;
  font-weight: bold;
  color: white;
  width: 23px;
  text-transform: uppercase;
}

fieldset select {
  color: #007580;

}

fieldset #quartier{
 width:175px
 }
 fieldset #mairie{
 width:175px
 }
 fieldset #services{
 width:175px
 }

fieldset #recherche {
  color: #007580;
  width: 120px;
float:left;
}
fieldset #profils  {
  color: #007580;
  width: 140px ! important;
}
fieldset #questions fieldset #municipales fieldset #quartier {
  width: 152px ! important;
}
fieldset #questions {
  width: 152px ! important;
}
.elements {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin-top: 6px;
  min-height: 40px;
  height: auto ! important;
  width: 157px ! important;
  font-size: 70%;
}
.elements li {
  background: transparent url(../images/carree_03.jpg) no-repeat scroll 5px;
  padding-left: 15px;
  padding-bottom: 4px;
}
.elements .liBord {
  border-bottom: 1px dotted #acb39b;
}
.elements li a:hover, #elements li a:focus, #elements li a:active {
  text-decoration: underline;
}
#annuaire {
  border: 1px solid #acb39b;
  background: white none repeat scroll 0%;
  min-height: 18px;
  height: auto ! important;
  width: 183px;
  margin-top: 4px;
}
#lienAnnuaire {
  margin: 2px;
  padding: 0;
  background: transparent url(../images/annuaires.jpg) repeat scroll 0%;
  min-height: 14px;
  height: auto ! important;
  font-size: 70%;
}
#lienAnnuaire a {
  background-color: transparent;
  background-image: url(../images/triangle2.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 3px 60% ! important;
  color: white;
  font-weight: bold;
  padding-left: 14px ! important;
}
#divExplorer {
  margin-top: 34px;
  width: 592px ! important;
  min-height: 448px;
  height: auto ! important;
}
#divTitreExplorer {
  min-height: 16px;
  height: auto ! important;
  margin-left: 3px;
}
#divTitreExplorer h2 {
  border-left: 1px solid #847399;
  font-weight: normal;
  padding-left: 5px;
  font-size: 85%;
  color: #847399;
}
#divExplorerParties {
  margin-top: 5px ! important;
}
#divDemiGauche {
  width: 390px ! important;
  float: left;
}
#divBarreExplorer {
  padding: 0px;
  background: transparent url(../images/basExplorer_03.jpg) no-repeat scroll 0 0px;
  width: 390px;
  height: 3px;
  overflow: hidden;
}
#divOngletsTitre {
  margin: 0px;
  padding: 0px;
  min-height: 22px;
  height: auto ! important;
}
#divOngletsTitre ul {
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-size: 70%;
}
#divOngletsTitre ul li {
  float: left;
  text-align: center;
}
.type_titre {
  font-weight: normal;
  color: #5a4573;
  text-decoration: none;
}
.titre_rub_desactive {
  padding: 0 8px 0 0;
  background: transparent url(../images/desactiveright.jpg) no-repeat scroll 100% 0 ! important;
  width: 89px ! important;
width: 78px ;
  float: left;
}
.titre_rub_desactive .left {
  padding: 0 0 0 8px;
  background: transparent url(../images/desactiveleft.jpg) no-repeat scroll 0 50%! important;
}
.titre_rub_desactive .right {
  padding: 5px 0 4px;
  background: transparent url(../images/desactivemilieu.jpg) repeat-x scroll 0% 50%;
}
.titre_rub_active {
  padding: 0 8px 0 0;
  background: transparent url(../images/activeright.jpg) no-repeat scroll 100% 0 ! important;
  float: left;
}
.divTitreRubActive {
  padding: 0px 8px 0px 0px;
  
  background: transparent url(../images/activeright.jpg) no-repeat scroll 100% 0 ! important;
  width: 89px ! important;
width: 78px ;
}
.divTitreRubActive .left {
  padding: 0px 0px 0px 8px;
	
 background: transparent url(../images/activeleft.jpg) no-repeat ;
    background-position:top left ! important;
}
.divTitreRubActive .right {
  padding: 5px 0 4px;
  background: transparent url(../images/activemilieu.jpg) repeat-x scroll 0% 50%;
}
#divPanRubActivePl {
  margin-left: 15px;
}
#divPanRubActive {
  margin-top: 16px;
  margin-left: 35px;
  margin-right: 28px;
}
.divPanes {
  margin-top: 16px;
  margin-left: 35px;
  margin-right: 28px;
}
.divContenuRubActive {
  border: 0px solid #867699;
  width: 318px ! important;
  min-height: 18px;
  height: auto ! important;
}
.divNomLieu {
  border-right: 0px solid #867699;
  padding: 2px 0px 0px;
  width: 280px ! important;
  min-height: 18px;
  height: auto ! important;
  float: left;
}
.divNomLieu h3 {
  margin-top: 2px;
  margin-left: 5px;
  font-size: 70%;
}
.voir input {
  padding: 0px;
  background: #867699 none repeat scroll 0%;
  float: left;
  width: 36px ! important;
  min-height: 18px;
  height: auto ! important;
  color: white;
  font-size: 70%;
  font-weight: bold;
}
.photos {
  margin-top: 1px;
}
#pane2, #pane3, #pane4, #pane5 {
  display: none;
}
.listBas1 {
}
#info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9 {
  display: none;
}
#outil-interactif {

  border: 1px solid #bcb1c9;
  width: 390px ! important;
  margin-top: 15px;

}
#divTitreoutil-interactif  {
background-color: #9080a5;
  padding-top: 2px;
padding-bottom: 2px;
padding-left:8px;
  height: 18px;
  height: auto ! important;
  font-size: 80%;
}
#divTitreoutil-interactif h2 {
  background-color: #9080a5;
border-left: 2px solid #ffffff;
  color: #ffffff;
  font-weight: bold;
  padding-left: 4px;
  text-transform: uppercase;
}
.imgportfolio {
  padding: 0px;
  width: 380px;
  margin-top: 7px;
  margin-right: 0px;
}
.imgportfolio ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul.imgportfolio1 {
  padding: 0 0 0 10px;
  min-height: 68px;
  height: auto ! important;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 10px ! important;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  float: left;
  width: 125px ! important;
}
ul.imgportfolio1 li h4 a {
  width: 100px ! important;
}
ul.imgportfolio1 li div a {
  width: 100px ! important;
}
.imgportfolio2 {
  float: left;
}
ul.imgportfolio2 {
  padding: 0;
  min-height: 68px;
  height: auto ! important;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 25px ! important;
  margin-left: 10px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: 100px ! important;
}
ul.imgportfolio2 li h4 a {
  width: 90px ! important;
}
ul.imgportfolio2 li div a {
  width: 90px ! important;
}
.imgportfolio3 {
  float: left;
}
ul.imgportfolio3 li h4 a {
  width: 100px ! important;
}
ul.imgportfolio3 li div a {
  width: 100px ! important;
}
ul.imgportfolio3 {
  margin: 0;
  padding: 0 0 0 10px;
  min-height: 68px;
  height: auto ! important;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: 90px ! important;
}
.imgportfolio1 li {
  margin-right: 50px ! important;
}
.imgportfolio2 li {
  margin-left: 0px ! important;
  margin-right: 50px ! important;
  padding-left: 0px ! important;
}
.imgportfolio3 li {
  margin-right: 50px ! important;
}
.imgportfolio li h4 a {
  font-size: 65%;
  color: #5b4675;
  text-decoration: underline;
  font-weight: normal;
  width: 7px;
  display: block;
}
.imgportfolio li div a {
  font-size: 65%;
  color: #5b4675;
  text-decoration: underline;
  font-weight: normal;
  width: 7px;
  display: block;
}
#navigations {
  padding: 30px 0px 0px;
  text-align: center;
  position: relative;
}
#navigations ul {
  margin: 0px;
  padding: 5px 0px 0px;
  display: inline;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#navigations ul li {
  display: inline;
  margin-right: -7px;
}
#navigations ul li img {
  margin-bottom: -4px;
}
#divPortfolioPl {
  border-top: 1px solid #bcb1c9;
  border-left: 1px solid #bcb1c9;
  border-right: 1px solid #bcb1c9;
  background: #edeaf2 none repeat scroll 0%;
  width: 388px ! important;
  margin-top: 0px;
}
#divTitredivPortfolioPl1 {
  background: transparent url(../images/barrefolio.jpg) no-repeat scroll 3px;
  color: #5b4675;
  font-size: 70%;
  font-weight: bold;
  padding-left: 10px;
  text-transform: uppercase;
  margin-top: 15px;
}
#divTitredivPortfolioPl {
  border-bottom: 1px solid #baafc7;
  padding: 2px 0px 0px 10px;
  background: transparent url(../images/portfolio.jpg) repeat scroll 0%;
  min-height: 16px;
  height: auto ! important;
  font-size: 70%;
}
#divTitredivPortfolioPl h3 {
  background: transparent url(../images/barrefolio.jpg) no-repeat scroll 3px;
  color: #5b4675;
  font-weight: bold;
  padding-left: 10px;
  text-transform: uppercase;
}
.imgportfolioPl {
  padding: 0px;
  width: 380px;
  margin-top: 7px;
  margin-right: 0px;
}
.imgportfolioPl ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul.imgportfolio1Pl {
  padding: 0 0 0 10px;
  min-height: 68px;
  height: auto ! important;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 10px ! important;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  float: left;
  width: 125px ! important;
}
ul.imgportfolio1Pl li h4 a {
  width: 100px ! important;
}
ul.imgportfolio1Pl li div a {
  width: 100px ! important;
}
.imgportfolio2Pl {
  float: left;
}
ul.imgportfolio2Pl {
  padding: 0;
  min-height: 68px;
  height: auto ! important;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 25px ! important;
  margin-left: 10px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: 100px ! important;
}
ul.imgportfolio2Pl li h4 a {
  width: 90px ! important;
}
ul.imgportfolio2Pl li div a {
  width: 90px ! important;
}
.imgportfolio3Pl {
  float: left;
}
ul.imgportfolio3Pl li h4 a {
  width: 100px ! important;
}
ul.imgportfolio3Pl li div a {
  width: 100px ! important;
}
ul.imgportfolio3Pl {
  margin: 0;
  padding: 0 0 0 10px;
  min-height: 68px;
  height: auto ! important;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: 90px ! important;
}
.imgportfolio1Pl li {
  margin-right: 50px ! important;
}
.imgportfolio2Pl li {
  margin-left: 0px ! important;
  margin-right: 50px ! important;
  padding-left: 0px ! important;
}
.imgportfolio3Pl li {
  margin-right: 50px ! important;
}
.imgportfolioPl li h4 a {
  font-size: 65%;
  color: #5b4675;
  text-decoration: underline;
  font-weight: normal;
  width: 7px;
  display: block;
}
.imgportfolioPl li div a {
  font-size: 65%;
  color: #5b4675;
  text-decoration: underline;
  font-weight: normal;
  width: 7px;
  display: block;
}
#navigationsPl {
  padding: 30px 0px 0px;
  text-align: center;
  position: relative;
}
#navigationsPl ul {
  margin: 0px;
  padding: 5px 0px 0px;
  display: inline;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#navigationsPl ul li {
  display: inline;
  margin-right: -7px;
}
#navigationsPl ul li img {
  margin-bottom: -4px;
}
#divDemiDroite {
  width: 187px;
  min-height: 428px;
  height: 428px;
  margin-left: 13px;
  float: left;
}
#divTitreParole {
  min-height: 16px;
  height: auto ! important;
}
#divTitreParole h2 {
  border-left: 1px solid #847399;
  font-size: 85%;
  color: #847399;
  font-weight: normal;
  padding-left: 5px;
}
#divListparole {
  border-style: solid none solid solid;
  border-color: #acb39b -moz-use-text-color #acb39b #acb39b;
  border-width: 1px medium 1px 1px;
  background: #e7ead9 none repeat scroll 0%;
  min-height: 155px;
  height: auto ! important;
  width: 190px ! important;
  margin-top: 3px;
  font-size: 70%;
}
#divListparole ul {
  padding: 0px 0px 0px 8px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#divListparole ul li {
  border-bottom: 1px dotted #acb39b;
  background: transparent url(../images/puce.jpg) no-repeat scroll 0px 10px;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: 3px;
}
#divListparole ul li a {
  font-weight: bold;
}
#divListparole ul li a a:hover, #divListparole ul li a:focus, #divListparole ul li a:active {
  text-decoration: underline;
}
#divListparole ul #lidernier {
  border-bottom: medium none;
}
#divQuartier {
  border-style: solid none solid solid;
  border-color: #acb39b -moz-use-text-color #acb39b #acb39b;
  border-width: 1px medium 1px 1px;
  padding: 0px;
  min-height: 157px;
  height: auto ! important;
  width: 190px ! important;
  margin-top: 20px;
}
#divTitreQuartier {
  background: #97c200 none repeat scroll 0%;
  padding-left: 10px;
  padding-top: 4px;
padding-bottom: 4px;
  font-size: 70%;
margin-top:2px;
background-image: url(../images/picto-triangle.jpg);
background-repeat: no-repeat;
background-position: 5px;
}
#divTitreQuartier h3 {
border-left: 0px solid white;
color: white;
font-weight: bold;
text-transform: uppercase;
line-height: 1em;
padding-left: 10px;
}
#cartes {
  min-height: 110px;
  height: auto ! important;
}
#cartes img {
  margin: 0px;
  padding: 0px;
}
#cartes img {
  cursor: pointer ! important;
}
#divSelectCarte {
  padding: 0px;
}
#divSelectCarte select {
  width: 164px;
  margin-bottom: -2px ! important;
  font-size: 70%;
  color: #546614;
  float: left;
}
#validerQuartiers input {
  border: 1px solid #c7caba;
  padding: 0;
  background: #97c200 none repeat scroll 0%;
  color: white;
  font-size: 70%;
  font-weight: bold;
  width: 24px;
  min-height: 18px;
  height: auto ! important;
  float: left;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0px ! important;
}
#divLiensUtile {
  border: 1px solid #baafc7;
  margin-top: 23px ! important;
  min-height: 37px;
  height: auto ! important;
  width: 188px;
}
#divtitreUtiles {
  background-color: #847399;
  width: 189px ! important;
  min-height: 17px;
  height: auto ! important;
  padding-top: 2px ! important;
  font-size: 70%;
}
#divtitreUtiles h3 {
  border-left: 2px solid white;
  color: white;
  padding-left: 8px;
  margin-left: 10px;
  margin-top: 2px;
  text-transform: uppercase;
  line-height: 1em;
}
.champselect select {
  width: 162px;
  margin-top: 0px;
  margin-bottom: 0px ! important;
  color: #494776;
  font-size: 70%;
  float: left;
}
#validerLiens input {
  border: 1px solid #c7caba;
  padding: 0;
  background-color: #847399;
  color: white;
  margin-bottom: 0px ! important;
  font-size: 70%;
  font-weight: bold;
  width: 24px;
  min-height: 20px;
  height: auto ! important;
  float: left;
  text-align: center;
  text-transform: uppercase;
}
#divPersonnaliserCadre {
  padding: 0 0 0 20px;
  background: transparent url(../images/personnaliserCadre.png) no-repeat scroll 0%;
  float: right;
  width: 140px ! important;
  font-size: 70%;
}
#divPersonnaliser {
  border-right: 1px solid #c7caba;
  border-bottom: 1px solid #c7caba;
  min-height: 15px;
  height: auto ! important;
  padding-left: 6px;
}
#divPersonnaliser a {
  color: #717566;
  text-transform: uppercase;
}
.lienOrange {
  color: #ff7300;
  text-decoration: underline;
  font-size: 70%;
}
#bas {
  min-height: 37px;
  height: auto ! important;
  width: 999px;
  margin-top: 8px;
}
#divbas1 {
  background: #e7ead9 none repeat scroll 0%;
  min-height: 18px;
  height: auto ! important;
  text-transform: uppercase;
  padding-top: 2px;
}
#divbas1 h3 {
  color: #717566;
  font-size: 75%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 4px;
}
#divbas2 {
  background: #717566 none repeat scroll 0%;
  min-height: 18px;
  height: auto ! important;
  color: white;
  padding-left: 160px;
  font-size: 70%;
}
#divCopy {
  float: left;
  padding-top: 2px;
  padding-right: 3px;
}
#divMenuContact ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  padding-top: 2px;
}
#divMenuContact ul li {
  background: transparent url(../images/barreHaut.jpg) no-repeat scroll 4px 80%;
  float: left;
}
#divMenuContact ul li a {
  color: white;
  padding-left: 15px;
  padding-right: 3px;
}
#divMenuContact ul li:first-letter {
  text-transform: uppercase;
}
#divMenuContact ul li a:hover, #divMenuContact ul li a:focus, #divMenuContact ul li a:active {
  text-decoration: underline;
}
.clearBoth {
  clear: both;
}
.divListeAudioVideo {
  min-height: 470px;
  height: auto ! important;
}
#divTabs {
  background: transparent url(../images/explorer_03.jpg) repeat-y scroll 0 0px;
 width: 390px;
  min-height: 338px;
  height: auto ! important;

}
.divVideo {
  width: 160px;
  float: left;
  padding-bottom: 13px;
  padding-right: 3px;
  margin-left: 0px;
}
.divApercu {
  width: 75px;
  float: left;
  padding-right: 4px;
}
.divVisionner {
  background: #5a4573 none repeat scroll 0%;
  font-size: 65%;
  height: 15px;
  width: 75px;
}
.visionner {
  background-image: url(../images/imagesContenu/visionner.png);
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding-left: 13px;
  margin-left: 2px;
  color: white;
}
.titreDocument {
  float: left;
  width: 80px;
  font-size: 70%;
  font-weight: bold;
  color: #5a4573;
  text-decoration: underline;
}
.descriptifVideo {
  float: left;
  width: 80px;
  font-size: 65%;
  color: #847399;
}
.titreDocumentSonore {
  font-size: 70%;
  font-weight: bold;
  color: #5a4573;
  text-decoration: underline;
}
.divAudio {
  border-bottom: 1px dotted #717566;
  padding-top: 7px;
  padding-bottom: 8px;
}
.descriptifAudio {
  padding-top: 4px;
  font-size: 65%;
  color: #808080;
}
.ecouter {
  background-image: url(../images/imagesContenu/ecouter.png);
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding-left: 17px;
  padding-right: 11px;
  float: left;
}
.ecouter a {
  font-size: 65%;
  color: #5a4573;
  text-decoration: underline;
}
.podcaster {
  background-image: url(../images/imagesContenu/telechargerP.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 17px;
  float: left;
}
.podcaster a {
  font-size: 65%;
  color: #5a4573;
  text-decoration: underline;
}
.format {
  float: left;
  font-size: 65%;
  font-style: italic;
  color: #808080;
  padding-top: 5px;
  padding-left: 4px;
}
#divVideo, #divAudeo {
  display: none;
}
#divVideo, #divAudeo {
  border: 1px solid #bcb1c9;
  background: #edeaf2 none repeat scroll 0%;
  width: 389px ! important;
  margin-top: -3px;
  font-size: 70%;
}
.divTitreVideoSon {
  border-bottom: 1px solid #baafc7;
  padding: 2px 0px 0px 10px;
  background: transparent url(../images/portfolio.jpg) repeat scroll 0%;
  min-height: 16px;
  height: auto ! important;
  font-size: 100%;
}
#divVideo h3, #divAudeo h3 {
  background: transparent url(../images/barrefolio.jpg) no-repeat scroll 3px;
  color: #5b4675;
  font-weight: bold;
  padding-left: 10px;
  text-transform: uppercase;
}
.allerliste {
  text-align: right;
  margin-top: 10px;
}
.allerliste a {
  font-weight: bold;
  color: #5b4675;
  text-decoration: underline;
}
.allerliste a:hover {
  text-decoration: none;
}
.listeVideoAudeo {
  padding: 0px;
  width: 380px;
  margin-top: 7px;
  margin-right: 0px;
}
.listeVideoAudeo ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ul.imgVideoSon1 {
  margin: 0;
  padding: 0 0 0 10px;
  min-height: 68px;
  height: auto ! important;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  float: left;
}
.imgVideoSon2 {
  float: left;
}
.imgVideoSon3 {
  float: left;
}
.imgVideoSon1 li, .imgVideoSon2 li {
  margin-right: 50px ! important;
}
.listeVideoAudeo li h4 a {
  color: #5b4675;
  text-decoration: underline;
  font-weight: normal;
}
.listeVideoAudeo li h4 {
  color: #5b4675;
  text-decoration: underline;
  font-weight: normal;
}
.voir a {
  margin: 2px 0 0 1px;
  padding: 0px;
  background: #867699 none repeat scroll 0%;
  float: left;
  width: 35px ! important;
  min-height: 17px;
  height: auto ! important;
  color: white;
  font-size: 70%;
  font-weight: bold;
}
.voir {
  text-align: center;
}
.bodytext {
  margin: 0px;
  padding: 0px;
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 100%;
}

#divMaj0, #divMaj1, #divMaj2, #divMaj3, #divMaj4 {
  display: inline;
  float: right;
  font-size: 65%;
  font-weight: normal;
}
#divMaj0 strong, #divMaj1 strong, #divMaj2 strong, #divMaj3 strong, #divMaj4 strong {
  font-weight: normal;
}
#div_sous_image1, #div_sous_image2, #div_sous_image3, #div_sous_image4 {
  display: none;
}
#div_sous_image0, #divImage0, #divMaj0 {
  display: block;
}
#divImage1, #divImage2, #divImage3, #divImage4 {
  display: none;

}
#divMaj1, #divMaj2, #divMaj3, #divMaj4 {
  display: none;
}
img .spacer-gif {
  display: none;
}
.actionMuniTxt p {
  font-size: 70%;
}
#TitreActualite p.bodytext {
  float: left;
}
.navigationsSon {
  padding: 0px;
  text-align: center;
  position: relative;
}
.navigationsSon ul {
  margin: 0px;
  padding: 5px 0px 0px;
  display: inline;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
.navigationsSon ul li {
  display: inline;
  margin-right: -7px;
}
.navigationsSon li img {
  margin-bottom: -4px;
}
.displayNone {
  display: none;
}
.displayBlock {
  display: block;
}
.divSimple {
  margin: 3px 4px 10px;
  font-size: 70%;
  text-align: justify;
}
.imageCarte {
  border-style: none;
}
.titreActuDernierMinute {
  display: none;
}
.villeRennes {
  padding-left: 0px;
}
.lienMailRennes {
  color: #ffffff;
}
.imgEmailRennes {
  margin-top: 4px;
  margin-left: 5px;
}
.sousTitreEvet {
  font-style: italic;
}
.PlanDyn {
  height: 314px ! important;
  margin-top: 20px ! important;
}
.texteCentre {
  text-align: center ! important;
}
.LienSiteRennais {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  font-size: 65%;
  font-weight: bold;
}
.LienSiteRennais a {
  text-decoration: underline;
}
.LienSiteRennais span {
  font-size: 70%;
}
#divbas2 #fluxAccueil {
  margin-left: 730px;
  width: 80px;
  height: 16px ! important;
}
#divbas2 #fluxAccueil img {
  margin-top: -2px;
}
#divTitre {
 border-left: 0px solid #ff6600;
border-right: 1px solid #ff6600;
border-bottom: 1px solid #ff6600;
border-top: 1px solid #ff6600;
  min-height: 18px;
  overflow: hidden;
  height: 18px ! important;
  float: left;
  width:390px ! important;
}

#divFormulaire1{
float:left;
width:175px ! important;
margin-left: 0px;
padding-left:20px;
padding-top:3px;
padding-bottom:3px;
height:25px;
background-image: url(../images/imagesContenu/loupe.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#divFormulaire1 .fielset {
border: 0px solid #717566;
}

#divFormulaire3{
width: 150px ! important;
float:right;
background-image: url(../images/imagesContenu/prof.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-left:20px;
padding-top:3px;
padding-bottom:3px;
height:25px;
margin-right:0px;

}
#divG {
  background: #FFFFFF none repeat scroll 0%;
  width: 792px;
  min-height: 919px;
  height: auto ! important;
float:left;
}
#divGa {
  border: 0px solid #717566;
  background: #ffffff none repeat scroll 0%;
  width: 390px;
  min-height: 390px;
  height: auto ! important;
float:left;
}
#divGb {
  background: #ffffff none repeat scroll 0%;
  width: 390px;
float:right;
margin-left:7px;
margin-top:12px;
}
#divD {
border: 0px solid #717566;
background: white none repeat scroll 0%;
width: 192px;
float:right;
margin-left:8px;
margin-top:12px;
margin-right:3px;
min-height: 919px;
  height: auto ! important;

  
}
.divChapeau-une{
padding-top: 5px;
padding-left: 5px;
 color: rgb(34, 178, 189); 
max-width: 220px;
min-height: 30px;
  height: 30px !  important;
  font-size: 0.8em; 
  font-weight: bold;
}
.divImage-une {
width: 150px;
 height: 190px;
 float: left;
font-size: 0.8em;
margin-left: 1px;
padding-left:1px;
}
#divContenu-toutunclic{
width: 390px;
height: 220px;
border: 1px solid #717566;
margin-bottom:10px;
}
.divTexte{
width: 228px; float: left; background-color: rgb(255, 255, 255);
}




#divavouslaparole {
  border: 0px solid #717566;
  background: #ffffff none repeat scroll 0%;
  width: 792px;
  min-height: 200px;
  height: 200px ! important;
margin-top:10px;

}
.texte-une {
margin-top: 5px;
padding-left: 5px;
padding-right: 2px;
color: rgb(0, 0, 0);
width: 223px;
font-size: 0.7em;
max-height: 160px;
overflow: hidden; 
height:expression(this.scrollHeight > 170? "160px" : "auto" ); 
}
#divDroitHautCenterContainer .texte-une a {

margin-top: 0px;
padding-left: 0px;
text-decoration: none;
color: #22b2bd;
font-weight: bold;
font-size:100%;
}
#divDroitHautCenterContainer .texte-une a:hover{

margin-top: 0px;
padding-left: 0px;
text-decoration: none;
color: #22b2bd;
font-weight: bold;
font-size:100%;
}
#titreavouslaparole{
width: 390px;
 height: 18px;
 background-color:#9080A5 ;
padding-top: 2px;
padding-bottom: 2px;
}
#titreavouslaparole h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #FFFFFF;
margin-left: 9px;
border-left: 2px solid #FFFFFF;
font-size: 80%;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
}
#contenuavouslaparole {
  background: #EDEAF2 none repeat scroll 0%;
  width: 792px;
  min-height: 177px;
  height: 177px ! important;
}
#div_sur_image {
  width: 390px; height: 66px;
}
#mise_a_jour {
  width: 390px; height: 20px;
 
}

#div_sous_image0 {
border-left: 0px solid #c7caba;
border-right: 1px solid #c7caba;
border-top: 1px solid #c7caba;
border-bottom: 1px solid #c7caba;
background: white none repeat scroll 0%;
width: 390px;
height: auto ! important;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#div_sous_image1 {
border-left: 0px solid #c7caba;
 border-right: 1px solid #c7caba;
border-top: 1px solid #c7caba;
border-bottom: 1px solid #c7caba;
  background: white none repeat scroll 0%;
  width: 390px;
height: auto ! important;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#div_sous_image2 {
    border-left: 0px solid #c7caba;
 border-right: 1px solid #c7caba;
border-top: 1px solid #c7caba;
border-bottom: 1px solid #c7caba;
  background: white none repeat scroll 0%;
  width: 390px;
height: auto ! important;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#div_sous_image3 {
    border-left: 0px solid #c7caba;
 border-right: 1px solid #c7caba;
border-top: 1px solid #c7caba;
border-bottom: 1px solid #c7caba;
  background: white none repeat scroll 0%;
  width: 390px;
  height: auto ! important;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
#div_sous_image4 {
  border-left: 0px solid #c7caba;
 border-right: 1px solid #c7caba;
border-top: 1px solid #c7caba;
border-bottom: 1px solid #c7caba;
  background: white none repeat scroll 0%;
  width: 390px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
height: auto ! important;
}

#parole1{
  width: 193px; float: left; height: 178px;
padding-left:4px;
}
#parole1 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 5px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;

}
#parole2{
width: 198px; float: left; height: 178px;
padding-left:4px;

}
#parole2 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 5px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;
}

#parole3{
width: 193px; float: left; height: 178px;
padding-left:4px;
}
#parole3 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 0px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;

}

#parole4{
width: 193px; float: left; height: 178px;
padding-left:0px;
}
#parole4 h2 {
border-left-width-value: 2px;
border-left-style-value: solid;
border-left-color-value: #9180A6;
margin-left: 0px;
margin-top: 5px;
border-left: 2px solid #9180A6;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 4px;
text-transform: uppercase;

}



.div_bouton_actu h2 {
position:relative;
padding-bottom: 0px;
padding-top: 0px;
left:250px;
width: 139px;
height:auto;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #c7caba;
border-left-color: #c7caba;
background-color: transparent;
background-image: url(../images/tranche1.jpg);
background-repeat: x-repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
.div_bouton_actu h2 a {
width: 139px;
padding-left: 20px;
background-color: transparent;
background-image: url(../images/triangle1.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 5px;
font-weight: bold;
font-size: 65%;
color: #ffffff;
}
#divDroitHautCenterContainer a {
margin-top: 0px;
padding-left: 20px;
text-decoration: none;
color: #22b2bd;
font-weight: bold;
font-size:100%;
}
#divDroitHautCenterContainer li {
margin-top: 2px;
}

#divDroitHautCenterContainer a:hover {
margin-top: 0px;
padding-left: 20px;
text-decoration: underline;
color: #22b2bd;
font-weight: bold;
}
.divChapeau-parole{
padding-top: 5px;
padding-left: 5px; color: #9080A5; 
max-width: 190px;
min-height: 10px;
height: 10px ! important;
font-size: 0.7em; 
font-weight: bold;
}
.divparole-text{
width: 185px;
margin-left: 0px;
height: 125px;
padding-left: 6px;
padding-top: 3px;
color: rgb(0, 0, 0);
font-size: 0.7em;
}
.divparole-text a {
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.divparole-text a:hover{
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}

.text-parole4-text{
width: 97px; 
margin-left: 0px;
height: 125px;
padding-left: 0px;
padding-top: 0px;
color: rgb(0, 0, 0);
font-size: 0.7em;

}
.text-parole4-text a {
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.text-parole4-text a:hover{
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.text-image{
width: 100%; padding-top: 5px;
}
.image{
width: 88px; height: 90px; float: left;
margin-left:0px; 
}
.parole4-text{
 float: right;
 

padding-left: 0px;
display:inline-block;
width: 97px; 

}
.parole4-text a{
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080a5;
font-weight: bold;
font-size: 85%;
}
.parole4-text a:hover {
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080a5;
font-weight: bold;
font-size: 85%;
}

.chapeau-parole4-text {
margin-left: 0px;
margin-top: 0px;
font-size: 70%;
font-weight: bold;

color: #9180A6;
padding-left: 0px;
}
.tx_sqlixajaxttclicv2arole4-text {
margin-left: 0px;
margin-top: 5px;
font-size: 70%;
color: #000000;
padding-left: 0px;
}
#outil1{
width: 120px;
 
 float: left;
 padding-left: 4px;
 padding-right: 10px;
 padding-top: 5px;
}
#outil2{
width: 120px;
float:left;
padding-top: 5px;
}
#outil3{
width: 120px;
 float: right;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 5px;
}
.outil-image{
width: 120px; height: 85px; float: left; 
}
.chapeau-outil1 {

margin-left: 0px;
margin-top:5px;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 0px;

}




.chapeau-outil2 {
margin-left: 0px;
margin-top: 5px;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 0px;
}
.chapeau-outil3 {
margin-left: 0px;
margin-top: 5px;
font-size: 65%;
font-weight: bold;
letter-spacing: 0.1em;
color: #9180A6;
padding-left: 0px;
}
.text-outil1{
margin-left: 0px;
margin-top: 5px;
font-size: 70%;
color: #000000;
padding-left: 0px;
}
.text-outil2{
margin-left: 0px;
margin-top: 5px;
font-size: 70%;
color: #000000;
padding-left: 0px;
}
.text-outil3{
margin-left: 0px;
margin-top: 5px;
font-size: 70%;
color: #000000;
padding-left: 0px;
}
.text-outil1 a {
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9180A6;
font-weight: bold;
font-size: 85%;
}
.text-outil1 a:hover{
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}

.text-outil2 a {
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.text-outil2 a:hover{
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}

.text-outil3 a {
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.text-outil3 a:hover{
margin-top: 2px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 0px;
text-decoration: underline;
color: #9080A5;
font-weight: bold;
font-size: 85%;
}
.date{
font-size: 70%;
color: #000000;
padding-left:5px;
padding-bottom:20px;
}
#div-dec-rennes {
  background: #00a8b3 none repeat scroll 0%;
  padding-left: 10px;
line-height: 1em;
padding-top:4px;
padding-bottom:4px;
  font-size: 70%;
background-image: url(../images/picto-triangle-bleu.jpg);
background-repeat: no-repeat;
background-position: 5px;
}
#div-dec-rennes h3 { 
  border-left: 0px solid white;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
line-height: 1em;
  padding-left: 10px;
}
#div-dec-rennes a {
color:#ffffff;
text-decoration:none;
}
#div-dec-rennes a:hover {
color:#ffffff;
text-decoration:underline;
}
#div-mairie{
  background: #97c200 none repeat scroll 0%;
  padding-left: 10px;
  padding-top: 4px;
padding-bottom: 4px;
  font-size: 70%;
background-image: url(../images/picto-triangle.jpg);
background-repeat: no-repeat;
background-position: 5px;
margin-top:5px;
}
#div-mairie h3 {
  border-left: 0px solid white;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em;
  padding-left: 10px;
}
#div-mairie a {
color:#ffffff;
text-decoration:none;
}
#div-mairie a:hover {
color:#ffffff;
text-decoration:underline;
}

#div-service{
  background: #97c200 none repeat scroll 0%;
  padding-left: 10px;
  padding-top: 4px;
padding-bottom: 4px;
  font-size: 70%;
background-image: url(../images/picto-triangle.jpg);
background-repeat: no-repeat;
background-position: 5px;
margin-top:2px;
}
#div-action{
  background: #00a8b3 none repeat scroll 0%;
  padding-left: 6px;
  padding-top: 4px;
padding-bottom: 4px;
  font-size: 70%;
}
#div-action h3 {
border-left : 2px solid #ffffff;
color: white;
font-weight: bold;
text-transform: uppercase;
line-height: 1em;
padding-left: 10px;
}
#menu-actions {
margin-top:5px;
border : 1px solid #bcb1c9;
min-height: 240px;
  height: auto ! important;
  padding-bottom: 10px;
}
#navigation {
width: 190px ;
list-style: none ;
margin-left: 0px;
padding-left: 0px ;
}
#navigation li {
display: block ;
	color: #fff ;
	border: 0px solid #600 ;
	margin-top: 2px ;
padding-left:0px;
background-image: url(../images/act1.jpg);
background-repeat: no-repeat;
background-position: left center;
font-size: 0.7em;
	line-height: 0.7em;
	}

#navigation li a {
font-size: 80%;
	display: block ;
	color: #727467;
text-transform: uppercase;
	text-decoration: none ;
	padding-top: 4px;
padding-bottom: 1px;

padding-left:18px;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
 background: #ADB29B;
color: #ffffff;
 text-decoration: none ;
background-image: url(../images/act2.jpg);
background-repeat: no-repeat;
background-position: left center;
 }

#nuage{
margin-top:4px;
border : 1px solid #bcb1c9;
min-height: 159px;
  height: 159px ! important;
}
#outils{
margin-top:5px;
border : 1px solid #bcb1c9;
height: auto ! important;
}
#titre-outil {
background-color: #97c200;
background-attachment: scroll;
padding-left: 6px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 70%;
background-repeat: no-repeat;
background-position: 5px 50%;
}

#titre-outil h3 {
border-left : 2px solid #ffffff;
color: white;
font-weight: bold;
text-transform: uppercase;
line-height: 1em;
padding-left: 10px;
}
.listoutils  {
	line-height:22px;
	height: 22px ! important;
	border-bottom : 1px #bcb1c9;
	border-bottom-style: dotted; 
	font-size:70%; 
	

	
	}
.listoutils a {
position:absolute;

margin-top:0px;
margin-left:2px;


}
.listoutils-simple  {
vertical-align:middle;
	height: 22px ! important;
	font-size:70%;
	}

#liens-utiles{
margin-top:5px;
border : 1px solid #bcb1c9;
height: auto ! important;
}
#titre-liens-utiles {
background-color: #9080a5;
background-attachment: scroll;
line-height: 1em;
padding-left: 6px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 70%;
background-repeat: no-repeat;
background-position: 5px 50%;
}

#titre-liens-utiles h3 {
border-left : 2px solid #ffffff;
color: white;
font-weight: bold;
text-transform: uppercase;
line-height: 1em;
padding-left: 10px;
}

#navig-liens-utiles li {
display: block ;
	color: #fff ;
	border: 0px solid #600 ;
	margin-bottom: 1px ;
line-height: 70%;
	}

#navig-liens-utiles li a {
	display: block ;
	color: #5A4570;
	font-size: 70%;
	line-height: 70%;
	text-decoration: underline ;
padding-left:6px;
padding-top:4px;
padding-bottom:4px;
line-height:13px;
	}
#navig-liens-utiles li a:hover, #navig-liens-utiles li a:focus, #navig-liens-utiles li a:active {
color: #5A4570;
 text-decoration: none ;
 }
#info-quartier {
margin-top:5px;
border : 1px solid #bcb1c9;
height: auto ! important;
background-color: #97c200;
width: auto ! important;
}
#info-mairie {
margin-top:5px;
border : 1px solid #bcb1c9;
height: auto ! important;
background-color: #97c200;
width: auto ! important;
}
#info-service {
margin-top:5px;
border : 1px solid #bcb1c9;
height: auto ! important;
background-color: #97c200;
width: auto ! important;
}
#divGbentete {
width: 396px;
float:right;
margin-left:5px;
margin-right:20px;
}
#divDmenu {
background: repeat scroll 0%;
width: 180px;
float:right;
margin-right:3px;
}
#divFormulaire2{
width: auto ! important;
background-image: url(../images/imagesContenu/quest.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 3px;
padding-bottom: 3px;
margin-left:0px;
}
.ulemail {
  padding-left: 4px ! important;
  padding-right: 0px ! important;
}



#raccourcis{

opacity: 0;
filter: alpha(opacity=00); 

}



.titrePop {

 padding-left:20px; 

 padding-top:5px;

 text-align:left;

}