/************* Lausanne2.css ************/
/* Import base's css */
@import url('../base/base.css');
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@font-face{
     src : url('fonts/MuseoSans_100.otf');
     font-family : 'MuseoSans';
     format : opentype;
}
@font-face{
     src : url('fonts/MuseoSans_500.otf');
     font-family : 'MuseoSans500';
     format : opentype;
}
/*** confort+ ***/
.lausanne2 #accessibilitytoolbarGraphic {
  position: fixed !important;
}

@media screen and (max-width : 960px){
 .lausanne2 #accessibilitytoolbarGraphic {
 display:none !important;        
    }
     
}

.search #column1{
     width:70%;
}
.search #column2{
     width:29%;
}
.dijitTreeContainer .dijitTreeContent .dijitTreeLabel.treeNodeHighlightOn {
     color:#ff6d02 !important;
}
/*Temproary rules for home page with dartfish video  // mise en commentaire 24.03.2025 /mrs
.layout12 #column3{
     width : 33%;
}
.layout12 #column4{
     width : 33%;
}
.layout12 #column5{
     width : 33%;
}*/
/* Breda css deleter */
body, #wrapper, #wrapper > #wrapperinner, #wrapper > #wrapperinner > #header, #footer, #footer > #footerinner{
     background-image : none !important;
     background-color : white !important;
}
body, #wrapper, #wrapper > #wrapperinner, #footer{
     margin : 0 !important;
     padding : 0 !important;
}
#wrapper, #wrapper > #wrapperinner, #navigation{
     width : 100%;
     max-width : 100%;
     min-width : 0;
}
#header > #headerbloc{
     width : 1215px !important;
     margin : 0 auto !important;
     float : none !important;
}
#content{
     float : none !important;
     width : 1247px !important;
     margin : 0 auto !important;
     padding : 0 20px !important;
}
#divSearchRecord .displayTable tr td:first-child, #divItemDetails tbody tr td:first-child, #divLists .listItem td:first-child > a, #map_canvas .mapPopup .directions{
     background : none !important;
}
.RichTextItem .appcontent tr,.PaymentsDue tr,.LoanHistory tr,.dj_ie .RichTextItem .appcontent tr,.dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie.LoanHistory tr td, .dj_ie .LoanHistory tr th, .Navigation .viewInfo, #additionalContainer, .dijitDialog{
     border-color : #999999 !important;
}
.dijitDialogCloseIcon, .dijitTitlePane .dijitOpen, #collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, #collapseExpandLA.collapsed, #collapseExpandPD.collapsed, #collapseExpandLA.expanded, #collapseExpandPD.expanded, .interests ul.overview .remove > a, #LinkedAccountsDiv .remove a:hover, #LinkedAccountsDiv .remove a, .GenericRSSReader .feedItemInner > span{
    /*background-image : url("images/Icons.png") !important;
    */
}
.data .group .element{
     color : #888888 !important
}
.recordDisplayElement .element.briefExtract, .SearchResultsCMS .shortSummary{
     max-height: 44px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}

.title.fullMainTitle{
     font-size : 1.4em;
}
.briefMainTitle{
     font-size : 1.4em;
     font-weight : bold;
}
.Record .apptitle.dijitTitlePaneTitle:first-child{
     display : none;
}
.results .navigation span{
     vertical-align : baseline !important;
}
.dijitTreeContent .dijitTreeLabel.treeNodeHighlightOn, .SelectedForYou .header, .SearchResultsCMS .shortSummary, .SelectedForYou .links span, fieldset.group legend, .dijitCalendarSelectedYear, #map_canvas .mapPopup .general .title, #divSearchScreen .boolAND, a.link2:hover, .searchTree.textOnly a:hover, a.sortOK:hover > span, #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, #divBrowseOptions .option a:hover, #divListOptions .option 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, #divResultsOptions .option a:hover, .feedItemInner a:hover, .calendarLinkDiv div a:hover, div.appcontent div.singleEvent a:hover, .dijitDialog a:hover, #additionalContainer .additionalTitle, .dijitDialogTitleBar, .navigationPageCurrent, .externalLink .linkSearchTerm, .SearchResults .SearchBrowse .leftDiv .searchKey, .mainOptions .iWantTo, .mainOptions .option *, #map_canvas .mapPopup .general .title, #map_canvas .mapPopup .title, .UserActivities .title, .LinkedAccounts .waiting, #map_canvas .mapPopup .general .title, #divRestrictions .restriction a:hover, #divSearchAssociations .association a:hover, #UserDataSummaryDiv tr td.label a:hover, #LinkedAccountsDiv .name a:hover, .Navigation .viewInfo .linkName{
     color : #777777 !important;
}
a.link2:hover, .searchTree.textOnly a:hover, a.sortOK:hover > span, #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, #divSearchScreen .switchSearchExpert 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, #divBrowseOptions .option a:hover, #divListOptions .option a:hover, #divRecordOptions .option a:hover, #browseNavOptions 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, #divResultsOptions .option a:hover, .feedItemInner a:hover, .calendarLinkDiv div a:hover, div.appcontent div.singleEvent a:hover, .dijitDialog a:hover, .addMoodLink a:hover{
     color : rgb(28, 28, 28) !Important;
}
.WarningMessage, #dlgReserveDiv .msgError, #dlgReserveDiv .msgOk, #dlgReserveDiv tr.fieldIntro{
     border : 1px solid #666666 !important;
}
.RichTextItem img, .StyleImage, .imageDiv .image, .oneRow .image img, #cover img, .recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img{
     border : 0 !important;
     filter : none !important;
     -ms-filter : none !important;
     box-shadow : none !important;
     -webkit-box-shadow : none !important;
}
.RichTextItem img:hover, .StyleImage:hover, .imageDiv .image:hover, .oneRow .image img:hover, #cover img:hover{
     opacity : 0.6;
}
/*#wrapperinner > #content .reserveItem > a {
     background: #F38F03;
     background-image: -webkit-linear-gradient(top, #F38F03, #EC6607);
     background-image: -moz-linear-gradient(top, #F38F03, #EC6607);
     background-image: -ms-linear-gradient(top, #F38F03, #EC6607);
     background-image: -o-linear-gradient(top, #F38F03, #EC6607);
     background-image: linear-gradient(to bottom, #F38F03, #EC6607);
     -webkit-border-radius: 28;
     -moz-border-radius: 28;
     border-radius: 28px;
     padding: 5px 10px 5px 10px;
     text-decoration: none;
}
#wrapperinner > #content .reserveItem a span{
     color: #ffffff;
     background-image: none;
}
#wrapperinner > #content .reserveItem > a:hover {
     background: #F6A002;
     background-image: -webkit-linear-gradient(top, #F6A002, #F38F03);
     background-image: -moz-linear-gradient(top, #F6A002, #F38F03);
     background-image: -ms-linear-gradient(top, #F6A002, #F38F03);
     background-image: -o-linear-gradient(top, #F6A002, #F38F03);
     background-image: linear-gradient(to bottom, #F6A002, #F38F03);
     text-decoration: none;
}
*/
/****************** * tabs ****************************/

/***************** affichage coups de coeur 24.03.2025 /mrs ****/
.cdcparent {
  position: relative;
  top: 0;
  left: 0;
}

.cdcimage1 {
  position: relative;
  top: 0;
  left: 0;
  border: 0px solid #000000;
  width: 35%; 
  margin: 0px;
}

.cdcimage2 {
  position: absolute;
  top: -18px;
  left: 28%;
  width: 40%;
  border: 0px solid #000000;
  opacity : 75%
}
/*  fin définition principale affichage coups de coeur 24.03.2025 /mrs ***/

