html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}

h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}
optgroup{font-weight:normal;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
del{text-decoration:line-through;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:0px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

html, body {/*height:100%;*/}

h2,h3,h4,h5,p {margin-bottom:1em;}

h1 {text-transform:uppercase; font-size:100%;}
h2 {text-transform:uppercase; font-size:153.9%;}
h3 {text-transform:uppercase; font-size:108%;}
h4 {text-transform:uppercase; font-size:100%; color:black;}
h5 {font-size:100%; color:black;}
a {outline:none; color:#CC0000;}
a:hover {text-decoration:underline;}
a.noir {outline:none; color:#000000;-moz-transition:opacity 0.5s ease; 	-webkit-transition:opacity 0.5s ease; 	-o-transition:opacity 0.5s ease; 	transition:opacity 0.5s ease;}
a.noir:hover {text-decoration:underline; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 	filter:alpha(opacity=50); 	opacity:0.50;}
a.hautdepage {outline:none;font-size:9px; margin-left:570px; color:#444444; -moz-transition:opacity 0.5s ease; 	-webkit-transition:opacity 0.5s ease; 	-o-transition:opacity 0.5s ease; 	transition:opacity 0.5s ease;}
a.hautdepage:hover {text-decoration:underline;font-size:9px; margin-left:570px;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 	filter:alpha(opacity=50); 	opacity:0.50;}
a.picture { -moz-transition:opacity 0.5s ease; 	-webkit-transition:opacity 0.5s ease; 	-o-transition:opacity 0.5s ease; 	transition:opacity 0.5s ease;}
a.picture:hover {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 	filter:alpha(opacity=50); 	opacity:0.50;}

/*
layout
*/
#doc {width:960px; margin:auto; border-left-color:#999999; border-right-color:#999999; border:1}

#bd {position:relative; overflow:hidden;}
#sidebar {float:left; width:299px;  margin-right:1px; overflow:hidden; background-color:#d0cfc8; height: auto !important; height: 100%;  min-height: auto;}
#main {float:left; width:635px; padding-bottom:2070px; margin-bottom:-2000px;  overflow:hidden; padding-top:0px; padding-left:25px; background-image:url(../images/trait_vertical.jpg); background-position:left; background-repeat:no-repeat;}

#sidebar a img {border:none; display:block; background-color:#d0cfc8;}

#hd img {display:block; border:none;}

hr{
width: 630px;
border-width:thin;
border-style:dotted;
}


/*
first technique
validates XHTML but not accessible
*/

/*
second technique
accessible but does not validate XHTML if empty span
#sidebar h1, #sidebar h1 span {width:299px; height:149px; background:white url(../images/le-cube.png) left top no-repeat;}
#sidebar h1 span {display:block; position:relative; z-index:1; margin-bottom:-149px;}
#sidebar h1 {overflow:hidden;}
*/

#sidebar .menu ul {list-style:none; padding:0; margin:0;}
#sidebar .menu li {list-style:none; padding-left:20px; background:transparent url(../images/corner-ffffff.png) left top no-repeat; margin-top:1px;}
#sidebar .menu li a {display:block; height:24px; line-height:24px; outline:none; text-transform:uppercase; color:white; font-weight:bold; text-decoration:none; background:transparent url(../images/menu-right.png) right top no-repeat; font-size:100%;}
#sidebar .menu li a:hover {text-decoration:underline;}

#sidebar .menu ul li ul {margin:0 0 0 -20px; padding:0 10px 10px 20px;  background-color:#d0cfc8; display:none;}
#sidebar .menu ul li.active ul {display:block;}
#sidebar .menu ul li.active ul li {margin:0;}
#sidebar .menu ul li ul li a {height:auto; line-height:1.3em; margin:0; color:white; text-transform:none; font-size:95%; text-decoration:none; font-weight:normal;}
#sidebar .menu ul li ul li a:hover {text-decoration:underline;}
#sidebar .menu ul li ul li a.active {text-decoration:underline;}


a.menu {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	-moz-transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
	}
a.menu:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	opacity:0.50;
	text-decoration:underline;
}