/** CPV - Charte graphique **/
@CHARSET "ISO-8859-1";

/* ------------------------------------------------------
 ** ---------------------- Commons ----------------------
 * ------------------------------------------------------*/
.cpv-input{
	outline: none;
}
.cpv-input.high {
	height: 25px;
}

.cpv-input.low {
	height: 19px;
}

.cpv-input:disabled {
	opacity: 0.5;
}
.disabled {
	opacity: 0.5;
}

.center{
	text-align: center;
}

div.hideOverflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.ie7 div.hideOverflow{
    zoom: 1; /*offre le layout à un élément (*)*/
    display: inline;
}

.select-display-text {
	display: none;
}

.right {
	float: right;
}

/* ------------------------------------------------------
 ** ---------------------- Bubbles ----------------------
 * ------------------------------------------------------*/
 .qtip{
 	max-width: none;
 }

/* ------------------------------------------------------
 ** ---------------------- Buttons ----------------------
 * ------------------------------------------------------*/
.cpv-input.button {
	padding: 0px 10px;
	color: #333333;
	background-color: #b3b3b3;
	border-radius: 3px;
	border-color: #b3b3b3;
	border-style: solid;
	cursor:pointer;
	-webkit-appearance: none;
	overflow: visible;
	font-size: 11px;
	font-family: Verdana;
	text-align: center;
}

.cpv-input.button.light {
	background-color: #cccccc;
}

.cpv-input.button:hover:not(:disabled){
	color: #ffffff;
	background-color: #999999;
	border-color: #999999;
	opacity: 1;
}

.cpv-input.button.black{
	color: #ffffff;
	background-color: #000000;
	border-color: #000000;
}

/* specific style for Eduthèque resources downloading button */
#downloadForm .cpv-input.button.black {
	margin-top: 10px;
}

.cpv-input.button.black:hover:not(:disabled){
	color: #FE3100;
	background-color: #000000;
	border-color: #000000;
}
.cpv-input.button.large {
	width: 168px;
}
.cpv-input.button.small {
	min-width: 65px;
}

.close_black {
    background-image: url('../images/icons/fermer-noir.png');
    background-repeat: no-repeat;
    background-position: 0 2px;
    min-width: 8px;
    min-height: 10px;
    cursor: pointer;
}

.close_white{
    background-image: url('../images/icons/fermer-blanc.png');
    background-repeat: no-repeat;
    background-position: 0 2px;
    min-width: 8px;
    min-height: 10px;
    cursor: pointer;
}
.close_white:hover{
    background-image: url('../images/icons/fermer-noir.png');
}

/* ------------------------------------------------------
 ** ---------------------- Checkboxes -------------------
 * ------------------------------------------------------*/
input[type="checkbox"].cpv-input.check {
 	position: absolute;
	left: -2000px; 
}

input[type="checkbox"].cpv-input.check+label {
	display: inline;
}

input[type="checkbox"].cpv-input.check+label span{
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px 2px 5px;
	width: 15px;
	height: 15px;
	border-color: #b3b3b3;
	border-width: 1px;
	border-radius: 3px;
}

input[type="checkbox"].cpv-input.check.small+label span{
	width: 11px;
	height: 11px;
	background-color: #cccccc;	
	border-style: none;
}

input[type="checkbox"].cpv-input.check.small.white+label span{
    background-color: #ffffff;
}

input[type="checkbox"].cpv-input.check.big+label span{
	width: 15px;
	height: 15px;
	background-color: #ffffff;	
	border-style: solid;
}

input[type="checkbox"].cpv-input.check.checked+label span{
	background: url(../images/icons/cocherH13.png) 50% no-repeat;
}

input[type="checkbox"].cpv-input.check.small.checked.white+label span {
    background-color: #ffffff;
}

input[type="checkbox"].cpv-input.check.small.checked+label span {
	background-size: 7px;
	background-color: #cccccc;
} 

input[type="checkbox"].cpv-input.check.big.checked+label span {
	background-size: 9px;
	background-color: #ffffff;
}

input[type="checkbox"].cpv-input.check.big.grey+label span {
    background-size: 9px;
    background-color: #cccccc;
}

