@media print {
/* ... définition de formats pour l'impression ... */
.ForPrint {
  visibility: visible;
}
.ForScreen {
  visibility: hidden;
  float: left;
}
.ForPrint hr {
  clear: both;
}

.corps {
  visibility: visible;
  position: relative;
  margin: 0 auto 0 auto;
  top: 0;
  width: 600px;
  padding-bottom: 60px;
  background: White url(imageCSS/footer.gif) no-repeat bottom;
}

h1 {
  font: normal bold 14px/18px Arial, Helvetica, sans-serif;
}
h2 {
  font: normal bold 12px/14px Arial, Helvetica, sans-serif;
}
.prtBanner {
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
}
#prtLogo {
  display: block;
  float: left;
  height: 100px;
  width: 200px;
  background: url(imageCSS/printLogo.gif) no-repeat left;
}
.txtCentre {
  display: block;
  float: left;
  width: 356px;
  text-align: center;
}
.txtDroite {
  display: block;
  float: left;
  text-align: left;
  font-size: 12px;
}
.txtDroite p {
  margin: 2px;
  padding: 0;
}
.clearBoth {
  clear: both;
  visibility: hidden;
}
.popDetDesc {
  text-align: left;
  padding: 0 5px 20px 5px;
}
.libelle {
  font: normal bold 14px/16px Arial, Helvetica, sans-serif;
}
.bigHr {
  color: Black;
  height: 1px;
  width: 450px;
  background-color: Black;
}

.popDetContainer {
  margin: 0 auto 0 auto;
  width: 565px;
  border: 2px solid #336699;
  border: none;
  font: normal normal 8px/10px Arial, Helvetica, sans-serif;
  padding: 5px;
  padding-bottom: 15px;
}
.detBoxDescr {
  display: block;
  position: relative;
  margin-top: 10px;
  border-top: 1px solid #336699;
}
.detBoxDescr p {
  font: normal normal normal 12px/13px Arial, Helvetica, sans-serif;
}
#detVille, #detPrix, #detRef {
  display: block;
  position: relative;
  height: 19px;
  background: none;
  font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
}
#detRef {
  float: right;
  top: -15px;
  background: none;
  font-weight: bold;
  margin-right: 5px;
}
#detType, #detChambre, #detTerrain, #detChauffage {
  display: block;
  position: relative;
  height: 25px;
  top: 10px;
  background: none;
  font: normal normal normal 12px/25px Arial, Helvetica, sans-serif;
}
#detVille span, #detPrix span, #detRef span, #detType span, #detChambre span, #detTerrain span, #detChauffage span {
  font: normal normal bold 14px/16px Arial, Helvetica, sans-serif;
}
#detChambre {
}

#detContImgSansGal {
  display: block;
  position: relative;
  top: -5px;
  height: 240px;
  width: 380px;
  margin: 5px auto 5px auto;
}
#detImgAvecGal, #detImgSansGal{
  height: 240px;
  width: 380px;
}
.detLstThumb{
  width:0;
  height:0;
}
}
@media screen, handheld {
/* ... définition de formats pour une sortie ecran ... */
.ForPrint {
  visibility: hidden;
  font-size: 0;
  width: 0;
  height: 0;
  float: left;
}
.ForScreen {
  visibility: visible;
}
* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}
body {
  text-align: center;
  background: #99BC4B url("imageCSS/backroundBody.gif") repeat-x;
}
#global {
  position: relative;
  margin: auto auto;
  width: 760px;
  text-align: left;
  border: 3px solid #1A758F;
  border-top-style: none;
  background: #ffffff url(imageCSS/leftNav.gif) repeat-y 0;
  padding-top: 237px;
}
.banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 760px;
  height: 151px;
  background-image: url(imageCSS/banner.jpg);
}
#navmain {
  position: absolute;
  top: 127px;
  left: 72px;
  height: 31px;
  width: 568px;
  z-index: 2;
  background: 1px;
  border-right: 1px solid White;
  font: bold 13px Arial Helvetica sans-serif;
  text-align: center;
  text-decoration: none;
  background-color: transparent;
}
#navmain a {
  display: block;
  float: right;
  width: 112px;
  padding-top: 6px;
