body {
	background:#333 url("../pictures/bg_body.gif") top left repeat-x;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align:center;
	font-family:"Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
}
body.page_article {
	background:#333 url("../pictures/bg_body_next.gif") top left repeat-x;
}
#wrapper {
	width:1000px; 
	text-align:left;
	margin:0 auto;
	border-top:0;
}
#header .top {
	color:#FFFFFF;
	background:#000 url("../pictures/bg_header_top.gif") bottom left repeat-x;
	position:relative;
	height:106px;
}
.toolsnav {
	position:absolute;
	bottom:12px;
	right:12px;
	width:200px;
	font-size:16px;
	text-align:right;
}
.toolsnav img {
	padding:0 8px;
	vertical-align:middle;
}
.page_article #header .animation {
	height:151px;
}
#header .menu {
	background:#b40000 url("../pictures/bg_menu_top.gif") top left repeat-x;
	position:relative;
}
#header .menu .content {
	background:url("../pictures/bg_menu_bottom.gif") bottom left repeat-x;
}
#header .menu .newsletter {
	position:absolute;
	top:0;
	right:0;
}
.page_article #header .menu .newsletter {
	top:-13px;
	right:-5px;
}
#header .menu ul,#header .menu li {
	margin:0;
	padding:0;
}
#header .menu li.newsletterbtn {
	list-style:none;
	text-align:center;
	color:#FFFFFF;
	float:right;
	background:#5a0000 url("../pictures/bg_menu_top_newsletter.gif") top left repeat-x;
}
#header .menu li.newsletterbtn a {
	background:#5a0000 url("../pictures/bg_menu_top_newsletter.gif") top left repeat-x;
}
#header .menu li {
	list-style:none;
	text-align:center;
	color:#FFFFFF;
	float:left;
}
#header .menu li a {
	color:#FFFFFF;
	text-decoration:none;
	line-height:2.5em;
	background:#d30000 url("../pictures/bg_menu_top.gif") top left repeat-x;
}
#header .menu li.newsletterbtn, #header .menu li.newsletterbtn a, #header .menu li.newsletterbtn a .contentA, #header .menu li.newsletterbtn a .contentB, #header .menu li.newsletterbtn a .contentC {
	display:block;
	width:312px;
	color:#ff9900;
}
.page_article #header .menu li.newsletterbtn, .page_article #header .menu li.newsletterbtn a, .page_article #header .menu li.newsletterbtn a .contentA, .page_article #header .menu li.newsletterbtn a .contentB {
}
#header .menu li.newsletterbtn a .contentC {
	display:block;
	width:241px;
	padding-left:20px;
	padding-right:70px;
	text-align:left;
}
#header .menu li, #header .menu li a, #header .menu li a .contentA, #header .menu li a .contentB, #header .menu li a .contentC {
	display:block;
	width:8.6em;
}
#header .menu li a .contentB {
	background:url("../pictures/bg_button_left_off.gif") top left no-repeat;
}
#header .menu li.newsletterbtn a .contentB {
	background:url("../pictures/bg_button_left_newsletter.gif") top left no-repeat;
}
#header .menu li a .contentC {
	background:url("../pictures/bg_button_right_off.gif") top right no-repeat;
}
#header .menu li.newsletterbtn a .contentC, #header .menu li.newsletterbtn a:hover .contentC {
	background:none;
}
#header .menu li a:hover, #header .menu li a.on {
	background:#d30000 url("../pictures/bg_menu_top_on.gif") top left repeat-x;
}
#header .menu li a.on {
}
#header .menu li.newsletterbtn a:hover {
	background:#d30000 url("../pictures/bg_menu_top_newsletter_on.gif") top left repeat-x;
}
#header .menu li a:hover .contentA {
}
#header .menu li a:hover .contentB, #header .menu li a.on .contentB {
	background:url("../pictures/bg_button_left_on.gif") top left no-repeat;
}
#header .menu li.newsletterbtn a:hover .contentB, #header .menu li.newsletterbtn a.on .contentB {
	background:url("../pictures/bg_button_left_newsletter.gif") top left no-repeat;
}
#header .menu li a:hover .contentC, #header .menu li a.on .contentC {
	background:url("../pictures/bg_button_right_on.gif") top right no-repeat;
}
.connection {
	float:right;
	width:400px;
	color:#fff;
	font-size:0.8em;
	text-align:right;
}
.connection a {
	color:#ccc;
	white-space:nowrap;
}
.connection table {
	margin-left:auto;
}
.connection td {
	vertical-align:top;
}
.connection .forml {
	width:90px;
}
.connection fieldset {
	border:0;
	}
.connection legend {
	display:none;
	}
