/*
Theme Name: Popims
Theme URI: http://wordpress.org/
Description: The popims WordPress theme.
Version: 0.1
Author: Rémi SALA
Tags: 
*/

body {
	font-size: 73%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #a0c2dd url('images/fond/degrade.png') repeat-x;
	color: #333;
margin: 0px;
}

#page {
	background: url('images/fond/ciel.jpg') no-repeat;
	height:800px;
	padding-left:100px;
}

#header {
	background: url('images/fond/header.gif') no-repeat;
	height:70px;}
  #header img {
    border:0px;}
    #header img#logo{
      margin-left:0px;
      margin-top:5px;}
  #header ul#menu{
    display:inline;
    position:absolute; top:50px;left:200px;
    margin:0px;padding:0px;}
    #header ul#menu li{
      display:inline;
      margin-right:16px;
      font-weight:bold;
      font-size:13px;}
      #header ul#menu li a{
        color: #294e7b;
        text-decoration:none;}
      #header ul#menu li a:hover{
        text-decoration:underline;}
  #header form{position:absolute; top:0px; left:716px;}
  #header form input#s{border:solid #ccc 1px;margin-bottom:3px;}
  #header form input#searchsubmit{border:none;margin-top:10px;}
  #header #lang {position:absolute; top:14px;left:665px;}
  
#page #content {
  background: url('images/content/fond.gif') repeat-y;
  width:552px;
  margin-top:40px;
  z-index:20;
  position:absolute;
  margin-left:230px}
  #page #content span.top{
    background: url('images/content/top.gif');
    height:4px;
    display:block;}
  #page #content span.bottom{
    background: url('images/content/bottom.gif');
    height:6px;
    display:block;}
  #page #content .post{
    padding:0 10px 0 10px;
    overflow:auto;
    height:450px}
    #page #content h1{
      color:#294e7b;
      margin-top:4px;
      font-weight:normal;
      padding-bottom:5px;
      border-bottom: solid #ccc 1px;}
    #page #content .post h2{
      font-size:15px;
    }

  
#page #ss-menu{
  background: url('images/fond/ss-menu-fd2.gif') no-repeat;
  width:219px;
  top:90px;
  left:140px;
  z-index:10;
  position:absolute;}
  #page #ss-menu h3{
    background: url('images/fond/ss-menu-top.gif') no-repeat;
    height:28px;
    padding:8px 0 0 10px;
    font-weight:normal;
    font-size:18px;
    margin:0px;
    color: #ecf0f4;}
  #page #ss-menu ul{
  margin:0px;
  padding:0 1px 0 1px;
  color: #ecf0f4;
  width:217px}
    #page #ss-menu ul li{ border-top: dashed #ccc 1px;
      padding:8px;
      list-style:none;
      margin:0px;
      text-indent:20px;}
      #page #ss-menu ul li a{color: #ecf0f4; text-decoration:none}
      #page #ss-menu ul li a:hover{color: #ecf0f4; text-decoration:underline}
  #page #ss-menu .bottom{
  background: url('images/fond/ss-menu-bottom.gif');
  height:4px;
  display:block;}  

#page #sidebar .boite{
  position:absolute;
  background: url('images/boites/fond.gif') #fff;}
  #page #sidebar .boite h3{
    text-indent:-5000px;
    height:22px;
    margin:0px}
  #page #sidebar .boite h4{
    margin:10px 3px 0 10px;
    font-size:12px;}
  #page #sidebar .boite p {
    margin:4px 3px 0 10px;}
  #page #sidebar .boite a{
    color:#ff8432;
    text-decoration:none;}
  #page #sidebar .boite a:hover{
    text-decoration:underline;}
  #page #sidebar .boite span.bottom{
    background: url('images/boites/bottom.gif');
    height:6px;
    display:block;}

#page #sidebar .widgettitle{display:none}
  
