/*
orange : #ff6600
bleu foncé : #0d3b82
bleu clair : #428ef9
*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
	margin: 0;
	padding: 0;
	background:#F8F8F8 url('../images/background.jpg') 0px 0px repeat-y;
	color:#336699;

}

#general{
	position:relative;
	left:50%;
	/*background:url('../images/background_header.jpg') top center no-repeat;*/
	width:1280px;	
	margin-left:-640px;
	float:left;
	padding-bottom:50px;
	z-index:1;
}

#header_bg {
	position:relative;
	width: 1280px;
	height: 230px;
	background:url('../images/header_bg.jpg') no-repeat top center;
}
#header {
	position:relative;
	margin:auto;
	padding:auto;
	width: 940px;
	height: 230px;
	/*background:url('../images/header.jpg') no-repeat top center;*/
}

#header_menu_lien_ffsa{
	display:block;
	width:220px;
	height:40px;
	position:absolute;
	top:0px;
	left:740px;
}

#header_menu_lien_edf{
	display:block;
	width:150px;
	height:80px;
	position:absolute;
	top:0px;
	left:0px;
}

#header_menu_lien_kj{
	display:block;
	width:280px;
	height:110px;
	position:absolute;
	top:50px;
	left:115px;
	}

#header_menu{
	position:relative;
	margin:auto;
	padding:auto;
	width:960px;
	height:34px;
	top:185px;
}

#page {
	margin:auto;
	padding:auto;
	width: 990px;
	position:relative;
	
}

#contenu {
	padding:30px;
	margin-bottom:20px;
}



#footer {
	clear:both;
	z-index:1;
	height:67px;
	background:url('../images/footer_bg.png') repeat-x top left; 
}

#footer_logos {
	margin:auto;
	padding:auto;
	width:960px;	
	list-style-type:none;
}

#footer_logos li{
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}

#footer_liens{
	margin-top:30px;
	margin-bottom:30px;
	padding-bottom:20px;
	text-align:center;
}
#footer_liens a{
	color:#003366;
	font-weight:bold;
	font-size:12px;
	margin-right:50px;
}

p {
	margin: 0;
}

img{
border:none;
}
.noBorder{
border:none;
}
.border_yellow{
border:1px solid  #ffe415;
}
.border_white{
border:1px solid #ffffff;
}
.gras{
font-weight:bold;
}
.underline{
text-decoration:underline;
}
.italic{
font-style:italic;
}
.justify{
text-align:justify;
}
.right{
text-align:right;
}
.center{
text-align:center;
}
.spacer{
clear:both;
}
.position_left{
float:left;
}
.position_right{
float:right;
}
.position_relative{
position:relative;
}
.middle{
vertical-align:middle;
}
/********************************/
/********** MENU HAUT ***********/
/********************************/
#menu{
position: absolute;
top: 0px;
left:14px;
padding:0;
z-index:1000;
height:34px;
}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}
.first_item{
float:left;
}
#menu li{
margin:0;
line-height:0;
}
#menu a{
margin:0;
padding:0;
}
#menu img{
margin:0;
padding:0;
}
#ssmenu{
	position:relative;
	left:125px;
	top:34px;
	width:135px;
	/***ss menu au dessus du contenu**/
	z-index:1;
}
#ssmenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#ssmenu li{
margin:0;
padding:0;
}

/*#ssmenu a{
display:block;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
font-size:13px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
padding:7px;

}
#ssmenu a:hover{
	color:#cc0000;	
}*/
/********************************/
/********** CONTENU   ***********/
/********************************/
/****HOMEPAGE***********/
#home_left{
	float:left;
	width:330px;
	height:324px;
}

#home_right{
	position:relative;
	float:left;
	width:564px;
	height:296px;
	background-image:url('../images/home_right.png');
	background-repeat:no-repeat;
	padding:14px;
}
.home_selection{
	float:left;
	width:109px;
	height:289px;	
	margin-right:12px;
	padding:3px;
	cursor:pointer;
	color:#FFFFFF;
	
}
#home_selection_finale_overlay{
	position:absolute;
	top:14px;
	left:14px;
	width:562px;
	height:295px;
	background:url('../images/selections/finale_overlay.jpg') no-repeat top left;
	/*cursor:pointer;*/
}