.connection h1, .connection p {
	margin:0;
	padding:0;
}
.connection h1 {
	text-align:left;
}
/*______________________subNav__________________________*/
#subNav {
  font-size:0.8em;
}
#subNav ul
{
padding: 0;
margin: 0;
color: White;
float: left;
width: 100%;
font-family: verdana, arial, helvetica, sans-serif;
}

#subNav ul li { display: inline; }

#subNav ul li a, .subcat
{
padding: 0.2em 1em;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
line-height:1.2em;
}

#subNav ul li a:hover
{
/*background-color: #369;*/
color: #ffcc33;
}
.subcat {
	padding-left:20px;
	font-style:italic;
	color:#e59995;
}


/* content section */
#container {
	background:#FFFFFF url("../pictures/bg_sidebar.gif") top right repeat-y;
	width:100%;
}
.page_article #container {
}

#container .content {
	padding:1em;
}
#content {
	position:relative;
  	width:689px;
	float:left;
}
#content a {
	color:#D52D00;
	text-decoration:underline;
}
#content a:hover {
	color:#660000;
}

#content .inner {
  width:100%;
  padding-top:1.5em;
}
h1, h1 .titre {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#CC0000;
	margin:0;
}
.surtitre {
	font-weight:bold;
}
h2 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:1.5em;
}
h3 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	color:#336699;
	font-size:1.3em;
	font-weight:bold;
}
h4 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-size:1.2em;
	font-weight:bold;
}
h4 a:link, h4 a:visited, h4 a:active {
	color:#CC0000;
	text-decoration:underline;
}
.first {
	text-transform:uppercase;
	font-size:120%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif
}
#mainfeature {
  padding:0 1em;
}
#mainfeature h1 {
  text-align:right;
  padding-right:2em;
  line-height:1em;
}
#mainfeature h1 .space {
  padding-right:1em;
}
#mainfeature .photo {
	float:left;
	margin-right:20px;
}

/* upcomming */
.upcoming .pastTitle {
	font-size:1.2em;
	color:#333;
	font-weight:bold;
	margin:0;
	margin-bottom:0.8em
}
.upcoming .surtitre {
	margin:-2px 0;
	color:#003957;
	font-style:italic;
}
.upcoming .date {
	color:#666666;
}
.upcoming .titre {
	font-size:1em;
	color:#666666;
	font-weight:bold;
	margin:-2px 0;
}
.upcoming .titre a {
	color:#D52D00;
}
.upcoming .titre a:hover {
	color:#660000;
}
.upcoming .soustitre {
	margin:-2px 0;
	color:#006699;
	font-style:italic;
}
.upcoming .chapo, .upcoming .descriptif, .upcoming .texte {
	margin:0.3em 0;
	font-weight:normal;
	font-size:1em;
	text-align:justify;
}
.upcoming .line {
	margin:0;
	background:url("../pictures/0gl2.gif") bottom center repeat-x;
	height:1.6em;
}
.upcoming .rdmr{
	font-size:1em;
}
.upcoming .rdmr a{
	color:#cc3300;
	text-decoration:underline;
	font-size:10px;
}
.upcoming .rdmr a:hover {
	text-decoration:none;
}
.upcoming .rdmr_b {
	background:url("../pictures/0blt2.gif") top left no-repeat;
	padding:0px 0px 0px 7px;
	width:5em;
}
.news .surtitre {
	margin:-2px 0;
	color:#003957;
	font-style:italic;
}
.news .titre {
}
.news .titre a {
	color:#ffcc33;
}
.news .soustitre {
	margin:-2px 0;
	color:#ccc;
	font-style:italic;
}
.news .chapo, .news .descriptif, .news .texte {
	margin:0.3em 0;
	font-weight:normal;
	font-size:1em;
	text-align:justify;
}
.news .line {
	line-height:1px; 
	background:url("../pictures/0gl2.gif") bottom left repeat-x;
	height:1px;
}
#mainimage {
}

.events {
	background:url("../pictures/bg_event1.gif") top left repeat-x;
	font-size:90%;
}
/* - - - - - - */

#events1 {
	float:left;
	width:50%;
	background:url("../pictures/bg_event1.gif") top left repeat-x;
}
#events2 {
	float:right;
	width:49%;
	background:#ffdea1 url("../pictures/bg_event2.gif") top left repeat-x;
}
#events1 h2, #events2 h2  {
	margin:0;
	padding:0;
	font-size:1.5em;
}
#events1 h2 {
	color:#336699;
}
#events1 .inner, #events2 .inner  {
	margin:0;
	width:auto;
	padding:0.5em 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
