/* ===============================================
 IPJJ  - ONEPIXEL.CH - CSS V.1
 =============================================== */

/* fonts */
@font-face {
    font-family: 'ipjj-light';
    src: url('../fonts/ipjj-light.eot');
    src: url('../fonts/ipjj-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ipjj-light.woff') format('woff'),
         url('../fonts/ipjj-light.ttf') format('truetype'),
         url('../fonts/ipjj-light.svg#AkkuratLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ipjj';
    src: url('../fonts/ipjj.eot');
    src: url('../fonts/ipjj.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ipjj.woff') format('woff'),
         url('../fonts/ipjj.ttf') format('truetype'),
         url('../fonts/ipjj.svg#AkkuratRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ipjj-bold';
    src: url('../fonts/ipjj-bold.eot');
    src: url('../fonts/ipjj-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ipjj-bold.woff') format('woff'),
         url('../fonts/ipjj-bold.ttf') format('truetype'),
         url('../fonts/ipjj-bold.svg#AkkuratBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
 /* ========= colors ==========
  
	background: #ECEDED - light grey
 	h2/text/navMain/footer : #005363 - dark blue
 	navSub/title/input : #F5A705 - yellow
 	navLang : #8C9291 - midle grey
 	h3 : #F67800 - orange
 	glossary: #ea6779 - pink
 	members: #A4A9A8 - other gray
 	link : #AC4693 - prune  	
 	
 ============================*/

/* COLORS */

.blue p, .blue h2, .blue h3{
	background: #005363;
	color:#FFF;
	padding:10px;
}
.yellow p, .yellow h2, .yellow h3{
	background:  #F5A705;
	padding:10px;
}

.orange p, .orange h2, .orange h3{
	background: #F67800;
	padding:10px;
}


 /* =======================  Primary Styles ================== */
::-moz-selection{ background: #F5A705; color:#fff; text-shadow: none; }
::selection { background:#F5A705; color:#fff; text-shadow: none; }

* :focus {
    outline: 0;
}
html, body {
    text-align: center;
}
body {
	font:12px/1.5 Verdana, sans-serif;
	color:#005363;

}
#wrap{
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
header{
	position:relative;
	height:135px;
	margin:0 0 5px;
	background:#ECEDED;
}
header h1 a{
    position:absolute;
    top:50px;
    left:20px;
    width: 275px;
    height: 55px;
	margin:0;
    background: url(../images/logo_ipjj.png) top left no-repeat;
    text-indent: -9999px;
}
#navMain{
	height:47px;
	background: #005363;
	margin:0 0 5px;
	padding:23px 0 0 80px;
}
#navSub{
	float:left;
	width:580px;
	height:32px;
	background: #F5A705;
	margin:0 0 5px;
	padding:8px 0 0 80px;
}
#navLang{
	height:32px;
	background: #8C9291;
	margin:0 0 5px 665px;
	padding:8px 0 0;
}
#main{
	position:relative;
	background:#ECEDED;
	padding:45px 80px 45px 0;
	margin:0 0 5px;
}
#main.col1{
	padding:45px 80px;
}
aside{
	width:220px;
	float:left;
}
#content{
	margin:0 0 0 245px;
}
footer{
	height:140px;
	background: #005363;
	font-family: 'ipjj', Verdana, sans-serif;
	color:#FFF;
}

/* TYPO */

h2, h3, h4, h5, h6 {
}

a{
	/*color: #E26076;*/
	/*color: #652B51;*/
	/*color:#AC4693;*/
	color:#ea6779;
	text-decoration: none;
}

a:hover {
	/*color:#AC4693;*/
}

h2{
	font-family: 'ipjj-bold', Verdana, sans-serif;
	font-size:14px;
	color:#005363;
	text-transform: uppercase;
}
h3, h3 a{
	color:#F67800;
	font-size:14px;
}
h3, h4{
	font-family: 'ipjj', Verdana, sans-serif;
}
p{
	text-align:justify;
	margin:0 0 10px;
}
#content ul{
	text-align:justify;
	margin:0 0 10px 60px;
}
#content li{
	padding:0 0 5px;
}

.exergue{
	display:block;
	padding:7px 0;
	margin:15px 0;
	border-top:1px solid #005363;
	border-bottom:1px solid #005363;
	font-style: italic;
	font-size:13px;
	text-align:center;
}

