body {
  margin:0;
  padding:0;
  overflow:hidden;
  font-family: arial;
  background: #F0ECE4; 
  background: #F0ECE4 url("../images/footer-bg.png") repeat-x;  
  background-position: bottom left  
}           
html {
  overflow:hidden;
}
a {
  text-decoration: none; 
  color:#114574;
}                  
img {
  border:0;
}
input.full {
  width:95%;
}
.clear {
  clear:both;
}  

/* Header */
#header {
  width: 100%;
  height: 60px; 
  background: #023200 url("../images/header-bg.png") repeat-x;  
  padding:0;
  margin:0;
  font-size: 12px;
}  
#header img {
  float:left;
}
#search_field {
  clear: right;
  float:left;                                                                  
  margin: 0;
  color: white;
  font-size: 12px;
}            
#search_field #city {
  float:left;    
  margin-right:5px;  
  width:200px;
}
#search_field input.tooltip {
  font-style: italic; 
  font-size: 12px;
  color:#888;
}
.loader {
  float:left;
}             
#search_field label {
  width:70px;
  text-align:right; 
  margin-right:5px;     
  margin-top: 6px;
  float:left;
}          
#info_address {
  margin-left:75px;
  font-size:12px;
}              
#main_header .loader {  
  position:absolute;
  top: 40%;
  left: 40%;
  margin-left: 5px; 
  z-index: 100000;  
}
#connexion{
  margin-top: 8px;
  clear: both;
}

/* Header buttons */
.right{
  float: right !important;
}
.right img{
  padding: 0 5px;
}

/* Header menu */
#right_links {
  float:right;
  margin: 0;
  font-size: 11px;  
  text-align:left;
}
#right_links a{
  padding: 5px;
  color: #DBFF50;
  float: left;
}   
#right_links img{
  padding: 5px;
}
#right_links a:hover{
  color: white;
}
#right_links a.active{
  background:#006200;
} 

/* Two columns liquid-fixed */
#wrapper {
  float:left;
  width:100%;
  margin-left:-200px;
}
#content {
  margin-left:200px;
}
#map {
  top:60px;
  left:0;
  position: absolute;
}     
#right {
  float:right;
  width:200px;   
  background:#FFC66A;
  overflow:hidden;
}         

/* Right column - Tabs */
#tabs{
  float: left;
  width: 200px;
}
#tabs img{
  float: left;
}

/* Right column - People Panel */ 
#people_panel { 
  float:left;
  width:100%;
  height:300px;  
}

.people_panel {
  background:#006C16;  
} 

.events_panel {
  background: #D74000;
} 
#people_panel #people_label {
  float: left;
  font-size: 12px;
  padding: 6px ;
}            

#people_panel.events_panel #people_label {
  color: #FCF9C9
}
.people_panel #people_label {
  color: #9EED6B;  
}                

.event_panel #people_label {
  color: #000;  
}                

#people_panel .mini-card {
  border-color: #002F00;
}
#people_panel .hover {
  background:#FFFECF;
}

/* Right column - Mini card */       
#card_content { 
  float:left;
  width:100%;
  height:205px;
  overflow: auto;  
}             
.mini-card {
  margin: 3px;
  background: white;
  padding: 4px;
  border: 1px solid;
  overflow: hidden;
}         
.mini-card img {
  float: right;
  margin: 0;
  border: 1px solid #333;
  width: 40px;
}
.mini-card h3 {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.mini-card-event h3 {
  color: #D21720;
}
.mini-card-event a {
  font-size: 11px;
}
.mini-card-event .date {
  font-size: 11px;
  font-weight: bold;
}
.mini-card .job {
  font-weight: bold;
  color: #D21720;
}
.mini-card p {
  margin: 0;
  padding: 0;
  font-size: 11px;
}

/* Right column - Mini card Navigation*/ 
#navigation {
  float:left;
  padding: 0;
  height: 26px;
  margin: 5px 0 0 10px;        
  display: inline;
  
}
#navigation p{
  float: left;
  height: 20px;
  margin: 0;
  padding: 6px 5px 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-align: center;
  width:113px;
}
#navigation p.people{ 
  background: url("../images/pagination-bg.png");
  behavior: url("/stylesheets/png.htc"); 
} 

#navigation p.events{
  background: url("../images/pagination-orange-bg.png");
  behavior: url("/stylesheets/png.htc"); 
} 

#navigation img {
  float: left;
}

#navigation-events {
  float:left;
  padding: 0;
  height: 26px;
  margin: 5px 0 0 10px;
}
#navigation-events p{
  float: left;
  background: url("../images/pagination-orange-bg.png");
  height: 20px;
  margin: 0;
  padding: 6px 5px 0 5px;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-align: center;
}
#navigation-events img {
  float: left;
}

