/* top elements */
* {	margin: 0; padding: 0;} 
body {margin: 0; padding: 0; font: 71%/1.5em  Verdana, 'Trebuchet MS', Arial, Sans-serif; background: #999; color: #333; text-align: center;}

/* links */
a {background: inherit; color: #115BC8;}
a:hover {background: inherit; color: #903;}
a.button{margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #333; text-decoration:none;}

/* headers */
h1, h2, h3 {font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; text-transform: uppercase; color: #903;}
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.0em; text-transform: none;}

#main h1, #rightbar h1 {padding: 10px 0 5px 5px; margin: 0 0 0 10px; text-transform: uppercase; border-bottom: 1px solid #CCC;}	
#sidebar h1 {padding: 10px 0px 5px 30px; background: url(square_arrow.gif) no-repeat 2px 12px; margin: 0; text-transform: uppercase;}

p, h1, h2, h3 {	margin: 10px 15px;}
ul, ol {margin: 10px 30px; padding: 0 15px;	color: #903;}
ul span, ol span {color: #333;}
em1 { font-weight: bold; color: #A00; padding-right: 1em; vertical-align: top;}

/* images */
img {border: 2px solid #CCC;}
img.float-right { margin: 5px 0px 5px 15px;}
img.float-left { margin: 5px 15px 5px 0px;}
a img#nobord {border: 0px;}
a img {border: 2px solid #3791D7;}
a:hover img {border: 2px solid #9b2323 !important; /* IE fix*/  border: 2px solid #3791D7;}

code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; background: #EEE; border: 1px solid #666; border-left: 3px solid #06F;}
acronym { cursor: help;  border-bottom: 1px solid #777;}
blockquote {margin: 15px; padding: 0 0 0 32px; background: #EEE url(quote.gif) no-repeat 5px 10px !important; background-position: 8px 10px; border: 1px solid #666; border-left: 3px solid #06F; font-weight: bold;}

/* form elements */
form {
	margin:10px;
	padding: 0;
	border: 1px solid #666;
	background-color: #F0EAD9;
}
label {	font-weight:bold; margin:5px 0;}
label.error { font-family: Verdana; font-size: 90%; float: none; color: #903; padding-left: .5em; vertical-align: top; }
input {	padding: 4px; border:1px solid #eee; font: normal 1em/1.5em Verdana, sans-serif; color:#777;}
input:focus { padding: 4px; border:1px solid #777; font: normal 1em/1.5em Verdana, sans-serif; color:#777; background: #FFF;}
textarea {	width:450px; padding:4px; font: normal 1em/1.5em Verdana, sans-serif; border:1px solid #eee; height:75px; display:block; color:#777;}
input.button { 	margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #333;}
select { padding: 4px; border:1px solid #eee; font: normal 1em/1.5em Verdana, sans-serif; color:#777;}

/* search form */
form.searchform {background: transparent; border: none;	margin: 0; padding: 0;}
form.searchform input.textbox {margin: 0; width: 120px;	border: 1px solid #CCC; background: #FFF;color: #333; vertical-align: top;}
form.searchform input.button {width: 55px; vertical-align: top;}

/*****************/
/*    Layout     */
/*****************/
#banniere { background: url(banniere_pub_noir.gif) no-repeat 0px 0px ; background-position: 0px 0px; margin:10px auto; text-align:center;width: 758px; height:auto;}
#banniere a img {border: 0px;}
#banniere a:hover img {border: 0px;}

#wrap {background: #FFFFFF; margin: 0 auto; width: 954px; text-align: left;}
#content-wrap {background: #FFFFFF; clear:both; margin: 0; padding:0; width: 954px;}

#wrapfiche {background: #FFFFFF; margin: 0 auto; width: 654px; text-align: left;}
#content-wrapfiche {background: #FFFFFF; clear:both; margin: 0; padding:0; width: 654px;}

/* header */
#header {position: relative;background: url(headerbg_SIQ2012.jpg) no-repeat; height: 108px;}
#header h1#logo {position: absolute; margin: 0; padding: 0;	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px;	color: #CCC; text-transform: none;	top: 0; left: 5px;}
#header img#logo {border: 0px; margin-top: 3px; margin-left: 15px;}
#header h1#logodate {position: absolute; margin: 0; padding: 0;	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px;	color: #EEE; text-transform: none; top: 30px; right: 5px;}
#header .searchform { position: absolute; top: 5px; right: 3px;	}

/* main column */
#main {background: #FFF; float: left; margin-left: 15px; padding: 0; width: 575px; border-left: 1px solid #CCC;}

.post-footer {background-color: #FAFAFA; padding: 5px; margin-top: 20px; font-size: 95%; border: 1px solid #CCC;}
.post-footer .date {background: url(clock.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px;}
.post-footer .comments {background: url(comment.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px;}
.post-footer .readmore {background: url(page.gif) no-repeat left center;padding-left: 20px; margin: 0 10px 0 5px;}

#main table {display:table; border-collapse:collapse; margin:5px 0 0 15px; padding:0; border:1px solid #115BC8; font-size:100%;}
#main tr {display:table-row;}
#main th, td {display: table-cell; border:1px solid #115BC8; margin:0; padding:2px; vertical-align:top; text-align:center;}
#main th {background:#115BC8; text-align:center; color:#FFF; font-weight:bold;}
#main th, td a {text-decoration: none;}
#main table1 {display: none;}

#mainfiche {background: #FFF; float: left; margin-left: 15px; margin: 0 auto; padding: 0; width: 654px; border-left: 1px solid #CCC;}
#mainfiche table {display:table; border-collapse:collapse; margin:10px auto; padding:0; border: none; font-size:100%;}
#mainfiche tr {display:table-row;}
#mainfiche th, td {display: table-cell; border:1px solid #115BC8; margin:0; padding:2px; vertical-align:top; text-align:left;}
#mainfiche th {background:#115BC8; text-align:center; color:#FFF; font-weight:bold;}
#mainfiche th, td a {text-decoration: none;}

/* sideabar */
#sidebar {background: #FFF; float: left; width: 180px; margin: 0; padding: 0; display: inline;}
#sidebar ul.sidemenu {list-style: none;	text-align: left; margin: 0 0 8px 0; padding-right: 0; text-decoration: none;}
#sidebar ul.sidemenu li {border-bottom: 1px solid #CCC; background: url(arrow.gif) no-repeat 2px 5px; padding: 2px 5px 2px 20px;}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {/*font-weight: bold; */ background-image: none; text-decoration: none;}

#left {background: #FFFFFF; margin: 0 auto; width: 280px; float: left;}
#right {background: #FFFFFF; margin: 0 auto; width: 280px; float: right;}

/* rightbar */
#rightbar {background: #FFF; float: right; width: 180px; padding: 0;}

/* footer */
#footer {clear: both; background: #FFF url(footerbg-qcbleu.gif) repeat-x left top; border-top: 1px solid #F2F2F2; margin: 0 auto; text-align: center; height: 50px; width: 954px;}
#footer a {text-decoration: none; font-weight: bold; color: #333;}

/* menu */
#menu {background: #FFF; clear: both; margin: 0; padding: 0;}
#menu ul {position: relative; bottom: 4px; margin: 0; padding: 0; float: left; font: bold 1.4em 'Trebuchet MS', Tahoma, Arial, Sans-serif; width: 954px; border: 1px solid #808080;	border-width: 0 0 4px 0; list-style: none;}
#menu ul li{display: inline;}
#menu ul li a {position: relative; bottom: -4px; float: left; color: #808080;padding: 0px 10px;	text-decoration: none; background: #FFF url(menudivide.gif) repeat-y right top; border-bottom: 4px solid #808080;}
#menu ul li a:hover{color: black; background-color: #F3F3F3; border-bottom: 4px solid #115bc8;}
#menu ul li#current a{color: black;	background-color: #09C; border-bottom: 4px solid #115bc8;}

/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear { clear: both; }
.block { display: block; }
.hide  { display: none; }	
.blue  { color: #3791D7; }
.red  { color: #903; }
.green { color: #090; }