/* CSS Document */

#faux_column{
background: #fff url(images/faux_column_entry.png) top left repeat-y;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}

#left_col{
	float:left;
	width:625px;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	background-color:#FFF;
	}

#right_col{
	background-color: #eee;
	width:305px;
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	padding-bottom: 15px;
	float:right;
	}




.blueTitle{
	font-size:14px;
	color:#666;
	
}

#right_col .form th div{margin:0;}

.form a{color:#0A7FC8}

.form .section{/*background-color:#990000*/;color:#fff;padding:3px;font-weight:normal;/* margin-top:20px;*/}

.form th{background:#0A4366 url(images/title_bluegradiant.png) repeat-x scroll center bottom;color:#fff;padding:6px 10px 4px;font-weight:normal; margin-top:20px; text-align:left; font-size:14px;} /*same as .section*/

.form td{padding:3px; background-color:#eee;border:3px solid #fff;} /* un doute regne sur l'utilite de cette clause*/

.form{
	border-collapse:collapse;

}

.form input[type="text"]{width:250px;}

#right_col .form input[type="text"]{width: auto;text-align: center;font-size:10px;}
#right_col .form {width: auto;text-align: center;font-size:10px;}
.form textarea{width:100%; margin-right:5px;}

.form input[type="button"]{width:auto;cursor:pointer;}

.form .click{cursor:pointer;}
.form .click:hover{color:#990000;}


.form td table td{border:none;}

.form td p.tips{background-color:transparent}

td{
padding-top:0px;
}

#blog_page .dateRange{ width:100px;}

#blog_page #right_col{padding-right:0px;float:right;}

/*========== Group Menu =============*/

 
#right_col div.option_menu{
 	text-align:left;
	
 }
 
 #right_col div.option_menu ul{
 	list-style:none;
 }
 
  #right_col div.option_menu ul li{
  	color:#fff;
	margin: 6px 0px 6px 20px;
	font-size:14px
  }
 
  #right_col div.option_menu ul li a{
  	color:#fff;
  }
 
 #right_col div.option_menu ul li:hover{
 	list-style:square;
 }
 
  #right_col div.option_menu ul li a:hover{
  	color:#aaa;
	text-decoration:none;
  }
 
   #right_col div.option_menu ul li.listTitle{
   	color:#990000;
	margin: 10px 0px 3px 10px;
	cursor:default;
	font-size:12px;
   }
/*=======News creation==========*/

.newInterface_NewsText{
font-size:13px;
width:450px;
color:#666;
}

.newInterface_NewsText p{
	margin: 10px 0;
}
/*=============== bouton retour sur quelques pages =============*/

 #retour, #retour a{
 	
color:#990000;
font-size:14px;
font-weight:bold;	
	
 }
#retour:hover, #retour a:hover{
	color:#333333;
text-decoration:none;
}

/*========================= Boite de certification ===================*/
#certBox {
	text-align:left;
	font-variant:small-caps;
	font-size:12px;
	line-height: 16px;
	text-indent: 25px;
	color:#999;
	
}

#certBox a{ color: #06f;}
#certBox a:hover{ color: #09f;}
#certBox input, #certBox label{
	vertical-align:middle;
	line-height:16px;
	cursor:pointer;
}

.form .showsports td, .form #lstSearchSports td{text-align:left;}
/*===========================  menu group, copié de style_page ==============================*/
#right_col .group_menu {
background-color:#fff;
text-align:left;
margin-top:0px;
border: 1px solid #66a2c7;}

.group_menu a{
	display:block;
	font-weight:bold;
	padding: 10px 5px 10px 5px;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	margin: 0;
}

.group_menu a:hover{
	background-color:#66a2c7;
	text-decoration:none;
}
#right_col div.group_menu.item h1{margin-bottom:0;}
#right_col div.group_menu.item div{margin:0;}
  div.group_menu div.menu_sub_title {
  color:#fff;
  font-size:12px;
  margin:0px -5px 0;
  background-color:#999;
  padding:5px
  }

div.item h1{
	/*background-color:#aaa;*/
	background:#0A4366 url(images/title_bluegradiant.png) bottom repeat-x;
	color:#fff;
	padding:5px;
	line-height:1em;
	margin:0px 0px 10px 0px;
	font-size:18px;
}
/*--------------*/

#form_membres #membres_header,#nonmembres_header{
	font-size:14px;

	font-weight:bold;
	margin:0 0 10px 0;
	float:left;


}

#membres_header *,#nonmembres_header *{
	cursor:pointer;
}
#nonmembres_header{
	
}
#form_membres  .membre_choix{
	clear:both;
	margin:10px 0;	
	font-size:14px;
	color:#666;
	cursor:pointer;
	font-weight:bold;
}
#form_membres  .membre_choix input, #membres_header input, #form_nonmembres .nonmembre_choix  input, #nonmembres_header input{
	position:relative;
	right:-10000px;
}
#confirm_invite{
		display:none;
}
#form_membres  .membre_choix.clicked{
	margin:10px 0;	
	font-size:14px;
	color:#000;
	font-weight:bold;
	background:#efe url(images/checked.png) right center no-repeat;

}
#form_membres  .membre_choix img{
	margin: 6px;
	vertical-align:middle;
	padding:3px;
	border:1px solid #aaa;
	background-color:#fff;
}

#form_nonmembres .nonmembre_choix {
	clear:both;
	height:30px;
	line-height:30px;
	margin:10px 0;	
	font-weight:bold;
	color:#666;
	cursor:pointer;
	}
#form_nonmembres  .nonmembre_choix.clicked{


	color:#000;
	font-weight:bold;
	background:#efe url(images/checked_small.png) right center no-repeat;
}

#form_membres .membre_email{
	margin-left:15px;
	color:#900;
}
/*================================================*/

.invitation{
	padding:10px;
background:#fff url(images/legere_trame.png) repeat;
margin:15px 0;
}

.invitation .innerwrap{
	padding:10px
}

.invitation h3{
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
	color:#999;
}

.invitation a,.invitation a:visited {
	color:#06f;
}

.invitation blockquote{
	margin: 10px 20px 10px 40px;
	padding:10px;
	border:1px solid #aaa;
	background-color:#efe;
	font-weight:bold;
}

.invitation input{
	display:inline-block;
	background-color:#333;
	border:1px solid #000;
	color:#fff;
	padding: 3px 10px;
	cursor:pointer;
}
/*=======================*/
.blogform{
	width:90%;
}
.blogform text-area{
	width:100%;
}

/*==============================================*/

body #faux_column #right_col .pub_droite,
body #faux_column #right_col .image
{
	text-align:center;
	margin:20px 0;
	display:block;
	clear:both;

}