/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
	margin: 0;
	padding: 0;
	background: white;
	/*font: 80% verdana, arial, sans-serif;*/
}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	position: relative;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
}

#menu2 #navigation {
	height: 26px;
/*	display:block;*/
}
#menu2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu2 li.rubrique {
	float: left;
	position:relative;
}

#menu2 li.rubrique img {
	vertical-align: middle;
}

#menu2 li.rubrique ul {
	position: absolute;
	width: 100%;
	-width: 122px;
	left:0px;
	top: 26px;
	display: none;
}
#menu2 li > ul {
/*	top:auto;*/
}
#menu2 li ul li ul {
	position:absolute;
	display:block;
}
#menu2 li.section {
	display:list-item;
	text-align:center;
	background: #fff;
	height: 20px;
	opacity: 0.92;
}
#menu2 li.section a {
	display:block;
}

#menu #navigation {
	list-style: none;
}

#menu #navigation ul {
	display: none;
}

#menu .selecteur {
	float: left;
	/*width: 12em;*/
	/*margin: 0 1px;*/
	display: inline;
	margin: 0px;
	cursor: pointer;
/*	text-align: center;
	font-weight: bold;
	background: #ccc;*/
	border: 0px solid gray;
}

#menu .options {
	border: 1px solid gray;
	width: 122px;
}
#menu .options li {
	text-align: center;
	background: #fff;
	height: 20px;
	opacity: 0.92;
}
#menu .options li a, #menu .selecteur a {
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#menu .options li a:hover, #menu .selecteur a:hover {
	/*background: #eee;*/
}

#smenu0 li {
	border-bottom: 1px solid #6A2666;
	padding: 2px 0px 2px 0px;
}

#smenu0 li a:hover {
	background: #6A2666;
	color: #FFFFFF;
}

#smenu1 li {
	border-bottom: 1px solid #C81957;
	padding: 2px 0px 2px 0px;
}

#smenu1 li a:hover {
	background: #C81957;
	color: #FFFFFF;
}

#smenu2 li {
	border-bottom: 1px solid #00679D;
	padding: 2px 0px 2px 0px;
}

#smenu2 li a:hover {
	background: #00679D;
	color: #FFFFFF;
}

#smenu3 li {
	border-bottom: 1px solid #23201E;
	padding: 2px 0px 2px 0px;
}

#smenu3 li a:hover {
	background: #23201E;
	color: #FFFFFF;
}

#smenu4 li {
	border-bottom: 1px solid #99F6FF;
	padding: 2px 0px 2px 0px;
}

#smenu4 li a:hover {
	background: #99F6FF;
	color: #FFFFFF;
}

#smenu5 li {
	border-bottom: 1px solid #69CD38;
	padding: 2px 0px 2px 0px;
}

#smenu5 li a:hover {
	background: #69CD38;
}

#smenu6 li {
	border-bottom: 1px solid #C92800;
	padding: 2px 0px 2px 0px;
}

#smenu6 li a:hover {
	background: #C92800;
}

#smenu7 li {
	border-bottom: 1px solid #FF9D0C;
	padding: 2px 0px 2px 0px;
}

#smenu7 li a:hover {
	background: #FF9D0C	;
	color: #FFFFFF;
}

#site {
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #000;
	background-color: #ddd;
	padding: 5px;
	border: 1px solid gray; 
}

a {
	text-decoration: none;
/*	color: #222;*/
}