/************************************************************************/
/************************************************************************/
/*********************** RESULTATS DE RECHERCHE POUR ********************/
/*************** LISTE DES LIVRES EN GESTION COLLECTIVE *****************/
/************************************************************************/
/************************************************************************/
.liste-resultats-recherche ul {
    list-style : none outside none !important;
    margin: 0;
    padding: 0;
}

.liste-resultats-recherche li {
	list-style : none outside none !important;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #D3D3D3;
    padding: 16px 14px 12px 4px;
}

.liste-resultats-recherche li .numero {
	float:left; 
	min-width:34px; 
	text-align:center; 
	color:#969696; 
	font-size:1.34em;
	margin-right : 2px;
}

/**
 * Nombre d'editions recensees pour une oeuvre
 */
.liste-resultats-recherche .nbeditions {
	color: #196073;
    font-family: 'OpenSansRegular';
    font-size: 0.95em;
    font-weight: normal;
}


.liste-resultats-recherche li .contenu {
	margin-left:36px;
}

.liste-resultats-recherche  li .contenu h2 {
	margin:0 0 8px; 
	font-family:'OpenSansRegular'; 
	font-weight:bold; 
	color:#002343; 
	font-size:1.21em; 
	line-height:1.3em;
}


.liste-resultats-recherche li .contenu p {
	margin:8px 0; 
	font-size: 1.1em;
}
.liste-resultats-recherche li .contenu p strong {
	font-weight:normal; 
	color:#005870;
}

/**
 *  Css pour n'importe quel lien de recherche
 */
.liste-resultats-recherche a.lien-recherche {
	float: right;
	background: url(/images/resultats_recherche_lien.gif) left 0.2em no-repeat;
	background-position : left center;	
	padding-left: 12px;
	padding-right: 12px;
}

/**
 * Partie tri/pagination de la recherche
 */
.tri-et-pagination {
    padding: 6px 0;
}


.tri-et-pagination .tri {
    float: left;
    padding-top: 2px;
    width: 33%;
    height : 26px;
    vertical-align : middle;
}


.tri-et-pagination .tri select {
    vertical-align: middle;
    width: 33%;
}


.tri-et-pagination .pagination {
	margin-left: 7%; 
	float: left; 
	text-align: center;
}

.tri-et-pagination .nbResultats {
	float: right; 
	text-align: center;
	height : 26px;
	vertical-align : middle;
}


.tri-et-pagination img {
	vertical-align:middle;
}


.tri-et-pagination .tri label {
    display: inline-block;
    font-size: 1.1em;
    vertical-align: middle;
}

.tri-et-pagination .input {
    background: url("/images/pagination_input2.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
}

.tri-et-pagination .input input {
    background: url("/images/pagination_input1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #585858;
    height: 1.9em;
    line-height: 1.7em;
    text-align: center;
}


/**
 * Numero de page a 2 chiffres max
 */
.tri-et-pagination input.page2digits {
    width: 20px;
}

/**
 * Numero de page a 3 chiffres  max
 */
.tri-et-pagination input.page3digits {
    width: 30px;
}

/**
 *Numero de page a 4 chiffres  max
 */
.tri-et-pagination input.page4digits {
    width: 38px;
}


/**
 * Bouton submit sans border ni image de fond (button type=submit)
 */
button.boutonsubmit {
	border: none!important;
	background: none!important;
	padding: 0px !important;
}



/********************* RECHERCHE AVANCEE **/
.formulaireRechercheAvancee input[type="text"] {
	width:250px;
}

.rechercheAvanceeLien a{
	font-size:x-small;
}


/**
 * Lien de retour sur les écrans
 */
.bandeau-retour {padding:6px 20px;}
.bandeau-retour a {background:url(/images/puce_lien_retour.gif) left 0.3em no-repeat; padding-left:12px;font-size: 13.2px;}


/********************** FORMULAIRES **/
ul li button.bouton-retrait {
	padding-left:10px;
	color:#a2005c;
	font-family:'OpenSansLight';
	font-size: 1.5em;
    font-weight: bold;
	background:url(/images/detail_action.png) left 0.3em no-repeat;
	border:none;
}

.formulaire-demande {
	margin-left: 170px;
	margin-right: 170px;
	margin-bottom: 15px
}

.formulaire-demande input[type="text"] {
	width: 180px;
}

.formulaire-demande fieldset {
	width: 100%;
	margin: auto;
}

p.rappel-coordonnees {
	margin-bottom: 10px;
}

form#formulaireOpposition fieldset {
	width: 100%;
	margin: auto;
}

form#formulaireOpposition fieldset.validationFieldset {
	margin-bottom : 15px;
}


