/* CSS Document */

body {
    background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	font-style: normal;
	color: #666666;
	text-align:center;
	margin:0 0 0 0;
}

a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #066;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

#container {
    width:850px;
	height:642px;
	margin:5px auto;
	border: solid 1px grey;

}

#header {
	height:145px;
}

	
#content  {
	clear:both;
}


H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color:#009999;
	letter-spacing: 1px;
	background-color: #FFF;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style: normal;
	color:#009999;
	letter-spacing: 1px;
	background-color: #FFF;
}


H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color:#666;
	letter-spacing: 1px;

}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color:#666;
	letter-spacing: 1px;
	background-color: #FFF;
}

H5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color:#666;
	letter-spacing: 1px;
	background-color: #FFF;
}

 
#footer {
	padding:8px;
	margin-top:15px;
	clear:both;
	background-color:#009999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:600;
	color:#FFF;
	
}


#footer a:link, #footer a:visited, #footer a:active {
	color:#FFF;
	text-decoration:none;
	
}

#footer a:hover {
	color:#F00;
	text-decoration:none;
	
	
}

#mainframe {
	padding-left:10px;
	padding-right:10px;
	height:400px;
	
}

#mainsystem {
	padding-left:10px;
	padding-right:10px;
	height:389px;
	
}
#frameleft {
	float:left;
	width:70%;
	padding-top:10px;
    height:380px;
}

#frameright  {
	float:right;
	width:30%;
	
}

#newsBox
{
    margin:20px 15px 20px 0;    
    padding:10px 15px;
    background-image:url('/images/gradient.png');
    font-weight:bold;
    height:283px;   
}
#newsBox h2
{
    text-align:center;
    text-decoration:underline;
    background-color:#009999;
    margin:0 0 10px 0;
}

#newsBox h2 a:link, #newsBox h2 a:visited, #newsBox h2 a:active, #newsBox h2 a:hover
{
    text-decoration:underline;
}

#newsBox #titles
{
    overflow:hidden;
    height:235px;
}

#newsBox #titles p
{
    text-align:left;
}

#newsBox #lienActu
{
    text-align:right;
}

.h1 {
	height:0;
	clear:both;
}
	
.separator    {
	clear:both;
	height:20px;

}

div#menu{
    background-color:#009999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style: normal;
	color: #ffffff;
	text-decoration:none;
	text-align:left;
	height:40px;
}
div#menu a {color:#ffffff}
div#menu ul {text-transform: capitalize;padding:0;margin:0;}
div#menu li {background:#009999;}
div#menu ul.niveau1{margin-left:20px;}

/* rajout couleure de fond */
div#menu li.sousmenu {}
/* rajout pr pour flèche direction bas et couleur de fond*/
div#menu li.plop { }

/* une petite bordure en top*/
div#menu ul.niveau1 li {position:relative; list-style: none; float:left; }
div#menu ul.niveau2 li {position:relative; list-style: none; float:none; white-space:nowrap;}

div#menu ul ul {position: absolute; display:none;}
div#menu ul.niveau2 {margin-left:-20px; min-width:135px;}

div#menu ul li a {text-decoration: none; display:block;}
div#menu ul li a:hover {text-decoration: underline;}
div#menu li a {text-decoration: none; display:block}

div#menu ul.niveau1 li{padding:0 10px;margin:14px 0;}
div#menu ul.niveau2 li{padding:10px 20px;margin:0;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 100px;}

/* rajout de couleures de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC}
div#menu ul.niveau3 li:hover { background: #99CC00}
#container #mainsystem #content div {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}