/**
 *  //// Antistatique.net Sàrl
 *  Web Agency that rocks !
 *  
 */


/* Reset styles */
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:"";}


/* Main Common */
body{
   background: #222 url('images/h_bg.gif') repeat-x 0 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
}
a{
   outline: none; /* car pas joli dans firefox sur nos boutons */
}

#antistatique{
   width:940px; /* sorry Fried, is not 960px :( */
   margin:0 auto 20px auto;
   position: relative;
}
/* Header bock */
#header{
   height:225px;
   margin-bottom:;
}
#logo{
   position: absolute;
   top:75px;
   left:10px;
}
#intro{
   position: relative;
   top:76px;
   left:240px;
   height:70px;
   width:350px;
}
#intro h2{
   position: absolute;
   bottom:0px;
   left:0px;
   color:#fff;
   font-size: 16px;
   margin:0;
}
#contact{
   width:248px;
   height:109px;
   background: url('images/h_contact.png') no-repeat 0 0;
   position: absolute;
   top:130px;   
   right:-27px;
   font-size:11pt;   
}
#contact p{
   margin:24px;
   line-height:1.4em;
}
#contact a{
   color:#000;
}
#menu{
   position: absolute;
   top:202px;
   left:240px;
   font-size:11pt;
}
#menu ul li{
   text-transform: uppercase;
   font-weight: bold;
}
#menu ul li a{
   font-weight: bold;
}
.menu_list ul li{
   display:block;
   float:left;
   margin:0 0 0 0;
   color:#000;
}
.menu_list ul li a{
   color:#000;
   padding:6px 6px 6px 6px;
   text-decoration: none;
}
#menu ul li a:hover, #menu ul li a.current{
   color:#000;   
   background: transparent url('images/h_fle_nav.png') 50% 100% no-repeat;
}
#menu ul li a:active{
   outline: none;
}
.menu_list .first{
   padding-left:0;
}
#language_menu{
   position:absolute;
   top:202px;
   left:0;
   font-size:11pt;   
}
.sub_menu ul li a{
   padding:4px;
   font-size: 12px;
}
.sub_menu ul li a:hover{
   text-decoration: underline;
}      
.sub_menu .active{
   font-weight: bold;
}
#key_features{
   position:absolute;
   top:4px;
   right:0px;
}


/* content bloc */
#content{
   color:#fff;
   margin-top:42px;
}
#content p{
   margin:3px 0 8px 0;
}
a{
   color: #ff0;
   text-decoration: none;
}
a:hover{
   color: #ff0;
   text-decoration: underline;
}
#content a img { border: none; }

#content h1{
   font-size: 22pt;
   margin-bottom:8px;
}
#content h2{
   font-size: 16px;
   font-weight: normal;
   border-bottom: 1px solid #7f7f7f;
   margin-bottom: 8px;
}
#content h3{
   font-size: 12px;
   font-weight: normal;
   text-transform: uppercase;
   border-bottom: 1px solid #7f7f7f;
   margin: 10px 0 6px 0;
}
div.side_infos{
   float:left;
   width:220px;
   margin: 0 10px 10px 10px;
}
div.side_info_left{
   margin:0 10px 10px 0;
}
div.side_info_right{
   margin:0 0 10px 10px;
}
div.main_content{
   float:left;
   width:460px;
}
div.info{
   background-color:#373737;
   padding:10px;
}
#hi{


}
#blog{
   
}

hr{
   visibility: hidden;
   clear: both;
}

/* Pagination */

.pagination{
   margin-top:20px;
   padding:0;
   position:relative;
   height:19px;
}
.pagination #page_next{
   right:10px;
   top:9px;
   position:absolute;
}
.pagination #page_previous{
   left:10px;
   top:9px;
   position:absolute;
}

/* footer */

#footer{
   clear: both;
   border-top: 1px solid #373737;
   font-size: 13px;
   margin-top: 30px;
}
#footer .itemfooter{
   float: left;
   width: 160px;
   margin: 0px 18px 0px 0;
   padding: 10px 0 10px 0;
}
#footer a b{
   font-weight: bold;
   margin-bottom: 7px;
   font-size: 14px;
}
#footer a, #footer a:visited, #footer a:active{
   color:#474747;
   text-decoration: none;   
}
/*#footer:hover a{
   color:#777;   
}*/
#footer a:hover{
   color: #DDD;
   text-decoration: none;
}

