html, body {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: #f8f8f8;
	color: #565656;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 13px;
	font-weight: normal;
}
img {
	border: none;
}
a {
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #404040;
	text-decoration: none;
}
a:hover {
	color: #0000ff;
	text-decoration: none;
}
h2 {
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #c00000;
}
h3 {
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #0000c0;
}

span.h1 {
	color: #b2b2b2;
	font-family: Helvetica,Tahoma;
	font-size: 20px;
	font-weight: normal;
	text-shadow: -1px -1px white, 1px 1px #000
}
span.mauve {
	color: #924b72;
	font-weight: bold;
}

#container {
	width: 100%;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
 	position: relative;
	background: #eee;
	width: 100%;
	height: 90px;
}
#menu {
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	background: #eee;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	height: 32px;
	list-style: none;
}
#menu li {
	float: left;
}
#menu lr {
	float: right;
	padding: 6px 16px;
}
#menu li a {
	color: #888888;
	display: block;
	line-height: 32px;
	padding: 0px 20px;
	text-align: center;
	text-decoration: none;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 14px;
	font-weight: normal;
}
#menu li a:hover {
	color:#0000ff;
	text-decoration: none;
}
#menu li ul {
	background: #eee;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	display: none;
	height: auto;
	position: absolute;
	width: 225px;
	z-index: 200;
}
#menu li:hover ul {
	display: block;
}
#menu li hr
{
	height: 0;
	border: 0;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #fff;
    margin: 1px 0;
	padding: 0;
}
#menu li li {
	display:block;
	float:none;
	width:225px;
}
#menu li ul a {
	display: block;
	color: #888;
	font-size: 13px;
	font-style: normal;
	padding: 0px 10px 0px 15px;
	text-align: left;
}
#menu li ul a:hover {
	background: #ccc;
	color: #fff;
}
#menu #current {
	color: #ff0000;
}

#main {
	margin: 0px;
	padding: 10px;
	padding-top: 18px;
	padding-bottom: 36px;
	min-height: 600px;
	border-top: 1px solid #c3c3c3;
	background: #f8f8f8;
	list-style: none;
}
#footer {
	width: 100%;
	background: #eee;
	margin: 0px;
	padding: 7px 0 0 0;
	height: 24px;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	text-align: center;
	list-style: none;
}
#footermenu {
	width: 100%;
	margin: 0px;
	text-align: center;
}
#footerSlideContainer {
	position: fixed;
	bottom:0;
	width: 100%;
}
#footerSlideContent {
	width: 100%;
	height: 0px;
	background: #dedede;
	border: none;
	text-align:center;
}
#footerSlideButton {
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
#footerSlideButton:hover {
	color: #0000ff;
	text-decoration: none;
	cursor: pointer;
}

#fade {
	display: none;
	background: #fff; 
	position: fixed;
	left: 0;
	top: 0; 
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: .80;
	z-index: 9999;
}

