/* ----------Default---------- */
* {
	margin: 0;
	padding: 0;
	border:0;
}

@font-face {
	font-family: 'StoneSem';
	src: url('stone_semi-webfont.eot');
	src: local('¢'), url('fonts/stone_semi-webfont.woff') format('woff'), url('fonts/stone_semi-webfont.ttf') format('truetype'), url('fonts/stone_semi-webfont.svg#webfontEwSxGNdR') format('svg');
	font-weight: normal;
	font-style: normal;
}



html        	{ margin: 0; }
body			{ background: #0F7FA4 url(/images/2011/bg_tile.png) top repeat-x; color: #000000; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px; margin: 0; padding: 0; text-align: center; }
img				{ border: none; }
p           	{ font-family: Arial,Helvetica,Verdana,sans-serif; padding: 2px 0 5px 0;}
h1          	{ font-size: 20px; margin: 0; padding: 0; font-family:StoneSem,Arial,Helvetica,sans-serif; font-weight:normal; text-transform: uppercase;}
h2          	{ font-size: 16px; margin: 0; }
h3          	{ /*font-size: 20px;*/ font-size: 110%; margin: 0; }
h4          	{ font-size: 18px; margin: 0; }
h5          	{ font-size: 16px; margin: 0; }
h6          	{ font-size: 14px; margin: 0; }
ul              { margin: 0; padding: 0; list-style-type: none; }
li				{ margin: 0; padding: 0; }
input       	{ border: 1px solid #7e9db9; color: #0b162a; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px; margin: 0; padding: 2px 3px; }
select          { border: 1px solid #7e9db9; color: #0b162a; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; margin: 0; padding: 1px 1px 1px 3px; }
textarea    	{ border: 1px solid #7e9db9; color: #0b162a; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px; margin: 0; padding: 2px 3px; }
form        	{ display: inline; }
.hide       	{ display: none; }
.show       	{ display: block; }
.smallest   	{ font-size: 10px; }
.smaller    	{ font-size: 11px; }
.defaultsize	{ font-size: 12px; }
.larger     	{ font-size: 13px; }
.largest    	{ font-size: 14px; }
.bold       	{ font-weight: bold; }
.italic     	{ font-style: italic; }
.strike     	{ text-decoration: line-through; }
.justify    	{ text-align: justify; }
.left       	{ text-align: left; }
.right      	{ text-align: right; }
.center     	{ text-align: center; }
.nowrap     	{ white-space: nowrap; }
.uppercase  	{ text-transform: uppercase; }
.underline  	{ text-decoration: underline; }
.floatleft  	{ float: left; }
.floatright 	{ float: right; }
.floatfix		{ position: relative; }
.floatfix img	{ position: relative; }
.clearboth		{ clear: both; font-size: 0; height: 0; line-height: 0; }
.borderdot		{ border: 1px dotted #000000; }
.borderwhite	{ border: 1px dotted #FFF; }
.StoneSem		{font-family:StoneSem,Arial,Helvetica,sans-serif;}
.VSeparator		{ border-left: 1px dotted #000000; }


a           	{ color: #000000; text-decoration:none; }
a:link      	{ color: #000000; text-decoration:none; }
a:visited   	{ color: #000000; text-decoration:none; }
a:hover     	{ color: #000000; text-decoration:underline; }
a:active    	{ color: #000000; text-decoration:underline; }

.spacer   { font-size: 1px; height: 1px; line-height: 1px; }

#bg_main {
	background: url(/images/2011/bg_main2.jpg) 50% 295px no-repeat;
	}

#content_body {
/*  background: #FFFFFF url(/images/2011/bg_head.jpg) repeat-x; */
	background: #F0F0F0 ;
	height: auto !important;
	min-height: 447px;
	width: 993px;
	padding: 0 0 0 0;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	}

#footer {
	background: #F0F0F0 url(/images/2011/bg-footer.jpg) repeat-x bottom;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	width: 995px;
	padding: 0px 0px 0px 0px;
	}


#header {
	height: 265px;
	}

#header_wrapper {
	position: relative;
	}


#wrapper {
	width: 995px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

#section_plate {
	width: 991x;
	margin: 0 0 0 0;
	padding: 5px 0 0 30px;	
	}

/* ----------NAVIGATION---------- */

ul#navigation				{ height: 27px; margin: 0 0 0 0; position: relative; }
ul#navigation li			{ float: left;  }
ul#navigation li a			{ display: block; text-decoration: none; }
ul#navigation li a:link		{ text-decoration: none; }
ul#navigation li a:visited	{ text-decoration: none; }
ul#navigation li a:hover	{ text-decoration: none; }
ul#navigation li a:active	{ text-decoration: none; }

ul#navigation .menu {
	background: url(/images/2011/nav/bg_subnav.png) repeat-x;
	height: 200px;
	left: 1px;
	padding: 15px 15px 0 15px;
	position: absolute;
	top: 27px;
	width: 963px;
	z-index: 999;
	}
	
ul#navigation .menu ul.sub_nav				{ border-top: 1px dotted #FFF; float: left; margin: 0 15px 0 0; width: 165px; }
ul#navigation .menu ul.sub_nav li			{ float: none; }
ul#navigation .menu ul.sub_nav li a			{ background: url(/images/2011/arrow_white.gif) 5px 8px no-repeat; border-bottom: 1px dotted #FFF; color: #FFF; display: block; height: 19px; font-size: 11px; overflow: hidden; padding: 4px 0 0 13px; text-decoration: none; }
ul#navigation .menu ul.sub_nav li a:link	{ text-decoration: none; }
ul#navigation .menu ul.sub_nav li a:visited	{ text-decoration: none; }
ul#navigation .menu ul.sub_nav li a:hover	{ background: url(/images/2011/nav/bg_subnav_hover.png) no-repeat; border-bottom: 1px dotted #FFF; color: #FFF; text-decoration: none; }
ul#navigation .menu ul.sub_nav li a:active	{ text-decoration: none; }

ul#navigation li .menu { display: none; }
ul#navigation li:hover .menu { display: block; }
ul#navigation li.over .menu { display: block; }

li.nav_sports { background: url(/images/2011/nav/sports_off.gif) no-repeat; }
li.nav_sports:hover, li.nav_sports_over { background: url(/images/2011/nav/sports_on.gif) no-repeat; }
li.nav_sports a.nav_item, li.nav_sports_over a.nav_item { height: 27px; width: 202px; }
li.nav_sports_on { background: url(/images/2011/nav/sports_on.gif) no-repeat; }
li.nav_sports_on a.nav_item, li.nav_sports_on_over a.nav_item { height: 27px; width: 202px; }

li.nav_blogs { background: url(/images/2011/nav/blogs_off.gif) no-repeat; }
li.nav_blogs:hover, li.nav_blogs_over { background: url(/images/2011/nav/blogs_on.gif) no-repeat; }
li.nav_blogs a.nav_item, li.nav_blogs_over a.nav_item { height: 27px; width: 183px; }
li.nav_blogs_on { background: url(/images/2011/nav/blogs_on.gif) no-repeat; }
li.nav_blogs_on a.nav_item, li.nav_blogs_on_over a.nav_item { height: 27px; width: 183px; }

li.nav_annuaire { background: url(/images/2011/nav/annuaire_off.gif) no-repeat; }
li.nav_annuaire:hover, li.nav_annuaire_over { background: url(/images/2011/nav/annuaire_on.gif) no-repeat; }
li.nav_annuaire a.nav_item, li.nav_annuaire_over a.nav_item { height: 27px; width: 259px; }
li.nav_annuaire_on { background: url(/images/2011/nav/annuaire_on.gif) no-repeat; }
li.nav_annuaire_on a.nav_item, li.nav_annuaire_on_over a.nav_item { height: 27px; width: 259px; }

li.nav_agenda { background: url(/images/2011/nav/agenda_off.gif) no-repeat; }
li.nav_agenda:hover, li.nav_agenda_over { background: url(/images/2011/nav/agenda_on.gif) no-repeat; }
li.nav_agenda a.nav_item, li.nav_agenda_over a.nav_item { height: 27px; width: 165px; }
li.nav_agenda_on { background: url(/images/2011/nav/agenda_on.gif) no-repeat; }
li.nav_agenda_on a.nav_item, li.nav_agenda_on_over a.nav_item { height: 27px; width: 165px; }

li.nav_forums { background: url(/images/2011/nav/forums_off.gif) no-repeat; }
li.nav_forums:hover, li.nav_forums_over { background: url(/images/2011/nav/forums_on.gif) no-repeat; }
li.nav_forums a.nav_item, li.nav_forums_over a.nav_item { height: 27px; width: 184px; }
li.nav_forums_on { background: url(/images/2011/nav/sport17_on.gif) no-repeat; }
li.nav_forums_on a.nav_item, li.nav_forums_on_over a.nav_item { height: 27px; width: 184px; }


ul#navigation .menu_sports {
	background: url(/images/2011/nav/bg_subnav_sports.png) repeat-x;
	}
	
ul#navigation .menu_blogs {
	background: url(/images/2011/nav/bg_subnav_blogs.png) repeat-x;
	}	

ul#navigation .menu_annuaire {
	background: url(/images/2011/nav/bg_subnav_annuaire.png) repeat-x;
	}

ul#navigation .menu_agenda {
	background: url(/images/2011/nav/bg_subnav_agenda.png) repeat-x;
	}
	
ul#navigation .menu_forums {
	background: url(/images/2011/nav/bg_subnav_forums.png) repeat-x;
	}