#events1 .date, #events2 .date {
	color:#0066cc;
}
#events1 a, #events2 a {
	font-weight:bold;
	color:#000000;
}

#sidebar {
  position:relative;
  float: right;
  width: 310px;
  margin: 0;
  padding: 0 0 180px 0;
  line-height:100%;
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
}
.contentsidebar {
  background:transparent url("../pictures/bg_sidebar_icon.jpg") bottom right no-repeat;
}
.contextbox {
	width:200px;
	border:1px solid black;
	float:right;
	padding:10px;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#ffffcc;
	color:#333333;
}
#sidebar .inner {
  padding:1.5em;
  padding-top:4px;
  font-size:1em;
}
#sidebar .newsL, #sidebar .newsR {
	float:left;
	width:45%;
	font-size:0.7em;
	margin:3px 0;
	padding:3px;
	text-align:center;
}
#sidebar .rubriques {
	padding-top:20px;
}
#sidebar ul {
padding: 0;
margin: 0;
color: White;
float: left;
width: 100%;
}

#sidebar ul li { display: block; }

.newsletter #sidebar a {
	color:#D52D00;
}
.newsletter #sidebar a:hover {
	color:#660000;
}
#sidebar ul li a, .newsletter #sidebar ul li a {
padding: 0.2em 1em;
  background:#0a82b4 url("../pictures/sidebarnavigation.jpg") top right repeat-x;
display: block;
font-weight:normal;
text-decoration: none;
border-top: 1px solid #fff;
line-height:1.2em;
color: #d4e8f3;
}

#sidebar ul li a:hover, .newsletter #sidebar ul li a:hover
{
/*background-color: #369;*/
  background:#0a82b4 url("../pictures/sidebarnavigation2.jpg") top right repeat-x;
color: White;
}

#sidebar a {
	color:#fff;
color: White;
}
#sidebar a:hover {
	color:#CC0000;
color: #d4e8f3;
}
#sidebar .line {
	border-bottom:1px solid #999999;
	clear:both;
	display:block;
}
#sidebar .newsR {
	float:right;
}
#sidebar .newsL img, #sidebar .newsR img {
	border:0;
	margin:auto;
	width:90px;
}
#sidebar .source {
	font-style:italic;
	color:#CC0000;
	text-align:right;
	font-size:0.9em;
}
#sidebar .videocopy {
	text-align:right;
	display:block;
	padding:1em;
	font-size:90%;
}

/* competitions */
.page_article #container .cartouche h2.titre {
	color:#004789;
	font-size:1.1em;
	margin-bottom:0;
	padding-bottom:0;
}

.liste-articles .surtitre {
	margin:-2px 0;
	color:#003957;
	font-style:italic;
}
.liste-articles .date {
	color:#666666;
}
.liste-articles .titre {
	font-size:1.2em;
	color:#666666;
	font-weight:bold;
	margin:-2px 0;
}
.liste-articles .titre a {
	color:#D52D00;
}
.liste-articles .titre a:hover {
	color:#ffcc33;
}
.liste-articles .soustitre {
	margin:-2px 0;
	color:#006699;
	font-style:italic;
}
.liste-articles .chapo, .liste-articles .descriptif, .liste-articles .texte {
	margin:0.3em 0;
	font-weight:normal;
	font-size:0.9em;
	text-align:justify;
}
.liste-articles .line {
	margin:0;
	background:url("../pictures/line.gif") bottom center repeat-x;
	height:1.6em;
}
.liste-articles .rdmr{
	font-size:1em;
}
.liste-articles .rdmr a{
	color:#cc3300;
	text-decoration:underline;
	font-size:10px;
}
.liste-articles .rdmr a:hover {
	text-decoration:none;
}
.liste-articles .rdmr_b {
	background:url("../pictures/0blt2.gif") top left no-repeat;
	padding:0px 0px 0px 7px;
	width:5em;
}


.bottom {
	background-color:#008bb2;
	border-top:1px solid #70bfd6;
	clear:both;
	font-size:1px;
	line-height:1px;
	height:13px;
	width:690px;
}

#footer {
	font-size:90%;
	background:#000 url("../pictures/bg_footer.gif") top left repeat-x;
}
#footer .inner {
	padding:20px;
}
#footer, #footer a {
	color:#fff;
}
#footer .textnav {
	color:#fff;
	float:right;
	width:400px;
	font-weight:bold;
	text-align:right;
}
.sponsors {
	width:1000px;
	text-align:center;
	padding:15px;
	}
.sponsors img {
	margin:auto;
	border:0;
	vertical-align:middle;
	margin:0 15px 0 15px;
	}
	
.clear {
	display:block;
	clear:both;
	height:1px;
	line-height:0;
	font-size:0;
}