@charset "utf-8";
/* CSS Document */


/*------------------------------- general stuff ----------------------------*/
body{
font-family:"Lucida Sans","Verdana", "Arial", Sans-serif;
font-size: 75%;
margin:0;
padding:0;
}
.content{
padding:9px 10px;
}
hr{
background:transparent url(../images/hr.gif) no-repeat top center;
border:none;
height:8px;
margin:5px 0;
}
ul.items{
list-style-type:none;
}
.marker { background-color: #ff0; } 
em{
font-style:italic;
}
strong{
font-weight:bold;
}
/*------------------------------- headings ----------------------------*/
h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0em; }
h2 { font-size: 1.7em; line-height: 1; margin-bottom: 1em; }
h3 {
font-size: 1em;
line-height: 1.5em;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
margin-top:0.25em;
margin-bottom:0.50em;
}
h4 {
font-size: 1.5em;
line-height: 1.5em; 
margin-bottom: 0em;
}
h5 { font-size: 1em; margin-bottom: 0em;}
/*------------------------------- breadcrumb ----------------------------*/
.breadcrumb{
font-size:10px;
border-bottom:1px #ccc solid;
padding-bottom:0.75em;
margin-bottom:0.75em;
}
/*------------------------------- links ----------------------------*/
a{
text-decoration:none;
color:#dc2029;
}
a:hover{
text-decoration:underline;
}
.reverse{
color:#999;
}
.reverse a{
border-bottom:1px dotted #999;
padding-bottom:1px;
}
.reverse a:link,.reverse a:active,.reverse a:visited{
color:#fff;

}
.reverse a:hover{
color:#dc2029;
border-color:#dc2029;
text-decoration:none;
}
/*------------------------------- top nav ----------------------------*/
#topnav{
background:url(../images/bg_topnav.png) repeat-x;
line-height:2em;
}
#topnav ul{
margin:0 auto;
text-align:center;
padding:0;
list-style-type:none;
float:right;
}
#topnav li{
display:inline;
padding:0 5px;
}
#topnav a{

text-decoration:none;
font-size:0.8em;
padding-bottom:0px;
border-bottom:none;
}


/*------------------------------- header, logo, nav2 ----------------------------*/
#header{
margin-bottom:0.75em;
}
#top{
background:#181b6a url("../images/blue_bg.png") repeat-x;
padding-top:10px;
}
.top_sub{
background:transparent url("../images/bg_topsub.png") no-repeat top center;
}
#logo{
margin-top:1px;
}
#logo h1{
color:#fff;
background:url(../images/logo.png) no-repeat bottom left;
text-indent:-999px;
overflow:hidden;
height:95px;
}
#logo a{
display:block;
height:95px;
width:560px;
}
/*--------------------------- nav ---------------------------*/
#nav{
/*background:url(../images/bg_navblue.png) repeat-x;*/
}
#nav .container{
/*background:url(../images/bg_nav_white.png) repeat-x;*/
}
.home_template #nav .container{
background:url(../images/nav_container_bg.png) no-repeat bottom left;
}
.page_template #nav{
background:url(../images/white_bg.png) repeat-x bottom;
}
.page_template #nav .container{
background:url(../images/bg_sidebar.png) no-repeat right bottom;
}
#nav .container{

}
#menu{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
letter-spacing:2px;
text-transform:uppercase;
height:42px;
}
#menu ul{
margin:0 0 0 10px;
padding:0;
list-style-type:none;
}
#menu li{
display:block;
float:left;
margin-right:20px;
}
#menu li.active{
background:url(../images/menu_bg_left.png) no-repeat top left;
padding-left:1px;
margin-right:20px;
}
#menu li.active span{
display:block;
background:url(../images/menu_bg_right.png) no-repeat top right;
padding:0 11px 0 10px;
}
#menu li a{
display:block;
padding-bottom:6px;
line-height:3em;
/* bug IE: height:36px; */
}
#menu li.active a{
background:url(../images/menu_bg_middle_white.png) no-repeat top center;
}
#menu li a:link,#menu li a:visited,#menu li a:active{
color:#fff;
text-decoration:none;
}
#menu li a:hover{
color:#dc2029;
}
#home #menu li.active a{
background:url(../images/menu_bg_middle_black.png) no-repeat top center;
}
#menu li.active a:hover{
color:#fff;
}
/*--------------------------- recherche ---------------------------*/
#recherche{
/*background:url(../images/bg_search_white.png) no-repeat;*/
margin-top:28px;
}
#home #recherche{
/*background:url(../images/bg_search.png) no-repeat;*/
}
#recherche .sub{
padding:7px 0;
height:22px;
}
#recherche input{
background:#fff;
vertical-align:top;
border:none;
height:18px;
width:194px;
padding:2px;
color:#777;
margin-right:6px;
}
#recherche button{
border:none;
background:url(../images/search_button.png) no-repeat;
height:22px;
width:31px;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}
#recherche button:hover{
background-position:0 -22px ;
}
/*------------------------------- front page & blue bar ----------------------------*/
#content{
background:#ffffff;
/*background:#c4c4c4 url(../images/bg_page.png) repeat-x;*/
}
#page{
/*background:#fff url(../images/bg_sidebar2.png) repeat-y top right;*/
}
/*------------------------------- main event + home ----------------------------*/
#primary{
padding-bottom:1.5em;
}
#primary .container{
background:#191850 url(../images/bg_agenda.png) no-repeat bottom right;
}
#main_event{
background:url(../images/main_event_bg.png) no-repeat bottom right;
background:#000;
}
#main_event #photo{
position:relative;
padding:0 10px 9px 10px;
}
#legende{
padding:10px;
position:absolute;
width:280px;
z-index:10;
overflow:hidden;
color:#fff;
background:url(../images/bg_black_trans.png);
}
#legende a{
text-decoration:none;
border:none;
}
.haut_droite #legende{
top:10px;
right:20px;
}
.haut_gauche #legende{
top:10px;
left:20px;
}
.bas_droite #legende{
bottom:20px;
right:20px;
}
.bas_gauche #legende{
bottom:20px;
left:20px;
}
#legende h2{
margin-bottom:9px;
}

