/* *************************************
     gestion de la mise en page
***************************************** */
img {
	border: none;
}

#outerWrapper {
	background: url("../images/background.jpg") center no-repeat;
}

#header {
	text-align: center;
	height: 179px;
	background: url("../images/header.jpg") center center no-repeat;
	color: #353535;
}

#footer {
	height: 80px;
	text-align: center;
	margin: auto;
	margin-top: -11px;
	padding-top: 40px;
	font-size: 0.7em;
	background: url("../images/bottom.jpg") center center no-repeat;
}

#footer a {
	color: #8e8c8c;
	border: 1px dashed #8e8c8c; 
	text-decoration: none;
	font-weight: bold;
}

#footer label {
	font-size: 8.5pt;
	color: #8e8c8c;
}

#footer a:hover {
	border: 2px dashed #8e8c8c;
}

ul {
	list-style: none;
	padding-right: 10px;
}

/*Logo*/
#logo {
	padding: 72px 0px 0px 176px;
	float: left;
}

.menuHaut {
	padding-left: 15px;
}

.menuHaut li {
	float: left;
	margin-left: 6px;
	margin-right: 6px;
}

.menuHaut a {
	float: left;
	font-size: 16px;
	display: block;
}

.menuGauche {
	padding-left: 0;
	padding-top: 20px;
	text-align: left;
}

.menuGauche li {
	margin-top: 10px;
	margin-bottom: 10px;
}

#liens {
	height: 28px;
	width: 57px;
	background-image: url("../images/liens-off.png");
}

#contact {
	height: 28px;
	width: 76px;
	background-image: url("../images/contact-off.png");
}

#legal {
	height: 28px;
	width: 154px;
	background-image: url("../images/legal-off.png");
}

#news {
	margin-left: 9px;
	height: 28px;
	width: 125px;
	background-image: url("../images/news-off.png");
}

#evenements {
	margin: 2px;
	height: 28px;
	width: 125px;
	background-image: url("../images/even-off.png");
}

#galerie {
	margin-left: 6px;
	height: 28px;
	width: 125px;
	background-image: url("../images/galerie-off.png");
}

#livreOr {
	margin-left: 12px;
	height: 28px;
	width: 125px;
	background-image: url("../images/livror-off.png");
}

#acces {
	margin-left: 6px;
	height: 28px;
	width: 125px;
	background-image: url("../images/acces-off.png");
}

#liens:hover {
	background-image: url("../images/liens-on.png");
}

#contact:hover {
	background-image: url("../images/contact-on.png");
}

#legal:hover {
	background-image: url("../images/legal-on.png");
}

#news:hover {
	background-image: url("../images/news-on.png");
}

#evenements:hover {
	background-image: url("../images/even-on.png");
}

#galerie:hover {
	background-image: url("../images/galerie-on.png");
}

#livreOr:hover {
	background-image: url("../images/livror-on.png");
}

#acces:hover {
	background-image: url("../images/acces-on.png");
}

.clearer {
	clear: both;
	height: 0px;
}

.bulle {
  z-index: 99;
  position: absolute;
  height: 25px;
  top: 400px;
  right: 100px;
  text-align: center;
}

.bulle-left {
  float: left;
  background: url("../images/bulle-left.png") center center no-repeat;
  height: 25px;
  width: 4px;
}

.bulle-center {
  float: left;
  background: url("../images/bulle-center.png") center center repeat;
  height: 25px;
}

.bulle-center div {
  margin-top: 5px;
  color: white;
  font-size: 12px;
  text-shadow: black 1px 1px;
}

.bulle-right {
  float: left;
  background: url("../images/bulle-right.png") center center no-repeat;
  height: 25px;
  width: 4px;
}

.topLeftBox {
  background: url("../images/boite-accueil-top.png");
  height: 190px;
  width: 280px;
  float: left;
}

.topLeftBox p {
  padding: 10px;
  text-indent: 15px;
  font-size: 13px;
}

.middleBox div {
  padding: 10px;
  padding-top: 30px;
  text-indent: 15px;
  font-size: 13px;
}

.middleBox ul {
  padding-top: 10px;
  list-style: square;
}

.middleBox li {
  padding-top: 10px;
}

.topRightBox {
  float: right;
}

.middleBox {
  background: url("../images/boite-accueil-top2.png");
  height: 31px;
  width: 521px;
}

.topBox {
  background: url("../images/boite-accueil-top-alt.png");
  height: 20px;
  width: 521px;
}

.bodyBox {
  background: url("../images/boite-accueil-background.png");
  height: 363px;
  width: 521px;
}

.bodyBox-alt {
  background: url("../images/boite-accueil-background.png");
  min-height: 363px;
  width: 521px;
}

.bodyBox-alt div {
  padding-left: 10px;
  padding-right: 10px;
  text-indent: 15px;
  font-size: 13px;
  padding-bottom: 10px;
}

