/* GLOBAL */
a { outline: 0; }
img,fieldset,table,hr { border-style: none; }
form,input,fieldset,h1,h2,h3,h4,h5,h6,ol,ul,li,table,tr,td,th,p { margin: 0; padding: 0; }
ul,li { list-style-type: none; }
body {
	margin: 0;
	text-align: center;
	background : #22aeeb url('body_bg.gif') fixed repeat-x;
}
div#container {
	margin: 15px auto 0 auto;
	width: 1000px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	color: #000000;
}
div#logo {
	margin: 0 auto 0 auto;
	padding-top: 100px;
	background: url('logo.png') no-repeat top center;
	text-align: center;
}
div#logo strong {
	font-size: 9px;
	font-weight: bold;
}
div#middle {
	width: 1000px;
	overflow: hidden; /*FF*/
	margin-top: 8px;
	background-color: #f4f4f4;
	text-align: left;
}

/* MENU DU HAUT */
ul#menu {
	height: 31px;
	margin-top: 20px;
	overflow: hidden;
}
ul#menu li {
	float: left;
	width: 166px;
	height: 31px;
	border-right: 1px solid #f4a16a;
	text-align: center;
}
ul#menu li.last { 
	width: 165px;
	border-style: none;
}
ul#menu li a {
	display: block;
	width: 100%;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	background : url('menu_button.gif') 0 0;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
ul#menu li a:hover {
	background-position : 0 -31px;
}


/* GAUCHE */
div#left {
	float: left;
	width: 200px;
}
div#left strong {
	display: block;
	width: 100%;
	text-align: left;
	text-indent: 12px;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
}
div#left ul {
	margin-left: 18px;
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}
div#left ul li a {
	color: #000080;
}
div#left ul li a:hover {
	color: #B22222;
	font-weight: bold;
}
div#left div {
	margin-top: 10px;
}
div#left div#left_login {
	margin-top: 7px;
}
div#left_login form input {
	width: 110px;
	height: 14px;
	line-height: 14px;
	margin-left: 18px;
	background-color: #E9B98D;
	font-size: 8pt;
}
div#left_login form input.submit {
	width: 40px;
	height: 19px;
	margin-left: 3px;
	text-align: center;
}
div#left_videos ul {
	margin-left: 12px;
	margin-right: 6px;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}
div#left_videos ul li {
	background: url('leftvideos_puce.gif') 0px 2px no-repeat;
}
div#left_videos ul li:hover {
	background-position: 1px 2px;
}
div#left_videos ul li.cat {
	margin-top: 4px;
	background: none;
}
div#left_videos ul li.cat strong {
	font-weight: bold;
	font-style: normal;
	font-size: 8pt;
}
div#left_videos ul li a {
	display: block;
	width: 100%;
	text-indent: 17px;
	text-decoration: none;
	color: #000070;
}
div#left_videos ul li a:hover {
	color: #C71585;
	font-weight: bold;
}
div#left_topsites div#left_topsites2 {
	margin-top: 0;
	background: #E9B98D url('left_topsites_bottomright.gif') bottom right no-repeat;
}
div#left_topsites table {
	width: 100%;
	background: url('left_topsites_topright.gif') top right no-repeat;
	font-size: 11px;
	border-collapse: collapse;
}
div#left_topsites table tr td {
	padding-right: 2px;
	width: 10px;
}
div#left_topsites table tr td.title {
	padding-left: 1px;
	width: auto;
}
div#left_topsites table tr td a {
	color: #00008B;
	text-decoration: none;
}
div#left_topsites table tr td a:hover {
	color: #8B0000;
	font-weight: bold;
	font-size: 11px;
}
div#left_refs {
	text-align: center;
}
div#left_refs img {
	margin-top: 6px;
}

/* FOOTER */
div#footer {
	padding-top: 10px;
	background: #f4f4f4 url('middle_bottomleft.gif') bottom left no-repeat;
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
}
div#footer2 {
	background: url('middle_bottomright.gif') bottom right no-repeat;
}