#page #sidebar #new{
  top:320px;
  left:120px;
  width:204px;}
  #page #new h3{
    background:url('images/boites/new.gif') no-repeat;}
#page #sidebar #contact{
  top:505px;
  left:120px;
  width:204px;}
  #page #contact h3{
    background:url('images/boites/contact.gif') no-repeat;}
#page #sidebar #new-home{
  top:470px;
  left:400px;
  width:460px;
  background: url('images/boites/fond-home.gif') #fff;}
  #page #sidebar #new-home h3{
    background:url('images/boites/new-home.gif') no-repeat;}
  #page #sidebar #new-home span.bottom{
    background: url('images/boites/bottom-home.gif');}
  #page #sidebar #new-home h4{
    margin:3px 3px 0 10px;}
    
#page #sidebar #contact-home{
  top:470px;
  left:150px;
  width:204px;}
  #page #contact-home h3{
    background:url('images/boites/contact.gif') no-repeat;} 
    
#page #sidebar #new-en{
  top:320px;
  left:120px;
  width:204px;}
  #page #new-en h3{
    background:url('images/boites/new-en.gif') no-repeat;}
#page #sidebar #new-home-en{
  top:470px;
  left:400px;
  width:460px;
  background: url('images/boites/fond-home.gif') #fff;}
  #page #sidebar #new-home-en h3{
    background:url('images/boites/new-home-en.gif') no-repeat;}
  #page #sidebar #new-home-en span.bottom{
    background: url('images/boites/bottom-home.gif');}
  #page #sidebar #new-home-en h4{
    margin:3px 3px 0 10px;}
#page #sidebar #contact-home-en{
  top:470px;
  left:150px;
  width:204px;}
  #page #contact-home-en h3{
    background:url('images/boites/contact-en.gif') no-repeat;} 
#page #sidebar #contact-en{
    top:505px;
  left:120px;
  width:204px;}
  #page #contact-en h3{
    background:url('images/boites/contact-en.gif') no-repeat;}

#page #sitemap {
  position:absolute; top:610px; left:100px;
  background:#fff;
  height:155px;
  width:800px;
  margin-top:20px;}
  #page #sitemap div.column{
    padding:10px;
    float:left;
    width:112px;}
    #page #sitemap h3{
      margin:0px;
      font-size:13px;}
    #page #sitemap ul{
      padding-top:0px;
      margin:0 0 0 10px;
      padding:0px;}
      #page #sitemap ul li{
        margin-left:0px;
        font-weight:normal;
        font-size:11px;
        margin:0px;
        list-style:none;
        padding:0px;
        width:125px}
        #page #sitemap a{
          text-decoration:none;color:#333;}
        #page #sitemap a:hover{
          text-decoration:underline;}
  #page #sitemap .top{
    background: url('images/fond/footer-top.gif');
    height:4px;
    display:block;}
  #page #sitemap .bottom{
    background: url('images/fond/footer-bottom.gif');
    height:4px;
    margin-top:150px;
    display:block;}
    

#content .off {display:none;}

#main h2 {display:none}
#main #contextual {position:absolute; top:110px; left:130px; z-index:90;}
#main #contextual ul {margin:0px;padding:0px}
#main #contextual li {list-style:none; font-weight:bold; font-size:16px;margin-bottom:18px;}
#main #contextual li a {text-decoration:none; color:#fff;}
#main #contextual li a:hover {text-decoration:underline;}

#main #content .content {
  position:absolute; top:20px; left:-18px; width:388px;
  background:none; color:#111;
  height:280px;
  overflow:auto;
  z-index:50;}
#main #content img{
  z-index:10;
  position:absolute;
  top:-20px; left:-210px;}
#main #content {background: none}

#search img{display:none;}
#search h1{font-size:14px;}
#search h2{font-size:12px;}
#search{font-size:10px;}
#page #content .postsearch{
  padding:0 10px 0 10px;
  overflow:auto;
  height:450px
}