/* ====================================================================
 * styles for the searchasso plugin
 * -------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------------*/
/* CSS Document */
/* =====================================================================
 * ------------------   styles for contact page   ---------------------
 * ===================================================================== */	

#association_form label{
	float: left;
	width: 85px;
	margin: 0px 5px 0px 10px;
}
#association_form label.paris_autres{
	float: left;
	width: 105px;
	margin: 0px 5px 0px 10px;
}
#association_form label.paris_map{
	float: left;
	width: 20px;
	margin: 0px 5px 0px 4px;
}
/* -------------- logo --------*/
#visuel {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 70px;
	height: 70px;
	border:0;
}
#visuel h3 {
	font-size: 12px;
	width: 250px;
}
/* -------------- Map of paris --------*/
#map {
	position: relative;
	height: 300px;
}
#map img
 {
	position: absolute;
	left: 55px;
	top: 0px;
}
#map label
 {
	float: left;
	width: 12px;
	margin: 0px 0px 0px 0px;
	}
#map input
 {
	float: left;
	width: 12px;
	margin: 0px 3px 0px 0px;
}
#icone 
 {
	height: 15px;
	width: 15px;
}
#d1
 {
  	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 215px;
	top: 120px;
}
#d2
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 223px;
	top: 97px;
}
#d3
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 265px;
	top: 115px;
}
#d4
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 260px;
	top: 142px;
}
#d5
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 250px;
	top: 185px;
}
#d6
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 212px;
	top: 164px;
}
#d7
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 160px;
	top: 140px;
}
#d8
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 160px;
	top: 85px;
}
#d9
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 215px;
	top: 70px;
}
#d10
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 265px;
	top: 75px;
}
#d11
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 300px;
	top: 127px;
}
#d12
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 320px;
	top: 180px;
}
#d13
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 260px;
	top: 230px;
}
#d14
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 190px;
	top: 220px;
}
#d15
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 120px;
	top: 190px;
}
#d16
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 80px;
	top: 120px;
}
#d17
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 140px;
	top: 40px;
}
#d18
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 230px;
	top: 20px;
}
#d19
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 310px;
	top: 40px;
}
#d20
 {
 	position: absolute;
	z-index: 2;
	display: block;
	height: 21px;
	width: 50px;
	left: 350px;
	top: 120px;
}
.association-clear {
	clear:both;
	margin:0; 
	padding:0;
}
/*---- mandatory fields ----*/
.obl {
	color:#FF0000;
}
a img {
	border: none;
}
.bloc {
	background-color: #F4F4F4;
	border: 0px solid #ACA899;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.str {
	display: block;
	float: left;
	width: 57px;
	height: 56px;
	clear: both;
	margin-left: 21px;
}
.centrer {
	text-align: center;
}
.hide {
	display:none;
}
/* -------------- Left column : menu filter --------*/
#colg {
	float: left;
	text-align: left;
	width: 30%;
}
#colg ul ul {
	margin-left: 9px;
}
#colg li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#colg li li {
}
#colg a {
	color: #000000;
}
#colg a:hover {
	text-decoration: underline;
}
#colg ul {
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* -------------- Right column : data table --------*/
#cold {
	float:right;
	text-align: left;
	width: 65%;
}
/* -------------- pagination link --------*/
.pagination
{
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 20px;
}
.pagination li {
	display: inline;
	list-style-type: none;
}

.sel strong {
	color: #FFFFFF;
	background-color: #666666;
}

.plus {
	background-image: url(../../../images/local/skin/plugins/searchasso/plus.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left 3px;
}
.moins {
	background-image: url(../../../images/local/skin/plugins/searchasso/minus.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left 3px;
}
.i {
	text-decoration: underline;
	cursor: pointer;
}
/* ---- left column of details association screen ----*/
#colg1 {
	float: left;
	width: 55%;
}
/* ----  right column of details association screen ----*/
#cold1 {
	float: left;
	width: 43%;
	margin: 0px 0px 0px 10px;
}
#colg1 h2, #cold1 h2, #ecrire h2 {
	background-color: #ACA899;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	padding: 5px;
}
#colg3 {
	float: left;
	text-align: right;
	width: 47%;
	margin: 0px 10px 5px 0px;
}
#cold3 {
	float: left;
	text-align: left;
	width: 49%;
	margin: 0px 0px 5px 0px;
}
#colg4 {
	float: left;
	text-align: right;
	width: 20%;
	margin: 0px 10px 5px 0px;
}
#cold4 {
	text-align: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
}
#colg5 {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
#colg6{
	float: left;
	text-align: left;
	width: 29%;
	margin: 0px 0px 15px 0px;
}
#cold6 {
	float: left;
	text-align: left;
	width: 65%;
	margin: 5px 0px 1px 0px;
}
#colg7 {
	float: left;
	text-align: right;
	width: 70%;
	margin: 0px 10px 5px 0px;
}
#cold7 {
	float: left;
	text-align: center;
	width: 25%;
	margin: 0px 10px 5px 0px;
}
#colg8{
	float: left;
	text-align: left;
	width: 5%;
	margin: 0px 0px 15px 0px;
}
#cold8 {
	float: left;
	text-align: left;
	width: 95%;
	margin: 8px 0px 1px 0px;
}
.association-marges-long {
	padding: 0px 0px 0px 102px;
}
.association-marges-short {
	padding: 0px 0px 0px 10px;
}
#ecrire {
	width: 100%;
	float: left;
}
#ecrire label{
	width: 30%;
	float: left;
}
#bloc-externe label{
	width:90%;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding-right: 0px;
}
#top {
	float: right;
	margin-right: 24px;
	display: block;
}
#bloc-externe input, #bloc-externe select, #bloc-externe textarea {
	width: 25%;
	margin: 0px 0px 0px 0px;
}
/* tables */
table.tablesorter {
	table-layout: fixed;
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../../../images/local/skin/plugins/searchasso/asc.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../../../images/local/skin/plugins/searchasso/desc.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
.hide {
	display: none;
}
#loading {
    position: absolute;
    left: 45%;
    top: 40%;
    padding: 2px;
    z-index: 20001;
    height: auto;
    border: 1px solid #ccc;
}
#loading a {
    color: #225588;
}
#loading .loading-indicator {
    background: white;
    color: #444;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
}
#loading-msg {
    font: normal 10px arial, tahoma, sans-serif;
}

a.submit-contact{
background:url("../../../images/local/skin/submit-contact.png") no-repeat scroll 0 0 transparent;
color:#fff !important;
font-weight:bold;
font-size:120%;
margin:12px;
padding:3px 10px;
border:2px outset #fff;
}

a.submit-contact:hover{
background:url("../../../images/local/skin/submit-contact-hover.png") no-repeat scroll 0 0 transparent;
}