div.encadre {
	width: 75%;
	margin: auto;
	padding: 2px 0px;
}

.pk {
	font-size: 14px;
	text-align: justify;
}

.pk-souligne {
	font-size:1em;
	text-decoration:underline;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Submit caché */
.hidden-submit {
	border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* label + input */
.blocChamp {
	display:block;
	padding-bottom: 8px;
}

form#formulaireOpposition .coordonnees label ,form#formulaireUtilisateur .coordonnees label {
	clear: left;
	width: 40%;
	padding-right: 5px;
}

form#formulaireOpposition .auteurFieldset label,form#formulaireUtilisateur .auteurFieldset label {
	 padding-right: 5px;
	 clear: left; 
	 float: left;
}

form#formulaireOpposition .validationFieldset label,form#formulaireUtilisateur .validationFieldset label {
	 width:40%;
	 padding-right: 5px;
	 clear: left;
	 float: left;
}

form#formulaireOpposition .qualiteAuteur label,form#formulaireUtilisateur .qualiteAuteur label{
	 width:25%;
	 padding-right: 5px;
	 clear: left;
	 float: left;
}

.blocChamp {
	display:block;
	padding-bottom: 8px;
}

form#formulaireOpposition input[type="text"],form#formulaireUtilisateur input[type="text"],
form#formulaireOpposition input[type="password"],form#formulaireUtilisateur input[type="password"],
form#formulaireOpposition input[type="textarea"],form#formulaireUtilisateur input[type="textarea"] {
	width: 180px;
}

div#formulaireCoordonneesGauche {
	padding: 3px 8px;
	border: 1px solid rgb(217, 216, 214);
	float: left;
	display: block;
	width: 46%;
}

div#formulaireCoordonneesDroite {
	padding: 3px 8px;
	border: 1px solid rgb(217, 216, 214);
	margin-left:2px;
	float: right;
	display: block;
	width: 46%;
}

#formulaireOpposition label, #formulaireUtilisateur label, #formulaireAnnulerDemandeUnitaire label {
	display:inline-block;
	width:31%;
	vertical-align: top;
}

#formulaireOpposition td label {
	display:inline;
	vertical-align: top;
}

.btAction {
	background:url(/images/resultats_recherche_lien.gif) left 0.3em no-repeat;
    cursor  : pointer;
    font-size   : 16px;
    border  : none;
    color: #005870;
    text-decoration: none;
    padding-left: 12px;
    padding-right: 12px;
    font-family: 'OpenSansRegular';
    font-size: 1em;
}

.btAction:hover {
    text-decoration: underline;
    color: #005870;
}

#formulaireOpposition input,#formulaireUtilisateur input {
	display: inline-block;
}

.rouge {
	color:red;
}

.vert {
	color:green;
}

.bleu {
	color:blue;
}

.messageErreur{
	white-space: pre-line
}

.label_ko {
/* 	 border: 1px solid red;  */
	color:red;
}

.demandeRetraitOeuvre {
	margin:auto;
}

.auteurFieldset, .ayantDroitFieldset, .editeurFieldset {
	display:none;
}

p#btn_soumission {
	text-align: center;
}

a.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
a.linkButton {
  background:#EEEEEE;
  border: 1px solid #000000;
  border-radius: 3px 3px 3px 3px;
  text-decoration:none !important;
  min-width:60px;
  min-height:20px;
  color:#333333;
  display: inline-block;
}

h2#numeroDemandeRetrait {
	text-align: center;
}

.captcha {
	position:relative;
	margin-left:40%;
	text-align:right;
}

.contenuResultatRecherche {
	display:block;
	margin-left: 20px;
}

.demandeManifestation form, .demandeOeuvre form {
	display:inline;
}

.demandeOeuvre, .demandeManifestation{
	text-align:center;
}

.demandeOeuvre {
	margin-top:15px;
}

form#formulaireErreur label, form#formulaireDisponibilite label, form#formdemandedisponibiliteselection label {
	float : left;
	width: 35%;
	padding-right: 8px;
	color: black;
}

