@import 'reset.css';

body {
	text-align: center;
  margin: 27px 0 0;
}

#container, #header, #partners, #footer {
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 952px;
}

/*
* Footer
*/
#footer {
  width: 932px;  
  position: relative;
  padding-top: 10px;
}

  #footer ul {
    position: absolute;
    right: 0;
  }

  #footer ul li {
    float: left;
    background: url(/images/application/demarkation-footer.png) no-repeat left;
    margin-left: 5px;
    padding-left: 5px;
  }



#header {
  position: relative;
  padding-top: 0;
}

  #logo {
    width: 101px;
    height: 23px;
    margin: 0 0 15px;
  }
  
  #logo img {
  position: relative;
  top: -5px; 
  left: 10px;
  }
  
  .main-links {
    position: absolute;
    top: -2px;
    right: 30px;
  }
  
  
    .main-links li {
      padding: 0 9px 0;
      background: url(/images/application/lamelle.png) no-repeat right center;
    }
    
    .main-links .first { padding-left: 0; }
    .main-links .last, #quick-connect li.first { padding-right: 0; }    
    #quick-connect li {
      background: none;
    }
  
  .main-links li, #main-nav ul li, #main-nav ul li a, #main-content, #sidebar {
    float: left;
  }
  
  #main-nav, #main-nav ul {
    height: 37px;
  }
  
  #main-nav {
    margin: 0px 0 12px 0;
    position: relative;
  }
  
  #header .calendars { background: #B4B4B4 url(../../images/application/menu.png) no-repeat; }
  #header .no_focus { background: #B4B4B4 url(../../images/application/menu-no-focus.png) no-repeat; }
  
  #main-nav ul {
    margin: 0 0 0 90px;
  }
  
  #main-nav ul li {
    width: 108px;
    height: 37px;
  }
  
  #main-nav ul li a {
   width: 100%;
   padding-top: 11px;
   height: 26px;
   text-indent: -9999px;
   overflow: hidden;
  }
  
  #main-nav #next-prayer {
    position: absolute;
    top: 6px;
    right: 15px;
    background: url(../../images/application/barre-heure-salat.png) no-repeat right;
    width: 188px;
    height: 23px;
  }
  
    #next-prayer p {
      margin-top: 3px; margin-left: 33px; margin-right: 2px;
      width:135px;
      text-align: center;
    }
  
/*
* Conteneur principal (#container)
*/

#container {
  margin-bottom: 15px;
}

  .with-illustration #main-content { height: 335px; }
  .with-illustration #main-content {padding: 0;}
  #center-main-content { height: 297px; }
  #sidebar .listing{ height: 211px; padding: 5px 10px; }

  #main-content {
    width: 710px;
    background-color: #E5E5E5;
    margin: 0 10px 0 0;
  }
  
/*
* Page par defaut
*/
#main-content {
  background: transparent url(../../images/application/zone-de-contenu-bas.png) no-repeat bottom;
  padding-bottom: 20px; 
}

#top-main-content {
  background: transparent url(../../images/application/zone-de-contenu-haut.png) no-repeat top;
  padding-top: 20px; 
}

#center-main-content {
  background: transparent url(../../images/application/zone-de-contenu-lamelle.png) repeat-y;
}

  #sidebar #locations {
    width: 230px;
    background: #FAFAFA url(../../images/application/sidebar/zn-dte-bas.png) no-repeat bottom;
    padding-bottom: 29px;
  }
  
  #sidebar #center-sidebar {
    background: transparent url(../../images/application/sidebar/zn-dte-lamelle.png) repeat-y center;
  }
  
  #sidebar #my-calendars li {
    background: url(../../images/application/sidebar/ligne-demarkation.png) no-repeat bottom;
    width: 208px;
  }    
  
  #sidebar #my-calendars li, #sidebar #my-calendars li a{
    float: left;
  }

  #sidebar ul li a {
      padding: 10px 0 10px 40px;
      width: 140px;
      background: url(../../images/application/sidebar/clock-icon.png) no-repeat 10px 7px;
  }
  
    #sidebar ul li a.admin_links {
     background: none;
     width: 14px;
     float:right;
     margin-top: 11px;
     padding: 0;
    }
  
  #sidebar #add-calendar-form label {
    padding-top: 19px;
  }
  
    #add-calendar-form #second-slide {
      padding-top: 16px;
    }
  
