/*
/* Network bar CSS
/**************************/
body { border-top: 36px solid #2A2A2A; }

#tech_bar {
	position: absolute;
	top: 0;
	left:0;
	display:block !important;
	width:100%;
	font-family: 'AvenirMedium', Arial;
	font-size: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: none !important;
}
.admin-bar #tech_bar {
	margin-top: 32px;
}

#tech_bar a { color: #ccc; text-decoration: none; }
#tech_bar a:hover, #tech_bar a:focus, #tech_bar a:active { color: #fff; font-weight:normal; }
#tech_bar a:hover .aphp.fl{ color: #fff; font-weight:normal; }

/* wrap */
#tech_bar .wrapper { width: 960px; margin: 0 auto; padding: 0; overflow:hidden; }

/* float */
#tech_bar .fl { float: left; }
#tech_bar .fr { float: right; }
#tech_bar .fix { clear: both; }
#sites_aphp {position:absolute; left: 0; }
/* Style */
#tech_bar { min-height: 36px; z-index: 99; }
#tech_bar p { margin-bottom: 0; }
#tech_bar,
#tech_bar p { background: #2a2a2a; color: #f2f4f9 ; }

#tech_bar .aphp { float:right; font-family: 'BebasRegular', Arial; font-size: 13px ; font-weight:normal; position: relative; padding-left: 115px; line-height: 36px; background: url(../images/logo-reseau.png) no-repeat left 6px; }
#tech_bar .aphp:after { content: ""; position: absolute; top: 36px; /* height #techbar */ left: 101px; /* 54px + padding-left */ display: block; width: 12px; height: 7px; background: url(../images/sprite.png) no-repeat -3px -38px;}

#tech_bar .actu { margin-left: 300px; line-height: 36px;}
#tech_bar .actu a { color: white; }
#tech_bar .actu a:hover, #tech_bar .actu a:focus, #tech_bar .actu a:active { text-decoration: underline; }
#tech_bar .actu span { font-family: 'AvenirBlack', Arial; font-size: 11px; color: #656565; font-weight:normal;  text-transform: uppercase; margin-right: 15px; }
#tech_bar .actu .content-actus { width: 365px; height: 36px; overflow: hidden; line-height: 36px; }
#tech_bar .actu p { font-family: 'AvenirMedium', Arial; font-weight:normal; font-size: 11px; line-height: inherit; }

#tech_bar #sites_aphp { margin-top: 5px; }
#tech_bar #sites_aphp a { font-family: 'AvenirHeavy', Arial; font-size: 12px; font-weight:normal; color: #f2f4f9; background: url(../images/sprite.png) no-repeat 100% -69px #131313; display: block; padding: 0 29px 0 17px; line-height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#tech_bar #sites_aphp a:hover, #tech_bar #sites_aphp a:focus, #tech_bar #sites_aphp a:active { background-color: #076f9f; text-decoration: none; background-position: 100% -103px; }

#tech_bar #slice-link-aphp { display: none; }
#tech_bar #slice-link-aphp { padding: 10px 0; box-shadow: inset -10px 0 10px #171717; }
#tech_bar #slice-link-aphp .colclear { clear:both;; }
#tech_bar #slice-link-aphp .col { float: left; width: 266px; padding-right: 40px; margin-bottom: 10px; }
#tech_bar #slice-link-aphp .col + .col { margin-left: 20px }
#tech_bar #slice-link-aphp h2 { margin: 10px 0 ; font-family: 'AvenirBlack', Arial; font-weight:normal; color: white; font-size: 20px; }
#tech_bar #slice-link-aphp li { display: block; font-size: 13px; line-height: 1.4em; }