/*verde:c9be00
    nerio:231f20
    */
 
  @font-face {  
  font-family: bigCalson;  
  src: url( BigCaslon.ttf ) format("truetype");  
  src: local(" BigCaslon "), url( BigCaslon.ttf ) format("truetype"); /* non-IE */ 
} 
    html,body{
        background-color: #F7F7EF;
        margin:0;
        padding:0;
        min-width:1024px;
      
    }   
    body{
        overflow-x: hidden;
    }
    a{
        text-decoration: none;
        color:#231f20;
    }
    a:hover{
        color:#A2DAF3;
            text-decortation:none;
    }
    #centered{
       margin:auto;
        width:1024px;
        margin-top:50px;
    }
    #dvbb{
        width:100%;
        height:100%;
        margin-top: 10px;
    }
    header{
        width:1024px;
        z-index:5;
        height:97%;
        float:left;

        margin:auto;
     
    }
    header img{
   /*margin:auto;*/
   display:none;
    }
    nav{
 font-family: "BigCalson";
z-index: 5;
font-size: 14px;

bottom:10px;
position:relative;
    }
    nav ul{
        margin:0;
        padding:0;
        width:100%;
    }
    nav ul li{
        float:left;
        height:auto;
        width:33%;
    }
    .addMainItem{

        height:149px;
        position:relative;
        top:0px;
        left:0;
        z-index:3;
        background-image:url(elements/plus150.png);
        background-position:center top;
        background-repeat: no-repeat;
         cursor:pointer;
    }
    .newItemTop{
        width:500px;
        height:130px;
        background-color:#c9be00;
       top:-70px;
       position:relative;
       left:0;
         z-index:1;  
         margin:auto;
    }
    .padder{
        padding:15px;
    }
    .addMainItem:hover{
         background-position:center bottom;
    }
    #mainContent{

    position:relative;
        clear:left;
        height:auto;

    }
    .pid{
        position:relative;
     margin:0;
        width:100%;
        
    }
    
        .pid .left{
            display:none;
        float:left;
       position:absolute;
       right:-50px;
       cursor:pointer;
       z-index:80;
       top: 40px;
    }
        .pid .fakeLeft{
            display:none;
        float:left;
       position:absolute;
       right:-79px;
       cursor:pointer;
       z-index:80;
       top: 40px;
    }
     .pid .up{
    /*   display: none;*/
       position:absolute;
       right:-47px;
       cursor:pointer;
       z-index:80;
    }
    .pid .right{
        float:left;
       position:absolute;
       right:-80px;
       cursor:pointer;
       z-index:80;
    }
    .pid .vertical{
      /*  position:absolute;*/
        margin:auto;
        border:none;
        float:left;
      /*  float:left;*/
    }

    .firstItem{
        margin-top:80px;
               margin-left:auto;
            margin-right:auto; 

    }
    ul,li{
        z-index:88;
       width:550px;
       padding:0;
        list-style: none;
    }
    .newItemLeft{
  position:relative;
  left:100%;
         background-image:url(elements/plus79.png);
        background-position:0% 50%;
        background-repeat: no-repeat;
        opacity:0;
       /* height:100%;*/
        width:78px;
        cursor:pointer;
        
    }
    .newItemLeft:hover{
           background-position:100% 50%;  
    }
    .closeNewItemVertical{
        float:right;
        cursor:pointer;
        font-size:10px;
    }
  .titles{
      font-size: 14px;
      z-index:9999;
   font-family: "BigCalson";
        position:relative;
        display:none;
        bottom:-10px;
        height:50px;
     
    }
     .titles2{
      font-size: 14px;
      z-index:9999;
   font-family: "BigCalson";
        position:relative;
        display:none;
        bottom:-10px;
        height:50px;
     
    }
    .titles2 span{
          float:left;
margin-left:5px;
        cursor:pointer;
        font-weight: 100;
    }
    .titles2 span:first-of-type,
    .titles span:first-of-type{
        margin-left:0;
    }
    .titles span {
       float:left;
margin-left:5px;
        cursor:pointer;
        font-weight: 100;
    }
    .titles a:first-of-type{
        margin-left:0px;
    }
    .shows{
        cursor:pointer;
    }
    .ledictateur:hover{
        color:#D6C200;
    }