html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}


/**
 *
 * Feuille de style EEO
 *
 * Couleurs 
 * jaune :        #e49c12
 * Bleu :         #1e78c4
 * Gris clair :   #b6b6b6
 * Gris foncé :   #585858
 **/   

 body{
    background: #59b6d1 url('../images/tools/header_fnd.jpg') 52% 0 no-repeat;
    font: 12px Helvetica, Arial, Verdana, sans-serif;
 }
 
 img{
    border:none;
 }
 a{
  color:#1e78c4;
  text-decoration:none;  
 }
 a:hover{
    text-decoration:underline;
 }
 p{
    margin:10px 0;
 }
 strong{
    font-weight: bold; /* css reset... */
 }
 h1, .h1{
    border-bottom:1px solid #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom:5px;
 }
 h2,  .h2{
    color:#1e78c4;
    text-transform: uppercase;
    font-size:12px;
    font-weight: bold;
    text-align:right;
    margin-bottom:3px;
 }
 
 .last{
    border:none !important;
 }
 
 
 #eeo{
    width:100%;
    padding-bottom:80px;
 }
 #header{
    width:960px;
    height:150px;
    background:url('../images/tools/logo_header.jpg') 10px 0 no-repeat;
    margin:10px auto 0 auto;
    position:relative;
 }
 .homepage #header{
    height:348px;
 }
 #header #intro{
    top:150px;
    left:0px;
    position:relative;
    z-index:30;
    width:960px;
    height:194px;
 }
 #intro h1{
    position:absolute;
    width:270px;
    height:120px;
    top:60px;
    left:30px;
    border:none;
    z-index:90;
    text-transform: none;
    font-size:18px;
 }
 #intro #deco{
    position:absolute;
    top:0;
    left:0;
    width:960px;
    height:194px;
    background:url('../images/tools/homepage_fnd.png') 0 0 no-repeat;
    z-index:50;    
 }

/**
 *
 * Menu
 *
 **/   
#menu{
   background-color:#fff;
   position:absolute;
   top:106px;
   left:0px;  
   height:44px; 
   width:960px;
   z-index:100;
}
#menu ul{
   position:absolute;
}
#menu ul li{
   font-family: 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   float:left;
   font-size: 18px;
}
#menu ul li a{
   font-weight: bold;
   display:block;
   height:20px;
   padding:12px 12px;
   text-decoration: none;
   color:#1e78c4;
}
#menu ul li a:hover, #menu ul.menu_js li.open{
   background-color:#e49c12;
   color:#fff;
}
#menu ul li a:hover, #menu ul.menu_js li.open a{
   color:#fff;
}     

#menu ul li.selected a, #menu ul li.selected, #menu ul li a.selected{
   color:#e49c12;
}

#menu ul li a:hover{
   color:#fff;
}     
#menu ul.level2 li a{
   color:#fff;
   font-size: 14px;
   padding:11px 14px 7px 14px;
}
#menu ul.level2 li a:hover{
   color:#585858;
}
#menu ul.level2{
   position:absolute;
   left:0px;
   top:44px;
   height:38px; 
   width:950px;      
   background-color:#e49c12;
   display:none;
   z-index:99;
   padding-left:10px;
}

#menu ul.menu_css li:hover ul.level2{
   display:block;
}







/**
 *
 * Container
 *
 **/
#container{
   width:960px;  
   margin:10px auto;   
}     
#slidebar{
   width:270px;
   float:left;
}
#sidebar_content{
/*   width:270px;   
   float:left;*/
}
#main{
   margin-left:270px;
   width:690px;
}
#foot{
   float:left;
   clear:both;
}

#welcome{
   height:170px;
}
#bigevent{
   padding:5px;
   height:190px;
   position:relative;
}
#bigevent .item{
   top:0px;
   left:0px;
   position:absolute;
   margin:5px;
   height:180px;
}
.bigeventtext{
   position:absolute;
   bottom:5px;
   left:0px;
   width:120px;
   height:120px;
   text-transform: uppercase;
   background: transparent url('../images/tools/fnd_px_70.png') repeat 0 0;   
}
.next_event{
   width:200px;
   float:left;
   padding:10px;
   height:220px;
}
.next_event:hover{
   background-color:#eee;        
   text-decoration:none;
}
#footnext{
   display:block;
   width:660px;
   margin-top:268px;
}
.special_event{
   width:250px;
   height:150px;
   padding:5px;
   background-color:#fff;
   background: url('../images/tools/special_event_window.gif') no-repeat 0 0;  
   margin-bottom:10px;
}
.special_event:hover{
   background-image: url('../images/tools/special_event_window_on.gif') ;  
}
.special_event .img_bt .bt{
   bottom:2px;
}
.culte_event{
   height:190px;
   background-color:#fff;
   background: url('../images/tools/culte_event_window.gif') no-repeat 0 0;  
   margin-bottom:10px;
}
.culte_event:hover{
   background-image: url('../images/tools/event_window_culte_on.gif') ;  
}
.culte_event:hover .culte_event_title{
   display:block;
   background-color:#ccebf4;
}
.culte_event:hover .h1, .culte_event:hover .h2{
/*   color:#fff;*/
}
.culte_event:hover a{
   text-decoration: none;
}
.culte_event_title{
   display:block;
   position:absolute;
   text-decoration: none;
   border:none;
   text-align:right; 
   background-color:#fff;  
   top:135px;
   left:0;
   width:250px;
   height:55px;
}