/* CONTENT */
.contentTitle{
	margin:0 0 10px;
}
.col1 .contentTitle{
	margin:0 0 10px 165px;
}
/* fce 2 colonnes */
.col2{
	
}
.col2.left{
	float:left;
	width:140px;
}
.col2.left .csc-textpic-imagewrap{
	margin:-31px 0 0 -79px;
}
aside .csc-textpic-image{
	margin-left:0 !important;
}
.col2.left .csc-textpic-caption, aside .csc-textpic-caption{
	display:none;
}
.col2.right{
	margin:0 0 0 165px;
}

/* fce 2 colonnes HOME */
.col2home{
	/*margin:45px 0 0*/
	margin:0;
}
.col2home .col2.left{
	float:left;
	/*width:370px;*/
	width:140px;
}
.col2home .col2.right{
	/*margin: 0 0 0 390px;*/
	margin:0 0 0 165px;
}

/* fce 3 colonnes */
.col3{
	
}
.col3.left{
	float:left;
	width:140px;
}
.col3.center{
	float:left;
	width:297px;
	margin:0 0 0 25px;
}
.col3.right{
	float:right;
	width:297px;
}
.col3 p, .col3 h3{
	margin:0 0 5px;
	line-height:normal;
}
.col3 h3{
	font-family: 'ipjj-bold', Verdana, sans-serif;
}
/* FOOTER */

footer a{
	color:#FFF;
}
.footLeft{
	/*float:left;
	width:380px;
	padding:25px 0 0 80px;*/
}
.footRight{
	/*margin:0 0 0 470px;*/
	margin:0 0 0 245px;
	padding:50px 0 0 0;
}
/* NAV */
nav{
	font-family: 'ipjj-bold', Verdana, sans-serif;
}
nav a{
	text-decoration: none;
}
nav li a, #navLang li{
	display:block;
	float:left;
	height:22px;
	color:#FFF;
}
nav li{
	display:block;
	float:left;
}
#navMain li a{
	font-size:16px;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	background:url(../images/navMain_li.png) left 7px no-repeat;
}
#navMain li.first a, #navSub li.first a{
	margin:0;
}
#navMain li.active a, #navMain li:hover a{
	background-position:left -182px;
	color:#F5A705;
}
#navSub li a{
	font-size:14px;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	background:url(../images/navSub_li.png) left 6px no-repeat;
	font-family: 'ipjj', Verdana, sans-serif;
}

#navSub li.active a, #navSub li:hover a{
	background-position:left -184px;
	color:#005363;
}

/* NAV LANGUES */

#navLang li a, #navLang li.off{
	font-size:14px;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
	background:url(../images/navLang_li.png) left 6px no-repeat;
	font-family: 'ipjj', Verdana, sans-serif;
}
#navLang li.active a, #navLang li:hover a{
	background-position:left -184px;
	color:#F5A705;
}
#navLang li.off{
	background:none;
	color:#CCC;
}

/* NEWSLETTER SUBSCRIBE */

#subscribe{
	position:relative;
}
#subscribe .subscribeHeader{
	font-family: 'ipjj-bold', Verdana, sans-serif;
	font-size:15px;
	margin:0 0 2px;
}
#subscribe .email{
	width:365px;
	height:20px;
	border:none;
	color:#005363;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    background: #FFF;
}
#subscribe .send, #tx-sremailsubscribe-pi1-tt_address_form .send, .tx-sremailsubscribe-pi1-submit{
	display: block;
	float:left;
    padding:5px 7px !important;
	text-transform:uppercase;
    color: #005363;
	font-weight:bold;
	background:#F5A705;
	border:none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin:8px 10px 0 0 !important;
	font-size:12px;	
}
#subscribe .subscribeLoading{
	position:absolute;
	left:100px;
	bottom:5px;
}
#subscribe .error{
	font-size:11px;
	margin:0;
	padding:0;
}

/* buttons */
.button{
	display: inline-block;
    height:30px;
    padding:5px 7px;
	text-transform:uppercase;
    color: #FFF;
	font-weight:bold;
	background:#8C9291;
	border:none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin:0 0 0 10px;
	font-size:12px;
}
.col2home .button{
	/*margin:0;*/
}