@media only screen and (min-width : 1250px){
     .bib-tab-header a {
         float : left;
         height : 24px;
        /* min-width:160px;
        */
         position : relative;
         top : 1px;
    }
     .bib-tab-header a.selected {
         border-left : 1px solid lightgrey;
         border-top : 1px solid lightgrey;
         border-right : 1px solid lightgrey;
         border-bottom : 1px solid white;
         z-index : 1000;
         border-radius : 5px 5px 0px 0;
         height : 33px;
    }
     .bib-tab {
         border-radius : 0 5px 5px 5px;
    }
}
@media only screen and (max-width : 1250px){
     .bib-tab-header a {
         border-top : 1px solid lightgrey;
         border-right : 1px solid lightgrey;
         border-left : 1px solid lightgrey;
         display : inline-block !important;
         width : 100%;
    }
     .bib-tab-header a:first-child {
         border-radius : 5px 5px 0 0;
    }
}
.bib-tab-header a.selected span{
     color : #EC6607 !important;
}
.bib-tab-header span{
     width : 100%;
     color : rgb(51, 51, 51);
}
.bib-tab{
     border-left : 1px solid lightgrey;
     border-bottom : 1px solid lightgrey;
     border-right : 1px solid lightgrey;
     border-top : 1px solid lightgrey;
     padding-bottom : 20px !important;
     padding-top : 20px !important;
     border-radius : 0 0 5px 5px;
     margin-bottom : 10px;
}
/****************** * Lausanne style ******************/
body.lausanne, body.lausanne2{
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
    /* font-size : 1.1em;
    */
}
p{
     font-size : 1.1em;
}
h1{
     font-family : MuseoSans500, Helvetica, Arial, sans-serif;
     font-size : 2em;
}
h2{
     font-family : MuseoSans500, Helvetica, Arial, sans-serif;
     font-size : 1.8em;
}
h3{
     font-family : MuseoSans500, Helvetica, Arial, sans-serif;
     font-size : 1.6em;
}
h4{
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
     font-size : 1.4em;
}
h5{
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
     font-size : 1.2em;
}
.orange{
     color : #EC6607;
}
.yellow{
     color : #FBB900;
}
.light-blue{
     color : #85CEE4;
}
.blue{
     color : #009EE3;
}
.black{
     color : #1C1C1C;
}
/*** Gradient Bibiothèques Orange -> jaune*/
.gradient1{
     color : #EC6607;
}
.gradient2{
     color : #ED6E06;
}
.gradient3{
     color : #EF7605;
}
.gradient4{
     color : #F07E04;
}
.gradient5{
     color : #F28704;
}
.gradient6{
     color : #F38703;
}
.gradient7{
     color : #F59702;
}
.gradient8{
     color : #F6A002;
}
.gradient9{
     color : #F8A801;
}
.gradient10{
     color : #FBB900;
}
/*** Gradient Archive Bleu** http://meyerweb.com/eric/tools/color-blend/#009EE3:7AB0E0:8:hex*/
.gradient-archive1{
     color : #009EE3;
}
.gradient-archive2{
     color : #0EA0E3;
}
.gradient-archive3{
     color : #16A1E2;
}
.gradient-archive4{
     color : #29A4E2;
}
.gradient-archive5{
     color : #36A6E2;
}
.gradient-archive6{
     color : #44A8E1;
}
.gradient-archive7{
     color : #51AAE1;
}
.gradient-archive8{
     color : #5FACE1;
}
.gradient-archive9{
     color : #6CAEE0;
}
.gradient-archive10{
     color : #7AB0E0;
}
/*** Gradient Centre BD** http://meyerweb.com/eric/tools/color-blend/#AECC52:C2043F:8:hex*/
.gradient-bd1{
     color : #AECC52;
}
.gradient-bd2{
     color : #B0B650;
}
.gradient-bd3{
     color : #B2A04E;
}
.gradient-bd4{
     color : #B5894C;
}
.gradient-bd5{
     color : #B7734A;
}
.gradient-bd6{
     color : #B95D47;
}
.gradient-bd7{
     color : #BB4745;
}
.gradient-bd8{
     color : #BE3043;
}
.gradient-bd9{
     color : #C01A41;
}
.gradient-bd10{
     color : #C2043F;
}
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, #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 : none !important;
     padding-left : 0px !important;
}
a.link2::before, .searchTree.textOnly a::before, a.sortOK::before, #additionalbefore ul.appLinks > li > a::before, #divInterests .generalInfo a.NeedHelp::before, .RichTextItem .additional a::before, .recordDisplayElement div.FullRequest a.linkTo::before, .recordDisplayElement div.FullUrl a.linkTo::before, .otherSources .externalLink a::before, .divVlink .linkVlink a::before, #sOptions .advancedLink a::before, .SearchBox #sBoxOptions .advancedLink a::before, .itemFull .reserveItem a::before, .itemCover .reserveItem a::before, .itemText .reserveItem a::before, .relAuthors .relAuthor a::before, .EditBorrowerData .helpLink a::before, #itemDetailsLink a::before, .showItemDetails a::before, .LinkRequest .linkEntry .buttons a::before, .viewInfo a::before, #optionsExpanded div.option a::before, .SearchResults .leftDiv .switchSearchSimpleEmbedded a::before, .searchFormSimple .switchSearchSimple a::before, .zeroHits .linkVlink a::before, .zeroHits .searchAll a::before, .zeroHits .altTerm a::before, #divListOptions a::before, #divLists a::before, #divSearchScreen .more a::before, #divSearchScreen .switchSearchAdvanced a::before, #divSearchResultsCMS .shortRecord a::before, #divInterests .add a::before, #divReviews .addReviewLink a::before, #divReviews .editReviewLink a::before, #divReviews .deleteReviewLink a::before, #vote a::before, #moreInfo a::before, #divBrowseOptions .option a::before, #divListOptions .option a::before, #divRecordOptions .option a::before, #browseNavOptions a::before, .UserActivities .navigation a::before, .modifyData a::before, .newRequest a::before, .cancelSelected a::before, .cancelAll a::before, .renewSelected a::before, .renewAll a::before, .deleteSelected a::before, .selectPublic a::before, .selectAll a::before, .UserActivities .navigation a::before, #divResultsOptions ul a::before, #divResultsOptions .option a::before, .feedItemInner, .calendarLinkDiv div a::before, div.appcontent div.singleEvent, .appLink a::before, .dijitDialog .guestRegister a::before, .dijitDialog .forgotPassword a::before, .addMoodLink a::before{
     font-family : FontAwesome, sans-serif !important;
     content : "\f105" !important;
     color : #EC6607 !important;
     font-size : 14px !important;
}
/*** Formulaire de contact*/
form[name='form_contact'] address{
     width : 50% !important;
     min-width : 300px;
}
/*** Recherche*/
#body.search #column1 + #column2{
     /*ANI border-left : 1px solid rgb(204, 204, 204);*/
     height : 100%;
     position : relative;
     right : 1px;
}
#body.search #column1, #body.basic2:not(.compte, .bib) #column1{
     border-right : 1px solid rgb(204, 204, 204);
     height : 100%;
     min-height : 600px;
}
#body.search .Start .apptitle h2,#body.search .Results .apptitle h2, #body.search .ResultsOptions .apptitle h2,#body.search .Restrictions .apptitle h2, #body.search .RestrictionsOptions .apptitle h2,#body.search .Record .apptitle h2, #body.search .RecordOptions .apptitle h2,#body.search .ItemDetails .apptitle h2,#body.search .ReadingList .apptitle h2,#body.search .ListOptions .apptitle h2{
     padding : 0px;
}
#body.search #sources{
     display : none;
}
#body.search div.switchSearchExpert{
     float : left !important;
     margin : 0 !important;
}
#body.search div.button{
     margin-left : 4px !important;
}
#body.search .SearchResults div.dispIcons{
     top : 10;
}
/*** ResultsOptions % Restrictions*/
#wrapperinner > #content .ResultsOptions a{
     background : none !important;
     padding-left : 0px !important;
}
#wrapperinner > #content .ResultsOptions a::before{
     font-family : FontAwesome, sans-serif;
     content : "\f105";
     color : #EC6607;
     font-size : 14px;
}
#wrapperinner > #content .ResultsOptions a span,#wrapperinner > #content .RecordOptions a span{
     margin-left : 3px;
}
#wrapperinner > #content .Restrictions li.restriction{
     margin-left : 0px;
}
#wrapperinner > #content .Restrictions li.restriction::before{
     content : "\f147";
     color : #EC6607;
     font-size : 12px;
}
#wrapperinner > #content .Restrictions li.restriction a{
     color : #333333;
}
/*** Content*/
#wrapperinner > #content{
     width : auto !important;
     margin : 62px 0 0 228px !important;
     padding : 15px 0 0px;
     min-height : 600px;
     border-left : 1px solid rgb(204, 204, 204);
}
#column13456 + #column2{
     border-left : 1px solid rgb(204, 204, 204);
     height : 100%;
}
#wrapperinner > #content a{
     color : #009EE3;
     text-decoration : none;
}
#wrapperinner > #content a:hover{
     color : #00638E;
     text-decoration : none;
     cursor : pointer;
}
#wrapperinner > #content a:visited{
     color : #009EE3;
     text-decoration : none;
}
/*** Header*/
#wrapperinner > #header{
     top : 0;
     left : 228px;
     right : 0;
     width : auto;
     height : 46px;
     margin : 0;
     z-index : 100;
     padding : 15px 0 0;
    /* position : absolute;
    */
     position : fixed;
     min-height : 0;
     max-height : none;
     background : none;
     border-left : 1px solid rgb(204, 204, 204);
     border-bottom : 1px solid rgb(204, 204, 204);
     box-shadow : 0px 5px 5px -5px rgba(0, 0, 0, .175);
    /* box-shadow : 0 5px 5px -5px #333;
    */
     -webkit-box-sizing : content-box;
     -moz-box-sizing : content-box;
     box-sizing : content-box;
}
#wrapperinner > #header *{
     -webkit-box-sizing : content-box;
     -moz-box-sizing : content-box;
     box-sizing : content-box;
}
#wrapperinner > #header > p{
     display : none;
}
#wrapperinner > #header > a:first-child{
     background : none;
}
#wrapperinner > #header > .customnavigation{
     width : auto;
     height : 43px;
     padding : 0;
}
#wrapperinner > #header > .customnavigation > .navigation > li{
     display : inline-block;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes a{
     margin : 4px 0;
     padding : 0;
}
#wrapperinner > #header > .customnavigation > .navigation .fontsizes,#wrapperinner > #header > .customnavigation > .navigation .fontsizes:hover{
     border-color : #FFFFFF;
}
#wrapperinner > #header > .customnavigation > .navigation .fontsizes{
     top : 9px;
     position : relative;
     margin-left : 18px;
}
#wrapperinner > #header > .customnavigation > .navigation .facebook a::before{
     color : rgb(76, 103, 161);
     margin-right : 5px;
     content : "\f082";
     font-family : FontAwesome, sans-serif;
}
#wrapperinner > #header > .customnavigation > .navigation .burger{
     display : none;
}
#wrapperinner > #header > .customnavigation > .navigation a{
     display : block;
     padding : 15px 0px 15px 17px;
}
#wrapperinner > #header > .customnavigation > .navigation > .hasmenu a, .rechercher a{
     font-size : 16px;
}
#wrapperinner > #header > .customnavigation > .navigation > .contact a, .facebook a{
     font-size : 13px;
}
#wrapperinner > #header > .customnavigation > .navigation *{
     color : rgb(28, 28, 28);
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
}
#wrapperinner > #header > .customnavigation > .navigation > .lang{
     width : 35px;
     height : 26px;
     border-style : solid;
     border-color : #CCC;
     position : relative;
     top : 9px;
}
#wrapperinner > #header > .customnavigation > .navigation > .lang-left{
     border-width : 1px 0 1px 1px;
     border-radius : 3px 0 0 3px;
     margin-left : 20px;
}
#wrapperinner > #header > .customnavigation > .navigation > .lang-middle{
     border-width : 1px 0 1px 1px;
     position : relative;
}
#wrapperinner > #header > .customnavigation > .navigation > .lang-right{
     border-width : 1px 1px 1px 1px;
     border-radius : 0 3px 3px 0;
     position : relative;
}
#wrapperinner > #header > .customnavigation > .navigation > .lang-right a:after{ 
margin-left:5px;
}
#wrapperinner > #header > .customnavigation > .navigation > .lang *{
     padding : 5px 5px;
     margin : 0px;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #normala,#wrapperinner > #header > .customnavigation > .navigation #largea, #wrapperinner > #header > .customnavigation > .navigation #largesta{
     font-weight : normal !important;
     width : 35px;
     height : 26px;
     padding : 0;
     float : left;
     border-style : solid;
     border-color : #CCC;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #normala{
     background : none !important;
     text-transform : lowercase;
     border-width : 1px 0 1px 1px;
     border-radius : 3px 0 0 3px;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #normala a{
     margin-left : 10px;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #normala a::after{
     content : "-";
     margin-left : 3px;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #largea{
     background : none !important;
     border-width : 1px 0 1px 1px;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #largea a{
     margin-left : 12px;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #largesta{
     background : none !important;
     border-width : 1px 1px 1px 1px;
     border-radius : 0 3px 3px 0;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #largesta a{
     margin-left : 6px;
}
#wrapperinner > #header > .customnavigation > .navigation > .fontsizes #largesta a::after{
     content : "+";
     margin-left : 3px;
}
#wrapperinner > #header > .customnavigation > .navigation > li.hasmenu > a::after{
     content : "\f0d7";
     margin-left : 4px;
     font-family : FontAwesome, sans-serif;
}
#wrapperinner > #header > .customnavigation > .navigation > li > ul{
     top : 61px;
     z-index : 100;
     display : none;
     padding : 0px;
     position : absolute;
     background-color : white;
     border : 1px solid rgba(0, 0, 0, .15);
     box-shadow : 0px 5px 5px -5px rgba(0, 0, 0, .175);
     width : 200px;
}
#wrapperinner > #header > .customnavigation > .navigation > li > ul li{
     width : 100%;
     box-sizing : border-box;
     -moz-box-sizing : border-box;
     -webkit-box-sizing : border-box;
}
#wrapperinner > #header > .customnavigation > .navigation > li > ul li:hover{
     background-color : #F6F6F6;
}
#wrapperinner > #header > .customnavigation > .navigation > li > ul li a{
     color : rgb(51, 51, 51);
     padding : 6px 15px;
     font-size : 14px;
     line-height : 20px;
     text-decoration : none;
}
#wrapperinner > #header > .customnavigation > .navigation > li:hover > ul, #wrapperinner > #header > .customnavigation > .navigation > li > ul:hover{
     display : block !important;
}
/*** Navigation*/
#wrapperinner > #navigation{
     left : 0;
     top : 0;
     width : 228px;
    /* position : absolute;
    */
     position : fixed;
     border-width : 0;
     background-color : white;
     -webkit-box-sizing : content-box;
     -moz-box-sizing : content-box;
     box-sizing : content-box;
}
#wrapperinner > #navigation *{
     -webkit-box-sizing : content-box;
     -moz-box-sizing : content-box;
     box-sizing : content-box;
}
ul.mainnavigation > li.hasmenu > a > span{
     background : none;
}
#wrapperinner > #navigation > ul > li.hasmenu > ul > li > a{
     display : block;
     padding : 0 20px 0 20px;
     font-weight : normal;
     text-decoration : none;
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
}
#wrapperinner > #navigation > ul > li.hasmenu > a{
     max-height : 38px;
     width : 220px;
}
#wrapperinner > #navigation > ul > li.hasmenu > a > span{
     display : block;
     max-height : 38px;
     white-space : normal;
}
#wrapperinner > #navigation > ul > li.hasmenu > a > span::after{
     content : "\f105";
     font-family : FontAwesome, sans-serif;
     padding : 0;
     margin : 0px;
     font-size : 18px;
     color : #7D7D7D;
     color :;
     float : right;
     display : block;
     width : 10px;
}
#wrapperinner > #navigation > ul > li.pratique.hasmenu > a > span::after{
     color : #EC6605;
}
#wrapperinner > #navigation > ul > li.bib.hasmenu > a > span::after{
     color : #DE5600;
}
#wrapperinner > #navigation > ul > li.inscr.hasmenu > a > span::after{
     color : #EF7607;
}
#wrapperinner > #navigation > ul > li.num.hasmenu > a > span::after{
     color : #F38F03;
}
#wrapperinner > #navigation > ul > li.form.hasmenu > a > span::after{
     color : #F6A002;
}
#wrapperinner > #navigation > ul > li.rencontre.hasmenu > a > span::after{
     color : #FBB900;
}
#wrapperinner > #navigation > ul > li.visite.hasmenu > a > span::after {
     color : #FBDF09;
}
#wrapperinner > #navigation > ul > li.hasmenu:hover > a > span::after{
     content : "\f104";
}
#wrapperinner > #navigation > ul > li,#wrapperinner > #navigation > ul > li:hover,#wrapperinner > #navigation > ul > li.hasmenu > ul > li,#wrapperinner > #navigation > ul > li.hasmenu > ul > li:hover{
     width : 100%;
     height : 38px;
     position : relative;
     font-size : 15px;
     line-height : 37px;
     box-shadow : none;
     border-bottom : 1px solid rgb(204, 204, 204);
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
}
#wrapperinner > #navigation > ul > li,#wrapperinner > #navigation > ul > li.hasmenu > ul > li{
     background-color : white;
}
#wrapperinner > #navigation > ul > li.hasmenu > ul > li:hover{
    /* background-color : #f6f6f6;
    */
}
#wrapperinner > #navigation > ul > li.link{
     border : none;
     height : 30px;
}
#wrapperinner > #navigation > ul > li.break{
     padding-top : 40px;
}
#wrapperinner > #navigation > ul > li.hasmenu:hover{
     border-right : 1px solid white;
     width : 228px;
}
#wrapperinner > #navigation > ul > li.home{
     height : 93px;
     border-bottom : 1px solid rgb(204, 204, 204);
}
#wrapperinner > #navigation > ul > li > a{
     text-decoration : none;
}
#wrapperinner > #navigation > ul > li.home > a{
     width : 100%;
     height : 93px;
     margin : 0 0;
     display : block;
     font-size : 0;
     font-weight : normal;
     background-size : contain;
     background-image : url("images/logo.jpg");
     background-color : white;
     background-repeat : no-repeat;
     background-position : center;
}
#wrapperinner > #navigation > ul > li.home > a > span{
     display : none;
}
#wrapperinner > #navigation > ul > li.hasmenu > ul{
     top : -1px;
     width : auto;
     border-color : rgb(204, 204, 204);
     border-style : solid;
     border-width : 1px 1px 0px 1px;
     padding : 0;
     position : absolute;
     min-width : 100%;
     box-shadow : none;
     margin-left : 100%;
     border-radius : 0;
     background-color : white;
     z-index : -1;
     box-shadow : 5px 0 5px -5px rgba(0, 0, 0, .175);
    /*right*/
}
#wrapperinner > #navigation > ul > li.hasmenu > ul > li:last-child, #wrapperinner > #navigation > ul > li.hasmenu > ul > li:last-child:hover{
     border-bottom : 1px solid rgb(204, 204, 204);
}
#wrapperinner > #navigation > ul > li.hasmenu > ul > li,#wrapperinner > #navigation > ul > li.hasmenu > ul > li:hover{
     float : none;
     display : block;
     border-color : white;
}
ul.mainnavigation > li > a > span{
     background : none;
}
body #navigation > ul > li > a > span{
     padding-left : 32px;
     padding-right : 0px;
     background-repeat : no-repeat;
     background-position : 11px 8px;
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
}
#wrapperinner > #navigation > ul > li:hover{
    /* background-color: #f6f6f6;
    */
}
#wrapperinner > #navigation > ul > li > a > span::before{
     font-family : FontAwesome, sans-serif;
     padding : 0;
     margin : 0px;
     font-size : 15px;
     position : absolute;
     left : 10px;
     font-weight : lighter;
}
#wrapperinner > #navigation > ul > li.bd > a > span::before{
     content : "\f111";
     color : #AECC52;
}
#wrapperinner > #navigation > ul > li.archive > a > span::before{
     content : "\f111";
     color : #009EE3;
}
#wrapperinner > #navigation > ul > li.webtv > a > span::before{
     content : "\f111";
     color : #7AB0E0;
}
#wrapperinner > #navigation > ul > li.politique > a > span::before{
     content : "\f111";
     color : #B70000;
}
#wrapperinner > #navigation > ul > li.kids > a > span::before{
     content : "\f135";
    /*f296*/
}
#wrapperinner > #navigation > ul > li.kids > a > span::before{
     content : "\f1d9";
    /* "f135";
    */
    /*f296*/
}
#wrapperinner > #navigation > ul > li.ado > a > span::before{
     content : "\f197";
    /*f296*/
}
#wrapperinner > #navigation > ul > li.pratique > a > span::before{
     content : "\f111";
	color : #EF7607;     

}
#wrapperinner > #navigation > ul > li.bib > a > span::before{
     content : "\f111";
     color : #DE5600;
}
#wrapperinner > #navigation > ul > li.inscr > a > span::before{
     content : "\f111";
     color : #EC6605;
}
#wrapperinner > #navigation > ul > li.num > a > span::before{
     content : "\f111";
     color : #F38F03;
}
#wrapperinner > #navigation > ul > li.hasmenu.num > a > span::after{
    /*color: rgb(133,206,228);
    */
}
#navigation > ul > li.form > a > span::before{
     content : "\f111";
     color : #F6A002;
}
#navigation > ul > li.rencontre > a > span::before{
     content : "\f111";
     color : #FBB900;
}
 #navigation > ul > li.visite > a > span::before{
     content : "\f111";
     color : #FBDF09;
}
 body.faq #navigation ul > li.pratique > a > span{
     color : #EC6607;
}
body.bib #navigation ul > li.bib > a > span{
     color : #EC6607;
}
body.inscr #navigation ul > li.inscr > a > span{
     color : #EC6607;
}
body.num #navigation ul > li.num > a > span{
     color : #EC6607;
}
body.form #navigation ul > li.form > a > span{
     color : #EC6607;
}
body.rencontre #navigation ul > li.rencontre > a > span{
     color : #EC6607;
}
body.visite #navigation ul > li.visite > a > span{
     color : #EC6607;
}
 body.kids #navigation ul > li.kids > a > span{
     color : #EC6607;
}
body.ado #navigation ul > li.ado > a > span{
     color : #EC6607;
}
body #navigation ul > li.bib > a > span{
     color : initial;
}
/* mis en commentaire 24.03.2025 /mrs
body #navigation > ul > li.pratique > a:hover > span{
    /* background-image : url('images/pratiqueh.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.bib > a > span{
    /*background-image : url('images/biblio.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.bib > a:hover > span{
    /*background-image : url('images/biblioh.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.num > a > span{
    /*background-image : url('images/numerique.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.num > a:hover > span{
    /*background-image : url('images/numeriqueh.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.form > a > span{
    /*background-image : url('images/autoform.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.form > a:hover > span{
    /*background-image : url('images/autoformh.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.rencontre > a > span{
    /*background-image : url('images/even.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}
body #navigation > ul > li.rencontre > a:hover > span{
    /*background-image : url('images/calendar.png');
    */
/* mis en commentaire 24.03.2025 /mrs
}*/
/****************** * Footer ******************/
#footer{
     border-top : 1px solid rgb(204, 204, 204);
}
#footer .footerinner{
     display : none;
}
#footer .footer > *{
     display : inline-block;
     box-sizing : border-box;
     vertical-align : top;
     -moz-box-sizing : border-box;
     -webkit-box-sizing : border-box;
}
#footer .footer *{
     text-align : left !important;
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
}
#footer .footer > .footer1{
     width : 228px;
     height : 170px;
     margin-left : 15px;
     padding-bottom : 15px;
     box-sizing : border-box;
     -moz-box-sizing : border-box;
     -webkit-box-sizing : border-box;
     float : left;
}
#footer .footer > .footer1 *{
     color : rgb(28, 28, 28);
     font-size : 12px;
     text-align : left;
     line-height : 17px;
}
#footer .footer > .footer1 a{
     display : block;
}
#footer .footer > .footer1 a:last-child{
     color : rgb(0, 0, 255);
     text-decoration : underline;
}
#footer .footer > .footer1 a:last-child:hover{
     text-decoration : none !important;
}
#footer .footer > .footer1 img{
     width : 202px !important;
     height : auto !important;
     max-width : 100% !important;
     margin-bottom : 20px;
}
#footer .footer > .footer2{
     height : 170px;
     margin-left : 15px;
     padding-top : 26px;
     box-sizing : border-box;
     -moz-box-sizing : border-box;
     -webkit-box-sizing : border-box;
     float : left;
}
#footer .footer > .footer2 *{
     color : rgb(28, 28, 28);
}
#footer .footer > .footer2 h5{
     margin : 10px 0;
     font-size : 14px;
     line-height : 15px;
     font-weight : normal;
}
#footer .footer > .footer2 a{
     color : rgb(0, 0, 255);
     font-size : 12px;
     line-height : 17px;
     text-decoration : underline;
}
#footer .footer > .footer2 a:hover{
     text-decoration : none !important;
}
#footer > .payoff{
     display : none;
}
/****************** * Searchbox ******************/
.search-form-wrap{
     float : left;
     width : 100%;
     margin : 5px 0 10px;
}
.search-form-wrap .searchbox{
     box-sizing : border-box;
     width : 100%;
     float : left;
     padding-left : 0.83333%;
     padding-right : 0.83333%;
     padding : 20px 0px 25px;
}
.search-form-wrap .simple{
     box-sizing : border-box;
     width : 83.33333%;
     float : left;
     padding-left : 0.83333%;
     padding-right : 0.83333%;
     margin-left : 8.33333%;
}
.searchbox .searchterm, .searchsubmit{
     display : inline;
     padding : 0px !important;
     margin : 0px !important;
}
.search-form-wrap .searchbox input[id^="SearchField"]{
     border : 1px solid #AAA;
     border-radius : 5px 0 0 5px;
     float : left;
     width : 70% !important;
     font-size : 1.3em;
     height : 39px;
     font-style : normal !important;
     color : #333333 !important;
     padding : 4px 10px;
}
.search-form-wrap .searchbox input[id^="searchSubmit"]{
     border : 1px solid #EC6607;
     background : none;
     float : left;
     height : 49px;
     margin-left : -2px;
     border-radius : 0 5px 5px 0;
     background-color : #EC6607;
     color : white;
     font-size : 1.2em;
     font-family : MuseoSans, Helvetica, Arial, sans-serif;
     width : 15%;
     min-width : 75px;
}
/****************** * Content ******************/
#columnwrapper{
     z-index : 1;
}
.apptitle{
     border : 0 !important;
     padding : 0.01em 24px;
}
.apptitle h1, .apptitle h2{
     color : rgb(28, 28, 28) !important;
     font-size : 24px;
     font-weight : bold;
     line-height : 34px;
}
.appcontent{
     text-align : justify;
}
.appcontent p.nojustify{
     text-align : initial;
}
.appcontent, .appcontent *{
     line-height : 21px;
     font-family : MuseoSans, Helvetica, Arial, sans-serif !important;
}
.appcontent h5{
     height : 19px;
     margin : 10px 0;
     font-size : 1.2em;
     font-weight : 300;
     line-height : 19px;
}
.appcontent h3{
     height : 34px;
     margin : 20px 0;
     font-size : 1.6em;
     font-weight : normal;
     line-height : 34px;
}
.RichTextItem .appcontent a{
     color : rgb(0, 0, 255);
     height : auto;
     cursor : auto;
     display : inline;
     line-height : 21px;
     font-family : museoSans500, sans-serif;
}
.animation .River .cover .inner{
     padding : 0 !important;
     box-shadow : none !important;
}
.animation .fiInner > div > div > .left, .animation .fiInner > div > div > .pause, .animation .fiInner > div > div > .right{
     display : none;
}
.FeaturedItems img{
     margin-bottom : 0 !important;
}
/****************** * Search page *****************/
#divSearchScreen.expert h3
{
	display : none;
}
.resultsLinks #showSearchScreen
{
	margin : 0;
}

.resultsLinks
{
	border : none;
}

.collapseExpand > div.wrapper
{
     border-left : 0;
     margin:0;
     padding: 0 10px;
}

.searchRestrictions fieldset
{
	border : none;
}

.search .searchRows table .rowKey input {
    width: auto;
}


#divSearchScreen.expert .restrictionRow.doubletextbox span 
{
    color: #555;
    font-size: 1.2em;
}
.restrictionRow.doubletextbox .collapseExpand > button::before{
	content:" ";
}

.Results .recordDisplayElement .rating{
     float : none !important;
     margin-left : -17px !important;
}
.collapseExpand.oneRestriction li{
     display: flex;
     align-items: center;
     border-bottom:1px solid #CCCCCC;
}

.search .searchFormSimple input, .search .searchForm input{
     width : 100%;
     color : #555;
     height : 34px;
     width : 16px;
     border : 1px solid #CCC;
     display : block;
     padding : 0 12px;
     font-size : 14px;
     box-sizing : border-box;
     transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
     line-height : 1.4;
     border-radius : 4px;
     -o-transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     background-color : #FFF;
     background-image : none;
     -webkit-transition : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
	 text-align : left;
}
.restrictionRow.dropdown button{
     width : 100%;
     color : #555;
     height : 34px;
     border : 1px solid #CCC;
     display : block;
     padding : 0 12px;
     font-size : 14px;
     box-sizing : border-box;
     transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
     line-height : 1.4;
     border-radius : 4px;
     -o-transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     background-color : #FFF;
     background-image : none;
     -webkit-transition : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
	 text-align : left;
}
.search .searchFormSimple .button{
     margin-left : 10px;
}
#divSearchScreen.expert .restrictionRow > label{
     width : auto !important;
}
#divSearchScreen.expert .doubletextbox *{
     width : auto !important;
     display : inline-block !important;
     vertical-align : middle !important;
}
#divSearchScreen.expert .doubletextbox > span{
     margin-left : 15px;
}
#divSearchScreen.expert .doubletextbox > span, #divSearchScreen.expert .doubletextbox > span > span{
     line-height : 34px;
}
.lausanne2 select{
     color : #555;
     height : 34px;
     border : 1px solid #CCC;
     display : block;
     padding : 0;
     font-size : 14px;
     box-sizing : border-box;
     transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
     line-height : 1.4;
     border-radius : 4px;
     -o-transition : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     background-color : #FFF;
     background-image : none;
     -webkit-transition : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
     -webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
}

.rowOper select, 
.rowIndex select,
.sortSelect select,
.rppSelect select
{
	appearance : none;
	-moz-appearance : none;
	-webkit-appearance : none;
	padding : 0px 55px 0px 10px;
	background-image : url('images/arrow-down.png');
	background-repeat : no-repeat;
	background-size : 10px;
}

.rowIndex select {
    background-position-x: 210px;
    background-position-y: 12px;
}

.rppSelect select{
    background-position-x: 60px;
    background-position-y: 12px;
}
.rowOper select
{
    background-position-x: 70px;
    background-position-y: 12px;
}
.sortSelect select
{    
	background-position-x: 190px;
    background-position-y: 12px;
}


.dijitComboBox .dijitArrowButton, 
.dijitComboBox .dijitDownArrowButton, 
.dijitComboBox .dijitArrowButton > *, 
.dijitComboBox .dijitDownArrowButton > *{
     height : 34px !important;
}
.dijitComboBox .dijitArrowButton, 
.dijitComboBox .dijitDownArrowButton, 
.dijitComboBox .dijitArrowButton:hover, 
.dijitComboBox .dijitDownArrowButton:hover{
     background : none !important;
}
.dijitButton, .topInfo > div > span > a,
.LoanHistory .topInfo > span > a{
     margin : 0 5px 5px 0 !important;
}
.dijitButton > button > div,.dijitButton > button > div:hover,.dijitButton > button:hover > div,.dijitButton:hover > button:hover > div,.topInfo > div > span > a,.topInfo > div > span:hover > a,.topInfo > div > span > a:hover,.CurrentLoans .renewOne,.CurrentLoans .renewOne:hover,.LoanHistory .topInfo > span > a,.LoanHistory .topInfo > span > a:hover,.LoanHistory #lhOptprint:hover,.CurrentReservations .button,.CurrentReservations .button:hover{
     height : 34px !important;
     display : inline-block !important;
     background : #EC6607 !important;
     line-height : 34px !important;
     border-radius : 4px;
}
.dijitButton > button > div > center,.dijitButton > button > div > center:hover,.dijitButton > button > div:hover > center,.dijitButton > button:hover > div > center,.dijitButton:hover > button > div > center,.topInfo > div > span > a > span,.topInfo > div > span > a > span:hover,.topInfo > div > span:hover > a > span,.topInfo > div > span > a:hover > span,.LoanHistory .topInfo > span > a > span,.LoanHistory .topInfo > span > a:hover > span,.LoanHistory .topInfo > span > a > span:hover{
     height : 34px !important;
     color : white !important;
     background : transparent !important;
     line-height : 34px !important;
}
.CurrentLoans .renewOne::before,.CurrentReservations .button::before{
     display : none !important;
}
.CurrentLoans .renewOne > span,.CurrentLoans .renewOne > span:hover,.CurrentLoans .renewOne:hover > span,.CurrentReservations .button > span,.CurrentReservations .button > span:hover,.CurrentReservations .button:hover > span{
     color : #FFFFFF !Important;
     height : 34px;
     display : block;
     padding : 0 10px !important;
     background : none !Important;
     margin-left : 0 !Important;
     line-height : 34px !important;
}
.info .appcontent{
     border : 1px solid #F4511E;
     padding : 0 !important;
     transition : box-shadow 0.5s;
     box-shadow : 0 1px 2px rgba(0, 0, 0, .05);
     border-radius : 0;
}
.info .appcontent .full > p{
     display : block;
}
.info .appcontent .full > p:first-child, .info .appcontent .full > p:last-child{
     color : #333;
     display : block;
     padding : 20px 15px;
     border-color : #DDD;
     border-bottom : 1px solid transparent;
     background-color : #F5F5F5;
     border-top-left-radius : 3px;
     border-top-right-radius : 3px;
     font-size : 21px;
     font-weight : 500;
     height : 23px;
     line-height : 23px;
}
.info .appcontent .full > p:nth-child(2){
     padding : 10px;
     overflow : hidden;
}
.info .appcontent .full > p:nth-child(2) img{
     margin : 0 !important;
}
.info .appcontent .full > p:last-child > a{
     color : rgb(28, 28, 28);
     padding : 10px 16px;
     font-size : 18px;
     font-family : MuseoSans, Helvetica, Arial, sans-serif !important;
     line-height : 24px;
     text-decoration : none;
     background-color : rgb(221, 221, 221);
}
.CurrentReservations .results .title,.CurrentReservations .results .sort,.LoanHistory .results .sort,.LoanHistory .results .sort,.CurrentLoans .results .title,.CurrentLoans .results .sort,.LoanHistory .results .rppSelect > *{
     display : inline-block;
     vertical-align : middle;
}
.CurrentReservations .results .itemFull,.CurrentLoans .results .itemFull,.LoanHistory .results .itemFull{
     margin-top : 25px;
}
.LoanHistory .results .rppSelect{
     display : block !important;
     margin-top : 15px;
}
.CurrentReservations .results .title > label,
.CurrentLoans .results .title > label,
.LoanHistory .results .title > label,
.LoanHistory .results .rppSelect > label{
     line-height : 34px;
}
.CurrentReservations .results .sort input[type=text],.CurrentLoans .results .sort input[type=text],.LoanHistory .results .sort input[type=text],.LoanHistory .results .rppSelect input[type=text]{
     height : 34px;
     line-height : 34px;
     text-indent : 10px;
}
.CurrentLoans .items span.sort > div,.LoanHistory .items span.sort > div,.CurrentReservations .items span.sort > div,.CurrentLoans .results .sort *,.CurrentReservations .results .sort *{
     height : 34px !important;
}
.UserActivities .appcontent > *{
     clear : both;
}
.col-sm-8{
     margin-left : 340px;
}
.col-sm-8 > strong{
    /* line-height : 21px;
     */
}
.col-sm-8 > p:last-child{
     margin-top : 10px;
}
.clmn3 .appcontent{
     padding : 40px 0;
}
.clmn3 .appcontent > .full > *{
     width : 33%;
     display : inline-block;
     padding : 0 25px;
     box-sizing : border-box;
     -moz-box-sizing : border-box;
     -webkit-box-sizing : border-box;
}
.clmn3 .appcontent > .full > *:nth-child(1) h5::before{
     color : rgb(244, 81, 30);
     display : block;
     content : "\e145";
     font-size : 40px;
     font-family : 'Glyphicons Halflings', sans-serif;
}
.clmn3 .appcontent > .full > *:nth-child(2) h5::before{
     color : rgb(244, 81, 30);
     display : block;
     content : "\e043";
     font-size : 40px;
     font-family : 'Glyphicons Halflings', sans-serif;
}
.clmn3 .appcontent > .full > *:nth-child(3) h5::before{
     color : rgb(244, 81, 30);
     display : block;
     content : "\e201";
     font-size : 40px;
     font-family : 'Glyphicons Halflings', sans-serif;
}
.clmn3 .appcontent > .full > * h5{
     height : auto !important;
     text-align : center;
     line-height : 34px;
}
.clmn3 .appcontent > .full > * a{
     display : block;
     text-align : right;
     margin-top : 10px;
}
.pratique .appcontent .full > h5:first-child{
     height : auto !important;
}
.Availability.summary.available > span, .Availability.summary.onorder > span, .Availability.summary.notavailable > span, .rating, .dijitTitlePane .dijitEditNode, .dijitTitlePane .dijitEditNode:hover, .dijitTitlePane .dijitEditNode + .dijitEditNode, .dijitTitlePane .dijitEditNode + .dijitEditNode:hover, .dijitTitlePane .dijitClosed, .dijitTitlePane .dijitOpen, .dijitTitlePane .dijitCloseNode, .dijitTitlePane .dijitCloseNode:hover, .results .navigation .navigationPrevious span, .results .navigation .navigationNext span, 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") !important;
}
.LinkRequest .name, #divRestrictions .restriction, #divSearchAssociations .association, #UserDataSummaryDiv tr td.label, #LinkedAccountsDiv .name{
     background : none !important;
     padding-left : 0 !important;
}
.LinkRequest .name::before, #divRestrictions .restriction::before, #divSearchAssociations .association::before, #UserDataSummaryDiv tr td.label::before, #LinkedAccountsDiv .name::before{
     color : red;
     content : "\f111";
     font-size : 10px;
     font-family : FontAwesome, sans-serif;
     margin-right : 3px;
}
.cloud .cloud0 a{
     color : rgba(255, 0, 0, 0.1);
}
.cloud .cloud1 a{
     color : rgba(255, 0, 0, 0.2);
}
.cloud .cloud2 a{
     color : rgba(255, 0, 0, 0.3);
}
.cloud .cloud3 a{
     color : rgba(255, 0, 0, 0.4);
}
.cloud .cloud4 a{
     color : rgba(255, 0, 0, 0.5);
}
.cloud .cloud5 a{
     color : rgba(255, 0, 0, 0.6);
}
.cloud .cloud6 a{
     color : rgba(255, 0, 0, 0.7);
}
.cloud .cloud7 a{
     color : rgba(255, 0, 0, 0.8);
}
.cloud .cloud8 a{
     color : rgba(255, 0, 0, 0.9);
}
.cloud .cloud9 a{
     color : rgba(255, 0, 0, 1);
}
#recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType, #shelfMarks table caption, .mainOptions .iWantTo{
     color : #FF0000 !important;
}
.RichTextItem .appcontent tr, .ItemDetails tr, .PaymentsDue tr, .LoanHistory tr, .dj_ie .RichTextItem .appcontent 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 : 1px solid #EC6607;
}
.interests ul.overview .remove > a, .dijitOpen > .dijitArrowNode > .dijitArrowNodeInner, .dijitOpen:hover > .dijitArrowNode > .dijitArrowNodeInner, .dijitClosed .dijitArrowNode .dijitArrowNodeInner, .dijitClosed:hover .dijitArrowNode .dijitArrowNodeInner, .dijitFolderOpened, .dijitFolderClosed, .dijitDialogCloseIcon, #LinkedAccountsDiv .remove a, #LinkedAccountsDiv .remove a:hover, #collapseExpandLA.collapsed, #collapseExpandPD.collapsed, #collapseExpandLA.expanded, #collapseExpandPD.expanded, #collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, #collapseExpandLA.expanded:hover, #collapseExpandPD.expanded:hover, .GenericRSSReader .feedItemInner > span, .interests ul.overview .remove > a{
     background-image : url('images/Icons.png') !important;
}
.recordDisplayElement .FullMaterialType, #shelfMarks table caption, .mainOptions .iWantTo{
     color : #FF0000 !important;
}
.RichTextItem .appcontent tr, .ItemDetails tr, .PaymentsDue tr, .LoanHistory tr, .dj_ie .RichTextItem .appcontent 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 : 1px solid #EC6607;
}
.interests ul.overview .remove > a, .dijitOpen > .dijitArrowNode > .dijitArrowNodeInner, .dijitOpen:hover > .dijitArrowNode > .dijitArrowNodeInner, .dijitClosed .dijitArrowNode .dijitArrowNodeInner, .dijitClosed:hover .dijitArrowNode .dijitArrowNodeInner, .dijitFolderOpened, .dijitFolderClosed, .dijitDialogCloseIcon, #LinkedAccountsDiv .remove a, #LinkedAccountsDiv .remove a:hover, #collapseExpandLA.collapsed, #collapseExpandPD.collapsed, #collapseExpandLA.expanded, #collapseExpandPD.expanded, #collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, #collapseExpandLA.expanded:hover, #collapseExpandPD.expanded:hover, .GenericRSSReader .feedItemInner > span, .interests ul.overview .remove > a{
     background-image : url('images/Icons.png') !important;
}
.pratique .appcontent .full > h5:first-child{
     height : auto !important;
}
#dojoUnique1_restrictions .dropdown{
     display : inline-block;
	 width : 50%;
}
#dojoUnique1_restrictions .restrictionRow .dijitComboBox{
     width : 300px;
}
.Start .appFunctions,.ResultsOptions .appFunctions,.Restrictions .appFunctions,.Results .appFunctions,.Record .appFunctions,.RecordOptions .appFunctions,.ItemDetails .appFunctions,.ReadingList .appFunctions,.ListOptions .appFunctions,.Reviews .appFunctions{
     left : 0;
     right : auto;
     width : 100% !important;
     float : none;
}
.Start .appFunctions div,.ResultsOptions .appFunctions div,.Results .appFunctions div,.Restrictions .appFunctions div,.Record .appFunctions div,.RecordOptions .appFunctions div,.ItemDetails .appFunctions div,.ReadingList .appFunctions div,.ListOptions .appFunctions div,.Reviews .appFunctions div{
     float : none !important;
     display : block !important;
     margin-top : 8px;
}
.apptitle .appFunctions .dijitInline{
    margin-top: 8px;
}
.ResultsOptions .apptitle h2,.Start .apptitle h2,.Restrictions .apptitle h2,.Record .apptitle h2,.RecordOptions .apptitle h2,.ItemDetails .apptitle h2,.Results .apptitle h2,.ReadingList .apptitle h2,.ListOptions .apptitle h2{
     padding-left : 20px;
}
.Results .recordDisplayElement,.ReadingList .recordDisplayElement{
     position : relative;
}
.Results .reserveItem{
     margin-left : 15px;
}
.Record .recordDisplayElement{
     min-height : 200px;
     position : relative;
     padding-bottom : 45px !important;
}
.Record .recordDisplayElement .vote,.Record .recordDisplayElement .numVotes{
     display : none !important;
}
.recordDisplayElement .recordthumbnail{
     width : 77%;
     border : 1px solid rgb(204, 204, 204);
     cursor : pointer;
     padding : 10px;
     margin-left : 30px;
     border-radius : 15px;
}
.recordDisplayElement .recordthumbnail .recordthumbleft{
     width : 90px;
}
.recordDisplayElement .recordthumbnail .recordthumbleft img{
     max-width : 85px;
}
.recordDisplayElement .recordthumbnail .recordthumbleft,.recordDisplayElement .recordthumbnail .recordthumbright{
     display : inline-block;
}
.recordDisplayElement .recordthumbnail .recordthumbright{
     width : 95%;
     display: flex;
     vertical-align : top;
     flex-direction: column;
}
.recordDisplayElement .recordoptions{
     top : 0;
     right : 20px;
     position : absolute;
}
 .recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img {
    max-height: 175px;
}
#lightbox .cover img{
    float: left;
    max-width: 120px !important;
}
#lightbox .inner .content {
    padding-left: 15px !important;
}
.recordDisplayElement.vertical .image img {
    max-width: 100%;
}
/*ANI .recordDisplayElement .recordthumbnail .recordthumbright{
    width : 100% !important;
}*/
#divReviews div.review #rating {
     left : auto !important;
     top : 2px !important;
     right : 0;
     width : auto !important;
}
#wrapperinner > #navigation > ul > li.hideonnormal.logoff {
    border-bottom: 1px solid rgb(204, 204, 204) !important;
}
#divReviews div.review {
     position : relative 
}
#divSearchRecord > div {
    padding-top: 20px !important;
}
.recordDisplayElement .element.briefExtract, .SearchResultsCMS .shortSummary{
    overflow: hidden;
}
@media screen and (max-width : 950px){
    #wrapperinner > #header > .customnavigation > .navigation li > a[title="Mon compte"]::before, #wrapperinner > #header > .customnavigation > .navigation li > a[title="Nouveautés"]::before {
        position: relative;
        left: 4px;
    }
}
@media screen and (max-width : 750px){
    #wrapperinner > #header > .customnavigation > .navigation li.hasmenu {
        border-left: 1px solid rgb(204, 204, 204);
        margin-left: 0;
        padding-left: 0px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .ItemDetails table {
         font-size:11px
    }
    #wrapperinner > #header > .customnavigation > .navigation li.facebook, #wrapperinner > #header > .customnavigation > .navigation li.rechercher {
        height: 47px;
        padding: 0 0 0 0 !important;
        overflow: hidden;
        min-width: 40px;
        text-align: center;
        border-right: none;
    }
    #wrapperinner > #header .facebook > a::before, #wrapperinner > #header .rechercher > a::before {
        font-size: 20px !important;
        margin-right: 0 !important;
        margin-left: 5px !important;
    }
    .content {
        width: 160px !important;
        max-width: max-content;
    }
    #lightbox {
        width: auto !important;
        left: 9% !important;
    }
    #wrapperinner > #header > .customnavigation > .navigation a{
        padding-left : 0px !important;
        padding-right:6px !important;
    }
    #navigation .navigation > li.bib.hasmenu > a {
        display: none;
    }
}
 .recordDisplayElement #rating{
     top : 180px;
     left : 15px;
     position : absolute;
     width : 180px;
}
.recordDisplayElement .rating{
    /*float : right;
    */
    /*margin-left : -17px;
    */
     transform : scale(0.7);
     margin-left : -20px;
     -o-transform : scale(0.7);
     -ms-transform : scale(0.7);
     -moz-transform : scale(0.7);
     -webkit-transform : scale(0.7);
}
.ResultsOptions .dijitComboBox input{
     height : 34px;
     padding-left : 5px;
}
#widget_dojoUnique1_rpp.dijitComboBox{
     width : 71px;
     display : inline-block !important;
     vertical-align : middle;
}
.mainOptions .optionSep{
     height : 24px;
}
.mainOptions .option > a{
     width : 24px;
     height : 24px;
     margin : 0 7px 0;
     display : block;
     font-size : 0;
     background-position : center;
     background-size : contain;
     background-repeat : no-repeat;
}
.mainOptions .optReserve > a{
     background-image : url('images/pin.png');
}
.mainOptions .optStore > a{
     background-image : url('images/save.png');
}
.mainOptions .optPrint > a{
     background-image : url('images/print.png');
}
/* mis en commentaire 24.03.2025 /mrs
.mainOptions .optAddThis > a{
     background-image : url('images/share.png');
} 
*/
.ResultsOptions .sortSelect > div{
     width : 217px;
     display : inline-block;
     vertical-align : middle;
}
.ResultsOptions .sortSelect > label::before,.ResultsOptions .rppSelect > label::before{
     color : #EC6607;
     content : "\f105";
     font-size : 14px;
     font-family : FontAwesome, sans-serif;
     margin-right : 2px;
}
.FullAdvert{
     color : #EC6607;
     font-weight : bold;
}
.navigationPrevious span,.navigationNext span{
     font-weight : bold;
}
.navigationPrevious span img,.navigationNext span img{
     display : none;
}
.navigationNext span::after{
     content : "\203A";
}
.navigationPrevious span::after{
     content : "\2039";
}
.ItemDetails .appcontent{
     padding-left : 0 !important;
     padding-right : 0 !important;
}
#divItemDetails thead th:first-child,#divItemDetails tr td:first-child{
     display : none;
}
/************* * Navigation/pagination *************/
.navigationPageCurrent{
     color : white !important;
     display : block;
     padding : 0 7px;
     background-color : #EC6607;
    /*#AA0000;
    */
}
.navigationPage{
     display : block;
     padding : 0 7px;
}
/************ W3.css************ déjà mis en commentaire 24.03.2025 /mrs / 
/* W3.CSS 2.65 by Jan Egil and Borge Refsnes *
/*{
     -webkit-box-sizing : border-box;
     -moz-box-sizing : border-box;
     box-sizing : border-box
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{
     -ms-text-size-adjust : 100%;
     -webkit-text-size-adjust : 100%
}
body{
     margin : 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
     display : block
}
audio, canvas, video{
     display : inline-block;
     vertical-align : baseline
}
audio:not([controls]){
     display : none;
     height : 0
}
[hidden], template{
     display : none
}
a{
     background-color : transparent
}
a:active, a:hover{
     outline : 0
}
abbr[title]{
     border-bottom : 1px dotted
}
dfn{
     font-style : italic
}
mark{
     background : #FF0;
     color : #000
}
small{
     font-size : 80%
}
sub, sup{
     font-size : 75%;
     line-height : 0;
     position : relative;
     vertical-align : baseline
}
sup{
     top : -0.5em
}
sub{
     bottom : -0.25em
}
img{
     border : 0
}
svg:not(:root){
     overflow : hidden
}
figure{
     margin : 1em 40px
}
hr{
     -moz-box-sizing : content-box;
     box-sizing : content-box
}
code, kbd, pre, samp{
     font-family : monospace, monospace;
     font-size : 1em
}
button, input, select, textarea{
     font : inherit;
     margin : 0
}
button{
     overflow : visible
}
button, select{
     text-transform : none
}
button, html input[type=button], input[type=reset], input[type=submit]{
     -webkit-appearance : button;
     cursor : pointer
}
button[disabled], html input[disabled]{
     cursor : default
}
button::-moz-focus-inner, input::-moz-focus-inner{
     border : 0;
     padding : 0
}
input[type=checkbox], input[type=radio]{
     padding : 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{
     height : auto
}
input[type=search]{
     box-sizing : content-box;
     -webkit-appearance : textfield;
     -moz-box-sizing : content-box;
     -webkit-box-sizing : content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{
     -webkit-appearance : none
}
fieldset{
     border : 1px solid #C0C0C0;
     margin : 0 2px;
     padding : .35em .625em .75em
}
legend{
     border : 0;
     padding : 0
}
pre, textarea{
     overflow : auto
}
/* End extract from normalize.css */
.w3-serif{
     font-family : "Times New Roman", Times, serif
}
h1, h2, h3, h4, h5, h6{
     font-weight : 400;
     margin : 10px 0
}
.w3-wide{
     letter-spacing : 4px
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
     font-weight : inherit
}
hr{
     height : 0;
     border : 0;
     border-top : 1px solid #EEE;
     margin : 20px 0
}
img{
     margin-bottom : -5px
}
a{
     color : inherit
}
table{
     border-collapse : collapse;
     border-spacing : 0;
     width : 100%;
     display : table
}
table, th, td{
     border : none
}
.w3-table-all{
     border : 1px solid #CCC
}
.w3-bordered tr, .w3-table-all tr{
     border-bottom : 1px solid #DDD
}
.w3-striped tbody tr:nth-child(even){
     background-color : #F1F1F1
}
.w3-table-all tr:nth-child(odd){
     background-color : #FFF
}
.w3-table-all tr:nth-child(even){
     background-color : #F1F1F1
}
.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover{
     background-color : #CCC
}
.w3-centered tr th, .w3-centered tr td{
     text-align : center
}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th{
     padding : 6px 8px;
     display : table-cell;
     text-align : left;
     vertical-align : top
}
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child{
     padding-left : 16px
}
.w3-btn, .w3-btn-block{
     border : none;
     display : inline-block;
     outline : 0;
     padding : 6px 16px;
     vertical-align : middle;
     overflow : hidden;
     text-decoration : none !important;
     color : #FFF;
     background-color : #000;
     text-align : center;
     cursor : pointer;
     white-space : nowrap
}
.w3-disabled, .w3-btn:disabled, .w3-btn-floating:disabled, .w3-btn-floating-large:disabled{
     cursor : not-allowed;
     opacity : 0.3
}
.w3-btn.w3-disabled *, .w3-btn-block.w3-disabled, .w3-btn-floating.w3-disabled *, .w3-btn:disabled *, .w3-btn-floating:disabled *{
     pointer-events : none
}
.w3-btn.w3-disabled:hover, .w3-btn-block.w3-disabled:hover, .w3-btn:disabled:hover, .w3-btn-floating.w3-disabled:hover, .w3-btn-floating:disabled:hover,.w3-btn-floating-large.w3-disabled:hover, .w3-btn-floating-large:disabled:hover{
     box-shadow : none
}
.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover{
     box-shadow : 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.w3-btn-block{
     width : 100%
}
.w3-btn, .w3-btn-floating, .w3-btn-floating-large, .w3-closenav, .w3-opennav{
     -webkit-touch-callout : none;
     -webkit-user-select : none;
     -khtml-user-select : none;
     -moz-user-select : none;
     -ms-user-select : none;
     user-select : none
}
.w3-btn-floating, .w3-btn-floating-large{
     display : inline-block;
     text-align : center;
     color : #FFF;
     background-color : #000;
     position : relative;
     overflow : hidden;
     z-index : 1;
     padding : 0;
     border-radius : 50%;
     cursor : pointer;
     font-size : 24px
}
.w3-btn-floating{
     width : 40px;
     height : 40px;
     line-height : 40px
}
.w3-btn-floating-large{
     width : 56px;
     height : 56px;
     line-height : 56px
}
.w3-btn-group .w3-btn{
     float : left
}
.w3-btn-bar .w3-btn{
     box-shadow : none;
     background-color : inherit;
     color : inherit;
     float : left
}
.w3-btn-bar .w3-btn:hover{
     background-color : #CCC
}
.w3-ripple{
     position : relative;
     overflow : hidden
}
.w3-ripple:after{
     content : "";
     background : #CCC;
     position : absolute;
     padding : 300%;
     bottom : 0;
     left : 0;
     opacity : 0;
     transition : 0.8s
}
.w3-ripple:active:after{
     padding : 0;
     opacity : 1;
     transition : 0s
}
.w3-badge, .w3-tag, .w3-sign{
     background-color : #000;
     color : #FFF;
     display : inline-block;
     padding-left : 8px;
     padding-right : 8px;
     text-align : center
}
.w3-badge{
     border-radius : 50%
}
ul.w3-ul{
     list-style-type : none;
     padding : 0;
     margin : 0
}
ul.w3-ul li{
     padding : 6px 2px 6px 16px;
     border-bottom : 1px solid #DDD
}
ul.w3-ul li:last-child{
     border-bottom : none
}
.w3-tooltip, .w3-display-container{
     position : relative
}
.w3-fluid{
     max-width : 100%;
     height : auto
}
.w3-tooltip .w3-text{
     display : none
}
.w3-tooltip:hover .w3-text{
     display : inline-block
}
.w3-navbar{
     list-style-type : none;
     margin : 0;
     padding : 0;
     overflow : hidden
}
.w3-navbar li{
     float : left
}
.w3-navbar li a{
     display : block;
     padding : 8px 16px
}
.w3-navbar li a:hover{
     color : #000;
     background-color : #CCC
}
.w3-navbar .w3-dropdown-hover, .w3-navbar .w3-dropdown-click{
     position : static
}
.w3-navbar .w3-dropdown-hover:hover, .w3-navbar .w3-dropdown-hover:first-child, .w3-navbar .w3-dropdown-click:hover{
     background-color : #CCC;
     color : #000
}
.w3-navbar a, .w3-topnav a, .w3-sidenav a, .w3-dropnav a, .w3-dropdown-content a, .w3-accordion-content a{
     text-decoration : none !important
}
.w3-navbar .w3-opennav.w3-right{
     float : right !important
}
.w3-topnav{
     padding : 8px 8px
}
.w3-topnav a{
     padding : 0 8px;
     border-bottom : 3px solid transparent;
     -webkit-transition : border-bottom .3s;
     transition : border-bottom .3s
}
.w3-topnav a:hover{
     border-bottom : 3px solid #FFF
}
.w3-topnav .w3-dropdown-hover a{
     border-bottom : 0
}
.w3-opennav, .w3-closenav{
     color : inherit
}
.w3-opennav:hover, .w3-closenav:hover{
     cursor : pointer;
     opacity : 0.8
}
.w3-btn, .w3-btn-floating, .w3-btn-floating-large, .w3-btn-block, .w3-hover-shadow, .w3-hover-opacity,.w3-navbar a, .w3-sidenav a, .w3-dropnav a, .w3-pagination li a, .w3-hoverable tbody tr, .w3-hoverable li, .w3-accordion-content a, .w3-dropdown-content a, .w3-dropdown-click:hover, .w3-dropdown-hover:hover, .w3-opennav, .w3-closenav, .w3-closebtn,.w3-hover-amber, .w3-hover-aqua, .w3-hover-blue, .w3-hover-light-blue, .w3-hover-brown, .w3-hover-cyan, .w3-hover-blue-grey, .w3-hover-green, .w3-hover-light-green, .w3-hover-indigo, .w3-hover-khaki, .w3-hover-lime, .w3-hover-orange, .w3-hover-deep-orange, .w3-hover-pink,.w3-hover-purple, .w3-hover-deep-purple, .w3-hover-red, .w3-hover-sand, .w3-hover-teal, .w3-hover-yellow, .w3-hover-white, .w3-hover-black, .w3-hover-grey, .w3-hover-light-grey, .w3-hover-dark-grey, .w3-hover-text-amber, .w3-hover-text-aqua, .w3-hover-text-blue, .w3-hover-text-light-blue,.w3-hover-text-brown, .w3-hover-text-cyan, .w3-hover-text-blue-grey, .w3-hover-text-green, .w3-hover-text-light-green, .w3-hover-text-indigo, .w3-hover-text-khaki, .w3-hover-text-lime, .w3-hover-text-orange, .w3-hover-text-deep-orange, .w3-hover-text-pink, .w3-hover-text-purple,.w3-hover-text-deep-purple, .w3-hover-text-red, .w3-hover-text-sand, .w3-hover-text-teal, .w3-hover-text-yellow, .w3-hover-text-white, .w3-hover-text-black, .w3-hover-text-grey, .w3-hover-text-light-grey, .w3-hover-text-dark-grey{
     -webkit-transition : background-color .3s, color .15s, box-shadow .3s, opacity 0.3s;
     transition : background-color .3s, color .15s, box-shadow .3s, opacity 0.3s
}
.w3-sidenav{
     height : 100%;
     width : 200px;
     background-color : #FFF;
     position : fixed !important;
     z-index : 1;
     overflow : auto
}
.w3-sidenav a{
     padding : 4px 2px 4px 16px
}
.w3-sidenav a:hover{
     background-color : #CCC
}
.w3-sidenav a, .w3-dropnav a{
     display : block
}
.w3-sidenav .w3-dropdown-hover:hover, .w3-sidenav .w3-dropdown-hover:first-child, .w3-sidenav .w3-dropdown-click:hover{
     background-color : #CCC;
     color : #000
}
.w3-sidenav .w3-dropdown-hover, .w3-sidenav .w3-dropdown-click{
     width : 100%
}
.w3-sidenav .w3-dropdown-hover .w3-dropdown-content, .w3-sidenav .w3-dropdown-click .w3-dropdown-content{
     min-width : 100%
}
.w3-main, #main{
     transition : margin-left .4s
}
.w3-dropnav{
     background-color : #FFF
}
.w3-dropnav a:hover{
     text-decoration : underline !important
}
.w3-modal{
     z-index : 3;
     display : none;
     padding-top : 100px;
     position : fixed;
     left : 0;
     top : 0;
     width : 100%;
     height : 100%;
     overflow : auto;
     background-color : rgb(0, 0, 0);
     background-color : rgba(0, 0, 0, 0.4)
}
.w3-modal-content{
     margin : auto;
     background-color : #FFF;
     position : relative;
     padding : 0;
     outline : 0;
     width : 600px
}
.w3-closebtn{
     text-decoration : none;
     float : right;
     font-size : 24px;
     font-weight : bold;
     color : inherit
}
.w3-closebtn:hover, .w3-closebtn:focus{
     color : #000;
     text-decoration : none;
     cursor : pointer
}
.w3-pagination{
     display : inline-block;
     padding : 0;
     margin : 0
}
.w3-pagination li{
     display : inline
}
.w3-pagination li a{
     text-decoration : none;
     color : #000;
     float : left;
     padding : 8px 16px
}
.w3-pagination li a:hover{
     background-color : #CCC
}
.w3-input-group, .w3-group{
     margin-top : 24px;
     margin-bottom : 24px
}
.w3-input{
     padding : 8px;
     display : block;
     border : none;
     border-bottom : 1px solid #808080;
     width : 100%
}
.w3-label{
     color : #009688
}
.w3-input:not(:valid) ~ .w3-validate{
     color : #F44336
}
.w3-select{
     padding : 9px 0;
     width : 100%;
     color : #000;
     border : 1px solid transparent;
     border-bottom : 1px solid #009688
}
.w3-select select:focus{
     color : #000;
     border : 1px solid #009688
}
.w3-select option[disabled]{
     color : #009688
}
.w3-dropdown-click, .w3-dropdown-hover{
     position : relative;
     display : inline-block;
     cursor : pointer
}
.w3-dropdown-hover:hover .w3-dropdown-content{
     display : block;
     z-index : 1
}
.w3-dropdown-content{
     cursor : auto;
     color : #000;
     background-color : #FFF;
     display : none;
     position : absolute;
     min-width : 160px;
     margin : 0;
     padding : 0
}
.w3-dropdown-content a{
     padding : 6px 16px;
     display : block
}
.w3-dropdown-content a:hover{
     background-color : #CCC
}
.w3-accordion{
     width : 100%;
     cursor : pointer
}
.w3-accordion-content{
     cursor : auto;
     display : none;
     position : relative;
     width : 100%;
     margin : 0;
     padding : 0
}
.w3-accordion-content a{
     padding : 6px 16px;
     display : block
}
.w3-accordion-content a:hover{
     background-color : #CCC
}
.w3-progress-container{
     width : 100%;
     height : 1.5em;
     position : relative;
     background-color : #F1F1F1
}
.w3-progressbar{
     background-color : #757575;
     height : 100%;
     position : absolute;
     line-height : inherit
}
input[type=checkbox].w3-check, input[type=radio].w3-radio{
     width : 24px;
     height : 24px;
     position : relative;
     top : 6px
}
input[type=checkbox].w3-check:checked + .w3-validate, input[type=radio].w3-radio:checked + .w3-validate{
     color : #009688
}
input[type=checkbox].w3-check:disabled + .w3-validate, input[type=radio].w3-radio:disabled + .w3-validate{
     color : #AAA
}
.w3-responsive{
     overflow-x : auto
}
.w3-container:after, .w3-row:after, .w3-row-padding:after, .w3-topnav:after, .w3-clear:after, .w3-btn-group:before, .w3-btn-group:after, .w3-btn-bar:before, .w3-btn-bar:after{
     content : "";
     display : table;
     clear : both
}
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter{
     float : left;
     width : 100%
}
.w3-col.s1{
     width : 8.33333%
}
.w3-col.s2{
     width : 16.66666%
}
.w3-col.s3{
     width : 24.99999%
}
.w3-col.s4{
     width : 33.33333%
}
.w3-col.s5{
     width : 41.66666%
}
.w3-col.s6{
     width : 49.99999%
}
.w3-col.s7{
     width : 58.33333%
}
.w3-col.s8{
     width : 66.66666%
}
.w3-col.s9{
     width : 74.99999%
}
.w3-col.s10{
     width : 83.33333%
}
.w3-col.s11{
     width : 91.66666%
}
.w3-col.s12, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter{
     width : 99.99999%
}
@media only screen and (min-width : 601px){
     .w3-col.m1 {
         width : 8.33333% 
    }
     .w3-col.m2 {
         width : 16.66666% 
    }
     .w3-col.m3, .w3-quarter {
         width : 24.99999% 
    }
     .w3-col.m4, .w3-third {
         width : 33.33333% 
    }
     .w3-col.m5 {
         width : 41.66666% 
    }
     .w3-col.m6, .w3-half {
         width : 49.99999% 
    }
     .w3-col.m7 {
         width : 58.33333% 
    }
     .w3-col.m8, .w3-twothird {
         width : 66.66666% 
    }
     .w3-col.m9, .w3-threequarter {
         width : 74.99999% 
    }
     .w3-col.m10 {
         width : 83.33333% 
    }
     .w3-col.m11 {
         width : 91.66666% 
    }
     .w3-col.m12 {
         width : 99.99999% 
    }
}
@media only screen and (min-width : 993px){
     .w3-col.l1 {
         width : 8.33333% 
    }
     .w3-col.l2 {
         width : 16.66666% 
    }
     .w3-col.l3, .w3-quarter {
         width : 24.99999% 
    }
     .w3-col.l4, .w3-third {
         width : 33.33333% 
    }
     .w3-col.l5 {
         width : 41.66666% 
    }
     .w3-col.l6, .w3-half {
         width : 49.99999% 
    }
     .w3-col.l7 {
         width : 58.33333% 
    }
     .w3-col.l8, .w3-twothird {
         width : 66.66666% 
    }
     .w3-col.l9, .w3-threequarter {
         width : 74.99999% 
    }
     .w3-col.l10 {
         width : 83.33333% 
    }
     .w3-col.l11 {
         width : 91.66666% 
    }
     .w3-col.l12 {
         width : 99.99999% 
    }
}
.w3-content{
     max-width : 980px;
     margin : auto
}
.w3-rest{
     overflow : hidden
}
.w3-hide{
     display : none !important
}
.w3-show-block, .w3-show{
     display : block !important
}
.w3-show-inline-block{
     display : inline-block !important
}
@media (max-width : 600px){
     .w3-modal-content {
         margin : 0 10px;
         width : auto !important 
    }
     .w3-modal {
         padding-top : 30px 
    }
}
@media (max-width : 768px){
     .w3-modal-content {
         width : 500px 
    }
     .w3-modal {
         padding-top : 50px 
    }
}
@media (min-width : 993px){
     .w3-modal-content {
         width : 900px 
    }
}
@media screen and (max-width : 600px){
     .w3-topnav a {
         display : block 
    }
     .w3-navbar li:not(.w3-opennav) {
         float : none;
         width : 100% !important 
    }
     .w3-navbar li.w3-right {
         float : none !important 
    }
}
@media screen and (max-width : 600px){
     .w3-topnav .w3-dropdown-hover .w3-dropdown-content, .w3-navbar .w3-dropdown-click .w3-dropdown-content, .w3-navbar .w3-dropdown-hover .w3-dropdown-content {
         position : relative 
    }
}
@media screen and (max-width : 600px){
     .w3-topnav, .w3-navbar {
         text-align : center 
    }
}
@media (max-width : 600px){
     .w3-hide-small {
         display : none !important 
    }
}
@media (max-width : 992px) and (min-width : 601px){
     .w3-hide-medium {
         display : none !important 
    }
}
@media (min-width : 993px){
     .w3-hide-large {
         display : none !important 
    }
}
@media screen and (max-width : 992px){
     .w3-sidenav.w3-collapse {
         display : none 
    }
     .w3-main {
         margin-left : 0 !important 
    }
}
@media screen and (min-width : 992px){
     .w3-sidenav.w3-collapse {
         display : block !important 
    }
}
.w3-top, .w3-bottom{
     position : fixed;
     width : 100%;
     z-index : 1
}
.w3-top{
     top : 0
}
.w3-bottom{
     bottom : 0
}
.w3-overlay{
     position : fixed;
     display : none;
     width : 100%;
     height : 100%;
     top : 0;
     left : 0;
     right : 0;
     bottom : 0;
     background-color : rgba(0, 0, 0, 0.5);
     z-index : 2
}
.w3-left{
     float : left !important
}
.w3-right{
     float : right !important
}
.w3-tiny{
     font-size : 10px !important
}
.w3-small{
     font-size : 12px !important
}
.w3-medium{
     font-size : 15px !important
}
.w3-large{
     font-size : 18px !important
}
.w3-xlarge{
     font-size : 24px !important
}
.w3-xxlarge{
     font-size : 36px !important
}
.w3-xxxlarge{
     font-size : 48px !important
}
.w3-jumbo{
     font-size : 64px !important
}
.w3-vertical{
     word-break : break-all;
     line-height : 1;
     text-align : center;
     width : 0.6em
}
.w3-left-align{
     text-align : left !important
}
.w3-right-align{
     text-align : right !important
}
.w3-justify{
     text-align : justify !important
}
.w3-center{
     text-align : center !important
}
.w3-display-topleft{
     position : absolute;
     left : 0;
     top : 0
}
.w3-display-topright{
     position : absolute;
     right : 0;
     top : 0
}
.w3-display-bottomleft{
     position : absolute;
     left : 0;
     bottom : 0
}
.w3-display-bottomright{
     position : absolute;
     right : 0;
     bottom : 0
}
.w3-display-middle{
     position : absolute;
     left : 0;
     bottom : 50%;
     width : 100%;
     text-align : center
}
.w3-display-topmiddle{
     position : absolute;
     left : 0;
     top : 0;
     width : 100%;
     text-align : center
}
.w3-display-bottommiddle{
     position : absolute;
     left : 0;
     bottom : 0;
     width : 100%;
     text-align : center
}
.w3-circle{
     border-radius : 50% !important
}
.w3-round-small{
     border-radius : 2px !important
}
.w3-round, .w3-round-medium{
     border-radius : 4px !important
}
.w3-round-large{
     border-radius : 8px !important
}
.w3-round-xlarge{
     border-radius : 16px !important
}
.w3-round-xxlarge{
     border-radius : 32px !important
}
.w3-round-jumbo{
     border-radius : 64px !important
}
.w3-border-0{
     border : 0 !important
}
.w3-border{
     border : 1px solid #CCC !important
}
.w3-border-top{
     border-top : 1px solid #CCC !important
}
.w3-border-bottom{
     border-bottom : 1px solid #CCC !important
}
.w3-border-left{
     border-left : 1px solid #CCC !important
}
.w3-border-right{
     border-right : 1px solid #CCC !important
}
.w3-margin{
     margin : 16px !important
}
.w3-margin-0{
     margin : 0 !important
}
.w3-margin-top{
     margin-top : 16px !important
}
.w3-margin-bottom{
     margin-bottom : 16px !important
}
.w3-margin-left{
     margin-left : 16px !important
}
.w3-margin-right{
     margin-right : 16px !important
}
.w3-section{
     margin-top : 16px !important;
     margin-bottom : 16px !important
}
.w3-padding-tiny{
     padding : 2px 4px !important
}
.w3-padding-small{
     padding : 4px 8px !important
}
.w3-padding-medium, .w3-padding, .w3-form{
     padding : 8px 16px !important
}
.w3-padding-large{
     padding : 12px 24px !important
}
.w3-padding-xlarge{
     padding : 16px 32px !important
}
.w3-padding-xxlarge{
     padding : 24px 48px !important
}
.w3-padding-jumbo{
     padding : 32px 64px !important
}
.w3-padding-4, .w3-padding-hor-4{
     padding-top : 4px !important;
     padding-bottom : 4px !important
}
.w3-padding-8, .w3-padding-hor-8{
     padding-top : 8px !important;
     padding-bottom : 8px !important
}
.w3-padding-12, .w3-padding-hor-12{
     padding-top : 12px !important;
     padding-bottom : 12px !important
}
.w3-padding-16, .w3-padding-hor-16{
     padding-top : 16px !important;
     padding-bottom : 16px !important
}
.w3-padding-24, .w3-padding-hor-24{
     padding-top : 24px !important;
     padding-bottom : 24px !important
}
.w3-padding-32, .w3-padding-hor-32{
     padding-top : 32px !important;
     padding-bottom : 32px !important
}
.w3-padding-48, .w3-padding-hor-48{
     padding-top : 48px !important;
     padding-bottom : 48px !important
}
.w3-padding-64, .w3-padding-hor-64{
     padding-top : 64px !important;
     padding-bottom : 64px !important
}
.w3-padding-128, .w3-padding-hor-128{
     padding-top : 128px !important;
     padding-bottom : 128px !important
}
.w3-padding-0{
     padding : 0 !important
}
/* Will be removed in a later version */
.w3-padding-ver-4{
     padding-left : 4px !important;
     padding-right : 4px !important
}
.w3-padding-ver-8{
     padding-left : 8px !important;
     padding-right : 8px !important
}
.w3-padding-ver-12{
     padding-left : 12px !important;
     padding-right : 12px !important
}
.w3-padding-ver-16{
     padding-left : 16px !important;
     padding-right : 16px !important
}
.w3-padding-ver-24{
     padding-left : 24px !important;
     padding-right : 24px !important
}
.w3-padding-ver-32{
     padding-left : 32px !important;
     padding-right : 32px !important
}
.w3-padding-ver-48{
     padding-left : 48px !important;
     padding-right : 48px !important
}
.w3-padding-ver-64{
     padding-left : 64px !important;
     padding-right : 64px !important
}
/* End remove */
.w3-padding-top{
     padding-top : 8px !important
}
.w3-padding-bottom{
     padding-bottom : 8px !important
}
.w3-padding-left{
     padding-left : 16px !important
}
.w3-padding-right{
     padding-right : 16px !important
}
.w3-topbar{
     border-top : 6px solid #CCC !important
}
.w3-bottombar{
     border-bottom : 6px solid #CCC !important
}
.w3-leftbar{
     border-left : 6px solid #CCC !important
}
.w3-rightbar{
     border-right : 6px solid #CCC !important
}
.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col{
     padding : 0 8px
}
.w3-spin{
     animation : w3-spin 2s infinite linear;
     -webkit-animation : w3-spin 2s infinite linear
}
@-webkit-keyframes w3-spin{
     0% {
         -webkit-transform : rotate(0deg);
         transform : rotate(0deg) 
    }
     100% {
         -webkit-transform : rotate(359deg);
         transform : rotate(359deg) 
    }
}
@keyframes w3-spin{
     0% {
         -webkit-transform : rotate(0deg);
         transform : rotate(0deg) 
    }
     100% {
         -webkit-transform : rotate(359deg);
         transform : rotate(359deg) 
    }
}
.w3-container{
     padding : 0.01em 16px
}
.w3-example{
     background-color : #F1F1F1;
     padding : 0.01em 16px
}
.w3-code{
     font-family : Consolas, "courier new";
     font-size : 16px;
     line-height : 1.4;
     width : auto;
     background-color : #FFF;
     padding : 8px 12px;
     border-left : 4px solid #009688;
     word-wrap : break-word
}
.w3-example, .w3-code, .w3-reference{
     margin : 20px 0
}
.w3-card{
     border : 1px solid #CCC
}
.w3-card-2, .w3-example{
     box-shadow : 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important
}
.w3-card-4, .w3-hover-shadow:hover{
     box-shadow : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important
}
.w3-card-8{
     box-shadow : 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important
}
.w3-card-12{
     box-shadow : 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important
}
.w3-card-16{
     box-shadow : 0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important
}
.w3-card-24{
     box-shadow : 0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important
}
.w3-animate-fading{
     -webkit-animation : fading 10s infinite;
     animation : fading 10s infinite
}
@-webkit-keyframes fading{
     0% {
         opacity : 0 
    }
     50% {
         opacity : 1 
    }
     100% {
         opacity : 0 
    }
}
@keyframes fading{
     0% {
         opacity : 0 
    }
     50% {
         opacity : 1 
    }
     100% {
         opacity : 0 
    }
}
.w3-animate-opacity{
     -webkit-animation : opac 1.5s;
     animation : opac 1.5s
}
@-webkit-keyframes opac{
     from {
         opacity : 0 
    }
     to {
         opacity : 1 
    }
}
@keyframes opac{
     from {
         opacity : 0 
    }
     to {
         opacity : 1 
    }
}
.w3-animate-top{
     position : relative;
     -webkit-animation : animatetop 0.4s;
     animation : animatetop 0.4s
}
@-webkit-keyframes animatetop{
     from {
         top : -300px;
         opacity : 0 
    }
     to {
         top : 0;
         opacity : 1 
    }
}
@keyframes animatetop{
     from {
         top : -300px;
         opacity : 0 
    }
     to {
         top : 0;
         opacity : 1 
    }
}
.w3-animate-left{
     position : relative;
     -webkit-animation : animateleft 0.4s;
     animation : animateleft 0.4s
}
@-webkit-keyframes animateleft{
     from {
         left : -300px;
         opacity : 0 
    }
     to {
         left : 0;
         opacity : 1 
    }
}
@keyframes animateleft{
     from {
         left : -300px;
         opacity : 0 
    }
     to {
         left : 0;
         opacity : 1 
    }
}
.w3-animate-right{
     position : relative;
     -webkit-animation : animateright 0.4s;
     animation : animateright 0.4s
}
@-webkit-keyframes animateright{
     from {
         right : -300px;
         opacity : 0 
    }
     to {
         right : 0;
         opacity : 1 
    }
}
@keyframes animateright{
     from {
         right : -300px;
         opacity : 0 
    }
     to {
         right : 0;
         opacity : 1 
    }
}
.w3-animate-bottom{
     position : relative;
     -webkit-animation : animatebottom 0.4s;
     animation : animatebottom 0.4s
}
@-webkit-keyframes animatebottom{
     from {
         bottom : -300px;
         opacity : 0 
    }
     to {
         bottom : 0px;
         opacity : 1 
    }
}
@keyframes animatebottom{
     from {
         bottom : -300px;
         opacity : 0 
    }
     to {
         bottom : 0;
         opacity : 1 
    }
}
.w3-animate-zoom{
     -webkit-animation : animatezoom 0.6s;
     animation : animatezoom 0.6s
}
@-webkit-keyframes animatezoom{
     from {
         -webkit-transform : scale(0) 
    }
     to {
         -webkit-transform : scale(1) 
    }
}
@keyframes animatezoom{
     from {
         transform : scale(0) 
    }
     to {
         transform : scale(1) 
    }
}
.w3-animate-input{
     -webkit-transition : width 0.4s ease-in-out;
     transition : width 0.4s ease-in-out
}
.w3-animate-input:focus{
     width : 100% !important
}
.w3-transparent{
     background-color : transparent !important
}
.w3-hover-none:hover{
     box-shadow : none !important;
     background-color : transparent !important
}
.w3-amber, .w3-hover-amber:hover{
     color : #000 !important;
     background-color : #FFC107 !important
}
.w3-aqua, .w3-hover-aqua:hover{
     color : #000 !important;
     background-color : #00FFFF !important
}
.w3-blue, .w3-hover-blue:hover{
     color : #FFF !important;
     background-color : #2196F3 !important
}
.w3-light-blue, .w3-hover-light-blue:hover{
     color : #000 !important;
     background-color : #87CEEB !important
}
.w3-brown, .w3-hover-brown:hover{
     color : #FFF !important;
     background-color : #795548 !important
}
.w3-cyan, .w3-hover-cyan:hover{
     color : #000 !important;
     background-color : #00BCD4 !important
}
.w3-blue-grey, .w3-hover-blue-grey:hover{
     color : #FFF !important;
     background-color : #607D8B !important
}
.w3-green, .w3-hover-green:hover{
     color : #FFF !important;
     background-color : #4CAF50 !important
}
.w3-light-green, .w3-hover-light-green:hover{
     color : #000 !important;
     background-color : #8BC34A !important
}
.w3-indigo, .w3-hover-indigo:hover{
     color : #FFF !important;
     background-color : #3F51B5 !important
}
.w3-khaki, .w3-hover-khaki:hover{
     color : #000 !important;
     background-color : #F0E68C !important
}
.w3-lime, .w3-hover-lime:hover{
     color : #000 !important;
     background-color : #CDDC39 !important
}
.w3-orange, .w3-hover-orange:hover{
     color : #000 !important;
     background-color : #FF9800 !important
}
.w3-deep-orange, .w3-hover-deep-orange:hover{
     color : #FFF !important;
     background-color : #FF5722 !important
}
.w3-pink, .w3-hover-pink:hover{
     color : #FFF !important;
     background-color : #E91E63 !important
}
.w3-purple, .w3-hover-purple:hover{
     color : #FFF !important;
     background-color : #9C27B0 !important
}
.w3-deep-purple, .w3-hover-deep-purple:hover{
     color : #FFF !important;
     background-color : #673AB7 !important
}
.w3-red, .w3-hover-red:hover{
     color : #FFF !important;
     background-color : #F44336 !important
}
.w3-sand, .w3-hover-sand:hover{
     color : #000 !important;
     background-color : #FDF5E6 !important
}
.w3-teal, .w3-hover-teal:hover{
     color : #FFF !important;
     background-color : #009688 !important
}
.w3-yellow, .w3-hover-yellow:hover{
     color : #000 !important;
     background-color : #FFEB3B !important
}
.w3-white, .w3-hover-white:hover{
     color : #000 !important;
     background-color : #FFF !important
}
.w3-black, .w3-hover-black:hover{
     color : #FFF !important;
     background-color : #000 !important
}
.w3-grey, .w3-hover-grey:hover{
     color : #000 !important;
     background-color : #9E9E9E !important
}
.w3-light-grey, .w3-hover-light-grey:hover{
     color : #000 !important;
     background-color : #F1F1F1 !important
}
.w3-dark-grey, .w3-hover-dark-grey:hover{
     color : #FFF !important;
     background-color : #616161 !important
}
.w3-pale-red, .w3-hover-pale-red:hover{
     color : #000 !important;
     background-color : #FFE7E7 !important
}
.w3-pale-green, .w3-hover-pale-green:hover{
     color : #000 !important;
     background-color : #E7FFE7 !important
}
.w3-pale-yellow, .w3-hover-pale-yellow:hover{
     color : #000 !important;
     background-color : #FFFFD7 !important
}
.w3-pale-blue, .w3-hover-pale-blue:hover{
     color : #000 !important;
     background-color : #E7FFFF !important
}
.w3-text-amber, .w3-hover-text-amber:hover{
     color : #FFC107 !important
}
.w3-text-aqua, .w3-hover-text-aqua:hover{
     color : #00FFFF !important
}
.w3-text-blue, .w3-hover-text-blue:hover{
     color : #2196F3 !important
}
.w3-text-light-blue, .w3-hover-text-light-blue:hover{
     color : #87CEEB !important
}
.w3-text-brown, .w3-hover-text-brown:hover{
     color : #795548 !important
}
.w3-text-cyan, .w3-hover-text-cyan:hover{
     color : #00BCD4 !important
}
.w3-text-blue-grey, .w3-hover-text-blue-grey:hover{
     color : #607D8B !important
}
.w3-text-green, .w3-hover-text-green:hover{
     color : #4CAF50 !important
}
.w3-text-light-green, .w3-hover-text-light-green:hover{
     color : #8BC34A !important
}
.w3-text-indigo, .w3-hover-text-indigo:hover{
     color : #3F51B5 !important
}
.w3-text-khaki, .w3-hover-text-khaki:hover{
     color : #B4AA50 !important
}
.w3-text-lime, .w3-hover-text-lime:hover{
     color : #CDDC39 !important
}
.w3-text-orange, .w3-hover-text-orange:hover{
     color : #FF9800 !important
}
.w3-text-deep-orange, .w3-hover-text-deep-orange:hover{
     color : #FF5722 !important
}
.w3-text-pink, .w3-hover-text-pink:hover{
     color : #E91E63 !important
}
.w3-text-purple, .w3-hover-text-purple:hover{
     color : #9C27B0 !important
}
.w3-text-deep-purple, .w3-hover-text-deep-purple:hover{
     color : #673AB7 !important
}
.w3-text-red, .w3-hover-text-red:hover{
     color : #F44336 !important
}
.w3-text-sand, .w3-hover-text-sand:hover{
     color : #FDF5E6 !important
}
.w3-text-teal, .w3-hover-text-teal:hover{
     color : #009688 !important
}
.w3-text-yellow, .w3-hover-text-yellow:hover{
     color : #D2BE0E !important
}
.w3-text-white, .w3-hover-text-white:hover{
     color : #FFF !important
}
.w3-text-black, .w3-hover-text-black:hover{
     color : #000 !important
}
.w3-text-grey, .w3-hover-text-grey:hover{
     color : #757575 !important
}
.w3-text-light-grey, .w3-hover-text-light-grey:hover{
     color : #F1F1F1 !important
}
.w3-text-dark-grey, .w3-hover-text-dark-grey:hover{
     color : #3A3A3A !important
}
.w3-border-amber, .w3-hover-border-amber:hover{
     border-color : #FFC107 !important
}
.w3-border-aqua, .w3-hover-border-aqua:hover{
     border-color : #00FFFF !important
}
.w3-border-blue, .w3-hover-border-blue:hover{
     border-color : #2196F3 !important
}
.w3-border-light-blue, .w3-hover-border-light-blue:hover{
     border-color : #87CEEB !important
}
.w3-border-brown, .w3-hover-border-brown:hover{
     border-color : #795548 !important
}
.w3-border-cyan, .w3-hover-border-cyan:hover{
     border-color : #00BCD4 !important
}
.w3-border-blue-grey, .w3-hover-blue-grey:hover{
     border-color : #607D8B !important
}
.w3-border-green, .w3-hover-border-green:hover{
     border-color : #4CAF50 !important
}
.w3-border-light-green, .w3-hover-border-light-green:hover{
     border-color : #8BC34A !important
}
.w3-border-indigo, .w3-hover-border-indigo:hover{
     border-color : #3F51B5 !important
}
.w3-border-khaki, .w3-hover-border-khaki:hover{
     border-color : #F0E68C !important
}
.w3-border-lime, .w3-hover-border-lime:hover{
     border-color : #CDDC39 !important
}
.w3-border-orange, .w3-hover-border-orange:hover{
     border-color : #EC6607 !important
}
.w3-border-deep-orange, .w3-hover-border-deep-orange:hover{
     border-color : #FF5722 !important
}
.w3-border-pink, .w3-hover-border-pink:hover{
     border-color : #E91E63 !important
}
.w3-border-purple, .w3-hover-border-purple:hover{
     border-color : #9C27B0 !important
}
.w3-border-deep-purple, .w3-hover-border-deep-purple:hover{
     border-color : #673AB7 !important
}
.w3-border-red, .w3-hover-border-red:hover{
     border-color : #F44336 !important
}
.w3-border-sand, .w3-hover-border-sand:hover{
     border-color : #FDF5E6 !important
}
.w3-border-teal, .w3-hover-border-teal:hover{
     border-color : #009688 !important
}
.w3-border-yellow, .w3-hover-border-yellow:hover{
     border-color : #FFEB3B !important
}
.w3-border-white, .w3-hover-border-white:hover{
     border-color : #FFF !important
}
.w3-border-black, .w3-hover-border-black:hover{
     border-color : #000 !important
}
.w3-border-grey, .w3-hover-border-grey:hover{
     border-color : #9E9E9E !important
}
.w3-border-light-grey, .w3-hover-border-light-grey:hover{
     border-color : #F1F1F1 !important
}
.w3-border-dark-grey, .w3-hover-border-dark-grey:hover{
     border-color : #616161 !important
}
.w3-border-pale-red, .w3-hover-border-pale-red:hover{
     border-color : #FFE7E7 !important
}
.w3-border-pale-green, .w3-hover-border-pale-green:hover{
     border-color : #E7FFE7 !important
}
.w3-border-pale-yellow, .w3-hover-border-pale-yellow:hover{
     border-color : #FFFFD7 !important
}
.w3-border-pale-blue, .w3-hover-border-pale-blue:hover{
     border-color : #E7FFFF !important
}
.w3-opacity, .w3-hover-opacity:hover{
     opacity : 0.60
}
.w3-text-shadow{
     text-shadow : 1px 1px 0 #444
}
.w3-text-shadow-white{
     text-shadow : 1px 1px 0 #DDD
}
#navigation .logoff{
     display : none;
}