/* Grosse bidouille by jcl: 6px de pad + 23px de hauteur */
  height: 23px;
/* Grosse bidouille by jcl: donne une bouton de 29px !!! */
  border: 1px solid White;
  border-right: 0;
  background-image: url(imageCSS/button.gif);
  color: #1A758F;
  text-decoration: none;
}
#navmain a:hover {
  background-image: url(imageCSS/buttonOver.gif);
}
#navmain p {
  display: block;
  float: right;
  height: 29px;
  width: 112px;
  border: 1px solid White;
  border-right: 0;
  background-image: url(imageCSS/button.gif);
  color: #FFFFFF;
  line-height: 26px;
}
#navmain2 div {
  display: block;
  float: right;
  height: 29px;
  width: 112px;
  border: 1px solid White;
  border-right: 0;
  background-image: url(imageCSS/button.gif);
  color: #FFFFFF;
}
#navmain2 div * {
  position: relative;
  top: 5px;
}
.topCorps {
  position: absolute;
  top: 151px;
  left: 0;
  width: 760px;
  height: 85px;
  background-image: url(imageCSS/topCorps.gif);
}
.flag {
  display: block;
  position: relative;
  top: 14px;
  left: 736px;
  height: 14px;
  width: 23px;
  font-size: 0;
}
.english {
  background-image: url(imageCSS/flagEn.gif);
}
.french {
  background-image: url(imageCSS/flagFr.gif);
}
.path {
  position: absolute;
  right: 0;
  top: 33px;
  width: 460px;
  text-align: center;
  font: normal 11px/14px Arial Helvetica sans-serif;
  color: #1a758F;
}
.path * {
  font: normal 11px/14px Arial Helvetica sans-serif;
  color: #1a758F;
}
.path a {
  text-decoration: none;
}
.path a:hover {
  text-decoration: underline;
}
.recherche {
  position: absolute;
  width: 160px;
  top: 237px;
  left: 30px;
  background: transparent;
  font: normal normal 12px Arial, Helvetica, sans-serif;
  color: #1A758F;
}
.recherche * {
  font-size: 12px;
}
fieldset {
  padding: 8px;
  color: #89ae20;
  border-color: #89ae20;
  border-style: ridge;
  width: 153px;
}
legend {
  padding: 2px;
  color: #000;
  font: normal normal 11px Arial;
}
.recherche input {
  display: block;
  width: 124px;
/* pour ie */
  padding: 2px;
  margin: 3px auto auto auto;
  border: 1px solid White;
  color: #1A758F;
  font: normal bold 11px Arial, Helvetica, sans-serif;
  background-image: url(imageCSS/button.gif);
}
.recherche select {
  display: block;
  background: #7bafbb;
  width: 150px;
  margin: 0 0 3px 3px;
}
.recherche p {
  text-align: center;
  color: White;
  font: normal bold 10px Arial, Helvetica, sans-serif;
}
.recherche a {
  color: White;
  font: normal bold 10px Arial, Helvetica, sans-serif;
}
.contact {
  position: absolute;
  bottom: 30px;
  left: 30px;
  background: transparent;
  font: normal normal 12px Arial, Helvetica, sans-serif;
  color: #1A758F;
}
.contact * {
  color: White;
  text-align: center;
  font: normal bold 10px Arial, Helvetica, sans-serif;
}
.contact legend {
  color: Black;
}
.corps p {
  margin: 0 5px 7px 5px;
}
.corps a {
  font-size: 11px;
  color: #89ae20;
  text-decoration: none;
}
.corps a:hover {
  text-decoration: underline;
}
h1 {
  font: normal bold 16px/22px Arial, Helvetica, sans-serif;
  color: #1A758F;
  padding: 0 0 2px 0;
}
h2 {
  font: normal bold 13px/18px Arial, Helvetica, sans-serif;
  color: #89ae20;
}
.txtDroite p {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.txtCentre {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.prtBanner {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.clearBoth {
  clear: both;
  visibility: hidden;
}
.libelle {
  font: normal bold 14px/16px Arial, Helvetica, sans-serif;
}
.bigHr {
  color: #336699;
  height: 20px;
  width: 450px;
  background-color: #336699;
}
.inputEmail {
  display: block;
  background: #7bafbb;
  margin: 3px auto auto auto;
  width: 150px;
}
.btmEmail {
  display: block;
  width: 200px;
/* pour ie */
  padding: 2px;
  margin: 3px auto auto auto;
  border: 1px solid White;
  color: #1A758F;
  font: normal bold 11px Arial, Helvetica, sans-serif;
  background-image: url(imageCSS/button.gif);
}
.navigation {
/* 
	  display: block;
	  width: 98%;
	  padding: 15px;
*/
	color: #226570;
	font: normal bold 11px Arial, Helvetica, sans-serif;
	text-align: center;
}
.navigation * {
  margin-left: 7px;
  margin-right: 7px;
  color: #226570;
	background-color: white;
}
.navigation .btnRight {
	width: 60px;
	background: white url(imageCSSV2/fleche_D.gif) no-repeat scroll right;
	border: none;
	cursor: pointer;
}
.navigation .btnLeft {
  width: 60px;
  background: white url(imageCSSV2/fleche_G.gif) no-repeat scroll left;
  border: none;
  cursor: pointer;
}
.navigation .btnPlace {
  margin-left: 70px;
  background: none;
  border: none;
}
#detVille, #detPrix, #detRef {
  position: absolute;
  height: 19px;
  top: 2px;
  left: 28px;
  padding-left: 32px;
  background: transparent url(imageCSSV2/iconeVillage.gif) no-repeat scroll left;
  font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
}
#detVille * {
  color: black;
	cursor: pointer;
}
#detPrix {
  top: 21px;
  background-image: url(imageCSSV2/iconePrix.gif);
}
#detRef {
  top: 21px;
  left: 296px;
  background: none;
  font-weight: bold;
}
#detClose {
  position: absolute;
  left: 471px;
  top: 0;
  width: 20px;
  border: none;
  padding-left: 0;
  background: none;
  font-size: 20px;
  cursor: pointer;
}
#detClose:hover {
  text-decoration: none;
}
#detType, #detChambre, #detTerrain, #detChauffage {
  position: absolute;
  height: 25px;
  top: 350px;
  left: 28px;
  padding-left: 40px;
  background: transparent url(imageCSSV2/iconeTypeDeBien.gif) no-repeat scroll left;
  font: normal normal bold 12px/28px Arial, Helvetica, sans-serif;
}
#detChambre {
  top: 378px;
  background-image: url(imageCSSV2/iconeChambre.gif);
}
#detTerrain {
  top: 406px;
  background-image: url(imageCSSV2/iconeTerrain.gif);
}
#detChauffage {
  top: 434px;
  background-image: url(imageCSSV2/iconeChauffage.gif);
}

