body {width: 822px; margin: 0 auto 0 auto; background: #a4c8d4; font-family: Arial, Helvetica, sans-serif; font-size: 0.625em;}

:focus { outline: none;}

#container {padding: 9px; float: right; clear: both; background-color: #e1edf1; position: relative;}
#top {clear: both;}

#header {float: left; width: 804px; background: #FFF url(../images/bg_header.png) no-repeat top center;}
#content {clear: both; background-color: #FFF; padding-bottom: 1em;}

#logo {float: left; margin: 0; padding: 16px 0 4px 27px;}
#nav {float: right;}

h2 {margin-top: 0; color: #FFF; font-size: 1.9em;}

a { color: #990000; }


#txtContent { padding: 20px 30px 0; font-size: 1.1em; }
#txtContent p { line-height: 1.4em; }
#txtContent h2, h2.bleu { color: #990000; }
#txtContent h4 { color: #990000; font-size: 1.1em; }

#txtContent li { margin: 5px 0;}

.bilanTable { margin: 20px 0; }
.bilanTable td { padding: 5px; vertical-align: top; }
.bilanTable th { background: #FFDFDF; border-bottom: 1px solid #990000; padding: 5px; text-align: left; }
.back { background: #EFEFEF; }

p { text-align: justify; }

hr {display: block; clear: both; visibility: hidden;}





#metanav {margin: 0; padding: 5px 29px 5px 0; list-style-type: none; float: right; font-size: 1.1em; color: #B12643;}
#metanav li {float: left; padding-left: 15px;}
#metanav a, #metanav a:link {color: #B12643; text-decoration: none;}
#metanav a:hover{color: #B12643; text-decoration: underline;}

/*#nav {position: relative; z-index: 10;margin: 0; padding: 0 18px 5px 0; list-style-type: none; float: right; font-size: 1.1em; font-weight: bold; letter-spacing: -0.025em;}
#nav li {float: left; background: url(../images/bg_menuitem_l.png) no-repeat bottom left; margin: 0 2px 0 0; padding: 0;}
#nav a {display: block; min-height: 26px; background: url(../images/bg_menuitem_r.png) no-repeat bottom right; padding: 17px 17px 0 17px; text-decoration: none;}
#nav a:link, a:visited, a:active {color: #003366; text-decoration: inherit;}

#nav a:hover { color: #0099cc;}*/

#nav { position: relative; z-index: 10;margin: 0; padding: 0 18px 5px 0; list-style-type: none; float: right; font-size: 1.1em; font-weight: bold;}
#nav li {display: inline;float: left; background: url(../images/bg_menuitem_l.png) no-repeat bottom left; margin: 0 2px 0 0; padding: 0;}
#nav a {display: block; min-height: 26px; background: url(../images/bg_menuitem_r.png) no-repeat bottom right; padding: 17px 15px 0 15px; text-decoration: none;}

* html #nav a { padding-bottom: 10px;}
#nav a:link, a:visited, a:active {color: #003366; text-decoration: inherit;}

#nav a:hover { color: #0099cc;}

body#services #m-services, body#formations #m-formations, body#documentation #m-documentation, body#compagnie #m-compagnie, body#dates #m-dates, body#services #m-services a, body#formations #m-formations a, body#documentation #m-documentation a, body#compagnie #m-compagnie a, body#dates #m-dates a {background: transparent none; color: #0099cc;}

#smenu {
	background : url(../images/back-smenu.gif) no-repeat;
	height: 68px;
	position: absolute;
	right: 29px;
	top: 9px;
	width: 475px; 
	z-index: 5;
}

#smenu ul{
	height: 19px;
	list-style: none;
	margin: 0;
	padding: 49px 10px 0;
}

#smenu li { display: inline; float: left; }

#smenu li a { 
	color: #003366;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0  0 0 10px;
	text-decoration: none;
}

#smenu li a:hover { color: #0099cc; text-decoration: underline; }

#smenu li a.active, #smenu li a.active:hover { 
	background: #9ec0cb;
	color: #0099cc;
	text-decoration: none;
}

/* --------------->>> other <<<---------------*/

.clearfix:after, form li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix, form li {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */