/* VersionControl, all different sites use the same base file */
@import url("../base/base.css");

/* Additions to the base file for the FlandersRed look */

body
{
    background-color : #FFFFFF;
}

body, body.normal
{
    font-size : 13px;
}

body.large
{
    font-size : 16px;
}

body.largest
{
    font-size : 18px;
}

#wrapper
{
    background : none;
    max-width  : 1250px;
    text-align : center;
}

#wrapperinner, #header, .HeaderLogo, #footer, #footerinner
{
    background : none;
}

#wrapperinner, #header
{
    margin         : 0;
    padding-right  : 0;
    width          : 960px;
    vertical-align : middle;
    text-align     : left;
    display        : inline-block;
}

#header
{
    background   : none;
    height       : 150px;
    padding-left : 0px !important;
}

#header > a:first-child
{
    width : 0 !important;
}

.HeaderLogo .logo > a > img
{
    display : none;
}

#header .HeaderLogo .logo
{
    margin-left : 0;
    margin-top  : 15px;
}

#header .HeaderLogo .logo > a
{
    background : url("images/sprite.png") no-repeat 0 0;
    display    : block;
    width      : 250px;
    height     : 80px;
}

#header .HeaderNavigation
{
    background : url("images/sprite.png") no-repeat -250px 0;

    width      : 300px;
    height     : 135px;
    position   : absolute;
}

#header .HeaderNavigation .HeaderNavigationInner > div.row1
{
    margin-right : 185px;
    height       : 108px;
}

#header .HeaderNavigation .HeaderNavigationInner > div.row1 > div,
#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div
{
    display : none;
}

#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff
{
    display    : inline;
    background : none;
}

#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff div > div > div
{
    width : 400px !important;
}

#header .HeaderNavigation .HeaderNavigationInner > div > div#normala,
#header .HeaderNavigation .HeaderNavigationInner > div > div#largea,
#header .HeaderNavigation .HeaderNavigationInner > div > div#largesta
{
    display    : block;
    background : none;
}

#header .HeaderNavigation div.SearchInner
{
    top   : 17px;
    right : 0;
}

#header
{
    z-index    : auto !important;
    position   : relative !important;
    margin-top : 15px !important;
    padding    : 0 !important;
}

#header .HeaderNavigation .HeaderNavigationInner > div.row2,
#header .searchDiv #sOptions
{
    z-index  : 130;
    position : relative !important;
}

#navigation
{
    z-index  : 120;
    position : relative !important;
}

#banner
{
    z-index  : 100;
    position : relative !important;
}

.dj_ie #header .searchDiv #sOptions
{
    display : none !important;
}

.dijitTitlePane .dijitTitlePaneTitle
{
    min-height : 25px;
}

.column > div
{
    margin  : 0px 0 10px 10px;
    padding : 0px;
}

#column1 > div
{
    margin-left : 0;
}

#navigation
{
    background    : none !important;
    border        : none;
    /*border-bottom:			8px solid #8A1F0F;*/
    margin-bottom : 0px;
}

.application.deBib
{
    border : 1px solid #8A1F0F;
}

.column .application .apptitle
{
    border-bottom : 1px solid #8A1F0F;
}

.application.deBib .apptitle
{
    border-bottom : none;
}

p
{
    line-height : inherit;
}

.application.nostyling
{
    border             : none !Important;
    filter             : none !Important;
    -ms-filter         : none !Important;
    -moz-box-shadow    : none !Important;
    -webkit-box-shadow : none !Important;
    box-shadow         : none !Important;
}

.application.nostyling > div,
.application.nostyling > div .appcontent
{
    padding : 0;
}

.applicationcontainerhiddentitle.nostyling .dijitTitlePaneContentOuter, .applicationcontainernotitle.nostyling .dijitTitlePaneContentOuter
{
    margin-top : 0;
}

.column .application .apptitle,
.application.deBib,
#navigation ul
{
    background : #F9F9F9;
}

#navigation,
.column .application .apptitle
{
    margin-bottom : 5px;

    /* arno	-moz-box-shadow: 		0px 4px 4px #e0e0e0;
        -webkit-box-shadow: 	0px 4px 4px #e0e0e0;
        box-shadow: 			0px 4px 4px #e0e0e0;*/

    filter        : progid:DXImageTransform.Microsoft.Shadow(direction=180, color=#D0D0D0, strength=5);
    -ms-filter    : "progid:DXImageTransform.Microsoft.glow(direction=180, Strength=5, Color='#d0d0d0')";
}

.application.deBib
{
    -moz-box-shadow    : 3px 3px 3px #D0D0D0;
    -webkit-box-shadow : 4px 4px 4px #E0E0E0;
    box-shadow         : 3px 3px 3px #D0D0D0;

    filter             : progid:DXImageTransform.Microsoft.Shadow(direction=135, color=#D0D0D0, strength=5);
    -ms-filter         : "progid:DXImageTransform.Microsoft.glow(direction=135, Strength=5, Color='#d0d0d0')";
}

.application.deBib .apptitle
{
    margin-bottom      : 0;

    border             : none;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    box-shadow         : none;

    filter             : none;
    -ms-filter         : "none";
    position           : relative;
}

#navigation
{
    margin-bottom : -5px;
}

.dj_ie #navigation
{
    filter : -; margin-bottom:0;
}

#navigation > ul > li, #navigation > ul > li:hover, #navigation > ul > li:hover > a
{
    background : none !important;
}

#navigation > ul > li > a, #navigation > ul > li:hover > a
{
    color : #222222;
}

#navigation > ul > li:hover,
#navigation > ul > li:hover > a > span
{
    /*background:				#8A1F0F !important;
    color:					#FFFFFF !important;*/
    text-decoration : none;
    /*box-shadow: 1px 7px 9px -3px rgba(0, 0, 0, 0.5);*/
}

#navigation > ul li.logOut > a > span
{
    /*background:none repeat scroll 0 0 #8A1F0F !important*/;
    color : #FFFFFF;
}

#navigation > ul > li > ul
{
    /*background:				#f9f9f9 !important;
    border:					1px solid #8A1F0F;*/
}

.NavigationDisplayApp ul li
{
    margin-left : 0;
}

.NavigationDisplayApp ul li.open li .elem
{
    padding-left : 10px;
}

.NavigationDisplayApp div.elem
{
    float : none !important;
}

.NavigationDisplayApp div.icon
{
    display : none !important;
}

.NavigationDisplayApp ul li.open > div.icon,
.NavigationDisplayApp ul li.closed > div.icon,
.NavigationDisplayApp ul li.nosub > div.icon
{
    ZZbackground : url("images/deBib_DoRood.png") no-repeat -16px 0 !important;
}

.dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a span
{
    color : #333333 !important;
}

.dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a:hover span
{
    color : #8A1F0F !important;
}

.NavigationDisplayApp ul li
{
    margin-left     : 25px;
    display         : list-item !important;
    list-style-type : circle;
}

.NavigationDisplayApp ul li:hover
{
    list-style-type : disc;
}

.NavigationDisplayApp span.selected span
{
    text-decoration : underline;
    cursor          : default;
    color           : #CCBBAA !important;
}

ZZbody .RichTextItem .additional a
{
    background   : none !important;
    padding-left : 0 !important;
}

.apptitle
{
    border-top : none;
    margin     : 8px 0 0;
}

.apptitle
{
    border-top : 1px solid #F9F9F9;
}

.SelectedForYou .links span,
.SelectedForYou .header,
.dijitTreeLabel:hover,
.apptitle h1, .apptitle h2,
#useractivities a, #logoff a, #logon a,
a:hover, a:hover span,
.RichTextItem .appcontent a,
.SearchBox .SearchInner #sOptions > .searchIn, .HeaderNavigation .SearchInner #sOptions > .searchIn,
#additionalbefore ul.appLinks > li > a:hover span,
#divInterests .generalInfo a.NeedHelp:hover span,
.RichTextItem .additional a:hover span,
.recordDisplayElement div.FullRequest a.linkTo:hover span,
.recordDisplayElement div.FullUrl a.linkTo:hover span,
.otherSources .externalLink a:hover span,
.divVlink .linkVlink a:hover span,
#sOptions .advancedLink a:hover span,
.SearchBox #sBoxOptions .advancedLink a:hover span,
.itemFull .reserveItem a:hover span,
.itemCover .reserveItem a:hover span,
.itemText .reserveItem a:hover span,
.relAuthors .relAuthor a:hover span,
.EditBorrowerData .helpLink a:hover span,
#itemDetailsLink a:hover, .showItemDetails a:hover,
.LinkRequest .linkEntry .buttons a:hover span,
.searchFormSimple .switchSearchSimple a:hover span,
#divSearchScreen .switchSearchAdvanced a:hover span,
.viewInfo a:hover,
#optionsExpanded div.option a:hover, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover,
.zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, .zeroHits .altTerm a:hover,
#divListOptions a:hover, #divLists a:hover, #divSearchScreen .more a:hover, #divSearchResultsCMS .shortRecord a:hover, #divInterests .add a:hover, #divReviews .addReviewLink a:hover, #divReviews .editReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #vote a:hover, #moreInfo a:hover, #divRecordOptions .option a:hover, .UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover, .cancelSelected a:hover, .cancelAll a:hover, .renewSelected a:hover, .renewAll a:hover, .deleteSelected a:hover, .selectPublic a:hover, .selectAll a:hover,
.UserActivities .navigation a:hover,
#divResultsOptions ul a:hover,
.feedItemInner a:hover,
.calendarLinkDiv div a:hover,
div.appcontent div.singleEvent a:hover,
.dijitDialog a:hover,
.navigationPageCurrent,
.externalLink .linkSearchTerm, .SearchResults .leftDiv .searchKey,
.mainOptions .iWantTo, .mainOptions .option *
{
	color: #927c88; /*arno suppression 21/11/2014 > !important;*/ 
}

a:hover, a:hover span
{
    text-decoration : none;
}

.recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img,
.HeaderNavigation .SearchInner #sOptions
{
    border-color : #927c88; /*DeBib DoRood*/
}

#recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType
{
    color : orange; /*DeBib Geel*/
}

.RichTextItem img,
.StyleImage, .imageDiv .image, .oneRow .image img, #cover img
{
    border             : none !Important;
    filter             : none !Important;
    -ms-filter         : none !Important;
    -moz-box-shadow    : none !Important;
    -webkit-box-shadow : none !Important;
    box-shadow         : none !Important;
}

.RichTextItem .appcontent tr,
.PaymentsDue tr,
.LoanHistory tr,
.dj_ie .RichTextItem .appcontent tr td, .dj_ie .RichTextItem .appcontent tr th,
.dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th
{
    /*arno border-bottom: 1px solid #8A1F0F;*/
    border-bottom : 1px solid !important;
    background    : inherit !important;
	border-color : #927c88 !important;
}

.ResultsWiki .apptitle h2,
.cloud .cloud1 a
{
    font-size : 20px;
    color     : #007A9C !important;
}

.cloud .cloud2 a
{
    font-size : 18px;
    color     : #077998;
}

.cloud .cloud3 a
{
    font-size : 18px;
    color     : #127793;
}

.cloud .cloud4 a
{
    font-size : 16px;
    color     : #1E748D;
}

.cloud .cloud5 a
{
    font-size : 16px;
    color     : #2C7285;
}

.cloud .cloud6 a
{
    font-size : 14px;
    color     : #3A6F7E;
}

.cloud .cloud7 a
{
    font-size : 14px;
    color     : #486D77;
}

.cloud .cloud8 a
{
    font-size : 12px;
    color     : #556A70;
}

.cloud .cloud9 a
{
    font-size : 12px;
    color     : #60686B;
}

.cloud .cloud10 a
{
    font-size : 12px;
    color     : #666666;
}

/*WDLLO*/

.recordDisplayElement .title.briefMainTitle {
   padding-left : 0 !important;
}

.ZZZZdijitLeaf,
ul.mainnavigation > li > a > span
{
    /*background-image: 			url("images/ArrowDown.gif") !important;*/
    background-image : none !important;
}

ul.StaticNavigationNSAlt li.sub a span
{
    background : transparent !Important;
}

#divSearchRecord .displayTable tr td:first-child, 
#divItemDetails tbody tr td:first-child, 
#divLists .listItem td:first-child > a,
.RichTextItem .StyleLinkDot,
.RichTextItem .StyleButtonDot,
.RichTextItem .StyleListDot ul li,
.LinkRequest .name,
#divRestrictions .restriction,
#divSearchAssociations .association,
#UserDataSummaryDiv tr td.label, #LinkedAccountsDiv .name,
.dijitLeaf,
ul.StaticNavigationNSAlt li.subsub a span
{
    background-image : url(images/ArrowRight.gif) !important;
}


.GenericRSSReader .feedItemInner > span,
.dijitTitlePane .dijitEditNode, .dijitTitlePane .dijitEditNode:hover,
#collapseExpandLA.collapsed, #collapseExpandPD.collapsed, .dijitTitlePane .dijitClosed,
#collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, .dijitTitlePane .dijitClosed:hover,
#collapseExpandLA.expanded, #collapseExpandPD.expanded, .dijitTitlePane .dijitOpen,
#collapseExpandLA.expanded:hover, #collapseExpandPD.expanded:hover, .dijitTitlePane .dijitOpen:hover,
.dijitDialogCloseIcon, #divInterests .overview div.remove, #LinkedAccountsDiv .remove, .dijitTitlePane .dijitCloseNode,
.dijitDialogCloseIcon:hover, #divInterests .overview div.remove:hover, #LinkedAccountsDiv .remove:hover, .dijitTitlePane .dijitCloseNode:hover,
.dijitFolderClosed, .dijitFolderClosed:hover,
.dijitFolderOpened, .dijitFolderOpened:hover,
div.dispIcons div.dispFull a span, div.dispIcons div.dispFull a:hover > span,
div.dispIcons div.dispCover a span, div.dispIcons div.dispCover a:hover > span,
div.dispIcons div.dispText a span, div.dispIcons div.dispText a:hover > span
{
    background : url(images/sprite.png) !important;
}

.dijitTitlePane .dijitEditNode
{
    background-position : 0 -96px !important;
}

.dijitTitlePane .dijitEditNode:hover
{
    background-position : 0 -116px !important;
}

.GenericRSSReader .feedItemInner .closed,
#collapseExpandLA.collapsed,
#collapseExpandPD.collapsed,
.dijitTitlePane .dijitClosed
{
    background-position : -20px -96px !important;
}

.GenericRSSReader .feedItemInner .closed:hover,
#collapseExpandLA.collapsed:hover,
#collapseExpandPD.collapsed:hover,
.dijitTitlePane .dijitClosed:hover
{
    background-position : -20px -116px !important;
}

.GenericRSSReader .feedItemInner .opened,
#collapseExpandLA.expanded,
#collapseExpandPD.expanded,
.dijitTitlePane .dijitOpen
{
    background-position : -40px -96px !important;
}

.GenericRSSReader .feedItemInner .opened:hover,
#collapseExpandLA.expanded:hover,
#collapseExpandPD.expanded:hover,
.dijitTitlePane .dijitOpen:hover
{
    background-position : -40px -116px !important;
}

.dijitDialogCloseIcon,
#divInterests .overview div.remove,
#LinkedAccountsDiv .remove,
.dijitTitlePane .dijitCloseNode
{
    background-position : -60px -96px !important;
}

.dijitDialogCloseIcon:hover,
#divInterests .overview div.remove:hover,
#LinkedAccountsDiv .remove:hover,
.dijitTitlePane .dijitCloseNode:hover
{
    background-position : -60px -116px !important;
}

.dijitFolderClosed
{
    background-position : -80px -96px !important;
}

.dijitFolderClosed:hover
{
    background-position : -80px -116px !important;
}

.dijitFolderOpened
{
    background-position : -100px -96px !important;
}

.dijitFolderOpened:hover
{
    background-position : -100px -116px !important;
}

div.dispIcons div.dispFull a span
{
    background-position : 0 -136px !important;
}

div.dispIcons div.dispFull a:hover > span
{
    background-position : 0 -166px !important;
}

div.dispIcons div.dispCover a span
{
    background-position : -30px -136px !important;
}

div.dispIcons div.dispCover a:hover > span
{
    background-position : -30px -166px !important;
}

div.dispIcons div.dispText a span
{
    background-position : -60px -136px !important;
}

div.dispIcons div.dispText a:hover > span
{
    background-position : -60px -166px !important;
}

body.FlandersRed #divLists .dijitButtonNode div, .dialogButtons button.dijitButtonNode div,
body.FlandersRed #additionalbefore ul.appLinks > li > a,
body.FlandersRed #divInterests .generalInfo a.NeedHelp,
body.FlandersRed .RichTextItem .additional a,
body.FlandersRed .recordDisplayElement div.FullRequest a.linkTo,
body.FlandersRed .recordDisplayElement div.FullUrl a.linkTo,
body.FlandersRed .otherSources .externalLink a,
body.FlandersRed .divVlink .linkVlink a,
body.FlandersRed #sOptions .advancedLink a,
body.FlandersRed .SearchBox #sBoxOptions .advancedLink a,
body.FlandersRed .itemFull .reserveItem a,
body.FlandersRed .itemCover .reserveItem a,
body.FlandersRed .itemText .reserveItem a,
body.FlandersRed .relAuthors .relAuthor a,
body.FlandersRed .EditBorrowerData .helpLink a,
body.FlandersRed #itemDetailsLink a, .showItemDetails a,
body.FlandersRed .LinkRequest .linkEntry .buttons a,
body.FlandersRed .viewInfo a,
body.FlandersRed #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a,
body.FlandersRed .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a,
body.FlandersRed #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divRecordOptions .option a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a,
body.FlandersRed .UserActivities .navigation a,
body.FlandersRed #divResultsOptions ul a,
body.FlandersRed .feedItemInner,
body.FlandersRed .calendarLinkDiv div a,
body.FlandersRed div.appcontent div.singleEvent,
body.FlandersRed .dijitDialog a,
body.FlandersRed #zdivSearchScreen button.dijitButtonNode div, .zsearchFormSimple button.dijitButtonNode div,
body.FlandersRed .RichTextItem .StyleLinkArrow,
body.FlandersRed .RichTextItem .StyleButtonArrow,
body.FlandersRed .dijitLeaf,
body.FlandersRed #pendingLinkRequest a,
a.link2,
.searchTree.textOnly a,
a.sortOK, 
#additionalbefore ul.appLinks > li > a, 
#divInterests .generalInfo a.NeedHelp, 
.RichTextItem .additional a, 
.recordDisplayElement div.FullRequest a.linkTo, 
.recordDisplayElement div.FullUrl a.linkTo, 
.otherSources .externalLink a, 
.divVlink .linkVlink a, 
#sOptions .advancedLink a, 
.SearchBox #sBoxOptions 
.advancedLink a, 
.itemFull .reserveItem a, 
.itemCover .reserveItem a, .itemText .reserveItem a, .relAuthors .relAuthor a, .EditBorrowerData .helpLink a, 
#itemDetailsLink a, .showItemDetails a, .LinkRequest .linkEntry .buttons a, .viewInfo a, 
#optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, 
.zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, #divListOptions a, #divLists a, 
#divSearchScreen .more a, 
#divSearchScreen .switchSearchAdvanced a, #divSearchScreen .switchSearchExpert a, 
#divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, 
#divReviews .editReviewLink a, #divReviews .deleteReviewLink a, 
#vote a, #moreInfo a, 
#divBrowseOptions .option a, #divListOptions .option a, 
#divRecordOptions .option a, 
#browseNavOptions a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, 
.cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, 
.UserActivities .navigation a, #divResultsOptions ul a, 
#divResultsOptions .option a, .feedItemInner, 
.calendarLinkDiv div a, div.appcontent div.singleEvent, 
.appLink a, .dijitDialog .guestRegister a, 
.dijitDialog .forgotPassword a, .addMoodLink a 
{
    background-image : url(images/ArrowRight.gif) !important;
}

.RichTextItem .StyleListArrow ul li
{
    color      : #333333 !Important;
    list-style : disc url(images/ArrowRight.gif) outside;
}

div.dispIcons div.dispFull a span,
div.dispIcons div.dispCover a span,
div.dispIcons div.dispText a span,
div.dispIcons div.dispFull a:hover > span,
div.dispIcons div.dispCover a:hover > span,
div.dispIcons div.dispText a:hover > span
{
    background-image : url(images/sprite.png);
}

.buttonLink span,
.dijitButton > button > div,
.dijitButton > button.dijitButtonNode > div,
.RichTextItem .StyleButton,
.topInfo a, .topInfo a *,
.buttonLink span:hover,
.dijitButton > button:hover > div,
.RichTextItem .StyleButton:hover,
.topInfo a:hover
{
    background-image : url(images/ButtonsLeft.png) !Important;
}

.buttonLink span a,
.dijitButton > button > div > center,
.RichTextItem .StyleButton > span,
.topInfo a > span,
.buttonLink span:hover > a,
.dijitButton > button:hover > div > center,
.RichTextItem .StyleButton:hover > span,
.topInfo a:hover > span
{
    background-image : url(images/ButtonsRight.png) !Important;
}

.dijitDialog
{
    border : 1px solid #8A1F0F;
}

.UserActivities .title,
.dijitDialogTitle
{
    color : #8A1F0F !important;
}

.recordDisplayElement .briefZIZO,
.recordDisplayElement .FullZIZO
{
    line-height : 50px;
}

.recordDisplayElement .briefZIZO img,
.recordDisplayElement .FullZIZO img
{
    float   : left;
    padding : 0 5px 5px 0;
}

/* Header, nav & search */

#header .searchDiv,
#header .searchDiv > div
{
    float    : left;
    height   : auto;
    margin   : 0;
    position : static;
}

#header .searchDiv
{
    float      : right;
    margin-top : 17px !important;
}

#header .navDiv > div,
#header .navDiv > div > div > div
{
    float : none;
}

#header .navDiv > div > div > div > div,
#header .navDiv > div > div > div > div > div
{
    float    : left;
    height   : auto;
    margin   : 0;
    position : static;
}

#header .navDiv .row1
{
    margin-top : 17px !important;
    clear      : none;
    float      : right;
}

#header .navDiv .row2
{
    float      : right !important;
    margin-top : 30px !important;
}

#header .navDiv #normala
{
    background : none;
}

#header .navDiv .logOut a
{
    color       : #8A1F0F;
    font-weight : bold;
}

#searchcolibris
{
    /* TEST POUR RECHERCHE CATALOGUE DANS LE MENU
        margin-top: 75px;
        position: relative;
        z-index: 220 !important;*/
}



div#header div.searchbox div.searchterm
{
    padding-top : 5px;
}

.HeaderNavigation .navDiv
{
    width : auto;
}

body.ie9 #navigation,
body.ie9 .column .application .apptitle,
body.ie9 .deBib.application,
body.ie9 .deBib.application .apptitle
{
    filter : none;
}

ul.StaticNavigationNSAlt ld
{
    width : 400px;
}

ul.StaticNavigationNSAlt ld el.sub, ld.StaticNavigationNSAlt ld el.subsub
{
    float : left;
    width : 100%;
}

ul.mainnavigation > li > ul > li
{
    width : 100%;
}

ul.mainnavigation .link
{
    font-weight : normal;
}

.BiblioSesameStyle1
{
    font-size   : 14px;
    font-family : Arial, Helvetica, sans-serif;
}

.BiblioSesameStyle2
{
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 12px;
}

.BiblioSesameStyle3
{
    font-size   : 12px;
    color       : #660066;
    font-family : Arial, Helvetica, sans-serif;
    font-style  : normal;
    font-weight : bold;
}

.BiblioSesameStyle5
{
    font-size   : 12px;
    color       : #660066;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : normal;
    font-style  : normal;
}

.BiblioSesameStyle6
{
    font-size   : 14;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
}

/* Login form */

#LoginDialog .logonOption > label, 
#LoginDialog .logonOption > input 
{
	clear : both !important;
}

/* CSS trait d'union' */
*
{
    margin  : 0px;
    padding : 0px;
}

body
{
    background-color : #FFFFFF;
}

body, div, h1, h2, h3, h4, h5, h6, form, textarea, p, td, input
{
    font-family : Arial, Helvetica, sans-serif;
    color       : #000000;
}

/* Titre du bloc des widget et colonne centrale(sur fond gris) */
h2
{
    font-size : 14px !important;
    /*font-weight: normal !important;*/
}

/* Titre de page  */
h3
{
    color         : #7DCBDC !important;
    font-weight   : bold !important;
    font-size     : 18px !important;
    margin-bottom : 10px !important;
}

/* Titre de chapitre  */
h4
{
    color             : #b679b6 !important; /* BA8DBB */
    font-weight       : normal !important;
    font-size         : 14px !important;
    margin-bottom     : 10px !important;
    padding-left      : 5px !important;
    border-left-width : 5px !important;
    border-left-style : solid !important;
    border-left-color : #CCCCCC !important;
}

/* Titre de Flash infos  */
h5
{
    color          : #F5A848 !important;
    font-weight    : bold !important;
    font-size      : 15px !important;
    margin-bottom  : 0px !important;
    text-transform : uppercase !important;
}

/* Préférences de recherche compte usager  */

.SearchFilter .title
{
	color : #f88804 !important; /* F5A849 */
}


/* Début lien */
a:link, a:visited
{
    color           : #FF5400;
    color           : #927C88 !important;
    text-decoration : underline;
}

a:hover
{
    color           : #FF5400;
    color           : #927C88 !important;
    text-decoration : none;
}

.option *
{
    color           : #927C88 !important;
    text-decoration : none;
}

#divRestrictions .restriction a:hover, 
#divSearchAssociations .association a:hover, 
#UserDataSummaryDiv tr td.label a:hover, 
#LinkedAccountsDiv .name a:hover
{
	color           : #927C88 !important;
    text-decoration : none;
}

/* Fin lien */

p
{
    /*font-size: 12px;*/
    line-height   : 140%; /* 110% */
    margin-bottom : 10px;
}

#content
{
    /* Balise contenant l'ensemble */
    width        : 960px;
    margin-right : auto;
    margin-left  : auto;
}

/* Page de recherche / Résultats */

.SearchResults .navigation > li > span.navigationPageCurrent,
.pager > ul > li > span.navigationPageCurrent,
.items .navigation > li > span.navigationPageCurrent
{
    background-color : #373738;
    color            : #FFFFFF !important;
    cursor           : default;
}

div.dispIcons 
{
    display : none !important;
}

.SearchResults .navigation > li > *,
.pager > ul > li > span,
.items .navigation > li > a > span,
.navigationPageCurrent > li > a > span,
.items .navigation > li > span
{

    display        : inline-block !important;
    float          : left;
    padding-bottom : 3px;
    padding-left   : 5px;
    padding-right  : 5px;
    padding-top    : 3px;
}


.RichTextItem .appcontent td, 
.RichTextItem .appcontent th, 
.ItemDetails td, 
.ItemDetails th, 
.PaymentsDue td, 
.PaymentsDue th, 
.LoanHistory td, 
.LoanHistory th,
table.itemTable  
{
	border-style : solid !important;
	border-color : #927c88 !important;
	border-width : 1px !important;
}

#divSearchRecord .displayTable tr td:first-child, 
#divItemDetails tbody tr td:first-child, 
#divLists .listItem td:first-child > a 
{
    background-image: none !important;
}

.ItemDetails .itemTable tr > th:first-child, 
.ItemDetails .itemTable tr > td:first-child 
{
    display: none !important;
}

.ItemDetails tr, 
.PaymentsDue tr, 
.LoanHistory tr, 
.dj_ie .ItemDetails tr td, 
.dj_ie .ItemDetails tr th, 
.dj_ie .PaymentsDue tr td, 
.dj_ie .PaymentsDue tr th, 
.dj_ie .LoanHistory tr td, 
.dj_ie .LoanHistory tr th 
{
	border-bottom-color : #927c88 !important;
}



/* Début menu */
#navigation
{
    padding        : 0px !important;
    font-size      : 14px !important;
    text-transform : uppercase !important;
    color          : #5E5E5E !important;
}

#navigation ul li
{
    list-style-type : none !important;
    display         : inline !important;
    margin-right    : 0px !important;
}

#navigation ul li ul li
{
    text-transform : none;
}

#navigation ul li a:link
{
    text-decoration     : none !important;
    background-repeat   : no-repeat !important;
    background-position : left center !important;
}

#navigation ul li a:visited
{
    text-decoration     : none !important;
    background-image    : none !important;
    background-repeat   : no-repeat !important;
    background-position : left center !important;
}

#navigation ul li a:focus
{
    text-decoration     : none !important;
    background-image    : none !important;
    background-repeat   : no-repeat !important;
    background-position : left center !important;
}

#navigation ul li a:hover
{
    color           : #FFFFFF !important;
    text-decoration : none !important;
}

#navigation ul li ul li a:link
{
    text-decoration     : none !important;
    /*background-image: url(images/puce_menu.png) !important;*/
    background-image    : none !important;
    background-repeat   : no-repeat !important;
    background-position : left center !important;
}

#navigation ul li ul li a:visited
{
    text-decoration     : none !important;
    /*background-image: url(images/puce_menu.png) !important;*/
    background-image    : none !important;
    background-repeat   : no-repeat !important;
    background-position : left center !important;
}

#navigation ul li ul li a:focus
{
    text-decoration     : none !important;
    /*background-image: url(images/puce_menu.png) !important;*/
    background-image    : none !important;
    background-repeat   : no-repeat !important;
    background-position : left center !important;
}

#navigation ul li ul li a:hover
{
    color            : #FFFFFF !important;
    text-decoration  : none !important;
    background-color : rgba(255, 255, 255, 0.2);
}

#navigation ul li ul li a:active
{
    color           : #FFFFFF !important;
    text-decoration : none !important;
}

/* Fin menu */

.MenuBoutonAccueil span
{
    color    : #444444;
    text-fit :
}

.MenuBoutonAccueil li
{
    background-image : none !important;
}

.navigationDECONNEXION ul
{
    width : 140px !important;
}

/* Menu BmN */

.navigationBMN
{
    width : 220px;

}

.navigationBMN a:link
{
    color               : #5E5E5E;
    text-decoration     : none;
    background-image    : url(images/ArrowRight.gif);
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 20px;
    width               : 220px;
}

.navigationBMN a:visited
{
    color               : #5E5E5E;
    text-decoration     : none;
    background-image    : url(images/ArrowRight.gif);
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 20px;
    width               : 220px;
}

.navigationBMN a:focus
{
    color               : #5E5E5E;
    text-decoration     : none;
    background-image    : url(images/ArrowRight.gif);
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 20px;
    width               : 220px;
}

.navigationBMN a:hover
{
    color               : #FFFFFF !important;
    text-decoration     : none !important;
    background-image    : url(images/ArrowRight.gif);
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 20px;
    width               : 220px;
}

.navigationBMN-sm
{
    width : 220px;

}

.navigationBMN-sm a:link
{
    color               : #5E5E5E;
    text-decoration     : none;
    background-image    : none;
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 30px;
    width               : 220px;
}

.navigationBMN-sm a:visited
{
    color               : #5E5E5E;
    text-decoration     : none;
    background-image    : none;
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 30px;
    width               : 220px;
}

.navigationBMN-sm a:focus
{
    color               : #5E5E5E;
    text-decoration     : none;
    /*background-image: url(images/ArrowRight.gif);*/
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 30px;
    width               : 220px;
}

.navigationBMN-sm a:hover
{
    color               : #FFFFFF !important;
    text-decoration     : none !important;
    background-color    : #b679b6; /* BA8DBB; */
    background-image    : none;
    background-repeat   : no-repeat;
    background-position : left center;
    padding-left        : 30px;
    width               : 220px;
}


.navigationBMN-sm a:hover > span
{
	color : white !important;
}


/* Fin Menu BmN */

/* Menu coin haut droit */

#normala
{
    background   : url(images/custom/Devider.gif) no-repeat left center;
    padding-left : 5px;
}

#largea
{
}

#largesta
{
    padding-right : 5px;
}

.customnavigation .HeaderBasicInner .row .notfirst
{
    background   : url("../base/images/custom/Devider.gif") no-repeat scroll left center transparent;
    margin-top   : 5px;
    padding-left : 8px;
}

/* Fin menu coin haut droit */

/* Début Widget */
#widget
{
    width : 240px; /* Largeur du widget (gauche et droit) */
}

/* Titre du widget par défaut*/
.apptitle,
.apptitle h1,
.apptitle h2
{
    padding          : 0px !important;
    background-color : #58c2de !important; /* 7ecbdd 927e8a */
    font-size        : 14px !important;
    color            : #FFFFFF !important;
    border-style     : solid !important;
    border-color     : #58c2de !important; /* 7ecbdd 927e8a */
	text-transform	 : uppercase;
}

/* Titre du widget variations de couleurs */

.orange .apptitle,
.orange .apptitle h1,
.orange .apptitle h2,
.UserActivities .apptitle,
.UserActivities .apptitle h1,
.Welcome .apptitle h2,
.Welcome .apptitle,
.Welcome .apptitle h1,
.UserActivities .apptitle h2,
.PaymentsHistory .apptitle,
.PaymentsHistory .apptitle h1,
.PaymentsHistory .apptitle h2,
.CurrentLoans .apptitle,
.CurrentLoans .apptitle h1,
.CurrentLoans .apptitle h2,
.LoanHistory  .apptitle,
.LoanHistory .apptitle h1,
.LoanHistory .apptitle h2,
.CurrentReservations .apptitle,
.CurrentReservations .apptitle h1,
.CurrentReservations .apptitle h2,
.Interests .apptitle,
.Interests .apptitle h1,
.Interests .apptitle h2,
.ReadingLists .apptitle,
.ReadingLists .apptitle h1,
.ReadingLists .apptitle h2,
.SearchFilter .apptitle,
.SearchFilter .apptitle h1,
.SearchFilter .apptitle h2

{
    background-color : #f88804 !important; /* F5A849 */
    border-color     : #f88804 !important; /* F5A849 */
}

.rose .apptitle,
.rose .apptitle h1,
.rose .apptitle h2
{
    background-color : #E68DB2 !important;
    border-color     : #E68DB2 !important;
}

.marron .apptitle,
.marron .apptitle h1,
.marron .apptitle h2
{
    background-color : #ba8d55 !important; /* C09C6E */
    border-color     : #ba8d55 !important; /* C09C6E */
}

.jaune .apptitle,
.jaune .apptitle h1,
.jaune .apptitle h2
{
    background-color : #FFE45A !important;
    border-color     : #FFE45A !important;
}

.violet .apptitle,
.violet .apptitle h1,
.violet .apptitle h2
{
    background-color : #b679b6 !important; /* BB8EBB */
    border-color     : #b679b6 !important; /* BB8EBB */
}

.mauve .apptitle,
.mauve .apptitle h1,
.mauve .apptitle h2,
.DisplayInfo .apptitle,
.DisplayInfo .apptitle h1,
.DisplayInfo .apptitle h2,
.SelectedForYou .apptitle,
.SelectedForYou .apptitle h1,
.SelectedForYou .apptitle h2
{
    background-color : #927E8A !important;
    border-color     : #927E8A !important;
}

.kaki .apptitle,
.kaki .apptitle h1,
.kaki .apptitle h2
{
    background-color : #A69C42 !important;
    border-color     : #A69C42 !important;
}

.vert .apptitle,
.vert .apptitle h1,
.vert .apptitle h2
{
    background-color : #578473 !important; /* 81A696 */
    border-color     : #578473 !important; /* 81A696 */
}

.apptitle
{
    border  : 0;
    padding : 2px 0 2px 2px;
}

.dijitTitlePaneContentOuter
{
    /* Contenu du widget */
    padding-top      : 8px !important;
    border-style     : none !important;
    background-color : none !important;
    width            : 99% !important;
}

.dijitTitlePaneContentInner
{

}

/* Fin Widget */

/* Début colonne centrale de la page d'accueil */
#col-centrale-accueil
{
    /*width: 440px;*/
}

#col-centrale-accueil-titre
{
    padding          : 5px;
    background-color : #E3E3E3;
}

#col-centrale-accueil-contenu
{
    padding      : 15px;
    border-width : 1px;
    border-style : solid;
    border-color : #E3E3E3;
}

/* Fin colonne centrale */

/* Début colonne centrale des pages intérieures */
#col-centrale-int
{
    width               : 440px;
    margin-bottom       : 20px;
    padding-bottom      : 5px;
    border-bottom       : 1px;
    border-bottom-style : solid;
    border-bottom-color : #CCCCCC;
}

/* Fin colonne centrale */

.img_marge
{
    /* Marge des images pour qu'elles ne soient pas collées au texte (quand elles sont sur la gauche), mettre un "padding-left:10px;" quand elles sont à droite de l'article */
    padding-right  : 10px;
    padding-bottom : 10px;
}

hr
{
    border           : 0;
    color            : #E3E3E3;
    background-color : #E3E3E3;
    height           : 1px;
    margin-bottom    : 20px;
    margin-top       : 30px;
}

/*
.tbodynoborder {
	border:0px #fff none !important;
	margin:2px !important;
}

.tbodynoborder td, tr, tbody {
	border:0px #fff none !important;
	margin:2px !important;
}
*/

.tablechangesize td, tr, tbody
{
    font-size : 10px !important;
}

tr th td
{
    border           : 1px solid #CCCCCC !important;
    background-color : inherit;
    border-bottom    : 1px solid #CCCCCC !important;
    font-size        : 10px !important;
}

.triguana td
{
    border           : 1px solid #FFFFFF !important;
    background-color : #CCCCCC !important;
    border-bottom    : 1px solid #CCCCCC !important;
    font-size        : 12px !important;
}

table tbody
{
    border          : 1px #CCCCCC solid !important;
    border-collapse : collapse !important;
    font-style      : normal !important;
    line-height     : 16px;
    margin-bottom   : 5px;
    min-width       : 90%;
}

/* Début flash infos */
.flash-infos
{
    margin-top          : 10px;
    background-color    : #7DCBDC;
    background-image    : url(images/fond_flash.jpg);
    background-repeat   : no-repeat;
    background-position : right top;
    border              : 1 solid #FFFFFF;
}

.flash-infos p
{
    background-color : #7DCBDC;
    color            : #FFFFFF;
}

/* Début footer */
#footer
{
    text-align          : center;
    padding-top         : 10px;
    /*background-image    : url(images/ombre-footer.png);*/
    background-repeat   : no-repeat;
    background-position : center top;
}

#footer p
{
    font-size  : 11px;
    text-align : center;
}

/* Fin footer */

/* A la une */

p.imagealaune {
	float: left;
	width : 230px;
	height:140px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

img.imagealaune {
	width : 230px !important;
	margin: 0px;
	padding: 0px;
}

p.alaune 
{
	display:table;
	text-align:center;
	float:left;
	width:455px;
	height:138px;
	margin: 0px;
	padding: 0px;
/*	font-family: 'Lobster', cursive;*/
	border-style:solid;
	border-width:1px;
	border-color: #f88804;
	background-color: #f88804; /* 81a696 */
}

p.alaune:hover {
	background-color: #fff;
}


p.alaune span a {
	color:#ffffff !important;
	text-decoration: none !important;
	display:table-cell;
	width:450px;
	height:136px;
	vertical-align:middle;
}

p.alaune:hover span a {
	color:#f88804 !important; /* 81a696 */
	text-decoration: none !important;
}

span.alaune {
	display:table-cell;
	font-size:20px;
	vertical-align:middle;
	color : #ffffff !important;
}

/* Fin A la une */

/* Ressources Numériques */

p.ressnum 
{
	display:table;
	text-align:center;
	float:left;
	margin:5px;
	width:220px;
	height:100px;
	border-style:solid;
	border-width:1px;
	border-color: #578473;
	font-family: 'Lobster', cursive;
	background-color: #578473; /* 81a696 */
}

p.ressnum:hover {
	background-color: #fff;
}


p.ressnum span a {
	color:#ffffff !important;
	text-decoration: none !important;
	display:table-cell;
	width:216px;
	height:96px;
	vertical-align:middle;
}

p.ressnum:hover span a {
	color:#578473 !important; /* 81a696 */
	text-decoration: none !important;
}

span.ressnum {
	display:table-cell;
	font-size:20px;
	vertical-align:middle;
	color : #ffffff !important;
}

span.ressnum-eurekoi {
	display:table-cell;
	font-size:0px;
	vertical-align:middle;
	color : #578473 !important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background : transparent url(/iguana/css/themes/colibris/images/eurekoi1.gif) no-repeat top left;
}

span.ressnum-eurekoi:hover {
	background : transparent url(/iguana/css/themes/colibris/images/eurekoi2.gif) no-repeat top left;
}

span.ressnum-eurekoi2 {
	display:table-cell;
	font-size:0px;
	vertical-align:middle;
	color : #578473 !important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background : transparent url(/iguana/uploads/image/widget-eurekoi.gif) no-repeat top left;
}

span.ressnum-eurekoi2:hover {
	background : transparent url(/iguana/uploads/image/widget-eurekoi.gif) no-repeat top left;
}



/* Fin Ressources Numériques */

/* Ressources Numériques VERSION 2 */

p.ressnum_2 
{
	display:table;
	text-align:center;
	float:left;
	margin:5px; /* 5px pour 4 items */
	width:370px;
	height:40px; /* 52px pour 4 items */
	border-style:solid;
	border-width:1px;
	border-color: #578473;
	font-family: 'Lobster', cursive;
	background-color: #578473; /* 81a696 */
}

p.ressnum_2:hover {
	background-color: #fff;
}


p.ressnum_2 span a {
	color:#ffffff !important;
	text-decoration: none !important;
	display:table-cell;
	width:368px;
	height:37px; /* 48px pour 4 items */
	vertical-align:middle;
}

p.ressnum_2:hover span a {
	color:#578473 !important; /* 81a696 */
	text-decoration: none !important;
}

span.ressnum_2 {
	display:table-cell;
	font-size:20px;
	vertical-align:middle;
	color : #ffffff !important;
}

p.ressnum-eurekoi_2 
{
	display:table;
	text-align:center;
	float:right;
	margin:5px;
	width:298px;
	height:247px;
	border-style:solid;
	border-width:1px;
	border-color: #578473;
	font-family: 'Lobster', cursive;
	background-color: #578473; /* 81a696 */
}

p.ressnum-eurekoi_2:hover {
	background-color: #fff;
}

p.ressnum-eurekoi_2 span a {
	color:#ffffff !important;
	text-decoration: none !important;
	display:table-cell;
	width:294px;
	height:243px;
	vertical-align:middle;
}

p.ressnum-eurekoi_2:hover span a {
	color:#578473 !important; /* 81a696 */
	text-decoration: none !important;
}

span.ressnum-eurekoi_2 {
	display:table-cell;
	font-size:0px;
	vertical-align:middle;
	color : #578473 !important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background : transparent url(https://www.eurekoi.org/wp-content/uploads/2017/03/widget-source.gif) no-repeat top left;
}

span.ressnum-eurekoi_2:hover {
	background : transparent url(https://www.eurekoi.org/wp-content/uploads/2017/03/widget-source.gif) no-repeat top left;
}

/* ########################## */

p.ressnum-limedia 
{
	display:table;
	text-align:center;
	float:right;
	margin:5px;
	width:370px;
	height:247px;
	border-style:solid;
	border-width:1px;
	border-color: #578473;
	font-family: 'Lobster', cursive;
	background-color: #578473; /* 81a696 */
}

p.ressnum-limedia:hover {
	background-color: #fff;
}

p.ressnum-limedia span a {
	color:#ffffff !important;
	text-decoration: none !important;
	display:table-cell;
	width:366px;
	height:243px;
	vertical-align:middle;
}

p.ressnum-limedia:hover span a {
	color:#578473 !important; /* 81a696 */
	text-decoration: none !important;
}

span.ressnum-limedia {
	display:table-cell;
	font-size:0px;
	vertical-align:middle;
	color : #578473 !important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background : transparent url(/iguana/css/themes/colibris/images/limediacolibris.jpg) no-repeat top left;
}

span.ressnum-limedia:hover {
	background : transparent url(/iguana/css/themes/colibris/images/limediacolibris.jpg) no-repeat top left;
}

/* ########################## */

/* Fin Ressources Numériques */

/* Nouveautés */

p.nouveautes {
	text-align: center;
	float: left;
	width: 134px;
}

p.nouveautes_toutes {
	text-align: right;
	width: 100%;
	clear: both;
}

/* Fin Nouveautés */

/* FOCUS News Items Detail */

li.listItem > span > a
{
    text-decoration : none;
}

.newsitemsdetail
{
	height : 160px;
}

li.listItem > span > a:hover
{
    text-decoration : underline;
}

div.title
{
    font-style        : normal !important;
    color             : #b679b6 !important; /* BA8DBB */
    font-weight       : bold !important;
    font-size         : 14px !important;
    margin-bottom     : 10px;
    padding-left      : 0px;
    border-left-width : 0px;
    border-left-style : solid;
    border-left-color : #CCCCCC;
}

div.summary
{
    font-style : normal !important;
}

div.summary a
{
    font-style : normal !important;
}

div.summary p img
{
    padding-right  : 10px;
    padding-bottom : 10px;
	max-height : 130px;
}

div.creation
{
    font-size  : 10px !important;
    font-style : italic !important;
    clear      : both;

}

div .narrow .from
{
    font-size   : 14px !important;
    color       : #7DCBDC;
    font-weight : bold !important;
}

div .narrow .until
{
    font-size   : 14px !important;
    color       : #7DCBDC;
    font-weight : bold !important;
}

div .narrow .title
{
    font-style          : normal !important;
    color               : #b679b6 !important; /* BA8DBB */
    font-weight         : bold !important;
    font-size           : 14px !important;
    margin-top          : 5px;
    margin-bottom       : 10px;
    padding-left        : 25px;
    border              : none;
    background-image    : url(images/agenda.png) !important;
    background-repeat   : no-repeat;
    background-position : left;
}

span .narrow span.summary
{
    padding-left : 60px !important;
}

span.title
{
    padding-left : 60px !important;
}

span.image img
{
    /*width: 30px;*/
    height     : 30px;
    border     : 0px !important;
    box-shadow : none !important;
}

span.summary
{
    height         : auto !important;
    padding-bottom : 5px !important;
}

span.summary p
{
    height   : auto !important;
    overflow : hidden;
}

span.from, span.until
{
    font-size   : 14px !important;
    color       : #7DCBDC !important;
    font-weight : bold !important;
}

span.image img a
{
    /*width: 30px;*/
    border : 0;
}

/* Carte du reseau google maps F47921 */

#map_canvas .mapPopup .general .title
{
    color            : #FF0000 !important;
    font-size-adjust : 0.8;
    font-weight      : bold;
    margin-bottom    : 0;
}

#map_canvas .mapPopup .title
{
    color            : #FF0000 !important;
    font-size-adjust : 0.6;
    font-weight      : bold;
}

#map_canvas .mapPopup div
{
    margin-bottom : 10px;
}

#map_canvas .mapPopup *
{
    color            : #333333;
    font-family      : arial, sans-serif;
    font-size        : 1em;
    font-size-adjust : 0.5;
}

/* FIN Carte du reseau google maps */

div.menuhidden
{
    display : none;
}

#shelfMarks
{
    display : none;
    height  : 0px;
    width   : 0px;
}

/* SoundPlayer / FullMP3 */
.FullMP3 > div
{
    position : relative;
    float    : left;
    width    : 80%;
    height   : 32px;
}

.SoundPlayer
{
    position : relative;
    float    : left;
}

div.guestRegister
{
    display : none;
}

/*************
 * Header part
 *************/
#header
{
    height : auto !important;
}

#header .baseline
{
    margin : 20px 0 0 186px; /* 50px 0 0 186px */
}

#header .baseline > p:first-child
{
    color         : #BC8EBC;
    font-size     : 12px;
    margin-bottom : 9px;
}

#header .baseline > p:last-child
{
    color     : #907F89;
    font-size : 12px;
}

#header #searchcolibris,
#header .navheader
{
    position : absolute;
}

#header .colibris
{
    margin-top : -20px; /* 25px */
}

#header .navheader
{
    top   : 0;
    right : 0;
}

.customnavigation .HeaderBasicInner .row .notfirst
{
    background : none !important;
    padding    : 0 !important;
}

#header .navheader .row > *
{
    margin : 0 10px;
}

#header .navheader .row .connect a
{
    display         : block;
    padding         : 0 6px;
    border          : 2px solid #927D8C;
    font-size       : 12px;
    line-height     : 19px;
    color           : #fff !important; /* 927D8C */
    text-transform  : lowercase;
    text-decoration : none;
	background-color: #888888;
}

#header .navheader .row .handicap a
{
    width               : 50px;
    height              : 48px;
    font-size           : 0;
    background-image    : url('images/handicap.jpg') !important;
    background-repeat   : no-repeat;
    background-position : center;
	display : block;
}

#header .navheader .row .facebook a
{
    width               : 23px;
    height              : 23px;
    font-size           : 0;
    background-image    : url('images/facebook.jpg') !important;
    background-repeat   : no-repeat;
    background-position : center;
	display : block;
}

#header .buttonHolder .buttonHolderContent
{
    padding : 0 !important;
}

#header #searchcolibris
{
    bottom : 10px;
    right  : 0;
	top: 60px;
}


#header div.searchbox
{
    overflow   : visible;
    height     : auto;
    box-shadow : none !important;
    width      : auto !important;
    padding    : 0;
}

#header div.searchbox > form
{
    border     : 0 !important;
    box-shadow : none !important;
}

#header .advanced
{
	display : block !important;
    text-decoration : none !important; 
	padding-top : 10px !important;
	background-image    : url(images/ArrowRight.gif);
    background-repeat   : no-repeat;
	background-position : left 12px;
	padding-left : 12px;
}

#header div.searchbox > form .searchsubmit,
#header div.searchbox > form .searchterm
{
    display        : inline-block;
    padding        : 0 !important;
    vertical-align : middle;
}

#header div.searchbox > form .searchterm > input
{
    border       : 2px solid #595959 !important;
    color        : #595959 !important;
    padding      : 0 6px !important;
    font-size    : 14px !important;
    margin-right : 18px !important;
    position     : relative !important;
    right        : auto !important;
}

#header div.searchbox > form .searchsubmit > input
{
    background  : #595959 !important;
    color       : white !important;
    font-size   : 14px !important;
    padding     : 0 !important;
    height      : 32px !important;
    width       : 32px !important;
    position    : relative !important;
    text-indent : 0 !important;
}

#header div.searchbox > form .searchsubmit > input:hover
{
    box-shadow : none !important;
}


.SelectedForYou .header {
    color: #000;
    font-weight: bold;
}

.SelectedForYou .links span {
    color: #000;
}

/* Widgets fix */
.apptitle:hover
{
    border-top : 0 !important;
}

/* Navigation */
#navigation > ul
{
    display    : table;
    width      : 100%;
    background : none;
}

#navigation > ul > li
{
    display        : table-cell !important;
    float          : none !important;
    vertical-align : top;
    box-shadow     : none !important;
}

#navigation > ul > li > a
{
    font-weight : bold !important;
    text-align  : center;
}

#navigation > ul > li > ul
{
    background-color : inherit !important;
    width            : 300px !important;
    box-shadow       : none !important;
    border-radius    : 0 !important;
    border           : 0 !important;
    padding          : 0 !important;
}

#navigation > ul > li > ul > li > a
{
    display : block;
    padding : 5px 8px;
    color   : white !important;
}

#navigation > ul > li.home > a
{
    display             : block;
    width               : 45px;
    height              : 28px;
    background-image    : url('images/home.jpg') !important;
    background-position : center !important;
    background-repeat   : no-repeat !important;
}

#navigation > ul > li.home > a > span
{
    display : none;
}

#navigation > ul > li.link1,
#navigation > ul > li.link6
{
    color : #58c2de; /*#80C9DC;*/
}

#navigation > ul > li.link2,
#navigation > ul > li.link7
{
    color : #ad7bac; /*BB92BA*/
}

#navigation > ul > li.link3,
#navigation > ul > li.link8
{
    color : #578473; /*699483;*/
}

#navigation > ul > li.link4,
#navigation > ul > li.link9
{
    color : #927e8a; /* 856384 */
}

#navigation > ul > li.link5,
#navigation > ul > li.link10
{
    color : #BDB574;
}

#navigation > ul > li > a,
#navigation > ul > li > a > span,
#navigation > ul > li > a:hover,
#navigation > ul > li > a:hover > span,
#navigation > ul > li > ul > li > a > span
{
    color : inherit !important;
}

#navigation > ul > li:hover
{
    color : white !important;
}

#navigation > ul > li.link1:hover,
#navigation > ul > li.link6:hover
{
    background-color : #58c2de !important; /* 80C9DC */
}

#navigation > ul > li.link2:hover,
#navigation > ul > li.link7:hover
{
    background-color : #ad7bac !important; /* BB92BA */
}

#navigation > ul > li.link3:hover,
#navigation > ul > li.link8:hover
{
    background-color : #578473 !important; /* 699483 */
}

#navigation > ul > li.link4:hover,
#navigation > ul > li.link9:hover
{
    background-color : #927e8a !important; /* 856384 */
}

#navigation > ul > li.link5:hover,
#navigation > ul > li.link10:hover
{
    background-color : #BDB574 !important;
}


.dijitButton > button > div > center
{
    display : block !important;
}


.Publish.mauve ul.itemList li.listItem
{
     border : none !important;
}

div#cookieWarning > div.txt > span
{
	color : white;
}

#DisplayGeoTaggingIFRAME
{
	width: 100%;
	height: 215px;
}


.Publish ul.itemList li.listItem
{
	cursor : pointer;
}

#divResultsOptions.ResultsOptions .resultsLinks ul li a {

    background-image: none !important;

}


#divResultsOptions.ResultsOptions .resultsLinks ul li:first-child a span
{
    background-color: #E3404F;
    color: white;
    padding: 11px;
    font-weight: bold;
}

#divResultsOptions.ResultsOptions .resultsLinks ul li:nth-child(2) a span
{
    vertical-align: middle !important;
    padding: 9px 10px;
    border: 1px solid gray;
    font-weight : bold;
    color : gray;
}


#divResultsOptions.ResultsOptions .resultsLinks ul li
{
    padding-top : 15px
}

.divVlink.externalLink
{
    display : none;
}

.resultsLinks #showSearchScreen 
{
    margin: 5px 0px 23px 6px !important;
}

.resultsLinks 
{
    margin: 0px 0px 15px 0px !important;
}

div#showSearchScreen .dijitButton > button > div
{
    background-image : none !important;
}

div#showSearchScreen .dijitButton > button > div > center
{
    background-image: none !important;
    background-color: #58C2DE !important;
    padding: 5px 35px !important;
    font-weight: bold !important;
    font-size : 13px !important;
}

.SearchResults li.listItem .bottom .Availability span, 
/*.SearchReadingList.results li.listItem .bottom .Availability span, */
.RelatedWorks li.listItem .bottom .Availability span 
{

    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: auto;
    min-height: 19px;
    line-height: 19px;
    padding-left: 29px;
    text-transform: capitalize;
    color : black;
}

.SearchResults li.listItem .bottom .Availability .available span, 
/*.SearchReadingList.results li.listItem .bottom .Availability .available span, */
.RelatedWorks li.listItem .bottom .Availability .available span 
{
    background-image: url("images/searchDisplayAvailable.png");
    max-width: 210px;
    text-overflow: ellipsis !important;
    overflow: hidden;
    white-space: nowrap;
    padding-right : 15px;
}

.SearchResults li.listItem .bottom .Availability .notavailable span, 
/*.SearchReadingList.results li.listItem .bottom .Availability .notavailable span,*/ 
.RelatedWorks li.listItem .bottom .Availability .notavailable span 
{
    background-image: url("images/searchDisplayNotAvailable.png");
    max-width: 210px;
    text-overflow: ellipsis !important;
    overflow: hidden;
    white-space: nowrap;
    padding-right : 15px;
}


.SearchResults li.listItem .bottom div.item-availability, 
/*.SearchReadingList.results li.listItem .bottom div.item-availability, */
.RelatedWorks li.listItem .bottom div.item-availability
{
    padding-left : 125px;
    padding-top : 10px;
    
}

.SearchResults li.listItem .bottom .Availability .available, 
/*.SearchReadingList.results li.listItem .bottom .Availability .available, */
.RelatedWorks li.listItem .bottom .Availability .available,
.SearchResults li.listItem .bottom .Availability .notavailable, 
/*.SearchReadingList.results li.listItem .bottom .Availability .notavailable, */
.RelatedWorks li.listItem .bottom .Availability .notavailable
{
    padding-right : 10px;
    display : contents;
}

#divSearchResults ul.itemFull > li, #divSearchResults ul.itemText > li {

    margin-bottom: 40px;

}

#divSearchResults .recordDisplayElement
{
    margin-bottom : 0;
}

/***Bouton réservation / liste***/

li.listItem div.left
{
    padding-left: 125px;
    display: inline-flex;
    padding-top: 12px;
}

div.left div.reserveItem 
{    
    padding: 5px 15px;
    background-color : #58C2DE;
    margin-right : 20px;
}

div.left div.reserveItem a span,
.itemFull .listItem a:hover,
.itemFull .listItem a:hover span
{
    color : white !important;
    font-weight : bold !important;
}




    


/* Responsive */
@media screen and (min-width : 751px)
{
	.hideonnormal
   {
	display : none;
  }
}

@media screen and (max-width : 750px)
{
    .hideonmobile
    {
        display : none;
    }

    #wrapper,
    #wrapperinner,
    #header
    {
        width : 100% !important;
    }

    #wrapper
    {
        min-width : 0 !important;
        max-width : none !important;
    }

    #navigation > ul > li
    {
        display : block !important;
    }

    #header
    {
        max-height : none !important;
    }

    #header .colibris
    {
        text-align : center;
    }

    #header .colibris > a
    {
        display : block !important;
    }

    #header .colibris > a > img
    {
        float  : none !important;
        height : auto !important;
        width  : auto !important;
    }

    #header .baseline
    {
        display : none;
    }

    #header #searchcolibris
    {
        position : relative;
        margin   : 50px 0 0;
        bottom   : 0 !important;
		top: 0;
    }

    #header #searchcolibris > .searchbox
    {
        width : 100% !important;
    }

    #header #searchcolibris > .searchbox > form > div.searchterm
    {
        width : 85%;
    }

    #header #searchcolibris > .searchbox > form > div.searchsubmit
    {
        width : 15%;
    }

    #body #wrapper #header .searchterm > input,
    #header #searchcolibris > .searchbox > form > div.searchsubmit > input
    {
        width : 100% !important;
    }

    #body #wrapper #header .searchterm > input
    {
        height : 33px !important;
    }

    #header #searchcolibris > .searchbox > form > div.searchsubmit > input
    {
        height : 37px !important;
    }

    #header .navheader
    {
        position : relative;
    }

    #header .navheader .handicap,
    #header .navheader .facebook
    {
        display : none;
    }

    #header .navheader .row
    {
        float  : none !important;
        height : auto !important;
    }

    #header .navheader .row div
    {
        margin : 0;
        float  : none !important;
    }

    #header .navheader .row div a
    {
        height      : 33px;
        font-size   : 16px !important;
        line-height : 33px !important;
        text-align  : center;
    }

    #header .navheader .row .connect a
    {
        color          : white !important;
        text-transform : uppercase !important;
        font-size      : 14px !important;
        font-weight    : bold;
    }

    #header .navheader .row .connect:first-child a
    {
        background-color : #FFA948 !important;
        border-color     : #FFA948 !important;
    }

    #header .navheader .row .connect:last-child a
    {
        background-color : #BD986B !important;
        border-color     : #BD986B !important;
    }

    #navigation ul > li
    {
        color : white !important;
        width : 100% !important;
        float : none !important;
    }

    #navigation ul > li.home
    {
        background : #FEE45C !important;
    }

    #navigation ul > li.home > a
    {
        color            : white !important;
        font-size        : inherit !important;
        background-image : none !important;
        width            : auto !important;
        height           : auto !important;
    }

    #navigation ul > li.home > a > span
    {
        display : inline !important;
    }

    #navigation ul > li.link1,
    #navigation ul > li.link6
    {
        background-color : #58c2de !important; /* 80C9DC */
    }

    #navigation ul > li.link2,
    #navigation ul > li.link7
    {
        background-color : #ad7bac !important; /* BB92BA */
    }

    #navigation ul > li.link3,
    #navigation ul > li.link8
    {
        background-color : #578473 !important; /* 699483 */
    }

    #navigation ul > li.link4,
    #navigation ul > li.link9
    {
        background-color : #927e8a !important; /* 856384 */
    }

    #navigation ul > li.link5,
    #navigation ul > li.link10
    {
        background-color : #BDB574 !important;
    }

    #navigation ul > li > ul
    {
        position   : relative !important;
        width      : 100% !important;
        background : none !important;
        text-align : center;
    }

    body ul.mainnavigation:hover:after
    {
        background    : none repeat scroll 0 0 #595959;
        border-radius : 0 0 0 20px;
        box-shadow    : -1px 1px 3px rgba(0, 0, 0, 0.25);
        color         : white;
        border        : 0;
    }

    #footer
    {
        margin           : 0 !important;
        background-image : none !important;
    }

    /* Popup style */
    body .dijitDialog
    {
        top    : 5px !important;
        left   : 5px !important;
        right  : 5px !important;
        border : 0 !important;
    }

    body .dijitDialog .dijitDialogTitleBar
    {
        background-color : #f88804; /*F5A849;*/
        height           : 45px;
        line-height      : 45px;
        margin           : 0;
        padding          : 0;
        border           : 0 !important;
    }

    body .dijitDialog .dijitDialogTitleBar span
    {
        color       : white !important;
        font-size   : 20px;
        line-height : 45px;
    }

    body .dijitDialog .dijitDialogCloseIcon
    {
        position   : relative;
        border     : 0 !important;
        margin-top : 13px;
    }

    body .LoginDialog .leftDiv,
    body .LoginDialog .rightDiv
    {
        max-width : none !important;
        float     : none !important;
        width     : auto !important;
    }

    body .LoginDialog .logonOption
    {
        float : none !important;
    }

    body .LoginDialog .logonOption > label
    {
        clear : both;
    }

    body .LoginDialog .logonOption > input
    {
        width       : 100% !important;
        clear       : both;
        box-sizing  : border-box;
        padding     : 7px 0;
        background  : white !important;
        height      : 30px;
        text-indent : 7px;
    }

    body .LoginDialog .leftDiv form .dijitButton
    {
        width : 100% !important;
    }

    body .LoginDialog button,
    body .LoginDialog .rightDiv .forgotPassword > a
    {
        background-color : #f88804 !important; /*F5A849*/
        padding          : 5px 0 !important;
        width            : 100% !important;
    }

    body .LoginDialog .rightDiv .forgotPassword > a
    {
        display          : block;
        color            : white !important;
        text-align       : center;
        background-image : none !important;
        margin-top       : 5px;
        box-sizing       : border-box;
        padding          : 5px 10px !important;
    }

    body .LoginDialog .rightDiv .forgotPassword > a,
    body .LoginDialog button .dijitButtonText
    {
        font-size : 16px !important;
    }

    body .LoginDialog .logonOption label
    {
        width : auto !important;
    }

    body .LoginDialog .dijitButton > button > div > center,
    body .LoginDialog .dijitButton > button > div,
    body .LoginDialog .dijitButton > button.dijitButtonNode > div,
    body .LoginDialog .dijitButton > button > div:hover > center,
    body .LoginDialog .dijitButton > button > div > center:hover,
    body .LoginDialog .dijitButton > button > div:hover,
    body .LoginDialog .dijitButton > button.dijitButtonNode > div:hover
    {
        background : none !important;
    }

    body .LoginDialog .rightDiv
    {
        border  : 0 !important;
        padding : 0 !important;
    }
	
	/* A la une */

	p.imagealaune {
		float: left;
		width : 0px;
		height: 0px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}

	img.imagealaune {
		width : 0px;
		margin: 0px;
		padding: 0px;
	}

	p.alaune 
	{
		display:table;
		text-align:center;
		float:left;
		width:90%;
		height:40px;
		margin:3px;
		padding-left:20px;
		/*	font-family: 'Lobster', cursive;*/
		border-style:solid;
		border-width:1px;
		border-color: #f88804;
		background-color: #f88804; /* 81a696 */
	}

	p.alaune:hover {
		background-color: #fff;
	}


	p.alaune span a {
		color:#ffffff !important;
		text-decoration: none !important;
		display:table-cell;
		width:100%;
		height:36px;
		vertical-align:middle;
        line-height:16px;
		font-size: 16px;
	}

	p.alaune:hover span a {
		color:#f88804 !important; /* 81a696 */
		text-decoration: none !important;
	}

	span.alaune {
		display:table-cell;
		font-size:20px;
		vertical-align:middle;
		color : #ffffff !important;
	}

	/* Fin A la une */
	
	/* Ressources Numériques */

	p.ressnum {
		display:table;
		text-align:center;
		float:left;
		margin:3px;
		padding-left:20px;
		width:90%;
		height:40px;
		border-style:solid;
		border-width:1px;
		border-color: #578473;
		font-family: 'Lobster', cursive;
		background-color: #578473; 
	}

	p.ressnum:hover {
		background-color: #fff; /* 81a696 */
	}


	p.ressnum span a {
		color:#fff; /* 81a696 */ 
		text-decoration: none;
		display:table-cell;
		width:100%;
		height:36px;
		vertical-align:middle;
	}

	p.ressnum:hover span a {
		color:#578473;
		text-decoration: none;
	}

	span.ressnum {
		text-align: center;
		display:table-cell;
		font-size:16px;
		width:100%;
		vertical-align:middle;
	}

	span.ressnum-eurekoi {
		text-align: center;
		display:table-cell;
		font-size:16px;
		width:100%;
		vertical-align:middle;
		text-indent: inherit;
		white-space: normal;
		overflow: visible;
		background-image: none;
	}

	span.ressnum-eurekoi:hover {
		background-image: none;
	}

	/* Fin Ressources Numériques */

	/* Nouveautés */

	p.nouveautes {
		text-align: center;
		float: left;
		width: 115px;
	}

	p.nouveautes_toutes {
		margin-top: 30px;
		text-align: center;
		clear: none;
		float: left;
		width: 115px;
	}

	/* Fin Nouveautés */	
	
}