html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0px none; 
	background:#ADD2E1;
	/*background:rgb(209,205,193);*/
	font-size:76%; 
	font-family:verdana, palatino linotype, times new roman, serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0px none;
	/*background:#fff;
	background:rgb(209,205,193)*/
	}

#ContentIn 
{
	padding-left: 5px;
	padding-right: 5px;
}

* html #ContentIn 
{
	padding-bottom:255px; /* ALIN - que pour IE6. problème de height et scroll*/
	padding-left: 5px;
	padding-right: 5px;
}

#content {
	display:block; 
	overflow-y:auto; 
	overflow-x:hidden;
	position:absolute; 
	z-index:3; 
	top:200px; 
	bottom:52px; 
	width:800px; 
	margin-left:-401px; 
	left:50%; 
	border-left:0px solid #666;
	border-right:0px solid #666;
	BACKGROUND: url(../../images/BkgContentIndex.jpg) #ADD2E1 fixed no-repeat center 200px;
	/*background:url('../../images/BkgContentt.jpg') no-repeat 0px 0px;*/
	
	/*Alin : BACKGROUND fixe
	BACKGROUND: url('../../images/BkgContent.jpg');
	background-position:center 200px; background-repeat:no-repeat; background-attachment:fixed; background-color:white;*/
	}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:800px;
	border-top: 202px solid #fff; 
	border-bottom:50px solid #fff;
	BACKGROUND: url(../../images/BkgContentIndex.jpg) #ADD2E1 fixed no-repeat center 0;
	
	/*background-position: 0 202px;*/
	}

#head {
	position:absolute; 
	margin-left:-401px; 
	left:50%; 
	top:0; 
	width:800px; 
	min-width:800px; 
	height:200px; 
	background:#ADD2E1; 
	font-size:1em; 
	z-index:5; 
	border-top:0px solid #666;
	border-right:0px solid #666;
	border-left:0px solid #666;
	border-bottom:0px solid #666;
	}

* html #head {
	top:0px; width:800px; height:198px;
	}

a.nav1 {width:133px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden}
a.nav2 {width:133px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden}
a.nav3 {width:133px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden}
a.nav4 {width:133px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden}
a.nav5 {width:133px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden}
a.nav6 {width:133px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden}
/*a.nav7 {width:100px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden} 
a.nav8 {width:100px; height:200px; line-height:50px; display:block; float:left; background:url('../../images/BkgTop.jpg'); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; font-family:verdana, arial, sans-serif; overflow:hidden}*/

#head a .pad {display:block; width:160px; height:150px; background:transparent; border-bottom:1px solid #000;}

a.nav1 {background-position:0 200px;}
a.nav2 {background-position:-133px 200px;}
a.nav3 {background-position:-266px 200px;}
a.nav4 {background-position:-399px 200px;}
a.nav5 {background-position:-532px 200px;}
a.nav6 {background-position:-665px 200px;}
/*a.nav7 {background-position:-600px 200px;}
a.nav8 {background-position:-700px 200px;}*/

a.nav1:hover {background-position:0 0;}
a.nav1:hover .button {display:block; width:133px; height:50px; background-image: url('../../images/bkgOpacOver.png') !important; color:#fff; cursor:pointer; cursor:hand}
a.nav2:hover {background-position:-133px 0;}
a.nav2:hover .button {display:block; width:133px; height:50px; background-image: url('../../images/bkgOpacOver.png') !important; color:#fff; cursor:pointer; cursor:hand}
a.nav3:hover {background-position:-266px 0;}
a.nav3:hover .button {display:block; width:133px; height:50px; background-image: url('../../images/bkgOpacOver.png') !important; color:#fff; cursor:pointer; cursor:hand}
a.nav4:hover {background-position:-399px 0;}
a.nav4:hover .button {display:block; width:133px; height:50px; background-image: url('../../images/bkgOpacOver.png') !important; color:#fff; cursor:pointer; cursor:hand}
a.nav5:hover {background-position:-532px 0;}
a.nav5:hover .button {display:block; width:133px; height:50px; background-image: url('../../images/bkgOpacOver.png') !important; color:#fff; cursor:pointer; cursor:hand}
a.nav6:hover {background-position:-665px 0;}
a.nav6:hover .button {display:block; width:133px; height:50px; background-image: url('../../images/bkgOpacOver.png') !important; color:#fff; cursor:pointer; cursor:hand}
/*a.nav6:hover .button {display:block; width:160px; height:50px; background-image: url('../../images/bkgOpacOver.png') !important; color:#fff; cursor:pointer; cursor:hand}
a.nav7:hover {background-position:-600px 0;}
a.nav7:hover .button {display:block; width:100px; height:50px; background:#f80; color:#fff; cursor:pointer; cursor:hand;}
a.nav8:hover {background-position:-700px 0;}
a.nav8:hover .button {display:block; width:100px; height:50px; background:#f80; color:#fff; cursor:pointer; cursor:hand;}*/

.buttonON {display:block; width:133px; height:50px; background-image: url('../../images/bkgOpacPageOn.png') !important; color:#fff; cursor:pointer; cursor:hand}

#foot {
	text-align:center;
	position:absolute; 
	margin-left:-401px; 
	left:50%; 
	bottom:0; 
	width:800px; 
	min-width:800px; 
	height:50px; 
	background:url('../../images/footBkg.jpg') 0 100px; font-size:1em; 
	z-index:5; 
	border-top:1px solid #666;
	border-right:0px solid #666;
	border-left:0px solid #666;
	border-bottom:0px solid #666;
	font-family: verdana, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:#000
	}

* html #foot {
	bottom:2px; width:802px; height:48px;
	}

#foot2 { /* Alin bandeau pun www.centretoutterrainjmo.com, inactif pour l'instant */
	text-align:center;
	position:absolute; 
	margin-left:-401px; 
	left:50%; 
	bottom:50; 
	width:800px; 
	min-width:800px; 
	height:25px; 
	background:#ADD2E1 url('../../images/footBkg.jpg') 0 100px; font-size:1em; 
	z-index:6; 
	border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;
	font-family: verdana, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:#000
	}
	
* html #foot2 { /* Alin bandeau pun www.centretoutterrainjmo.com, inactif pour l'instant */
	bottom:52px; width:802px; height:27px;
	}

.foot1{
 /*height: 30px;
 border: 1px Solid DarkRed;*/
}

.bkgOpac{  
 background-image: url('../../images/bkgOpac.png') !important;  /* to correct in firefox */
}

#content p {
	padding:5px; text-align:justify; color:#333333;
	}
	
.boldhead {
	font-size:1.5em; 
	font-weight:bold;
	}
	
.bold {font-weight:bold;}
.left {float:left; margin:10px; border:1px solid #000;}
.right {float:right; margin:10px; border:1px solid #000;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}

* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}

.AppDescDisplay {
	border:3px outset;
	background:url('../../images/BkgAppDesc.jpg') no-repeat 0px 0px; 
	z-index:6; 
	}
	
.AppDescHidden {
	display:none;
	}