/**
Gestion des pages de disponibilité
*/
form#formdemandedisponibiliteselection fieldset {
	color: black;
	font-family: 'OpenSansRegular';
}

.titreOeuvreDisponibilite{
	color: #005870;
	font-family: 'OpenSansRegular';
	font-size: 1.15em;
	font-weight: bold;
}

/* form#formulaireErreur .captcha, */
/* form#formulaireDisponibilite .captcha { */
/* 	position:relative; */
/* 	margin-left:30%; */
/* 	text-align:right; */
/* } */

span.adresse {
	display:block;
	width:100%;
	margin: 0 35%;
}

fieldset {
	padding-left:5px; padding-top:15px;
}

.numerotation {
	float: left;	
}

.corps .corps-inner p.texteCNIL,
.corps .colonnedroite p.texteCNIL,
p.texteCNIL {
	font-size: x-small;
	text-align: justify;
}

fieldset legend {
	font-weight: bold;
}

span.autreQualiteAuteur {
	display: none;
}



#formulaireErreur fieldset,
#formulaireDisponibilite fieldset {
	margin-bottom: 15px;
}



/********* POPUP **/
div#pop-up {
  display: none;
  position: absolute;
  width: auto;
  height: auto;
  padding: 10px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #e6e6e6;
  font-size: 90%;
  text-align:center;
}


.js {
display: none;
}

.hidden{
	display: none !important;
}

/** Liste de notices ***/
.titre-oeuvre a {
	color: #002343;
}

h2.titre-oeuvre {
	margin: 0 0 8px;
	font-family: 'OpenSansRegular';
	font-weight: bold;
	color: #002343;
	font-size: 1.15em;
	line-height: 1.3em;
}

.actions a,
.plus-actions a {
	background:url(/images/resultats_recherche_lien.gif) left 0.3em no-repeat;
	padding-left:12px;
}

.plus-actions form{
	display: inline;
}

ul.liste-rappel-formulaire {
	margin: 30px;
	padding: 0;
	list-style: none;
}

p.zone-notice strong {
	font-weight: normal;
	color: #005870;
}


/***********************************************************************/
/***************************** SELECTION *******************************/
/***********************************************************************/
 
 
/**
 * Message d'action sur la selection
 */
.messagesSelection {
	color: #005870;
    font-family: 'OpenSansRegular';
    font-size: 1em;
    font-weight: bold;
    float:right;
    text-align: right;
}

/**
 * Message d'erreur sur la selection
 */
.messagesErreurSelection {
	color: #701800;
    font-family: 'OpenSansRegular';
    font-size: 1em;
    font-weight: bold;
    float:right;
    text-align: right;
}

/**
 * Zone globale d'entete de la selection
 */
.selection-entete {
	background: #e6e6e6;
	padding : 2px;
}

/**
 * Titre de la liste des éléments dans la selection (dans l'entete)
 */
.selection-titre {
	width: calc(100% - 120px);
	text-align: center;
}

/**
 * Lien de vidage de la selection (dans l'entete)
 */
.selection-vider {
	text-align: center;
	min-width: 120px;
	float: right;
	font-weight : bold;
		margin-top : -32px;
}


/**
 * Partie commune aux deux écrans de la selection
 */ 
.selection-intro {
	margin-left : 180px;
	margin-right : 30px;
}
 
/**
 * Page principale de la selection (apres intro)
 */
.selection-mainPage {
	margin-left : 180px;
	margin-right : 30px;
}


/**
 * Bouton sous la selection, a gauche
 */
.selection-boutons-bottom {
	padding-left : 10px;
	padding-right : 10px;
	margin-top : 30px;
	margin-bottom : 30px;
}
/**
 * Bouton sous la selection, a gauche
 */
.selection-bouton-bottomLeft {
	float: left;
}
 /**
 * Bouton sous la selection, a droite
 */
 .selection-bouton-bottomRight{
	float: right;
}
 
/**
 * Ensemble des lignes de la selection
 */
ul.selection  {
	padding : 0;
	margin-top : 0;
	border-bottom: none;
	border-top: 1px solid #D3D3D3;
}
 
ul.selection li {
	border-bottom: none !important;
}

/**
 * Contenu de chaque ligne de la selection
 */
ul.selection .contenu {
	width : calc(100% - 36px);
	text-align : justify;
}

/**
 * Message sur les oppositions en cours
 */
