* { margin:0; padding:0; }
html {margin:0px; height:100%;}
body {background-color:#efefef; margin:0; height:100%; width:940px; font-family:"Lucida Grande", Helvetica, Arial, sans-serif; font-size:10px; color:#0078A4;}
h1 {background:url(../img/logo_bis.gif); background-repeat:no-repeat; background-position:top left; width:248px; height:120px; float:left; text-indent:-9000px;}
h2 {font-size:14px; padding-left:6px; padding-top:5px;}

.msg {background-color:#efefef; padding:10px; font-size:14px;width:540px; margin:10px auto; border:1px solid #999999;}
.msg a {color:#05394D;}
.msg a:hover {color: #0078A4;}


#site {float:left; width:940px; height:100%;}

	#conteneur {width:632px; height:auto; background-color:#e5e5e5; background:url(../img/fond_conteneur_bis.gif); float:left; overflow:visible;
	height: auto !important; height: 100%; margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */}
		#cadre { width: 612px; margin: 0 auto;}
			#levelup { cursor:pointer; background:url(../img/up_bis.gif) no-repeat; height:5px; width:7px; display:block; position:absolute; top:98px; left:840px; text-indent:-9000px;}
			#leveldown {background:url(../img/down_bis.gif) no-repeat; height:5px; width:7px;cursor:pointer; display:block;position:absolute; top:98px; left:850px;text-indent:-9000px;}
			
			.work {text-align:left; overflow:hidden; margin-bottom:10px;}
				.work li {float:left; list-style:none; display:inline; width:306px;}
					.preview {width:294px; cursor: pointer;}
					.preview a { border-bottom: 1px solid #999999; padding:6px;display: block; color: #999999; text-decoration: none; width:294px; float:left; height:85px;outline:none;}
					.preview a:hover {color: #666666; background-color: #efefef; text-decoration: none}
					.preview span.intitule {font-size:12px; margin-right: 3px; color: #05394D; font-weight: bold;}
					.preview a:hover span.intitule { color: #0078A4;}
					.preview span.etat {margin-right: 3px;font-style:italic;}
					.preview a img {margin-right: 10px; border: 5px solid #efefef; float: left;}
					.preview a:hover img { border: 5px solid #e5e5e5;}
					
					.plus {border-bottom: 1px solid #999999;background:url(../img/fondplus_bis.gif); background-repeat:repeat-x; background-position:top left; padding:6px; display: block; color: #999999;text-decoration: none; width:294px;float:left;}
					.plus  a.lien { color: #05394D;font-size:9px; background:url(../img/fleche_bis.gif) no-repeat 0 2px; padding:0 0 0 8px; line-height:normal;}
					.plus  a:hover.lien { color: #0078A4;}
					.plus a img {border:1px solid #efefef; margin:6px 0 0 5px;}
					.plus a:hover img {border:1px solid #0078A4;}
					
			.push { height:20px;float:left;}

	.footer {float:left; padding-left:265px; width: 600px; height: 20px;/* .push must be the same height as .footer */}
	.footer p {float:right;}

	/* TABS */
	
	#contact ul {list-style-type:none; width:30px; margin:0px; position:absolute; left:870px; top:50px;}
	#contact ul li a {display: block; height:21px; width:30px; background-repeat:no-repeat; margin-bottom:3px; outline:none;}
	#contact ul li a span {display:none;}
		#contact li#mail a {background:url(../img/contact_bis.gif);}
		#contact li#mail a:hover {background:url(../img/contact_bis.gif) -30px 0px;}
		#contact li#cv a {background:url(../img/contact_bis.gif) 0px -21px;}
		#contact li#cv a:hover {background:url(../img/contact_bis.gif) -30px -21px;}
		#contact li#delicious a {background:url(../img/contact_bis.gif) 0px -41px;}
		#contact li#delicious a:hover {background:url(../img/contact_bis.gif) -30px -41px;}

	#switch_css ul {list-style-type:none; width:30px; margin:0px; position:absolute; left:870px;top:150px; display:none;}
	#switch_css ul li a {display: block; height:21px; width:30px; background-repeat:no-repeat; margin-bottom:3px; outline:none;}
	#switch_css ul li a span {display:none;}
	#switch_css li a {background:url(../img/switch.gif);}
	#switch_css li a:hover {background:url(../img/switch.gif) -30px 0px;}
	
	#switch_css_alternate ul {list-style-type:none;width:30px;margin:0px;position:absolute;left:870px;top:150px;}
	#switch_css_alternate ul li a {display: block; height:21px; width:30px; background-repeat:no-repeat; margin-bottom:3px;}
	#switch_css_alternate ul li a span {display:none;}
	#switch_css_alternate li a {background:url(../img/switch_bis.gif);}
	#switch_css_alternate li a:hover {background:url(../img/switch_bis.gif) -30px 0px;}
	
	.delicious-posts { margin: 5px; padding: 10px; width: 200px; font-family: sans-serif; position:absolute; left:5px; top:125px; font-size:10px; }
	.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
	.delicious-post { border-top: 1px solid #0078A4;; padding: 0.25em; font-size: 100% }
	.delicious-odd { background-color: #e5e5e5; border-left: 1px solid #0078A4;; border-right: 1px solid #0078A4;; }
	.delicious-banner a { font-size: 100% }
	.delicious-posts a:hover {color:#0078A4; }
	.delicious-posts a { text-decoration: none; color: #05394D; display: block; padding: 0.3em }
	.delicious-post a { color: #05394D; }
	
.left {width:300px; float:left; padding-right:6px;}
.right {width:300px; float:left;}