/*fin temp*/ /*** FONT ****/ @font-face { font-family: "ardnasregular"; src: url(/UserFiles/font/ardnas/ardnas-webfont.eot); src: url(/UserFiles/font/ardnas/ardnas-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/ardnas/ardnas-webfont.woff2) format("woff2"), url(/UserFiles/font/ardnas/ardnas-webfont.woff) format("woff"), url(/UserFiles/font/ardnas/ardnas-webfont.ttf) format("truetype"), url(/UserFiles/font/ardnas/ardnas-webfont.svg#ardnasregular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "typewriter_condensedregular"; src: url(/UserFiles/font/typewriter/typewcond_regular-webfont.eot); src: url(/UserFiles/font/typewriter/typewcond_regular-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/typewriter/typewcond_regular-webfont.woff2) format("woff2"), url(/UserFiles/font/typewriter/typewcond_regular-webfont.woff) format("woff"), url(/UserFiles/font/typewriter/typewcond_regular-webfont.ttf) format("truetype"), url(/UserFiles/font/typewriter/typewcond_regular-webfont.svg#typewriter_condensedregular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "dymofontinversregular"; src: url(/UserFiles/font/dymo_font_invers/DymoFontInvers-webfont.eot); src: url(/UserFiles/font/dymo_font_invers/DymoFontInvers-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/dymo_font_invers/DymoFontInvers-webfont.woff2) format("woff2"), url(/UserFiles/font/dymo_font_invers/DymoFontInvers-webfont.woff) format("woff"), url(/UserFiles/font/dymo_font_invers/DymoFontInvers-webfont.ttf) format("truetype"), url(/UserFiles/font/dymo_font_invers/DymoFontInvers-webfont.svg#dymofontinversregular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "liquid_crystalbold"; src: url(/UserFiles/font/liquidcrystal/LiquidCrystal-Bold-webfont.eot); src: url(/UserFiles/font/liquidcrystal/LiquidCrystal-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/liquidcrystal/LiquidCrystal-Bold-webfont.woff2) format("woff2"), url(/UserFiles/font/liquidcrystal/LiquidCrystal-Bold-webfont.woff) format("woff"), url(/UserFiles/font/liquidcrystal/LiquidCrystal-Bold-webfont.ttf) format("truetype"), url(/UserFiles/font/liquidcrystal/LiquidCrystal-Bold-webfont.svg#liquid_crystalbold) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "philosopher"; src: url(/UserFiles/font/philosopher/philosopher-regular-webfont.eot); src: url(/UserFiles/font/philosopher/philosopher-regular-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/philosopher/philosopher-regular-webfont.woff2) format("woff2"), url(/UserFiles/font/philosopher/philosopher-regular-webfont.woff) format("woff"), url(/UserFiles/font/philosopher/philosopher-regular-webfont.ttf) format("truetype"), url(/UserFiles/font/philosopher/philosopher-regular-webfont.svg#cgf-locust-regular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "philosopherbold"; src: url(/UserFiles/font/philosopherbold/Philosopher-Bold-webfont.eot); src: url(/UserFiles/font/philosopherbold/Philosopher-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/philosopherbold/Philosopher-Bold-webfont.woff2) format("woff2"), url(/UserFiles/font/philosopherbold/Philosopher-Bold-webfont.woff) format("woff"), url(/UserFiles/font/philosopherbold/Philosopher-Bold-webfont.ttf) format("truetype"), url(/UserFiles/font/philosopherbold/Philosopher-Bold-webfont.svg#philosopherbold) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "plutobold"; src: url(plutobold-webfont.eot); src: url(plutobold-webfont.eot?#iefix) format("embedded-opentype"), url(plutobold-webfont.woff2) format("woff2"), url(plutobold-webfont.woff) format("woff"), url(plutobold-webfont.ttf) format("truetype"), url(plutobold-webfont.svg#plutobold) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "plutolight"; src: url(plutolight-webfont.eot); src: url(plutolight-webfont.eot?#iefix) format("embedded-opentype"), url(plutolight-webfont.woff2) format("woff2"), url(plutolight-webfont.woff) format("woff"), url(plutolight-webfont.ttf) format("truetype"), url(plutolight-webfont.svg#plutolight) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "plutomedium"; src: url(plutomedium-webfont.eot); src: url(plutomedium-webfont.eot?#iefix) format("embedded-opentype"), url(plutomedium-webfont.woff2) format("woff2"), url(plutomedium-webfont.woff) format("woff"), url(plutomedium-webfont.ttf) format("truetype"), url(plutomedium-webfont.svg#plutomedium) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "pluto_regularregular"; src: url(plutoregular-webfont.eot); src: url(plutoregular-webfont.eot?#iefix) format("embedded-opentype"), url(plutoregular-webfont.woff2) format("woff2"), url(plutoregular-webfont.woff) format("woff"), url(plutoregular-webfont.ttf) format("truetype"), url(plutoregular-webfont.svg#pluto_regularregular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "cgf-locust-regular"; src: url("/UserFiles/font/cgf-locust-regular/CGF Locust Resistance-webfont.eot"); src: url("/UserFiles/font/cgf-locust-regular/CGF Locust Resistance-webfont.eot?#iefix") format("embedded-opentype"), url("/UserFiles/font/cgf-locust-regular/CGF Locust Resistance-webfont.woff2") format("woff2"), url("/UserFiles/font/cgf-locust-regular/CGF Locust Resistance-webfont.woff") format("woff"), url("/UserFiles/font/cgf-locust-regular/CGF Locust Resistance-webfont.ttf") format("truetype"), url("/UserFiles/font/cgf-locust-regular/CGF Locust Resistance-webfont.svg#cgf-locust-regular") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "ubuntu"; src: url(/UserFiles/font/ubunturegular/ubuntu-webfont.eot); src: url(/UserFiles/font/ubunturegular/ubuntu-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/ubunturegular/ubuntu-webfont.woff2) format("woff2"), url(/UserFiles/font/ubunturegular/ubuntu-webfont.woff) format("woff"), url(/UserFiles/font/ubunturegular/ubuntu-webfont.ttf) format("truetype"), url(/UserFiles/font/ubunturegular/ubuntu-webfont.svg#ubunturegular) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "ubuntubold"; src: url(/UserFiles/font/ubuntubold/ubuntu-bold-webfont.eot); src: url(/UserFiles/font/ubuntubold/ubuntu-bold-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/ubuntubold/ubuntu-bold-webfont.woff2) format("woff2"), url(/UserFiles/font/ubuntubold/ubuntu-bold-webfont.woff) format("woff"), url(/UserFiles/font/ubuntubold/ubuntu-bold-webfont.ttf) format("truetype"), url(/UserFiles/font/ubuntubold/ubuntu-bold-webfont.svg#ubuntubold) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "ubuntumedium"; src: url(/UserFiles/font/ubuntumedium/ubuntu-medium-webfont.eot); src: url(/UserFiles/font/ubuntumedium/ubuntu-medium-webfont.eot?#iefix) format("embedded-opentype"), url(/UserFiles/font/ubuntumedium/ubuntu-medium-webfont.woff2) format("woff2"), url(/UserFiles/font/ubuntumedium/ubuntu-medium-webfont.woff) format("woff"), url(/UserFiles/font/ubuntumedium/ubuntu-medium-webfont.ttf) format("truetype"), url(/UserFiles/font/ubuntumedium/ubuntu-medium-webfont.svg#ubuntumedium) format("svg"); font-weight: normal; font-style: normal } /*** FIN FONT ****/ .res-edit { height: 0 !important; border: none !important } body { font: 14px/17px Arial, Helvetica, sans-serif !important; background: #e3deda url(images/body.png) center top repeat-y; /*background: #e3deda; couleur par defaut cot�s*/ /*background: #f2f1f0;*/ background: #f7f6f5; width: 100% } a { color: #0971B2 } a:hover { color: #5c5956 } .bold { font-weight: bold } #inner_content { position: relative; /*width: 1170px;*/ min-width: 1170px; padding-bottom: 50px; margin-top: 46px; /*background: #f7f6f5 url(images/body.png) right top repeat-y; background-size: 7px;*/ background: #f7f6f5 } /*#global_header { background : url(images/nav_menu.png) repeat-x 0 176px; }*/ #header { height: 173px; width: 100%; min-width: 1170px; background: url(/Userfiles/image/Menu/fond/les-mediatheques-logos6.jpg) no-repeat white; background-position: top center; position: relative; height: 167px; min-width: 1170px; width: 100% } /* adaptation background à la largeur de la fenêtre */ /* adaptation background à la résolution de l'écran - 2017-06-06 @media only screen and (max-device-width:2600px) { #header { background: url("/Userfiles/image/Menu/fond/DSCF2356b2400-2.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; background-origin: border-box; background-position: 0px -160px; } }*/ /*@media only screen and (max-device-width:1600px) { #header { background: url("/Userfiles/image/Menu/fond/DSCF2356b2400-2.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; background-origin: border-box; background-position: 0px -120px; } }*/ /*@media only screen and (max-device-width:1366px) { #header { background: url("/Userfiles/image/Menu/fond/DSCF2356b2400-2.jpg") no-repeat; -webkit-background-size: cover; background-size: cover; background-origin: border-box; background-position: 0px -86px; } }*/ /* FIN adaptation background à la résolution de l'écran */ #header #nav_connexe { visibility: hidden; /*background:#e2002d; position:relative; width:100%; z-index:6; top: 0; left: 0; -moz-box-shadow:1px 2px 3px #black; -webkit-box-shadow:1px 2px 3px #black; -o-box-shadow:1px 2px 3px #black; box-shadow:1px 2px 3px #black; behavior:url(/ui/skins/cabm/PIE.htc); z-index: 100; */ } #header #nav_connexe ul { height: 38px; width: 1170px; margin-left: auto; margin-right: auto; text-align: right; vertical-align: middle } #nav_connexe #admin-button { position: absolute; top: 0; visibility: visible } #header #nav_connexe ul li a { color: #fff; font-family: "ubuntu", "Arial", sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; text-transform: none; letter-spacing: normal; line-height: 1.4em } #header #nav_connexe ul li a:hover { cursor: pointer; text-decoration: none; color: #fff } #header #nav_connexe ul li a.cms-edit-page, #header #nav_connexe ul li a.admin-button-icon { display: inline-block; height: 18px; position: absolute; left: 100px; top: 8px } #header #nav_connexe ul li a.cms-edit-page { visibility: visible; color: black } #header #nav_connexe ul li a.admin-button-icon { width: 16px; left: -1070px } #header #nav_connexe ul li { display: inline-block; margin: 0; margin-top: 8px } #nav_connexe ul li.agglo, #nav_connexe ul li.deveco, #nav_connexe ul li.tourisme, #nav_connexe ul li.transport { background-image: url(/UserFiles/image/Menu/fond/agglo.png); opacity: 0.9; height: 33px; width: 33px; position: relative; top: -6px } #nav_connexe ul li.agglo a span, #nav_connexe ul li.deveco a span, #nav_connexe ul li.tourisme a span, #nav_connexe ul li.transport a span { visibility: hidden } #nav_connexe ul li.deveco { background-image: url(/UserFiles/image/Menu/fond/deveco.png) } #nav_connexe ul li.tourisme { background-image: url(/UserFiles/image/Menu/fond/tourisme.png) } #nav_connexe ul li.transport { background-image: url(/UserFiles/image/Menu/fond/bus.png) } #header .x-btn span, .ext2 #header .x-btn button { color: #fff } #identite_1 { top: 10px; right: 3%; height: 85px; width: 208px; /* background: url(/Userfiles/image/Menu/fond/identite_1-ombre.png) no-repeat;*/ background: none; /*background: url(/Userfiles/image/Menu/fond/identite_1-ombreblanche3.png) no-repeat;*/ opacity: 1; position: absolute; left: 1170px; margin-right: auto } #identite_1 h1 a { height: 85px; width: 208px } #identite_2 { position: absolute; top: 10px; right: 1170px; height: 85px; width: 162px; background: none; z-index: 200; margin-left: auto; margin-right: auto } #identite_2 a { display: block; height: 100px; width: 190px; left: 3%; top: 0; cursor: default } #wai_open_link .wai_eye { border: 2px solid #fff; height: 24px; top: 5px } /*****************************************/ /***** SELECTION COURANTE ***************/ /***** MULTI SELECTION REDUCED AND ENLARGED ****/ /******** mise à jour 21/07/2015 *******/ /******** correction 23/11/2015 version light *****/ #multi_selection_simple, #multi_selection { top: 290px } #multi_selection_simple .content_header, #multi_selection .content_header, #multi_selection .content_footer { background: #E0E0E0; margin-right: 0 } #multi_selection .content_footer ul.actions a:hover { opacity: 0.6 } #multi_selection_simple .content_header h2, #multi_selection .content_header h2 { font-size: 14px; color: #000; font-family: ubuntu, sans-serif; font-weight: normal; padding: 0 } #multi_selection_simple .content_header h2 { min-width: 20px } #multi_selection .content_header h2 span.selection_label { font-size: 13px } #multi_selection .content_header h2 span.selection_documents_label { font-size: 12px } #multi_selection_simple .bouton_detail, #multi_selection .bouton_detail { right: 3px; top: 3px; height: 12px; width: 12px; background: url(/Userfiles/image/Menu/fond/fleche-recherche_select-haut-noire.png) no-repeat scroll right center transparent } #multi_selection_simple .bouton_detail { background: url(/Userfiles/image/Menu/fond/fleche-recherche_select-bas-noire.png) no-repeat scroll right center transparent } #multi_selection_simple li a.supp { background: url(images/icones_12.png) no-repeat left -14px } #multi_selection_simple.no_float, #multi_selection.no_float { position: static; margin-left: 25px; float: left; width: 300px } #multi_selection .content_corps { margin: 0 } #multi_selection .content_corps ul { font-family: ubuntu, sans-serif; font-size: 13px; font-weight: normal; color: #000 } #multi_selection .content_corps ul li { padding: 5px 0 5px 0; margin: 0; width: auto } #multi_selection li a.bouton, #resultats .selections li a.bouton, #resultats .labels li a.bouton { margin: 0 2px } .selection_documents_label { margin-right: 10px } /***** FIN SELECTION COURANTE ***************/ /*********************************************/ /********* MENU ******************************/ #nav_menu_principal { width: 100%; top: 133px; height: 34px; line-height: 34px; margin-left: auto; margin-right: auto; background: #e4003a; /*background: url("images/nav_menu.png") repeat-x;*/ } #nav_menu_principal ul { width: 1170px; margin-left: auto; margin-right: auto; height: 34px; background-color: none } #nav_menu_principal li.separateur { display: none } #nav_menu_principal ul li { background-color: #e4003a; margin: 0; margin-right: -4px } #nav_menu_principal li.rich-menu-entry.over { background-color: #E0E0E0; color: #fff } #nav_menu_principal li.rich-menu-entry:active { background-color: #e4003a; color: #fff } #nav_menu_principal li a { padding: 0 46px 0 46px; font-size: 18px; color: #fff; text-transform: none; font-family: ubuntumedium, arial, sans-serif; border-left: 2px solid #fff; margin: 0 } #nav_menu_principal li.rich-menu-entry.over a { color: #5c5956; cursor: default; width: 100% } #nav_menu_principal li a span.libelle { background: none } /* accueil = image maison #nav_menu_principal li#menu_p_1 a { padding: 0 8px 0 8px; background: url(images/home.png) no-repeat 16px center; width: 40px; } #nav_menu_principal li#menu_p_1 span span span { display: none; } */ /* ajout main survol accueil le 11/01/2017 */ #nav_menu_principal li#menu_p_1 a:hover, #nav_menu_principal li#menu_p_5 a:hover { cursor: pointer } #identite_utilisateur { color: #000; font-size: 0.9em; top: 180px; left: 1170px; margin-left: auto; font-family: ubuntu, arial } /*#identite_utilisateur::after { content: " - "; }*/ #nav_menu_perso { width: 206px; height: 34px; line-height: 34px; display: inline-block; position: absolute; left: 950px; margin-left: auto; margin-right: auto; text-align: center; top: 133px; font-family: ubuntumedium, arial; color: white; background-color: #e4003a; border-right: 2px solid white; border-left: 2px solid white } #nav_menu_perso li { display: inline-block; width: 206px } #nav_menu_perso > ul li a, #compte a { text-transform: none; text-decoration: none; color: white; width: 100%; font-family: ubuntumedium, sans-serif; font-size: 18px } #nav_menu_perso > ul li a:hover, #compte a:hover { background-color: #E3DEDA; color: #5c5956 } #compte { width: 206px; text-align: center } #perso_authentification { border: #e4003a solid 2px; -moz-border-radius: 2px 2px; -webkit-border-radius: 2px 2px; border-radius: 2px 2px; margin-top: -2px; width: 190px; position: absolute; right: -1px; text-align: left; border-top: none } #perso_authentification label { width: 130px; display: inline-block; text-align: left; padding-right: 20px; color: #000 } #perso_authentification .champ_texte { width: 100px; display: inline-block; text-align: left } #perso_authentification .bouton { -moz-border-radius: 3px 3px; -webkit-border-radius: 3px 3px; border-radius: 3px 3px; font-family: ubuntu, arial, sans-serif; background: #e5003a; text-transform: uppercase } #perso_authentification .bouton:hover { background: #E3DEDA; color: #5c5956 } /********************************** DEBUT Rich menu ******************************/ /**** MISE A JOUR 23/11/2015 pour base light + maj le 30/08 changt couleurs *****/ /* positionnement des blocs sous-menus */ .positionnnement_menu { position: relative; width: 1170px; margin: 0 auto 0 auto } .positionnnement_menu #Conteneur_menu_p_2, .positionnnement_menu #Conteneur_menu_p_3, .positionnnement_menu #Conteneur_menu_p_4 { position: absolute; top: 167px; width: 300px; left: 170px; margin: 0; background: #e0e0e0; border: none; border-top: none; z-index: 10000; padding-top: 5px; padding-bottom: 5px } .positionnnement_menu #Conteneur_menu_p_3 { left: 350px } .positionnnement_menu #Conteneur_menu_p_4 { left: 551px } /* fin positionnement des blocs sous-menus */ /* styles des conteneurs */ /* maj 30/08/2016 */ /* maj 21/02/2017 */ .Conteneur_LEVEL2 { width: 300px; background-color: #E0E0E0; position: relative; font-family: ubuntu, arial, sans-serif; font-weight: normal; padding-top: 5px; padding-bottom: 5px; margin: 0 } .title-menu { display: none } .illustration { display: none } /* .illustration img:hover { opacity: 0.7; border: none; } */ .Conteneur_LEVEL2 li { margin: 0 0 0 0; padding: 0 } .Conteneur_LEVEL2 ul.LEVEL2 { cursor: pointer; width: 264px; height: 32px; margin: 3px 6px 3px 9px } .Conteneur_LEVEL2 ul.LEVEL2:hover { cursor: pointer; background-color: #f4f4f4; border-left: 3px solid #e4003a; margin-left: 6px } .Conteneur_LEVEL2 ul.LEVEL2 li { height: 32px; margin: 0; padding: 0 } .Conteneur_LEVEL2 ul.LEVEL2 li a { color: #5c5956; width: 264px; height: 32px; line-height: 28px; margin: 0; padding: 0 } .Conteneur_LEVEL2 ul.LEVEL2 li a:hover { color: #e4003a } li.LEVEL3 { display: none } /* .Conteneur_LEVEL2 ul { width: auto; display: inline-block; float: left; height: auto; border-bottom: none; padding: 8px; margin: 0px 5px 0px 5px; } .Conteneur_LEVEL2 ul li ul { border-left: 2px solid #e4003a; display: block; height: 30px; width: 200px; } .Conteneur_LEVEL2 li { width: 370px; padding: 0px; margin: 0px; height:60px; } a.rich-menu-link { width:100%; position:absolute; } a.rich-menu-link.over div, a.rich-menu-link.over p, a.rich-menu-link:hover , .Conteneur_LEVEL2 li:hover, .Conteneur_LEVEL2 ul li div.title-menu p.menu_description:hover { color: #e5003a; } .div_menu_title { background-image:none; height: auto; margin: 0; padding: 0; color: #5c5956; font-size: 14px; display:inline-block; } .Conteneur_LEVEL2 ul div.menu_title a:hover { text-decoration: none !important; } */ /* fin titre */ /* description */ /* .Conteneur_LEVEL2 ul li div.title-menu p.menu_description { display: inline-block; margin: 0; padding: 0; font-weight: normal; color: #5c5956; font-size: 11px; line-height: 1.2em; } */ /* fin description */ /* .menuSub2 li a{ font-weight: normal; } .menuSub2 li a:hover { text-decoration: underline !important; } .LEVEL2 li:hover span { color: #FFFFFF !important; } */ /********************************** FIN Rich menu ******************************/ /* pré-inscription médiathèque */ #perso_authentification a.register_user_link { display: none } #perso_authentification #perso_services ul li { display: inline-block; margin: 0; padding: 0; height: 26px; width: 185px } #perso_authentification #perso_services ul li img { display: none } #perso_authentification #perso_services ul li a { text-decoration: none } #perso_authentification #perso_services ul li a:hover { color: #e5003a } /* recherche principal */ #recherche { position: relative; width: 310px; top: 52px; margin-left: auto; margin-right: auto; padding-right: 0; height: 66px } #recherche_titre { display: none } #main_search_form { width: 310px; position: absolute; top: 0; left: 0; font-size: 1em; font-family: "ubuntu", "Arial", sans-serif } #recherche_scenario, #recherche_scenario select, #recherche_champs input[type="text"] { /*height: 30px;*/ padding: 0 } #recherche_scenario { border: none; display: block; width: 245px; overflow: hidden; background: #e4003a url(/UserFiles/image/Menu/fleche-options.png) no-repeat 95% 50%; position: relative; left: 0; height: 22px } #recherche_scenario select { background-color: transparent; color: white; border: none; cursor: pointer; width: 115%; padding-left: 5px; height: 22px; font-size: 14px; font-family: ubuntumedium, sans-serif } #recherche_scenario select option { background-color: #e4003a; font-family: ubuntumedium, sans-serif } #recherche_scenario select option:hover { background-color: #e0e0e0; color: #e4003a; cursor: pointer } #recherche_champs input[type="text"] { width: 245px; position: relative; left: 0; border: 1px solid #e4003a; padding: 5px; padding-left: 10px; color: #5c5956; height: 34px } #recherche #search_reset { width: 10px; height: 30px; line-height: 30px; text-indent: 0; background: none; position: absolute; top: 25px; left: 230px; color: #777; border: none; cursor: pointer } #recherche #search_reset:hover { text-indent: 0; background: none; color: #e4003a } #search_valid { width: 56px; height: 56px; line-height: 28px; position: absolute; left: 244px; padding: 0; text-indent: 0; background: #e5003a; color: transparent; background: #e4003a url(/Userfiles/image/Menu/enfants/musica-searcher50.png) no-repeat 50% center } #recherche a { display: none; top: 0; height: 22px; line-height: 22px; font-size: 12px; text-decoration: underline } /*#ariane { margin: 0; padding: 5px 5px 22px; font-size: 10px; color: #5c5956; background: #f2f1f0; }*/ #ariane { display: none } .images_scroll, .selection_images_scroll, .capture_images_scroll { z-index: 1 } /******************************************/ /******** MON COMPTE = MENU et PAGES *******/ /** Mises à jour le 21/07/2015 **/ #ermes-myaccount .myaccount-menu .menu-item { margin: 5px 0; padding: 5px 5px 5px 26px; width: 180px; font-size: 14px; text-transform: none; cursor: pointer } #ermes-myaccount .myaccount-menu li.menu-item.active { color: #5c5956 } /* PAGE Gérer vos avis, vos tags */ .myaccount-comments .comments-box { margin-top: 10px; padding: 10px; background-color: #FFF; border: 1px solid #c3b6ad; border-radius: 4px } .myaccount-comments .comment-character { display: none } .myaccount-comments .comment-message { float: left; margin-left: 5px; padding: 0 0 0 10px; max-width: 90%; font-family: inherit; background: none } .myaccount-comments .comment-message > div { padding: 10px; background-color: white; color: #FFF; border-radius: 0; /*+box-shadow:0px 1px 1px #d9d9d9;*/ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; behavior: url(/ui/skins/cabm/PIE.htc) } .myaccount-comments .comment-message .message { color: #000 } .myaccount-tags .myaccount-tagcloud { background-color: white; overflow: hidden; padding: 5px; margin-top: 10px; border: 1px solid #c3b6ad; border-radius: 4px; /*+box-shadow:0px 1px 1px #d9d9d9;*/ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; behavior: url(/ui/skins/cabm/PIE.htc) } .myaccount-tags .myaccount-tagcloud li.tag-weight-1 span { font-size: 14px; font-weight: normal; color: inherit } .myaccount-tags .myaccount-tagcloud a { text-decoration: none; color: #544f4b } .myaccount-tags .myaccount-tagcloud a:hover { text-decoration: underline; color: #c3b6ad } /******** FIN MENU et PAGES MON COMPTE *******/ /**************** ENCARTS SCROLL ***************/ /*** mis à jour 23/11/2015 pour base light ***/ .images_scroll div.scrollableArea img, .selection_images_scroll div.scrollableArea img, .capture_images_scroll div.scrollableArea img { float: none } .images_scroll div.scrollableArea > div, .selection_images_scroll div.scrollableArea > div, .capture_images_scroll div.scrollableArea > div { cursor: pointer; min-height: none; background-color: white; border: none; cursor: pointer; float: left; margin: 0; padding: 0 8px 3px 8px; width: 160px } .images_scroll div.scrollableArea > div:hover, .selection_images_scroll div.scrollableArea > div:hover, .capture_images_scroll div.scrollableArea > div:hover { background-color: white; border: none; padding: none; margin: 0; padding: 0 8px 3px 8px; text-decoration: underline } .images_scroll div.scrollableArea img:hover, .selection_images_scroll div.scrollableArea img:hover, .capture_images_scroll div.scrollableArea img:hover { opacity: 0.6 } .capture_images_scroll .scrollWrapper { max-height: 218px } .scrollWrapper .smooth_item h3.title.template-title { font-weight: normal !important; font-size: 12px !important; font-family: ubuntu } .scrollWrapper .smooth_item ul.date span.desc-list-title ul.desc-list li.desc-list-item { font-weight: normal } .scrollableArea .template-info { color: none; font-weight: normal; font-size: 10px; text-align: left; margin: 0; display: none } .scrollableArea .smooth_item { width: 160px; text-align: center } .scrollWrapper img.ermes-thumb-size-MEDIUM { margin-right: 0; max-height: none !important; max-width: none } .scrollWrapper img.ermes-thumb-size-MEDIUM.openfind, .scrollWrapper img.ermes-thumb-size-MEDIUM.musicMe { margin-right: 0; max-height: 200px; max-width: 130px } div.scrollingHotSpotLeft, div.scrollingHotSpotRight { min-width: 50px; width: 8%; height: 85% } div.ermes_search_model + p { margin: 5px 0 0 0 } div.ermes_search_model.ressnum { padding-top: 10px; margin-bottom: 20px } /**** FIN ENCARTS SCROLL ****/ /**** ENCART AVIS ****/ .webframe-ermes-lastcomments-item .template-resume { display: none } .comment-div + div.resource-div { text-align: center } .comment-div + div.resource-div .vignette_container { float: none; width: auto } .comment-div + div.resource-div .vignette_container .vignette_document { float: none; margin-left: auto; margin-right: auto; width: auto } .comment-div + div.resource-div .vignette_container .vignette_document img { border: none; background-color: none; padding: 0; max-width: 150px } .comment-div + div.resource-div .notice_corps { text-align: center } .comment-div + div.resource-div .notice_corps p.template-info { display: none } .comment-div + div.resource-div .notice_corps a h3 { clear: both; display: block !important } .comment-div + div.resource-div .notice_corps a { text-decoration: none } .comment-div + div.resource-div .notice_corps a h3:hover { text-decoration: underline } .webframe-ermes-lastcomments .webframe-ermes-lastcomments-item { background: none; border-bottom: 1px solid #a6a6a6; padding: 10px 5px } .webframe-ermes-lastcomments-item-shadow .shadow_droite, .webframe-ermes-lastcomments-item-shadow .shadow_gauche { background: none; display: none } .webframe-ermes-lastcomments div.resource-div { border-top: none } /**** FIN ENCART AVIS ****/ /**** ENCART WebFrame-Ermes-OpenFindSelection + lastviewedresources ****/ .webframe-ermes-lastviewedresources .vignette_document { float: none; margin-left: auto; margin-right: auto; width: auto } .webframe-ermes-lastviewedresources .vignette_document img { height: auto; width: 100px; max-width: 100px; background: none; border: none; padding: 0 } div.webframe-ermes-lastviewedresources-item, div.webframe-ermes-openfindselection-item { overflow: auto; /*background-color: #F5F5F5;*/ background-color: #f7f6f5; padding: 10px 10px 5px; margin-bottom: 0 } .webframe-ermes-lastviewedresources-item-shadow, .webframe-ermes-openfindselection-item-shadow { position: relative; height: 0; visibility: hidden } .ermes_search_model a, div.webframe-ermes-lastviewedresources-item a, div.webframe-ermes-openfindselection-item a { text-decoration: none; color: #555 } ul.date span.desc-list-title ul.desc-list li.desc-list-item { display: inline-block; padding: 0; padding-right: 10px } ul.date span.desc-list-title ul.desc-list li.desc-list-item:after { content: "." } /* Corrections AL - Debut */ .content { overflow: hidden } .vignette_container { float: left; width: 120px } .vignette_document { float: left; width: 120px; margin-right: 20px; margin-bottom: 20px } #zone-2 .notice_corps { /*width:185px;*/ } .notice_corps { /*float:left;*/ } /* Corrections AL - Fin*/ /********************** NOTICES *****************************************/ /* NOTICES ONGLETS: suppression et transformation - fait le 20/07/2015 */ /* MISE A JOUR LE 23/11/2015 pour BASE LIGHT - MISE A JOUR le 03/04/2017 */ #resultats_detail .content_corps { padding: 40px 0 5px; box-shadow: none; margin: 0 } #onglets { padding: 0; margin: 0; font-family: ubuntu; text-transform: uppercase } #document_01 { border: none; border-radius: none } /* modif 19/11/2015 : augmentation taille vignette notice (meilleur affichage surtout pour images numérisées) */ /*#document_02 #notice_longue .vignette_document img { max-width: 120px; margin: 0 20px 0 0; }*/ #document_02 #notice_longue { padding: 20px 20px 30px 20px; background: none } #document_02 #notice_longue img.ermes-thumb-size-MEDIUM { min-width: 120px !important; min-height: 120px !important } /* fin modif 19/11/2015 */ #onglets { border-top: 1px solid #5c5956 } #onglets li { border-right: 1px solid #5c5956; margin-right: 0 } #onglets li a { border: none; border-radius: 0 } #onglets li.first a, #onglets li.first a.on, #onglets li#tab-more-dispo a, #onglets li#tab-more-dispo a.on, #onglets li#tab-more-wip a, #onglets li#tab-more-wip a.on { margin-bottom: 0; height: auto } #onglets li a.on span, #onglets li a span, #onglets li a { background: #eee; color: #5c5956 } #onglets li a.on span { background: white } #enrichissements { background: none; padding: 0 10px 0 10px } #onglets li a.on { background: none } #onglets li a.on:hover span, #onglets li a:hover span { cursor: pointer; color: #0971b2 } #onglets li a:hover span { text-decoration: none } #resultats_detail span.support { right: 10px; top: 36px; background: none; z-index: 1 } #resultats_detail span.support strong { color: #e5003a; font-family: ubuntu, arial, sans-serif; text-transform: uppercase; font-size: 14px; margin: 5px 0; padding: 0; font-weight: normal; background: none } .navigation { margin-bottom: 20px; padding: 0 10px 0 5px } /*==================================== CONTENT ====================================*/ div#global_contenu { padding: 0 } .frame-standard, .global_content { margin: 0 } .frame-standard { margin-right: 5px } /* modif 7/11/2016 marge gauche pour zone 4 #portal .frame { margin: 30px 0 0 0px !important; } */ #portal .frame { margin: 30px 0 0 0 !important } #zone-2 .frame { /*margin: 30px 13px 0 20px !important;*/ margin: 30px 18px 0 0 !important } #zone-3 .frame { /*margin: 20px 20px 0 13px !important;*/ margin: 30px 0 0 18px !important } #zone-4 .frame { margin: 20px 0 0 20px !important } .content_header { padding: 1px 0 } .content_header_gauche_haut, .content_header_droite_haut { display: block; position: absolute; height: 100%; width: 50% } .content_corps { border: 1px solid #d5ccc6; border-top: none } /*MODIFICATION ENCART EDITORIAL STANDARD */ /* ENCART COLONNE GAUCHE RESULTATS RECHERCHES : options_document - extrait_avis - options_suggestion */ #options_document .content_header_centre { padding-top: 3px; padding-bottom: 3px } #options_suggestion { margin-top: 30px } #options_suggestion .content_corps_gauche_haut, #extrait_avis .content_corps_gauche_haut, #options_document .content_corps_gauche_haut { left: 0; top: 0; background: none; z-index: 10 } #options_suggestion .content_corps_droite_haut, #extrait_avis .content_corps_droite_haut, #options_document .content_corps_droite_haut { right: 0; top: 0; background: none; z-index: 10 } .content_header_centre h2 { font-size: 14px; font-weight: bold; padding-top: 3px; padding-bottom: 3px } #options_document h2 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; width: 100%; clear: both } #options_document li a.selected { font-weight: normal } #extrait_avis p span { display: inline-block; padding: 0 0 10px 10px; text-align: left; font-size: 12px; font-family: verdana; background: none } #document_actions .content_header_centre h2, #options_suggestion .content_header_centre h2, #extrait_avis .content_header_centre h2, #agenda_subscribe .content_header_centre h2 { margin: 0; padding: 5px 0 } #aside .content_header h2, #document_actions .content_header_centre h2 span span, #options_suggestion .content_header_centre h2 span span, #extrait_avis .content_header_centre h2 span span, #agenda_subscribe .content_header_centre h2 span span, #avis_lecteurs h3 span { font-size: 18px; font-weight: normal; text-transform: none; font-family: ubuntumedium, sans-serif; color: #e4003a; margin: 0; padding: 0 0 0 5px } /* modif du 31/05/2017 */ #avis_lecteurs .comment-inner-message { margin: 10px 5px; padding: 10px; border: 1px solid #d1e0e5; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #222; -moz-box-shadow: 1px 1px 2px #d1e0e5; -webkit-box-shadow: 1px 1px 2px #d1e0e5; box-shadow: 1px 1px 2px #d1e0e5; background-color: #FFF } /* FIN modif du 31/05/2017 */ #avis_lecteurs h3 span { padding: 0 } #aside .content_header, #document_actions .content_header, #options_suggestion .content_header, #extrait_avis .content_header, #agenda_subscribe .content_header { /*+box-shadow:0px 2px 8px #949494; -moz-box-shadow:0px 1px 1px #d9d9d9; -webkit-box-shadow:0px 1px 1px #d9d9d9; -o-box-shadow:0px 1px 1px #d9d9d9; box-shadow:0px 1px 1px #d9d9d9;*/ -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -o-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; behavior: url(/ui/skins/cabm/PIE.htc); margin-right: 3px; background: white } #resultats_recherche .content_header, #resultats_detail .content_header, #documents_memorises .content_header { box-shadow: none; background: white } #resultats_recherche h2, #resultats_detail h2, #documents_memorises h2 { font-size: 16px; font-weight: normal; font-family: ubuntu, sans-serif; /*color: #0971B2;*/ color: #e4003a; margin: 0 8px; padding: 0 } #document_actions .content_corps, #options_suggestion .content_corps, #extrait_avis .content_corps, #agenda_subscribe .content_corps { /*+box-shadow:1px 1px 2px #cccccc;*/ -moz-box-shadow: 0 1px 1px #d9d9d9; -webkit-box-shadow: 0 1px 1px #d9d9d9; -o-box-shadow: 0 1px 1px #d9d9d9; box-shadow: 0 1px 1px #d9d9d9; behavior: url(/ui/skins/cabm/PIE.htc); margin-right: 3px; margin-bottom: 3px; border: none; background-color: #fff } #document_actions .content_corps_centre, #options_suggestion .content_corps_centre, #extrait_avis .content_corps_centre, #agenda_subscribe .content_corps_centre { padding: 10px } #resultats_recherche .content_corps, #documents_memorises .content_corps { margin: 0; box-shadow: none } #agenda_subscribe_container table tr.SubscribeAction td a { color: #00afdd } #agenda_subscribe_container table tr.SubscribeAction td a:hover { color: #a6a6a6 } #options_document input { background: none repeat scroll 0 0 #FFF; border: 1px solid #BABABA; float: left; margin: 0 10px 0 0; width: 200px; color: gray; font-style: italic } #options_document #confirm_addLabel { margin-top: 0 } #options_suggestion li { overflow: hidden; margin: 0 0 10px 0; text-align: center } #options_suggestion li div.vignette_document { float: none; min-width: 180px; margin-left: auto; margin-right: auto } #options_suggestion li img { border: none; background: none; max-width: 150px; float: none; margin: 0 } /**********************/ /* FACETTES */ #facet_container { background: #fff; padding: 10px } #facet_container .facet-folder h3 { font-family: ubuntu, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: normal; margin: 10px 0 10px 0; padding: 0; color: #5c5956; background: none } #facet_container .facet-folder { margin-bottom: 25px } #facet_container .facet-folder ul.facetList { margin-left: 20px } /* #facet_container li a strong { color: #5c5956; font-weight: normal; }*/ #facet_container li { padding: 5px 0 0 0; line-height: 1.4; font-family: ubuntu } #facet_container li a, #facet_container li { color: #000 } #facet_container li a:hover { /*color: #5c5956;*/ color: #e4003a } /* DANS NOTICE - ENCART PRINCIPAL COLONNE DROITE - LIGNE DONNER MON AVIS */ #resultats_detail #notice_longue .metadata-actions { margin: 20px 0 30px 40px; overflow: hidden; padding: 5px; border: none; /*border-bottom: 1px solid #e4003a; border-top: 1px solid #e4003a;*/ background-color: white } #resultats_detail .notice .metadata-actions li { font-size: 15px; font-family: ubuntu; color: #009fe3; width: 200px; height: 30px; line-height: 30px; border-left: 3px solid #e4003a; background-color: #e0e0e0 } #resultats_detail .notice .metadata-actions li:hover { background-color: #f4f4f4 } #resultats_detail .notice .metadata-actions li a { text-decoration: none } #resultats_detail .notice .metadata-actions li a:hover { text-decoration: none; color: #e4003a } .frame-standard .content_corps { background-color: white } .content_corps { /*box-shadow:1px 1px 2px #cccccc;*/ -moz-box-shadow: 0 1px 1px #d9d9d9; -webkit-box-shadow: 0 1px 1px #d9d9d9; -o-box-shadow: 0 1px 1px #d9d9d9; box-shadow: 0 1px 1px #d9d9d9; behavior: url(/ui/skins/cabm/PIE.htc); border: none; margin-right: 3px; margin-bottom: 3px } .content_header { /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -o-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; behavior: url(/ui/skins/cabm/PIE.htc); margin-right: 3px } .footer-icon-container ul { /*display: none;*/ visibility: hidden; height: 0 } /**** 2 colonnes - 1 sous-menu et des encarts ****/ .content_corps .content_corps_centre div.colonne-gauche, .content_corps .content_corps_centre div.colonne-droite { display: inline-block; width: 800px; vertical-align: top; padding: 0 } .content_corps .content_corps_centre div.colonne-droite { width: 288px; margin-left: 30px; vertical-align: top } .content_corps .content_corps_centre div.colonne-droite div.menu-droit, .content_corps .content_corps_centre div.colonne-droite div.bloc-blanc, .content_corps .content_corps_centre div.colonne-gauche div.bloc-blanc { background-color: white; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -o-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; behavior: url(/ui/skins/cabm/PIE.htc); border: none; margin-bottom: 30px; padding-bottom: 10px } .content_corps .content_corps_centre div.colonne-droite div.bloc-blanc, .content_corps .content_corps_centre div.colonne-gauche div.bloc-blanc { padding: 10px } .content_corps .content_corps_centre div.colonne-droite div.bloc-blanc p, .content_corps .content_corps_centre div.colonne-gauche div.bloc-blanc p { padding: 0 } /***** fin 2 colonnes - 1 sous-menu ****/ /**** 2 colonnes 50/50 - 02/04/2016 ****/ .content_corps .content_corps_centre div.col1-50, .content_corps .content_corps_centre div.col2-50, .content_corps .content_corps_centre p.col1-50, .content_corps .content_corps_centre p.col2-50, .slides_container div.col1-50, .slides_container div.col2-50 { display: inline-block; position: relative; width: 45%; vertical-align: top; margin: 0 } .content_corps .content_corps_centre div.col1-50, .content_corps .content_corps_centre p.col1-50, .slides_container div.col1-50 { margin: 0 5% 0 0 } /***** fin 2 colonnes 50/50 ****/ /**** 3 colonnes 30/30/30 - 27/06/2016 ****/ .content_corps .content_corps_centre .col1-30, .content_corps .content_corps_centre .col2-30, .content_corps .content_corps_centre .col3-30 { display: inline-block; position: relative; width: 30%; vertical-align: top; margin: 0 } .content_corps .content_corps_centre .col1-30, .content_corps .content_corps_centre .col2-30 { margin: 0 4% 0 0 } /***** fin 3 colonnes 30/30/30 ****/ /**** 4 colonnes 21/21/21/21 - 20/01/2017 ****/ .content_corps .content_corps_centre .colx4 { display: inline-block; width: 220px; margin: 30px 2% 30px 2%; vertical-align: top } .content_corps .content_corps_centre .colx4 > img { height: 250px; margin-bottom: 10px } /***** fin 4 colonnes ****/ /**** 4 colonnes bis ???? - 08/01/2018 ****/ .encart-titre-majuscule .content_corps .content_corps_centre p.colx4x190 { display: inline-block; width: 190px; margin: 25px 10px 0 0; vertical-align: top; text-align: center; font-family: ubuntu, arial, sans-serif; font-size: 11px } .encart-titre-majuscule .content_corps .content_corps_centre p.colx4x190 a > img { height: 95px; width: 190px; margin-bottom: 0; -moz-box-shadow: 1px 1px 2px #c3b6ad; -webkit-box-shadow: 1px 1px 2px #c3b6ad; -o-box-shadow: 1px 1px 2px #c3b6ad; box-shadow: 1px 1px 2px #c3b6ad } /***** fin 4 colonnes bis ****/ .polar div { display: inline-block } .content_corps .content_corps_centre .polar div.col1, .col1 { width: 68%; vertical-align: top; padding: 10px } .content_corps .content_corps_centre .polar div.col2, .col2 { width: 25%; margin: 0 5px 0 15px; background-color: white; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -o-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; behavior: url(/ui/skins/cabm/PIE.htc); border: none; padding-bottom: 10px } .content_corps .content_corps_centre .polar div.col2 h3, .col2 h3 { margin-top: 0 } a#haut2page { position: absolute; top: -300px } .content_corps p { text-align: justify } a.lienbleu { color: #0971b2; text-decoration: none } a.lienbleu:hover { color: #c3b6ad } a.lienblanc { color: white; text-decoration: none } a.lienblanc:hover { color: white; text-decoration: underline } a.opacite { opacity: 1 } a.opacite:hover { opacity: 0.7 } /*______________________________ CSS ____________________________*/ .css_0 .content_header { display: none } .css_1 .content_header { border: none } .css_1 .content_header_gauche_haut, .css_1 .content_header_droite_haut { background: none } .css_1 h2 { color: #0971b2 } .css_2 .content_header { border: none } .css_2 .content_header_gauche_haut, .css_2 .content_header_droite_haut { background: none } .css_2 .content_corps { border: none; margin-bottom: 3px } #user_labels h3, #global_basket_actions h3 { font-family: ubuntu, sans-serif; margin: 0 0 20px; background: none; border: medium none } #user_labels h3 span { color: #e5003a; font-size: 16px; font-weight: normal; line-height: 16px; padding-top: 2px } #global_basket_actions h3 span { display: none } #documents_memorises h2 { display: none } #documents_memorises div.content_corps_centre { padding: 20px } .css_2 h2 { margin-left: 0 } .txt10 { font-size: 10px } ul.menu-onglet { list-style-type: none; margin: 0; margin-top: 15px } ul.menu-onglet li { display: inline-block; margin-left: 10px; padding: 5px 10px 2px 10px; border-top: 1px solid #87827d; border-left: 1px solid #87827d } /************************** FORMULAIRE CONTACT ***********************************/ #form-contact { font-family: ubuntu } #form-contact fieldset { padding: 0 20px 20px 20px; border: 1px solid #e4003a; margin-bottom: 20px } #form-contact legend { color: #e4003a; font-size: 16px; padding-left: 5px; padding-right: 5px; margin: 10px 0 20px 0 } #form-contact p { padding-bottom: 20px; line-height: 1.4em } #form-contact p span.numeroquestion { color: #e4003a; font-size: 18px } #form-contact input, #form-contact textarea, #form-contact select, #form-contact option { background-color: #fff } #form-contact input, #form-contact textarea, #form-contact select { padding: 2px; border: 1px solid #d1c8c1; border-radius: 2px; vertical-align: initial; margin: 0 0 2px 0; /*box-shadow:1px 1px 2px #d1c8c1 inset;*/ -moz-box-shadow: 1px 1px 2px #d1c8c1 inset; -webkit-box-shadow: 1px 1px 2px #d1c8c1 inset; -o-box-shadow: 1px 1px 2px #d1c8c1 inset; box-shadow: 1px 1px 2px #d1c8c1 inset; behavior: url(/ui/skins/cabm/PIE.htc) } #form-contact label { margin-top: 10px; display: inline-block; width: 200px; vertical-align: initial } #form-contact label.inline { display: inline; margin-right: 50px } #form-contact label.champtexte { display: inline; width: auto; vertical-align: initial } #form-contact select.choix { width: 450px; margin-left: 30px } #form-contact select { margin-top: 10px; margin-bottom: 10px } #form-contact input[type=radio] { background-color: transparent; border: none; width: 10px } #form-contact input:focus, #form-contact textarea:focus { background-color: #f2eae0 } /* form enquete été 2016 */ #form-contact p.form-tableau { display: inline-block; text-align: left; width: 275px; margin: 5px 0 5px 0; padding: 2px 5px 2px 3px } #form-contact p.form-tableau + p { display: inline-block; width: 495px; margin: 5px 0 5px 0; padding: 2px 3px 2px 3px; vertical-align: top; text-align: center } #form-contact div.gris { background-color: #dcdcdc; width: auto; height: auto } #form-contact p.sansmarge { padding-bottom: 5px } #form-contact div.col1-50, #form-contact div.col2-50 { background-color: #dcdcdc; padding: 0 2% 0 2%; width: 43% } #enquete #form-contact label.inline { margin-right: 0; line-height: 1.5em } #enquete #form-contact p.form-tableau + p label.inline { margin-right: 15px } #form-contact p label.sansmargedroite, #form-contact p.form-tableau + p label.der { margin-right: 0 } /* form inscription niouse */ #form-inscription input { background-color: #fff } #form-inscription input { padding: 3px; border: 1px solid #d1c8c1; border-radius: 2px; width: 180px; /*box-shadow:1px 1px 2px #d1c8c1 inset;*/ -moz-box-shadow: 1px 1px 1px #e6e6e6 inset; -webkit-box-shadow: 1px 1px 1px #e6e6e6 inset; -o-box-shadow: 1px 1px 1px #e6e6e6 inset; box-shadow: 1px 1px 1px #e6e6e6 inset; behavior: url(/ui/skins/cabm/PIE.htc) } #form-inscription + input[type=submit], #form-inscription + input[type=submit] + input[type=reset] { margin-top: 10px; margin-right: 5px; cursor: pointer; font-family: arial; font-size: 12px; text-transform: uppercase; background-color: white; border: none; color: #888 } #form-inscription + input[type=submit]:hover, #form-inscription + input[type=submit] + input[type=reset]:hover { color: #00afdd } /*************************** FIN FORMULAIRE CONTACT **********************************/ /*__________________________ STYLES D'ENCART MAM ___________________________________*/ /*ENCART VIDE*/ .encart-vide { border: none; background-color: none; clear: both } .encart-vide h2, #zone-2 .frame.encart-2col-vide h2 { display: none } .encart-vide .content_header, #zone-2 .frame.encart-2col-vide .content_header { background-color: #F7F6F5; /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none } .encart-vide .content_corps, #zone-2 .frame.encart-2col-vide .content_corps { border: none; padding: 0; background-color: #F7F6F5; /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none } .encart-vide .content_corps .content_corps_centre, #zone-2 .frame.encart-2col-vide .content_corps_centre { background-color: #F7F6F5 } .encart-vide .content_footer .footer-icon-container ul, #zone-2 .frame.encart-2col-vide .content_footer .footer-icon-container ul { display: none } /* ENCART VIDE FOND BLANC AVEC OU SANS MARGE */ .encart-vide-blanc, .encart-vide-blanc-marge { border: none; margin-bottom: 2px; clear: both; /*background-color: #ffffff;*/ } .encart-vide-blanc h2, .encart-vide-blanc-marge h2 { display: none } .encart-vide-blanc .content_header, .encart-vide-blanc-marge .content_header { background-color: #F7F6F5; /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none } .encart-vide-blanc .content_corps, .encart-vide-blanc-marge .content_corps, #options_document .content_corps { border: none; padding: 0; background-color: #F7F6F5; /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none } .encart-vide-blanc .content_corps .content_corps_centre, .encart-vide-blanc-marge .content_corps .content_corps_centre, #options_document .content_corps .content_corps_centre { background-color: #fff; /*box-shadow:1px 1px 2px #cccccc;*/ -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -o-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; behavior: url(/ui/skins/cabm/PIE.htc); padding: 0; margin-bottom: 3px } #options_document .content_corps .content_corps_centre { padding: 0 0 20px 20px } .encart-vide-blanc-marge .content_corps .content_corps_centre { padding: 10px } .encart-vide-blanc .content_corps .content_corps_centre h3 { margin: 0 0 10px 0 } .encart-vide-blanc .content_corps .content_corps_centre p, .encart-vide-blanc .content_corps .content_corps_centre ul { padding: 0 10px 10px 10px } .encart-vide-blanc .content_footer .footer-icon-container ul, .encart-vide-blanc-marge .content_footer .footer-icon-container ul { display: none } /* ENCART MAM */ .encart-titre-majuscule, .encart-titre-majuscule-gris, .encart-titre-fondgris, .encart-sousmenu, .encart-onglets, #zone-2 .frame.encart-2col, #zone-2 .frame.encart-2col-sous2col, .encart-ubuntu { border: none; margin-bottom: 2px } .encart-titre-fondgris .content_header_centre h2, .encart-titre-majuscule-gris .content_header_centre h2, .encart-titre-majuscule .content_header_centre h2, .encart-sousmenu .content_header_centre h2, .encart-onglets h2, #zone-2 .frame.encart-2col h2, #zone-2 .frame.encart-2col-sous2col h2 { font-family: ubuntumedium, sans-serif; font-size: 1.4em; /*text-transform: uppercase;*/ /*color: #0d8eae;*/ /*color: #1d71b8;*/ color: #e4003a; font-weight: normal; padding-top: 5px; padding-bottom: 10px } /********** ubuntu h3 ********/ div.slide h3, h3, .more-content h3 { font-family: ubuntumedium, sans-serif; font-size: 1.4em; text-transform: none; color: #e4003a; font-weight: normal; padding-top: 0; padding-bottom: 15px } /**** fin ubuntu h3 ********/ /********** ubuntu h4 ******/ h4 { font-size: 14px; text-transform: none; color: #1d71b8; font-weight: normal; padding-top: 0; padding-bottom: 10px; font-family: ubuntu, arial, sans-serif } /***** fin ubuntu h4 *****/ .encart-titre-fondgris .content_header, .encart-titre-majuscule-gris .content_header, .encart-titre-majuscule .content_header, .encart-sousmenu .content_header, .encart-onglets .content_header, #zone-2 .frame.encart-2col .content_header, #zone-2 .frame.encart-2col-sous2col .content_header { background-color: white; /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: 1px 0 2px #ccc; -webkit-box-shadow: 1px 0 2px #ccc; -o-box-shadow: 1px 0 2px #ccc; box-shadow: 1px 0 2px #ccc; behavior: url(/ui/skins/cabm/PIE.htc); padding: 0; padding-left: 5px } .encart-titre-fondgris .content_corps, .encart-titre-majuscule-gris .content_corps, .encart-titre-majuscule .content_corps, .encart-sousmenu .content_corps, .encart-onglets .content_corps, #zone-2 .frame.encart-2col .content_corps, #zone-2 .frame.encart-2col-sous2col .content_corps { border: none; padding: 10px; background-color: #fff; /*box-shadow:1px 1px 2px #cccccc;*/ -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; -o-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; behavior: url(/ui/skins/cabm/PIE.htc); margin-bottom: 3px } .encart-sousmenu .content_corps, .encart-sousmenu .content_header { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; behavior: url(/ui/skins/cabm/PIE.htc); margin-bottom: 0 } .encart-titre-fondgris .content_corps .content_corps_centre, .encart-titre-majuscule-gris .content_corps .content_corps_centre, .encart-titre-majuscule .content_corps .content_corps_centre, .encart-sousmenu .content_corps .content_corps_centre, .encart-onglets .content_corps .content_corps_centre, #zone-2 .frame.encart-2col .content_corps .content_corps_centre, #zone-2 .frame.encart-2col-sous2col .content_corps .content_corps_centre { padding: 0; margin: 0 } .encart-titre-fondgris .content_corps .content_corps_centre h3, .encart-titre-majuscule-gris .content_corps .content_corps_centre h3, .encart-sousmenu .content_corps .content_corps_centre h3, #zone-2 .frame.encart-2col .content_corps .content_corps_centre h3, #zone-2 .frame.encart-2col-sous2col .content_corps .content_corps_centre h3, .encart-titre-fondgris .content_corps .content_corps_centre p, .encart-titre-majuscule-gris .content_corps .content_corps_centre p, .encart-sousmenu .content_corps .content_corps_centre p, #zone-2 .frame.encart-2col .content_corps .content_corps_centre p, #zone-2 .frame.encart-2col-sous2col .content_corps .content_corps_centre p, .encart-titre-fondgris .content_corps .content_corps_centre ul, #zone-2 .frame.encart-2col .content_corps .content_corps_centre ul, #zone-2 .frame.encart-2col-sous2col .content_corps .content_corps_centre ul, .encart-titre-majuscule-gris .content_corps .content_corps_centre ul, .encart-titre-majuscule .content_corps .content_corps_centre h3, .encart-titre-majuscule .content_corps .content_corps_centre p, .encart-titre-majuscule .content_corps .content_corps_centre ul { margin: 0 0 10px 0 } .encart-sousmenu .content_corps .content_corps_centre ul { margin: 0 } .encart-titre-fondgris .content_footer .footer-icon-container ul, .encart-titre-majuscule-gris .content_footer .footer-icon-container ul, .encart-titre-majuscule .content_footer .footer-icon-container ul, .encart-sousmenu .content_footer .footer-icon-container ul, .encart-onglets .content_footer .footer-icon-container ul, #zone-2 .frame.encart-2col .content_footer .footer-icon-container ul, #zone-2 .frame.encart-2col-sous2col .content_footer .footer-icon-container ul { display: none } /* encart 2 colonnes */ #zone-2 .frame.encart-2col, #zone-2 .frame.encart-2col-sous2col, #zone-2 .frame.encart-2col-vide { float: left; width: 47%; margin: 20px 3% 30px 0 !important } #zone-2 .frame.encart-2col-sous2col { clear: both } #zone-2 .frame.encart-titre-majuscule { clear: both } /* encart 2 colonnes */ /* style colonne droite */ #zone-3 .encart-titre-fondgris .content_header_centre h2, #zone-3 .encart-titre-majuscule-gris .content_header_centre h2, .col2 h3.gris-souligne, .encart-sousmenu .content_header_centre h2, #zone-3 .encart-titre-majuscule .content_header_centre h2, #zone-3 .titre3ligne-gris { color: #f08100; font-size: 1.3em; text-transform: none; /*border-bottom: 1px solid #1d71b8;*/ padding-bottom: 5px; margin-left: 3px; margin-right: 3px } .encart-sousmenu .content_header_centre h2 { color: #f08100; font-size: 1.6em } /* FIN ENCART TITRE MAJUSCULE */ /* ENCART onglets **************/ .encart-onglets ul { /*font-family: "open_sanssemibold", Arial, sans-serif;*/ font-family: ubuntumedium, arial, sans-serif; font-size: 16px; padding-bottom: 48px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */ margin: 0 0 0 0 !important; list-style-type: none !important; border-bottom: 1px solid #9e9992; border-left: 1px solid #9e9992 } .encart-onglets ul li { float: left; height: 100%; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */ border-right: 1px solid #9e9992; border-top: 1px solid #9e9992; background-color: #e0e0e0; padding: 0; margin: 0 } .encart-onglets ul li a.active { border-bottom: 1px solid #fff; background-color: #fff; color: #e4003a } .encart-onglets ul li:last-child { border-bottom: none } .encart-onglets ul li a { display: block; color: black; text-decoration: none; padding: 15px } .encart-onglets ul li a:hover { background: #fff } .encart-onglets section { padding: 40px 10px 10px 10px; margin-left: 10px; border: 1px solid #9e9992; border-top: none; background-color: #FFF } .encart-onglets .images_scroll div.scrollableArea > div, .encart-onglets .selection_images_scroll div.scrollableArea > div, .encart-onglets .capture_images_scroll div.scrollableArea > div { background-color: #FFF } .encart-onglets section#content_2, .encart-onglets section#content_3, .encart-onglets section#content_4, .encart-onglets section#content_5, .encart-onglets section#content_6, .encart-onglets section#content_7, .encart-onglets section#contentbis_2, .encart-onglets section#contentbis_3, .encart-onglets section#contentbis_4, .encart-onglets section#contentbis_5, .encart-onglets section#contentbis_6, .encart-onglets section#contentter_2, .encart-onglets section#contentter_3, .encart-onglets section#contentter_4, .encart-onglets section#contentter_5, .encart-onglets section#contentter_6, .encart-onglets section#contentter_7, .encart-onglets section#contentquat_2, .encart-onglets section#contentquat_3, .encart-onglets section#contentquat_4, .encart-onglets section#contentquat_5, .encart-onglets section#contentquat_6, .encart-onglets section#contentquat_7, .encart-onglets section#contentquat_8, .encart-onglets section#contentquat_9, .encart-onglets section#contentcinq_2, .encart-onglets section#contentcinq_3, .encart-onglets section#contentcinq_4, .encart-onglets section#contentcinq_5, .encart-onglets section#contentcinq_6 { display: none } .encart-onglets ul.date { border: none; background: none } .encart-onglets ul ul.desc-list { border: none; background: none } .encart-onglets ul ul.desc-list li { border: none; background: none } /* FIN ENCART ONGLETS ************/ /* insertion des sous-menus à partir d'une page réservoir - par iframe - 06/07/2016 */ #sousmenu-pratique-utiliser, #sousmenu-pratique-seformer, #sousmenu-pratique-UNNIVEAU, #sousmenu-pratique-bibreseau, #sousmenu-actualites-alaune, #sousmenu-actualites-UNNIVEAU, #sousmenu-actualites-nouveautes, #sousmenu-actualites-nouveautes, #sousmenu-actualites-agendaculturel, #sousmenu-actualites-lettres, #sousmenu-actualites-presse, #sousmenu-espacepro-presse, #sousmenu-espacepro-UNNIVEAU, #sousmenu-enligne-UNNIVEAU, #sousmenu-enligne-patrimoine, #sousmenu-enligne-ressnum, #sousmenu-enligne-rechres, #sousmenu-actualites-decouvrir, #sousmenu-ressources-UNNIVEAU { margin: 0; padding: 0; width: 320px; height: 400px; overflow: visible; position: relative; top: -40px; left: 0 } #sousmenu-pratique-utiliser + iframe, #sousmenu-pratique-seformer + iframe, #sousmenu-pratique-utiliser + iframe, #sousmenu-pratique-seformer + iframe, #sousmenu-pratique-UNNIVEAU + iframe, #sousmenu-pratique-bibreseau + iframe, #sousmenu-actualites-alaune + iframe, #sousmenu-actualites-UNNIVEAU + iframe, #sousmenu-actualites-nouveautes + iframe, #sousmenu-actualites-agendaculturel + iframe, #sousmenu-actualites-lettres + iframe, #sousmenu-actualites-UNNIVEAU + iframe, #sousmenu-actualites-presse + iframe, #sousmenu-espacepro-presse + iframe, #sousmenu-espacepro-UNNIVEAU + iframe, #sousmenu-enligne-UNNIVEAU + iframe, #sousmenu-enligne-patrimoine + iframe, #sousmenu-enligne-ressnum + iframe, #sousmenu-enligne-rechres + iframe, #sousmenu-actualites-decouvrir + iframe, #sousmenu-ressources-UNNIVEAU + iframe { margin: 0 0 0 10px } #sousmenu-pratique-utiliser { height: 600px; width: 305px } #sousmenu-pratique-seformer { height: 345px; width: 220px } #sousmenu-pratique-bibreseau { height: 400px; width: 305px } #sousmenu-pratique-UNNIVEAU { height: 190px; width: 305px } #sousmenu-enligne-ressnum { height: 490px; width: 305px } #sousmenu-enligne-rechres { height: 260px; width: 305px } #sousmenu-enligne-UNNIVEAU { height: 190px; width: 305px } #sousmenu-ressources-UNNIVEAU { height: 200px; width: 305px } #sousmenu-enligne-patrimoine { height: 330px; width: 305px } #sousmenu-actualites-decouvrir { height: 265px; width: 305px } #sousmenu-actualites-agendaculturel { height: 520px; width: 305px } #sousmenu-actualites-alaune { height: 175px; width: 305px } #sousmenu-actualites-UNNIVEAU { height: 200px; width: 305px } #sousmenu-actualites-presse { height: 260px; width: 305px } #sousmenu-actualites-lettres { height: 180px; width: 305px } #sousmenu-actualites-nouveautes { height: 235px; width: 305px } #sousmenu-espacepro-presse { height: 290px; width: 305px } #sousmenu-espacepro-UNNIVEAU { height: 145px; width: 305px } /*ENCART TITRE FOND COULEUR (le standard est violet) */ .encart-titre-fondvert .content_header h2, .encart-titre-fondbleu .content_header h2, .encart-titre-fondjaune .content_header h2, .encart-titre-fondmarron .content_header h2, .encart-titre-fondnoir .content_header h2 { font-family: ubuntu, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 18px } .encart-titre-fondvert .content_header { background-color: #87b80f } .encart-titre-fondbleu .content_header { background-color: #00afdd } .encart-titre-fondjaune .content_header { background-color: #ffb517 } .encart-titre-fondmarron .content_header { background-color: #9e9992 } /*.encart-titre-fondgris .content_header { background-color: #d1c8c1; }*/ .encart-titre-fondnoir .content_header { background-color: #302f2d } /* pour éviter une grande marge sous les encarts */ .footer-icon-container { display: none } /*************************** FIN STYLES ENCART MAM ****************************************/ /* NOUVELLE PRSENTATION SLIDE CAROUSSEL EDITORIAL - AVRIL 2017 */ /* div.slidesjs .container p.slide-accueil-img { position: relative; z-index: 1; width: 710px; height: 300px; } div.slidesjs .container .slide-accueil-texte { width: 33%; height: 300px; padding: 20px; background-color: rgba(255, 255, 255, 0.8); position: absolute; right: 0px; top: 0px; z-index: 10; text-align: left; } div.slidesjs .container .slide-accueil-texte h3 { font-family: ubuntubold; font-size: 18px; color: #e5003a; margin-top: 15px; } div.slidesjs .container .slide-accueil-texte p { font-family: ubuntu; font-size: 16px; text-align: left; } div.slidesjs .container .slide-accueil-texte p a { text-decoration: none; } div.slidesjs .container .slide-accueil-texte p.date-slide { font-size: 14px; color: #e5003a; font-family: ubuntubold; font-style: normal; } div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide { position: relative; } div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide a { display: block; content: "+"; margin-top: 10px; position: absolute; font-weight: 900; background: black; background: #e5003a; color: white; width: 26px; height: 26px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; font-size: 20px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.6; text-decoration: none; } div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide a:hover { opacity: 1; }*/ /************ SLIDE JUIN 2019 ***********/ /* CARROUSSEL EDITORIAL */ #portal div.frame.frame-ermes-carousel { overflow: hidden; margin-top: 12px !important; width: 836px } div.slidesjs { padding: 0; margin: 0 } div.slidesjs .container { position: relative; background-color: #f7f6f5; /*box-shadow: 0px 0px 1px #D9D9D9; -moz-box-shadow: 0px 0px 1px #D9D9D9; -webkit-box-shadow: 0px 0px 1px #D9D9D9; -o-box-shadow:0px 0px 1px #D9D9D9; behavior:url(/ui/skins/cabm/PIE.htc);*/ } div.slidesjs .container { background-color: none; margin: 0 } div.slidesjs div.container { margin-bottom: 0; margin-top: 10px } div.slidesjs .slides { padding: 0; margin: 0; width: 910px } div.slidesjs .slides .slide { padding: 10px; display: block; overflow-y: auto } div.slidesjs .slides_container { background-color: #F7F6F5; margin: 0 } div.slides div.slide { margin-left: 0; padding: 0 } div.slidesjs .slides .next, div.slidesjs .slides .prev { position: absolute; left: 0; top: 0; display: block; opacity: 0.7; z-index: 101 } div.slidesjs .slides .next { margin-left: -98px } div.slidesjs .slides p { margin: 0; padding: 0 } div.slidesjs .pagination { margin: 0 auto 10px auto; width: 130px; z-index: 200 } /* CONTENUS SLIDE CAROUSSEL EDITORIAL */ div.slidesjs .container p.slide-accueil-img { position: relative; z-index: 1; margin-left: -10px } div.slidesjs .container .slide-accueil-texte { width: 816px; height: 50px; padding: 14px 0 14px 20px; background-color: rgba(255, 255, 255, 0.85); position: absolute; left: 0; bottom: 0; z-index: 10; text-align: left; margin-top: 214px } div.slidesjs .container .slide-accueil-texte h3 { color: #e4003a; font-size: 1.3em; font-family: ubuntumedium, Arial, sans-serif; text-transform: none; margin: 0; padding-bottom: 10px } div.slidesjs .container .slide-accueil-texte h3 span.sous-titre { font-size: 0.8em; color: #e4003a; font-family: ubuntumedium, Arial, sans-serif; font-variant: none } div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide { position: absolute; right: 50px; bottom: 54px; padding: 0 } div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide a { display: block; content: "+"; position: absolute; font-weight: 900; background: #e4003a; /*text-shadow: 0 0 5px white; */ color: white; width: 26px; height: 26px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; font-size: 20px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 1; text-decoration: none } div.slidesjs .container .slide-accueil-texte p.plusdinfos-slide a:hover { opacity: 0.6 } div.slidesjs .container .slide-accueil-texte p { font-size: 1.1em; line-height: 1.3em; text-align: left; font-family: ubunturegular, Arial, sans-serif; padding: 0 80px 10px 0 } div.slidesjs .container .slide-accueil-texte p a { text-decoration: none } /****************** fin SLIDE JUIN 2019 ************/ /* RESTES DE ANCIEN SLIDE */ /************************** MODIFICATION CAROUSEL EDITORIAL *******************************/ /*div.slides { margin-top: 0; padding-top: 0; } div.slides div.slide { margin: 0; padding: 0; margin-left: 10px; } div.slidesjs { padding:0px; margin:0 auto 26px; position:relative; z-index:0; } div.slidesjs div.container { margin-bottom: 3px; }*/ /* pagination dans l'encart (suppression marge en haut) */ /* div.slide h3 { margin-top: 0; padding-top: 0; } div.slidesjs { padding:0px; margin:0 auto 0px; position:relative; z-index:0; } */ /* div.slidesjs .container p { text-align: justify; } */ /* div.slidesjs { margin-left: 0; }*/ div.slidesjs .slides .slide { overflow: hidden } /* Next/prev buttons */ /* div.slidesjs .slides .next, div.slidesjs .slides .prev { position:absolute; left:0px; width:20px; height:43px; display:block; opacity: 0.5; z-index:101; } */ div.slidesjs .slides .next:hover, div.slidesjs .slides .prev:hover { opacity: 1 } /* div.slidesjs .slides .next { margin-left:-24px; }*/ /* NOUVEAU SLIDE */ #slide-test { width: 400px; padding-right: 250px; position: relative; border: 5px solid #ccc; height: 250px; overflow: hidden; background: #fff } #slide-test ul.ui-tabs-nav { position: absolute; top: 0; left: 400px; list-style: none; padding: 0; margin: 0; width: 250px; height: 250px; overflow: auto; overflow-x: hidden } #slide-test ul.ui-tabs-nav li { padding: 1px 0; padding-left: 13px; font-size: 12px; color: #666 } #slide-test ul.ui-tabs-nav li img { float: left; margin: 2px 5px; background: #fff; padding: 2px; border: 1px solid #eee } #slide-test ul.ui-tabs-nav li span { font-size: 11px; font-family: Verdana; line-height: 18px } #slide-test li.ui-tabs-nav-item a { display: block; height: 60px; text-decoration: none; color: #333; background: #fff; line-height: 20px; outline: none } #slide-test li.ui-tabs-nav-item a:hover { background: #f2f2f2 } #slide-test li.ui-tabs-selected, #slide-testli.ui-tabs-active { background: url(images/selected-item.gif) top left no-repeat } #slide-test ul.ui-tabs-nav li.ui-tabs-selected a, #slide-testul.ui-tabs-nav li.ui-tabs-active a { background: #ccc } #slide-test .ui-tabs-panel { width: 400px; height: 250px; background: #999; position: relative } #slide-test .ui-tabs-panel .info { position: absolute; bottom: 0; left: 0; height: 70px; background: url(images/transparent-bg.png) } #slide-test .ui-tabs-panel .info a.hideshow { position: absolute; font-size: 11px; font-family: Verdana; color: #f0f0f0; right: 10px; top: -20px; line-height: 20px; margin: 0; outline: none; background: #333 } #slide-test .info h2 { font-size: 1.2em; font-family: Georgia, serif; color: #fff; padding: 5px; margin: 0; font-weight: normal; overflow: hidden } #slide-test .info p { margin: 0 5px; font-family: Verdana; font-size: 11px; line-height: 15px; color: #f0f0f0 } #slide-test .info a { text-decoration: none; color: #fff } #slide-test .info a:hover { text-decoration: underline } #slide-test .ui-tabs-hide { display: none } #slide-test .ui-tabs-panel { padding: 0 } #slide-test ul.ui-tabs-nav li { padding: 0 } /* FIN NOUVEAU SLIDE */ /*MODIFICATION CARROUSSEL IMAGES*/ .frame-ermes-imagecarousel .nivo-theme-default { background-color: #e3deda; border-radius: 2px 2px 2px 2px } .frame-ermes-imagecarousel .nivo-wrapper .nivo-theme-default .nivoSlider { -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc; -o-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc; behavior: url(/ui/skins/cabm/PIE.htc) } .frame-ermes-imagecarousel .nivo-caption { opacity: 0.5; padding: 5px } .frame-ermes-imagecarousel .nivo-caption p { padding: 0 } .nivo-theme-default .nivo-controlNav { padding: 5px 0 0 0; text-align: center } /*________________________________________________________________________________________________*/ /*__________________________ STYLES DE CONTENU POUR LES ENCARTS __________________________________*/ /*________________________________________________________________________________________________*/ /*bloc flottant*/ .bloc-flottant, .content_corps_centre .bloc-flottant-fondgris { display: inline-block; vertical-align: top; margin: 10px } .bloc400 .bloc-flottant { width: 420px; margin-left: 30px } .content_corps_centre .bloc-flottant-fondgris { width: 510px; margin-left: 30px } .content_corps_centre .bloc-flottant-fondgris { background-color: #e6e6e6; margin: 0; margin-left: 12px; margin-bottom: 12px; padding: 0 15px 0 15px } /*texte couleur*/ .content_corps .texte-grisMAM { color: #9e9992 } .content_corps .content_corps_centre .texte-rougeagglo, .texte-rougeagglo { color: #e4003a } .content_corps .ubuntu { font-family: ubuntubold } .content_corps .interligne1point5 { line-height: 1.5em } /*puces*/ .content_corps ul.liste-puce, .content_corps ul.liste-menu { list-style-type: none; text-align: left; margin-left: 0; margin-bottom: 10px } .content_corps ul.liste-menu { padding-left: 0; font-family: arial; line-height: 1.3em; font-size: 12px; margin-bottom: 0 } .content_corps ul.liste-menu ul { margin: 0 5px 0 5px } .content_corps ul.liste-menu li ul li::before { content: "> "; font-size: 11px } .content_corps ul.liste-menu li ul li ul li { font-size: 11px; line-height: 1.2em; padding-left: 15px } .content_corps ul.liste-menu li ul li ul li::before { content: "" } .content_corps ul.liste-menu li ul li { padding-left: 5px } .content_corps ul.liste-menu li ul li ul li ul li::before { content: "" } .content_corps ul.liste-menu a { color: #544f4b; text-decoration: underline } .content_corps ul.liste-menu a:hover { color: #c3b6ad; text-decoration: underline } .content_corps ul.liste-menu a:active { color: #e5003a; text-decoration: none } .content_corps ul.liste-puce li ul li { padding-left: 15px } .content_corps ul.liste-puce-grise, .content_corps ul.liste-puce-noire { margin-bottom: 15px } .content_corps ul.liste-puce-grise li, .content_corps ul.liste-puce-noire li { padding-left: 20px; list-style-type: none } .content_corps ul.liste-puce-grise li:before, .content_corps ul.liste-puce-noire li:before { content: "."; margin-left: -20px; margin-right: 9px; color: #000; font-size: 40px; line-height: 0.2em } .content_corps ul.liste-puce-grise li:before { color: #5c5956 } /* TITRES */ /* titre 1 pour page */ .titre-PAGE-h1-noir, .titre-PAGE-h1-gris { font-size: 1.8em; line-height: 1.1em; font-family: ubuntumedium, sans-serif; font-weight: normal; margin: 0 0 20px 0; padding: 0; /*padding-bottom: 20px;*/ color: #303030 } /* ANCIEN .titre-PAGE-h1-noir, .titre-PAGE-h1-gris { font-size: 20px; font-family: ubuntu,sans-serif; font-weight: normal; text-transform: uppercase; margin: 0px 0 20px 0; padding: 0; padding-bottom: 20px; color: #302f2d; .titre-PAGE-h1-gris { color: #9e9992; }*/ /*titre 3*/ .titre3_bleu, .titre3_vert, .titre3_violet, .titre3_marron, .titre3_jaune, .titre3_gris, .titre3_noir { font-family: ubuntu, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: normal; margin: 10px 0 10px 0; padding: 0; color: #302f2d } .titre3_gris { color: #9e9992 } /*titres 3 ligne en bas*/ .titre3ligne-noir { border-bottom: 1px solid #302f2d; color: #302f2d } /*titres 4*/ .titre4_bleu, .titre4_vert, .titre4_violet, .titre4_marron, .titre4_jaune, .titre4_gris, .titre4_noir { font-size: 14px; font-family: ubuntu, sans-serif; font-weight: normal; margin: 0 0 10px 0; padding: 0; color: #302f2d } .titre4_gris { color: #9e9992 } /*titres fond en couleur*/ .titre_fondbleu, .titre_fondvert, .titre_fondviolet, .titre_fondmarron, .titre_fondjaune, .titre_fondgris, .titre_fondnoir { font-size: 14px; font-family: ubuntu, sans-serif; font-weight: normal; margin: 10px 0 10px 0; padding: 3px; color: white; background-color: #302f2d } .titre_fondgris { background-color: #9e9992 } /* marge */ .marge-haut { padding-top: 20px; margin-top: 20px } .marge-bas { margin-bottom: 40px } /*paragraphes*/ .paragraphe_ligne-en-bas { text-align: justify; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #c3b6ad } .chapeau { font-size: 1.2em; line-height: 1.4em; font-family: ubuntumedium, sans-serif; margin-bottom: 15px; color: #252525 } /* accessibilite */ .accessible { font-size: 1.4em; line-height: 1.4em; text-align: justify; color: #000 } /* liens */ a.lien-blanc { color: white; text-decoration: underline } a.lien-blanc:hover { color: white; text-decoration: none } .lien-noir { color: #544f4b; text-decoration: underline } .lien-noir:hover { color: #c3b6ad; text-decoration: underline } .lien-vert { color: #87b80f; text-decoration: underline } .lien-vert:hover { color: #c3b6ad; text-decoration: underline } .lien-violet { color: #a9398a; text-decoration: underline } .lien-violet:hover { color: #c3b6ad; text-decoration: underline } /* images */ .img-left { float: left; margin: 0 30px 5px 0 } .img-right { float: right; margin: 0 0 5px 30px } img.ombrage { /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: 1px 1px 2px #c3b6ad; -webkit-box-shadow: 1px 1px 2px #c3b6ad; -o-box-shadow: 1px 1px 2px #c3b6ad; box-shadow: 1px 1px 2px #c3b6ad; behavior: url(/ui/skins/cabm/PIE.htc); position: relative } img.ombrage-floatleft, img.ombrage-floatright { /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: 1px 1px 2px #c3b6ad; -webkit-box-shadow: 1px 1px 2px #c3b6ad; -o-box-shadow: 1px 1px 2px #c3b6ad; box-shadow: 1px 1px 2px #c3b6ad; behavior: url(/ui/skins/cabm/PIE.htc); float: left; margin: 0 30px 5px 0; position: relative } img.ombrage-floatright { margin: 0 0 5px 30px; float: right } /* tableau 3 colonnes : page historique de la MAM - sept2013 */ td.col1-70px { padding: 2px 15px 2px 0; width: 70px; text-align: right; font-weight: bold; vertical-align: top } td.col2-410px { width: 410px; text-align: justify; padding-bottom: 5px; padding-right: 15px; vertical-align: top } td.col3-220px { width: 220px; padding: 0; margin: 0; vertical-align: middle } /* ------------------------------------ fin styles de contenu pour les encarts -------------------------------------*/ /*==============================================================================*/ /* RECHERCHE */ /*==============================================================================*/ .notice .actions > ul.links a.grouping-rebound { color: #e5003a; /*font-size: 1.2em;*/ } /* maj 17/09/2016 recherche experte */ div.advanced_search_container { padding: 20px; margin-bottom: 30px } div.cms_item_frame { padding: 10px; margin-bottom: 30px } div.cms_item_frame table tbody tr td p { text-align: left } /* maj 21/07/2015 : suppression des cadres autour des vignettes dans recherche doc + 05/09/2015 dans encart agenda */ .webframe-ermes-html .vignette_document img, .vignette_document img { border: none; padding: 0; background: none } /* maj 21/07/2015 adaptation largeur notice */ #notice_longue #notice_longue_description { width: 600px } /* maj 15/12/2015 */ #notice_longue #notice_longue_description hr { border: none; height: 1px; background-color: #9e9992; margin: 20px 0 20px 0; padding: 0 } .abstract.short-abstract.template-resume { font-size: 11px; font-style: normal; color: black; font-weight: bold; text-align: left; margin: 0 } #notice_longue_description ul.date { padding-bottom: 0; margin-bottom: 0 } #notice_longue_description p span.label span, #notice_longue_description div.notice_avis { display: block; margin-top: 30px } #notice_longue_description div.notice_avis { margin-top: 35px } p.highlight, p.highlight em { color: #9e9992; font-style: italic; font-weight: 100; font-size: 10px } #aside { width: 300px; margin: 30px 0 0 25px } #aside a { color: #000 } #aside a:hover { text-decoration: underline } ul li.addthis_toolbox { display: none } ul li.addthis_toolbox ul { margin-top: 20px } #recherche_avancee, #resultats_recherche, #resultats_detail, #resultats_account, #documents_memorises { width: 780px; margin: 60px 30px 0 0; background: #fff } #resultats_detail, #resultats_recherche { margin-top: 30px } #options_resultat .content_footer_droite_bas { right: 0 } #options_resultat h3 { border: none; background: url(images/content_header.png) no-repeat -1px -1px } #options_resultat h2, #multi_selection h2, #multi_selection_simple h2, #document_actions h2, #options_suggestion h2 { margin: 0 8px; font-size: 14px } .facet-controls a { background: none } .facet-controls a:hover { background: none } #aside .facet-see-more { padding: 0; color: #009fe3 } #aside .facet-see-more:hover { padding: 0; text-decoration: underline } #aside .facet-see-less { padding: 0; color: #009fe3; text-decoration: underline; background: none } #aside .facet-see-less:hover { padding: 0; text-decoration: none; background: none } div.sel_enlarged { margin-left: 0 } #addthis_share { margin-top: 20px } .content_corps_centre .ajouter_selection a span:hover { text-decoration: underline } .notice .actions > ul.links a { color: #37A7BB } .notice .actions > ul.links a:hover { color: #867c73 } #aside #options_suggestion a.rebound_see_all { color: #37A7BB; text-decoration: underline } #options_suggestion a.rebound_see_all span { color: #37A7BB; background: none; text-decoration: underline } #options_suggestion a.rebound_see_all:hover span { color: #867c73; background: none; text-decoration: none } #facet_container .facetSuggest li { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: none } #options_resultat.content_footer_gauche_haut, #options_resultat .content_footer_droite_haut, #options_resultat .content_footer_gauche_bas, #options_resultat .content_footer_droite_bas { display: none } #document_actions .content_footer_gauche_haut, #document_actions .content_footer_droite_haut, #document_actions .content_footer_gauche_bas, #document_actions .content_footer_droite_bas { display: none } #options_resultat .content_corps_gauche_haut, #options_resultat .content_corps_droite_haut, #options_resultat .content_corps_gauche_bas, #options_resultat .content_corps_droite_bas { display: none } #document_actions .content_corps_gauche_haut, #document_actions .content_corps_droite_haut, #document_actions .content_corps_gauche_bas, #document_actions .content_corps_droite_bas { display: none } #options_suggestion .content_corps_gauche_haut, #options_suggestion .content_corps_droite_haut, #options_suggestion .content_corps_gauche_bas, #options_suggestion .content_corps_droite_bas { display: none } #options_suggestion .content_footer_gauche_haut, #options_suggestion .content_footer_droite_haut, #options_suggestion .content_footer_gauche_bas, #options_suggestion .content_footer_droite_bas { display: none } #extrait_avis .content_corps_gauche_haut, #extrait_avis .content_corps_droite_haut, #extrait_avis .content_corps_gauche_bas, #extrait_avis .content_corps_droite_bas { display: none } #extrait_avis .content_footer_gauche_haut, #extrait_avis .content_footer_droite_haut, #extrait_avis .content_footer_gauche_bas, #extrait_avis .content_footer_droite_bas { display: none } #extrait_avis .content_corps, #options_resultat .content_corps, #document_actions .content_corps, #options_suggestion .content_corps { /*border-bottom: 1px solid #bfbfbf;*/ border: none } #document_actions h3 { padding: 0; font-size: 13px; font-weight: normal; color: #000; background: none } /*************************************/ /* NAVIGATION RESULTATS DE RECHERCHE */ /* mise à jour 21/07/2015 */ /* mise à jour 23/11/2015 base light */ #resultats_recherche .navigation { margin: 20px 0 20px 0; padding: 10px; background: #f7f6f5 } #resultats_recherche .content_corps_centre { padding: 10px } .criteres_tri { width: 340px; border: none; margin: 8px auto 0; background: #f7f6f5 } .criteres_tri .desc .icone { background: url(/Userfiles/image/Menu/fond/fleche-recherche_select-bas-noire.png) no-repeat scroll 5px 7px transparent } .criteres_tri span.label { font-weight: normal; color: #5c5956; font-family: ubuntu, sans-serif; font-size: 14px; margin-right: 10px; margin-top: 4px } .criteres_tri select { padding: 2px; color: #5c5956; font-weight: normal; font-family: ubuntu, sans-serif; font-size: 14px } .criteres_tri .asc .icone { background: url(images/criteres_tri_up.png) no-repeat scroll 5px 5px transparent } /* FIN NAVIGATION RESULTATS DE RECHERCHE */ /****************************************/ /****************************************/ /******* NOTICE : EN SAVOIR PLUS *******/ /* Mise à jour le 21/07/2015 */ /* Mise à jour le 23/11/2015 pour base light */ .more-content { padding: 10px } #menu-more { margin: 20px 0 0 0; background: #eee; border: none; padding: 0; text-align: center } #menu-more li { margin-left: 0; margin-right: 10px } #menu-more ul li a { font-size: 14px; text-transform: uppercase; color: #0971b2; font-weight: normal; padding-top: 0; padding-bottom: 10px; font-family: ubuntu, arial, sans-serif } #menu-more ul li a:hover { color: #5c5956; text-decoration: underline } .more-content h3 { background: none; padding: 0; margin: 30px 0 10px 0 } .more-content .contenzone .titlebar h4 { margin-bottom: 0; padding: 0 } .more-content .contenzone p.roleallocine { padding: 0; margin: 0; text-align: center } .content_allocine_description_content_label { text-align: left; width: auto } #notice_longue p { margin: 5px 0 5px 0 } /****** FIN NOTICE EN SAVOIR PLUS *******/ /****************************************/ /*************************************************************/ /**************** FORM INSCRIPTION AGENDA ********************/ /* suppression de la possibilité de réserver plusieurs places */ /* fait le 10/02/2016 */ #UserInscriptionPopup { padding: 15px; border-radius: 0.2em } #UserInscriptionPopup div.AgendaSubscribersPopupTitle { font-family: arial; font-size: 11px } #UserInscriptionPopup div.AgendaSubscribersPopupTitle::after { content: " : Je souhaite m'inscrire et réserver 1 place."; font-family: arial; font-size: 14px; font-weight: bold } #UserInscriptionPopup div.AgendaSubscribersPopupTitle + div { display: none } /**** modification encart Inscrivez-vous 06/04/2016 *****/ #FileList .File td span.LabelFile::before { content: "Places en attente de validation ou "; font-family: Arial, Helvetica, sans-serif; font-size: 12px } /**** modification encart Inscrivez-vous 13/09/2016 *****/ tr.SubscribeAction td div#SubscribeBoxAlreadyInscrit { color: #e5003a } /**************** FIN FORM INSCRIPTION AGENDA ********************/ /********************* RESULTATS LISTE *******************/ /* maj 23/11/2015 et 24/11/2015 pour base light */ #admin_actions { position: absolute } /* maj 05/12/2016 = chevauchement */ #criteres_recherche ul li #admin_actions { position: relative } /*fin maj 05/12/2016*/ #resultats .notice_courte { margin: 0 } #resultats .notice_courte .notice_metadata ul li { font-size: 13px; font-family: ubuntu, arial, sans-serif; font-style: normal; margin: 5px 0 8px -20px; padding: 3px 0 3px 0; width: 170px; height: 18px; line-height: 18px; border-left: 2px solid #e4003a; background-color: #f0f0f0 } #resultats .notice_courte .notice_metadata ul li:hover { background-color: #e0e0e0 } #resultats .notice_courte .notice_metadata ul li a { text-decoration: none } #resultats .notice_courte .notice_metadata ul li a:hover { text-decoration: none; color: #e4003a } #resultats .notice_metadata .new-item { margin-bottom: 20px } #criteres_recherche li a#capture_search:before { background: none; content: none } #criteres_recherche li a#capture_search { margin: 0; padding: 0; color: #37A7BB; font-size: 12px; font-weight: bold; text-decoration: underline; background: none } #criteres_recherche li a#capture_search:hover { margin: 0; padding: 0; color: #867c73; font-size: 12px; font-weight: bold; text-decoration: none; background: none } #criteres_recherche li a#capture_search span, #criteres_recherche li a#capture_search:hover span { background: none; margin: 0 } #criteres_recherche li a, #criteres_recherche li a > span { color: #37A7BB; text-decoration: underline; background: none } #criteres_recherche li a:hover, #criteres_recherche li a:hover > span { color: #867c73; text-decoration: none; background: none } /* mise à jour base light du 23/11/2015 */ .search-icon-container { /*right: auto; left: 215px;*/ position: absolute; right: 100px } .search-icon-container a { margin: 0 0 0 5px; width: 28px; height: 28px; opacity: 0.6 } .search-icon-container a:hover { opacity: 1 } /*.search-icon-container a.cms-icon-subscribe { margin-top: -1px; }*/ a.cms-icon-subscribe { background: url(/UserFiles/image/Menu/abonnement-recherche/schedule.png) no-repeat } a.cms-icon-subscribe-public { background: url(/UserFiles/image/Menu/abonnement-recherche/schedule-public.png) no-repeat } .exports_container { right: 25px; top: 0; width: 40px; background: #fff } .suggestion_container h3 span { font-size: 13px; margin-top: 20px; font-weight: normal } .exports_container .header-closed a, .exports_container .header-opened a { color: #5C5956; padding: 0 10px 0 0; background: none; font-family: ubuntu, sans-serif; font-weight: normal } .exports_container .header-closed a:hover, .exports_container .header-opened a :hover { color: #0971b2 } .exports_container .exports { border: 3px solid #5c5956; background: #fff; position: absolute; right: 0; z-index: 10; width: 120px } .precedent { background: url(images/icones_12.png) no-repeat left -28px } .precedent_off { background: url(images/icones_12.png) no-repeat -17px -28px } .suivant { background: url(images/icones_12.png) no-repeat left -43px } .suivant_off { background: url(images/icones_12.png) no-repeat -17px -43px } #options_document li a.plus { background: url(images/icones_12.png) no-repeat left top } #options_document li a.supp { background: url(images/icones_12.png) no-repeat left -14px } #recherche_avancee .recherche_multi_champs a.plus { background: url(images/icones_12.png) no-repeat } .pagination_resultats { float: none } .select_pagination { margin: none } #resultats_recherche .check_all { position: absolute; right: 20px } .pagination_resultats li a.precedent { background: url(images/icones_12.png) no-repeat left -28px } .pagination_resultats li a.precedent_off { background: url(images/icones_12.png) no-repeat -17px -28px } .pagination_resultats li a.suivant { background: url(images/icones_12.png) no-repeat left -43px } .pagination_resultats li a.suivant_off { background: url(images/icones_12.png) no-repeat -17px -43px } #resultats .themes li a.tagit_ok { /*float: none;*/ background: url(images/icones_12.png) no-repeat left top } .plus { background: url(images/icones_12.png) no-repeat left top } .supp { background: url(images/icones_12.png) no-repeat left -14px } .voir { background: url(images/icones_12.png) no-repeat left -28px } /************************************ NOTICE ******************************************/ /* adaptation 23/11/2015 ***/ /* suppression des icones liées aux actions : bulle, panier, empreinte de patte de chien */ .notice .metadata-actions a.oublier span.icone { background: none } .notice .metadata-actions a.memoriser span.icone { background: none } .notice .metadata-actions a.donner_avis span.icone { background: none } .notice .metadata-actions div.selection span.icone { background: none } .notice .links a.more-info span.icone { background: none } .notice .links a.grouping-rebound span.icone { background: none } #resultats .notice .actions > ul.links li { margin: 10px 10px 0 20px } .notice .links a.view-document span.icone { /*background: none;*/ width: 22px; margin-left: 0 } #notice_longue_description p a.accessToPrimaryDoc { font-weight: bold } #resultats .notice .actions .themes ul li, #resultats_detail .notice .actions .themes ul li { margin-left: 20px } /* fin */ .notice .metadata-actions li > a > span, .notice .metadata-actions li > div .selection-label, .notice .links li > a > span { margin-left: 24px } #detail-holdings [class|="detail-holds"] thead th, .detail-subscriptions thead th, #detail-holdings [class|="detail-holds"] thead td, .detail-subscriptions thead td { background: #e3deda; color: #5c5956; font-family: ubuntu, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; text-align: center } #detail-holdings [class|="detail-holds"] > h3 { padding: 0 0 5px 0; font-family: ubuntu, sans-serif; font-size: 16px; text-transform: uppercase; background-color: transparent; color: #5c5956; margin: 1px 1px 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .bouton_resadoc span:first-child { color: #37A7BB; font-weight: bold } .holding-item .bouton_resadoc .bouton_gauche_haut, .holding-item .bouton_resadoc .bouton_droite_haut, .holding-item .bouton_resadoc .bouton_gauche_bas, .holding-item .bouton_resadoc .bouton_droite_bas { display: none } .selection_label, .selection_documents_label { font-size: 12px } /*==================================== COMPTE ====================================*/ #ermes-myaccount { padding: 0; border: none; background: none; border-radius: 0 } #ermes-myaccount h2 { color: #c3b6ad; background: none; width: 170px; padding-left: 0; margin: 0; font-size: 14px } .myaccount-activity h3 { color: #e5003a } /*==================================== FOOTER ====================================*/ /*** maj 23/11/2015 = ajout min-width pour éviter troncage *****/ #global_footer { position: relative; width: 100%; margin: 0 auto; margin-top: 5px } #footer { padding: 0; height: auto; width: 100%; min-width: 1170px; font-size: 12px; background: #fff } #footer > ul { margin: 0 auto; background: none repeat scroll 0% 0% #5C5956; width: 100%; padding: 2px 0; box-shadow: 0 1px 2px #999; -moz-box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; -o-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; behavior: url(/ui/skins/cabm/PIE.htc); font-size: 14px; font-family: ubuntu, arial, sans-serif; font-size: 12px } #footer > ul li a, #footer > ul li a span { text-decoration: none; color: #fff; padding-bottom: 5px } #footer > ul li a:hover span { text-decoration: underline } #footer #footer_identite_1 { width: 1170px; margin-left: auto; margin-right: auto } #footer ul.footer_connexes { float: none; margin: 0 } #footer ul.footer_connexes li { display: inline } .admin-button-icon { background: url(images/gear.png) no-repeat scroll center center transparent } #footer .colonne-footer { width: 196px; margin-left: 30px; height: auto; display: inline-block; vertical-align: top } #footer .colonne-footer#mam { width: 216px } #footer .colonne-footer ul, #footer .colonne-footer p { text-align: left; color: #5c5956; font-family: ubuntu, arial, sans-serif; font-size: 12px; padding: 0; margin: 0 } #footer .colonne-footer p { font-family: ubuntumedium, arial, sans-serif; font-size: 14px; margin: 15px 0 15px 0; color: #5c5956 } #footer .colonne-footer p a { text-decoration: none; color: #5c5956 } #footer .colonne-footer#mam p { font-size: 12px } #footer .colonne-footer ul li { display: block } #footer .colonne-footer ul li a { color: #5c5956; text-decoration: none } #footer .colonne-footer ul li a:hover, #footer .colonne-footer p a:hover { color: #e5003a; text-decoration: underline } /************** fin footer ************************/ div.jGrowl.bottom-right { bottom: 50%; right: 50% } .details-wrapper, .summary-details { display: none } .images_scroll div.scrollableArea .template-resume, .selection_images_scroll div.scrollableArea .template-resume, .capture_images_scroll div.scrollableArea .template-resume { display: none } /* ----------------------------- format d'affichage : agenda etc. -------------------------------------------- */ #notice_longue .date { background: none; padding: 5px 0 5px 0 } ul.date span.desc-list-title ul.desc-list li.desc-list-item { font-size: 11px; font-style: normal; margin: 0; color: black } div.content_corps_centre #notice_longue_description h3 span { font-size: 16px; font-weight: normal; color: #444 } #notice_longue p.agenda-conditions { font: 12px verdana, Helvetica, sans-serif; padding: 5px 0 30px 0; text-align: left; font-weight: bold } div.notice_courte div.notice_corps p.agenda-conditions { text-align: left; font-size: 0.9em } div.notice_courte div.notice_corps p.agenda-conditions:hover { text-decoration: #c3b6ad } div.webframe-ermes-lastviewedresources-item div.notice_corps p.agenda-conditions { font-size: 11px } div.webframe-ermes-lastviewedresources-item div.notice_corps p.abstract { padding-bottom: 0 } div.capture_images_scroll div.scrollWrapper div.content p.agenda-conditions, div.capture_images_scroll div.scrollWrapper div.content p, div.capture_images_scroll div.scrollWrapper div.content h3, div.capture_images_scroll div.scrollWrapper div.content ul { font-size: 11px; text-align: center; padding: 0; margin: 0 } div.capture_images_scroll + div { margin-top: 5px; width: 80px } #notice_longue p.template-resume { margin-bottom: 0 } .content_corps_centre ul li a .content p.loc { color: black; font-size: 12px } .content_corps_centre ul li a .content h3.title { color: black } .scrollableArea .template-title { color: #000 !important; font-weight: bold !important; font-size: 12px !important } .scrollableArea .template-info { color: #8c827c; font-size: 12px; font-weight: normal } .scrollableArea li.desc-list-item { font-size: 12px; color: #a9398a; font-weight: bold } .see_all_results span span { color: #00afdd } .see_all_results:before { content: "+"; color: #00afdd } .content .template-title { /*color: #000 !important; font-weight: bold !important; font-size: 12px !important; margin: 0;*/ font-family: ubuntumedium, sans-serif; font-weight: normal !important; font-size: 1.2em !important; margin: 0 } .content .template-info { color: #5c5956; font-size: 11px; font-weight: normal; text-align: left; margin: 0; padding: 0 0 10px 0 } .template-resume { font-size: 11px; font-style: normal; padding-bottom: 10px } #agenda_subscribe .content_corps { background-color: #fff; margin-bottom: 20px } #document_actions .content_corps, #options_document .content_corps { border: none; margin-bottom: 30px } #options_document .content_corps .content_corps_centre #options_document .content_footer { display: none } #user_labels h3, #global_basket_actions h3 { padding: 30px 5px 2px 0 } #confirm_addLabel { display: inline-block; height: 18px; text-decoration: none; background: #d9d9d9; border: none; margin-top: 10px; margin-bottom: 15px; text-transform: uppercase; font-weight: normal; font-family: ubuntu, arial, sans-serif } #confirm_addLabel:hover { background: #d9d9d9; text-decoration: none } #confirm_addLabel span { display: block; height: 18px; margin: 0 0 0 10px; padding: 0 10px 0 0; font-family: ubuntu, arial, sans-serif; font-weight: normal; line-height: 16px; background: none; font-size: 16px } #confirm_addLabel:hover span { background: none; text-decoration: none; color: #e5003a } /************************************************/ /********** ENCART CAPTURE DE RECHERCHE (not scrolling) ********/ /* Mise à jour le 05/09/2015 */ .ermes_search_model .vignette_container { float: left; width: 140px } .ermes_search_model .vignette_document { float: left; width: 120px } .webframe-ermes-html .vignette_document img { max-width: 120px } .ermes_search_model .template-info { margin: 0 0 0 0 } .ermes_search_model .template-info ul.date { margin: 0 } /****** FIN ENCART CAPTURE DE RECHERCHE *******/ /*********************************************/ /***********************/ /* LIGHTBOX PRETTYPHOTO */ /* hide + prettyPhoto */ /**********************/ .content_corps_centre .hide { display: none } .content_corps_centre .pp_inline { position: absolute; top: 0; left: 0; padding: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height: 300px } .content_corps_centre .pp_inline h1.titrepage { margin: 0 0 10px 0; color: #00afdd } /*******************/ /** biblio pretty **/ /******************/ div.pp_default #pp_details { clear: both; float: none } div.pp_default #pp_full_res .pp_inline h2 { font-size: 16px; font-variant: small-caps; margin-bottom: 15px; color: #00afdd; border-bottom: 1px dotted #00afdd } div.pp_default #pp_full_res .pp_inline h2.titrepage { font-size: 16px; font-variant: normal; font-family: arial; margin-bottom: 15px; color: #00afdd; border-bottom: 2px solid #00afdd; margin: 0 0 20px 0; padding: 10px 0 5px 10px } div.pp_default #pp_full_res .pp_inline img { float: left; margin: 0 20px 10px 10px } div.pp_default #pp_full_res .pp_inline p { font-family: arial; line-height: 1.2em; font-size: 14px } div.pp_default #pp_full_res .pp_inline p.biblio-txt { font-family: verdana; font-size: 13px; text-align: justify; line-height: 1.4em; padding-right: 10px } /************************/ /* lightbox-couverture (ex : romans historiques) */ /***********************/ .pp_pic_holder.facebook .pp_content_container .pp_left .pp_right .pp_content { height: auto !important; margin-bottom: -2px } div.facebook #pp_details { clear: both; float: none } div.facebook #pp_full_res .pp_inline { height: auto } div.facebook #pp_full_res .pp_inline p.image { text-align: center; margin: 0 auto 15px auto; padding: 0 } div.facebook #pp_full_res .pp_inline p.image img { width: 200px } div.facebook #pp_full_res .pp_inline h2 { font-size: 24px; font-family: philosopher; margin: 0 0 15px 0; text-align: center; color: black } div.facebook #pp_full_res .pp_inline h3 { font-size: 18px; font-family: philosopher; text-align: left; margin: 10px 0 10px 10px } div.facebook #pp_full_res .pp_inline p, div.facebook #pp_full_res .pp_inline p.motsclefs { font-family: philosopher; line-height: 1.2em; font-size: 15px; padding: 0 0 0 10px } .img-periode { width: 340px; margin: 0; padding: 0 } div.facebook #pp_full_res .pp_inline p.serie { font-family: philosopherbold; font-size: 16px; padding-bottom: 0; margin-bottom: 10px; color: #808080 } div.facebook #pp_full_res .pp_inline p span.cote, div.facebook #pp_full_res .pp_inline p a.lien-gris { color: #808080 } div.facebook #pp_full_res .pp_inline p a.lien-gris:hover { color: #505050; text-decoration: underline } div.facebook #pp_full_res .pp_inline { height: auto } /******************** ROMANS HISTORIQUES *******************/ .haut-frise, .bas-frise { position: relative; left: 450px; width: 450px; margin-bottom: -4px } .bas-frise { margin-top: 0 } .frise-content-droit, .frise-content-gauche { position: relative; left: 461px; width: 450px; background: url(/UserFiles/image/Dossiers/romanshistoriques/barre-frise.png) repeat-y; padding: 0 } .frise-content-gauche { left: 38px; background: url(/UserFiles/image/Dossiers/romanshistoriques/barre-frise.png) top right repeat-y } .frise-content-droit .bloc, .frise-content-gauche .bloc, .frise-content-gauche .bloc-hauteur-relative, .frise-content-droit .bloc-hauteur-relative { border: 5px solid #c3b6ad; display: inline-block; margin-left: -5px; vertical-align: middle; padding: 0 } .frise-content-droit .bloc, .frise-content-gauche .bloc { height: 113px } .frise-content-gauche .bloc, .frise-content-gauche .bloc-hauteur-relative { margin-left: 42px } .frise-content-droit .bloc p.periode, .frise-content-gauche .bloc p.periode, .frise-content-gauche .bloc-hauteur-relative p.periode, .frise-content-droit .bloc-hauteur-relative p.periode { padding: 0; margin: 0 } .frise-content-droit .fleche, .frise-content-gauche .fleche { display: inline-block; margin-left: 35px; width: 23px } .frise-content-gauche .fleche { margin-left: -5px } .frise-content-droit .bloc p.sousperiode, .frise-content-gauche .bloc p.sousperiode, .frise-content-gauche .bloc-hauteur-relative p.sousperiode, .frise-content-droit .bloc-hauteur-relative p.sousperiode { padding: 5px 10px } /**************** FIN ROMANS HISTORIQUES ******************/ /************************/ /* lightbox-SF */ /***********************/ .pp_pic_holder.dark_square { border: 1px solid #2eb0f3; background-color: black } .pp_pic_holder.dark_square .pp_bottom, .pp_pic_holder.dark_square .pp_top { display: none } div.dark_square #pp_details { clear: both; float: none } div.dark_square #pp_full_res .pp_inline { height: auto } div.dark_square #pp_full_res .pp_inline h2 { font-size: 14px; font-family: cgf-locust-regular; margin: 0 0 30px 0; text-align: left; color: #2eb0f3; border-bottom: 2px solid #2eb0f3; padding: 0 0 2px 0 } div.dark_square #pp_full_res .pp_inline h3 { font-family: cgf-locust-regular; font-size: 14px; text-align: left; color: white } div.dark_square #pp_full_res .pp_inline p.image { margin: 0 20px 10px 0; padding: 0; float: left } div.dark_square #pp_full_res .pp_inline p.image img { width: 200px } div.dark_square #pp_full_res .pp_inline p { font-family: arial; line-height: 1.4em; font-size: 14px; text-align: left } div.dark_square #pp_full_res .pp_inline p a { color: white; text-decoration: none; background-color: #2eb0f3; font-weight: bold; padding: 0 5px 0 5px } div.dark_square #pp_full_res .pp_inline p.image a, div.dark_square #pp_full_res .pp_inline p.image a:hover { background-color: black } div.dark_square #pp_full_res .pp_inline p a:hover { color: #2eb0f3; text-decoration: none; background-color: white } div.dark_square #pp_full_res .pp_inline p.intro { font-family: verdana; line-height: 1.4em; font-size: 14px; text-align: justify } div.dark_square #pp_full_res .pp_inline p.resume { font-family: verdana; line-height: 1.4em; font-size: 14px; text-align: justify } div.dark_square #pp_full_res .pp_inline p span.cote { color: #2eb0f3; font-family: cgf-locust-regular; font-size: 12px } .pp_pic_holder.dark_square .pp_content_container .pp_left .pp_right .pp_content { height: auto !important } .mome { position: absolute; top: 100px; left: 300px; display: block } .archivegalactique { position: absolute; top: 70px; left: 120px; display: block } .traveltime { position: absolute; top: 230px; left: 640px; display: block } .universparallele { position: absolute; top: 410px; left: 850px; display: block } .uchronie { position: absolute; top: 340px; left: 300px; display: block } .cyberpunk, .derriere { position: absolute; top: 200px; left: 50px; display: block } .dystopie { position: absolute; top: 190px; left: 250px; display: block } .rencontretype { position: absolute; top: 320px; left: 500px; display: block } .hardsf { position: absolute; top: 200px; left: 800px; display: block } .postapo { position: absolute; top: 300px; left: 100px; display: block } .zombies { position: absolute; top: 325px; left: 130px; display: block } .spaceopera { position: absolute; top: 320px; left: 650px; display: block } .steampunk { position: absolute; top: 100px; left: 600px; display: block } /*********************/ /** HEROS RECURRENTS ***/ .content_corps_centre div.ordrealphabetique { background-color: none; padding: 10px; text-align: center } .content_corps_centre div.ordrealphabetique h3 { clear: both; font-family: dymofontinversregular; padding-bottom: 3px; margin: 15px 0 15px 0; font-size: 26px; color: black; text-align: left } .content_corps_centre div.auteur { float: left; width: 160px; height: 195px; margin: 0 20px 25px 5px; border: 1px solid #707070; background-color: white } .content_corps_centre div.auteur img { width: 137px; height: 140px; margin: 15px 10px 0 10px; border: 1px solid #a4a4a4 } .content_corps_centre div.auteur p { text-align: center; font-size: 16px; padding: 0; margin: 5px 0 5px 0 } .content_corps_centre div.auteur p a { font-family: typewriter_condensedregular; color: black; text-decoration: none; margin: 0; padding: 0 } .content_corps_centre div.auteur p a:hover { text-decoration: underline } /* LIGHTBOX HEROS RECURRENTS */ .pp_pic_holder.light_square .pp_content_container .pp_left .pp_right .pp_content { height: auto !important } .pp_pic_holder.light_square { border: 2px solid #a4a4a4; background-color: white } .pp_pic_holder.light_square .pp_bottom, .pp_pic_holder.light_square .pp_top { display: none } div.light_square #pp_full_res .pp_inline { height: auto } div.light_square #pp_full_res .pp_inline p.image img { float: left; width: 250px; margin-right: 20px; margin-bottom: 15px } div.light_square #pp_full_res .pp_inline h4 { font-size: 20px; font-family: typewriter_condensedregular; margin: 0 0 20px 0 } div.light_square #pp_full_res .pp_inline p { font-family: typewriter_condensedregular; font-size: 16px; line-height: 1.3em; text-align: justify; padding-right: 15px } div.light_square #pp_full_res .pp_inline p.liste-heros { clear: both } div.light_square #pp_full_res .pp_inline p.liste-heros + ul li a { font-family: typewriter_condensedregular; font-size: 16px } /* FIN LIGHTBOX HEROS RECURRENTS */ /** FIN HEROS RECURRENTS ***/ /* prettyphoto.css */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px } div.pp_default .pp_top .pp_left { background: url(/UserFiles/image/prettyphoto/default/sprite.png) -78px -93px no-repeat } div.pp_default .pp_top .pp_middle { background: url(/UserFiles/image/prettyphoto/default/sprite_x.png) top left repeat-x } div.pp_default .pp_top .pp_right { background: url(/UserFiles/image/prettyphoto/default/sprite.png) -112px -93px no-repeat } div.pp_default .pp_content .ppt { color: #f8f8f8 } div.pp_default .pp_content_container .pp_left { background: url(/UserFiles/image/prettyphoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px } div.pp_default .pp_content_container .pp_right { background: url(/UserFiles/image/prettyphoto/default/sprite_y.png) top right repeat-y; padding-right: 13px } div.pp_default .pp_next:hover { background: url(/UserFiles/image/prettyphoto/default/sprite_next.png) center right no-repeat; cursor: pointer } div.pp_default .pp_previous:hover { background: url(/UserFiles/image/prettyphoto/default/sprite_prev.png) center left no-repeat; cursor: pointer } div.pp_default .pp_expand { background: url(/UserFiles/image/prettyphoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; height: 28px; width: 28px } div.pp_default .pp_expand:hover { background: url(/UserFiles/image/prettyphoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer } div.pp_default .pp_contract { background: url(/UserFiles/image/prettyphoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; height: 28px; width: 28px } div.pp_default .pp_contract:hover { background: url(/UserFiles/image/prettyphoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer } div.pp_default .pp_close { background: url(/UserFiles/image/prettyphoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; height: 30px; width: 30px } div.pp_default .pp_gallery ul li a { background: url(/UserFiles/image/prettyphoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa } div.pp_default .pp_social { margin-top: 7px } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { left: auto; position: static } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(/UserFiles/image/prettyphoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(/UserFiles/image/prettyphoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0; width: 20px } div.pp_default a.pp_arrow_next { background-position: -82px -3px; left: 52px } div.pp_default .pp_content_container .pp_details { clear: both } div.pp_default .pp_nav { clear: none; height: 30px; position: relative; width: 110px } div.pp_default .pp_nav .currentTextHolder { color: #999; font-family: Georgia; font-size: 11px; font-style: italic; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.6 } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0 } div.pp_default .pp_bottom .pp_left { background: url(/UserFiles/image/prettyphoto/default/sprite.png) -78px -127px no-repeat } div.pp_default .pp_bottom .pp_middle { background: url(/UserFiles/image/prettyphoto/default/sprite_x.png) bottom left repeat-x } div.pp_default .pp_bottom .pp_right { background: url(/UserFiles/image/prettyphoto/default/sprite.png) -112px -127px no-repeat } div.pp_default .pp_loaderIcon { background: url(/UserFiles/image/prettyphoto/default/loader.gif) center center no-repeat } div.light_rounded .pp_top .pp_left { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat } div.light_rounded .pp_top .pp_right { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat } div.light_rounded .pp_next:hover { background: url(/UserFiles/image/prettyphoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.light_rounded .pp_previous:hover { background: url(/UserFiles/image/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_rounded .pp_expand { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_rounded .pp_expand:hover { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_rounded .pp_contract { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_rounded .pp_contract:hover { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_rounded .pp_close { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.light_rounded .pp_nav .pp_play { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_nav .pp_pause { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_arrow_previous { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat } div.light_rounded .pp_arrow_next { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat } div.light_rounded .pp_bottom .pp_left { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat } div.light_rounded .pp_bottom .pp_right { background: url(/UserFiles/image/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_top .pp_left { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat } div.dark_rounded .pp_top .pp_right { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat } div.dark_rounded .pp_content_container .pp_left { background: url(/UserFiles/image/prettyphoto/dark_rounded/contentPattern.png) top left repeat-y } div.dark_rounded .pp_content_container .pp_right { background: url(/UserFiles/image/prettyphoto/dark_rounded/contentPattern.png) top right repeat-y } div.dark_rounded .pp_next:hover { background: url(/UserFiles/image/prettyphoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.dark_rounded .pp_previous:hover { background: url(/UserFiles/image/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.dark_rounded .pp_expand { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_rounded .pp_expand:hover { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_rounded .pp_contract { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_rounded .pp_contract:hover { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_rounded .pp_close { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.dark_rounded .pp_description { color: #fff; margin-right: 85px } div.dark_rounded .pp_nav .pp_play { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_nav .pp_pause { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_arrow_previous { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat } div.dark_rounded .pp_arrow_next { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat } div.dark_rounded .pp_bottom .pp_left { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat } div.dark_rounded .pp_bottom .pp_right { background: url(/UserFiles/image/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_loaderIcon { background: url(/UserFiles/image/prettyphoto/dark_rounded/loader.gif) center center no-repeat } div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000 } div.dark_square .pp_description { color: #fff; margin: 0 85px 0 0 } div.dark_square .pp_loaderIcon { background: url(/UserFiles/image/prettyphoto/dark_square/loader.gif) center center no-repeat } div.dark_square .pp_expand { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_square .pp_expand:hover { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_square .pp_contract { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_square .pp_contract:hover { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_square .pp_close { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.dark_square .pp_nav { clear: none } div.dark_square .pp_nav .pp_play { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_nav .pp_pause { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_arrow_previous { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat } div.dark_square .pp_arrow_next { background: url(/UserFiles/image/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat } div.dark_square .pp_next:hover { background: url(/UserFiles/image/prettyphoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer } div.dark_square .pp_previous:hover { background: url(/UserFiles/image/prettyphoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_square .pp_expand { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_square .pp_expand:hover { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_square .pp_contract { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_square .pp_contract:hover { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_square .pp_close { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.light_square .pp_nav .pp_play { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_nav .pp_pause { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_arrow_previous { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) 0 -71px no-repeat } div.light_square .pp_arrow_next { background: url(/UserFiles/image/prettyphoto/light_square/sprite.png) -22px -71px no-repeat } div.light_square .pp_next:hover { background: url(/UserFiles/image/prettyphoto/light_square/btnNext.png) center right no-repeat; cursor: pointer } div.light_square .pp_previous:hover { background: url(/UserFiles/image/prettyphoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_top .pp_left { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -88px -53px no-repeat } div.facebook .pp_top .pp_middle { background: url(/UserFiles/image/prettyphoto/facebook/contentPatternTop.png) top left repeat-x } div.facebook .pp_top .pp_right { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -110px -53px no-repeat } div.facebook .pp_content_container .pp_left { background: url(/UserFiles/image/prettyphoto/facebook/contentPatternLeft.png) top left repeat-y } div.facebook .pp_content_container .pp_right { background: url(/UserFiles/image/prettyphoto/facebook/contentPatternRight.png) top right repeat-y } div.facebook .pp_expand { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer } div.facebook .pp_expand:hover { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer } div.facebook .pp_contract { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer } div.facebook .pp_contract:hover { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer } div.facebook .pp_close { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 22px } div.facebook .pp_description { margin: 0 37px 0 0 } div.facebook .pp_loaderIcon { background: url(/UserFiles/image/prettyphoto/facebook/loader.gif) center center no-repeat } div.facebook .pp_arrow_previous { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default } div.facebook .pp_arrow_next { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default } div.facebook .pp_nav { margin-top: 0 } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px } div.facebook .pp_nav .pp_play { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_nav .pp_pause { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_next:hover { background: url(/UserFiles/image/prettyphoto/facebook/btnNext.png) center right no-repeat; cursor: pointer } div.facebook .pp_previous:hover { background: url(/UserFiles/image/prettyphoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_bottom .pp_left { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -88px -80px no-repeat } div.facebook .pp_bottom .pp_middle { background: url(/UserFiles/image/prettyphoto/facebook/contentPatternBottom.png) top left repeat-x } div.facebook .pp_bottom .pp_right { background: url(/UserFiles/image/prettyphoto/facebook/sprite.png) -110px -80px no-repeat } div.pp_pic_holder a:focus { outline: none } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500 } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000 } .pp_content { height: 40px; min-width: 40px } * html .pp_content { width: 40px } .pp_content_container { position: relative; text-align: left; width: 100% } .pp_content_container .pp_left { padding-left: 20px } .pp_content_container .pp_right { padding-right: 20px } .pp_content_container .pp_details { clear: both; height: 34px; margin: 20px 0 2px } .pp_description { display: none; margin: 0 } .pp_social { float: left; margin: 0 } .pp_social .facebook { float: left; margin-left: 5px; overflow: hidden; width: 55px } .pp_social .twitter { float: left } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0 } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000 } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000 } .pp_gallery div { float: left; overflow: hidden; position: relative } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden } .pp_gallery ul a img { border: 0 } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 } .pp_gallery li.default a { background: url(/UserFiles/image/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important } a.pp_next { background: url(/UserFiles/image/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49% } a.pp_previous { background: url(/UserFiles/image/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49% } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000 } a.pp_close { display: block; line-height: 22px; position: absolute; right: 0; text-indent: -10000px; top: 0 } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px } #pp_full_res { line-height: 1 !important } #pp_full_res .pp_inline { text-align: left } #pp_full_res .pp_inline p { margin: 0 0 15px } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999 } div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff } div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000 } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff } div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative } div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff } div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important } div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default } div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default } div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon { background: url(/UserFiles/image/prettyphoto/light_rounded/loader.gif) center center no-repeat } div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle { background: url(/UserFiles/image/prettyphoto/dark_rounded/contentPattern.png) top left repeat } div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #c4c4c4 } div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff } .pp_top, .pp_bottom { height: 20px; position: relative } * html .pp_top, * html .pp_bottom { padding: 0 20px } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px } .pp_fade, .pp_gallery li.default a img { display: none } /* fin prettyphoto.css */ /* fin lightbox prettyphoto */ /*********************************** TINY ACCORDEON ****************************/ #options { width: 750px; margin: 0 auto; text-align: right; color: #d1d1d1 } #options a { text-decoration: none; color: #d1c8c1 } #options a:hover { color: #033 } #acc { width: 740px; list-style: none; color: #033; margin: 0 auto; position: relative; z-index: 10 } #acc h3 { font-family: ubuntu, sans-serif; font-weight: normal; font-size: 1.1em; color: black; margin: 0; width: auto; border: 1px solid #d1d1d1; padding: 6px 6px 8px; margin-top: 5px; cursor: pointer; background-color: #e6e6e6 } #acc h3:hover { color: white; background-color: #e4003a } #acc .acc-section { overflow: hidden; background: #fff } #acc .acc-content { width: auto; padding: 10px; border: 1px solid #d1d1d1; border-top: none; background: #fff } #acc .acc-content p { font-size: 1.1em; line-height: 1.4em } #acc .acc-content ul.listeapucecarre { margin: 5px 0 10px 25px; font-size: 12px; line-height: 1.3em } #nested, #nested2, #nested3, #nested4, #nested5, #nested6 { width: 710px; list-style: none; color: #033; margin-bottom: 15px } #nested h3, #nested2 h3, #nested3 h3, #nested4 h3, #nested5 h3, #nested6 h3 { width: auto; border: 1px solid #d1d1d1; padding: 6px 6px 8px; margin: 5px 0 0 0; cursor: pointer; background-color: #e6e6e6 } #nested h3:hover, #nested2 h3:hover, #nested3 h3:hover, #nested4 h3:hover, #nested5 h3:hover, #nested6 h3:hover { color: white; background-color: #e5003a } #nested .acc-section, #nested2 .acc-section, #nested3 .acc-section, #nested4 .acc-section, #nested5 .acc-section, #nested6 .acc-section { overflow: hidden; background: #fff } #nested .acc-content, #nested2 .acc-content, #nested3 .acc-content, #nested4 .acc-content, #nested5 .acc-content, #nested6 .acc-content { width: auto; padding: 15px; border: 1px solid #d1c8c1; border-top: none; background: #fff } #nested .acc-selected, #nested2 .acc-selected, #nested3 .acc-selected, #nested4 .acc-selected, #nested5 .acc-selected, #nested6 .acc-selected { color: white; background-color: #e5003a } /******************* FIN TINY ACCORDEON ***********************************************/ /******************* CARTE MEDIABUS ****************************************************/ /* MEDIABUS */ .encart-vide .content_corps_centre #cartemediabus { position: relative; left: 0; top: 0; width: 600px; height: 795px; z-index: 1; visibility: visible; /*background-image:url(/userfiles/image/mediabus/carte-agglo.jpg);*/ background-repeat: no-repeat } .encart-vide .content_corps_centre #cartemediabus ul { list-style-type: none; margin: 0; padding: 0; text-decoration: none; border: none; /* width: 100%; /* pr�cision pour Opera */ } .encart-vide .content_corps_centre #cartemediabus ul li a { border: none } .encart-vide .content_corps_centre #cartemediabus ul li a img { /* d�finition de chaque bouton du menu */ width: 38px; /* largeur du bouton */ height: 67px; display: block; text-decoration: none; border: none; z-index: 200 } /* positions bus et bibli */ .encart-vide .content_corps_centre ul li a#beziersenfant { position: absolute; top: 280px; left: 190px; background-color: red } .encart-vide .content_corps_centre #beziersevasion { position: absolute; top: 290px; left: 210px } .encart-vide .content_corps_centre #beziersmediatheque { position: absolute; top: 320px; left: 160px } .encart-vide .content_corps_centre #sauvianenfant { position: absolute; top: 468px; left: 250px } .encart-vide .content_corps_centre #sauvianevasion { position: absolute; top: 478px; left: 270px } .encart-vide .content_corps_centre #valrasenfant { position: absolute; top: 622px; left: 332px } .encart-vide .content_corps_centre #valrasevasion { position: absolute; top: 632px; left: 352px } .encart-vide .content_corps_centre #lieuranenfant { position: absolute; top: 110px; left: 210px } .encart-vide .content_corps_centre #espondeilhanenfant { position: absolute; top: 33px; left: 255px } .encart-vide .content_corps_centre #espondeilhanevasion { position: absolute; top: 43px; left: 275px } .encart-vide .content_corps_centre #bassanenfant { position: absolute; top: 120px; left: 260px } .encart-vide .content_corps_centre #bassanevasion { position: absolute; top: 130px; left: 280px } .encart-vide .content_corps_centre #corneilhanenfant { position: absolute; top: 120px; left: 135px } .encart-vide .content_corps_centre #corneilhanevasion { position: absolute; top: 130px; left: 155px } .encart-vide .content_corps_centre #boujanmediatheque { position: absolute; top: 195px; left: 300px } .encart-vide .content_corps_centre #villeneuvemediatheque { position: absolute; top: 385px; left: 330px } .encart-vide .content_corps_centre #serignanmediatheque { position: absolute; top: 510px; left: 360px } .encart-vide .content_corps_centre #lignanmediatheque { position: absolute; top: 195px; left: 80px } .encart-vide .content_corps_centre #servianmediatheque { position: absolute; top: 110px; left: 380px } /* fin positions bus et bibli */ .encart-vide .content_corps_centre .layermediabus ul li a:hover { text-decoration: none; cursor: default; z-index: 3 } .encart-vide .content_corps_centre .layermediabus ul li a span { /* definition de la balise inclue dans */ display: none } .encart-vide .content_corps_centre .layermediabus ul li a span h3 { font-weight: bold; font-size: 12px; color: #fff; background-color: #00afdd; margin: 0 0 5px 0; padding: 2px 2px 2px 10px; border: none } .encart-vide .content_corps_centre .layermediabus ul li a span h4 { font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 11px; /*color:#00afdd;*/ color: purple; margin: 5px 0 0 0; padding: 0 10px 0 10px; border: none; line-height: 1.2 } .encart-vide .content_corps_centre .layermediabus ul li a span p { margin: 3px 0 3px 0; padding: 0 10px 0 10px; font-size: 11px; line-height: 1.2 } .encart-vide .content_corps_centre .layermediabus ul li a:hover span { /* definition de la balise au survol */ display: block; position: relative; top: 20px; left: 20px; width: 280px; /* largeur de la zone de commentaires */ border: 1px solid #09F; color: #000; background-color: purple; font-size: 11px; font-family: Arial, Helvetica, sans-serif; z-index: 3 } .encart-vide .content_corps_centre .layermediabus ul li a#beziersevasion:hover span { top: -250px; left: 60px } .encart-vide .content_corps_centre .layermediabus ul li a#beziersenfant:hover span { top: -250px; left: 60px } .encart-vide .content_corps_centre .layermediabus ul li a:hover span.bibli { width: 180px } .encart-vide .content_corps_centre .layermediabus ul li a#beziersevasion:hover span { width: 660px; height: 620px } .encart-vide .content_corps_centre .layermediabus ul li a#beziersevasion:hover span div { width: 200px; float: left; margin: 0 10px 0 10px } .encart-vide .content_corps_centre .layermediabus ul li a#beziersevasion:hover span div p, .layermediabus ul li a#beziersevasion:hover span div h2 { padding: 0 } .encart-vide .content_corps_centre .layermediabus ul li a:hover span.valras { top: -100px; left: 20px } /**** fin mediabus *****/ /* STATIC SLIDER (CDC 08-2013) */ .content_corps_centre #static-slide { margin-left: 30px } .content_corps_centre #static-slide .accordian { /*conteneur du Slider*/ width: 600px; /*largeur du conteneur de l'animation*/ height: 320px; /*hauteur du conteneur de l'animation*/ overflow: hidden } .content_corps_centre #static-slide .accordian ul { width: 1000px } .content_corps_centre #static-slide .accordian li { position: relative; display: block; width: 80px; /*largeur de l'image visible hors utilisation du slider par le visiteur de votre site*/ float: left; border-left: 1px solid #888; transition: all 0.5s; /*temps de transition entre deux images*/ -webkit-transition: all 0.5s; -moz-transition: all 0.5s } .content_corps_centre #static-slide .accordian ul:hover li { width: 5px } /*largeur des images restantes lors de l'utilisation*/ .content_corps_centre #static-slide .accordian ul li:hover { width: 640px } /*largeur visible lors du survol d'une image par la souris*/ .content_corps_centre #static-slide .accordian li img { display: block } .content_corps_centre #static-slide .image_title { background: rgba(0, 0, 0, 0.5); /*couleur et opacite du fond des titres d'images*/ position: absolute; left: 0; bottom: 0; width: 640px; /*largeur du fond des titres images*/ } .content_corps_centre #static-slide .image_title a { display: block; color: #fff; text-decoration: none; padding: 20px; font-size: 16px } /* AL : notice detaillee */ #notice_longue .isbd td.label { font-weight: bold; padding-right: 7px } #notice_longue .isbd tr > td { padding-bottom: 0.3em } /* AL : jgrowl popup erreur */ div.growlError { background-color: #F00 !important; font-size: 12px !important; font-weight: bold; line-height: 16px !important } div.webframe-ermes-html ul, div.webframe-ermes-html ol { margin-left: 10px !important } div.webframe-ermes-html li { list-style: inherit } div.webframe-ermes-html .content_ina ol, div.webframe-ermes-html ul { list-style: inherit } a[href$=".wma"] { display: none } /* masquage des puces dans encart sur portail - juin 2014 - apparition suite a ajout du bouton puce dans tinymce */ div.webframe-ermes-html div.ermes_search_model .content_ina ol, div.webframe-ermes-html div.ermes_search_model ul { list-style: none } div.webframe-ermes-html div.ermes_search_model ul, div.webframe-ermes-html div.ermes_search_model ol { margin-left: 0 !important } /* fin correction */ .nodisplay { display: none } /*************Browse facet*************************/ .browseFacetFrame-facet { float: left; border-right: 1px solid #5c5956; margin-right: 10px; padding-right: 10px; width: 230px; color: #5c5956 } .browseFacetFrame-facet h3 { display: none } .browseFacetFrame-facet-item li span, a.facet-item-count { cursor: pointer; padding-left: 2px; color: #0971B2; text-decoration: none } a.facet-item-count { padding: 0 } .browseFacetFrame-facet-item li span:hover { color: #505050; text-decoration: underline } a.facet-item-count:hover { color: #e5003a; text-decoration: none } .browseFacetFrame { overflow: hidden } .facet-item-hidden { display: none } .facet-item { display: block; background-color: #FFF } .facet-item-selected { background-color: #ddd } div.facet-controls a.facet-see-more, div.facet-controls a.facet-see-less { padding: 0; color: #0971b2; text-decoration: underline; background: none !important } div.facet-controls a.facet-see-more:hover, div.facet-controls a.facet-see-less:hover { padding: 0; text-decoration: none; background: none } div#global_contenu { overflow: inherit } /***********************************/ /* effet rotatif */ /* page ateliers informatiques */ /* 11 décembre 2015*/ /* page se former 04/07/2016 */ #f1_container { width: 190px; display: inline-block; height: 107px; z-index: 1; margin-right: 10px; margin-bottom: 16px } #f1_card { width: 100%; height: 100%; transform-style: preserve-3d; transition: all 0.5s linear } #f1_container:hover #f1_card { transform: rotatey(180deg) } .face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden } .face img { width: 190px } .face.back { display: block; transform: rotatey(180deg); box-sizing: border-box } .face.back p { font-size: 12px; font-family: ubuntu; margin: 0; padding: 5px 10px 10px 10px; vertical-align: middle; text-align: left; background-color: white; height: 92px; width: 180px; display: block; border: 1px solid #ccc } .face.back p span.titre { font-weight: bold; font-size: 12px } .face.back p span.center { display: inline-block; text-align: center; width: 100%; padding-top: 5px; position: relative; left: -5px } .face.back p a { text-decoration: none; color: black } .face.back p a:hover { text-decoration: underline; color: #5c5956 } .face.back p span.center a { color: #0971b2; text-decoration: underline } .face.back p span.center a:hover { color: #5c5956 } /* flux rss */ /* 05/03/2016 */ .sagscroller { height: 400px; border: none } .sagscroller ul { background: none repeat scroll 0% 0% #fff; list-style: none outside none; width: 100% } .sagscroller ul.rss-list li { clear: both; border-bottom: 1px dashed #9e9992; display: inline-block; padding: 2px 2px 15px 2px; margin: 0 0 8px 0 } .sagscroller ul.rss-list li a { font-weight: normal; font-size: 12px; font-family: verdana, arial, sans-serif } .rss-thumbnail-div { width: 98% } .rss-thumbnail { border: none; box-shadow: none; width: 100% } .rss-thumbnail-div + div a.infoEncart { font-weight: normal; text-align: left; font-size: 0.9em; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; text-decoration: none } .rss-thumbnail-div + div a.infoEncart:hover { text-decoration: underline } .rss-thumbnail-div + div p.rss-description { font-size: 0.9em; text-align: left; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; padding-top: 5px; color: #302f2d } .rss-thumbnail-div + div div.rss-sourceInfo { text-align: left; color: #9e9992; line-height: 1.1em } /* modif bannière cnil le 12/12/2016 */ #cnil_banner { background-color: #f2f2f2; color: black; z-index: 1000; font-size: 10px; border: 1px solid 5c5956 } #cnil_banner .cnil_message { padding: 5px; font-family: ubuntu, arial, sans-serif; text-align: center; font-weight: normal } #cnil_banner .cnil_message a { text-decoration: underline } #cnil_banner .cnil_button { background-color: #fff; font-family: ubuntubold, arial, sans-serif; padding: 0 5px 5px 5px; text-align: center; font-size: 11px } #cnil_banner .cnil_message a:hover, #cnil_banner .cnil_button a:hover { color: #e5003a } /* fin bannière cnil */ .catalogue-viticole, .catalogue-viticole-suite { padding: 0 30px 10px 30px; font-size: 1.1em; font-family: ubuntu, arial, sans-serif; text-align: left } .catalogue-viticole p { padding-bottom: 12px } .catalogue-viticole p.remarque { font-size: 0.9em; font-style: italic } .js .catalogue-viticole-suite { display: none } div.catalogue-viticole + p button { width: 200px; font: 1.2em ubuntu; border: none; cursor: pointer; background-color: #eee; color: #0971b2; text-align: center; padding: 2px } div.catalogue-viticole + p button:hover { background-color: #0971b2; color: white } /* slidetoggle : plier/déplier a.bouton-deplier, span.bouton-replier { display: block; width: 100px; cursor: pointer; background-color: #eeeeee; color: #0971b2; text-align: center; padding: 2px; margin-bottom: 20px; } a.bouton-deplier:hover, span.bouton-replier:hover { background-color: #0971b2; color: white; } img.ermes-thumb-ifd { background-repeat: no-repeat !important; background-position: center center !important; } /*** IMAGES ET TEXTES EN LIGNE *****/ .bloc-enligne { width: 230px; display: inline-block; margin-right: 15px; vertical-align: top } .bloc-enligne p { font-family: ubuntu, arial, sans-serif; text-align: center; margin-top: 0; padding-top: 5px; font-size: 12px } div.largeur152, div.largeur152 a img { width: 152px } /*******************************************************/ /* pages dossiers découvrir */ /* 23/03/2017 */ .article-date { margin: -10px 0 30px 0; padding: 0 0 10px 0; font-family: ubuntu, arial, sans-serif; font-size: 11px; color: #5c5956; font-style: italic } .encart-titre-majuscule .content_corps .content_corps_centre p.soustitre-fondgris { display: block; background-color: #eee; color: #444; padding: 20px; margin: 40px 0 20px 0; text-align: left; border: none; outline: none; font-family: ubuntu, sans-serif } /*****************************************************/ /**** slide caption 2017-03-29 *******************/ #caption-slide-bis figure, #caption-slide figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 20px 20px 0 } #caption-slide-bis figure { margin: 0 10px 10px 0 } #caption-slide-bis figure.der { margin-left: 0 } #caption-slide figure.droite { margin: 0 0 20px 0 } #caption-slide figure img { width: 378px; height: 220px } #caption-slide-bis { height: 103px; margin-left: 5px } #caption-slide-bis figure img { width: 178px } #caption-slide-bis figure p.titre, #caption-slide figure p.titre { width: 60%; height: 20px; padding: 3px 5px 0 10px; margin: 0; /*background-color: #e5003a;*/ background: rgba(196, 50, 65, 0.88); color: white; font-family: ubuntumedium; text-transform: uppercase; position: absolute; top: 0; left: 0 } #caption-slide-bis figure p.titre { font-size: 11px; text-align: left; width: 65%; height: 16px; padding: 2px 5px 0 5px } #caption-slide-bis figure p.titre.agglo { width: 88% } #caption-slide-bis figcaption, #caption-slide figcaption { position: absolute; background: rgba(196, 50, 65, 0.7); font-family: ubuntu, arial, sans-serif; color: white; padding: 10px; opacity: 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease } #caption-slide-bis figcaption { padding: 6px } #caption-slide-bis figcaption p { font-size: 11px; padding: 2px 0 0 0; margin: 0; line-height: 1em; text-align: left } #caption-slide-bis figcaption p.soustitre, #caption-slide figcaption p.soustitre { font-size: 14px; font-family: ubuntumedium; text-align: left } #caption-slide figcaption p.soustitre { padding-top: 5px; margin-top: 0 } #caption-slide figcaption p a, #caption-slide-bis figcaption p a { color: white; text-decoration: none } #caption-slide-bis figure:hover figcaption, #caption-slide figure:hover figcaption { opacity: 1 } #caption-slide-bis figure:before, #caption-slide figure:before { content: "?"; position: absolute; font-weight: 800; background: black; background: rgba(255, 255, 255, 0.75); text-shadow: 0 0 5px white; color: black; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75 } #caption-slide-bis figure:hover:before, #caption-slide figure:hover:before { opacity: 0 } #caption-slide .cap-left:before { bottom: 10px; left: 10px } #caption-slide .cap-left figcaption { bottom: 0; left: -30% } #caption-slide .cap-left:hover figcaption { left: 0 } #caption-slide .cap-right:before { bottom: 10px; right: 10px } #caption-slide .cap-right figcaption { bottom: 0; right: -30% } #caption-slide .cap-right:hover figcaption { right: 0 } #caption-slide .cap-top:before { top: 10px; left: 10px } #caption-slide .cap-top figcaption { left: 0; top: -30% } #caption-slide .cap-top:hover figcaption { top: 0 } #caption-slide-bis .cap-bot:before, #caption-slide .cap-bot:before { bottom: 10px; left: 10px } #caption-slide .cap-bot figcaption { left: 0; bottom: -58%; width: 360px; height: 58% } #caption-slide-bis .cap-bot figcaption { left: 0; bottom: -72%; width: 172px; height: 72% } #caption-slide-bis .cap-bot:hover figcaption, #caption-slide .cap-bot:hover figcaption { bottom: 0 } /*********************************/ /* ACCORDION */ /* Style the buttons that are used to open and close the accordion panel */ .content_corps #accordeon-contenus button.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 20px; margin: 0 0 20px 20px; width: 90%; text-align: left; border: none; outline: none; transition: 0.4s; font-family: ubuntu, sans-serif } .content_corps #accordeon-contenus button.accordion:after { content: "➕"; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px } .content_corps #accordeon-contenus button.accordion.active:after { content: "➖"; /* Unicode character for "minus" sign (-) */ } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .content_corps #accordeon-contenus button.accordion.active, #test-hlm button.accordion:hover { background-color: #ddd } /* Style the accordion panel. Note: hidden by default */ .content_corps #accordeon-contenus div.panel { padding: 0 20px; margin-bottom: 10px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; text-align: center } .content_corps #accordeon-contenus div.panel img { margin: 0 10px 10px 0; height: 220px; -moz-box-shadow: 1px 1px 2px #c3b6ad; -webkit-box-shadow: 1px 1px 2px #c3b6ad; -o-box-shadow: 1px 1px 2px #c3b6ad; box-shadow: 1px 1px 2px #c3b6ad } .content_corps #accordeon-contenus div.panel iframe { margin: 15px auto 15px auto; width: 560px; height: 315px } .content_corps #accordeon-contenus div.panel p span.italique { font-style: italic } .content_corps #accordeon-contenus div.panel p span.gras { font-weight: bold } /* SLIDE SHOW */ * { box-sizing: border-box } /* Slideshow container */ .slideshow-container { width: 778px; height: 518px; position: relative; margin: auto } /* Hide the images by default */ .slideshow-container .mySlides { display: none } /* Next & previous buttons */ .slideshow-container .prev, .slideshow-container .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0 } /* Position the "next button" to the right */ .slideshow-container .next { right: 0; border-radius: 3px 0 0 3px } /* On hover, add a black background color with a little bit see-through */ .slideshow-container .prev:hover, .slideshow-container .next:hover { background-color: rgba(0, 0, 0, 0.5) } /* Caption text */ .slideshow-container .text { color: #f2f2f2; font-size: 14px; padding: 8px 12px; position: absolute; bottom: 0; text-align: justify; line-height: 1.4em; background-color: rgba(0, 0, 0, 0.2) } .slideshow-container .text h4 { text-align: left; color: white; font-size: 1.2em } .slideshow-container .text p { padding-right: 0 } /* Number text (1/3 etc) */ .slideshow-container .numbertext { color: #f2f2f2; font-weight: bold; font-size: 12px; padding: 8px 12px; position: absolute; top: 0 } /* Fading animation */ .slideshow-container .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s } @-webkit-keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } @keyframes fade { from { opacity: 0.4; } to { opacity: 1; } } /* panneau et agrandissement */ p.fancy-mini img.mini { width: 174px; height: 232px; display: inline-block; margin: 0 7px 15px 7px } p.fancy-mini img.mini2 { width: 200px; height: 232px; display: inline-block; margin: 0 7px 15px 7px } /*****************************************/ /************* ACCES AGGLO **************/ /**** EN LIGNE LE 25/03/2019 ***********/ /*********** ACCES DIRECT *************/ /****** EN LIGNE LE 03/06/2019 *******/ div.webframe-ermes-html ul.accesrapide2 { width: 100%; list-style-type: none; margin-left: 0 !important; vertical-align: bottom; margin-top: 0 } ul.accesrapide2 li { display: inline-block; width: 30%; height: 42px; line-height: 42px; font-size: 1.1em; border: none; padding: 0; margin: 5px 0 0 3%; /*arrondir les coins*/ -moz-border-radius: 2px 2px; -webkit-border-radius: 2px 2px; border-radius: 2px 2px } ul.accesrapide2.accueil li { width: 49%; margin: 5px 0 0 0 } ul.accesrapide2.accueilgnl li { width: 210px; margin: 5px 0 0 20px } ul.accesrapide2 li a { display: inline-block; text-decoration: none; width: 100%; font-family: "ubuntubold", sans-serif; color: black; font-variant: normal; text-transform: none; float: none; height: 42px; margin: 0; padding: 3px; border: none } ul.accesrapide2 li a span { display: inline-block; height: 20px; position: relative; top: -15px; margin: 0 0 0 10px } ul.accesrapide2.accueil li a span { margin: 0 0 0 5px } ul.accesrapide2.accueilgnl li a span { margin: 0 0 0 5px } ul.accesrapide2 li:hover { -moz-border-radius: 2px 2px; -webkit-border-radius: 2px 2px; border-radius: 2px 2px; background-color: #f4f4f4 } /* 4 boutons sur une ligne */ p.boutons { margin: 0; width: 23%; display: inline-block } p.boutons a { width: 100%; height: 30px; display: inline-block; margin: 0 5px 5px 0; color: white; text-decoration: none; background-color: #e4003a; text-align: center; padding: 0; font-size: 1.2em; line-height: 1.5em; font-family: ubuntumedium, sans-serif } p.boutons a:hover { background-color: #e0e0e0; color: #5c5956; text-decoration: none } /**************************/ /* LIGHTBOX EXPOSITION */ /**************************/ #lightbox { background-color: #0d0d0d; padding: 10px; border: 1px solid #666 } #lightboxCaption { /*color: #fff; background-color: #0d0d0d; font-size: 12px; text-align: center; border: none;*/ display: none } #lightboxIndicator { border: 1px solid white } #lightboxOverallView, #overlay { background-color: #000; opacity: 0.5 } * html #lightboxOverallView, * html #overlay { background-color: #000; filter: Alpha(opacity=50) } ul.photos-lightbox { list-style-type: none; width: 100% } ul.photos-lightbox li { background-color: none; display: inline-block; width: 170px; margin-right: 10px } ul.photos-lightbox li a { margin: 0; padding: 0 } /*ul.photos-lightbox li a img.paysage { margin: 5px 5px 0px 5px; width: 135px; }*/ ul.photos-lightbox li a img { margin-top: 5px } /*ul.photos-lightbox li a img.portrait { margin: 5px auto 5px auto; height: 96px; vertical-align: middle; }*/ p span.legende { display: inline-block; height: 50px; width: 320px; position: relative; top: -50px; margin-left: 11px; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-family: ubuntu, sans-serif; font-size: 1.1em; color: white } p span.legende a { color: white; text-decoration: none; vertical-align: middle } p span.legende a:hover { text-decoration: underline } div.presse-3colonnes { display: inline-block; width: 29%; padding: 10px; margin: 0 1% 10px 0; background-color: #f7f6f5; font-family: ubuntu, sans-serif; vertical-align: top } div.presse-3colonnes h3 { font-size: 1.3em } div.presse-3colonnes ul { list-style-type: none; line-height: 1.5em } div.presse-3colonnes ul li a { text-decoration: none } div.presse-3colonnes ul li a:hover { text-decoration: underline } /****************************************/ /* Horaires */ /* 04-06-2019 */ ul.tabs.horaires { font-family: ubuntubold, sans-serif; font-size: 1.2em } table.horaires { width: 98%; margin: 10px 5px 10px 5px; border-collapse: collapse } table.horaires th, table.horaires td { border: 1px solid #ccc; padding: 10px; font-family: ubuntu, sans-serif; font-size: 1.1em; text-align: center; vertical-align: middle } table.horaires td a { text-decoration: none } table.horaires td a:hover { color: #e4003a } table.horaires th { background-color: #f4f4f4; font-family: ubuntubold, sans-serif; font-size: 1.2em } table.horaires tr + td { text-align: left } /* VIGNETTES PAGE ACCUEIL */ /* juin 2019 */ .vignette-article, .vignette-article2 { height: 145px; width: 260px; overflow: hidden; border-left: 2px solid #e4003a; display: inline-block; margin: 0 22px 22px 0; /*+box-shadow:0px 2px 8px #949494;*/ -moz-box-shadow: 1px 1px 2px #c3b6ad; -webkit-box-shadow: 1px 1px 2px #c3b6ad; -o-box-shadow: 1px 1px 2px #c3b6ad; box-shadow: 1px 1px 2px #c3b6ad; behavior: url(/ui/skins/cabm/PIE.htc) } .vignette-article2 { border-top: 2px solid #e4003a } .vignette-article img, .vignette-article2 img { height: 145px; width: 260px } .vignette-article span.vignette-titre, .vignette-article2 span.vignette-titre { display: inline-block; height: 15px; width: 200px; font-family: ubuntumedium, sans-serif; font-size: 1.1em; line-height: 1.1em; background-color: #e4003a; color: white; position: relative; top: -150px; padding: 3px } .vignette-article span.vignette-legende, .vignette-article2 span.vignette-legende { display: inline-block; height: 45px; width: 255px; position: relative; top: -65px; background-color: rgba(255, 255, 255, 0.8); text-align: left; font-family: ubuntu, sans-serif; font-size: 1em; padding: 2px 0 0 5px; margin: 0 } .vignette-article2 span.vignette-legende { top: -45px } .vignette-article span.vignette-legende a, .vignette-article2 span.vignette-legende a { color: #000; text-decoration: none; width: 100%; height: 100% } .vignette-article span.vignette-legende a:hover, .vignette-article span.vignette-legende:hover, .vignette-article2 span.vignette-legende a:hover, .vignette-article2 span.vignette-legende:hover { color: #e4003a; cursor: pointer } .vignette-article span.vignette-plusdinfo, .vignette-article2 span.vignette-plusdinfo { display: block; content: "+"; position: absolute; font-weight: 900; background: #e4003a; /*text-shadow: 0 0 5px white; */ color: white; width: 26px; height: 26px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; font-size: 20px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 1; text-decoration: none }