#icoInfo, #icoGeoPhoto, #icoPrint, #icoPdf {
  position: absolute;
  height: 20px;
  width: 24px;
  top: 408px;
  left: 453px;
  background: transparent url(imageCSSV2/iconeGeo.gif) no-repeat scroll left;
  font: normal normal bold 12px/20px Arial, Helvetica, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
#icoInfo {
  top: 436px;
  background-image: url(imageCSSV2/iconeInfo.gif);
}
#icoPrint {
  top: 380px;
  background-image: url(imageCSSV2/iconeImprimer.gif);
}
#icoPdf {
  top: 352px;
  background-image: url(imageCSSV2/iconePdf.gif);
}

.detBoxDescr {
  display: block;
  position: relative;
  top: 184px;
  height: 350px;
  width: 96%;
  margin: 0 auto 0 auto;
  padding: 3px;
  background-color: #DEEEAD;
  overflow: auto;
}
.detBottomMenu {
  display: block;
  position: relative;
  top: 188px;
  height: 20px;
  width: 96%;
  margin: 0 auto 0 auto;
  padding: 3px;
  color: #3F4F0B;
/*
  background-color: red;
  overflow: auto;
*/
}
.detBottomSep, #detCloseBottom, #detPdfBottom, #detPrintBottom, #detInfoBottom, #detBottomGeoPhoto {
  float: right;
  cursor: pointer;
  color: #3F4F0B;
  font: normal normal bold 11px/14px Arial, Helvetica, sans-serif;
  bbbackground-color: blue;
}
.detBottomSep, #detPdfBottom, #detPrintBottom, #detInfoBottom, #detBottomGeoPhoto  {
  float: left;
}