/* ------------------------------------------------------
 ** ---------------------- Radios -----------------------
 * ------------------------------------------------------*/
input[type="radio"].cpv-input {
/* 	display: none;  IE 7/8 don't like display:none; ... */
	position: absolute;
	left: -2000px;
}

input[type="radio"].cpv-input.radio+label {
	display: inline;
}

input[type="radio"].cpv-input.radio1+label:before {
	content: '';
	display: inline-block;
	padding: 0px 0px 2px 5px;
	height: 19px;
	width: 19px;
	vertical-align: middle;
	background-image: url(../images/icons/unchecked-radio.png);
	background-repeat:no-repeat;
}

input[type="radio"].cpv-input.radio1.checked+label:before {
	background-image: url(../images/icons/checked-radio.png);
}

input[type="radio"].cpv-input.radio2+label {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 10px;
	vertical-align: middle;
	background-image: url(../images/icons/radio2.png);
	background-repeat:no-repeat;
}

input[type="radio"].cpv-input.radio2.checked+label {
	background-image: url(../images/icons/radio2-checked.png);
}

input[type="radio"].cpv-input.radio2+label.active:hover {
	background-image: url(../images/icons/radio2-hover.png);
}

/* ------------------------------------------------------
 ** --------------- Text / Text Area -------------------------
 * ------------------------------------------------------*/
.cpv-input.text {
	height: 25px;
	line-height: 25px;
	color: #808080;
	background: #ffffff;
	border-style: solid;
	border-color: #b3b3b3;
	border-width: 1px;
	padding-left: 10px;
	margin-left: 0px;
}
.bulleMenuRougeClass .cpv-input.text,
.cpv-input.text.on-orange-background {
	border-color: #FE3100;
}
.cpv-input.text:focus {
	color: #000000;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.cpv-input.text.invalid {
	border-color: #FE3100;
}
.cpv-input.text.small {
	font-size:100%;
	height : 19px;
	line-height: 19px;
}
.cpv-input.text.large {
	height : 60px;
	padding: 10px;
	line-height: 13px;
}

/* ------------------------------------------------------
 ** ---------------------- Select -----------------------
 * ------------------------------------------------------*/

 .cpv-input.button.cpv-select{
	width:100%;
	box-sizing:border-box;
	padding: 0 18px 0 10px;
	background-image: url('../images/icons/double_triangle_black.png');
	background-repeat:no-repeat;
	background-position: 90% center; 
	border: none;
	cursor:pointer;
	overflow:hidden;
	text-overflow: ellipsis;;
	text-align: left;
	white-space: nowrap;
	word-wrap:normal;
}
 .cpv-input.button.cpv-select:hover:not(:disabled){
 	background-image: url('../images/icons/double_triangle_highlight.png');
 }

.light-background.cpv-input.select {
	
}

.orange-background.cpv-input.select {
	
}

.ui-autocomplete-category {
font-weight: bold;
}
/* overide jquery ui combobox style */
.cpv-select-override {
	border-radius: 0px; 
	border: 1px solid #000; 
	border-top: 0px; 
	z-index: 20000;
}

.cpv-select-override li a.ui-state-hover,
.cpv-select-override li a.ui-state-focus {
	border: none; 
	background: #FFF;
	color: #999999;
}

/* ------------------------------------------------------
 ** ---------------------- Autocomplete JQueryUI --------
 * ------------------------------------------------------*/
.ui-menu-item{
	cursor:pointer;
	padding:0px;
}
.ui-menu .ui-menu-item a{
	padding-left:10px;
	color: #000000;
	font-size:1em;
}
.ui-autocomplete{
	padding-top:10px;
	padding-bottom:10px;
}
.ui-autocomplete.autocomplete-cdr {
	min-width: 312px;
    top: 50px;
    left: 30px;
    border-radius: 0px;
}
.ui-autocomplete.autocomplete-top-menu {
	min-width: 133%;
    top: 25px;
    border-radius: 0px;
}
#main-menu-top .main-menu .ui-autocomplete li a {
	white-space: nowrap;
	text-transform: none;
}
.ui-widget{
	font-family:inherit;
}
.ui-widget-content{
	background:#FFFFFF;
}
ul.ui-widget-content{
	border: 1px solid #000000;
}