.photo_menu {
	padding: 2px;
	margin: 5px;
	background: #FFF;
	border: solid 1px #545557;
	text-align:center;
	}


/* ----------END NAVIGATION---------- */

.black				{ color: #000 }
.black a			{ color: #000; text-decoration:none; }
.black a:link		{ color: #000; text-decoration:none; }
.black a:visited	{ color: #000; text-decoration:none; }
.black a:hover		{ color: #000; text-decoration:underline; }
.black a:active		{ color: #000; text-decoration:underline; }

.white				{ color: #FFF }
.white a			{ color: #FFF; text-decoration:none; }
.white a:link		{ color: #FFF; text-decoration:none; }
.white a:visited	{ color: #FFF; text-decoration:none; }
.white a:hover		{ color: #FFF; text-decoration:underline; }
.white a:active		{ color: #FFF; text-decoration:underline; }

.grey				{ color: #545557 }
.grey a				{ color: #545557; text-decoration:none; }
.grey a:link		{ color: #545557; text-decoration:none; }
.grey a:visited		{ color: #545557; text-decoration:none; }
.grey a:hover		{ color: #545557; text-decoration:underline; }
.grey a:active		{ color: #545557; text-decoration:underline; }

#area_none {
	width: 720px;
	margin: 5px 10px 0 8px;
	float: left;
	color: #000;
	}
	
#area_right {
	float: left;
	}
	
#area_list {
	width: 690px;
	float: left;
	margin: 10px 0px 10px 10px;
	padding: 5px;
	border: black dotted 1px;
	color: white
	}
	
#area_ads {
	width: 150px;
	float: left;
	margin: 10px 0px 0 10px;
	background: #000;
	border: black dotted 1px;
	color: white
	}	
	
#right_nav a.nav_header			{ border : 1px solid black;display: block; font-size: 12px; margin-bottom: 1px; padding: 2px 2px 0 0; text-decoration: none; text-transform: uppercase; padding-left:10px; height:40px; width:200px; color:#000; background: #EEB600 ; vertical-align:middle; line-height:40px }
#right_nav a.nav_header:hover		{ color:#EEB600; background:#211F22; }

.photo_news {
	padding: 8px;
	margin: 5px 0 8px 8px;
	float: right;
	background: #FFF;
	border: solid 1px #545557;
	font-style:italic;
	text-align:center;
	}
	
.td_grey
{
	background: #333333;
	}


#top_stories {
	float: left;
	background-color: #000000;
	background-repeat: no-repeat;
	margin: 0px 6px 0 4px;
	border: 1px solid #000;
	height: 303px;
	width: 728px;
	}
#top_stories #other_stories {
	background: url(/images/2011/overlay_side.png) repeat-y;
	float: right;
	display: inline;
	height: 303px;
	text-align: center;
	width: 216px;
	}
	
#top_stories #other_stories .dropdown {
	margin: 10px auto;
	width: 159px;
	}
	
#top_stories #other_stories ul#story_list				{ margin: 6px 4px 0 4px; }
#top_stories #other_stories ul#story_list li			{ background: url(/images/2011/bg_thumb.png) no-repeat; color: #fff; font-size: 10px; margin-top: 2px; text-align: left; }
#top_stories #other_stories ul#story_list li a			{ display: block; color: #fff; height: 47px; padding: 6px 1px 1px 6px; text-decoration: none; }
#top_stories #other_stories ul#story_list li a:link		{ color: #fff; text-decoration: none; }
#top_stories #other_stories ul#story_list li a:visited	{ color: #fff; text-decoration: none; }
#top_stories #other_stories ul#story_list li a:hover	{ background: url(/images/2011/bg_dotted_dark.gif); border: 1px dotted #fff; color: #fff; padding: 5px 0 0 5px; text-decoration: none; }
#top_stories #other_stories ul#story_list li a:active	{ color: #fff; text-decoration: none; }
#top_stories #other_stories ul#story_list li img		{ float: left; margin-right: 5px; }

#top_stories #story_copy {
	color: #9fabb9;
	float: left;
	display: inline;
	height: 93px;
	margin-top: 202px;
	overflow: hidden;
	padding: 0 15px;
	width: 482px;	
	}
#top_stories #story_copy #story_copy_container h2 {
	color: #ffffff;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
#top_stories #story_copy #story_copy_container h2 a			 { color: #ffffff; text-decoration: none; }
#top_stories #story_copy #story_copy_container h2 a:link	 { color: #ffffff; text-decoration: none; }
#top_stories #story_copy #story_copy_container h2 a:visited	 { color: #ffffff; text-decoration: none; }
#top_stories #story_copy #story_copy_container h2 a:hover	 { color: #eeb600; text-decoration: none; }
#top_stories #story_copy #story_copy_container h2 a:active	 { color: #ffffff; text-decoration: none; }

#top_stories #story_copy #story_copy_container {
	margin-bottom: 5px;
	}

#top_stories #story_copy a.more_link {
	float: left;
	margin-right: 15px;
	}

#top_stories #story_copy #story_copy_container h3 {
	color: #5aa1e9;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: -2px 0 3px 0;
	text-transform: uppercase;
	}
	
#top_stories #story_copy #story_copy_container p {
	font-size: 11px;
	height: 50px;
	line-height: 16px;
	margin: 0;
	overflow: hidden;
	}

#top_stories .overlay {
	background: url(/images/2011/overlay_bottom.png) 0 100% repeat-x;
	height: 303px;
	}

#lead_stories_08 .homepage 
{
	height: 303px;
}

#lead_stories_08 .homepage #story_copy
{
	margin-top: 198px;
}	

#top_stories .overlay_homepage {
	background: url(/images/2011/overlay_bottom_homepage.png) 0 100% repeat-x;
	height: 303px;
	}

a.more_link			{ background: url(/images/2011/nav/bg_subnav_hover.png) -2px 0px no-repeat; color: #fff; font-size: 11px;padding: 3px; padding-left: 10px; text-decoration: none; }
a.more_link:link	{ color: #fff; text-decoration: none; }
a.more_link:visited	{ color: #fff; text-decoration: none; }
a.more_link:hover	{ background: url(/images/2011/arrow_white.gif) 2px 8px no-repeat; color: #fff; text-decoration: none; } 
a.more_link:active	{ color: #fff; text-decoration: none; }



#right_nav_index a.nav_header			{ border: #000 1px solid;display: block; font-size: 12px; margin-bottom: 3px; padding: 2px 0px 0 0; text-decoration: none; padding-left:10px; 	height: auto; min-height: 46px; width:236px; color:#fff;background: #6ea40f ; vertical-align:middle;}
#right_nav_index a.nav_header:hover		{ color:#6ea40f; background:#fff; border:#6ea40f 1px solid}

#right_nav_index a.nav_header_inverse			{ border: #000 1px solid;display: block; font-size: 12px; margin-bottom: 3px; padding: 2px 0px 0 0; text-decoration: none; padding-left:10px; height:46px; width:236px; color:#fff;background: #304356 ; vertical-align:middle;}
#right_nav_index a.nav_header_inverse:hover		{ color:#304356; background:#fff; border:#304356 1px solid}

#right_nav_index a.nav_header_asr			{ border: #EEB600 1px solid;display: block; font-size: 12px; margin-bottom: 3px; padding: 2px 0px 0 0; text-decoration: none; padding-left:10px; height:46px; width:236px; color:#EEB600;background: #000 url(/images/2011/atlantique-stade-rochelais.png) right no-repeat ; vertical-align:middle;}
#right_nav_index a.nav_header_asr:hover		{ color:#000; background:#EEB600; border:#000 1px solid}

#right_nav_index a.nav_header_rupella			{ border: #DA4912 1px solid;display: block; font-size: 12px; margin-bottom: 3px; padding: 2px 0px 0 0; text-decoration: none; padding-left:10px; height:46px; width:236px; color:#DA4912;background: #fff url(/images/2011/rupella-basket.png) right no-repeat; vertical-align:middle;}
#right_nav_index a.nav_header_rupella:hover		{ color:#fff; background:#DA4912;}

/* ---------- MODULES ---------- */

ul#modules				{ margin: 4px; position: relative;}
ul#modules li				{ float: left;  }
ul#modules li a			{ display: block; text-decoration: none; }
ul#modules li a:link		{ text-decoration: none; }
ul#modules li a:visited	{ text-decoration: none; }
ul#modules li a:hover		{ text-decoration: none; }
ul#modules li a:active	{ text-decoration: none; }
ul#modules a.nav_item { width:100%; border: none; text-align:center; color:#FFF; font-size:12px; padding: 2px 2px 0px 2px }
ul#modules li .menu { display: none; }
ul#modules li:hover .menu { display: block; }
ul#modules li.over .menu { display: block; }

li.modules_odd { background: #333132; }
li.modules_odd:hover, li.modules_odd_over { background: #A57E05; }
li.modules_even { background: #000; }
li.modules_even:hover, li.modules_even_over { background: #A57E05; }
li.modules_title { background: #EEB600; color:#000000 }
li.modules_title:hover, li.modules_even_over { background: #EEB600; }

/* ---------- END MODULES ---------- */


/* ----------NAVIGATION---------- */

ul#footer				{ border-top: 1px solid #797c80; float: left; margin: 0 0px 0 0; width: 185px; height: 20px; margin: 0 0 0 0; position: relative; }
ul#footer li			{ font-size: 10px;	float: left;  width: 185px; color: #666666}
ul#footer li a			{ border-bottom: 1px dotted #797c80; color: #444444; display: block; overflow: hidden; padding: 0 0 0 13px; text-decoration: none;}
ul#footer li a:link		{ text-decoration: none; }
ul#footer li a:visited	{ text-decoration: none; }
ul#footer li a:hover	{ background: url(/images/2011/bg_footer_hover.png) no-repeat; border-bottom: 1px dotted #797c80; color: #0F7FA4; text-decoration: none; }
ul#footer li a:active	{ text-decoration: none; }



.photo_menu {
	padding: 2px;
	margin: 5px;
	background: #FFF;
	border: solid 1px #545557;
	text-align:center;
	}

.thumbs {
	padding: 3px;
	margin: 5px;
	background: #FFF;
	border: solid 1px #545557;
	float:right;
	}

/* ----------END NAVIGATION---------- */

.pagination { width:690px}
.csb,.ss {background:url(/images/2011/nav_logo.png) no-repeat;overflow:hidden;}
.csb,.ss{background-position:0 0;height:30px;display:block}
.ch, a.ch:link, a.ch:visited { color:#FF6600; font-weight:bold}
.pagination_bottom{background:url(/images/2011/nav_logo.png) no-repeat;overflow:hidden}

#nav_bottom td{padding:0;text-align:center}
#nav_bottom a{display:block; white-space:nowrap}

a.fl:link,a.fl:visited,.fl a { color:#68AEC5; }

/* ----------Commentaire---------- */
.bulle {
	background: url(/images/2011/bulle.gif) 0 no-repeat;
	height: 23px;
	width: 22px;
	color:#FFFFFF;
	padding: 15px 0 10px 10px ;
	float:left;
	margin:0
	}

.nombre_commentaires {
	height: 23px;
	color:#58A7C1;
	padding: 15px 0 0 0;
	margin:0
	}
	
.commentaire {
	color: #666666;
	padding: 5px;
	margin: 5px 2px 2px 2px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	}
	
.commentaire-top {
	color: #666666;
	padding: 5px;
	margin: 5px 2px 2px 2px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	float: right
	}	
	
.add_comment, a.add_comment:link, a.add_comment:visited {
	color: #FFFFFF;
	padding: 5px;
	margin: 30px 2px 2px 2px;
	background: #9B0002;
	border: 1px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	float:none;
	font-weight:bold;
	text-decoration: none;
	}

a.add_comment:hover {
	color: #FFFFFF;
	padding: 5px;
	margin: 30px 2px 2px 2px;
	background: #58A7C1;
	border: 1px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	float:none;
	font-weight:bold;
	text-decoration: none;
	}
/* ----------End Commentaire---------- */
	
/* ----------Galerie---------- */
.bg-photo-gallery {
	background: #F0F0F0 url(/images/2011/bg-photo-gallery.png) no-repeat top center;
	height: 180px;
	width: 160px;
	padding: 10px;
	margin: 5px;
	float:left;
	}
	
.photo-gallery-legende {
	width: 120px;
	font-size:10px;
	padding-top:5px;
	}
/* ----------End Galerie---------- */