/* prev next buttons */
a.prev{
   display:block;
   width:19px;
   height:19px;
   float:left;
   background: #000 url('images/bt_fle_noir.gif') no-repeat 0 0;
   text-decoration: none;
}
a.next{
   display:block;
   float:left;
   width:19px;
   height:19px;   
   background: #000 url('images/bt_fle_noir.gif') no-repeat -19px 0;
   text-decoration: none;
}
a.next:hover{ background-position:-19px -19px; }
a.prev:hover{ background-position:0 -19px; }
a.next:active{ background-position:-19px -38px; outline: none; }
a.prev:active{ background-position:0 -38px; outline: none; }
a.next:visited{ background-position:-19px -57px; }
a.prev:visited{ background-position:0 -57px; }
a.next b, a.prev b{
   display:none;
}

/* bouton flèche magenta */
a.bt_fle{
   height:20px;
   text-decoration: none;
   background-repeat: no-repeat;
   background-color: transparent;
   background-image: url('images/bt_fle_magenta_b.gif');
   background-position: 0 0;
   float:left;
   position:relative;
}
a.bt_fle b{
   padding:1px 20px 0px 5px;
   line-height:1.5em;
   float:left;
   height:20px;
   margin-left:2px;
   font-weight: normal;
   color:#fff;
   font-size:9pt;
   background-repeat: no-repeat;
   background-position: 100% 0;
   background-color: transparent;
   background-image: url('images/bt_fle_magenta.gif');
}
a.bt_fle:hover{
   background-position: 0 -20px;
   text-decoration: none;
}
a.bt_fle b:hover{
   background-position: 100% -40px;
}
a.bt_fle:active{
   outline: none;
}
a.btn_fle b:active{
}

/* bouton flèche noir */
a.bt_fle_noir {
   float: left;
   height:19px;
   text-decoration: none;
   background-repeat: no-repeat;
   background-color: transparent;
   color:#fff;
   font-weight: normal;
   font-size:9pt;
   line-height:1.5em;   
   padding-top:0px;
   padding-bottom:0px;
   border: 1px solid #222;
   background-position: 100% 0;   
   padding-right:22px;
   padding-left:6px;   
}
a.bt_x{
   background-image: url('images/bt_fle_noir_x.gif');      
}
a.bt_right {
   background-image: url('images/bt_fle_noir_d.gif');   
}
a.bt_up {
   background-image: url('images/bt_fle_noir_h.gif');   
}
a.bt_down {
   background-image: url('images/bt_fle_noir_b.gif');   
}
a.bt_right:hover, a.bt_up:hover, a.bt_down:hover, a.bt_x:hover{
    background-position: 100% -19px;   
}
a.bt_right:active, a.bt_up:active, a.bt_down:active, a.bt_x:active{
    background-position: 100% -38px;     
}
a.bt_left {
   background-position: 0 0;   
   padding-right:6px;
   padding-left:18px;
   background-image: url('images/bt_fle_noir_g.gif');   
}
a.bt_left:hover{
    background-position: 0 -19px;   
}
a.bt_left:active{
    background-position: 0 -38px;     
}

/*multi column paragrafs*/
#content p.para_gauche{
   float:left;
   width:330px;

}
#content p.para_droite{

   width:330px;
   margin-left:350px;   
}

.lab{
   background:url('images/top_bloc_labs.png') 0 0 no-repeat;
}
/*twitter*/
#twitter_div span {
   display:block;
   position: absolute;
   bottom:16px;
   left:0px;
   color:#fff;
   font-size: 16px;
   margin:0;
   width:320px;   
}
#antistatique #header #intro #twitter_div span a{
   display: inline;
}
#twitter_div a.tweet_time{
   display:none;
}
#twitter_div{
   background:url('images/twitter_intro.png') 0 0 no-repeat;
   padding-right:30px;
   width:320px;
   height:100px;
}
a#twitter_followus{
   font-size:10px;
   position: absolute;
   top:58px;
   left:0;
}
/* LargeTypeAction */
#largeTypeAction{
   background:url('images/largetypeaction.png') 0 0 no-repeat;
   width:940px;
   height:190px;
   text-align:center;
   font: 70px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-weight: normal;
   z-index:900;
   position:fixed;
   left:50%;
   top:50%;
   margin-top:-140px; 
   margin-left:-470px;
   color:#fff;
   -webkit-transition: opacity 0.2s linear;
   cursor: pointer;

}
#largeTypeAction span{
   text-align:center;
   opacity:100%;
   margin:50px 50px 50px 50px;
   display:block;
   font-weight: bold;         
}

.feeds_rss img{
   width:200px;
   margin-top:5px;
}
.feeds_rss div.second_post img{
   display:none;
}