/**

jaune 	: #fcc200
bleu	: #264082
gris	: #3e3e40 

**/

body{
	margin: 0;
	padding: 0;
	background: url("/templates/default/home_bg.jpg") repeat-x #e9e9f3;
	font-family: arial, verdana, sans-serif;
	
	font-size: 12px;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.default{
	list-style: disc;
	padding: 0 0 0 20px;
	margin: 0;
}
a img{
	border: 0;
}
a{
	text-decoration: none;
	color: blue;
	
}
a:focus{
	outline: 0;
}
.yellow{
	color: #fcc200;
}
.bleu{
	color: #264082;
}
.center{
	text-align: center;
}
h1.deco{
	background: url("/templates/default/article_titre_bg.gif") no-repeat;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding-left: 20px;
}
h1.deco a{
	color: #fff;
	text-decoration: underline;
}
.soustitreforum{
	background: #d9dadb;
	margin: 0 0 10px 0;
	text-align: right;
	padding: 3px;
	width: 655px;
}
#wrapper{
	background: url("/templates/default/page_bg_2.gif") repeat-y center;
	padding: 0;
	margin: 0 auto;
	width: 1050px;
}
#page{
	background: url('/templates/default/big_head_bg.jpg') top center repeat-x;
	width: 980px;
	margin: 0 auto;
	padding: 0 30px 0 30px; 
	overflow: hidden;
	min-height: 1700px;
}
#notification{
	margin:0;
	position:fixed;
	left:0;
	top:0;
	width: 99%;
	padding: 5px;
	font-weight: bold;
	font-size: 18px;
	border: 1px black solid;
	z-index: 800;
}
.boutons{
	background: #264082; 
	color:#fff; display: block; 
	padding: 3px; 
	width: 160px; 
	text-align: center;
	float: right; 
	margin-left: 10px;
	font-weight: bold;
}

/***********************
		header
************************/

#header{
	color: #264082;
	font-weight: bold;
	font-size : 12px;
}
#header_logo{
	margin: 10px 0 0 20px;
	float: left;
}

#header h3{
	font-size: 18px;
	float: left;
	width: 154px;
	margin: 0;
	padding: 1px 0 0 0;
}
#header h3:before{
	content: url("/templates/default/arrow_right.gif");
}
#header p{
	margin: 0;
	padding: 5px 0 5px 0; 
	text-align: right;
	
}
#header #partieMembres{
	width: 728px; 
	float: right;
}
#header form{
	display: block;
	width: 370px;
	float: left;
	margin: 2px 10px 0 0;
	padding: 0;
}
#header input[type=text], #header input[type=password]{
	color: grey;
	padding: 0;
	margin: 0 5px 0 0;
	width : 150px;
	display: block;
	float: left;
	font-style: italic;
}
#header input[type=submit]{
	background: url("/templates/default/button_go.gif");
	border: 0;
	width: 37px;
	height: 21px;
}
#header #accesClub{
	clear:both; 
	height: 15px; 
	margin-top: 3px; 
	padding: 0;
}


#banniere{
	margin-top: 6px;
	float: left;
}

#bigpub{
	width: 728px;
	height: 90px;
	overflow:hidden;
	position: absolute;
	z-index: 800;
	cursor: pointer;
}
/***********************
		Menu
************************/
#menu{
	clear: both;
	background: url("/templates/default/menu_bg.gif") repeat-x 0 10px;
	height: 110px;
	width: 980px;
}

#nav {width:980px; height:70px; position:relative;}

#nav .select {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a {
	display:block; 
	height:20px; 
	float:left; 
	line-height:20px; 
	white-space:nowrap;
	padding: 17px 15px 1px 15px;
	color: #3e3e40;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
#nav .select a:hover{
	text-decoration: underline;
}
#nav .actif a:hover{
	text-decoration: none;
}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}
 
#nav .actif li a {
	background-color: #264082;
	color: #fcc200;
	padding: 14px 15px 9px 15px;
}

#nav .select li .sub {
	display:block; 
	position:absolute; 
	width:1000px; 
	top:40px; 
	left:0;  
	margin-top:0; 
	padding:0; 
	z-index:100; 
	font-size:11px;
}

#nav .sub {margin:0; padding:0; list-style:none;}

#nav .select li .sub li a {
	display:block; 
	margin:10px 0 10px 10px; 
	padding:0 10px 0 0; 
	white-space:nowrap; 
	border:0;
	font-weight: normal;
	text-transform: none;
	color:#fcc200; 
	font-size:12px;
	background: none;
	border-right: 1px #fcc200 solid;
}

#nav .select li .sub li a:hover {color:yellow; background: none;}