/* PANEL MEMBERS & REGIONAL STANDARDS*/
.memberImg{
	float:left;
	width:115px;
	text-align: center;
}
/* .member img{
	float:left;
}
*/

.memberTitle, .memberContent{
	margin:0 0 0 165px;
}
.memberContent, .standardsContent{
	padding:0 0 5px;
	margin-bottom:20px;
	border-bottom: 1px solid #A4A9A8;
}
.memberContent .details{
	text-align: justify;
}
.standardsContent .summary, .standardsContent .details{
	margin:10px 0 0;
}
.truncate_more_link, span.read-more a, span.read-less a{
	display:block;
	height:22px;
	color:#A4A9A8;
	margin:10px 0 0;
	padding:0 30px 0 0;
	text-align:right;
	background: url(../images/more_bg.png) no-repeat right top;
}
/* GLOASSARY */

div.tx-contagged-pi1 dt {
	
}
.tx-contagged-index{
	margin:20px 0;
}
div.tx-contagged-index span {
	margin: 0 0 0 13px;
	font-weight:bold;
}
.tx-contagged-index a{
	color:#ea6779;
}
.glossList{
	margin:0 0 10px;
}

/* LISTE FICHIERS A TELECHARGER */
table.csc-uploads{
	margin:10px 0;
}
.csc-uploads tr{
	height:30px;
}
.csc-uploads td{
	padding:0 5px 0 0;
}
.csc-uploads td.csc-uploads-fileName{
	padding:0 20px 0 0;
}
/* TOOLTIP - GLOSSARY */
.tx-contagged-tooltip .trigger a, dfn a, abbr a{
	color:#005363;
	border-bottom: 1px dotted;
}

/* position:relative is necessary for correct positioning of inline descriptions */
span.tx-contagged-tooltip {
	position: relative;
}
/* z-index makes sure the block is the top most element */
span.tooltip{
	background: #005363;
	display: none;
	color:#FFF;
	padding:10px;
	width:150px;
	z-index:999;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow:0 0 6px #444;
	-webkit-box-shadow:0 0 6px #444;
}
span.tooltip a{
	color:#FFF;
	font-weight: bold;
}
span.tooltip em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:transparent transparent #005363;
	/* positioning */
	position:absolute;
	top:-20px;
	left:25px;
}
.gloassaryLink{
	display:block;
	text-align: left;
	font-style:	normal
}
.tooltipContent{
	font-weight: normal;
	text-align: justify;
	font-style:	normal;
	font-size: 11px;
	line-height: 1em;
}

/* IPJJDOCS */
.docSingle h3{
	font-family: 'ipjj-bold', Verdana, sans-serif;
	font-size:16px;
}
.docSingle .author{
	font-weight:bold;
	margin:0 0 20px;
	
}
.docSingle .description{
	text-align:justify;
}

/* JQUERY LIST-NAV  */
#myList-nav{
	margin:10px 0;
}
.listNav {
	margin: 0 0 10px;
}
.ln-letters {
	overflow: hidden;
}
.ln-letters a {
	display: block;
	float:left;
	font-weight: bold;
	margin:0 12px 0 0;
	color:#ea6779;
}
.ln-letters a.ln-last {
}
.ln-letters a:hover, .ln-letters a.ln-selected {
	color:#ea6779;
}
.ln-letters a.ln-disabled {
	color: #005363
}
.ln-letter-count {
}