#home_selection_texte_1{
	margin-top:205px;
}
#home_selection_texte_2{
	margin-top:230px;
}
#home_selection_texte_3{
	margin-top:230px;
}
#home_selection_texte_4{
	margin-top:230px;
}
#home_selection_texte_finale{
	margin-top:240px;
}
.home_selection_texte{
	
}

#home_left_col{
	float:left;
	width:480px;
	margin-top:30px;
	
}
#home_right_col{
	float:left;
	width:420px;
	margin-top:30px;
	margin-left:25px;
}

#home_video{
	position:relative;
	float:left;
	width:477px;
	height:225px;
	background:url('../images/home_video_bg.png') no-repeat top left;
	padding-top:50px;
}

#home_video_vignette{
	float:left;
	width:95px;
	margin-left:10px;
	margin-top:5px;
}
.home_video_vignette_play{
	float:left;
	margin-bottom:10px;
}
#home_video_player{
	float:left;
	margin-left:30px;
	margin-top:10px;
}
#home_video_player-loading{
	position:absolute;
	right:7px;
	top:22px;
}

#home_btn_bonplan{
	position:relative;
	float:left;
	margin-top:20px;
}
#home_communaute{
	position:relative;
	float:left;
	width:413px;
	height:45px;
	padding-top:35px;
	padding-left:10px;
	background:url('../images/home_communaute.png') no-repeat top left;
}

#home_communaute ul{
	list-style-type:none;
	margin:0;
	padding:0;
} 
#home_communaute ul li{
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	width:90px;
} 
#home_radio{
	position:relative;
	float:left;
	width:413px;
	height:75px;
}
#home_actu{
	position:relative;
	float:left;
	width:412px;
	height:212px;
	background:url('../images/home_actu_bg.png') no-repeat top left;
}
#home_actu_lien{
	display:block;
	width:412px;
	height:212px;	
}
#home_news{
	position:relative;
	float:left;
	width:413px;
	height:212px;
}
#home_news_bg ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#home_news_bg ul li{
	margin:0;
	padding:0;
	line-height:1.3em;
	display:block;
	height:65px;
}
.home_communaute{
	position:relative;
	left:0px;
	top:3px;
}
#home_news_top{
	width:413px;
	height:45px;
	background:url('../images/home_news_top.png') no-repeat top left;
}
#home_news_bottom{
	width:413px;
	height:28px;
	background:url('../images/home_news_bottom.png') no-repeat top left;
}
.home_news_pair{
	float:left;
	background-color:#eef7fd;
	padding:10px;
	height:55px;
}
.home_news_impair{
	float:left;
	background-color:#FFFFFF;
	padding:10px;
	height:55px;
}
.home_news_titre{
	font-size:13px;
	font-weight:bold;
	color:#336699;
}
.home_news_titre:hover{
	color:#336699;
}
.home_news_titre_2{
	color:#87c1f3;
}

/*****DEFI****/
#contenu_gauche{
width:430px;
float:left;
}
#contenu_centre{
width:460px;
float:left;
padding-left:10px;
}
#contenu_pleine_page{
width:940px;
float:left;
padding-left:10px;
padding-right:10px;
}


#defi_comp_gauche{
background-image:url('../images/defi/image_BG_competition.jpg');
background-repeat:no-repeat;
float:left;
width:520px;
height:249px;
}
#defi_comp_droite{
background-image:url('../images/defi/image_HD_competition.jpg');
background-repeat:no-repeat;
float:left;
width:478px;
height:599px;
}
#defi_comp_droite_contenu{
position:relative;
top:130px;
left:90px;
width:75%;
}
#defi_dot_gauche{
background-image:url('../images/defi/image_BG_dotations.jpg');
background-repeat:no-repeat;
float:left;
width:520px;
height:249px;
}
#defi_dot_gauche_contenu{
padding:25px;
position:relative;
top:-2px;
left:202px;
color:#FFFFFF;
font-weight:bold;
width:53%;
}
#defi_dot_droite{
background-image:url('../images/defi/image_HD_dotations.jpg');
background-repeat:no-repeat;
float:left;
width:478px;
height:599px;
}
#defi_dot_droite_btn{
margin-top:530px;
margin-left:195px;
}