#inscriptionsbouton{
	margin: 15px 0 0 0;
	display: block;
	float: left;
	color: #00378b;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 3px 10px 3px 10px;
	width: 126px;
	height: 15px;
	text-decoration: none;
	background: url("/templates/default/btn_inscriptions.png");
}

/************/

#jour_menu{
	width:964px;
	margin: 14px 0px 10px 10px;
	padding: 0;
	font-size: 12px;
	list-style:none;
	text-transform: uppercase;
	font-style: italic;
}

#jour_menu li{
	float: left;
	display: block;
	width: 50%;
}
#jour_menu form{
	font-weight: bold;
}
/***********************
		 corps
************************/
#corps{
	width: 670px;
	float: left;
	padding-top: 20px;
}
#corpsLarge{
	float: left;
	padding-top: 20px;
}
/***********************
		 droite
************************/
#droite{
	width: 300px;
	float: right;
	padding: 20px 0 0 0;
}
#listeFlash{
	padding: 7px;
}
#filactu a:hover{
	text-decoration: underline;
}
#filactu{
	background: url("/templates/default/fil_info_bg.gif") repeat-x 0 20px;
	height: 200px;
	margin-bottom: 20px;
}
#filactu ul{
	margin: 0;
	
}
#filactu h2{
	margin: 0;
	padding: 0 0 0 20px;
	background: url("/templates/default/fil_info_top.gif");
	color:#FCC200;
	font-size: 18px;
	line-height: 30px;
	
}
/***********************
		footer
************************/
#footer{
	clear:both;
	width: 960px;
	height:192px;
	margin: 0 auto;
	padding: 20px 30px 10px 50px; 
	background: url("/templates/default/footer_bg.gif") no-repeat;
	color: #fff;
}
#footer ul li{
	float: left;
	border-right: 1px white solid;
	padding: 0 20px;
	height: 160px;
}
#footer ul li a{
	color: white;
}
#footer ul li a:hover{
	text-decoration: underline;
}
#footer ul li ul li{
	float: none;
	border: 0;
	padding: 0;
	height: auto;
}

/***********************
		publicit�s
***********************/
.iesucks{

}
.lienPictos{
	display:block; 
	position: absolute;
	z-index:100;
}
.lienPictosDroit{
	display:block; 
	position:absolute; 
	z-index:100;
	
	
}
.lienBanniere{
	display:block; 
	position:absolute; 
	z-index:100;
}
div.pictodroit{
	margin: 0;
}
.pubspacer{
	margin: 0;
	padding: 3px;
	clear: both;
}

/**********************
		home
**********************/
#cadrePrincipal{
	padding: 5px;
	background:  url("/templates/default/img_principale_bg.gif") no-repeat bottom #3e3e40 ;
	width: 652px;
	margin-bottom: 10px;
}
#cadrePrincipal #mainPix{
	/*border: 1px solid #fcc200;*/
}
#cadrePrincipal div img{
	border: 0;
}
#cadrePrincipal div#bg_text_img_principale{
	background: #222;
	/*filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;*/
	width: 200px;
	height: 270px;
	position: absolute;
	margin: 1px 0 0 20px;
	z-index: 300;
}
#contenu_text_img_principale{
	position: absolute;
	margin-left: 20px;
	padding: 5px;
	width: 190px;
	z-index: 301;
}
#cadrePrincipal h2{
	color: #fcc200;
}
#cadrePrincipal p{
	color: #fff;
	font-weight: bold;
}
#cadrePrincipal ul{
	margin: 5px 0 0 0;
	overflow: auto;
}
#cadrePrincipal ul li{
	background: url("/templates/default/img_principale_btn_bg.gif") no-repeat;
	float: left;
	width: 216px;
	height: 61px;
	margin-right: 2px;
	padding-top: 6px;
}
#cadrePrincipal ul li a{
	color: #fcc200;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	
}
#cadrePrincipal ul li span{
	display: block;
	font-weight: bold;
	margin: 0 0 0 75px;
	outline: none;
	color: #fcc200;
}

#cadrePrincipal ul li img{
	float: left;
	margin: 0 7px 0 7px; 
	width:60px;
	position: absolute;
	clip: rect(0px 60px 40px 0px);
}

