.box {
  width: 100%;
  background: #FFF;
}

.box .title {
  background: #F78F1E;
  width: 100%;
  color: #FFF;
  line-height: 3em;
}

.box .content {
  padding: 60px;
  padding-top: 0;
}

.box .content ul {
  list-style-position: inside;
 }

.box .content a {
	font-family:'Avenir LT W01 85 Heavy';
}

.box .content a:hover {
  text-decoration: underline;
}

#photo {
  padding: 20px;
  max-width: 100%;
}

.navigation {
  font-size: 11px;
  margin-top: 30px;
}

.navigation .navbutton {
  display: inline-block;
  margin: 20px;
}

.navigation .icon {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.navigation .precedent .icon {
  background: url('images/evenement/back.png') no-repeat left 1px;
  width: 7px;
  height: 11px;
}

.navigation .navbutton.precedent:hover .icon {
  background-position: -7px 1px;
}

.navigation .retour .icon {
  background: url('images/evenement/calendar.png') no-repeat left bottom;
  width: 14px;
  height: 18px;
  position: relative;
  top: 1px;
}

.navigation .navbutton.retour:hover .icon {
  background-position: -14px 4px;
}

.navigation .suivant .icon {
  background: url('images/evenement/next.png') no-repeat left 1px;
  width: 7px;
  height: 11px;
}

.navigation .navbutton.suivant:hover .icon {
  background-position: -7px 1px;
}