/* Notice detail */ /*** code comment� et d�plac� dans catagen.css **/ /*#corps .conv-col-md-8 {width: 70.9%;} #corps .conv-col-md-4 {width: 29.1%;} @media (max-width:991px){ #corps .conv-col-md-3, #corps .conv-col-md-6, #corps .conv-col-md-8, #corps .conv-col-md-4 {float:left;} }*/ /* R�cup�rer dans notice d�tail -voir notice.css- */ #corps .conv-col-md-8 {min-width: 72.9%;} /* Bootstrap 4 */ #corps .conv-col-md-4 {max-width: 27.1%;} .actions .outils-notices h2>a:before{font-family: 'pictos'; content:'\e607'; font-weight:normal; position:absolute; font-size:1em; top:10px; right:6px;} .actions .outils-notices h2>button:before{font-family: 'pictos'; content:'\e607'; font-weight:normal; position:absolute; font-size:1em; top:10px; right:6px;} .actions .div-opened h2>a:before{content:'\e60f';} .actions .div-opened h2>button:before{content:'\e60f';} #corps .row .notice-retract { margin-top :-7px;} @media (max-width:992px){ .zone-jeunesse .titrenotices {width: 32.11%; color: #303031; margin-bottom: 0px; margin-top: -22px;} .zone-musique .titrenotices {width: 32.11%; color: #303031; margin-bottom: 0px; margin-top: 10px;} .actions .outils-notices h2>a:before{font-family: 'pictos'; content:'\e607'; font-weight:normal; position:absolute; font-size:1em; top:10px; right:-2px;} .actions .div-opened h2>a:before{content:'\e60f';} .actions .outils-notices, .actions .noticesliees, .actions .oeuvreliees, .actions .localiser, .actions .voirautrebase {width : 113%;} .actions-closed .outils, .actions-closed .autresressources, .actions-closed .noticesliees, .actions-closed .localiser, .actions-closed .oeuvreliees {width : 478%;} #corps .conv-col-md-8 {width: 93.9%;} /* Bootstrap 4 */ #corps .conv-col-md-4 {width: 29.1%;} } .titrenotices {float: left; width: 32.11%; color: #303031; margin-bottom: 18px;} .titrenotices h1 {font-size: 1.3em; font-family: 'roboto_condensed'; font-weight: bold; margin: 0;} .h1index {font-size: 1.3em; font-family: 'roboto_condensed'; font-weight: bold; margin: 10px 0 28px 22px; color:#303031;} .notices-pagination {margin-left: 32.11%; margin-bottom: 18px;} .notices-pagination .pictos {color: #282828; font-size: 0.9em; height: 14px; line-height: 15px; width: 16px;} .notices-pagination .pages a {margin: 0 5px; vertical-align: middle;} .notices-pagination .pages span {vertical-align: middle;} .notices-pagination .pages input[type="text"] {background: #FFFFFF; border: 1px solid #E7E6E8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 29px; margin: 0 9px; padding: 5px; text-align: center; vertical-align: middle; width: 45px;} .notices-pagination ul.pages{padding: 0; list-style-type: none;} .notices-pagination ul.pages li{display: inline; margin-right: .5em;} .onglets {border-bottom: 7px solid #50d0dc;} .onglets ul {display: inline; margin: 0; padding: 0; list-style: none; vertical-align: middle;} .onglets ul li .pictos {line-height: 24px;} .onglets ul li {border: 1px solid #e4e3e5; border-bottom: none; display: inline-block; margin: 0 -3px 0 0; padding: 5px 30px 0; vertical-align: middle;height: 34px;} .onglets ul .act {background: #50d0dc; border-color:#50d0dc;} .onglets .skin-select {margin-left: 14px;} .onglets .skin-select .selecttext {padding-top: 0;} .onglets .skin-select:before {top: 6px;} .onglets .skin-select #formatnotice{width: 144px;} .img-bulles-aut:after {content:" ";background: url("../images/img-discussion-personne.png");display: inline-block;width:213px;height: 123px;position: absolute;background-repeat:no-repeat;right:29%;top: -75.5%;} .notice-detail{padding: 8px 0;} .notice-detail{padding-bottom: 6px; border-left: 1px solid #e7e6e8; border-right: 1px solid #e7e6e8;-moz-box-shadow: 5px 5px 13px 0px #dddddd;-webkit-box-shadow: 5px 5px 13px 0px #dddddd;-o-box-shadow: 5px 5px 13px 0px #dddddd;box-shadow: 5px 5px 13px 0px #dddddd; margin-bottom: 8px; background: #fff;} .notice-detail .visuels {float: left; width: 35.79%; margin-right: 2.48%; margin-bottom: 14px;} .notice-detail .visuels_simple{width: 28%;} .notice-detail .visuels ul {margin:0; padding: 0; list-style: none; float: left; margin-right: 2.9%; width: 13.87%;} .notice-detail .visuels ul li {margin: 0 0 6px; padding: 0;} .notice-detail .visuels a img {width: 100%; border: 1px solid #DEDEDE;} .notice-detail .visuellarge {position: relative; /*width:83.23%;*/width: 100%; float: left;} /** Ajout contour image **/ .notice-detail .visuellarge:hover {cursor:pointer;} .notice-detail .visuellarge{background-color: #EEEEEE; border: 1px solid #DEDEDE; display: block;float: left;width: 82.23%;} .notice-detail .visuellarge_simple{width: 100%;} .notice-detail .visuellarge img{margin: 0 auto; display: block; border: none; padding-top: 1%;padding-bottom:1%; height: auto; max-width: 75%;} .notice-detail .visuellarge >a.zoom {position: absolute; bottom: 14px; right: 14px; color: #fff;} .notice-detail #classGeoHistorique { position: relative; bottom: 0.8rem; } /** image grand flip flop **/ .notice-detailGrand .visuelleft ul {float:left; list-style-type:none;margin-left:-49px;} .notice-detailGrand .visuelleft ul li {text-decoration:none;} /* .notice-detailGrand .visuels_simple{width: 28%;} .notice-detailGrand .visuels ul {margin:0; padding: 0; list-style: none; float: left; margin-right: 2.9%; width: 13.87%;} .notice-detailGrand .visuels ul li {margin: 0 0 6px; padding: 0;} .notice-detailGrand .visuels a img {width: 100%; border: 1px solid #DEDEDE;} */ .notice-detailGrand .visuellarge {position: relative; float: right; width:85%} /** Ajout contour image **/ /* .notice-detailGrand .visuellarge:hover {cursor:pointer;} */ /* .notice-detailGrand .visuellarge{background-color: #EEEEEE; border: 1px solid #DEDEDE; display: block;float: left;} */ /* .notice-detailGrand .visuellarge_simple{width: 100%;} .notice-detailGrand .visuellarge img{margin: 0 auto; display: block; border: none; padding-top: 1%;padding-bottom:1%; height: auto; max-width: 75%;} .notice-detailGrand .visuellarge >a.zoom {position: absolute; bottom: 14px; right: 14px; color: #fff;} */ .notice-detail p, .notice-detail table {margin: 11px 0;} .notice-detail div a, .notice-detail table a {color:#007e8b; text-decoration: underline;} .notice-detail div a.pictos, .notice-detail table a.pictos {color:#4e4e51; font-size: 1.3em; vertical-align: middle; margin-left: 7px;} .notice-detail table td {vertical-align: top; padding-right: 4px;} .notice-detail .detail-contenu {border:1px solid #a4a4a8;-moz-box-shadow: 5px 5px 13px 0px #dddddd;-webkit-box-shadow: 5px 5px 13px 0px #dddddd;-o-box-shadow: 5px 5px 13px 0px #dddddd;box-shadow: 5px 5px 13px 0px #dddddd;} .notice-detail .detail-contenu h2 {border-left: 5px solid #50d0dc; padding: 8px 12px; font-family: 'roboto_condensed'; font-weight: bold; font-size: 1.15em; margin: 0;} .notice-detail .detail-contenu ul.tree, .notice-detail .detail-contenu ul {margin: 0; padding: 0; list-style: none;} .notice-detail .detail-contenu ul.tree>li {border-top:1px solid #a4a4a8; padding: 15px 30px 15px 70px; position: relative; background:url(../images/notice_contenu_trait.gif) repeat-y 32px 22px;} .notice-detail .detail-contenu ul.tree>li:after {content: " "; background: #fff; width: 10px; height: 28px; position: absolute; bottom: 0; left: 30px;} .notice-detail .detail-contenu ul.tree>li>.nb {position: absolute; font-weight: bold; font-size: 1.3em; left: 29px; top: 0px; padding-top:10px; background: #fff;} .notice-detail .detail-contenu ul.tree>li>.nb:before {content: " "; background: #50d0dc; width: 10px; height: 10px; display: inline-block;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-right: 4px; vertical-align: middle;} .notice-detail .detail-contenu ul.tree>li>ul>li {position: relative; padding-left: 43px; padding-top: 2px;} .notice-detail .detail-contenu ul.tree>li>ul>li:before {content: " "; background:url(../images/notice_contenu_trait2.gif) no-repeat; width: 19px; height: 3px; position: absolute; left: -28px; top: 12px;} .notice-detail .detail-contenu ul.tree>li>ul>li .nb {position: absolute; font-weight: bold; font-size: 1.15em; left: 0; top: 0px; background: #fff;} .notice-detail .detail-contenu ul.tree>li>ul>li .nb:before {content: " "; background: #50d0dc; width: 7px; height: 7px; display: inline-block;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-right: 4px; vertical-align: middle;} .notice-detail .detail-contenu ul.tree>li p {margin: 0 0 8px;} /**** Rajout specifique Notice XSL ****/ .italique {margin-top: 2em; font-style: italic;} .notice-detail #create, #noticeNum {display: inline-block;} .notice-detail #update, #origine {display: inline-block;margin-left: 2em;} .notice-detail label {font-weight: bold;} .notice-detail .notice-label {font-weight: bold; display: inline-block; margin-bottom: 5px;} .notice-detail .notice-etat {font-weight: bold; margin-bottom: 5px; text-align: center; vertical-align: middle;} .notice-detail .marge {margin-left: 2em;} .notice-detail .margeDbl {margin-left: 4em;} .notice-detail a { text-decoration: none;} .notice-detail .sousnotice {margin-top: 1em;} .notice-detail .sousnoticepub {margin-top: -2em;margin-bottom: -1em;} .notice-detail .sousnoticepub {margin-top: 0em;margin-bottom: -1em;} .notice-detail .snparent {margin-top: 2em;} .notice-detail .gras {font-weight: bold;} /****************************************/ /**** Affichage des messages d'erreur ****/ .notice-detail .notice-erreur {font-weight: label; margin-left:2em;color:#8B0000} /*****************************************/ .conv-col-md-4 .actions .outils .panneau label {font-weight: bold; color: #303031;} .conv-col-md-4 .actions .outils .panneau label .normal {font-weight: normal;} .conv-col-md-4 .actions .outils .panneau input[type="text"] {background: #FFFFFF; border: 1px solid #E7E6E8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 29px; padding: 5px; text-align: left; vertical-align: middle; width: 100%; font-size: 0.85em; margin-bottom: 4px;} .conv-col-md-4 .actions .outils .panneau .actions-pictos a {margin-right: 24px; margin-top: 4px; display: inline-block;} /* .conv-col-md-4 .actions .outils .panneau .actions-pictos .pictos {float: none;} STERIA-MF */ /* Temporaire couleur lien catalogue actuel */ .conv-col-md-4 .actions .outils .panneau a.lien-catalogue-actuel{color:#AE3960;} .actions .outils, .actions .noticesliees, .actions .oeuvreliees, .actions .localiser, .actions .voirautrebase {border-top: 4px solid #4e4e51; padding-bottom: 6px; border-left: 1px solid #e7e6e8; border-right: 1px solid #e7e6e8; -moz-box-shadow: 5px 5px 13px 0px #dddddd;-webkit-box-shadow: 5px 5px 13px 0px #dddddd;-o-box-shadow: 5px 5px 13px 0px #dddddd; box-shadow: 5px 5px 13px 0px #dddddd; margin-bottom: 8px; background: #fff;} .actions .noticesliees, .actions .oeuvreliees, .actions .voirautrebase {border-top-color:#4e549c; position: relative;} /* Ajout pour liens style liste */ .actions .noticesliees .panneau, .actions .oeuvreliees .panneau {padding: 5px 22px; border-top: 1px solid #e7e6e8;} .actions .noticesliees .panneau ul, .actions .oeuvreliees .panneau ul{padding:0;margin:0;} .actions .noticesliees .panneau ul li, .actions .oeuvreliees .panneau ul li {list-style-type:none;} .actions .localiser {border-top-color:#993456;} .actions .oeuvreliees h2, .actions .localiser h2, .actions .voirautrebase h2 {color: #4e549c; padding-top: 26px; min-height: 4em; cursor: pointer;} .actions .noticesliees h2 {color: #4e549c; min-height: 4em; cursor: pointer;} .actions .noticesliees h2 span { position: relative; top: -17px; /* Bootstrap 5 */ left: 45px; margin-left: -45px; } @media (max-width:992px){ .actions .noticesliees h2, .actions .oeuvreliees h2, .actions .localiser h2 {padding-left: 9px;} .img-bulles-aut:after {content:" ";background: url("../images/img-discussion-personne.png");display: inline-block;width:213px;height: 123px;position: absolute;background-repeat:no-repeat;right:15%;top: -2em;} #corps .row .notice-retract { margin-top :0px;} } .actions .noticesliees h2 a, .actions .oeuvreliees h2 a {color: #4e549c;} .actions .localiser h2 {color: #993456;} .actions .localiser h2:before, .actions .voirautrebase h2:before {font-family: 'pictos'; content:'\e629'; font-size: 3.1em; float: left; margin-top: -18px;} .actions .noticesliees h2:before {font-family: 'pictos'; content:'\e629'; font-size: 3.1em; margin-top: -18px;} .actions-closed .noticesliees h2:before, .actions-closed .localiser h2:before {font-family: 'pictos'; content:'\e629'; font-size: 3.1em; margin-left:34%; margin-top: -18px;} .actions .oeuvreliees h2:before {font-family: 'pictos'; content:'\e629'; font-size: 3.1em; float: left; margin-top: -18px;} .actions .localiser h2:before {content:'\e62a';} /* Suppression pour liens style liste */ /*.actions .noticesliees a {position: absolute; right: 46px; top: 22px;}*/ .actions .noticesliees a:before, .actions .oeuvreliees a:before {/*position: absolute; content: '\e607'; STERIA-MF*/ font-family: 'pictos'; font-size: 0.6em; line-height: 28px; height: 28px; width: 28px; top: -4px; left: -13px; color: #4e4e51; padding-left: 3px;} .actions .visualiser img {vertical-align: middle; margin-right: 6px;} .actions .visualiser a {vertical-align: middle;} .actions .localiser .panneau { max-height: 844px; overflow: auto; scrollbar-color: #ad3a61 lightgrey; scrollbar-width: 10px; padding: 1em; width: 100%; /* Bootstrap 5 */ } .actions .localiser .panneau::-webkit-scrollbar, .modal-content .contenu-modal::-webkit-scrollbar { width: 10px; } .actions .localiser .panneau::-webkit-scrollbar-thumb, .modal-content .contenu-modal::-webkit-scrollbar-thumb { background-color: #ad3a61; } .actions .localiser h2 .nbexemplaires {display: block; color:#4e4e51; font-size: 0.88em;} .actions .localiser .localisationSans .numero {color: #ad3a61; font-size: 1.3em; font-weight: bold;} .actions .localiser .localisationSans h3 {background: #ad3a61; color: #fff; font-size: 1em; font-weight: normal; padding: 5px 8px 1px 8px; margin: 0; position: relative; } .actions .localiser .localisationSans h3.avecchevron {text-align:right; display:none;} .actions .localiser .localisation-innerSans {border-top: 1px solid #e5e3e6; } .actions .localiser .localisation {margin: 9px; width: 96%;} .actions .localiser .localisation-inner {border-top: 1px solid #e5e3e6; } .actions .localiser .localisation .numero {color: #ad3a61; font-size: 1.3em; font-weight: bold; } .actions .localiser .localisation h3 {background: #ad3a61; color: #fff; font-size: 1em; font-weight: normal; padding: 5px 8px 1px 8px; margin: 0; position: relative; cursor: pointer;} .actions .localiser .localisation h3.sanschevron {text-align:left;} .actions .localiser .localisation h3.sanschevronnon {display:none;;} .actions .localiser .localisation h3.avecchevron {text-align:right; padding-right :25px;} .actions .localiser .localisation h3.avecchevron:before {position: absolute; right: 5px; top:0; color:#fff; font-size: 0.9em; content: '\e60f'; font-family: 'pictos';line-height: 25px; height: 25px; width: 25px;} .actions .localiser .localisation .localisation-closed h3.avecchevron:before {content: '\e607';} .actions .localiser .localisation-inner .exemplaire {border: 1px solid #e5e3e6; border-top: 4px solid #ad3a61; margin-bottom: 4px; position: relative;} .actions .localiser .localisation-innerSans .exemplaire {border: 1px solid #e5e3e6; border-top: 4px solid #ad3a61; margin-bottom: 4px; position: relative;} .actions .localiser .exemplaire .exemplaire-partieExemplaire { margin-left: 150px; margin-top:7px;padding-right:15px;font-weight:400;font-size:0.9em;} /* float: left; */ .actions .localiser .exemplaire .exemplaire-partieExemplaireLocalisation {color:#303031; margin-left: 5px;float: left; margin-top:7px;padding-right:15px;font-weight:600;font-size:1.0em;} /* float: left; */ .actions .localiser .localisation-inner .exemplaire .exemplaire-groupeCache { font-weight: bold; color: #303031; display:none }; .actions .localiser .exemplaire-action {background: #f8f7f3; border-top: 1px solid #e5e3e6; font-size: 0.95em; width: 45%; height: 30px;text-align:center; vertical-align:middle;line-height: 30px;font-weight: normal;} /* STERIA-MF */ .actions .localiser .exemplaire-action-bouton { width: 100%; height: 50px;text-align:center; vertical-align:middle;line-height: 30px;font-weight: normal;margin-top: 30px;} /* STERIA-MF */ /* TLA 7/01/22 #59423 - Cas 41768775 */ .actions .localiser .exemplaire-action-acheter {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px; float:right; text-align:center; color:#ae3960; vertical-align:middle;font-weight: normal; line-height: 13px;display: flex;flex-direction: column; justify-content: center;} /* TLA 14/01/22 #59423 - Cas 41768775 */ .actions .localiser .exemplaire-action-acheter-repro {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px; float:right; text-align:center; color:#ae3960; vertical-align:middle;font-weight: normal; line-height: 13px; display: flex;flex-direction: column; justify-content: center;} /* TLA 17/01/22 #59423 - Cas 46868145 */ .actions .localiser .exemplaire-action-acheter-repro2Lignes {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px; float:right; text-align:center; color:#ae3960; vertical-align:middle;font-weight: normal; line-height: 13px; display: flex;flex-direction: column; justify-content: center;} .actions .localiser .exemplaire-action-reserver {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px;color:#ae3960;text-align:center; float:left; font-weight: normal;line-height: 13px; display: flex;flex-direction: column; justify-content: center;} /* TLA 7/01/22 #59423 */ .actions .localiser .exemplaire-action-reserverAV {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px;color:#ae3960;text-align:center; float:left;font-weight: normal;line-height: 13px; display: flex;flex-direction: column; justify-content: center;} .actions .localiser .exemplaire-action-aDemanderSurPlace {font-size: 0.95em; width: 45%; height: 50px;text-align:center; float:left; line-height: 10px; display: flex;flex-direction: column; justify-content: center;} /* STERIA-MF */ .actions .localiser .exemplaire-action-visualiser, .pex-externe {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px;color:#ae3960;text-align:center; float:left; font-weight: normal;line-height: 10px;display: flex;flex-direction: column; justify-content: center;} /* TLA 7/01/22 #59423 */ .actions .localiser .exemplaire-action-visualiserSpan {width: 50%; height: 50px; float:left;} .pex-externe-p1 {font-style:italic;} .actions .localiser .exemplaire-action-lib {margin-top: 10px;} /* STERIA-MF */ .actions .localiser .exemplaire-action-text {font-weight:normal;color:#ae3960;text-align:center;} /* STERIA-MF */ .actions .localiser .exemplaire-inner:after, .modal-dialog .unites .unites-item:after, .modal-dialog .unites .bandeau-couleur:after {clear: both; display: table; content: " ";} .actions .localiser .exemplaire-inner {padding: 6px 0 0;} .actions .localiser .exemplaire-inner p {color:#4e4e51; margin: 0;} .actions .localiser .exemplaire-inner .numero-exemplaire {padding-right : 6px; font-weight: bold; color: #303031;} .actions .localiser .exemplaire-inner .numero-exemplaire span {font-weight: normal;} .actions .localiser .exemplaire-inner .numero-exemplaire .cadreVignette {float: left; margin-right: -7%; width: 35%;} /* .actions .localiser .exemplaire-inner .numero-exemplaire .cadreVignette .vignette {width: 77%; background-color: #EEEEEE; border: 1px solid #DEDEDE; height:95px;} ROT*/ .actions .localiser .exemplaire-inner .numero-exemplaire .cadreVignette .vignette {width: 77%; background-color: #EEEEEE; border: 1px solid #DEDEDE; } .actions .localiser .exemplaire-inner .numero-exemplaire .cadreVignette .vignette img{margin: 0 auto; display: block; padding-top: 1%;padding-bottom:1%; max-width: 75%; max-height:67px;} .actions .localiser .exemplaire-inner .visuel {float: left; width: 26.85%; margin-right: 1.4%;} .actions .localiser .exemplaire-inner .visuel img {width: 100%;} .actions .localiser .exemplaire-inner .infos {position: absolute; right: 0; top: 7px;} .actions .localiser .exemplaire-inner .infos a {font-size: 1.4em;} /* TLA 1/03/22 #61220 - Cas 34424040 rajout du float: left; */ .actions .localiser .exemplaire-inner .ALaPlaceDuBoutton {float: left; font-size: 0.9em; font-weight: normal; border-width: 1px; border-style: solid; width: 50%; height: 50px; text-align:center; line-height: 13px; border-color: #e5e3e6; display: flex; flex-direction: column; justify-content: center;} /* TLA #82986 5/02/24 - Cas 38284594 */ .actions .localiser .exemplaire-inner .ALaPlaceDuBouttonSansFloatLeft {font-size: 0.9em; font-weight: normal; border-width: 1px; border-style: solid; width: 50%; height: 50px; text-align:center; line-height: 13px; border-color: #e5e3e6; display: flex; flex-direction: column; justify-content: center;} .actions .localiser .localisationSans .exemplaire-inner .infos {float: right; margin-top:0px;position: absolute;top: 7px;right: 0;} .actions-closed .localiser .panneau, .actions-closed .localiser h2 span, .actions-closed .noticesliees h2 span, .actions-closed .noticesliees a, .actions-closed .oeuvreliees h2 span, .actions-closed .oeuvreliees a {display: none;} .conv-col-md-4 .actions-closed .outils .panneau .actions-pictos {text-align: center;} .conv-col-md-4 .actions-closed .outils .panneau .actions-pictos a {margin-right: 0; display: block;} .conv-col-md-4 .actions-closed .outils .voirplus, .conv-col-md-4 .actions-closed .hide-closed {display: none;} .actions .voirautrebase { border-top-color:#787470; } .actions .voirautrebase h2 { color:#787470; } .actions .voirautrebase h2:before { content: '\e623'; } .actions .voirautrebase ul { padding-left: 3.8rem; padding-top: 0.8rem; padding-right: 1.5rem; } .actions .voirautrebase ul li { list-style-type: none; padding-top: 0.3rem; } .actions .voirautrebase a { color: #007e8b; text-decoration: underline; } /* Bouton submit du formulaire de pagination dans les UCS */ #UCsPaginationForm{display: inline-block;} /* Rendre invisible le bouton submit (Ne pas mettre visibility: hidden, ne fonctionne pas sous IE)*/ #UCsPaginationForm #UCsPaginationSubmit{position:absolute; left: -9999px; width: 1px; height: 1px;} /* Bouton submit du formulaire de pagination dans les UCS */ #UCsPaginationForm1{display: inline-block;} /* Rendre invisible le bouton submit (Ne pas mettre visibility: hidden, ne fonctionne pas sous IE)*/ #UCsPaginationForm1 #UCsPaginationSubmit1{position:absolute; left: -9999px; width: 1px; height: 1px;} /* Scrollpane */ .jspVerticalBar {width: 11px;} .jspTrack {background: #ebe5d7;-moz-box-shadow: inset 1px 0px 2px 0px #656565; -webkit-box-shadow: inset 1px 0px 2px 0px #656565; -o-box-shadow: inset 1px 0px 2px 0px #656565; box-shadow: inset 1px 0px 2px 0px #656565;} .jspDrag {background: #ad3a61;} /*suppression de la barre horizontale*/ .localiser .panneau .jspContainer .jspHorizontalBar {display: none;} /* Popin */ .modal-dialog:not(.modal-dialog-libre) { max-width: 754px; /* Bootstrap 4 */ } .modal-dialog-zoomImage {width: 304px;} .icon-zoom {font-family:pictos; position:relative; margin-top:-20px; float:right;} .consultationVignetteFlip {margin-top:5px;width:50px;margin-left:5px; margin-right:5px;} .consultationVignetteGrand {margin-top:5px;width:98%;margin-left:5px; margin-right:5px;} .modal-dialog .bandeau-couleur {background:#9b3356; color: #fff; width: 100%;} .modal-dialog .bandeau-beige {background:#eae4d8; padding: 4px 32px; margin-bottom: 1px;} .modal-dialog .localisation {position: relative; padding-left: 60px; margin-bottom: 28px;} .modal-dialog .localisation p {margin: 0 0 4px;} .modal-dialog .localisation:before {color: #993456; font-family: 'pictos'; content:'\e62a'; font-size: 3.1em; left:0; top: -9px; position: absolute;} .modal-dialog .print {float: right; color: #4e4e51;} .modal-dialog .actions-exemplaire {float: right; width: 174px;} .modal-dialog .actions-exemplaire a {display: block; background: #f8f7f3; border-bottom: 1px solid #e4e2e5; padding: 6px 12px; color: #303030;line-height: 1.1em;} .modal-dialog .contenu-modal { height: 700px; overflow: auto; scrollbar-color: #ad3a61 lightgrey; scrollbar-width: 10px; } .modal-dialog .unites {margin: 10px 20px;} .modal-dialog .unites .unites-item {border: 1px solid #e4e4e4; border-top: none;} .modal-dialog .unites .unite-num {float: left; width: 9.04%; text-align: center; font-weight: bold; color: #282828; padding: 10px 0 0;} .modal-dialog .unites .unite-deploye {float: left; width: 8.10%; text-align: center; padding: 10px 0 0;} .modal-dialog .unites .unite-deploye .pictos, .modal-dialog .unites .pages .pictos {color:#272727; height: 14px; line-height: 15px; font-size: 0.9em; width: 16px;} .modal-dialog .unites .unite-deploye a span {display: none;} .modal-dialog .unites .unite-deploye a {display: inline-block; width:18px; height: 18px; position: relative;} .modal-dialog .unites .unite-deploye a:before {position: absolute; left: 0; top:0; color:#282828; font-size: 0.9em; content: '\e607'; font-family: 'pictos';line-height: 18px; height: 18px; width: 18px;} .modal-dialog .unites .unite-contenu {float: left; width: 82.85%;/*width: 56.75%;*/ padding: 15px 0 15px 0; height:25px;overflow:hidden; color: #4e4e51;} .modal-dialog .unites .unite-contenu .lien {float: right; background: #f8f7f3 none repeat scroll 0 0; border-color: #e5e3e6; border-style: solid; border-width: 1px; color: #ae3960; font-size: 0.95em; height: 31px; margin-top: -7px; padding-top: 4px; text-align: center; width: 90%;} .modal-dialog .unites .unite-actions {float: left; width: 26.11%; background: #f8f7f3; padding: 10px 12px;line-height: 1.1em;} .modal-dialog .unites .unite-actions a {color: #303030;} .modal-dialog .unites .bandeau-couleur {padding: 5px 11px;} .modal-dialog .unites .bandeau-couleur .nbunites {float: left; width: 15.86%; padding-top: 3px;} .modal-dialog .unites .bandeau-couleur .filtre {float: left; width: 2.76%;/*width: 42.76%;*/} .modal-dialog .unites .bandeau-couleur .filtre label {font-weight: normal;} .modal-dialog .unites .bandeau-couleur .filtre input[type='text'] {margin: 0 9px; background: #fff; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 29px; width: 78px; padding: 5px; border:1px solid #e7e6e8; vertical-align: middle; text-align: center; color: #939393;} .modal-dialog .unites .pages {text-align: center; float: left; width: 81.21%;/*width:41.21%*/} .modal-dialog .unites .pages span {vertical-align: middle;} .modal-dialog .unites .pages a {vertical-align: middle; margin: 0 5px;} .modal-dialog .unites .pages .pictos, .modal-dialog .bandeau-beige .pictos, .modal-dialog .bandeau-couleur .pagination-exemplaire .pictos {color:#282828; height: 14px; line-height: 15px; font-size: 0.9em; width: 16px;} .modal-dialog .unites .pages .pictos, .modal-dialog .bandeau-couleur .pagination-exemplaire .pictos {color:#fff;} .modal-dialog .bandeau-couleur .pagination-exemplaire {text-align: center;} .modal-dialog .bandeau-couleur .pagination-exemplaire h1 {margin: 0 20px; font-size: 1.15em; padding: 10px 0;} .modal-dialog .bandeau-couleur .pagination-exemplaire h1 {display: inline-block;} .modal-dialog .unites .pages input[type='text'] {margin: 0 9px; background: #fff; border: none; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 29px; width: 45px; padding: 5px; border:1px solid #e7e6e8; vertical-align: middle; text-align: center; color: #616161;} .modal-dialog .unites .unites-opened {height:auto;} .modal-dialog .unites-opened .unite-contenu {height:auto;overflow:visible;} .modal-dialog .unites-opened .unite-actions {border-bottom: 1px solid #e4e2e5;} .modal-dialog .unites-opened .unite-deploye a:before {content: '\e60f';} .modal-dialog .opened-band {padding-left: 21px; position: relative; display: block;} .modal-dialog .opened-band:before {position: absolute; left: 0; top:0; color:#282828; font-size: 0.9em; content: '\e60f'; font-family: 'pictos';line-height: 18px; height: 18px; width: 18px;} .modal-dialog .opened-band.closed-band:before {content: '\e607';} /**** Modification Colonne de droite FT2433 et FT24334 ******/ /* catagen.css*/ .actions-notice h2 {font-size: 1.15em; text-transform: uppercase; color: #303031;padding: 5px 22px; margin: 0;} .actions-notice .affichage-colonne {position: absolute; left: 0; top: -25px;} .actions-notice .affichage-colonne .pictos {font-size: 1.42em; width: 20px; height: 21px; line-height: 21px;} .actions-notice .affichage-colonne .picto-close {display: none;} .actions-notice {margin-top: 24px; position: relative; margin-top: 24px;} .actions-notice .outils, .actions-notice .voiraussi, .actions-notice .sujetsproches, .actions-notice .autresressources {border-top: 4px solid #4e4e51; padding-bottom: 6px; border-left: 1px solid #e7e6e8; border-right: 1px solid #e7e6e8;-moz-box-shadow: 5px 5px 13px 0px #dddddd;-webkit-box-shadow: 5px 5px 13px 0px #dddddd;-o-box-shadow: 5px 5px 13px 0px #dddddd;box-shadow: 5px 5px 13px 0px #dddddd; margin-bottom: 8px;} .actions-notice .outils .panneau {padding: 5px 22px; border-top: 1px solid #e7e6e8;} .actions-notice .outils .panneau h3 {width: 50%; float: left; font-size: 1em; font-weight: bold; margin: 0; line-height: normal;} .actions-notice .outils .panneau .nbnotice {margin-left:50%; text-align: right;} .actions-notice .outils .panneau .nbnotice .nb {font-weight: bold;} .actions-notice .outils .panneau ul {margin: 8px 0; padding: 0; list-style: none;} .actions-notice .outils .panneau ul li {padding: 2px 0;} .actions-notice .outils .panneau .pictos {color: #4e4e51; float: left;} .actions-notice .outils .panneau .pictos i {font-size: 0.9em;} .actions-notice .outils .panneau .libelle {margin-left: 44px; display: block;} .actions-notice .outils .panneau a.disabled, .actions-notice .outils .panneau a.disabled .pictos {color: #c5c5c6;} .actions-notice .outils .panneau .voirplus .pictos {margin-right: 0; float: none;} .actions-notice .voiraussi h2, .actions-notice .sujetsproches h2, .actions-notice .autresressources h2 {color: #007e8b; padding-top: 26px; width: 140px;} .actions-notice .voiraussi h2:before, .actions-notice .sujetsproches h2:before, .actions-notice .autresressources h2:before {font-family: 'pictos'; content:'\e623'; font-size: 3.1em; float: left; margin-top: -18px;} .actions-notice .voiraussi ul, .actions-notice .sujetsproches ul, .actions-notice .autresressources ul {margin: 0 22px 4px; padding:0; list-style: none;} .actions-notice .voiraussi ul li, .actions-notice .sujetsproches ul li, .actions-notice .autresressources ul li {margin: 2px 0; padding:0;} /* Temporaire couleur lien catalogue actuel */ .conv-col-md-4 .actions-notice .outils .panneau a.lien-catalogue-actuel{color:#AE3960;} .actions-notice .outils, .actions-notice .noticesliees, .actions-notice .oeuvreliees, .actions-notice .localiser {border-top: 4px solid #4e4e51; padding-bottom: 6px; border-left: 1px solid #e7e6e8; border-right: 1px solid #e7e6e8;-moz-box-shadow: 5px 5px 13px 0px #dddddd;-webkit-box-shadow: 5px 5px 13px 0px #dddddd;-o-box-shadow: 5px 5px 13px 0px #dddddd;box-shadow: 5px 5px 13px 0px #dddddd; margin-bottom: 8px; background: #fff;} .actions-notice .noticesliees, .actions-notice .oeuvreliees {border-top-color:#4e549c; position: relative;} /* Ajout pour liens style liste */ .actions-notice .noticesliees .panneau, .actions-notice .oeuvreliees .panneau {padding: 5px 22px; border-top: 1px solid #e7e6e8;} .actions-notice .noticesliees .panneau ul, .actions-notice .oeuvreliees .panneau ul{padding:0;margin:0;} .actions-notice .noticesliees .panneau ul li, .actions-notice .oeuvreliees .panneau ul li {list-style-type:none;} .actions-notice .localiser {border-top-color:#993456;} .actions-notice .noticesliees h2, .actions-notice .oeuvreliees h2, .actions-notice .localiser h2 {color: #4e549c; padding-top: 26px; min-height: 4em; cursor: pointer;} @media (max-width:1250px){ .actions-closed .outils, .actions-closed .autresressources, .actions-closed .noticesliees, .actions-closed .localiser, .actions-closed .oeuvreliees, .actions-closed .voirautrebase {width : 530%;} .actions-closed .noticesliees h2:before, .actions-closed .localiser h2:before {margin-left:38%;} } @media (max-width:1200px){ .conv-col-md-4 .actions .outils .panneau input[type="text"] {width: 56%;} .actions .localiser .exemplaire-action-bouton { width: 100%; height: 50px;text-align:center; vertical-align:middle;line-height: 30px;font-weight: normal;margin-top: 35px;} /* STERIA-MF */ .actions .localiser .exemplaire-action-acheter {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.85em; width: 55%; height: 50px; float:right; text-align:center; color:#ae3960; margin-top: -1px;vertical-align:middle;font-weight: normal;} .actions .localiser .exemplaire-action-acheter-repro {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.85em; width: 55%; height: 50px; float:right; text-align:center; color:#ae3960; margin-top: -1px;vertical-align:middle;font-weight: normal;} .actions .localiser .exemplaire-action-reserver {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.85em; width: 45%; height: 50px;color:#ae3960;text-align:center; float:left; margin-top: -1px;vertical-align:middle;font-weight: normal;} .actions .localiser .exemplaire-action-aDemanderSurPlace {font-size: 0.85em; width: 45%; height: 50px;text-align:center; float:left; margin-top: -1px;} /* STERIA-MF */ .actions .localiser .exemplaire-action-visualiser, .pex-externe {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.85em; width: 45%; height: 50px;color:#ae3960;text-align:center; float:left; margin-top: -1px;vertical-align:middle;font-weight: normal;} .pex-externe-p1 {font-style:italic;} .actions-closed .noticesliees h2:before, .actions-closed .localiser h2:before {margin-left:36%;} .actions .localiser .exemplaire .exemplaire-partieExemplaire {margin-left: 124px;} } @media (max-width:1050px){ .actions-closed .outils, .actions-closed .autresressources, .actions-closed .noticesliees, .actions-closed .localiser, .actions-closed .oeuvreliees, .actions-closed .voirautrebase {width : 476%;} .actions .localiser .exemplaire .exemplaire-partieExemplaire {margin-left: 110px;} .actions .localiser .localisation h3 {font-size : 0.9em;} .actions-closed .noticesliees h2:before, .actions-closed .localiser h2:before {margin-left:34%;} } @media (max-width:972px){ .actions-notice .noticesliees h2, .actions-notice .oeuvreliees h2, .actions-notice .localiser h2 {padding-left: 9px;} .actions .localiser .exemplaire-action-bouton { width: 100%; height: 50px;text-align:center; vertical-align:middle;line-height: 30px;font-weight: normal;margin-top: 35px;} /* STERIA-MF */ .actions .localiser .exemplaire-action-reserver {background: #f8f7f3; border-top: 1px solid #e5e3e6; border-right: 1px solid #e5e3e6; font-size: 0.95em; width: 50%; height: 50px;color:#ae3960;text-align:center; margin-top: 0px;font-weight: normal; } .actions .localiser .exemplaire-action-acheter {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px; float:right; text-align:center; color:#ae3960; margin-top: 0px;font-weight: normal;} .actions .localiser .exemplaire-action-acheter-repro {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px; float:right; text-align:center; color:#ae3960; margin-top: 0px;font-weight: normal;} .actions .localiser .exemplaire-action-aDemanderSurPlace {font-size: 0.95em; width: 50%; height: 50px;text-align:center; float:left; margin-top: -1px;line-height: 35px; padding-top: 0px;} /* STERIA-MF */ .actions .localiser .exemplaire-action-visualiser, .pex-externe {background: #f8f7f3; border-top: 1px solid #e5e3e6; border-right: 1px solid #e5e3e6; font-size: 0.95em; width: 50%; height: 50px;color:#ae3960;text-align:center; margin-top: 0px;font-weight: normal; } .pex-externe-p1 {font-style:italic;} .actions .localiser .exemplaire .exemplaire-partieExemplaire {margin-left: 150px;} .actions-closed .noticesliees h2:before, .actions-closed .localiser h2:before {margin-left:32%;} } .actions-notice .noticesliees h2 a, .actions-notice .oeuvreliees h2 a {color: #4e549c;} .actions-notice .localiser h2 {color: #993456;} .actions-notice .noticesliees h2:before, .actions-notice .oeuvreliees h2:before, .actions-notice .localiser h2:before {font-family: 'pictos'; content:'\e629'; font-size: 3.1em; float: left; margin-top: -18px;} .actions-notice .localiser h2:before {content:'\e62a';} /* Suppression pour liens style liste */ /*.actions-notice .noticesliees a {position: absolute; right: 46px; top: 22px;}*/ .actions-notice .noticesliees a:before, .actions-notice .oeuvreliees a:before {/*position: absolute;*/ content: '\e607'; font-family: 'pictos'; font-size: 0.6em; line-height: 28px; height: 28px; width: 28px; top: -4px; left: -13px; color: #4e4e51; padding-left: 3px;} .actions-notice .visualiser img {vertical-align: middle; margin-right: 6px;} .actions-notice .visualiser a {vertical-align: middle;} .actions-notice .localiser .panneau {max-height: 1144px; overflow: auto;} .actions-notice .localiser h2 .nbexemplaires {display: block; color:#4e4e51; font-size: 0.88em;} .actions-notice .localiser .localisation {margin: 9px;} .actions-notice .localiser .localisation-inner {border-top: 1px solid #e5e3e6; } .actions-notice .localiser .localisation .numero {color: #ad3a61; font-size: 1.3em; font-weight: bold;} .actions-notice .localiser .localisation h3 {background: #ad3a61; color: #fff; font-size: 1em; font-weight: normal; padding: 5px 8px 1px 8px; margin: 0; position: relative; cursor: pointer;} .actions-notice .localiser .localisation h3.localisation-group:before {position: absolute; right: 0; top:0; color:#fff; font-size: 0.9em; content: '\e60f'; font-family: 'pictos';line-height: 25px; height: 25px; width: 25px;} .actions-notice .localiser .localisation .localisation-closed h3:before {content: '\e607';} .actions-notice .localiser .exemplaire {border: 1px solid #e5e3e6; border-top: 4px solid #ad3a61; margin-bottom: 4px;} .actions-notice .localiser .exemplaire-action {background: #f8f7f3; border-top: 1px solid #e5e3e6; font-size: 0.95em; display: table; width: 100%;} .actions-notice .localiser .exemplaire-action a, .actions-notice .localiser .exemplaire-action span {display: table-cell; width:50%; padding: 6px 2% 6px 3%;} .actions-notice .localiser .exemplaire-action span {background: #fff;} .actions-notice .localiser .exemplaire-action a:first-child, .actions-notice .localiser .exemplaire-action span:first-child {border-right:1px solid #e5e3e6;} .actions-notice .localiser .exemplaire-action:after, .actions-notice .localiser .exemplaire-inner:after, .modal-dialog .unites .unites-item:after, .modal-dialog .unites .bandeau-couleur:after {clear: both; display: table; content: " ";} .actions-notice .localiser .exemplaire-inner {padding: 6px;} .actions-notice .localiser .exemplaire-inner p {color:#4e4e51; margin: 0;} .actions-notice .localiser .exemplaire-inner .numero-exemplaire {font-weight: bold; color: #303031;} .actions-notice .localiser .exemplaire-inner .numero-exemplaire span {font-weight: normal;} .actions-notice .localiser .exemplaire-inner .visuel {float: left; width: 26.85%; margin-right: 1.4%;} .actions-notice .localiser .exemplaire-inner .visuel img {width: 100%;} .actions-notice .localiser .exemplaire-inner .infos {float: right;} .actions-notice .localiser .exemplaire-inner .infos a {font-size: 1.4em;} .noticesliees .link-info{margin-left: 39px;} .liste-info{margin-bottom: 21px;} .liste-info li{list-style-type: none;} .liste-info li:before{background: url(../images/icone-liste.png);content: ""; width:8px ;height:7px;display: inline-block;margin-right: 6px;} @media (max-width:800px){ .actions-closed .noticesliees h2:before, .actions-closed .localiser h2:before {margin-left:30%;} } @media (max-width:725px){ .actions .outils-notices, .actions .noticesliees, .actions .oeuvreliees, .actions .localiser, .actions .voirautrebase { width : 260px; margin-left:0px; } .actions-closed .outils, .actions-closed .autresressources, .actions-closed .noticesliees, .actions-closed .localiser, .actions-closed .oeuvreliees, .actions-closed .voirautrebase {width : 104%;margin-left:0px;} .titrenotices {width : 80%;} #corps .row .notice-retract { margin-top :-1px;} .actions .localiser .exemplaire-action-acheter-repro {background: #f8f7f3; border-color: #e5e3e6; border-width: 1px; border-style: solid; font-size: 0.95em; width: 50%; height: 50px; float:right; text-align:center; color:#ae3960; margin-top: 0px;font-weight: normal;line-height:0.7} .actions-closed .noticesliees h2:before, .actions-closed .localiser h2:before {margin-left:0;} .notices-pagination ul.pages{width:82%;} .notices-pagination {margin-left:0;} } @media (max-width:600px){ .actions .outils-notices, .actions .noticesliees, .actions .oeuvreliees, .actions .localiser, .actions .voirautrebase { width : 260px; margin-left:-49px; } .actions-closed .outils, .actions-closed .autresressources, .actions-closed .noticesliees, .actions-closed .localiser, .actions-closed .oeuvreliees, .actions-closed .voirautrebase {width : 104%;margin-left:0px;} .titrenotices {width : 80%;} #corps .row .notice-retract { margin-top :-1px;} } /******************************************************************************************************************************/