#home #video, #home #actus{
padding-top:9px;
}
.articles p{

	}
/*------------------------------- agenda ----------------------------*/
#agenda{
overflow:hidden;
}
#agenda .sub{
padding:0 10px 9px 10px;
}
#agenda h3{
color:#fff;
}
#calendrier h3.section{
background:url("../images/section_bg2.png") repeat-x;
border-color:#fff;
padding-left:3px;
margin-bottom:0;
float:left;
}
a.calendar_full,a.calendar_full:visited{
float:right;
border-bottom:none;
padding-bottom:0;
margin-bottom:7px;
color:#dc2029;
}
.loading{
height:1px;
line-height:1px;
text-align:center;
}
.calendar{
color:#999;
}
div.calendar{
margin-bottom:14px;
}
.calendar table{
border-bottom:1px solid #555;
margin-bottom:0.75em;
}
.calendar td{
font-size:0.8em;
line-height:1em;
height:20px;
width:24px;
padding:3px;
text-align:center;
}
.calendar td span,.calendar td a{

}
.calendarMonthLinks{
}
.calendarMonthLinks a{
font-size:0.8em;
border-bottom:none;
padding:none;
}
.calendarPrevLink{
float:left;
}
.calendarNextLink{
float:right;
}
.calendarMonth{
color:#fff;
margin-bottom:0.75em;
}

tr.calendarDayHeading{


}
td.calendarDayHeading{
border-top:1px solid #555;
border-bottom:1px solid #555;
text-transform:uppercase;
color:#fff;
font-size:1em;
background:none;
padding:4px 3px 5px 3px;
}
.calendarPrevLink a,.calendarNextLink a{
display:block;
}
.calendarNextLink a{
float:right;

}
td.calendarToday {
}
td.calendarCell { 
}
td.calendarBlank { 
}
td.calendarEvent{
}
td.calendarEvent a:link, td.calendarEvent a:visited, td.calendarEvent a:active {
}
td.calendarEvent a:hover{
}
.calendar .details{
display:none;
}
#calendrier li{
}

.next_date .date{
float:left;
width:48px;
height:48px;
color:#fff;
margin-right:1px;
}
.next_date .date .subred{
height:36px;
}
.next_date .jour{
text-align:center;
font-size:18px;
line-height:0.8em;
margin-top:5px;
}
.next_date .mois{
text-align:center;
font-weight:bold;
text-transform:uppercase;
font-size:10px;
}
.next_date .evenement{
float:left;
width:171px;
}
.next_date .evenement .subred{
height:36px;
}
.next_date .evenement a:hover{
color:#fff;
border-color:#fff;
}
.calendar .details{
display:none;
position:absolute;
z-index:10;
border:none;
display:none;
}
.calendar .details ul{
list-style-type:none;
padding:5px;
background:#fff;
width:150px;
}
.calendar .details li{
padding:0;
margin:0;
text-align:left;
}
.calendar .details a{
color:#dc2029;
border-bottom:none;
font-size:10px;
}
.calendar .details a:link, .calendar .details a:visited{
}
.calendar .details a:hover{
}
/*------------------------------- secondary ----------------------------*/
#secondary{
background:url(../images/bg_sidebar.png) repeat-y top right;
}
/*------------------------------- sections ----------------------------*/
.section .sub{
padding:9px 10px;
}
/*------------------------------- page ----------------------------*/
.page_content ul{
	margin-bottom:1.5em;
	}