/**********************/
#corps_partie2_gauche{
	float: left;
	width : 430px;	
}
#corps_partie2_gauche h2{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background: url("/templates/default/barre_327.gif");
	color:#FCC200;
	font-size: 18px;
	line-height: 30px;
}
ul#liste_actualites{
	
}
ul#liste_actualites li{
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	overflow: auto;
}
ul#liste_actualites img{
	border: 5px  #3e3e40 solid;
	float:left;
	margin-right: 10px;
}
ul#liste_actualites h3, ul#liste_actualites p{
	margin:0 0 10px 0;
	padding:0 10px 0 0;
	float:right;
	width:250px;
	text-align: justify;
}
#corps_partie2_droite{
	float: left;
	padding: 0 0 0 5px;
}
#corps_partie2_droite #annoncesvelo{
	background: url('/templates/default/annoncesvelo_bg2.gif') no-repeat; 
	width: 221px;
	height:223px;
	padding: 10px 0 0 0;	
	margin-left: 7px;
}
#francepari{
	background: url('/templates/default/france-pari_bg.jpg') no-repeat; 
	width: 221px;
	height:223px;
	padding: 10px 0 0 0;	
	margin-left: 7px;
}
#francepari p#pari a{
	font-size: 20px;
	display: block; 
	color: #fcc200; 
	font-weight: bold; 
	text-align: center;
	margin: 40px 0 0 0;
	width: 215px;
}
#francepari p#pari a:hover{
	text-decoration: underline;
}
#annoncesvelo img{
	border: 5px #3e3e40 solid;
}
#annoncesvelo p#annonce{
	padding: 7px;
}
#corps_partie2_droite h3{
	color: #264082;
	padding: 0;
	font-size: 20px;
	margin: 0 0 0 30px;
}
#corps_partie2_droite p{
	margin: 10px 0 0 0;
}

#corps_partie2_droite #sondage{
	background: url('/templates/default/sondage_bg.gif') no-repeat #172e62;
	width: 214px;
	padding: 10px 0 0 7px;	
	margin: 0 0 10px 7px;
	color: #fff;
	
}
#corps_partie2_droite #sondage ul{
	margin: 10px 0 0 20px;
}
#centreInscriptions{
	background: url('/templates/default/sondage_bg.gif') no-repeat #162e61;
	/*background: url('/templates/default/inscriptions_bg2.jpg') no-repeat #162e61;*/
	padding: 7px 0 0 7px;
	color: #fcc200;
	width: 214px;
	margin-left: 7px;
	float: left;
}
#centreInscriptions img, #corps_partie2_droite #sondage img{
	margin: 0 0 0 -7px;
}
#centreInscriptions ul ul{
	margin-left: 20px;
	margin-bottom: 5px;
	list-style: disc;
}
#centreInscriptions h3{
	font-size: 18px;
	margin: 4px 0 7px 20px;
}
#centreInscriptions h3 a{
	color:  #264082;
}
#centreInscriptions a{
	color: #fff;
}
#centreInscriptions #bikester{
	display: none;
	float: left;
	width: 110px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	margin: 3px 15px 15px 10px;
	color: #fff;
}
#centreInscriptions #bikesterlogo{
	display: none;
	float: left;
}
#centreInscriptions a:hover{
	text-decoration: underline;
}
#social{
	height:306px;
	float: left;
	clear:both;
	padding: 7px 0 0 0px;
	margin: 10px 0 0 7px;
}
#social #twitter{
	position: absolute;
	display: block;
	height: 50px;
	width: 180px;
	margin: 90px 20px 0;
}
#social #facebook{
	position: absolute;
	display: block;
	height: 50px;
	width: 180px;
	margin: 150px 20px 0;
}
/*#partenaires_aso{
	/*background: url('/templates/default/partenaires_bg.gif') no-repeat;*/
	/*width: 214px;
	height:306px;
	float: left;
	clear:both;
	padding: 7px 0 0 7px;
	margin: 10px 0 0 7px;
}
#partenaires_aso h3{
	font-size: 16px;
	margin: 6px 0 10px 20px;
}*/

/****** Boite de login *****/

.logBox{
	display: block;
	width: 270px;
	border: 1px #264082 solid;
	padding: 20px;
	margin: 0 auto;
	
}
.logBox label{
	display: block;
	width: 100px;
	float: left;	
	font-weight: bold;
}
.logBox  p {
	text-align: right;
	margin: 0;
}

table.jolie td, table.jolie th{
	padding: 3px;
}
table.jolie tr:nth-child(even), ul.jolie li:nth-child(even){
	/*background: #ddf;*/
}
ul.jolie li{
	padding: 3px;
}
#article a.icone img{
	border: none;
	vertical-align: top;
}
#partage{
	float: right;
	height: 14px;
	display: block;
	font-style: normal;
	font-weight: bold;
}

.pagination {
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
}

.pagination a {
	background:#fff;
	border:1px solid #06c;
	color:#06c;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none;
}

.pagination a:hover {
	background:#fff;
	border:1px solid #000;
	color:#000;
}

.pagination span.inactive {
	background:#fff;
	border:1px solid #000;
	color:#000;
	margin:2px;
	padding:.2em .4em;
}

.pagination span.active {
	background:#f4ebff;
	border:1px solid #000;
	color:#000;
	font-weight:700;
	margin:2px;
	padding:.2em .4em
}