/* ------------------------------------------------------
 ** ---------------------- Tabs JQueryUI ----------------
 * ------------------------------------------------------*/
.tabs-bottom { 
	padding: 0px; 
	background: none; 
	border-width: 0px;
}
.tabs-bottom .ui-state-default, .tabs-bottom .ui-widget-header .ui-state-default{
	background: transparent; 
}

.tabs-bottom .ui-tabs-panel
,  .tabs-bottom #tabs-keywords_edit.ui-tabs-panel{ 
	background: #F2F2F2;
	border-color:#B3B3B3;
	border-width: 1px 1px 0px 1px; 
}

.tabs-bottom .ui-tabs-nav, #keywords_contrib.tabs-bottom .ui-tabs-nav { 
	padding: 0px; 
	background: transparent; 
	border-width: 1px 0px 0px 0px; 
	border-radius: 0px; 
}
.tabs-bottom.ui-tabs .ui-tabs-nav li{
	border:0px;
	border-top: 0 !important;
	padding:0;
	top:-1px;
}
.tabs-bottom.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	background: #F2F2F2;
	border-color:#B3B3B3;
	border: solid 1px #B3B3B3;
	border-bottom: solid 1px #B3B3B3 !important;
}
.tabs-bottom.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0;
}
.tabs-bottom.ui-tabs .ui-tabs-nav li {
	margin: 0;
}
.ui-tabs .ui-tabs-nav li a{
	float:none;
	padding:0;
}
.two-lines-cell {
    height: 2.4em;
    overflow-x: hidden;
    overflow: hidden;
    margin: 0;
    display: block;
}
.multilines-cell {
    overflow-x: hidden;
    overflow: hidden;
    margin: 0;
    display: block;
}
.groups-description {
	position: relative;
    overflow: hidden;
}
.groups-description div {
    position: absolute;
}
.groups_alerts div {
	min-height: 2.4em;
}

/* ------------------------------------------------------
 ** ---------------------- Links Behaviour ----------------
 * ------------------------------------------------------*/
 /*-----------
    Utils
 -----------*/
.link-dotted {
    border-bottom: 1px dotted;
}
.black {
	color: #000;
}
 /*
 	Works if style put on tag a directly or on a direct parent of a tag a
 */
.link-black-on-white,
.link-grey-on-white,
.link-white-on-black,
.link-white-on-orange,
.link-white-on-grey,
.link-orange-on-white {
  	cursor: pointer;
}

.link-black-on-white,
.link-black-on-white > a {
	color: #000;
}
.link-black-on-white:hover,
.link-black-on-white:hover > a {
	color: #999;
}
.link-grey-on-white,
.link-grey-on-white > a {
	color: #999;
    border-color: #999;
}
.link-grey-on-white:hover,
.link-grey-on-white:hover > a {
	color: #000;
    border-color: #000;
}
.link-grey333-on-white,
.link-grey333-on-white > a {
    color: #333;
    border-color: #333;
}
.link-grey333-on-white:hover,
.link-grey333-on-white:hover > a {
    color: #000;
    border-color: #000;
}
.link-white-on-black,
.link-white-on-black > a {
	color: #FFF;
}
.link-white-on-black:hover,
.link-white-on-black:hover > a {
	color: #999;
}
.link-white-on-orange,
.link-white-on-orange > a {
	color: #FFF;
}
.link-white-on-orange:hover,
.link-white-on-orange:hover > a {
	color: #000;
}
.link-black-on-orange,
.link-black-on-orange > a {
	color: #000;
	border-color: #000;
}
.link-black-on-orange:hover,
.link-black-on-orange:hover > a {
	color: #FFF;
	border-color: #FFF;
}
.link-white-on-grey,
.link-white-on-grey > a {
	color: #FFF;
}
.link-white-on-grey:hover,
.link-white-on-grey:hover > a {
	color: #000;
}
.link-orange-on-white,
.link-orange-on-white > a {
	color: #FE3100;
}
.link-orange-on-white:hover,
.link-orange-on-white:hover > a {
	color: #000;
}