#defi_kart_droite{
background-image:url('../images/defi/image_HD_kart.jpg');
background-repeat:no-repeat;
float:left;
width:478px;
height:599px;
}
#defi_kart_droite_contenu{
position:relative;
top:30px;
left:90px;
width:75%;
color:#FFFFFF;
font-weight:bold;
}
/*******INSCRIPTION************/
#contenu_gauche_inscription{
width:418px;
float:left;
}
#defi_inscription_gauche{
background-image:url('../images/inscription/BG_inscription.jpg');
background-repeat:no-repeat;
width:418px;
height:358px;
}
#inscription_reglement{
margin:15px 0 15px 0;
overflow:auto;
overflow-x: hidden; 
float:left;
width:400px;
height:140px;
border:1px solid #d3d3d3;
background-color:#FFFFFF;
}
#inscription_reglement_contenu{
padding:15px;
float:left;
width:530px;
}
#inscription_bg{
background-image:url('../images/inscription_fond.png');
background-repeat:no-repeat;
width:865px;
height:176px;
color:#FFFFFF;
}


/********************************/
/********** POLICE    ***********/
/********************************/
.txt9{
font-size:9px;
}
.txt10{
font-size:10px;
}
.txt11{
font-size:11px;
}
.txt12{
font-size:12px;
}
.txt13{
font-size:13px;
}
.txt14{
font-size:14px;
}
.txt15{
font-size:15px;
}
.txt16{
font-size:16px;
}
/********************************/
/********** ESAPCE    ***********/
/********************************/
.padding5{
padding:5px;
}
.padding5_top{
padding-top:5px;
}
.padding5_bottom{
padding-bottom:5px;
}
.padding10{
padding:10px;
}
.padding10_top{
padding-top:10px;
}
.padding10_bottom{
padding-bottom:10px;
}
.padding8_top{
padding-top:8px;
}
.margin8_top{
margin-top:8px;
}
.padding10_left{
padding-left:10px;
}
.margin10{
margin:10px;
}
.margin10_left{
margin-left:10px;
}
.margin10_top{
margin-top:10px;
}
.margin15{
margin:15px;
}
.margin15_top{
margin-top:15px;
}
.margin25_top{
margin-top:25px;
}
.padding15{
padding:15px;
}
.padding15_top{
padding-top:15px;
}
.padding25_top{
padding-top:25px;
}
.padding20{
padding:20px;
}
.padding20_top{
padding-top:20px;
}
.padding20_left{
padding-left:20px;
}
.padding20_right{
padding-right:20px;
}
.padding25{
padding:25px;
}
.padding30{
padding:30px;
}
.padding30_top{
padding-top:30px;
}
.margin30_top{
margin-top:30px;
}
.padding35{
padding:35px;
}
.padding35_top{
padding-top:35px;
}
.padding40{
padding:40px;
}
.padding40_top{
padding-top:40px;
}
.margin37_top{
margin-top:37px;
}
.margin40_top{
margin-top:40px;
}
.margin20_top{
margin-top:20px;
}
.margin15_right{
margin-right:15px;
}
.margin25_right{
margin-right:25px;
}
.margin50_top{
margin-top:50px;
}
.no_marge{
margin:0;
pading:0;
}
.text_indent_left{
padding-left:1.7em;
}
.text_indent_left_check{
padding-left:2.2em;
}
/********************************/
/***** NIVEAU DE TITRE  *********/
/********************************/
h1,h2,h3,h4{
font-weight:bold;
color:#0d3b82;
margin-top : 0.7em;
margin-bottom:0.7em;
line-height:1.3em;
}

h1{
font-size:18px;

}
h2{
font-size:14px;
}
h3{
font-size:13px;
}
h4{
font-size:12px;
}

/********************************/
/*****     COULEURS     *********/
/********************************/
.color{
	color:#CC0000;
}
.color_white{
color:#FFFFFF;
}
.color_black{
color:#000000;
}
.color_blue{
color:#0d3b82;
}
.color_qualifie{
color:#cc0000;
}
.color_orange, .color_blue_light{
color:#ff6600;
font-weight:bold;
}
.color_red{
color:#FF0000;
}
.color_sombre{
color:#999999;
}

