/****************************************************************************************************************************

  KREACTIV'STUDIOS

 ****************************************************************************************************************************

 @fichier  : styleSem.css
 @auteur   : Sébastien Dion (sebastien.dion@kreactivstudios.com)
 @creation : 02/06/2008

 ***************************************************************************************************************************/
 
/* CSS issu des tutoriels http://css.alsacreations.com */


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
z-index:100;
width:100%;
}
#menu dl {
float: left;
position: relative;
width: 151px;
}
#menu dt {
margin-top: 4px;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11pt;
color: #FFF;
text-align: left;
font-weight: bold;
letter-spacing: 0.2pt;
height: 17px;
}
#menu dd {
	padding-left: 15px;
	position: absolute;
	background-image:url(img/bgd_ssMenu.jpg);
	background-repeat: repeat-y;
	background-position: top left;	
	background-color: #394891;		
	bottom:1.5em;
	width: 180px;
}
#menu li {
text-align: left;
}
#menu li a, #menu dt a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 9pt;
color: #FFF;
text-decoration: none;
font-weight: bold;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #3f3f41;
}

#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: black;
color: #222;
}