/*GENERIC*/
html body {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;margin:0;background-color:#FFFFFF}
.hslice a {color:#000;text-decoration:none}
.hslice a:hover{text-decoration:none;border:0}
.hslice h2 {display:block;font-size:19px;font-weight:normal;margin:3px 0 3px 0;color:#666666;text-decoration:none}
.hslice img {border:0}
.hslice form{margin:0}
.hslice input {background-color:transparent;color:#000000;font-family:Arial;font-size:12px;border:0}
.hslice textarea{border:0;background-color:transparent;height:35px;width:278px;padding:2px}
.hslice b {display:block}

.hslice .hr {margin:-2px auto 1px auto;width:150px;height:1px;line-height:1px;font-size:1px;background-color:#FFFFFF;clear:both;padding:0}


/*WEBSLICE*/
#voilaSlice{width:320px}
.webSlice{width:320px;height:240px;position:relative}
#sliceNEWS{background:transparent url(O-Fond.png?V6.0.0) repeat-x scroll 0 -129px} /* 0 0 */
#slicePRAT{background:transparent url(O-Fond.png?V6.0.0) repeat-x scroll 0 -829px} /* 0 - 700 */
#sliceDIVE{background:transparent url(O-Fond.png?V6.0.0) repeat-x scroll 0 -479px} /* 0 -350 */
.webSlice .bloc {clear:both;position:relative;z-index:10;margin:0 3px; padding:3px}
.webSlice .bloc img.photo{height:75px;width:75px;float:left;margin-right:5px}
.ttlSlice{display:none}
.hslice .text{height:82px;overflow:hidden}

/*Onglet*/
#sliceOnglet{position:absolute;bottom:0;left:0;display:block;width:320px;background-color:#FFFFFF;clear:both;margin:0}
#sliceOnglet .webSliceOngletItem{width:106px; height:19px;background-color:#FFF; background-image:url(sliceOnglet.gif);background-repeat:no-repeat;float:left;cursor:pointer;cursor:hand}
#sliceOngletNEWS{background-position: 0 -20px}
#sliceOngletDIVE{background-position: -107px -20px;margin: 0 1px 0 1px}
#sliceOngletPRAT{background-position: -214px -20px}
#sliceOngletNEWS.on {background-position: 0 0}
#sliceOngletDIVE.on {background-position: -107px 0; margin: 0 1px 0 1px}
#sliceOngletPRAT.on {background-position: -214px 0}
#sliceOngletNEWS:hover{background-position:0 -41px}
#sliceOngletDIVE:hover{background-position:-107px -41px}
#sliceOngletPRAT:hover{background-position:-214px -41px}

/*Over bloc effect*/
.hslice .widgetContainer{clear:both;position:relative}
.hslice .serviceWidgetHover{width:100%;height:108px;overflow:hidden;position:absolute;top:0;left:0;background: #000; opacity: 0.2; filter:alpha(opacity=20);z-index:1}

/*Tweets*/
.tweet, .query {  }
.tweet_time { font-size: 10px; font-weight: normal; color:#666; }
.tweet .tweet_list, .query .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; }
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }
.tweet .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding:5px; min-height:30px; border-bottom:1px solid #c5C5C5; border-top:1px solid #fff; font-weight: normal;}
.tweet .tweet_list li a, .query .tweet_list li a {  font-weight: normal; }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { font-weight: normal; }
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; }