.popup_block{
	display: none;
	background: #e4e4e4;
	padding: 10px; 	
	border: 1px solid #c0c0c0;
	float: left;
	color: #888888;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 13px;
	font-weight: normal;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
}
img.btn_close {
	float: right;
	margin: -16px -16px 0 0;
	box-shadow: 0 0 5px #888888;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

div.title_blue {
	font-family: 'hybiscript',Helvetica,Tahoma;
	font-size: 17px;
	font-weight: bold;
	color: #006dbb;
	text-shadow: #565656 1px 1px 1px;
}
div.title_green {
	font-family: 'hybiscript',Helvetica,Tahoma;
	font-size: 17px;
	font-weight: bold;
	color: #4c6f0d;
	text-shadow: #565656 1px 1px 1px;
}
div.title_pink {
	font-family: 'hybiscript',Helvetica,Tahoma;
	font-size: 17px;
	font-weight: bold;
	color: #f22464;
	text-shadow: #565656 1px 1px 1px;
}

div.dlltext {
	float: left;
	width: 30px;
	margin: 2px;
	background: #e4e4e4;
	border-left: solid 1px #9d9d9d;
	border-top: solid 1px #9d9d9d;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	text-align: center;
}
div.infosource {
	width: 50px;
	height: 64px; 
	background-image: url('../img/src_sourcepb.png');
	padding: 2px 2px 2px 2px;
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #0000aa;
}
div.hr {
	width: 100%;
	height: 1px;
	background: #e4e4e4;
	border-left: solid 1px #9d9d9d;
	border-top: solid 1px #9d9d9d;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
}

div.notation {
	width: 46px;
	height: 38px; 
	background-image: url('img/src_notation.png');
	padding: 2px 2px 2px 2px;
	font-family: 'CenturyGothic', Century Gothic, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #f22464;
}

div.code {
	background: #fff6bf;
	border: 1px solid #c3c3c3;
	font-family: 'anonymouspro', 'Courier New';
	font-size: 13px;
	white-space: pre;
	color: #000;
}
div.bdcode {
	border: 1px solid #c3c3c3;
}
div.pbcode {
	display: inline;
}
div.pbcode ul {
	background: #fff6bf;
	color: #404040;
	list-style-type: decimal;
	font-family: 'anonymouspro', Courier;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	border-left: solid 50px #eee;
}
div.pbcode ul li {
	padding-left: 1em;
	padding-bottom: 2px;
	border-left: solid 1px #c3c3c3;
	white-space: pre;
}

.formtextbox {
	height: 16px;
	color: #888;
	border: 1px solid #b2b2b2;
	background-color: #f8f8f8;
	background: transparent url('img/form_command.png') repeat-x;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-weight: bold;
	font-size: 11px;
}
.formtextbox_red {
	height: 16px;
	color: #888;
	border: 1px solid #ff0000;
	background-color: #f8f8f8;
	background: transparent url('img/form_command.png') repeat-x;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-weight: bold;
	font-size: 11px;
}
.formzonebox {
	color: #888;
	border: 1px solid #b2b2b2;
	background-color: #f8f8f8;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-weight: bold;
	font-size: 11px;
}
.formzonebox_red {
	color: #888;
	border: 1px solid #ff0000;
	background-color: #f8f8f8;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-weight: bold;
	font-size: 11px;
}
.tabletextbox_red {
	border: 1px solid #ff0000;
}

.textbox, .alertbox, .error, .notice, .success, .comment {
	border: 1px solid #ddd;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}
.textbox {margin-left: auto;margin-right: auto;background: #e4e4e4; color: #555; border-color: #c0c0c0;}
.textbox a {font-weight: bold;}
.error {margin-left: auto;margin-right: auto;background: #fbe3e4; color: #aa0000; border-color: #fbc2c4; font-weight: bold;}
.error a {color: #8a1a11;}
.notice {margin-left: auto;margin-right: auto;background: #fff6bf; color: #514721; border-color: #ffd324;}
.notice a {color: #514721;}
.success {margin-left: auto;margin-right: auto;background: #e6efc2; color: #264409; border-color: #c6d880; font-weight: normal;}
.success a {color: #f22464;}
.success a:hover {color: #000;}
.comment {margin-left: auto;margin-right: auto;background: #c2d7ef; color: #2e4c61; border-color: #80b4d8; font-weight: normal;}
.comment a {color: #f22464;}
.comment a:hover {color: #000;}

.onglet {
	display: inline-block;
	width: 120px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 3px;
	border: 1px solid #9d9d9d;
	cursor: pointer;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.onglet_0 {
	background: #eeeeee;
	border-bottom: 1px solid #9d9d9d;
}
.onglet_0 a {
	color: #000;
}
.onglet_0:hover {
	color: #0000ff;
	background-image: url('img/objet_tab_back_01.png');
}
.onglet_1 {
	background: #e4e4e4;
	background-image: url('img/objet_tab_back_02.png');
	background-repeat: no-repeat;
	border-bottom: 0px solid #9d9d9d;
	padding-bottom: 4px;
}
.contenu_onglet {
	background-color: #e4e4e4;
	border: 1px solid #9d9d9d;
	margin-top: -1px;
	padding: 5px;
	padding-top: 16px;
	display: none;
	font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}
.onglet ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
}

.button:hover							{	background-color: #111;
											color: #fff;
											cursor: pointer;
										}
.button, .button:visited,
.large.button, .large.button:visited 	{	height: 28px;
											font-family: 'CenturyGothic',Century Gothic,Helvetica,Tahoma;
											font-size: 13px;
											font-weight: bold;
											color: #fff;
											text-shadow: 1px 1px 1px rgba(0,0,0,0.50);
											text-align: center;
											cursor: pointer;
										}
.green.button, .green.button:visited	{ 	background-color: #91bd09;
											background-image: linear-gradient(#baef16, #91bd09);
											border: 1px solid #5e7c02;
										}
.green.button:hover						{ 	background-color: #749a02;
											background-image: linear-gradient(#91bd09, #749a02);
										}
.red.button, .red.button:visited		{ 	background-color: #e62727;
											background-image: linear-gradient(#ff6666, #e62727);
											border: 1px solid #7a1414;
										}
.red.button:hover						{ 	background-color: #c22222;
											background-image: linear-gradient(#e82b2b, #c22222);
										}
.blue.button, .blue.button:visited		{ 	background-color: #2981e4;
											background-image: linear-gradient(#169bef, #0973bd);
											border: 1px solid #1a4d87;
										}
.blue.button:hover						{ 	background-color: #2575cf;
											background-image: linear-gradient(#0973bd, #02519a);
										}
.yellow.button, .yellow.button:visited	{ 	background-color: #ffb515;
											background-image: linear-gradient(#ffd271, #ffb515);
											border: 1px solid #b18500;
										}
.yellow.button:hover					{ 	background-color: #fc9200;
											background-image: linear-gradient(#ffb515, #d27a00);
										}