/***************************** DECOUPAGE DE LA PAGE ********************************/

#animFlash {
        margin-top: 20px;
	width: 877px;
	height: 331px;
	background: white;
	float: left;
        background: #dde7c4 url(images/pratmeur/bg_flash.gif) no-repeat 0px 0px;
        _background: #dde7c4 url(images/pratmeur/bg_flash.gif) no-repeat 1px 0px;
}

*:first-child+html #animFlash {
        background: #dde7c4 url(images/pratmeur/bg_flash.gif) no-repeat 1px 0px;
}

#page {
	position:relative;
	width: 877px;
	background: #edf2de url(images/pratmeur/bg_home_courbes.jpg) no-repeat top left;
	text-align: left;
	float: left;
	border-bottom: 1px solid white;
        margin-top: 20px;
        _margin-top: 0px;

}

#baliseH1 {
   float:right;
   width:708px;
}

/***************************** MENU ********************************/

#header {
        background : white url(images/pratmeur/bg_menu_hebergements.gif) no-repeat top left;
}

ul#menu {
	width: 877px;
	padding: 0px;
}

ul#menu li.hebergements {
	width: 178px;
	height: 25px;
	float: left;
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
}

ul#menu li.hebergements a.niveau1 {
	width: 130px;
	height: 22px;
	padding: 3px 10px 0px 37px;
	color: white;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
	display: block;
}

ul#menu li.hebergements table {
	width: 177px;
	height: 100px;
	vertical-align: middle;
	position: absolute; 
	top: 25px;
	left: 0px;
	overflow: hidden;
}

ul#menu li.hebergements ul.sousmenu {
	width: 166px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background: none;
	position: static;
	display: block;
}
ul#menu li.hebergements ul.sousmenu li.niveau2{
	width: 166px;
	background: url(images/pratmeur/sousmenu_hebergements_off.gif) no-repeat bottom left;
}

ul#menu li.hebergements ul.sousmenu li a.niveau2 {
	width: 140px;
	display: block;
	padding: 0 0 0 26px;
	font-size:10px;
	line-height:11px;
	font-weight: bold;
	background: url(images/pratmeur/sousmenu_hebergements_off.gif) no-repeat bottom left;
	color: #50771e;
	text-decoration: underline;
}

ul#menu li.hebergements ul.sousmenu li a.niveau2 span {
	width: 120px;
	display: block;
	padding: 2px 0px 4px 10px;
	background: url(images/pratmeur/sousmenu_hebergements_puce.gif) no-repeat 0 4px;
	cursor: pointer;
}
ul#menu li.hebergements ul.sousmenu li a.niveau2:hover {
	background-image: url(images/pratmeur/sousmenu_hebergements_on.gif);
	color: #50771e;
}




/***************************** FLASH ********************************/

#animFlash #noFlash {
	width: 877px;
	height: 331px;
	text-align: center;
}

#animFlash #noFlash img{
	margin: 0px;
}

/***************************** PAGE ********************************/

#page img#logo {
	float: left;
	margin: 17px 0px 0px 57px;
}

#page img#titre {
	margin: 8px 200px 0px 8px;
	float: left;
}

#page #contenu {

	width: 420px;
	margin: 10px 0px 0px 32px;
	text-align: justify;
	line-height: 13px;
	color: #676767;
	float: left;
}
#contenu .bloc {
	color: #676767;
	font-size: 10px;
        padding-bottom: 3px;
}
#cadeau
{
	position:absolute;
	width: 299px;
	height: 76px;
	border: 0;
	display:block;
	background-image:url(images/pratmeur/cadeau_04.jpg);
	text-align: left;
	padding-left: 53px;
	padding-top: 15px;
        color: #ffffff;
        top:120px;
        left : 30px;
}
#cadeau:hover {
	background-image:url(images/pratmeur/survol_04.jpg);
	color: #FFFFFF;
}
#cadeau:active {
	background-image:url(images/pratmeur/cadeau_04.jpg);
	color: #FFFFFF;
}
#cadeau a {
	color: #FFFFFF;
	padding-left: 25px;
        text-decoration:underline;
        font-size:10px;
}

#cadeau a:hover {
	color: #FFFFFF;
	padding-left: 25px;
	text-decoration:none;
	font-size:10px;
}