.TableauStd {
  font: normal normal normal 11px/14px Arial, Helvetica, sans-serif;
  padding: 15px 0px 15px 35px;
}

.detBoxAvecGal {
  top: 264px;
}
.detBoxSansGal {
  top: 184px;
}
.popDetContainer {
  display: block;
  margin: 0 auto 70px auto;
  width: 463px;
  height: 845px;
  border: 1px solid black;
  font: normal normal 14px/16px Arial, Helvetica, sans-serif;
  background: #D1E68B url(imageCSSV2/ficheDetaillee.jpg) no-repeat scroll top;
}
#detImgSansGal {
  display: block;
  position: relative;
  top: 0;
  height: 280px;
  width: 420px;
  margin: auto;
}
#detContMap, #detContImgSansGal {
  display: block;
  position: relative;
  top: 55px;
  height: 280px;
  width: 440px;
  margin: 0 auto 0 auto;
}
#detContImgSansGal {
  z-index: 3;
}
#detContMap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color:transparent;
}
#detImgAvecGal {
  display: block;
  position: relative;
  height: 224px;
  width: 336px;
  margin: 0 auto 0 auto;
}

#detLstThumbsFix {
  height: 52px;
}
#detScrollBloc {
  display: block;
  height: 52px;
  width: 440px;
}
.detScrollArrow {
  display: block;
  float:left;
  width: 48px;
  height: 50px;
}
.detScrollArrow img {
  display: block;
  position: relative;
  top: 15px;
  margin: auto;
	border: none;
  cursor: pointer;
}
#detLstThumbsScroll {
  /* display: block; */
  float:left;
  position: relative;
  top: 5px;
  height: 50px;
  width: 339px;
  overflow: hidden;
  border:1px;
}
#detLstThumbsInScroll {
  display: block;
  border:1px;
}
.detLstThumbsInNoScroll {
  margin: 5px auto 0 auto;
}
.detLstThumb {
  padding: 0 4px 0 4px;
  height: 50px;
  width: 75px;
  cursor: pointer;
}
#detLst1Thumbs {
  width: 87px;
}
#detLst2Thumbs {
  width: 174px;
}
#detLst3Thumbs {
  width: 261px;
}
#detLst4Thumbs {
  width: 348px;
}
#detLst5Thumbs {
  width: 435px;
}

/*************************   Formulaire abonement   ************************/

.lstIcoFormAbo {
width: 200px;
  list-style-type:none;
  padding:0px;
  margin: 10px auto 10px 20px;
  font: normal normal bold 12px/28px Arial, Helvetica, sans-serif;
}
.lstIcoFormAbo li {
  background-image:url(imageCSSV2/iconeTypeDeBien.gif);
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:40px;
  height: 26px;
}
.lstIcoFormAbo .type {
  background-image:url(imageCSSV2/iconeVillageWhite.gif);
}
.lstIcoFormAbo .prix {
  background-image:url(imageCSSV2/iconePrixWhite.gif);
}
.lstIcoFormAbo .commune {
  background-image:url(imageCSSV2/iconeVillageWhite.gif);
}
.lstIcoFormAbo .chambre {
  background-image:url(imageCSSV2/iconeChambreWhite.gif);
}
.lstIcoFormAbo .terrain {
  background-image:url(imageCSSV2/iconeTerrainWhite.gif);
}
.lstIcoFormAbo .chauffage {
  background-image:url(imageCSSV2/iconeChauffageWhite.gif);
}

