html, body {
margin: 0; 
padding: 0; 
border: 0; 
height:100%;
text-align:center;
}
div {
margin: 0px;
padding:0px;
}
img {
border: 0px;
}
/* sepa Header */
#sepaTopHeader {
height:40px;
}
#sepaUnderHeader {
height:20px;
}
/* CUSTOM DIAPORAMA FLASH 886x365 */
#wrapperDiaporamaFlash {
position: relative;
margin: 0 auto;
width:886px;
min-height: 100%;
/* background-color:green; */
}
/* NORMAL wrapper 700x344 */
#wrapper {
position: relative;
margin: 0 auto;
width:700px;
min-height: 100%;
/* background-color:green; */
}

#wrapperTop {
position: relative;
margin: 0 auto;
width:700px;
/* min-height: 100%; */
/* background-color:red; */
}

#wrapperContent {
position: relative;
margin: 0 auto;
width:886px;
/* min-height: 100%; */
/* background-color:blue; */
}
#wrapperBottom {
position: relative;
margin: 0 auto;
width:700px;
min-height: 100%;
/* background-color:blue; */
}

#blockDiaporamaFlash {
/* custom 886x365 old 700x344 */
position: relative;
/* background-color:red; */
margin-top:20px;
width: 886px;
height: 344px;
color: #FFFFFF;
display:block;
}
#block {
/* css block*/
	position: realtive;
	margin-top:10px;
	width: 700px;
	height: 344px;
	color: #FFFFFF;
	display:block;
}


#logo {
position: relative;
top: 40px;
width: 700px;
height: 80px;
text-align:left;
/* background: transparent url(images/FORGESHOTELLOGOBROWN.png) top left no-repeat;*/
}
#top-contact {
position: relative;
top: -37px;
left: 0px;
}
#reservations {
position: relative;
width: 700px;
height: 70px;
background: transparent;
text-align: right;
vertical-align: baseline;
Z-index:2;
}

/*  */
#sousmenu {
	position: relative;
	/* width:700px;
top: 285px; */
width:680px;
	top: 295px; /* 285 */
	text-align: right;
	border:0;
	Z-index:3;
	Overflow: visible;

}

#sousmenu img {

border: 0px;

padding : 7px 30px 0px 0px;

} 

/* les id du sous-menu */
#top-menu div {
position:relative;
/* top:20px; */
height: 20px;
float: left;
vertical-align:bottom;
}


#top-menu {
top:20px; 
position: relative;
width: 700px;
height: 20px;
background: transparent;
display:block;
Overflow: hidden;
Z-index:0;
}

#bottom-menu {
position: relative;
top: 15px;
width: 700px;
height: 40px;
background: transparent;
margin:0;
display: block;
/* float:left; */
clear: both:
background-color:red;
}

#recrutement {
position: relative;
top: 0px;
width: 700px;
height: 20px;

}
/*  */
#contact {
position: relative;
top: 0px;
width: 700px;
height: 130px;
text-align: left;
background: transparent url(images/logo-part-cmjn-hotels.jpg) 305px 60px no-repeat;
}

/* texto_npi : page referencement  */

.texto_npi {
position: relative;
top: 20px; /* -38*/
left: 15px;
width: 630px;
height: 310px;
font-size: 12px;
font-weight: light;
letter-spacing: 1px;
text-align: justify;
padding: 0px 10px 10px 10px;
/* background-color:green; */
overflow: auto;
}
/* les classes */

.texto {
	position: relative;
	top: -10px; /* -38*/
	left: 15px;
	width: 650px;
	font-size: 12px;
	font-weight: light;
	letter-spacing: 1px;
	text-align: justify;
	padding: 0px;
}
.texto h1 {
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
}
.menu, .menu a {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
nowrap: true;
}
.menu a:hover {
color:#ffffff;
text-decoration: underline;
}

/* les liens */

a {
    color: #bbbbbb;

    text-decoration: none;
}
a:visited {
    color: #bbbbbb;
    text-decoration: none;
}
a:hover {
    color: #ff0000;
    text-decoration: none;
}
ul, li {
list-style-type: circle;

margin: 0px 5px 0px 0px;
padding:0px 0px 0px 15px;

font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
text-align: justify;
}
form {
	font-size: 11px;
}