#content {
  padding:20px;
  font-size: 1.15em;
}

#content a {
  color: #767676;
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}

#content h2 {
  font-size: 1.2em;
  font-weight: bold;
}
#content p {
  margin: 1em 0;
}

/********************** Edito ***********************/

.edito-titre, .edito-titre2{
  height: 24px;
  margin: 0;
  padding: 6px 0 0 65px;
  font-size: 1.3em;
  font-weight: bold;
  background: url(../img/fond-bloc-quoi.gif) 0 0 no-repeat;
}
.edito-titre:first-letter, .edito-titre2:first-letter {
  text-transform: uppercase;
}

.edito-titre2{
  background: url(../img/fond-bloc-ou.gif) 0 0 no-repeat;
}

#content .edito-haut{
  border:1px solid #d5d5d5;
  background: #f7f7f7;
  margin-bottom:15px;
  position:relative;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.edito-fond{
  background: #fff;
  padding-bottom:20px;
}

.edito-fond h2, .edito-fond h3{
  padding: 10px 20px 5px 20px;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
}

.edito-fond p{
  padding: 0px 20px;
}

#retour-annuaire {
  display: block;
  position: absolute;
  top: -6px;
  right: 6px;
}

#retour-annuaire a {
  font-size: 12px;
  font-weight: bold;
  text-decoration:underline
}
#retour-annuaire a:hover {
  text-decoration:none
}

div#edito1{
  margin:20px 75px;
  padding-left:90px;
  background:url(../img/quoi.gif) top left no-repeat;
  min-height:70px;
}

div#edito2{
  margin:20px 75px;
  padding-left:90px;
  background:url(../img/ou.gif) top left no-repeat;
}

div#edito3{
  margin:20px 75px;
  padding-left:90px;
}



/******************************* Liste Annuaire ***************************/

/* separate lists from subsequent content */
#content .outerwrap{
  padding:10px 0 10px 20px;
}

/* position list chunks side by side */
#content .wrapper{
  float: left;
  width: 16em;
}

#content .wrapper a:hover {
  text-decoration:underline;
}

/* clear float after lists */
#content br{
  clear: left;
}

/* remove default spacing  to 
promote cross-browser consistency */
#content ul{
  margin:0;
  padding:0;
}

/* suppress normal list item numbering */
#content ul li{
  font-size:1.1em;
  list-style-type: none;
  padding: 5px 0 0 10px;
  background: url(../img/fleche_annuaire.png) no-repeat 0 9px ;
}

/* anchor styling */
#content ul li a{
  text-decoration: none;
  color:#000;
}

.none{display:none;}
p#bloc {margin-top:0;}
p#bloc a {text-decoration:underline;}