#divStep3 fieldset.group .select .data {
	display: flex;
}
#divStep3 fieldset.group .select .data select 
	{
	margin-right: 10 px !important;
	}
@media screen and (min-width : 950px){
     * .hideonnormal {
         display : none !important;
    }
}
/*********** * Responsive ***********/
@media screen and (max-width : 1700px){
	.cdcimage1 { /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 45%;
    }
    .cdcimage2 {
	left: 40%;
    width: 55%; 
    }
@media screen and (max-width : 1500px){
	.cdcimage1 { /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 55%;
    }
    .cdcimage2 {
	left: 40%;
    width: 55%; 
    }
@media screen and (max-width : 1400px){
     .recordDisplayElement .recordoptions {
          top : auto !important;
          left : 35px;
          right : 0;
          bottom : 0;
          position : absolute;
          height: 19px;
     }
     .recordDisplayElement {
          padding-bottom: 27px;
     }
	.cdcimage1 { /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 60%;
    }
    .cdcimage2 {
	left: 40%;
    width: 55%; 
    }
}
@media screen and (max-width : 1150px){
     #wrapperinner > #header > .customnavigation > .navigation .facebook span {
         display : none;
    }
     
     .recordDisplayElement {
         padding-bottom : 27px;
    }
     .recordDisplayElement .recordoptions .left {
         top : 5px;
         left : 5px;
         position : absolute;
         padding-top : 12px;
    }
     #dojoUnique1_restrictions .dropdown, #dojoUnique1_restrictions .restrictionRow .dijitComboBox {
         width : 100% 
    }
    .recordDisplayElement .recordthumbnail .recordthumbright {
         width : 100% !important;
    }
     .recordDisplayElement .recordthumbnail {
         width : 80% !important;
    }
	.cdcimage1 { /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 70%;
    }
    .cdcimage2 {
	left:45%;
	width: 55%;
    }
}
@media screen and (max-width : 1050px){
     #wrapperinner > #header {
         padding-left : 5px !important;
        ;
    }
     #wrapperinner > #header > .customnavigation > .navigation a {
         padding-left : 2px !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation > .fontsizes a {
         padding-left : 0px !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation > .fontsizes {
         margin-left : 2px !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation > .lang-en {
         margin-left : 2px !important;
    }
	.cdcimage1 { /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 80%;
    }
    .cdcimage2 {
	left: 50%;
    width: 50%; 
    }
}
@media screen and (max-width : 1050px){
     #wrapperinner > #header > .customnavigation > .navigation .facebook {
         padding-left : 7px !important;
    }
}
@media screen and (max-width : 1050px), screen and (min-width : 750px){
     * .hideonmedium {
         display : none !important;
    }
}
@media screen and (max-width : 950px){
     #wrapperinner > #header .contact > a > span, #wrapperinner > #header .rechercher > a > span, #wrapperinner > #header li > a[title="Mon compte"] > span, #wrapperinner > #header .navigation > li:nth-child(9) > a > span {
         font-size : 0;
    }
     #wrapperinner > #header .contact > a::before {
         content : "\f003";
         font-size : 20px;
         font-family : FontAwesome, sans-serif !important;
    }
     #wrapperinner > #header .rechercher > a::before {
         content : "\f002";
         font-size : 20px;
         font-family : FontAwesome, sans-serif !important;
    }
     #wrapperinner > #header .navigation > li:nth-child(9) > a::before {
         content : "\f1ea";
         font-size : 20px;
         font-family : FontAwesome, sans-serif !important;
    }
     #wrapperinner > #header li > a[title="Mon compte"]::before {
         content : "\f007";
         font-size : 20px;
         font-family : FontAwesome, sans-serif !important;
    }
     #wrapperinner > #header .navigation li {
         margin : 0 5px 0 0;
    }
     #wrapperinner > #header > .customnavigation > .navigation li {
         height : 47px;
         padding : 0;
         margin: 0 3px 0 3px !important;
         overflow : hidden;
         min-width : 37px;
         text-align : center;
         border-right : 1px solid rgb(204, 204, 204);
    }
     #wrapperinner > #header > .customnavigation > .navigation li:nth-child(9) {
            border-left: 1px solid rgb(204, 204, 204);
            border-right: 1px solid rgb(204,204,204);
            margin-left: 0px;
            padding-right: 5px !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation li.lang {
         margin : 0 !important;
    }
     #wrapperinner > #header {
         padding-top : 0 !important;
    }
     #wrapperinner > #header .facebook > a::before {
         font-size : 20px !important;
    }
     #wrapperinner > #header .fontsizes {
         display : none !important;
    }
     #wrapperinner > #content {
         margin-top : 35px !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation > li > ul {
         top : 46px;
    }
     #column13456, #column2, #column3, #column4, #column5, #column1 {
         width : 100% !important;
         border : 0 !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation > li > ul > li {
         border-bottom : 1px solid #CCC;
    }
     #wrapperinner > #header > .customnavigation > .navigation > li > ul > li > a {
         height : 47px;
         display : block;
         line-height : 36px;
    }
	.cdcimage1 { /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 40%;
    }
    .cdcimage2 {
	top: -25px;
	left: 30%;
    width: 40%; 
    }	
}
@media screen and (max-width : 750px){
     body#body #content #columnwrapper div.column, #column1345, #column13456 {
         width : 100% !important;
    }
     #wrapperinner > #navigation, #wrapperinner > #header .lang, #wrapperinner > #header > .customnavigation > .navigation > li:nth-child(11) > ul, #wrapperinner > #header > .customnavigation > .navigation > li:nth-child(11):hover > ul, #wrapperinner > #header > .customnavigation > .navigation > li:nth-child(11) > ul:hover, #wrapperinner > #header > .customnavigation > .navigation > li.hasmenu > a::after {
         display : none !important;
    }
     #wrapperinner > #header {
         left : 0 !important;
         padding-top : 0 !important;
         border-left : 0 !important;
    }
     #wrapperinner > #content {
         margin-left : 0 !important;
         border-left : 0 !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation .burger {
         display : inline-block !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation .burger > a::before {
         content : "\f0c9";
         font-size : 20px;
         font-family : FontAwesome, sans-serif !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation .logoff {
         height : 45px;
         display : inline-block !important;
         font-size : 0;
         line-height : 21px;
    }
     #wrapperinner > #header > .customnavigation > .navigation .logoff > a::before {
         content : "\f08b";
         font-size : 20px;
         font-family : FontAwesome, sans-serif !important;
    }
     #column13456 + #column2, #body.search #column1, #body.search #column1 + #column2 {
         border : 0 !important;
    }
     #wrapperinner > #header > .customnavigation > .navigation > li > ul {
         top : 47px;
         left : 0;
         width : auto !important;
         right : 0;
         border : 0;
         box-shadow : 0 2px 5px #BBBBBB;
         background-color : white;
    }
     #wrapperinner > #header > .customnavigation > .navigation > li > ul > li:last-child {
         border-bottom : 0;
    }
     .search-form-wrap .searchbox input[id^="SearchField"] {
         width : 65% !important;
    }
     #navigation {
         width : 70% !important;
         bottom : 0;
         box-shadow : 3px 0 5px #232323;
         background : white !important;
    }
     .menu-close::before {
         color : white;
         margin : 5px;
         padding : 10px;
         content : "\f00d";
         font-size : 20px;
         font-weight : lighter;
         font-family : FontAwesome, sans-serif;
    }
     .menu-close {
         top : 0;
         right : 0;
         z-index : 100;
         position : fixed;
    }
     .menu-overlay {
         top : 0;
         left : 0;
         right : 0;
         bottom : 0;
         z-index : 100;
         display : none !important;
         position : fixed;
         background-color : rgba(0, 0, 0, 0.5);
    }
     #navigation::after {
         content : "" !important;
         display : none !important;
    }
     #wrapperinner > #navigation > ul > li.home {
         height : 38px !important;
    }
     #wrapperinner > #navigation > ul > li.home > a {
         height : 38px !important;
         font-size : 15px !important;
         background-image : none !important;
    }
     #wrapperinner > #navigation > ul > li.home > a > span {
         display : block;
    }
     #navigation .navigation > li > ul, #navigation .navigation > li > ul:hover {
         top : auto !important;
         float : none !important;
         width : 100% !important;
         border : 0 !important;
         margin : 0 !important;
         padding : 0 !important;
         display : block !important;
         position : relative !important;
         box-shadow : none !important;
    }
     #navigation .navigation > li > ul > li > a > span {
         padding-left : 32px;
    }
     #navigation .navigation > li > ul > li > a > span::before {
         left : 10px;
         color : #F38F03;
         margin : 0;
         padding : 0;
         content : "\f111";
         position : absolute;
         font-size : 15px;
         font-weight : lighter;
         font-family : FontAwesome, sans-serif;
    }
     #navigation .navigation > li.home a span::before {
         left : 10px;
         color : #e73032;
         margin : 0;
         padding : 0;
         content : "\f111";
         position : absolute;
         font-size : 15px;
         font-weight : lighter;
         font-family : FontAwesome, sans-serif;
    }
     #navigation .navigation:hover:after {
         display : none !important;
    }
     #navigation .navigation > li > ul > li {
         border-bottom : 1px solid rgb(204, 204, 204) !important;
    }
     #navigation .navigation > li.bib.hasmenu {
        height: 0 !important;
        border: none !important;
         * .hideonnarrow {
             display : none !important;
        }
         #wrapperinner > #header > .customnavigation > .navigation li:nth-child(9) {
             border-left : 0;
             margin-left : 0;
             padding-left : 0;
        }
 	.cdcimage1 {  /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 60%;
    }
    .cdcimage2 {
	top: -15px;
	left: 55%;
    width: 50%; 
    }
 }
 
 @media screen and (max-width : 420px){
         #navigation .logoff {
             border : 0 !important;
             display : block;
             margin-top : 30px;
        }
         #wrapperinner > #navigation > ul > li.logoff > a > span::before {
             content : "\f111";
             color : #343434;
        }
         #wrapperinner > #header > .customnavigation > .navigation .logoff {
             display : none !important;
        }
		
		.search-form-wrap .searchbox input[id^="SearchField"] {
			width : 50% !important;
		}
		.search-form-wrap .searchbox input[id^="searchSubmitTR"] {
			font-size: 0.9em
    }
	.cdcimage1 {  /*** affichage responsive coups de coeur 24.03.2025 /mrs ***/
    width: 60%;
    }
    .cdcimage2 {
	top: -22px;
	left: 45%;
    width: 50%; 
    }
 }
   

.lausanne2 #accessibilitytoolbarGraphic {
  position: fixed !important;
}