html {
	margin : 0;
	padding : 0;
	height:100%;
	background-color:#e4e4e4;
}
body  {
	position:relative;
	text-align:center;
	padding-top:1%;
	font-family:Arial, sans-serif;
	}

a {
	text-decoration:none;
  color:#666;
}

a:hover {
  color:#ccc;
	text-decoration:none;
}
h1,h2,h3,ul,li,p,img {
 margin:0;
 padding:0;
}
h2 {
	text-align:center;
	margin-top:10px;
	font-size:1em;
	font-weight:bold;
	color:#2E2E2E;
}
h3 {
	margin:2px 0 0 5px;
	text-align:left;
	font-size:1.21em;
	font-weight:bold;
  color:#999;
}


img { 
 border:0;
}
ul,li {
 list-style:none;
}

#main {
	position:relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	padding-top:4px;
	background: #fff;
	-moz-border-radius:20px;
	border-radius:20px;
}
#titre {
	position:relative;
	top:4px;
	width:100%;
	height:114px;
	text-align:right;
}
#logo {
	position:absolute;
	top:1px;
	left:10px;
	width:350px;
	height:80px;
}
#sstitre {
	position:absolute;
	background-color:#e4e4e4;
	top:5px;
	right:10px;
	width:344px;
	height:88px;
}
#sstitre p{
	position:relative;
	top:20px;
	right:20px;
	font-family:Myriad, Arial;
	font-weight:bold;
	font-style:oblique;
	color:#999;
	font-size:0.8em;
}
#sstitre h1{
	position:relative;
	top:20px;
	right:20px;
	font-family: Myriad, Arial;
	font-weight: bold;
	color:#333333;
	font-size:1em;
}
/* menu */
#menu {
	position: relative;
	height: 30px;
	margin: 0;
	text-align:center;
	background: #FFF url(img/menu.jpg) top left no-repeat;
}
#menu .deb{
	display:block;
	height: 30px;
	width:266px;
	top:0px;
}

#menu .deb:hover {
background: transparent url(img/menu.jpg) top left no-repeat;
}
#menu li {
	display: inline;
}
#menu a.deb {
	padding-top:4px;
	position:relative;
	color:#ffffff;
	font-size:21px;
	letter-spacing:2px;
	text-decoration:none;
}
#menuc {
	position:absolute;
	left:0px;
}
#menum {
	position:absolute;
	left:266px;
}
#menuf {
	position:absolute;
	right:0px;
}
#menuc .deb:hover{
	background-position: 0px -30px;
}
#menum .deb:hover{
	background-position: -266px -30px;
}
#menuf .deb:hover{
	background-position: -534px -30px;
}

/* sous-menu */
ul.ssmenuc, ul.ssmenum, ul.ssmenuf {
	display:none;
	position:absolute;
	left:22px;top:29px;
	padding:5px;
	font-size:0.72em;
	font-weight:bold;
	width:210px;
	z-index:10;
}
li:hover ul.ssmenuc {
	display:inline;
}
ul.ssmenuc {
	border:1px solid #A776A8;
	background-color:#D3BAD3;
}
ul.ssmenuc li a, ul.ssmenum li a, ul.ssmenuf li a{
	color:#666;
	padding:2%
}
ul.ssmenuc li:hover a, ul.ssmenum li:hover a, ul.ssmenuf li:hover a{
	text-decoration:none;
	color:#fff;
}
li:hover ul.ssmenum {
	display:inline;
}
ul.ssmenum {
	border:1px solid #E79243;
	background-color:#F3C8A1;
}
li:hover ul.ssmenuf {
	display:inline;
	}
ul.ssmenuf {
	border:1px solid #3AA33D;
	background-color:#9CD19E;
	}

/** fenêtre centrale **/
#corps {
	position:relative;
	width:100%;
	z-index:1;
}

#corps p {
		font-size:0.72em;
		margin:10px 4px 10px 4px;
		color:#4E4E4E;
}
#corps p a{
	color:#333;
	font-weight:bold;
}
#corps p a:hover{
	color:#ccc;
	font-weight:bold;
}
#ville {
	position:absolute;
	top:25%;
	left:35px;
	width:100px;
	border:1px solid #999;
	text-align:center;
}
.bouton {
	position:absolute;
	top:-28px;
	left:-15px;
	width:130px;
	height:30px;
	background:url(img/bouton.jpg) top left no-repeat;
	color:#fff;
	font-weight:bold;
	padding-top:5px;
	text-align:center;
}
.bouton a{
	color:#fff;
}

#accueil {
	position:relative;
	top:22px;
	left:175px;
	width:450px;
	border:1px solid #999;
	background:url(img/sstexte.jpg) top left no-repeat;
}
#accueil p {
	text-align:justify;
	margin:5px 10px 10px 10px;
	font-size:0.9em;
}
#coinhg, #coinhd, #coinhdg, #coinbg, #coinbd {
  height:13px;
  width:13px;
  background-repeat: no-repeat;
  font-size:1px;  
}
#coinhg {
  position:absolute;
  top:-1px;
  left:-1px;
  background-image:url(img/coinhg.gif)
}
#coinhd {
  position:absolute;
  top:-1px;
  right:-1px;
  background-image:url(img/coinhd.gif);
}
#coinhdg {
  position:absolute;
  top:-1px;
  right:-1px;
  background-image:url(img/coinhdg.gif);
}
#coinbg {
  position:absolute;
  bottom:-1px;
  left:-1px;
  background-image:url(img/coinbg.gif);
}
#coinbd {
  position:absolute;
  bottom:-1px;
  right:-1px;
  background-image:url(img/coinbd.gif);
}
#tarif {
	position:absolute;
	bottom:25%;
	right:35px;
	width:100px;
	border:1px solid #999;
	text-align:center;
}
#pied {
	position:relative;
	width:100%;
	height:120px;
	}
#rapidenav {
	position:absolute;
	bottom:40px;
	left:20px;
	width:100px;
}
#rapidenav a {
	margin:3px;
}
#rnavc {
	position:absolute;
	width:21px;
	height:16px;
	background:url(/img/rnavc.gif) top left no-repeat;
}
#rnavm {
	position:absolute;
	left:28px;
	width:21px;
	height:16px;
	background:url(/img/rnavm.gif) top left no-repeat;
}
#rnavf {
	position:absolute;
	left:56px;
	width:21px;
	height:16px;
	background:url(/img/rnavf.gif) top left no-repeat;
}
#menu2 {
	position:absolute;
	bottom:20px;
	left:290px;	
	width:220px;
	text-align:center;
	padding-top:5px;
	color:#999;
}

#menu2 li {
	display:inline;

}
#menu2 a {
	font-size:0.72em;
	color:#666;
}
#menu2 a:hover {
	color:#ccc;
	text-decoration:none;
}
#sticker {
	position:absolute;
	bottom:10px;
	right:20px;
}
#sign {
  position:absolute;
  top:120px;
  left:10px;
  color:#999;
  font-size:0.68em;
  letter-spacing:0.1em;
  padding:0 0 10px 0;
}
#sign a{
  color:#666;
}