/* 
Title:		Dapa Génération Carton Screen
Author: 	br.baron76@gmail.com
*/

body {background:#999b98;/*#9B956B;*/
      margin:0px;
      font-family:tahoma,arial,helvetica;
      font-size:10px;
      color:black;
      }
 a {text-decoration:none;font-family:tahoma,arial,helvetica;
    color:black;}
 
 #navbar #Navbar1 iframe{display:none;visibility: none;}   
 
 #blockpage{width:16px;height:16px;float:left;margin-right:8px;display:block;
            font-family:tahoma,arial,verdana,helvetica;color:black;
            font-size:10px;font-weight:normal;text-align:vertical;align:center;
            background:transparent url(../img/site_blockpage.png) no-repeat top left; }             
 #blockpage a:hover{font-weight:bolder;color:#A85400;}   
 
 #zonepage{font-size:12px;width:357px;height:20px;align:center;top:60px;position:absolute;left:60px;}        
    
 #zone{position:relative;
       top:0px;
       left:0px;
       overflow:visible;
       width: 800px;
       /*Height:90%;*/
       height:2000px;
       border:1px solid black;
       background:transparent url(../img/arroway.png) top left repeat; /*#BBC0BB;*/
       }  
 
 #content{position:relative;
       top:32px;
       left:100px;
       overflow:visible;
       width:550px;
       height:1850px;/*98%;*/
       border:1px solid black;
       background:#D1D5D0;
       }  
   #content a {color:#929BEF;font-weight:bold;}
  #header{position:relative;
       top:0px;
       left:0px;
       overflow:hidden;
       width: 800px;
       Height:120px;
       background:#224242 url(../img/headerblog.png) no-repeat top left;
       } 
       
 #footer{position:relative;
       top:-10px;
       left:0px;
       overflow:hidden;
       width: 800px;
       Height:34px;
       background:#224242 url(../img/footer.png)  top left;
       }  
       
  #menusite{position:absolute;
       top:37px;
       left:0px;
       padding-top:40px;
       padding-left:50px;
       text-align:left;
       overflow:hidden;
       width: 196px;
       Height:200px;
       background:transparent url(../img/blog_liens.png) no-repeat top left;
       font-size:12px;
       line-height:18px;
       }
   #menusite div{padding:4px;ffont-family:tahoma,arial,helvetica;color:white;}  
   #menusite div:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
   #menusite a:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
  
  
   #menuassociation{position:absolute;
       top:240px;
       left:0px;
       overflow:hidden;
       padding-top:40px;
       padding-left:50px;
       text-align:left;
       width: 196px;
       Height:200px;
       background:transparent url(../img/blog_contact.png) no-repeat top left;
       font-size:12px;
       line-height:18px;
       }  
    #menuassociation div{padding:4px;font-family:tahoma,arial,helvetica;color:white;}  
    #menuassociation div:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
    #menuassociation a:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
  
    #menupartenaire{position:absolute;
       top:440px;
       left:0px;
       padding-top:40px;
       padding-left:50px;
       text-align:left;
       overflow:hidden;
       width: 196px;
       Height:465px;
       background:transparent url(../img/blog_archive.png) no-repeat top left;
       font-size:12px;
       line-height:18px;
       } 
     #menupartenaire div{padding:4px;font-family:tahoma,arial,helvetica;color:white;}  
     #menupartenaire div:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
     #menupartenaire a:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
    
     #submenuarchive{position:absolute;
       top:450px;
       left:196px;
       padding-top:52px;
       padding-left:18px;
       text-align:left;
       overflow:hidden;
       width: 240px;
       Height:320px;
       background:transparent url(../img/blog_subarchive.png) no-repeat top left;
       font-size:12px;
       line-height:11px;
       color:black;
       display:none;
       cursor:pointer;
       }     
    #submenuarchive div{cursor:pointer;padding:4px;font-family:tahoma,arial,helvetica;color:black;;width:135px;overflow:visible;font-size:11px;}  
     #submenuarchive div:hover{left:-12px;background:#FBEE95;color:black;overflow:visible;width:135px;}
     #submenuarchive a:hover{left:-12px;background:#FBEE95;color:black;overflow:visible;width:135px;}
    
    #menudecouverte{position:absolute;display:block;
       top:1340px;
       left:0px;
       padding-top:40px;
       padding-left:50px;
       text-align:left;
       overflow:hidden;
       width: 196px;
       height:600px;
       background:transparent url(../img/blog_amis.png) no-repeat top left;
       font-size:12px;
       line-height:18px;
       }  
     #menudecouverte div{padding:4px;font-family:tahoma,arial,helvetica;color:white;}  
     #menudecouverte div:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
     #menudecouverte a:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
    
    #menupartner{position:absolute;display:block;
       top:840px;
       left:0px;
       padding-top:40px;
       padding-left:50px;
       text-align:left;
       overflow:hidden;
       width: 196px;
       height:600px;
       background:transparent url(../img/blog_pub1.png) no-repeat top left;
       font-size:12px;
       line-height:18px;
       }  
     #menupartner div{padding:4px;font-family:tahoma,arial,helvetica;color:white;}  
     #menupartner div:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
     #menupartner a:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
    
    #menugoogleads{position:absolute;display:none;
       top:1495px;
       left:0px;
       padding-top:30px;
       padding-left:55px;
       text-align:left;
       overflow:hidden;
       width: 196px;
       height:615px;
       background:transparent url(../img/blog_pub.png) no-repeat top left;
       font-size:12px
       line-height:18px;
       } 
      #menugoogleads img{padding:4px;border:1px solid black;} 
    
    #menuads{position:absolute;
       top:2085px;
       left:0px;
       padding-top:40px;
       padding-left:50px;
       text-align:left;
       overflow:hidden;
       width: 196px;
       height:500px;
       background:transparent url(../img/blog_infoart.png) no-repeat top left;
       font-size:12px;
       line-height:18px;
       }  
     #menuads div{padding:4px;font-family:tahoma,arial,helvetica;color:white;}  
     #menuads div:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
     #menuads a:hover{left:-12px;background:#FBEE95;color:black;overflow:hidden;width:128px;}
    
    
    
     #presentation{position:absolute;
       top:34px;
       left:182px;
       overflow:visible;
       width: 531px;
       
       padding-left:20px;
       padding-top:10px;
       padding-right:34px;
       padding-bottom:8px;
       /*background:transparent url(../img/contentTest.png) no-repeat top left;*/
       background:transparent url(../img/newszone.png) no-repeat top left;
       } 
      
      #presentation img{background:transparent;border:0px;margin-right:10px;}
      #art{background:#D1D5D0;left:20px;top:60px;padding:3px;
                        position:absolute;overflow:visible;
                        width:90%;text-align:justify;}
                  #art h5{border-top:1px dotted #626A62;}
      #presentation #coord{top:167px;left:302px;position:absolute;
      										 width:185px;height:89px;display:block;
      										 background:transparent url(../img/coord.png) no-repeat top left;	
      										 cursor:pointer;}
      #presentation #infos{left:2…0px;top:158px ;width:272px;height:24px;
                            position:absolute;
                            background:transparent url(../img/infos.png) no-repeat top left;											   	
                           }
      #presentation #twoinfos{padding-top:10px;top:182px;left:2…0px;width:272px;height:78px;display:block;
                            position:absolute;background:transparent;
                            font-family:tahoma,arial,helvetica;font-size:11px;font-weight:bold;
                            text-align:center;
                            }
      #presentation #twoinfos #blocinfo{display:block;overflow:hidden;float:left;width:136px;display:block;}                      
                             
      #presentation #twoinfos img{width:72px;height:50px;display:block;margin-bottom:1px;}                                          
                           
      #titrecontent{
       width:475px;
       height:30px;
       left:20px;
       position:absolute;
       background:transparent url(../img/t_chemin.png) no-repeat top left;
       }
     
      
      #dernierecrea{position:absolute;
       top:308px;
       left:182px;
       overflow:hidden;
       padding-left:20px;
       padding-top:10px;
       padding-right:34px;
       padding-bottom:8px;
       width: 531px;
       Height:359px;
       /*background:transparent url(../img/creaTest.png) no-repeat top left;*/
       background:transparent url(../img/dernierecrea.png) no-repeat top left;
       } 
       
       #dernierecrea #bloccrea{width:129px;height:140px;display:block;float:left;
                              text-align:left;font-family:tahoma,arial,helvetica;font-size:11px;
                              background:transparent url(../img/s_crea2004.png) no-repeat top left;
                              margin-right:27px;padding-top:26px;}
        #dernierecrea #bloccrea img{border:0px;} 
       #dernierecrea #bloccrea #legende{width:128px;height:50px;display:block;padding-top:4px;}                                                        
       
       
       #detailcrea{position:absolute;
       top:34px;
       left:183px;
       overflow:hidden;
       width: 528px;
       Height:626px;
       padding-left:20px;
       padding-top:10px;
       padding-right:34px;
       padding-bottom:8px;
       /*background:transparent url(../img/contentTest.png) no-repeat top left;*/
       background:transparent url(../img/backdetail.png) no-repeat top left;
       } 
       
       #detailcrea #bando{position:absolute;
       top:16px;
       left:20px;
       overflow:hidden;
       width: 474px;
       Height:36px;
       background:transparent url(../img/b_site_origine.png) no-repeat top left;
       } 
       #detailcrea #mainphoto{position:absolute;
       top:60px;
       left:20px;
       overflow:hidden;
       width: 453px;
       Height:302px;
       border:1px solid #2c5656;
       padding:2px;
       background:transparent;
       } 
       
       #detailcrea #uncopy{position:absolute;
       top:260px;
       left:20px;
       overflow:hidden;
       width: 453px;
       Height:302px;
       z-index:-1;
       padding:2px;
       background:white;border:1px solid #2c5656;
       }
       
       
       #detailcrea #detail{position:absolute;
       top:370px;
       left:20px;
       overflow:hidden;
       width: 453px;
       Height:270px;
       
       text-align:justify;
       font-size:13px;
       color:black;
       font-family:tahoma,arial,helvetica;
       font-style:none;
       font-weight:none;
       padding:2px;
       background:transparent;
       }
       
       #detailcrea #album{position:absolute;
       top:530px;//465px;
       left:20px;
       overflow:hidden;
       width: 453px;
       Height:150px;
       text-align:justify;
       font-size:12px;
       color:black;
       font-family:tahoma,arial,helvetica;
       font-style:none;
       font-weight:none;
       padding-top:45px;padding-left:26px;
       background:transparent;// url(../img/backalbum.png) no-repeat top left;
       }
       /*#detailcrea #album img{display:block;float:left;
        margin-right:2px;
        margin-bottom:4px;
        width:66px;height:48px
        background:transparent;
        border:0px;
       }*/
       
       #detailcrea #toolbar{position:absolute;
       top:63px;
       left:500px;
       overflow:hidden;
       width: 26px;
       Height:84px;
       background:transparent;
       }
       #detailcrea #toolbar img{margin-bottom:8px;cursor:pointer;}
       
      #detailcrea #zoneliste{position:absolute;
       top:84px;
       left:20px;
       overflow:hidden;
       width: 453px;
       Height:567px;
       background:transparent;
       padding-top:10px;
       }
       #detailcrea #liste{display:block;
       overflow:hidden;
       width: 435px;
       height:55px;
       padding-left:1px;
       padding-right:2px;
       /*padding-top:18px;*/
       text-align:justify;
       font-size:11px;
       color:black;
       font-family:tahoma,arial,helvetica;
       font-style:none;
       font-weight:none;
       padding:2px;
       background:transparent url(../img/backliste.png) no-repeat top left;
       }
       
       #detailcrea #liste img{display:block;float:left;background:transparent;
                              height:50px;border:0px;margin-right:3px;}
       
       #detailcrea #liste div{width:325px;height:35px;display:block;float;left;padding-top:14px;width:3‚50px;height:26px;}                      
       
       #detailcrea #liste div a:hover{text-decoration:underline;}
       
       #detailcrea #zonealbum{position:absolute;
       top:84px;
       left:20px;
       overflow:hidden;
       width: 453px;
       Height:567px;
       background:transparent;
       padding-top:10px;
       margin-left:30px;
       }
       
       
     #zonealbum  #thumbnail {width:126px;height:140px;padding-left:2px;padding-top:14px;color:black;font-size:13px;font-family:tahoma,verdana,helvetica;
       background:transparent url(../img/thumbnailzone.png) no-repeat top left;
       text-align:center;float:left;display:block;override:hidden;}
       
   #zonealbum   #thumbnail img{width:84px;border:1px solid black;padding:2px;background:white;}
    #zonealbum  #thumbnail #leg{float:left;display:block;width:90%;text-align:center}
     
     
     #zonealbum  #thumbnailvideo {width:450px;height:263px;padding-left:0px;padding-top:20px;color:black;font-size:13px;font-family:tahoma,verdana,helvetica;
       background:transparent url(../img/videozone.png) no-repeat top left;
       text-align:center;float:left;display:block;override:hidden;} 
    
     #zonealbum   #thumbnailvideo iframe{width:380px;height:220px;border:0px;padding:2px;background:black;}