@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background: #fff; font-family: Arial, Helvetica, sans-serif}
a img {border:none}
#site{width:960px; margin:0 auto;}
#header{width:960px; height:160px; background:url(../images/bg_header.gif) bottom  no-repeat}
#header a img.logo{float:left; border:0; margin-top:26px}
#header div.ban{float:right; width:468px; height:60px; margin-top:34px; }
#header ul{float:right; margin:30px 0 0 0 ; padding:0; width:580px; height:20px}
#header ul li{list-style:none; float:left; margin:0 0 0 30px; padding:0; font-size:12px}
#header ul li a{color:#7d7d7d; text-decoration:none; }
#header ul li a:hover{color:#0875ba}
#bando{width:960px; height:281px; margin-top:15px}
#content{width:960px; margin-top:25px}
#left_content{width:628px; float:left}
#qsn{width:628px}
h4{font-size:13px; color:#cacaca; font-style:italic; margin:4px 0;}
p{font-size:11px; line-height:150%; margin:5px 0; text-align:justify; color:#666666}
h2{font-size:24px; color:#0875ba; margin:0; font-weight:normal}
#qsn p{font-size:11px; line-height:150%; margin:20px 0 0 0; text-align:justify; color:#666666}
#left_left{ width:308px; float:left; margin-top:30px}
#left_left div{width:308px; height:72px; margin:27px 0}
#left_left div img.thumb{float:left; margin-right:10px}
#left_left div img.title{float:left}
#left_left div p{font-size:11px; line-height:125%; margin:5px 5px 0 0; text-align:justify; color:#666666}
#media{width:318px; float:right; margin-top:30px}
.on{width:158px; background:#efefef; color:#828282; font-size:12px; padding:5px 0; font-weight:bold; text-align:center; cursor:pointer}
.off{width:158px; background:#a3a3a3; color:#fff; font-size:12px; padding:5px 0; font-weight:bold; text-align:center; cursor:pointer}
.onn{width:157px; background:#fff; color:#0875ba; border:1px solid #a3a3a3; border-right:none; font-size:12px; padding:5px 0; font-weight:bold; text-align:center; cursor:pointer}
.content_media{width:318px; height:216px; background:#efefef}
.img_media{float:left; border:0; margin-top:12px; margin-left:12px;}
.img_participant{float:left; border:0; margin-top:12px; margin-right:12px;}
#right{ width:318px; float:right}
#sponsors{ width:300px; padding-top:10px; padding-left:18px; background:url(../images/fil_right.gif) repeat-y 0 0}
#events{ width:300px; padding-top:10px; padding-bottom:10px; padding-left:18px; background:url(../images/fil_right.gif) repeat-y 0 0; margin-top:20px}
#event{width:300px; margin:10px 0;}
#event a{ font-size:12px; color:#828282; margin:0; text-decoration:none; font-weight:bold}
#event a:hover{color:#0875ba; text-decoration:underline}
#event p{ font-size:11px; color:#666; margin:2px 0}
#event span{ font-size:11px; color:#0875ba;}
#pave{width:300px;  padding-left:18px; background:url(../images/fil_right.gif) repeat-y 0 0; margin-top:20px}
#newsletter{ width:300px; padding-top:10px; padding-bottom:10px; padding-left:18px; background:url(../images/fil_right.gif) repeat-y 0 0; margin-top:20px}
#newsletter input.text{width:165px; padding:2px; height:12px; font-size:11px; color:#666666; border:1px solid #b9b9b9; border-right:none; float:left}
#newsletter input.submit{width:18px; cursor:pointer; height:18px; border:0; background:url(../images/btn-submit.gif); float:left}
#newsletter p{margin:0; font-size:11px; color:#666666}

#list_partenaire{ width:158px; float:left;}
.list_logo{width:459px; padding:10px 5px;  border:1px solid #a3a3a3; border-left:none; float:left;}

#footer{ width:960px; background:url(../images/bg_footer.gif) no-repeat top; margin-top:15px; margin-bottom:15px}
#footer_left{width:500px; float:left; margin-top:15px;}
#footer_left  a{color:#7d7d7d; text-decoration:none; font-size:11px; padding-right:10px }
#footer_left a:hover{color:#0875ba}
#footer_right{width:400px; float:right; margin-top:15px; font-size:11px;color:#7d7d7d; text-align:right}


#gallery {
	position:relative;
	height:281px; margin-top:15px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:0px; 
		width:628px; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
.listing_element {margin-top:10px; adding-bottom:10px; border-bottom:1px dashed gray}	
.listing_element:hover { background-color:#f2f2f2}