ul.selection li .opposition-en-cours {
	width: calc(100% - 511px);
	min-width: 300px;
}

/**
 * Div contenant tous les liens d'un élément de la selection
 */
ul.selection .liens-element-selection {
	width: 536px;
	float: right;
}

/**
 *  Css pour n'importe quel lien d'un element de la selection
 */
div.lien-element-selection {
	float: right;
	background: url(/images/resultats_recherche_lien.gif) left 0.2em no-repeat;
	background-position : left center;	
	padding-left: 12px;
	padding-right: 12px;
}

/**
 * Lien pour retirer l'élement de la selection
 */
div.lien-element-selection .retirerSelection{
	min-width: 104px;
}

/**
 * Lien pour voir les autres editions
 */
div.lien-element-selection .voirAutresEditions {
	min-width: 358px;
}

 /**
  * Div générale contenant la pseudo popup de détail des autres éditions
  * et réalisant l'effet de popup en grace au padding 40px.
  */
 .zoneDetailSelection{
	height: auto;
	background: #D4D4D4;
	margin-left : 180px;
	margin-right : 0px;
	padding-top : 60px;
	padding-bottom : 60px;
}


/**
 * Zone interne de la pseudo popup avec les effets d'ombrage et d'arrondis.
 */
.zoneDetailSelectionContenu{
	padding:10px;
	background-color: white;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
	border-radius: 5px;
	margin-left : 60px;
	margin-right : 60px;
}

/**
 * Zone interne de la pseudo popup avec les effets d'ombrage et d'arrondis.
 */
.zoneDetailSelectionContenu h1{
	text-align : center;
}

/**
 *  Lien retour a la selection
 */
div.lien-retour-selection {
	background: url(/images/puce_lien_retour.gif) left 0.2em no-repeat;
	background-size: 10px 10px;
	background-position : left center;
	padding-left: 12px;
	padding-right: 12px;
	font-size : 1.3em;
}

/**
 * le bouton d'ajout a la selection de la pseudo popup
 */
.zoneDetailSelectionContenu .boutonAjouter{
	text-align: right;
}

/**
 * La sous zone de détail contenant les résultats de recherche.
 */
.zoneDetailSelectionContenu .resultats-recherche{
	min-height: inherit !important;
	background-color: white;
	height: auto;
}

/**
 * le bouton d'ajout a la selection de la pseudo popup
 */
.zoneDetailSelectionContenu .resultats-recherche .liste-resultats{
	height: auto;
	width: 100% !important;
	min-height: inherit !important;
	float : none!important;
}

 /**
  * Masque les numéros de lignes des résultats de recherche dans la pseudo popup de la selection
  */
.zoneDetailSelectionContenu .resultats-recherche .liste-resultats ul li .numero {
	display:none;
}

/**
 * Message sur les oppositions en cours
 */
.zoneDetailSelectionContenu .opposition-en-cours {
	width: calc(100% - 350px) !important;
	min-width: 300px !important;
}

/**
 * Div contenant tous les liens d'un élément de la pseudo popup
 */
.zoneDetailSelectionContenu .plus-actions {
	width: 350px !important;
	float: right !important;
	padding-bottom: 12px;
}
/**
 * Lien d'un élément de la pseudo popup de la selection
 */
.zoneDetailSelectionContenu .plus-actions a{
	background-position : left center !important;	
}


/******************************************************************************/
/*** CSS DES "DOUBLES BOUTONS" (demandes à la sofia et signalement de disponibilité *****/
/******************************************************************************/
/**
 * Début du lien du double bouton (mis en valeur)
 */
button.doubleBouton span {
	color:#a2005c; 
	font-family:'OpenSansLight'; 
	font-size: 17.8px;
    display: block;
    text-align: left;
}
/**
 * Fin du lien du double bouton
 */ 
button.doubleBouton {
    color: #0A566A;
    display: block;
    font-family: 'OpenSansRegular';
    font-size: 13.4px;
    font-weight: bold;
    text-decoration: underline;
	border:none;
	background:white;
}

a.lienSelected {
	text-decoration: none;
	font-size: 14px;
}
button.btnSofiaSelection:hover, a.lienSelected:hover {
	text-decoration: underline;
	text-decoration-color:#a2005c;
}