.page_content .sub{
padding:0 10px 9px 10px;
}
.page_content .sub2{
padding:0 10px 9px 0;
}
.sub3{
padding:0 20px 0 0;
}
.page_content .sep{
height:1px;
background:#ccc;
padding:0;
margin:0 10px 9px 10px;
}
.page_content h1.page_title{
font-size:1.5em;
line-height:1.5em;
margin-bottom:9px;
}
.page_content .breadcrumb2 .sub{
font-size:10px;
padding:0 0 9px 10px;
line-height:27px;
}
.page_content p{
margin-bottom:1.5em;
}
.page_content ul,.page_content ol{
padding-left:30px;
}
/*------------------------------- meta ----------------------------*/
.meta .sub{
padding:0 20px 9px 10px;
}
.meta .date{
color:#777;
font-size:10px;
margin-bottom:9px;
}
.meta .date .date-evenement{
color:#000;
font-size: 14px;
}
.document{
background:url(../images/red_bg_right.png) no-repeat;
padding:6px 6px;
margin-bottom:0.75em;
}
.document .sub{
background:url(../images/arrow_down.png) no-repeat;
display:inline;
padding:0;
}
.document a{
margin-left:18px;
}
.document a{
border:none;
}
.document a:hover{
color:#fff;
border-color:#fff;
}

/*------------------------------- agenda liste ----------------------------*/
ul.items{
padding-left:0px;
margin-bottom:0;
}
.items li{
	margin-bottom:1.5em;
}
.items .date{
font-size:0.8em;
line-height:1.25em;
color:#666;
}
.items .thumbnail{
float:left;
text-align:center;
margin:0px 10px 10px 0px;
}
.items .thumbnail img{
height:70px;
width:70px;
}
/*------------------------------- sidebar ----------------------------*/
#sidebar .sub{
padding:9px 10px;
}
.sidebar_block{
background:#eee;
border:1px solid #ccc;
padding:8px 9px;
margin-bottom:1.5em;
}
img.rss_icon{
vertical-align:middle;
margin-right:10px;
}
.partenaires{}
.partenaires ul{
list-style-image:none;
list-style-type:none;
padding:0;
margin:0;
}
.partenaires li{
margin-bottom:0.75em;
}
/*------------------------------- gallerie ----------------------------*/
.gallerie{
background:#eee;
border:1px solid #ccc;
padding:8px 9px;
overflow:hidden;
}
.gallerie .photo{
float:left;
width:160px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
overflow:hidden;
}
.gallerie .photo br{
display: none;
}
.gallerie .photo .titre{
display: block;
text-align:center;
}
/*------------------------------- liste des clubs ----------------------------*/
ul.liste_clubs{
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul.liste_clubs ul{
	list-style-type:none;
	padding:0 0 1.5em 0;
	margin-bottom:0;
	background:transparent url(../images/hr.gif) no-repeat bottom center;
	}
/*------------------------------- footer ----------------------------*/
#footer{
background:#000;
padding:9px 0;
}
#footer p{
margin-bottom:0.75em;
}
#footer .container{
text-align:center;
}
/*------------------------------- red box ----------------------------*/
.redbox{
background:url(../images/red_bg_left.png) no-repeat;
}
.redbox .subred{
margin-left:2px;
background:url(../images/red_bg_right.png) no-repeat;
padding:6px 10px;
}
.redbox a:hover{
color:#fff;
border-color:#fff;
}
/*------------------------------- sifr ----------------------------*/
.sIFR-active object {
  display: block;
}
/*
.sIFR-active #menu a {
  visibility: hidden;
  font-family: Verdana;
    font-size:12px;
  line-height: 1em;
  font-weight:bold;
  display: block;
  cursor:pointer;
padding-top:9px ;
padding-bottom:13px;
}*/
.sIFR-active #legende h2{
  visibility: hidden;
  font-family: Verdana;
    font-size:24px;
  line-height: 1em;
 margin-bottom:0;
  display: block;
 

}
.sIFR-active .section h3,.sIFR-active #sidebar h3 {
  visibility: hidden;
  font-family: Verdana;
    font-size:12px;
  line-height: 1em;
  font-weight:bold;
  display: block;

}
.sIFR-active #calendrier h3{
float:left;}