/*
gris clair : #E2E3E3
rouge foncé : #e01f32
bleu clair : #428ef9
*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.4em;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	/*background-image:url('../images/background_header.jpg');
	background-repeat:no-repeat;
	background-position:top center;*/
	color:#000000;

}

#general{
	position:relative;
	left:0;
	margin:auto;
	padding:auto;
}

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

#header {
	position:relative;
	width: 960px;
	height: 247px;
	background-image:url('../images/header.jpg');
	background-repeat:no-repeat;
	background-position:top center;
}
#header_home_lien{
	position:relative;
	left:300px;
	width:300px;
	height:158px;
	display:block;
}
#header_btn_inscription{
	position:absolute;
	right:0;
	top:98px;
	width:290px;
	height:74px;
	background-image:url('../images/header_btn_inscription.png');
	background-repeat:no-repeat;
	background-position:top center;
}
#header_btn_inscription_lien{
	display:block;
	width:290px;
	height:74px;	
}
#header_btn_reglement_lien{
	position:absolute;
	top:52px;
	left:70px;
	font-size:9px;
}
#menu{
	position:absolute;
	top:173px;
	left:10px;
}

#contenu {
	width:960px;
	float:left;
	position:relative;
	background-image:url('../images/contenu_bg_left.jpg');
	background-repeat:repeat-y;
	background-position:top left;
}	
#contenu_bg {
	width:938px;
	float:left;
	position:relative;
	background-image:url('../images/contenu_bg.jpg');
	background-repeat:repeat-x;
	background-position:top left;
	margin-left:11px;
}


#contenu_bg_right{
	width:949px;
	float:left;
	background-image:url('../images/contenu_bg_right.jpg');
	background-repeat:repeat-y;
	background-position:top right;
	
}
#contenu_page{
	float:left;
	position:relative;
	width:936px;
	/*border:1px solid #000000;*/
	background-color:#FFFFFF;
}
#contenu_page_marge{
	float:left;
	position:relative;
	width:910px;
	padding:10px;
}
#contenu_page_bottom{
	float:left;
	position:relative;
	background-color:#a7a7a7;
	width:938px;
}
#footer {
	clear:both;
	width:940px;
	height:48px;
	background-color:#000000;
	padding:0px 10px 0 10px;
	background:#000000 url('../images/footer_bg_corner.jpg') no-repeat top right;
}
#footer_liens{
	float:left;
	width:450px;
	margin:5px 0 0 0;
	padding:0;
	list-style-type:circle;

}
#footer_liens li{
	display:inline;
	padding-right:5px;
}

#footer_logos {
	float:left;
	width:490px;
	list-style-type:none;
	margin:5px 0 0 0px;
	padding:0;
}

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


.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;
}

/********************************/
/********** CONTENU   ***********/
/********************************/
/****HOMEPAGE***********/
#home_left{
	width:500px;
	float:left;
	/*border-right:1px solid #000000;*/
}
#home_left_bg{
width:550px;
height:310px;
float:left;
}

#home_right{
	float:left;
	margin-left:30px;
}

#home_video{

}
#home_news{
	margin-top:15px;
	float:left;
}
#home_news_bg{
	width:355px;
}
#home_news_bg ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#home_news_bg li{
	list-style-type:none;
	margin:2px 0 0px 0;
	padding:0 0 0px 0;
	height:50px;
	width:355px;
	display:block;
}

#home_facebook{
	margin-top:10px;
	height:200px;
}
#home_communaute{
	float:left;
	height:165px;
	/*margin-top:264px;*/
	margin-top:110px;
	clear:both;
}
#home_communaute_btn{
	position:relative;
	background-color:#000000;
	width:250px;
	height:50px;
	padding:10px;
}
#home_communaute_btn a{
	margin-right:10px;
}
#home_voiture{
	position:absolute;
	top:-34px;
	left:180px;
	width:230px;
	height:153px;
	background:url('../images/home_voiture.png') no-repeat top left;
}


/****PALMARES***/
#palmares_bg{
	float:left;
	width:580px;
	height:380px;
	background:url('../images/palmares_bg.png') no-repeat top left;
	padding:6px;
}
#palmares_photos{
	float:left;
	width:280px;
	height:380px;
	margin-left:15px;
}
#palmares_col1, #palmares_col2, #palmares_col3{
	float:left;
	width:160px;
	padding:0 15px 0 15px;
	
}
#palmares_col1 p, #palmares_col2 p, #palmares_col3 p{
	background-color:#de1c2b;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
	margin:2px 0 5px 0;
}
#palmares_col2{
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

#palmares_col1 ul, #palmares_col2 ul, #palmares_col3 ul{
	margin:0 0 0 15px;
	padding:0;
	/**correctif car l'espacement general est plus grand**/
	line-height:1.2em;
}