/* BROWSER FRONTEND ENGINE - DEFAULT CSS */
.tx-browser-pi1 div.azSelector, .tx-browser-pi1 div.modeSelector {
    padding: 5px 0;
}
.tx-browser-pi1 ul{
	margin:0 !important;
	list-style: none;
}
.tx-browser-pi1 ul.azSelector, .tx-browser-pi1 ul.modeSelector {
    margin: 0;
    padding: 0;
}
.tx-browser-pi1 ul.azSelector li, .tx-browser-pi1 ul.modeSelector li{
	display:inline;
	margin:0;
	padding:0;
	border:none;
}
.tx-browser-pi1 ul.azSelector li a, .tx-browser-pi1 ul.modeSelector li a {
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
}
.tx-browser-pi1 ul.azSelector li.last, .tx-browser-pi1 ul.modeSelector li.last {
    border-right: 0 none;
}
.tx-browser-pi1 ul.azSelector li a:hover, .tx-browser-pi1 ul.modeSelector li a:hover{
	/*color:#ea6779;*/
}
.tx-browser-pi1 ul.azSelector li.selected a, .tx-browser-pi1 ul.modeSelector li.selected a, .tx-browser-pi1 ul.azSelector li.selected, .tx-browser-pi1 ul.modeSelector li.selected{
	background: none;
	background-color:transparent;
	margin:0;
	padding:0;
	color:#F67800;	
}
.txbrowserpi1loader {
    background: url("/typo3conf/ext/browser/res/images/browser_loader.gif") no-repeat scroll center center #FFFFFF;
    height: 30px;
    left: 0;
    margin: 0 0 -42px;
    opacity: 0.8;
    position: relative;
    width: 100%;
    z-index: 2;
}
.no-js #docLoader, .js #docLoader { display: none; }
.js #docLoader {
	opacity: 0;
	position: absolute;
	left: 300px;
	top: 200px;
	z-index: 1000;
	padding:50px;
	text-align: center;
	background: #fff url("/typo3conf/ext/browser/res/images/browser_loader.gif") center 18px no-repeat;
	color: #005363;
	font-size:18px;
	font-weight:bold;
	border-radius: 10px;
	-webkit-box-shadow: 0px 10px 50px 20px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 10px 50px 20px rgba(0, 0, 0, 0.4);
}
.loading {
    opacity: 0.8;
}
.txbrowserpi1ajaxerror {
    color: #DD0000;
}
/* BROWSER FRONTEND ENGINE */
.icon-ressourcer{
	height:70px;
	margin:25px 0 0;
}
.icon-ressourcer .docsource-img{
	display:block;
	float:left;
	text-align:center;
	width:86px;
}

.docs-searchbox{
	margin:20px 0 0;
}
.docsearchbox, .docsearchboxL{
	width:360px;
	height:30px;
	background:#FFF url(../images/searchbox_bg.png) 10px 12px no-repeat;
	border:none;
	color:#005363;
	padding:5px 5px 5px 30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:0 0 15px;	
}
.col2home .docsearchbox{
	float:left;
	background-position:10px 8px;
	height:21px;
	padding-top:4px;
}
.docsearchboxL{
	width:425px;
}
.advancedsearch{
	margin:-5px 5px 10px 0px;
	color:#EA6779;
	cursor:pointer;
	text-align: right
}
.searchatribute{
	margin:0 0 10px;
}
span.searchlabel{
	display:inline-block;
	width:150px;
	vertical-align: top;
	padding:10px 0 0;
}
.executesearch{
	text-align: right;

}
.col2home .executesearch{
	text-align: left;
}

li.search-field input.default{
	display:inline-block;
	width:435px !important;
}

/* documents */

.docList h3 a{
	color: #F67800
}

/* a to z */

.azSelector{
	margin:20px 0;
}
.azSelector .tab-all span{
	margin-left:0;
}
.azSelector span {
	margin: 0 0 0 16px;
	font-weight:bold;
}
.azSelector li a{
	color:#ea6779;
}

/* panel member presence*/
.panelList ul{
	margin:0 0 10px !important;
}
.panelList strong{
	display:block;
}
.panelList li{
	display:inline;
	padding:0 3px 0 0 !important;
}
.panelList strong a{
	color:#005363;
}
/* GENERAL FORM */
input.inputbox{
	width:360px;
	height:30px;
	background-color:#FFF;
	border:none;
	color:#005363;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:0 0 15px;
}
/* login form */
.tx-felogin-pi1 .login{
	width:500px;
}
.tx-felogin-pi1 .logout{
	width:200px;
	margin:10px;
}
.tx-felogin-pi1 label{
	float:left;
	width:130px;
	padding:10px 0 0;
}
.tx-felogin-pi1 .logout label{
	display:none;
}
.tx-felogin-pi1 legend{
	display:none;
}
.tx-felogin-pi1 fieldset{
	margin:20px 0;
}
.tx-felogin-pi1 .button{
	float:right;
	margin:0 115px 0 0;
}
.tx-felogin-pi1 .logout .button{
	float:none;
	margin:10px 0;
}
.navSub [title="Experts Roster"]{
	margin:0 !important
}