.culte_event .h1, .culte_event .h2{
   display:block;
   position:absolute;
   text-decoration: none;
   border:none;
   text-align:right;   
}
.culte_event .h1 {
   top:6px;
   right:5px;
   font-size:23px;
}
.culte_event .h2{
   top:30px;
   right:5px;
   font-size:18px;
   text-transform: none;
}

/**
 *
 * Boutons
 *
 **/     
.img_bt{
   position:relative;
   display:block;
}
.img_bt .bt{
   position:absolute;
   bottom:0;
   left:0;
}
.bt{
   /*display:block;*/
   height:14px;
   text-transform: uppercase;
   font-weight: bold;
   font-size:12px;
   color:#1e78c4;
   text-align:right;
   padding:3px 28px 3px 6px;
   background:url('../images/tools/boutons.png') 100% 0 no-repeat;
   border-left:1px solid #dedede;
}
.btfle{
   background:url('../images/tools/boutons_fle.png') 100% 0 no-repeat;        
}
.bt:hover{
   background-position: 100% -20px;
   text-decoration: none;
}
.bt:active{
   background-position: 100% -40px;
}     



/**
 *
 * Class blocs
 *
 **/
 #slidebar .noir70, #slidebar .blanc100{
    padding:15px;
    width:228px;
    margin-bottom:10px;
 }
 .blanc100{
    margin-bottom:10px;
    padding:15px;   
 }
 .blanc100{
    background-color:#fff;
    color:#585858;
 }

 .blanc100 h1{
  border-bottom-color: #b6b6b6;  
  color:#b6b6b6;         
 }
 .noir100{
    background-color:#000;
    color:#fff;          
    padding:15px;   
    margin-bottom:10px;                     
 }
 .noir70{
    padding:15px;           
    background: url('../images/tools/fnd_px_70.png') repeat 0 0;
    color:#fff;
 }
 .noir70 h2{
    text-align:left;
     color:#e49c12;
     margin:0 0 10px 0;    
 }
 .noir70 a{
    color:#fff;    
 }
 .noir70 ul li a{
    text-transform: uppercase;
    color:#fff;
    line-height:1.5em;
 }
 .noir70 ul li.current a{
    font-weight: bold;
 } 
 .noir100 h1, .noir70 h1{
  border-bottom-color: #fff !important; 
  color:#fff;         
 }
 div.noirfle{
    display:block;
    position: absolute;
    top:50%;
    left:100%;
    margin-top:-20px;
    width:8px;
    height:36px;
    background: url('../images/tools/fle_noir_70.png') 0 0 no-repeat;
    
 }
 
 
 
 /**
  * 
  * Agenda
  *
  **/
  .page h1{
     color:#e49c12;
     text-transform: none;
     border:none;
     font-size:26px;
  }
  .listemois li{
     display:inline;
     padding:0 5px 0 2px;
     border-right:1px solid #1e78c4;
  }
  .listemois li.active{
     color:#585858;
  }
  .page #content_photo{
     background-color:#fff;
  }
  .page #content_photo p{
     margin:0;
     padding:0;
  }
  
  .page #content_photo img{
     width:680px;
     margin:5px;
  }


  .podcast{
     width:100%;
     margin-bottom:12px;
     position:relative;
    border-bottom:1px solid #f2f2f2;
  }
  .podcast p{

  }
  .podcast object{
     width:60%;
     margin-left:40%;
  }
  .podcast h3{
     color:#1e78c4;
     font-size:18px;
     position:absolute;
     left:0;
     top:0;
     width:40%;
  }
  .podcast .date{
     position:absolute;
     width:40%;          
     left:0;
     top:20px;     
     color:#aaa;
  }


  .agenda_event{
     margin:10px 0 0 0;
     position:relative;
     min-height:96px;
     clear:right;
  }
  .event_date{
     position:absolute;
     top:0;
     left:0;
     background: url('../images/tools/agenda_stick.png') 0 0 no-repeat;
     width:75px;
     height:66px;
     padding:25px 12px 5px 3px;

  }
  .event_date h3,.event_date p{
     text-align:center;
     margin:0;
  } 
  .event_date h3{
     font-weight: bold;
  }
  .event_date p{
     font-style: italic;
     font-size:11px;
  }
  .agenda_event:hover .event_date, .event_on .event_date{
     background-position: 0 100%;
     color:#fff;
  }
  .agenda_event:hover .event_title h2, .event_on .event_title h2{
     background-position: 5px -51px;       
  }
  .event_content{
     width:564px;
     border: 2px solid #e1e1e1;
     margin-left:92px;
  }
  .event_title{
     height:92px;
     cursor: pointer;
  }
  .event_details{     
     padding:10px 10px 10px 30px;
     display:none;
  }
  .event_details img{     
     max-width:520px;
  }  
  .open_event .event_details{
     display:block;

  }
  .event_categorie{
     margin:0 30px;
     padding:10px 0;
     display:block;
     text-transform: uppercase;
     font-weight: bold;
  }
  .event_title h2{
     text-align: left;
     padding-left:30px;
     color:#e49c12;
     font-size:15px;
     background:url('../images/tools/fle_orange.gif') 6px 0 no-repeat;
  }
  .event_title p{
     margin:2px 30px;
     width:350px;
  }
  .event_image{
     position:absolute;
     height:92px;
     width:153px;
     top:2px;
     right:2px;
  }
  .bt_subs{
     float:right;
     width:100px;
     display:block;
     height:35px;
     padding-top:20px;
     background:url('../images/tools/bt_subs.gif') 0 0 no-repeat;
     padding-left:70px;
  }

