@charset "UTF-8";
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
input, select{
	font-size:12px;
	color:#222;
	font-family: Arial, Helvetica, sans-serif;
}

/* clearfix */
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}


/* BODY */
body {
	margin:0;padding:0;
	font-size:O.9em;color:#222;background:#fff;font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
}

/* Structure de base */
#site 		{ width:780px; margin:0 auto; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999;}
#sitetop 	{ width:780px; }
#tagline 	{ width:780px; background-color:#33748a; }
#topnav 	{ width:780px; height:20px; background-color:#f4b62a;}
#sitecontent{ width:780px; background:url(../img/site_bg.gif) repeat-y; }
#sidenav 	{ width:140px; float:left;  min-height:450px; background:url(../img/nav_bg.jpg) no-repeat #01526f 0px 70px;} 
#content 	{ width:420px; float:left; padding: 50px 25px 0 35px; }
#sidecontent{ width:160px; float:left; padding: 50px 0 0 0px;}
#footer 	{ width:780px; text-align:center; margin:0 auto; }

/* Top Nav */
#topnav ul  		{ list-style:none; margin-left:160px;  font-size:11px; }
#topnav li 			{ float:left;}
#topnav li a		{ display: block; padding:0 15px 0 15px; line-height:20px;text-decoration:none; color:#333;}
#topnav li a:hover 	{ background-color:#fff;}


/* Side Nav */
#sidenav h1 		{ padding:10px 0 10px 20px; font-size:0.8em; font-weight:bold; color:#fff;border-bottom:1px solid #fff; }
#sidenav ul 		{ list-style:none; font-size:0.8em;}
#sidenav li 		{ margin:0; padding:0; border-bottom:1px solid #fff; width:140px; }
#sidenav li a 		{ display: block;  color:#fff; text-decoration:none;padding:10px 0 10px 20px;}
#sidenav li a:hover { background:url(../img/sidenavmarker.png) no-repeat left; color:#AEAEAE;}
#sidenav #currentpage{ background:url(../img/sidenavmarker.png) no-repeat left; color:#fff;}
#sidenav #login 	{ background:url(../img/loginmarker.png) no-repeat left; color:#fff; background-color:#33748a}
.loginlist          { margin:50px 0 0px 0px;}
.firstlevel { font-weight:bold;}
.secondlevel {  border-bottom:1px solid #fff;}
.element { }
.hide { display:none;}

/* content */
#content P { padding:5px 0px 5px 0px; font-size:0.8em; color:#333; text-align:justify;   }
#content p.error{ color:#CC0000; font-weight:bold; }
#content a { color:#01526f }
#content a:hover { color:#000 }
#content h1 { padding:3px 0px 3px 0px; margin:0; font-size:1em; font-weight:bold; color:#01526f }
#content h2 { padding:3px 0px 3px 0px; margin:0; font-size:0.9em; color:#01526f;font-weight:bold; }
#content p img { margin:0px 1em 0.5em 0px; padding:0 }

#content ol{ font-size:0.8em; padding:5px 0px 5px 20px;  margin:0;}
#content ol li { padding:5px 0px 5px 0px;}


#content .navlist 	{ list-style:none; font-size:0.8em;}
#content .navlist li 	{ margin:0; padding:0;}
#content .navlist li a 	{ background:url(../img/sidecontentmarker.png) no-repeat top left; display: block;  color:#01526f; text-decoration:none;padding:12px 0 10px 20px;}
#content .navlist li a:hover {  color:#FF6600; background-color:#fdf0d2}
#content .navlist img { margin:0.5em 1em 0.5em 0px; padding:0 }

.table_comparatif { width:420px; font-size:0.8em;}
.table_comparatif td { vertical-align:top; padding:3px 5px 3px 10px; border-left: 2px #FFFFFF solid;}
.table_comparatif th { vertical-align:top; padding:3px 5px 3px 10px; font-weight:bold;}
.odd 	{background-color:#fdf0d2}
.even 	{background-color:#b0c2cf}
.right { text-align:right;}

/* side */
#sidecontent .encart{ width:150px; background-color:#fdf0d2;}
#sidecontent h1 	{ font-size:0.8em; color:#333333; display:block; background-color:#f9d78b; padding:5px 5px 5px 10px; line-height:1.2; font-weight:bold;}
#sidecontent p 		{ font-size:0.8em; color:#333333; padding:3px 5px 3px 10px;}
#sidecontent em 	{ font-style:normal; font-weight:bold; color:#FF6600;}
#sidecontent ul 	{ list-style:none; font-size:0.8em;}
#sidecontent li 	{ margin:0; padding:0; border-bottom:1px solid #fff; width:150px; }
#sidecontent li a 	{ background:url(../img/sidecontentmarker.png) no-repeat left; display: block;  color:#FF6600; text-decoration:none;padding:10px 0 10px 20px;}
#sidecontent li a:hover {  color:#FF6600; background-color:#f9d78b}


#footer {  color:#333;font-size:0.8em;}
#footer a {  color:#01526f;}
#footer a:hover {color:#000; }