/********************************/
/*****       LIENS      *********/
/********************************/
a{
color:#003366;
text-decoration:none;
}
a:hover{
color:#cc0000;
text-decoration:none;
}
a.overcolor{
color:#cc0000;
text-decoration:none;
}
a.overcolor:hover{
color:#cc0000;
text-decoration:underline;
}
a.overcolor_underline{
color:#cc0000;
text-decoration:underline;
}
a.overcolor_underline:hover{
color:#cc0000;
text-decoration:none;
}

a.lien_fonce{
color:#003B61;
text-decoration:none;
}
a.lien_fonce:hover{
color:#FFAE00;
text-decoration:none;
}
a.lien_white{
color:#FFFFFF;
text-decoration:none;
}
a.lien_white:hover{
text-decoration:none;
}
a.lien_yellow{
color:#ffe415;
text-decoration:underline;
}
a.lien_yellow:hover{
text-decoration:none;
}

a.lien_pair{
color:#003366;
text-decoration:underline;
}
a.lien_pair:hover{
color:#003366;
text-decoration:none;
}
a.lien_impair{
color:#003366;
text-decoration:underline;
}
a.lien_impair:hover{
color:#003366;
text-decoration:none;
}


a.lien_over_pair{
color:#FFFFFF;
text-decoration:none;
}
a.lien_over_pair:hover{
color:#FFFFFF;
text-decoration:none;
}
a.lien_over_impair{
color:#003B60;
text-decoration:none;
}
a.lien_over_impair:hover{
color:#003B60;
text-decoration:none;
}


.alert{
font-weight:bold;
color:#FF0000;
padding-top:10px;
padding-bottom:10px;
}
.alert_simple{
font-weight:bold;
color:#FF0000;
}
/********************************/
/*****    DIAPORAMA     *********/
/********************************/
.ajax_progress{
text-align:center;
width:150px;
heigth:100px;
margin:auto;
padding:auto;
}
.diaporama_first_image{
width:150px;
}


.top{
vertical-align:top;
}
.pair{
color:#FFFFFF;

}
.impair{
color:#003B60;
}



#resultats_bg{
position:relative;
left:0;
float:left;
width:420px;
height:260px;
/*background-image:url('../images/resultats_fond.jpg');
background-repeat:no-repeat;*/
}

#resultats_table{
width:380px;
margin-top:15px;
margin-left:10px;
font-weight:bold;
}
#resultats_table td{
padding-top :5px;
padding-bottom:5px;
padding-left:5px;
}
#resultats_table th{
font-size:16px;
text-align:left;
padding-bottom:15px;
}

#resultats_table_layer{
width:400px;
height:190px;
overflow-y:auto;
}
#resultats_table_content{
width:370px;
height:100px;
margin-top:0px;
margin-left:10px;
font-weight:bold;

}
#resultats_table_content td{
padding-top :5px;
padding-bottom:5px;
padding-left:5px;
}

#resultats_data{
position:relative;
width:420px;
height:270px;
overflow-y:auto;
color:#0d3b82;
}


/********formulaire sms*******/
#form_sms{

}
#form_sms p {
 padding:5px 0 5px 0;
 clear: both;

}
#form_sms label {
 width:70px;
 display:block;
 float:left;
}

/********News Ticker Homepage*******/
#newsticker {
	background: transparent url("../images/home_ticker.png") no-repeat 0 0;
	height:71px;
	position:relative;
	top:8px;
}
#newsticker ul {
	list-style: none;
	min-height: 1.6em;
	line-height:1.3em;
	width:380px;
	padding-top:27px;
	position:relative;
	left:40px;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
	/*background: transparent url("../images/icon_closenewsticker.gif") no-repeat 0 0;*/
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}
/********PAGE LA FFSA********/
#la_ffsa{
	position:relative;
	top:60px;
	height:370px;
	
}

