*{margin: 0; padding: 0;}

body{
  font-size: 8pt;
  font-family: Verdana;
  width: 1000px;
  height: 100%;
  margin: auto;
  
  background-color: #62879D;
}

a img{
  border-width: 0px;
}

#skin_wrapper{
  width: 100%;
}

  #header{
    width: 100%;
    height: 200px;
  }
  
  #middle{
    width: 100%;
    height: 100%;
    background-image: url('images/bg_repeat.gif');
    background-position: top center;
    background-repeat: repeat-y;
  }
    
    div#left{
      width: 310px;
      margin-left: 6px;
      float: left;
      overflow: hidden;
      /*border: 1px solid #d00;*/
    }
    
      div#menu{
        width: 100%;
        /*margin-left: -170px;*/
        font-family: Comic sans ms, Verdana, Arial;
      }
      
      /*widget calendrier*/
      div#widget_plugin_evo_Calr_8{
        background-image: url('images/proto_blog_menu_bg_wide_clair.png');
        background-repeat: repeat-y;
        background-position: top right;
        /*font-size: 7.5pt;*/
        /*padding: 3px;*/
      }
      
      div#widget_plugin_evo_Calr_8 table{
        margin-left: 3px;
        width: 95%;
        border-spacing: 2px;
        border-collapse: separate;
      }
      
      div#widget_plugin_evo_Calr_8 table tfoot{
        font-size: 1.5em;
      }
      
      th.bCalendarHeaderCell{
        color: #404040;
      }
      
      td.bCalendarCell{
        text-align: center;
        border-width: 1px;
        border-style: solid;
        border-color: #808080 #404040 #404040 #808080;
        -moz-border-radius: 4px;
        background-color: #CBD3E0;
      }
      
      td.bCalendarLinkPost{
        text-align: center;
        border-width: 1px;
        border-style: solid;
        border-color: #808080 #404040 #404040 #808080;
        -moz-border-radius: 4px;
        background-color: #CBD3E0;
      }
      
      td#bCalendarToday{
        text-align: center;
        background-color: #0065a5;
        border-width: 1px;
        border-style: solid;
        border-color: #808080 #404040 #404040 #808080;
        -moz-border-radius: 4px;
      }
      
      td#next{
        text-align: right;
      }
      
      div#widget_plugin_evo_Calr_8 caption a{
        font-size: 1.3em;
        font-weight: bold;
      }
      
      div#widget_plugin_evo_Calr_8 a:link{
        text-decoration: none;
        color: #404040;
      }
      
      div#widget_plugin_evo_Calr_8 a:visited{
        text-decoration: none;
        color: #404040;
      }
      
      div#widget_plugin_evo_Calr_8 a:hover{
        text-decoration: none;
        color: #404040;
      }
      /*fin widget calendrier*/
      
      /*widget recherche*/
      div#widget_core_coll_search_form_12{
        background-image: url('images/proto_blog_menu_lien_last_wide2_clair.png');
        background-repeat: no-repeat;
        /*background-position: -40px 161px;*/
        background-position: bottom right;
      }
      
      div#widget_core_coll_search_form_12 p{
        height: 30px;
        
        background-image: url('images/proto_blog_menu_lien_wide_clair.png');
        background-repeat: no-repeat;
        background-position: top right;
      }
      
      div#widget_core_coll_search_form_12 div.search_option{
        height: 30px;
        line-height: 30px;
        
        background-image: url('images/proto_blog_menu_lien_wide_clair.png');
        background-repeat: no-repeat;
        background-position: top right;
      }
      
      div.search_option input, label{
        cursor: pointer;
      }
      
      div#widget_core_coll_search_form_12 input{
        margin: 3px;
      }
      
      div#widget_core_coll_search_form_12 input.SearchField{
        width: 293px;
      }
      
      div#widget_core_coll_search_form_12 input.submit{
        width: 150px;
        height: 24px;
        margin: 3px 0px 11px 70px;
      }
      /*fin widget recherche*/
      
      div#menu h3{
        color: #fff;
        font-weight: normal;
        font-size: 1.5em;
        text-align: left;
        margin-top: -1px;
          
        height: 31px;
        line-height: 31px;
        
        background-image: url('images/proto_blog_menu_titre_wide.png');
        background-repeat: no-repeat;
        background-position: top right;
      }
      
      div#menu h3.first{
        color: #fff;
        font-weight: normal;
        font-size: 1.5em;
        text-align: left;
          
        height: 37px;
        line-height: 37px;
        
        background-image: url('images/proto_blog_menu_titre_first_wide.png');
        background-repeat: no-repeat;
        background-position: top right;
      }
      
      div#menu ul{
        width: 100%;
        list-style-type: none;
      }
      
        div#menu ul li{
          font-size: 1.2em;
          font-weight: normal;
          
          height: 30px;
          line-height: 20px;
          
          background-image: url('images/proto_blog_menu_lien_wide_clair.png');
          background-repeat: no-repeat;
          background-position: top right;
        }
        
          div#menu ul li a{
            text-decoration: none;
            display: block;
            padding: 5px;
          }
          
          div#menu ul li a:link{
            color: #404040;
          }
          
          div#menu ul li a:visited{
            color: #404040;
          }
          
          div#menu ul li a:hover{
            color: #0065a5;
          }
      
      div#news{
        width: 100%;
        margin-top: 10px;
      }
        
        div#news h3{
          width: 100%;
          
          height: 37px;
          line-height: 37px;
          
          background-image: url('images/proto_blog_menu_titre_first_wide.png');
          background-repeat: no-repeat;
          background-position: top right;
        }
        
        div#bloc_news{
          padding: 3px 0 3px 0;
          
          background-image: url('images/proto_blog_menu_bg_wide_clair.png');
          background-repeat: repeat-y;
          background-position: top right;
        }
      
      div#horloges{
        width: 100%;
      }
        
        div#horloges h3{
          width: 100%;
          
          height: 31px;
          line-height: 31px;
          
          background-image: url('images/proto_blog_menu_titre_wide.png');
          background-repeat: no-repeat;
          background-position: top right;
        }
        
        div#bloc_horloges{
          padding: 3px 0 3px 0;
          
          background-image: url('images/proto_blog_menu_bg_wide_clair.png');
          background-repeat: repeat-y;
          background-position: top right;
        }
      
      div#meteo{
        width: 100%;
      }
      
        div#meteo h3{
          width: 100%;
          
          height: 31px;
          line-height: 31px;
          
          background-image: url('images/proto_blog_menu_titre_wide.png');
          background-repeat: no-repeat;
          background-position: top right;
        }
        
        div#bloc_meteo{
          padding: 3px 0 3px 0;
          
          background-image: url('images/proto_blog_menu_bg_wide_clair.png');
          background-repeat: repeat-y;
          background-position: top right;
        }
      
      div.fin_menu_wide{
        width: 100%;
        height: 28px;
        
        background-image: url('images/proto_blog_menu_lien_last_wide_clair.png');
        background-repeat: no-repeat;
        background-position: top right;
      }
      
    #content{
      width: 670px;
      /*min-height: 1000px;*/
      float: right;
      margin-right: 6px;
      /*display: none;*/
      /*border: 1px solid #0d0;*/
    }

      div.navigation_lien{
        width: 100%;
        text-align: center;
      }
      
        div.navigation_lien p.nav_page{
          margin: auto;
        }
      
        div.navigation_lien a:link{
          color: #0065a5;
          text-decoration: none;
        }
        
        div.navigation_lien a:visited{
          color: #0065a5;
          text-decoration: none;
        }
        
        div.navigation_lien a:hover{
          color: #0065a5;
          text-decoration: none;
        }

      div.article{
        width: 650px;
        margin: 5px 0 20px 0;
        /*border: 1px solid #404040;*/
        
        background-image: url('images/bg_contenu_article_short.png');
        background-repeat: repeat-y;
        background-position: top center;
        background-color: #609BFD;
      }
      
        div.article .article_titre{
          font-size: 1.8em;
          font-weight: normal;
          font-family: Comic sans ms, Verdana, Arial;
          color: #fff;
          height: 48px;
          padding: 12px 0 0 40px;
          background-image: url('images/bg_titre_article_short.png');
          background-repeat: no-repeat;
          background-position: top center;
          background-color: #609BFD;
        }
        
        div.article .article_titre a:link{
          text-decoration: none;
          color: #fff;
        }
        
        div.article .article_titre a:visited{
          text-decoration: none;
          color: #fff;
        }
        
        div.article .article_titre a:hover{
          text-decoration: none;
          color: #fff;
        }
        
        div.article_content{
          width: 610px;
          margin: auto;
          overflow: hidden;
        }
        
        /*div.article p{
          width: 700px;
          margin: auto;
        }*/
        
        div.article_footer{
          width: 650px;
          height: 28px;
          background-image: url('images/bg_pied_article_short.png');
          background-repeat: no-repeat;
          background-position: bottom center;
          background-color: #609BFD;
        }
  
  #footer{
    width: 100%;
    height: 50px;
    padding: 10px 0px;
    text-align: center;
    color: #ddd;
    font-size: 0.8em;
    
    background-image: url('images/footer.gif');
    background-position: top center;
    background-repeat: no-repeat;
  }
  
    #footer a:link{
      color: #ddd;
      text-decoration: none;
    }
    
    #footer a:visited{
      color: #ddd;
      text-decoration: none;
    }
    
    #footer a:hover{
      color: #ddd;
      text-decoration: none;
    }

.clearBoth{
  clear: both;
}

.lien_top{
  text-align: right;
  margin: 5px 30px 0 0;
}