.inputEmailAbo {
  display: block;
  background: #7bafbb;
  margin: 10px auto 10px 20px;
  width: 200px;
}
.btmEmailAbo {
  display: block;
  width: 200px;
/* pour ie */
  padding: 2px;
  margin: 10px auto 10px 20px;
  border: 1px solid White;
  color: #1A758F;
  font: normal bold 11px Arial, Helvetica, sans-serif;
  background-image: url(imageCSS/button.gif);
}

/***************************************************************************
****************************   Liste affichette   **************************
***************************************************************************/

.thumbs {
	display: block;
	position: relative;
	top:0;
	left:0;
	float: left;
	height: 85px;
	width: 245px;
	margin-top: -16px;
	padding-left: 3px;
	padding-right: 3px;
	background: transparent url(imageCSSV2/affichette_B_JCL.gif) no-repeat scroll bottom;
}
.thumbsHover {
  background-image: url(imageCSSV2/affichette_O_JCL.gif);
}

.thumbsFirst {
  background-image: url(imageCSSV2/affichette_1_B.gif);
	height: 92px;
  margin-top: 10px;
}
.thumbsFirstHover {
  background-image: url(imageCSSV2/affichette_1_O.gif);
}
.thumbsFirst .thumbsLink {
	top: 23px;
}

.thumbsElemLink {
	position: relative;
	top: -30px;
	left: 87px;
  width: 150px;
	font-size: 10px;
	overflow:hidden;
	cursor: pointer;
}
.thumbsFirst .thumbsElemLink {
  top:-23px;
  left: 87px;
	text-decoration: none;
	color: black;
}

.thumbsImg {
  display: block;
	position: relative;
  top: 23px;
  left: 7px;
  height: 53px;
  width: 80px;
}
.thumbsFirst .thumbsImg {
  top: 31px;
  left: 7px;
}

.thumbsRef {
	position: relative;
	top: -51px;
	left: 180px;
	width: 60px;
	font-size: 11px;
	font-weight: bold;
}
.thumbsFirst .thumbsRef {
	top: -44px;
	left: 180px;
}

.linkgrid {
  position:absolute;
  top:73px;
  left:0;
  width: 504px;
}

.blockLink {
	display: block;
	position: relative;
	top:0;
	left:0;
	float: left;
	height: 69px;
	width: 242px;
	padding-left: 3px;
	padding-right: 3px;
	z-index: 9;
}

.thumbsLink {
	display: block;
	position: absolute;
	height: 69px;
	width: 245px;
	z-index: 5;
  cursor: pointer;
  border:none;
  background:transparent;
}
.thumbsLink:hover {
	z-index: 7;
}

.corps {
  position: relative;
  left: 255px;
  width: 445px;
  margin: 0 30px 15px 30px;
  padding-bottom: 70px;
  background: #fdfefe url(imageCSS/footer.gif) no-repeat bottom;
  font-size: 11px;
  min-height: 450px;
}
.corpsLarge {
  left: 226px;
  width: 504px;
}

/***************************************************************************
****************************     Form2Mail    ******************************
***************************************************************************/

.contactForm {
  position: relative;
	width: 80%;
	margin: auto;
	background-color: transparent;
	border: 0;
	font: normal normal normal 10px/14px Arial, Helvetica, sans-serif;
}

.contactForm h5 {
	height: 25px;
	width: 100%;
	font: normal normal bold 13px/16px Arial, Helvetica, sans-serif;
	padding: 0;
  color: #1A758F;
}

.f2m label {
  display: block;
  text-align: justify;
  padding-left: 0;
  letter-spacing: 0;
}

.f2m label:hover {
  font-weight: bold;
}

.f2m input, .f2m select, .f2m textarea {
  margin-right: 0%;
	width: 100%;
  text-align: left;
  border: #CCC 1px solid;
}

.f2m input:hover, .f2m input:focus, .f2m textarea:hover, .f2m textarea:focus {
  border: #999 1px solid;
}

.f2m textarea {
	font: normal normal normal 12px/12px Arial, Helvetica, sans-serif;
	height:80px;
}
 
#bouton {
  border: #999 1px solid;
  margin-right: 0%;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
  text-align: center;
  cursor: pointer;
}

#bouton:hover {
  background-color: #ffffff;
  cursor: pointer;
}
}