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

: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;}

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

h2 {margin-top: 0; color: #FFF; font-size: 1.8em;}
#txtContent { padding: 0 0 0 30px; font-size: 1.1em; }
#txtContent p { line-height: 1.4em; }
#txtContent h2, h2.bleu, h3.bleu { color: #0099cc; }
#txtContent li { margin: 5px 0;}
a{color: #003366; }
p { text-align: left; font-size: 1em;}
a.bleup { color: #0099cc; }
.floatL {float: left !important; }

.plan a { text-decoration: underline !important; }
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;}
#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 {
	xbackground : url(../images/back-smenu.gif) no-repeat;
	height: 68px;
	position: absolute;
	right: 29px;
	top: 9px;
	width: 600px; 
	z-index: 5;
}

#smenu ul{
	float: right;
	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 { 
	xbackground: #9ec0cb;
	color: #0099cc;
	text-decoration: none;
}

#list h3 { font-size: 1em; cursor: pointer; }

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

td {vertical-align: top;}

.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 */