/*******PAGE CALENDRIER******/
#calendrier{
	position:relative;
	z-index:;
}
#titre_calendrier{
	position:absolute;
	width:328px;
	height:101px;
	background:url('../images/titre_calendrier.png') no-repeat top left;
	padding:30px 8px 8px 8px;
}
#calendrier_carte{
	position:relative;
	top:20px;
}
#calendrier_content{
	position:absolute;
	top:0;
	left:0;
}
#calendrier_content-loading{
	position:absolute;
	top:50px;
	left:650px;
}
#calendrier_detail_1{
	background:url('../images/calendrier_detail_1.png') no-repeat top left;
	width:440px;
	height:350px;
	position:absolute;
	top:272px;
	left:151px;
	
}
#calendrier_detail_2{
	background:url('../images/calendrier_detail_2.png') no-repeat top left;
	width:440px;
	height:320px;
	position:absolute;
	top:94px;
	left:68px;
}
#calendrier_detail_3{
	background:url('../images/calendrier_detail_3.png') no-repeat top left;
	width:440px;
	height:350px;
	position:absolute;
	top:215px;
	left:4px;
}
#calendrier_detail_4{
	background:url('../images/calendrier_detail_4.png') no-repeat top left;
	width:440px;
	height:350px;
	position:absolute;
	top:388px;
	left:252px;
}
.calendrier_detail{
	padding-top:70px;
	padding-left:15px;
	width:275px;

}

/****page Le KART **********/
#lekart{
	position:relative;
	float:left;
	height:350px;
	margin-top:40px;
}
#lekart1{
	float:left;
	background:url('../images/titre2_lekart.png') no-repeat top left;
	padding:10px;
	width:330px;
	height:185px;
	padding-top:40px;	
}
#lekart2{
	float:left;
	background:url('../images/titre3_lekart.png') no-repeat top left;
	padding:10px;
	width:340px;
	height:185px;
	padding-top:60px;
	padding-left:40px;	
	margin-left:190px;
}
#lekart3{
	position:absolute;
	left:220px;
	top:30px;
	background:url('../images/titre4_lekart.png') no-repeat top left;
	width:500px;
	height:350px;
}
/****page inscription*******/
#titre_inscription{
	background:url('../images/titre_inscription.png') no-repeat top left;
	width:930px;
	height:90px;	
	padding-top:30px;
	padding-left:70px;
}
/***page convocation********/
#convocation_left{
	float:left;
	background:url('../images/titre_convocation.png') no-repeat top left;
	width:530px;
	height:272px;
	padding-top:30px;
	padding-left:10px;
	position:relative;
}
#convocation_right{
	float:left;
	background:url('../images/titre2_convocation.png') no-repeat top left;
	width:380px;
	height:230px;
	padding-top:20px;
	padding-left:10px;
	text-align:justify;
}
#convocation_form{
	
}
#convocation_form label{
	float:left;
	width:150px;
	padding-bottom:5px;
}
#convocation_form p{
	margin-bottom:10px;
}
#convocation_valide{
	background:url('../images/convocation_valide.png') no-repeat top left;
	background-color:none;
	border:none;	
	width:320px;
	height:50px;
	cursor:pointer;
}
#convocation_content-loading{
	position:absolute;
	top:20px;
	right:15px;	
}

/******article******/
.article{
	margin-left:10px;

}
.article_titre_bg{
	background-color:#000000;
	width:90%;
	height:30px;
	position:absolute;
	top:10px;
	opacity:0.7;
	-moz-opacity:0.7;
	-ms-filter:alpha(opacity=70);
 	filter:alpha(opacity=70);
}
.article_titre{
	width:90%;
	height:30px;
	position:absolute;
	top:0px;
	font-weight:bold;
	font-size:16px;
	margin-left:10px;
}
.article_titre h1{
	color:#FFFFFF;
}
.article_copyright{
	width:40%;
	height:12px;
	position:absolute;
	bottom:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin-left:5px;
}
.article_corps{
	padding-top:15px;
	text-align:justify;
	font-size:14px;
	font-weight:bold;

}


/******homepage jcaroussel***/
.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}


.jcarousel-skin-tango .jcarousel-container-vertical {
    width:  413px;
    height: 195px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}


.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  413px;
    height: 195px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 413px;
    height: 55px;
}



.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 370px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url('../images/next-vertical.png') no-repeat 0px 0px;
}



.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    bottom: 5px;
    left: 390px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url('../images/prev-vertical.png') no-repeat 0 0;
}