/* Right column - Tag clouds */  
#tags_panel { 
  float:left;
  width:100%;
  height:300px;  
  background:#004C0F;
}   
#tags {   
  color: #FFF;   
  float:left;
  height:278px;
  overflow: auto;
}   

#tags_content {
  float:left;
  width:200px;
  height: 258px;
  overflow:auto;
}        

#tags_content a{
  color: #9EED6B;   
}        

#tags_content a:hover {
  color: #FFED00;
}

#tags_content a.selected{
  background: #FFED00;
  color:black;
  padding: 2px;
}

#tags_handle {
  cursor:pointer;
}



/* Right column - Slider Tags */ 
#right h2 {

  font-size: 12px;
  color: white;
  padding: 8px 4px 0 10px;
  margin: 0;
  height: 30px;
  vertical-align: top;
}  
#right h2 img{
  vertical-align: top;
  position: relative;
  top:-2px;
  left: 5px;
}
#tags_header {
  background: url("../images/slider-green.png") repeat-x;
  cursor: n-resize;
  width:190px;
  height:34px;
  padding: 8px 0px 0 10px;
  color:#FFF;
  font-size: 12px;
  font-weight:bold;
}
#tags_header:hover {
  background: url("../images/slider-green-hover.png") repeat-x;
  cursor: n-resize;
}
#tags_header_events {
  background: url("../images/slider-orange.png") repeat-x;
  cursor: n-resize;
}
#tags_header_events:hover {
  background: url("../images/slider-orange-hover.png") repeat-x;
  cursor: n-resize;
}

.nube1 {font-size: 9px;}
.nube2 {font-size: 10px;}
.nube3 {font-size: 12px;}
.nube4 {font-size: 14px;}
.nube5 {font-size: 18px;}
.nube6 {font-size: 22px;}

/* One column (signup)*/ 
#one_col_content {
  margin:0pt auto;
  width:660px;   
}             

#one_col {      
  float: left;
  padding:0px;
  margin:0;
  overflow:auto;
  font-size:0.8em;  
}     

.account_fieldset {
  float:left;
  margin:2px;
  width:600px;
}

#one_col label {
  float:left;
  width:100px;  
  margin:8px 4px 5px 10px; 
  color: #333333;    
  font-weight: bold;   
  text-align:right;
}        

#one_col label.required {
  color: #D01778 !important;
}   

#one_col input {
  float:left;
  width:200px;  
  margin:5px 4px;
}              

#one_col .radio {
  width:auto;          
  margin-top: 8px;
} 

#one_col span.event_type {
  float:left;
  margin: 8px 15px 0 0;
}                         
#one_col img { 
  float:left; 
  margin: -3px 5px 0px 0;
}

#one_col .http {
  float:left; 
  margin:8px 0 0 0;
  width:40px; 
  text-align: center;
}

#one_col input.http_input {
  width:160px;
}             

#one_col textarea {
  float:left;
  width:470px;  
  height:100px;  
  margin:5px 4px;
}   

#one_col .check_box {
  width:auto;
}      
#one_col .check_label {
  float:left;
  margin:4px 4px;
}

.address_table {
  border-collapse: collapse; 
  border-spacing: 0; 
  margin: 0px;
  padding:0px;  
  border: 0;
} 

.address_table td, .address_table tr {
  vertical-align:top;   
  margin:0;
  padding:0;
}    

.address_table td.left_col {
  width:350px;   
}          

.address_table td.right_col {
  text-align: center;  
  width:250px;   
  font-weight: bold;
}          
.address_table td.right_col img {
  float:none !important;
}
.address_table td#photo input{
  float:none;
}

.address_table .loader {
  margin-top:8px;
}               

.address_table input {
  float:left !important;
} 

#mini_map {
  float:left;
  width:270px;
  height:200px;     
  overflow: hidden;
}     

.info, .full_info{
  font-size:0.8em;
  font-style: italic;   
  margin:10px 0 0 8px;
  color:#444;    
  float:left;
  width:250px;
}               

.full_info {
  width:590px;
  text-align: center; 
  margin:0;
}

.newsletter {   
  float:left;
  margin-top:4px;
}      

.select_box {
  float:left;
  margin: 2px 0 0 4px;
}                      

span.submit {
  text-align:center;   
  width:90%;
  float:left;
  margin-bottom: 40px;
}                   

span.submit input, input.submit {   
  float:none !important;
  width:auto !important;
} 

/* Errors */      
.error {
  color:#FF2353;
  font-weight: bold;  
}  

