html, body {
	margin: 0;
	padding: 0;
}
body{
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#000;
}	
#bg {
	position:fixed;
}
#container{
	width:1027px;
	margin:auto;
	position:relative;
	z-index:4000;
}
a{
	color:#999;
	text-decoration:none;
}
a:hover{
	color:#c70000;
	text-decoration:underline;
}
a:focus{
	outline:none;
}
h2, h3{
	color:#c70000;
}
h2 span, h3 span{
	color:#fff;
	font-size:14px;
}
#couverture_2010 h3, #couverture_2010 p{
	margin:0;
	padding:0;
}
.couverture{
	background:#151515;
	padding:10px 10px 0 10px;
	border:1px solid #191919;
}
.couverture a img{
	opacity:0.8;
}
.couverture a img:hover{
	opacity:1;
}

a.ext_link {
	padding-left:8px;
	margin-left:10px;
	background: url(/images/triangle_link.gif) no-repeat left 6px;
}
#main{
	margin:0;
	padding:0;
}
#logo{
	margin:20px 0;
	text-align:center;
}
#logo h1{
	margin:0;
	padding:0;
}
#logo h1 a{
	width:193px;
	height:203px;
	display:block;
	background:url(/images/logo.png) left top no-repeat;
	margin:auto;
}
#logo h1 a span{
	display:none;
}
/***/
#menu{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS";
	text-align:left;
	padding-bottom:20px;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu ul li{
	margin:0;
	padding:0;
	list-style:none;
	margin:2px 0;
}
#menu ul li a{
	margin:0;
	width:229px;
	height:40px;
	line-height:40px;
	display:block;
	padding:0 10px;
	color:#FFFFFF;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;	
	background-color:#000000;
	filter: alpha(opacity=50);
	opacity: 0.50;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;	
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;	
	border-left: 1px solid #333;
}
#menu ul li a:hover{
	background-position: left -28px;
	filter: alpha(opacity=100);
	opacity: 1;
	text-decoration:none;
}
#historique_2011 #menu #tab_element,
#billet #menu #tab_billet,
#benevole #menu #tab_benevole,
#forfait #menu #tab_forfait{
	filter: alpha(opacity=100);
	opacity: 1;
	position:relative;
	left:1px;
}
/***/
#menu2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu2 li {
	color:#FFFFFF;	
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#menu2 a{
	margin:0;
	height:35px;
	width:90px;
	line-height:35px;
	padding:0 20px;
	text-decoration:none;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	display:block;
	float:left;
	display:inline;
	margin-right:2px;
	background-color:#000000;
	font-weight:bold;
	color:#CCCCCC;
	border-top: 1px solid #333;
	border-right: 1px solid #333;	
	border-left: 1px solid #333;
	filter: alpha(opacity=50);
	opacity: 0.50;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;	
	position:relative;
}
#menu2 li a:hover{
	background-position:bottom;
	color:#fff;	
	filter: alpha(opacity=100);
	opacity: 1;
}
#menu2 li.no a{
	filter: alpha(opacity = 30);
	opacity:0.3;
}
/***/
#menu3{
	margin:0;
	padding:0;
	height:35px;
	background-color:#000;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right: 1px solid #333;
}
#menu3 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu3 li {
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#menu3 a{		
	display:block;
	float:left;
	margin:0;
	padding:0 10px;
	height:35px;
	line-height:35px;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#acacac;
	text-transform:uppercase;
}
#menu3 a:hover{
	color:#fff;
	background:url(/images/triangleac.gif) center bottom no-repeat;
}
/**/
#left{
	float:left;
	dis play:inline;
	width:250px;
}
#left a img, #commandite_col a img{
	border:1px solid #FFF;
}
#right{
	float:left;
	width:612px;
	margin:130px 0 0 0;
	font-size:14px;
	text-align:justify;
}
#contain{
	padding:10px;
	background:#000 url(/images/bande_degrader.jpg) 10px 4px no-repeat;
	color:#CCC;
	border-left:1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	width:590px;	
	min-height:750px;
}
#footer{
	font-size:12px;
	text-align:center;
	color:#ccc;
}
#footer a{
	color:#ccc;
}
#footer a:hover{
	text-decoration:underline;
}
#footer p{
	margin:0;
	padding:0;
	padding-top:10px;
}
#copy{
	color:#999;
	font-size:10px;
	margin-bottom:10px;
	margin-top:2px;
}
#copy a{
	color:#999;
}
.clear{
	clear:both;
}
.left{
	float:left;
	display:inline;
	border:1px solid #FFF;
	margin-right:10px;
	margin-bottom:10px;
}
.right{
	float:right;
	display:inline;
	border:1px solid #FFF;
	margin-left:10px;
	margin-bottom:10px;
}
#logo_social{

}
#logo_social a{
	width:120px;
	height:47px;
	display:block;
	text-align:center;
	margin:0px 5px 5px 0;
	float:left;
	display:inline;
	filter:alpha(opacity=50);
	opacity:0.5;
}
#logo_social .small{
	width:58px;
	height:47px;
	margin-right:4px;
}
#logo_social a:hover{
	filter:alpha(opacity=100);
	opacity:1;
}
#commandite{
	margin-bottom: 50px;
}
#commandite a, #commandite_col a{
	display:block;
	text-align:center;
	float:left;
	display:inline;
}
#commandite a{
	margin:0px 5px 5px 0;
}
#commandite_col{
	width:165px;
	float:left;
	display:inline;
	padding:0;
	margin:395px 0 0 0;
	font-size:14px;
	text-align:justify;
}
#commandite_col a{
	margin:0 0 5px 5px;
	width:160px;
	height:57px;
}