.bodyBox-alt ul {
  list-style: square;
}

.bodyBox-alt li {
  padding-top: 5px;
}

.bodyBox-alt img {
  margin-left: 10px;
}

.bodyBox-alt h4 {
  margin-top: 0px;
}

.footerBox {
  background: url("../images/boite-accueil-footer.png");
  height: 20px;
  width: 521px;
}

.infoSup {
  text-align: center;
  font-size: 11px;	
}

/* *************************************
     éléments communs à tous les médias
***************************************** */
body {
	margin: auto;
	width: 812px;
	padding: 10px;
	font-family: sans-serif;
}

h1 {
	font-family:  FreeSerif, sans-serif, Verdana, Arial ;
	font-size: 24px;
	color: #353535;
	text-align: center;
	margin-bottom: 20px;
}

.annoncesDiv {
	width: 100%;
}

/*Boites contenant les annonces*/
.box { /*float: left;
  width: 26%;
  border: 1px solid gray;
  background-color: #e7e7e7;
  margin: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 160px;
  position: relative;
  text-align: center;
  color: #353535;
  font-size: 12px;*/
	margin-bottom: 10px;
}

.boxTop {
	background: url("../images/public-box-top.png") no-repeat;
	padding-left: 10px;
	height: 29px;
}

.titre {
	font-size: 11pt;
}

.date {
	font-size: small;
}

.boxCenter {
	background: url("../images/public-box-center.png") repeat;
	overflow: hidden;
}

.boxSec {
	margin-right: 5px;
	height: 45px;
	overflow: hidden;
}

.text {
	padding-top: 5px;
	padding-left: 10px;
	text-indent: 10px;
	font-size: 9.5pt;
	color: #4c4c4c;
}

.boxBottom {
	background: url("../images/public-box-bottom.png");
	height: 15px;
	padding-left: 10px;
	text-align: center;
}

.boxTop span {
	margin-right: 5px;
}

.titreBox {
	padding-top: 5px;
}

.box  img {
	border: none;
}

.roll {
	font-weight: bold;
	color: #868686;
	font-size: 8pt;
	display: block;
}

.contentImg {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.box .image {
	min-height: 100px;
}

.box a {
	font-weight: bold;
	text-decoration: none;
	color: #353535;
	border: 1px solid gray;
}

.box .desc {
	text-align: left;
	margin: 5px 0;
}

.annonce {
	color: #353535;
	font-family: Verdana, Arial, sans-serif;
}

.recherche {
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid gray;
}

.clic {
	cursor: pointer;
}

.annonce a {
	font-weight: bold;
	text-decoration: none;
	color: #353535;
}

.info {
	font-weight: bold;
}

.imgComp {
	min-height: 140px;
}

.imgComp img {
	float: left;
	margin-right: 10px;
}

.ligne {
	margin: 0 10px;
	padding: 10px;
}

.pages{
  background: url("../images/barre-navig-site.png");
  text-align: center;
  margin-bottom: 5px;
  height: 20px;
}

.pages a{
  color: #ececec;
  font-size: 12px;
  text-shadow: gray 1px 1px;
  text-decoration: none;
}

.pages label{
  color: #ececec;
  font-weight: bold;
  text-shadow: gray 1px 1px;
}


.photosEnsemble{
	width: 500px;
	height: 150px;
	/*background-color: red;*/
}

.photoContainer-1 {
  position: absolute;
  z-index: 99;
  padding-left: 10px;
  padding-top: 10px;
}

.photoContainer-2 {
  position: absolute;
  z-index: 89;
  padding-left: 20px;
  padding-top: 20px;
}

.photoContainer-3 {
  position: absolute;
  z-index: 79;
  padding-left: 30px;
  padding-top: 30px;
}

.photoElem{
  cursor: pointer;
  border: 3px solid white;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
}

#apercu{
  top: 0;
  left: 0;
  position: absolute;
  display: none;
  height: 0px;
  width: 0px;
  z-index: 2000;
  background: url("../images/fond-apercu.png") repeat;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border: 1px solid gray;
}

.img-apercu{
  border: 10px solid white;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  position: absolute;
  display: none;
}

#a-prec{
  float: left;
  font-size: 30px;
  width: 20px;
  font-weight: bold;
  margin-top: 100px;
  margin-left: 5px;
  cursor: pointer;
}

#a-suiv{
  float: right;
  font-size: 30px;
  width: 20px;
  font-weight: bold;
  margin-top: 100px;
  margin-right: 5px;
  cursor: pointer;
}

img {
  border: none;
}

.boxCenter1
{
	background: url("../images/public-box-center.png") repeat;
	margin-bottom: 5px;
}

.detail
{
	float: right;
	width: 60%;
}

.descr {
	padding-top: 5px;
	padding-left: 10px;
	text-indent: 10px;
	font-size: 9.5pt;
	color: #4c4c4c;
}