/*******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;
}
#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_right{
padding-right:10px;
}
.padding10_bottom{
padding-bottom:10px;
}
.padding8_top{
padding-top:8px;
}
.padding10_left{
padding-left:10px;
}
.margin10{
margin:10px;
}
.margin10_left{
margin-left:10px;
}
.margin10_right{
margin-right:10px;
}
.margin10_top{
margin-top:10px;
}
.margin15{
margin:15px;
}
.margin15_top{
margin-top:15px;
}
.margin15_bottom{
margin-bottom: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;
}
.padding20_bottom{
padding-bottom:20px;
}
.padding25{
padding:25px;
}
.padding30{
padding:30px;
}
.padding30_top{
padding-top:30px;
}
.padding35{
padding:35px;
}
.padding35_top{
padding-top:35px;
}
.padding40{
padding:40px;
}
.padding40_top{
padding-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:#000000;
margin-top : 0.7em;
margin-bottom:0.7em;
line-height:1.3em;
}

h1{
font-size:18px;
}

h1.rubrique_titre{
	width:97%;
	height:20px;
	font-weight:bold;
	background-color:#E2E3E3;
	padding:5px;
	margin:0;
	color:#E01F32;
	display:block;
}

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

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

/********************************/
/*****       LIENS      *********/
/********************************/
a{
color:#e01f32;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:none;
}
a.lien_underline{
color:#e01f32;
text-decoration:underline;
}
a.lien_underline:hover{
color:#000000;
text-decoration:none;
}
a.lien_inverse{
color:#000000;
text-decoration:none;
}
a.lien_inverse:hover{
color:#e01f32;
text-decoration:none;
}
a.lien_white{
color:#FFFFFF;
text-decoration:none;
}
a.lien_inverse:hover{
color:#FFFFFF;
text-decoration:none;
}
a.lien_white_underline{
color:#FFFFFF;
text-decoration:underline;
}
a.lien_white_underline:hover{
color:#FFFFFF;
text-decoration:none;
}



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



.alert{
font-weight:bold;
color:#FF0000;
padding-top:10px;
padding-bottom:10px;
}


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

}
.impair{
color:#003B60;
}
.calendrier_pair{
color:#000000;

}
.calendrier_impair{
color:#000000;
background-color:#E01F32;


}



#resultats_bg{
position:relative;
left:0;
float:left;
width:420px;
height:400px;
}

#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:380px;
overflow-y:auto;
}
#resultats_table_content{
width:370px;
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:400px;
height:380px;
overflow-y:auto;
color:#000000;
}


/*** formulaire de convocation****/
#convocation_left{
	float:left;
	width:500px;
}
#convocation_bg{
	width:470px;
	height:320px;
	background:url('../images/titre_convocation.png') no-repeat top left;
	padding-top:30px;
	padding-left:10px;
}
#convocation_right{
	float:left;
	width:390px;
	margin-left:10px;
}
#convocation_form{

}
#convocation_form label{
	float:left;
	width:150px;
	padding-bottom:5px;
}
#convocation_form p{
	margin-bottom:10px;
}
#convocation_content_loading{
	position:absolute;
	top:17px;
	left:460px;
}
#convocation_valide{
	background:url('../images/convocation_valide.png') no-repeat top left;
	background-color:none;
	border:none;	
	width:254px;
	height:39px;
	cursor:pointer;
}

/******article news******/
.article{
	padding-left:10px;
	padding-right:20px;
	padding-bottom:60px;
	line-height:1.6em;
}

.article_titre{
	width:100%;
	height:20px;
	font-weight:bold;
	font-size:16px;
	background-color:#E2E3E3;
	padding:5px;

}
.article_titre h1{
	margin:0;
	padding:0;
	color:#E01F32;
}
.article_legende{
	width:100%;
	height:20px;
	position:absolute;
	bottom:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	margin-left:5px;
}
.article_copyright{
	position:relative;
	top:6px;
	float:left;
}
.article_communaute{
	position:absolute;
	right:10px;

}
.article_corps{
	padding-top:0px;
	text-align:justify;
	font-size:12px;
}
/***article communiqué***/
.article_com_surtitre{
	margin:0;
	padding:0;
	font-size:11px;
}
.article_com_surtitre a{
	color:#000000;
}
.article_com_titre{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.article_com_photo{
	float:right;
	padding-left:15px;
	width:260px;
}
.article_com_chapo{
	font-weight:bold;
}
.article_com_corps{

}
.article_com_copyright{
	font-size:10px;
}
.article_com_legende{
	font-size:11px;
	width:254px;
	background-color:#E2E3E3;
	padding:3px;
}

.pager_active{
	color:#000000;
	font-weight:bold;
	font-size:13px;
}


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

}

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


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

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


.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  355px;
    height: 215px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 340px;
    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: 300px;
    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: 320px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url('../images/prev-vertical.png') no-repeat 0 0;
}


/***calendrier carte ***/
/*#calendrier_carte{
	position:relative;
}*/
#overlay{
	position:absolute;
	top:0;
	left:0;
	background-color:#000000;
	opacity:0.7;
	-moz-opacity:0.7;
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */ 
	z-index:999998;
	width:100%;
	height:100%;
	display:none;
}
.overlay_content{
	position:absolute;
	top:12%;
	left:50%;
	margin-left:-150px;
	padding:20px;
	background-color:#FFFFFF;
	width:300px;
	display:none;
	z-index:999999;
	
	box-shadow:5px 5px 5px #414041;
	-moz-box-shadow:5px 5px 5px #414041;
}
.overlay_close{
	position:absolute;
	right:5px;
	top:0px;
	cursor:pointer;	
}
.calendrier_titre_over{
	background-color:#e01f32;
	color:#FFFFFF;
	font-weight:bold;
	padding:15px;
}