.hidden-submit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/************************* DEMANDE D'AJOUT *************************************/
div.demande-ajout-champ label {
    display: inline-block;
    width: 20%;
}
span.demande-ajout-titre input[type="text"] {
    width: 500px;
}
span.demande-ajout-nom input[type="text"] {
    width: 240px;
}
span.demande-ajout-prenom input[type="text"] {
    width: 240px;
}
span.demande-ajout-editeur input[type="text"] {
    width: 240px;
}
span.demande-ajout-date-edition input[type="text"] {
    width: 80px;
}
span.demande-ajout-isbn input[type="text"] {
    width: 140px;
}
span.demande-ajout-numero-notice input[type="text"] {
    width: 140px;
}
span.demande-ajout-commentaire textarea {
    width: 500px;
}
span.demande-ajout-coordonnee input[type="text"] {
    width: 240px;
}
span.demande-ajout-tip-display {
    background-color: #FFFFFF;
    border-color: #808080;
    border-style: solid;
    border-width: 2px;
    display: block;
    float: left;
    height: 260px;
    left: 650px;
    position: absolute;
    width: 290px;
}

/***********************************************************************/
/************************* DISPLAYTAG **********************************/
/***********************************************************************/
.displayTable table {
    border-radius: 5px;
    border:1px solid rgb(106, 100, 95);
    width: 100%;
    margin: auto;
}

.displayTable  th, .displayTable  td {
    padding: 2px 4px 2px 4px !important;
    vertical-align: top;
}

.displayTable  th {
    text-align: center;
}

.displayTable  td {
    text-align: left;
}

.displayTable  thead tr {
    background-color: #6ec7d7;
    border:1px solid #005870;
}

.displayTable  th.sorted {
    background-color: #6ec7d7;
}

.displayTable  th a,.displayTable  th a:visited {
    color: black;
}

.displayTable th a:hover {
    text-decoration: underline;
    color: black;
}

.displayTable  th.sorted a,.displayTable  th.sortable a {
    background-position: right;
    display: block;
    width: 100%;
}
/*
.displayTable  th.sortable a {
    background: url(../img/arrow_off.png) no-repeat right center ;
}

.displayTable  th.order1 a {
    background: url(../img/arrow_down.png) no-repeat right center ;
}

.displayTable  th.order2 a {
    background: url(../img/arrow_up.png) no-repeat right center;
}*/

.displayTable  tr.odd {
    background-color: lightgrey;
}

.displayTable  tr.tableRowEven,.displayTable tr.even {
    background-color: #969696;
}

.displayTable span.pagebanner {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    margin-top: 10px;
    display: block;
    border-bottom: none;
}

.displayTable span.pagelinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    display: block;
    border-top: none;
    margin-bottom: -5px;
}

.boutonFormSelection button{
	background: none;
	margin : 0;
	padding: 0;
	font-size : 1em;
	cursor : pointer;
	display: inline-block; 
	text-align: center;
	color: #005870;
	font-family: "OpenSansRegular";
	border : none;
	vertical-align : top;
	height: 100%;
}
/**
 * 
 */
.boutonFormSelection button:hover{
 text-decoration: underline;
}

/***********************************************************************/
/***************** COMPTE UTILISATEUR **********************************/
/***********************************************************************/
div#vousEtesAuteur, div#vousEtesAyantDroit, div#vousEtesEditeur {
	height:40px;
	-moz-border-radius: 15px;
	text-align:center;
	font-family: 'OpenSansBold';
	font-style: normal;
	font-size: 14.8px;
	border-radius: 3px;
	margin-right: 10px;
	padding-top: 13px;
}

div#vousEtesAuteur button, div#vousEtesAyantDroit button, div#vousEtesEditeur button {
	border:none;
	text-decoration:underline;
	font-family: 'OpenSansBold';
	font-size:14.8px;font-style:normal;
	text-align:center;
	color: #FFFFFF;
}
div#vousEtesAuteur button, div#vousEtesAyantDroit button {
	background-color: #1B697F;
}
div#vousEtesEditeur button {
	background-color:#A3005D;
}

div#vousEtesAuteur a, div#vousEtesAyantDroit a, div#vousEtesEditeur a {
	color: white !important;
}

div#vousEtesAuteur, div#vousEtesAyantDroit {
	background-color:#1B697F;
}

div#vousEtesEditeur {
	background-color:#A3005D;
}

button, input[type="button"] {
	cursor : pointer;
}