#footer{
   position: relative;
}
#footer span{
   margin-left:1em;
}

#footer #logo_as{
   position:absolute;
   bottom:15px;
   right:10px;
  height:10px;
  background: url('../images/logo_antistatique_net.png') 0 0px no-repeat;
  cursor: pointer;
  padding:0;
  padding-left:24px;
  color:#fff;
  text-transform: uppercase;
  font: 10px Helvetiva, Arial, Verdana, sans-serif;
  text-decoration:none;
}
#footer #logo_as:hover{
  color:#e2007a;
  background-position:0 100%;
}

/** Articles */
#articles{
   float:left;
   width:70%;
}
#article_sidebar{
   width:20%;
   margin-left:75%;
}
#article_sidebar h3{
   text-transform: uppercase;
   font-weight: bold;
   color:#585858;   
   border-top:1px solid #cacaca;
   border-bottom:1px solid #cacaca;   
   padding:3px 0;
   margin-bottom:10px;
   margin-top:30px;
}
#article_sidebar h3.first{
   margin-top:0;
}
.entry img, #articles img{
   max-width:100%;
}
.entry{
   padding-left:80px;
   margin:10px 0 30px 0;
   padding-bottom:30px;
   background: url('../images/tools/articles_foot.gif') no-repeat 100% 100%;
   position:relative;
   padding-top:12px;
}
.entry h2, .entry h2 a{
   color:#e49c12;
   font-size:17px;
   text-transform: uppercase;
   font-weight: bold;
   text-align:left;
   margin-bottom:10px;   
}
.entry_date{
   text-align:center;
   color:#fff;
   padding-top:13px;
   position:absolute;
   width:72px;
   height:29px;
   left:0px;
   top:0;
   background: url('../images/tools/articles_date.gif') no-repeat 0 0;
}
.rss{
   background:url('../images/tools/rss_logo.gif') 100% 0 no-repeat;
   display:block;
   float:left;
   width:50px;
   height:15px;
   padding-top:32px;
   text-transform: uppercase;
   text-align:center;
   font-family: 'Helvetica Condensed', 'Arial Narrow', Arial, sans-serif;
   color:#585858;
   margin-right:5px;
}
.podcast{
   background-position: 0 0;
}
.download li{
   background:url('../images/tools/ico_pdf.png') 0 4px no-repeat;   
   padding:6px 0 5px 22px;
   border-bottom:1px solid #ddd;
}

/* ui-dialog form */
.ui-dialog label, input { display:block; }
.ui-dialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
.ui-dialog select, textarea { margin-bottom:12px; width:95%; padding: .4em; }
.ui-dialog fieldset { padding:0; border:0; margin-top:10px; }
.ui-dialog h1 { font-size: 1.2em; margin: .6em 0; }
.ui-dialog div#users-contain {  width: 350px; margin: 20px 0; }
.ui-dialog div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
.ui-dialog div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

.ui-dialog em.error{
   color: #f00;
}