#commandite_col a.vertical1{
	margin:0 5px 5px 5px;
	width:77px;
	height:96px;
}
#commandite_col a.vertical2{
	margin:0 0 5px 0;
	width:75px;
	height:96px;
}

#commandite_col div {
	display:none;
}
#titre{
	font-size:12px;
	color:#CCCCCC;
	margin-top:0;
	padding-top:0;
}
.profil{
	margin:10px 0;
	padding:0;
	float:left;
	display:inline;
	text-align:left;
	width:295px;
}
.addthis_button {
	float: right;
	display:inline;
}

.big{
	font-size:16px;
}
/**/
#element #menu2 #tab_2011,
#benevole #menu2 #tab_2011,
#billet #menu2 #tab_2011,

#comite_2011 #menu2 #tab_2011,
#edition_2011 #menu2 #tab_2011,
#photo_2011 #menu2 #tab_2011,
#video_2011 #menu2 #tab_2011,
#historique_2011 #menu2 #tab_2011,
#couverture_2011 #menu2 #tab_2011,

#comite_2010 #menu2 #tab_2010,
#edition_2010 #menu2 #tab_2010,
#photo_2010 #menu2 #tab_2010,
#video_2010 #menu2 #tab_2010,
#historique_2010 #menu2 #tab_2010,
#couverture_2010 #menu2 #tab_2010,

#comite_2009 #menu2 #tab_2009,
#edition_2009 #menu2 #tab_2009,
#photo_2009 #menu2 #tab_2009,
#video_2009 #menu2 #tab_2009{
	filter: alpha(opacity=100);
	opacity: 1;
	color:#FFF;
	top:1px;
}

#comite_2010 #menu3 #tab_comite_2010,
#edition_2010 #menu3 #tab_edition_2010,
#photo_2010 #menu3 #tab_photo_2010,
#video_2010 #menu3 #tab_video_2010,
#historique_2010 #menu3 #tab_historique_2010,
#couverture_2010 #menu3 #tab_couverture_2010,

#comite_2011 #menu3 #tab_comite_2011,
#edition_2011 #menu3 #tab_edition_2011,
#photo_2011 #menu3 #tab_photo_2011,
#video_2011 #menu3 #tab_video_2011,
#historique_2011 #menu3 #tab_historique_2011,
#couverture_2011 #menu3 #tab_couverture_2011,

#comite_2009 #menu3 #tab_comite_2009,
#edition_2009 #menu3 #tab_edition_2009,
#photo_2009 #menu3 #tab_photo_2009,
#video_2009 #menu3 #tab_video_2009,
#video_2010 #menu3 #tab_video_2010{
	color:#fff;
	background:url(/images/triangle.gif) center bottom no-repeat;
}
#couverture_2010 #contain{
	
}

#frmachat{
	background:#151515;
	padding:10px;
	border:1px solid #191919;
}

#cc img {margin-right:3px;}
#blog a{
	display:block;
	width:58px;
	height:54px;
	float:left;
	display:inline;
	background:url(/images/blog.png) left top no-repeat;
	margin:10px 0 0 10px;
	padding:0;
}
#blog a span{
	display:none;
}

#right #top {
	position:absolute;
	top:136px;
	margin-left: 617px;
	color:#FFF;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-size: 13px;
}