.errorMessage {
  float:left;  
  margin-left: 4px;
  margin-top: -4px;
  font-size:0.8em; 
  color: #FF2353;   
}                   

.fieldWithErrors {
  float:left;
}  

.fieldWithErrors input, .fieldWithErrors textarea{
  background-color: #F2AFAF;   
  color:#FFF;   
}      

/* PWC */
.bluelighting_message {
  margin-top: 10px;
}       

.popup_effect1 {
  background:#11455A;
  opacity: 0.2;
}

/* User popup */
.window_tab {
  position:relative;
  width:300px;
  height:200px;  
  overflow:auto;
  color:#333333;
  font-size: 12px; 
}  

.name {
  color:#FD2E12;
  font-size: 14px; 
  font-weight: bold;
}  

.title {
  font-weight: bold;
}   
.job {
  font-size: 14px;
  font-weight: bold;
}     

.picture {
  float:right;
}

.contact {
  float:left;
  width:280px;
  text-align:right;  
  margin-bottom: 5px;
}  
.recipient {  
  float:left;
  width:280px;
  text-align:left;
  margin:8px 4px 5px 10px;
}

/* Event popup */
.event_contact {
  float:left;
  width:300px;
  height:20px;
  background:#FCCE81;
}
/* Contact */
#contact label {
  float:left;
  width:80px;  
  margin:8px 4px 5px 10px; 
  color: #333333;    
  font-weight: bold;   
  text-align:right;
}        

#contact label.required {
  color: #D01778 !important;
}   

#contact input {
  float:left;
  width:300px;  
  margin:5px 4px;
}       

#contact textarea {
  float:left;
  width:300px;  
  height:200px;  
  margin:5px 4px;
}  

/* Login */
#login_content {
  float:left;
  width: 500px;
  margin: 10px;
}

#error_container {
  float:left;
  height:20px;
  width: 100%;
}

/* Maps */
.markerLabel {
  color:#FFF;
  font-size:11px;
  font-weight: bold;
  margin-top:-14px; 
  margin-left: 3px;
  width:26px;
  text-align:center;  
  cursor: pointer;
}

/* Setting tabs */
ul.tabs {
  margin:0;
  padding:0;
}

ul.tabs li {
  float:left;
  width:100px;
  margin: 5px;
  text-align:center;
  list-style: none;
}

/* Footer */
#footer {  
  float:left; 
  width:99%;
  height: 21px;
  font-size: 11px;  
  padding-top: 8px;
  background: #023200 url("../images/footer-bg.png") repeat-x;  
  color: #FFF;
  text-align:center;
}                

#footer a {
  font-size: 11px;
  color: #DBFF50;
}

#footer img{
  padding: 0 5px;
}

/* Transparent Message */
.transparent_ajax_message, .transparent_message {
  width: 360px;
  height:170px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  opacity:  0.8;
  background: url(../images/growl_bg.png);   
  behavior: url("/stylesheets/png.htc");  
}

.transparent_ajax_error p ,.transparent_error p {
  color: #FFF;

  margin: 0px 20px 0px 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.transparent_ajax_notice p , .transparent_notice p {
  color: #FFF;
  margin: 0px 20px 0px 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}      

/* Message */
#message {
  top:60px;
  left:0;
  position: absolute;      
  height:40px;
  line-height: 40px;
  background:#FF5112;
  color: #FFF;      
  font-size: 20px;
  z-index: 1000000;
}  

.map_with_message {
  top:100px !important;  
}
 

/* Buttons */
#pagination-left, #pagination-orange-left {
  float:left;
  width:29px;
  height:26px;     
  background: url(../images/pagination-left.png);    
  behavior: url("/stylesheets/png.htc"); 
}          

#pagination-orange-left { 
  background: url(../images/pagination-orange-left.png);    
}

#pagination-right, #pagination-orange-right {
  float:left;
  width:29px;
  height:26px;     
  background: url(../images/pagination-right.png);    
  behavior: url("/stylesheets/png.htc"); 
}

#pagination-orange-right { 
  background: url(../images/pagination-orange-right.png);    
}
          
#btn-zoom {
  background: url(../images/btn-zoom.png);    
  behavior: url("/stylesheets/png.htc");  
  width:104px;
  height:20px;     
}              

#btn-contact {
  background: url(../images/btn-contact.png);    
  behavior: url("/stylesheets/png.htc");  
  width:104px;
  height:20px;     
}              

#icone-user {       
  float:left;
  margin-top:3px;
  background: url(../images/icone-user.png);    
  behavior: url("/stylesheets/png.htc");  
  width:15px;
  height:15px;     
}              