/*
* Partners (#partners)
*/
#partners {
  margin-bottom: 20px;
}

  #partners .partner {
    width: 230px;
    height: 155px;
    float: left;
    background: #DEDEDE url('../../images/application/bg-partners.png') no-repeat;
    margin-right: 10px;
  }
  
  #partners #liens-sponso-bas {
    background: #DEDEDE url('../../images/application/fond-uni.png') no-repeat;
    width: 470px;
    margin: 0;
  }
  
  #partners .gads {
    margin: 10px 30px 0 0;
    float: left;
  }
  
  #partners #cuisinehalal p, #partners #cuisinehalal p a, #partners #oummashop p, #partners #oummashop p a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;    
    width: 100%;
    height: 100%;
  }
  
  #partners #cuisinehalal p, #partners #cuisinehalal p a {
    background: transparent url('../../images/application/pub-ch.jpg') no-repeat;
  }
  
  #partners #oummashop p {
    background: transparent url('../../images/application/pub-os.jpg') no-repeat;
  }

  #partners #last-partner {
    margin: 0;
  }
  
/*
* Footer (#footer)
*/
#footer {
  height: 130px;
  background: transparent url(../../images/application/lamelle-footer.png) repeat-x top;
}

/*
* Popup preview
*/
#overlay {
/*    background: transparent url(../../images/application/preview/overlay.png) repeat bottom;*/
    height: 100%;
    position:absolute;
    width: 100%;
    top:0;
    left: 0;
    z-index:4999;
}

#preview #close-popup {
  position: absolute;
  top: -1px;
  right: 15px;
  margin: 0;
  width: auto;
}

#preview {
  left:50%;
  margin-left:-331px;
  position:absolute;
  top:150px;
  width:665px;
  z-index:500000;
  background: transparent url(../../images/application/preview/overlay_bottom.png) no-repeat bottom;
  padding-bottom: 23px;
  text-align:left;
}

#preview-top {
    background: transparent url(../../images/application/preview/overlay_top.png) no-repeat top;
      width: 665px;
      padding-top:23px;
}

#preview-center {
  background: transparent url(../../images/application/preview/overlay_bg.png) repeat-y center;     padding: 0 18px;
}

#preview-content {
  padding: 13px 27px 15px 27px;
  position: relative;
}

#preview table {
  margin: 0 0 15px;
}

#locations .accordion_content {
  overflow:hidden;
}

/*
*
*/

#accordion {
  width:230px;
  background: url(../../images/application/sidebar/bottom.png) no-repeat bottom;
  padding-bottom: 29px;
}

#accordion h2, #accordion h2 a {
  display: block;
 height: 29px;
 width: 230px;
}

#accordion h2 a {
 width: 215px;
}

#accordion h2 {
  background: url(../../images/application/sidebar/2_header.png) no-repeat;
}

#accordion h2#my-calendars-title {
  background: url(../../images/application/sidebar/1_header.png) no-repeat;
}

#accordion .accordion_content {
  overflow:hidden;
}

#message {
  position: absolute;
  right: 3px;
  top: 5px;
}

#play_adhan {
  position: absolute;
  top: 4px;
  right: 7px;
}

#creditfooter {
	display:none;
}

.feedburnerFeedBlock {
	padding: 5px 0px 0;
}

#blog p, .feedburnerFeedBlock {
	padding-left: 10px;
	padding-right: 10px;
}

.feedburnerFeedBlock ul {
	margin-top: 0px;
}

.feedburnerFeedBlock a {
	text-decoration: underline;
}