/* Général */
	
*,body{padding:0;margin:0;font-size:14px;line-height:18px}
img{border:0 none}

body{background: url(images/background.jpg) no-repeat 0 0 #176490;}

body,input{font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif!important}

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section{display:block}

ul,li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none
}

select, textarea, input[type=text], input[type=url], input[type=email], input[type=password], input[type=submit], input[type=button] {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #3388CC;
	background:transparent;
	padding:0 6px;
	line-height:32px;
	height:32px;
	width:200px;
	color:#0271AE;
	font-size: 18px;
}
textarea { width:350px; height:auto; line-height:normal; font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif}
select { width:auto; height:20px; font-size: 14px;}
optgroup { text-align: center; color: #161F16; }
table input[type=checkbox]{ margin:05px }
input[type="submit"]{
	background:#3388CC;
	color:white;
	border:1px solid #0271AE
}
input[type=text].mise { width: 80px; text-align:center; font-size: 22px;}
input[type="submit"]:hover{background:#0271AE; cursor: pointer;}

strong,em,b,i{font-weight: bold}

h1 {margin:18px 0;font-family:"Museo700",Helvetica,Arial,sans-serif;font-weight:normal}
h1 strong {font-family:"Museo700",Helvetica,Arial,sans-serif;font-weight:bold}

h1{font-size:28px;line-height:31px;color:#19abe3;margin:0}
h2{font-size:24px;line-height:27px;color:#19abe3; text-align:center;}
h1 a, h2 a{color:#19abe3}

.clear{clear:both;height:1px;overflow:hidden}

	/* Fenetre connexion et Mon compte */
		/* Box générale */

#login{
	position:fixed;
	top:0;
	width:100%;
	z-index:1
}
#login_body{
	height:2px;
	width:100%;
	margin:0 auto;
	background-color:#3388CC;
	overflow:hidden
}
#login_content{
	width:990px;
	margin:0 auto;
	padding:15px 0;
	color:white
}
#login_content a { text-decoration: none; color:#0098FE; }
#login_content a:hover { text-decoration: underline; }

#login_onglet{width:100%}
#login_onglet_body{height:20px;width:990px;margin:0 auto}

#login_onglet_content{
	color:#FFF;
	float:left;
	height:24px;
	margin-left:50px;
	padding-left:6px;
	background:transparent url(images/connect.png) no-repeat scroll left 0px
}
#login_onglet_content ul{
	float:left;
	height:100%;
	line-height:24px;
	padding-left:5px;
	padding-right:6px;
	background:transparent url(images/connect.png) no-repeat scroll right -24px
}
#login_onglet_content li{
	float:left;
	padding-right:5px;
	font-size:11px;
	line-height:24px
}
#login_onglet_content li strong{font-size:inherit}
#login_onglet_content a{font-size:inherit;line-height:24px}
#login_onglet_content a:link,#login_onglet_content a:visited,#login_onglet_content a:hover{color:#FFF;text-decoration:none}
#login_onglet_content a:hover{text-decoration:underline}


		/* Table blanche */

.login_table {width:550px;}
.login_table h1{font-size:15px;padding:4px 14px}
.login_table div.ui-widget-content {
	font-size:15px;
	border-top:0 none;
	margin-bottom:50px;
	padding:14px 14px;position:relative
}
.login_table .ui-widget-content .right { position:absolute;top:6px;right:6px }
.login_table input[type=submit]:hover, .login_table input[type=button]:hover{ cursor:pointer }
.login_table table th { text-align:right; padding-right:10px; line-height:17px }
.login_table table th, .login_table table td { padding-bottom:7px }
.login_table fieldset { border:1px dashed #dcdcdc }
.login_table legend { margin-left:5px }
.login_table #captcha .field-captcha { padding:5px }
		
.ui-corner-top{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}
.ui-corner-bottom{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px}
.ui-corner-tr{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px}
.ui-corner-all{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}

.login_table div.ui-widget-content{
	font-size:15px;
	border-top:0 none;
	margin-bottom:50px;
	padding:14px 14px;
	position:relative
}
.login_table .ui-widget-content .right{position:absolute;top:6px;right:6px}
.ui-widget-content{background:#fff;color:#454545}
.ui-widget-content a{color:#454545}


	/* Header */

#header{ height:210px; position:absolute; top:0; width:100% }
header#header_content{height:102px;width:1000px;margin:0 auto;}
header#header_content img{border:0 none}

		/* Logo */

#header #logo{float:left; margin-top: 10px; margin-left: 205px}

		/* MAP + Stats */

#map { font-size: 11px; color: #FFF; margin-top: 5px; margin-left:55px; float:left}
#map a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background: url(images/map_fleche.png) no-repeat 0 2px;
	padding: 0 5px 0 22px;
}
#map a:hover, #map a:focus, #mapa:active { text-decoration: underline; }

#header_stats {float:right; margin-top: 8px }
#header_stats a {
font-size: 11px;
	color: #FFF;
	text-decoration: none;
	background: url(images/puce.gif) no-repeat 0 2px;
	padding: 0 5px 0 15px;
	background-image: url(images/background_menu.png) no-repeat;
}
#header_stats a:hover, #header_stats a:focus, #header_stats a:active { text-decoration: underline }

		/* Menu */

#menu {
	padding-top:155px;
	margin-left:295px;
	height:29px;zoom:1;
	display:block;
}

#menu ul {
	float:left;
	height:100%;
}
#menu ul .tab {
	float:left;
	position:relative;
	zoom:1;
	white-space:nowrap;
	top:0;
}
#menu .tab div{
	position:absolute;
	left:0;
	width:200px;
	height:auto;
	background:#7AB97E;
	border:0 none;
	padding:5px;
	-moz-box-shadow:0 5px 5px #fff;
	-webkit-box-shadow:0 5px 5px #fff;
	box-shadow:0 5px 5px #fff;
	display:none
}
#menu .tab:hover div{background:#161f16;}
#menu .tab ul{
	padding-left:15px;
	background: url("images/background_tab.png");
	float:none;
	border:1px solid #fff
}

#menu .tab li a{
	font-size: 13px;
	list-style:none;
	color:white;
	font-weight:normal;
	padding-left:0;
	line-height:22px;
	margin-top: 7px;
	margin-bottom: 7px;
}
#menu .tab li a:hover{text-decoration:underline}

.tab{
	float:left;
	height:100%;
	margin-right:8px;
	position:relative
}
.tab p {height:100%}
.tab a:link,.tab a:visited,.tab a:hover{
	color:#FFF;
	text-decoration:none;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:29px;
	padding-left:10px;
	padding-right:10px
}
.tab:hover,.tab.active{background:#161f16;}
.tab{background:#7AB97E;}


	/* BODY */
	
#c_body { margin-top:220px; }
#body a:hover { text-decoration: underline; color:#000}
#body{width:1000px;margin:0 auto}
#body a { text-decoration: none; color:#0098FE}

#body_content{margin: -15px auto 0 auto;padding:40px 0 0 0;z-index:1}
#body_content_repeat{margin: -25px 0 0 16px;width:1000px;background:url('images/background_content_x.png') repeat-y}
#body_content_top{padding:20px 0 60px;width:1000px;background:url('images/background_content.jpg') no-repeat}
#body_content article{float:left;display:inline;margin:0 5px 0 20px;width:650px}

#body_content article header{display:block;color:#19abe3;padding:15px 0 20px 0}
#body_content article header{width:580px}


#bloc_droite{margin:0px 0 0 673px;width:332px;line-height:18px}
#bloc_droite a {text-decoration: none}
#bloc_droite a:hover { text-decoration: underline}
#bloc_droite section header{
	margin:0 0 0 24px;
	padding:1px 0 0 30px;
	width:286px;
	height:90px;
	background:url('images/box_header.png') no-repeat
}
#bloc_droite section header h2{
	margin-top:54px;
	margin-right:45px;
	color:#000;
	font-size:22px;
	text-align: center;
}
#bloc_droite section div.bloc_droite_content{
	margin-left:24px;
	padding:0px 30px;
	width:233px;
	background: url('images/box_content.png') no-repeat
}
#bloc_droite section li { font-size: 15px; }
#bloc_droite section menu{margin:0}
#bloc_droite section div.bloc_droite_content li{ margin-bottom:11px display:block; }
#bloc_droite div.bloc_droite_content{padding:10px 20px 0 20px;width:256px}
#bloc_droite section div.bloc_droite_bottom {
	margin: 0 0 24px 24px;
	height: 80px;
	background: url('images/box_bottom.png') no-repeat;
}
#bloc_droite section div.publicite{
	margin: 0 0 24px 24px;
}

#table-rounded {
	font-size: 12px;
	margin: 45px;
	text-align: left;
	border-collapse: collapse;
}
#table-rounded thead th.rounded-left {
	background: url('images/tableau_left.png') left -1px no-repeat;
}
#table-rounded thead th.rounded-right {
	background: url('images/tableau_right.png') right -1px no-repeat;
}
#table-rounded th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: url('images/tableau_repeat.png') repeat-x;
	text-align: center;
}
#table-rounded td
{
	padding: 8px 12px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#table-rounded tfoot td.rounded-foot-left
{
	background: #e8edff url('images/tableau_botleft.png') left bottom no-repeat;
	text-align: center;
	font-size: 11px;
}
#table-rounded tfoot td.rounded-foot-right
{
	background: #e8edff url('images/tableau_botright.png') right bottom no-repeat;
}
#table-rounded tbody tr:hover td
{
	background: #d0dafd;
}

.ecusson1 { float: right; margin-left: 5px;}
.ecusson2 { float: left; margin-right: 5px;}

.espacevide { line-height:22px; padding-left:35px;background:url("images/menu_fleche.png") no-repeat scroll transparent}

.france { line-height:22px; padding-left:35px;background:url("images/drapeaux/france.png") no-repeat scroll transparent}
.espagne { line-height:22px; padding-left:35px;background:url("images/drapeaux/spain.png") no-repeat scroll transparent}
.allemagne { line-height:22px; padding-left:35px;background:url("images/drapeaux/germany.png") no-repeat scroll transparent}
.angleterre { line-height:22px; padding-left:35px;background:url("images/drapeaux/england.png") no-repeat scroll transparent}
.italie { line-height:22px; padding-left:35px;background:url("images/drapeaux/italy.png") no-repeat scroll transparent}
.bulle_forum { line-height:22px; padding-left:35px;background:url("images/bulle.png") no-repeat scroll transparent}

.pass_meter_1 { background: url("images/pass_meter.png") no-repeat }
.pass_meter_2 { padding-left:54px; background: url("images/pass_meter.png") no-repeat }
.pass_meter_3 { padding-left:108px; background: url("images/pass_meter.png") no-repeat }
.pass_meter_4 { padding-left:188px; background: url("images/pass_meter.png") no-repeat }

.center { text-align:center; }